modern-canvas 0.23.0 → 0.23.2

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 _ } from "modern-idoc";
-import { BoundingBox as se, Path2D as ce, Path2DSet as le, Transform2D as v, Vector2 as y, svgToDom as b, svgToPath2DSet as ue } from "modern-path2d";
-import { extend as de } from "colord";
-import fe from "colord/plugins/names";
-import { fonts as pe } from "modern-font";
-import { Character as me, Text as he } 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, 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, Transform2D as v, Vector2 as y, 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 ge = /* @__PURE__ */ new Map();
-function x(e, t) {
+var ve = /* @__PURE__ */ new Map();
+function b(e, t) {
 	return function(n) {
 		Object.defineProperty(n.prototype, "is", {
 			value: e,
@@ -14,19 +14,19 @@ function x(e, t) {
 			configurable: !0
 		}), t && Object.keys(t).forEach((e) => {
 			i(n, e, { fallback: t[e] });
-		}), ge.set(e, n);
+		}), ve.set(e, n);
 	};
 }
 //#endregion
 //#region src/core/global/createNode.ts
-function _e(e = "node", t = {}) {
-	let n = ge.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 S = class {
+var x = class {
 	static _queue = [];
 	static _currentTime = 0;
 	static _elapsed = 0;
@@ -83,12 +83,12 @@ var S = class {
 		this._queue = t;
 	}
 };
-S.start();
+x.start();
 //#endregion
 //#region src/core/global/nextTick.ts
-async function ve(e) {
+async function be(e) {
 	return new Promise((t) => {
-		S.on(() => {
+		x.on(() => {
 			e?.(), t();
 		}, {
 			sort: 1,
@@ -98,14 +98,14 @@ async function ve(e) {
 }
 //#endregion
 //#region src/core/shared/utils.ts
-var ye = Math.PI, be = ye * 2;
-function xe(e) {
+var xe = Math.PI, Se = xe * 2;
+function Ce(e) {
 	return !(e & e - 1) && !!e;
 }
 //#endregion
 //#region src/core/shared/css.ts
-var Se = /([\w-]+)\((.+?)\)/g, Ce = /[^,]+/g, we = /([-e.\d]+)(.*)/;
-function Te(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 Te(e) {
 		normalizedIntValue: e.normalizedDefaultIntValue
 	};
 }
-function Ee(e, t, n = {}) {
-	let r = De(t, n);
-	return r.length ? r : ke(e, t, n);
+function Oe(e, t, n = {}) {
+	let r = ke(t, n);
+	return r.length ? r : je(e, t, n);
 }
-function De(e, t = {}) {
+function ke(e, t = {}) {
 	let n = [], r;
-	for (; (r = Se.exec(e)) !== null;) {
+	for (; (r = we.exec(e)) !== null;) {
 		let [, e, i] = r;
 		e && n.push({
 			name: e,
-			args: Oe(e, i, t)
+			args: Ae(e, i, t)
 		});
 	}
 	return n;
 }
-function Oe(e, t, n = {}) {
+function Ae(e, t, n = {}) {
 	let r = [], i, a = 0;
-	for (; (i = Ce.exec(t)) !== null;) r.push(ke(e, i[0], {
+	for (; (i = Te.exec(t)) !== null;) r.push(je(e, i[0], {
 		...n,
 		index: a++
 	}));
 	return r;
 }
-function ke(e, t, n = {}) {
-	let { width: r = 1, height: i = 1, index: a = 0 } = n, o = t.match(we), 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 ke(e, t, n = {}) {
 			s.normalizedIntValue = s.intValue / 100;
 			break;
 		case "rad":
-			s.normalizedIntValue = s.intValue / be;
+			s.normalizedIntValue = s.intValue / Se;
 			break;
 		case "deg":
 			s.normalizedIntValue = s.intValue / 360;
@@ -184,48 +184,48 @@ function ke(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/shared/dom.ts
-var Ae = "WebGL2RenderingContext" in globalThis, je = "ImageBitmap" in globalThis, Me = "ResizeObserver" in globalThis, Ne = "PointerEvent" in globalThis, Pe = "WheelEvent" in globalThis, Fe = "MouseEvent" in globalThis, Ie = "ontouchstart" in globalThis, Le = "onclick" in globalThis, Re = "createImageBitmap" in globalThis, ze = "AudioContext" in globalThis, Be = "webkitAudioContext" in globalThis, Ve = "OfflineAudioContext" in globalThis, He = "webkitOfflineAudioContext" in globalThis, Ue = ze || Be, We = typeof window < "u", Ge = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Ke = globalThis.devicePixelRatio || 1, qe = (e) => typeof e == "object" && !!e && e.nodeType === 1, Je = (e) => qe(e) && e.tagName === "VIDEO", Ye = (e) => qe(e) && e.tagName === "IMG";
-function Xe(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 Ze(e) {
-	return Ae && e instanceof globalThis.WebGL2RenderingContext;
-}
-var Qe;
 function $e(e) {
-	Qe = e;
+	return Me && e instanceof globalThis.WebGL2RenderingContext;
 }
-function et() {
-	return Qe;
+var et;
+function tt(e) {
+	et = e;
 }
-var tt;
-function nt(e) {
-	tt = e;
+function nt() {
+	return et;
 }
-function rt() {
-	return tt;
+var rt;
+function it(e) {
+	rt = e;
 }
-function it(e, t) {
+function at() {
+	return rt;
+}
+function S(e, t) {
 	let n;
-	return Qe ? n = Qe(e, t) : We && (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 at(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 ot(e, t, n) {
-	n === null && !t.startsWith("data:") ? e.crossOrigin = at(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 st = 0;
-function ct() {
-	return ++st;
+var ct = 0;
+function lt() {
+	return ++ct;
 }
 //#endregion
 //#region src/core/input/InputEvent.ts
-var lt = class e {
+var ut = class e {
 	cursor;
 	bubbles = !1;
 	cancelBubble = !1;
@@ -260,14 +260,14 @@ var lt = class e {
 	initUIEvent(...e) {
 		throw Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
-}, ut = class extends lt {
+}, 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.");
 	}
-}, dt = class extends lt {
+}, ft = class extends ut {
 	client = {
 		x: 0,
 		y: 0
@@ -350,7 +350,7 @@ var lt = class e {
 	get globalY() {
 		return this.global.y;
 	}
-}, ft = class extends dt {
+}, pt = class extends ft {
 	width = 0;
 	height = 0;
 	isPrimary = !1;
@@ -360,20 +360,20 @@ var lt = class e {
 	getPredictedEvents() {
 		throw Error("getPredictedEvents is not supported!");
 	}
-}, pt = class extends dt {
+}, 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;
-}, mt = {
+}, ht = {
 	touchstart: "pointerdown",
 	touchend: "pointerup",
 	touchendoutside: "pointerupoutside",
 	touchmove: "pointermove",
 	touchcancel: "pointercancel"
-}, ht = class extends e {
+}, gt = class extends e {
 	event;
 	target;
 	cursor = "default";
@@ -391,21 +391,21 @@ var lt = class e {
 	removeEventListeners() {
 		if (!this.setuped || !this.target) return;
 		let e = this.target.style;
-		globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : Ne && (e.touchAction = ""), Ne ? (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)), Ie && (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") : Ne && (e.touchAction = "none")), Ne ? (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)), Ie && (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 (Ie && 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 (Pe && e instanceof globalThis.WheelEvent) t.push(e);
-		else if (Ne && 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 lt = class e {
 		return t;
 	}
 	_clonePointerEvent(e) {
-		let t = new ft();
-		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 = mt[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 lt = 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 pt();
+		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 ut();
+		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 lt = class e {
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerDown = (e) => {
-		if (Ie && 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 || Ie && 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 || Ie && 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 || Ie && 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);
@@ -513,7 +513,7 @@ var lt = class e {
 		this.removeEventListeners(), super.destroy();
 	}
 }, C = class extends n {
-	instanceId = ct();
+	instanceId = lt();
 	destroyed = !1;
 	get json() {
 		return this.toJSON();
@@ -522,7 +522,7 @@ var lt = class e {
 		this.setProperties(e);
 	}
 	_nextTick() {
-		return ve();
+		return be();
 	}
 	equal(e) {
 		return !!(e && this.instanceId === e.instanceId);
@@ -531,7 +531,7 @@ var lt = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, gt = class extends C {}, w = class extends gt {}, _t = class e {
+}, _t = class extends C {}, w = class extends _t {}, vt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -664,7 +664,7 @@ var lt = class e {
 };
 //#endregion
 //#region src/core/math/Color.ts
-de([fe]);
+pe([me]);
 var T = class {
 	get value() {
 		return this._value;
@@ -748,8 +748,8 @@ var T = class {
 			this.a
 		];
 	}
-}, vt = ye / 180, yt = 180 / ye;
-function bt(e, t, n) {
+}, yt = xe / 180, bt = 180 / xe;
+function xt(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
 function E(e, t, n) {
@@ -757,7 +757,7 @@ function E(e, t, n) {
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var xt = class {
+var St = class {
 	_array = new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -912,7 +912,7 @@ var xt = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = bt(e, 0, 1);
+		let t = xt(e, 0, 1);
 		return this.multiply([
 			E(1, .393, t),
 			E(0, .7689999, t),
@@ -961,7 +961,7 @@ var xt = class {
 		]);
 	}
 	grayscale(e = 1) {
-		let t = bt(e, 0, 1), n = E(1, .3, t), r = E(0, .3, t), i = E(1, .59, t), a = E(0, .59, t), o = E(1, .11, t), s = E(0, .11, t);
+		let t = xt(e, 0, 1), n = E(1, .3, t), r = E(0, .3, t), i = E(1, .59, t), a = E(0, .59, t), o = E(1, .11, t), s = E(0, .11, t);
 		return this.multiply([
 			n,
 			a,
@@ -1013,10 +1013,10 @@ var xt = class {
 	toArray() {
 		return this._array;
 	}
-}, St = class e extends _t {
+}, Ct = class e extends vt {
 	rotation;
 	get rotationDegrees() {
-		return this.rotation / vt;
+		return this.rotation / yt;
 	}
 	constructor(...e) {
 		let t, n;
@@ -1026,7 +1026,7 @@ var xt = class {
 		if (!this.rotation && (!("rotation" in e) || !e.rotation)) return super.overlap(e, t);
 		{
 			let t = (e, t) => Math.abs(e.x * t.x + e.y * t.y), n = (e) => {
-				let { width: n, height: r, rotation: i = 0 } = e, a = i / vt;
+				let { width: n, height: r, rotation: i = 0 } = e, a = i / yt;
 				a = -a % 180;
 				let o = a / 180 * Math.PI, s = {
 					x: Math.cos(o),
@@ -1068,7 +1068,7 @@ var xt = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, Ct = class {
+}, wt = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1105,7 +1105,7 @@ function O(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var wt = class extends C {
+var Tt = class extends C {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1119,13 +1119,13 @@ var wt = 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), S.on(this._onTicker, { sort: 0 }));
+		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 }));
 	}
 	stop() {
-		this._starting && (this._starting = !1, S.off(this._onTicker, { sort: 0 }));
+		this._starting && (this._starting = !1, x.off(this._onTicker, { sort: 0 }));
 	}
 	_onTicker() {
-		let e = S.elapsed * this.speed;
+		let e = x.elapsed * this.speed;
 		if ((this._nextDeltaTime -= e) <= 0) {
 			let t = (this._nextDeltaTime = this.spf) || e;
 			this.emit("process", t);
@@ -1135,14 +1135,14 @@ var wt = class extends C {
 		super._destroy(), this.stop();
 	}
 };
-O([_({ fallback: 60 }), D("design:type", Number)], wt.prototype, "fps", void 0), O([_({ fallback: 1 }), D("design:type", Number)], wt.prototype, "speed", void 0);
+O([_({ fallback: 60 }), D("design:type", Number)], Tt.prototype, "fps", void 0), O([_({ fallback: 1 }), D("design:type", Number)], Tt.prototype, "speed", void 0);
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var Tt = /* @__PURE__ */ function(e) {
+var Et = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), Et = class {
+}({}), Dt = class {
 	native;
-	target = Tt.arrayBuffer;
+	target = Et.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
@@ -1150,7 +1150,7 @@ var Tt = /* @__PURE__ */ function(e) {
 	}
 }, k = /* @__PURE__ */ function(e) {
 	return e[e.mapRead = 1] = "mapRead", e[e.mapWrite = 2] = "mapWrite", e[e.copySrc = 4] = "copySrc", e[e.copyDst = 8] = "copyDst", e[e.index = 16] = "index", e[e.vertex = 32] = "vertex", e[e.uniform = 64] = "uniform", e[e.storage = 128] = "storage", e[e.indirect = 256] = "indirect", e[e.queryResolve = 512] = "queryResolve", e[e.static = 1024] = "static", e;
-}({}), Dt = class extends n {
+}({}), Ot = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1169,12 +1169,12 @@ var Tt = /* @__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`);
 	}
 };
-O([_({ fallback: Ke }), D("design:type", Number)], Dt.prototype, "pixelRatio", void 0), O([_({ internal: !0 }), D("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], Dt.prototype, "view", void 0);
+O([_({ fallback: Je }), D("design:type", Number)], Ot.prototype, "pixelRatio", void 0), O([_({ internal: !0 }), D("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], Ot.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/shader/UniformGroup.ts
-var Ot = 0, kt = class {
+var kt = 0, At = class {
 	isUniformGroup = !0;
-	uid = ++Ot;
+	uid = ++kt;
 	uniforms;
 	ubo;
 	isStatic;
@@ -1185,10 +1185,10 @@ var Ot = 0, kt = class {
 	update() {
 		this._dirtyId++;
 	}
-}, At = Object.create(null), jt = Object.create(null);
-function Mt(e, t) {
-	let n = jt[e];
-	return n === void 0 && (At[t] === void 0 && (At[t] = 1), jt[e] = n = At[t]++), n;
+}, 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;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
@@ -1206,7 +1206,7 @@ var A = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, Nt = class extends A {
+}, Pt = class extends A {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1216,8 +1216,8 @@ var A = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(e) {
-		let t = this._gl, n = new Et(t.createBuffer()), r = Tt.arrayBuffer;
-		return e.usage & k.index ? r = Tt.elementArrayBuffer : e.usage & k.uniform && (r = Tt.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 Dt(t.createBuffer()), r = Et.arrayBuffer;
+		return e.usage & k.index ? r = Et.elementArrayBuffer : e.usage & k.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) => {
 			switch (e) {
 				case "usage":
 				case "data":
@@ -1255,13 +1255,13 @@ var A = class extends e {
 		}
 		this.buffers.clear(), this.glBuffers.clear();
 	}
-}, Pt;
-function Ft() {
-	return Pt ||= "mediump", Pt;
+}, Ft;
+function It() {
+	return Ft ||= "mediump", Ft;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function It(e, t, n) {
+function Lt(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 Lt(e, t, n) {
+function Rt(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 Lt(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function Rt(e, t) {
+function zt(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var zt = {}, Bt = {};
-function Vt(e, { name: t = "program" }, n = !0) {
+var Bt = {}, Vt = {};
+function Ht(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? zt : Bt;
+	let r = n ? Bt : Vt;
 	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 Ht(e, t) {
+function Ut(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var Ut = Object.create(null), Wt = {
-	stripVersion: Ht,
-	ensurePrecision: Lt,
-	addProgramDefines: It,
-	setProgramName: Vt,
-	insertVersion: Rt
-}, Gt = class e {
+var Wt = Object.create(null), Gt = {
+	stripVersion: Ut,
+	ensurePrecision: Rt,
+	addProgramDefines: Lt,
+	setProgramName: Ht,
+	insertVersion: zt
+}, Kt = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1332,25 +1332,25 @@ var Ut = Object.create(null), Wt = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: Ft()
+				maxSupportedFragmentPrecision: It()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(Wt).forEach((e) => {
+		Object.keys(Gt).forEach((e) => {
 			let t = a[e];
-			n = Wt[e](n, t, !0), r = Wt[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Mt(`${r}:${n}`, "GlProgram");
+			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");
 	}
 	destroy() {
-		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Ut[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Wt[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return Ut[n] || (Ut[n] = new e(t), Ut[n]._cacheKey = n), Ut[n];
+		return Wt[n] || (Wt[n] = new e(t), Wt[n]._cacheKey = n), Wt[n];
 	}
-}, Kt = {
+}, qt = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1502,18 +1502,18 @@ var Ut = Object.create(null), Wt = {
 		normalized: !1
 	}
 };
-function qt(e) {
-	return Kt[e] ?? Kt.float32;
+function Jt(e) {
+	return qt[e] ?? qt.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var Jt = class {
+var Yt = class {
 	native;
 	uniformDirtyGroups = Object.create(null);
 	constructor(e) {
 		this.native = e;
 	}
-}, Yt, Xt = {
+}, Xt, Zt = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1542,7 +1542,7 @@ var Jt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, Zt = {
+}, Qt = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1560,29 +1560,29 @@ var Jt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function Qt(e, t) {
-	if (!Yt) {
-		let t = Object.keys(Xt);
-		Yt = {};
+function $t(e, t) {
+	if (!Xt) {
+		let t = Object.keys(Zt);
+		Xt = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			Yt[e[r]] = Xt[r];
+			Xt[e[r]] = Zt[r];
 		}
 	}
-	return Yt[t];
+	return Xt[t];
 }
-function $t(e, t) {
-	return Zt[Qt(e, t)] || "float32";
+function en(e, t) {
+	return Qt[$t(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var en = class extends A {
+var tn = class extends A {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
 	glProgramDatas = /* @__PURE__ */ new Map();
 	currentProgram = null;
-	globalUniforms = new kt({
+	globalUniforms = new At({
 		projectionMatrix: new Float32Array([
 			1,
 			0,
@@ -1623,7 +1623,7 @@ var en = class extends A {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new Jt(t.createProgram());
+		let t = this._gl, n = new Yt(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 en = class extends A {
 		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 = $t(t, e.type);
+			let i = en(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: qt(i).stride,
+				stride: Jt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1652,7 +1652,7 @@ var en = class extends A {
 		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 = Qt(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = $t(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
@@ -1687,7 +1687,7 @@ var en = class extends A {
 			let { type: s, isArray: c, name: l } = o;
 			o.location === void 0 && (o.location = r.getUniformLocation(t.native, l));
 			let u = o.location;
-			if (tn(o.value, a)) switch (o.value = nn(o.value, a), s) {
+			if (nn(o.value, a)) switch (o.value = rn(o.value, a), s) {
 				case "float":
 					c ? r.uniform1fv(u, a) : r.uniform1f(u, a);
 					break;
@@ -1774,7 +1774,7 @@ var en = class extends A {
 		super.destroy(), this.bind(null);
 	}
 };
-function tn(e, t) {
+function nn(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 tn(e, t) {
 	}
 	return e !== t;
 }
-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) {
@@ -1796,10 +1796,10 @@ function nn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlBlendMode.ts
-var rn = /* @__PURE__ */ function(e) {
+var an = /* @__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 an(e) {
+function on(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1854,7 +1854,7 @@ function an(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var on = class e {
+var sn = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1881,14 +1881,14 @@ var on = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = rn.normal;
+	_blendMode = an.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== rn.none, this._blendMode = e;
+		this.blend = e !== an.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1900,19 +1900,19 @@ var on = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-on._init();
-var sn = class extends A {
+sn._init();
+var cn = class extends A {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = on._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = sn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new on({ blend: !0 });
+	defaultState = new sn({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = an(e);
+		super._updateContext(e), this.blendModes = on(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1955,14 +1955,14 @@ var sn = class extends A {
 	}
 	reset() {
 		super.reset();
-		let e = (1 << on._properties.length) - 1;
+		let e = (1 << sn._properties.length) - 1;
 		this.boundStateBitmap = ~this.defaultState.bitmap & e, this.boundBlendMode = void 0, this._blendEq = !0, this.bind(this.defaultState);
 	}
-}, cn = class extends A {
+}, ln = class extends A {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = on.for2D();
+	_state = sn.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -1983,8 +1983,8 @@ var sn = class extends A {
 	}
 	_createShader(e) {
 		let t = this._renderer, n = {
-			instanceId: ct(),
-			glProgram: new Gt({
+			instanceId: lt(),
+			glProgram: new Kt({
 				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: ct(),
+			instanceId: lt(),
 			usage: k.vertex,
 			data: new Float32Array()
 		}, i = {
-			instanceId: ct(),
+			instanceId: lt(),
 			usage: k.index,
 			data: new Uint32Array()
 		}, a = {
-			instanceId: ct(),
+			instanceId: lt(),
 			topology: "triangle-list",
 			attributes: Object.fromEntries(Object.entries(this._attributes).map(([e, t]) => [e, {
 				...t,
@@ -2061,15 +2061,15 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = rn.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
+					}, texture: ee, blendMode: te = an.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, v, y, b;
-					for (let e = p.length, t = 0; t < e; t += 2) v = h[t], y = h[t + 1], ae > 0 && oe > 0 && (v = Math.ceil(v * ae) / ae, y = Math.ceil(y * oe) / oe), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = v, a[c++] = y, b = c * 4, o[b] = se, o[b + 1] = le, o[b + 2] = ce, o[b + 3] = 0, c++, b = c * 4, o[b] = ie[0], o[b + 1] = ie[1], o[b + 2] = ie[2], o[b + 3] = ie[3], c++;
+					let { width: ae, height: oe } = g, _ = c / this._vertexSize, se = (ee ? f.get(ee) : 255) ?? 255, ce = +!!re, le = +!!ne, ue, v, y;
+					for (let e = p.length, t = 0; t < e; t += 2) ue = h[t], v = h[t + 1], ae > 0 && oe > 0 && (ue = Math.ceil(ue * ae) / ae, v = Math.ceil(v * oe) / oe), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = ue, a[c++] = v, y = c * 4, o[y] = se, 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++] = _ + r[t];
 					t.blendMode = te;
 				}
@@ -2091,22 +2091,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = ln(Math.ceil(e / 8)), n = un(t), r = t * 8;
+		let t = un(Math.ceil(e / 8)), n = dn(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 = ln(Math.ceil(e / 12)), n = un(t), r = t * 12;
+		let t = un(Math.ceil(e / 12)), n = dn(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 ln(e) {
+function un(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function un(e) {
+function dn(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2116,9 +2116,9 @@ function un(e) {
 //#region src/core/renderers/gl/const.ts
 var j = /* @__PURE__ */ function(e) {
 	return e[e.disabled = 0] = "disabled", e[e.renderingMaskAdd = 1] = "renderingMaskAdd", e[e.maskActive = 2] = "maskActive", e[e.inverseMaskActive = 3] = "inverseMaskActive", e[e.renderingMaskRemove = 4] = "renderingMaskRemove", e[e.none = 5] = "none", e;
-}({}), dn = /* @__PURE__ */ function(e) {
+}({}), fn = /* @__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;
-}({}), fn = class extends A {
+}({}), pn = class extends A {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2143,10 +2143,10 @@ var j = /* @__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(dn.stencil), this._renderer.stencil.bind(j.disabled, i)) : this._renderer.stencil.bind(j.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(j.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
+		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(fn.stencil), this._renderer.stencil.bind(j.disabled, i)) : this._renderer.stencil.bind(j.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(j.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
-}, pn = [];
-pn[j.none] = {}, pn[j.disabled] = {}, pn[j.renderingMaskAdd] = {
+}, mn = [];
+mn[j.none] = {}, mn[j.disabled] = {}, mn[j.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2155,7 +2155,7 @@ pn[j.none] = {}, pn[j.disabled] = {}, pn[j.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, pn[j.renderingMaskRemove] = {
+}, mn[j.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2164,7 +2164,7 @@ pn[j.none] = {}, pn[j.disabled] = {}, pn[j.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, pn[j.maskActive] = {
+}, mn[j.maskActive] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "keep"
@@ -2173,7 +2173,7 @@ pn[j.none] = {}, pn[j.disabled] = {}, pn[j.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, pn[j.inverseMaskActive] = {
+}, mn[j.inverseMaskActive] = {
 	stencilFront: {
 		compare: "not-equal",
 		passOp: "keep"
@@ -2183,7 +2183,7 @@ pn[j.none] = {}, pn[j.disabled] = {}, pn[j.renderingMaskAdd] = {
 		passOp: "keep"
 	}
 };
-var mn = class extends A {
+var hn = class extends A {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
@@ -2235,7 +2235,7 @@ var mn = class extends A {
 		}
 	};
 	bind(e, t) {
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = pn[e], a = this._cache;
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = mn[e], a = this._cache;
 		if (n.stencilMode = e, n.refCount = t, e === j.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
@@ -2245,8 +2245,8 @@ var mn = class extends A {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, hn = class extends A {
-	current = new _t(0, 0, 0, 0);
+}, gn = class extends A {
+	current = new vt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2254,7 +2254,7 @@ var mn = class extends A {
 		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);
 	}
-}, gn = class {
+}, _n = class {
 	framebuffer;
 	width = -1;
 	height = -1;
@@ -2265,7 +2265,7 @@ var mn = class extends A {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, _n = class extends A {
+}, vn = class extends A {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2275,7 +2275,7 @@ var mn = class extends A {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new Ct();
+	projection = new wt();
 	_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 mn = class extends A {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new gn(t.createFramebuffer());
+		let t = this._gl, n = new _n(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 mn = class extends A {
 	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;
 	}
-}, vn = /* @__PURE__ */ function(e) {
+}, yn = /* @__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;
-}({}), yn = /* @__PURE__ */ function(e) {
+}({}), bn = /* @__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;
 }({}), M = /* @__PURE__ */ function(e) {
 	return e[e.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", e[e.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", e[e.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", e[e.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", e[e.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", e[e.UNSIGNED_INT = 5125] = "UNSIGNED_INT", e[e.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", e[e.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", e[e.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", e[e.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", e[e.BYTE = 5120] = "BYTE", e[e.SHORT = 5122] = "SHORT", e[e.INT = 5124] = "INT", e[e.FLOAT = 5126] = "FLOAT", e[e.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", e[e.HALF_FLOAT = 36193] = "HALF_FLOAT", e;
-}({}), bn = class {
+}({}), xn = class {
 	native;
-	target = yn.TEXTURE_2D;
+	target = bn.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
 	type = M.UNSIGNED_BYTE;
-	internalFormat = vn.RGBA;
-	format = vn.RGBA;
+	internalFormat = yn.RGBA;
+	format = yn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function xn(e) {
+function Sn(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2457,7 +2457,7 @@ function xn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function Sn(e, t) {
+function Cn(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 Sn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function Cn(e) {
+function wn(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2621,7 +2621,7 @@ function Cn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var wn = {
+var Tn = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2630,10 +2630,10 @@ var wn = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, Tn = {
+}, En = {
 	linear: 9729,
 	nearest: 9728
-}, En = {
+}, Dn = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2642,32 +2642,32 @@ var wn = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, Dn = {
+}, On = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function On(e, t, n, r, i, a, o, s) {
+function kn(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 = Dn[o ? "clamp-to-edge" : c], n = Dn[o ? "clamp-to-edge" : l], r = Dn[o ? "clamp-to-edge" : u];
+		let e = On[o ? "clamp-to-edge" : c], n = On[o ? "clamp-to-edge" : l], r = On[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, Tn[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, En[d]), n) {
 		if (!s || p !== "linear") {
-			let e = wn[f][p];
+			let e = Tn[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, Tn[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, En[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, En[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, Dn[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var kn = {
+var An = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2681,8 +2681,8 @@ var kn = {
 			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;
 		}
 	}
-}, An = class extends A {
-	uploaders = { ...kn };
+}, jn = class extends A {
+	uploaders = { ...An };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2697,14 +2697,14 @@ var kn = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = Sn(e, this._renderer.extensions), this._mapFormatToType = Cn(e), this._mapFormatToFormat = xn(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 = 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);
 		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 bn(t.createTexture());
+		let t = this._gl, n = new xn(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 kn = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		On(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		kn(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 kn = {
 		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);
 	}
-}, jn = {
+}, Mn = {
 	uint8x2: M.UNSIGNED_BYTE,
 	uint8x4: M.UNSIGNED_BYTE,
 	sint8x2: M.BYTE,
@@ -2811,18 +2811,18 @@ var kn = {
 	sint32x3: M.INT,
 	sint32x4: M.INT
 };
-function Mn(e) {
-	return jn[e] ?? jn.float32;
+function Nn(e) {
+	return Mn[e] ?? Mn.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Nn = {
+var Pn = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, Pn = class extends A {
+}, Fn = class extends A {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2861,11 +2861,11 @@ var Nn = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += qt(t.format).stride;
+			i[t.buffer.instanceId] += Jt(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] += qt(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Jt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2900,7 +2900,7 @@ var Nn = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = qt(o.format), i = Mn(o.format);
+				let t = Jt(o.format), i = Nn(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 Nn = {
 		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 = Nn[t];
+		let s = Pn[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 Nn = {
 		}
 		this._geometryVaoHash = {}, this.current = null, this.currentVao = null;
 	}
-}, Fn = class extends A {
+}, In = class extends A {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2965,19 +2965,19 @@ var Nn = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function In(e, t, n) {
+function Ln(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 Ln(e, t) {
+function Rn(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		In(e, n, r),
-		In(e, n + i, r),
-		In(e, n + i, r + a),
-		In(e, n, r + a)
+		Ln(e, n, r),
+		Ln(e, n + i, r),
+		Ln(e, n + i, r + a),
+		Ln(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 Ln(e, t) {
 		height: f - d
 	};
 }
-var Rn = class extends A {
+var zn = class extends A {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
@@ -3013,28 +3013,28 @@ var Rn = class extends A {
 	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 } = Ln(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 } = Rn(i, e), l = r.current.height / n - (o + c);
 			t.scissor(a * n, l * n, s * n, c * n);
 		} else t.disable(t.SCISSOR_TEST);
 	}
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, zn = class extends Dt {
+}, Bn = class extends Ot {
 	contextLost = !1;
 	_systems = [
-		new An(),
-		new Nt(),
-		new en(),
-		new Pn(),
-		new _n(),
-		new sn(),
-		new fn(),
+		new jn(),
+		new Pt(),
+		new tn(),
 		new Fn(),
-		new mn(),
-		new Rn(),
+		new vn(),
 		new cn(),
-		new hn()
+		new pn(),
+		new In(),
+		new hn(),
+		new zn(),
+		new ln(),
+		new gn()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3046,13 +3046,13 @@ var Rn = class extends A {
 		msaa: !0,
 		nonPowOf2mipmaps: !0
 	};
-	constructor(e = it(), t) {
+	constructor(e = S(), t) {
 		if (super(), !e) throw Error("Failed to createHTMLCanvas");
-		Xe(e) ? this._setupContext(e, t) : (this.gl = e, this.version = Ze(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 = rt()?.(e, t), r = n && Ze(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 Rn = class extends A {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = dn.all) {
-		typeof e == "boolean" && (e = e ? dn.all : dn.none), e && this.gl.clear(e);
+	clear(e = fn.all) {
+		typeof e == "boolean" && (e = e ? fn.all : fn.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3146,7 +3146,7 @@ var Rn = class extends A {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, Bn = class {}, Vn = class extends Bn {
+}, Vn = class {}, Hn = class extends Vn {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3160,15 +3160,15 @@ var Rn = class extends A {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, Hn = class extends w {
+}, Un = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-O([_({ fallback: k.index }), D("design:type", k === void 0 ? Object : k)], Hn.prototype, "usage", void 0), O([_({ default: () => new Uint32Array() }), D("design:type", Object)], Hn.prototype, "data", void 0);
+O([_({ fallback: k.index }), D("design:type", k === void 0 ? Object : k)], Un.prototype, "usage", void 0), O([_({ default: () => new Uint32Array() }), D("design:type", Object)], Un.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Un = class extends w {
+var Wn = class extends w {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3176,7 +3176,7 @@ var Un = class extends w {
 		e.flush(), t.activate(e, n), e.geometry.bind(this, t.glProgram), e.geometry.draw(), e.geometry.unbind();
 	}
 };
-O([_({ fallback: "triangle-list" }), D("design:type", Object)], Un.prototype, "topology", void 0), O([_({ default: () => ({}) }), D("design:type", typeof Record > "u" ? Object : Record)], Un.prototype, "attributes", void 0), O([_({ default: () => new Hn() }), D("design:type", Hn === void 0 ? Object : Hn)], Un.prototype, "indexBuffer", void 0), O([_({ fallback: 1 }), D("design:type", Number)], Un.prototype, "instanceCount", void 0);
+O([_({ fallback: "triangle-list" }), D("design:type", Object)], Wn.prototype, "topology", void 0), O([_({ default: () => ({}) }), D("design:type", typeof Record > "u" ? Object : Record)], Wn.prototype, "attributes", void 0), O([_({ default: () => new Un() }), D("design:type", Un === void 0 ? Object : Un)], Wn.prototype, "indexBuffer", void 0), O([_({ fallback: 1 }), D("design:type", Number)], Wn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
 var N = class extends w {
@@ -3195,7 +3195,7 @@ var P = class extends w {
 O([_({ default: () => new N() }), D("design:type", N === void 0 ? Object : N)], P.prototype, "buffer", void 0), O([_({ fallback: "float32" }), D("design:type", Object)], P.prototype, "format", void 0), O([_(), D("design:type", Boolean)], P.prototype, "instance", void 0), O([_(), D("design:type", Number)], P.prototype, "stride", void 0), O([_(), D("design:type", Number)], P.prototype, "offset", void 0), O([_(), D("design:type", Number)], P.prototype, "start", void 0), O([_(), D("design:type", Number)], P.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Wn = class extends Un {
+var Gn = class extends Wn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
@@ -3212,7 +3212,7 @@ var Wn = class extends Un {
 					1
 				]) })
 			}) },
-			indexBuffer: new Hn({ data: new Uint32Array([
+			indexBuffer: new Un({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3223,7 +3223,7 @@ var Wn = class extends Un {
 };
 //#endregion
 //#region src/scene/resources/materials/Material.ts
-function Gn() {
+function Kn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3261,7 +3261,7 @@ var F = class extends w {
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new Gt({
+		t && (this.uniforms = t), this.glProgram = new Kt({
 			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 F = class extends w {
 		}, e.shader.updateUniforms(this);
 	}
 };
-O([_({ default: Gn }), D("design:type", typeof Record > "u" ? Object : Record)], F.prototype, "uniforms", void 0);
+O([_({ default: Kn }), D("design:type", typeof Record > "u" ? Object : Record)], F.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var Kn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, qn = /vec(\d)\((.*)\)/;
-function Jn(e) {
+var qn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Jn = /vec(\d)\((.*)\)/;
+function Yn(e) {
 	e = e.trim();
-	let t = e.match(qn);
+	let t = e.match(Jn);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3289,7 +3289,7 @@ function Jn(e) {
 	}
 	return Number(e);
 }
-var Yn = class e extends F {
+var Xn = class e extends F {
 	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(Kn);
+		let r = t.matchAll(qn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = Jn(e[2]);
+			this.uniforms[t.trim()] = Yn(e[2]);
 		});
 	}
-}, Xn = class extends F {
+}, Zn = class extends F {
 	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
 			}
 		});
 	}
-}, I = class extends Un {
+}, I = class extends Wn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = Xn.instance, n) {
+	static draw(e, t = Zn.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 Hn({ data: new Uint32Array([
+			indexBuffer: new Un({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3422,7 +3422,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, Zn = class extends Un {
+}, Qn = class extends Wn {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
@@ -3439,7 +3439,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					buffer: n
 				})
 			},
-			indexBuffer: new Hn({ data: new Uint32Array() })
+			indexBuffer: new Un({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
 }, L = class extends w {
@@ -3550,7 +3550,7 @@ var R = class extends w {
 		switch (super._updateProperty(e, t, n), e) {
 			case "width":
 			case "height":
-				this.isPowerOfTwo = xe(this.pixelWidth) && xe(this.pixelHeight);
+				this.isPowerOfTwo = Ce(this.pixelWidth) && Ce(this.pixelHeight);
 				break;
 			case "source":
 				this.updateSize();
@@ -3567,13 +3567,13 @@ var R = class extends w {
 		e.texture.unbind(this);
 	}
 	_destroy() {
-		super._destroy(), je && this.source instanceof ImageBitmap && this.source.close();
+		super._destroy(), Ne && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
 O([_({ fallback: "unknown" }), D("design:type", String)], R.prototype, "uploadMethodId", void 0), O([_({ internal: !0 }), D("design:type", Object)], R.prototype, "source", void 0), O([_({ fallback: 0 }), D("design:type", Number)], R.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], R.prototype, "height", void 0), O([_({ fallback: 1 }), D("design:type", Number)], R.prototype, "pixelRatio", void 0), O([_({ fallback: "bgra8unorm" }), D("design:type", Object)], R.prototype, "format", void 0), O([_({ fallback: "premultiply-alpha-on-upload" }), D("design:type", Object)], R.prototype, "alphaMode", void 0), O([_({ fallback: 1 }), D("design:type", Number)], R.prototype, "mipLevelCount", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], R.prototype, "mipmap", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeU", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeV", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeW", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "magFilter", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "minFilter", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "mipmapFilter", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], R.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var Qn = class extends w {
+var $n = class extends w {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3598,12 +3598,12 @@ var Qn = class extends w {
 			e.texture.destroy();
 		});
 	}
-}, $n = class extends R {
+}, er = class extends R {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
 			...e,
-			source: e.source ?? it(),
+			source: e.source ?? S(),
 			uploadMethodId: "image"
 		});
 	}
@@ -3618,7 +3618,7 @@ var Qn = class extends w {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, er = class e extends R {
+}, tr = class e extends R {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
 		let n = new T(t), r = n.toHex(), i = this._cached.get(r);
@@ -3639,13 +3639,13 @@ var Qn = class extends w {
 			mipmap: !0
 		});
 	}
-}, tr = class e extends R {
+}, nr = class e extends R {
 	static test(e) {
 		return u(e);
 	}
 	static linearGradient(e, t, n) {
 		t ||= 1, n ||= 1;
-		let r = it(t, n);
+		let r = S(t, n);
 		if (!r) throw Error("GradientTexture requires a canvas; call setCanvasFactory() in non-browser environments.");
 		let i = r.getContext("2d");
 		if (!i) throw Error("Failed to parse linear gradient, get canvas context is null.");
@@ -3663,7 +3663,7 @@ var Qn = class extends w {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, nr = class extends R {
+}, rr = class extends R {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3673,7 +3673,7 @@ var Qn = class extends w {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function rr(e) {
+function ir(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3684,7 +3684,7 @@ function rr(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var ir = class e extends R {
+var ar = class e extends R {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3718,13 +3718,13 @@ var ir = class e extends R {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = rr(n);
-		if (!Je(t)) {
+		let r = ir(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", ""), ot(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(";"));
@@ -3787,13 +3787,13 @@ var ir = class e extends R {
 		});
 	}
 	_setupAutoUpdate() {
-		this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (S.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 || (S.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (S.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
+		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));
 	}
 	_videoFrameRequestCallback = () => {
 		this.requestUpload(), this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback);
 	};
 	requestUpload = () => {
-		let e = Math.floor(S.elapsed * this.source.playbackRate);
+		let e = Math.floor(x.elapsed * this.source.playbackRate);
 		this._nextTime -= e, (!this._spf || this._nextTime <= 0) && (this.requestUpdate("source"), this._nextTime = this._spf || 0);
 	};
 	async load() {
@@ -3814,13 +3814,13 @@ var ir = class e extends R {
 O([_({
 	internal: !0,
 	fallback: !0
-}), D("design:type", Boolean)], ir.prototype, "autoUpdate", void 0), O([_({
+}), D("design:type", Boolean)], ar.prototype, "autoUpdate", void 0), O([_({
 	internal: !0,
 	fallback: 0
-}), D("design:type", Number)], ir.prototype, "fps", void 0);
+}), D("design:type", Number)], ar.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var ar = class extends R {}, or = class extends ce {
+var or = class extends R {}, sr = class extends le {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -3834,7 +3834,7 @@ var ar = class extends R {}, or = class extends ce {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof R ? { texture: e } : { texture: er.get(e) } : {};
+		return e ? e instanceof R ? { texture: e } : { texture: tr.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -3851,7 +3851,7 @@ var ar = class extends R {}, or = class extends ce {
 			...e,
 			...this._parseDrawStyle(n),
 			type: "stroke",
-			path: new ce(this),
+			path: new le(this),
 			transformUv: this.transformUv,
 			transformVertex: this.transformVertex,
 			lineStyle: {
@@ -3880,7 +3880,7 @@ var ar = class extends R {}, or = class extends ce {
 				l(this.style.fill) && (t = this.style.fill.color);
 				break;
 		}
-		let n = new ce(this), r = this.fillRule ?? this.style.fillRule;
+		let n = new le(this), r = this.fillRule ?? this.style.fillRule;
 		r && (n.style.fillRule = r), this._draws.push({
 			transformUv: this.transformUv,
 			transformVertex: this.transformVertex,
@@ -3931,7 +3931,7 @@ var ar = class extends R {}, or = class extends ce {
 	destroy() {
 		this.reset(), this._triCache.length = 0;
 	}
-}, sr = class {
+}, cr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -3974,7 +3974,7 @@ var ar = class extends R {}, or = class extends ce {
 	toJSON() {
 		return [...this.default];
 	}
-}, cr = class extends C {
+}, lr = class extends C {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -3993,22 +3993,22 @@ var ar = class extends R {}, or = class extends ce {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, lr, ur = {};
-function dr(e) {
-	let t = ur[e] ?? 0;
-	return t++, ur[e] = t, t;
+}, ur, dr = {};
+function fr(e) {
+	let t = dr[e] ?? 0;
+	return t++, dr[e] = t, t;
 }
-var z = lr = class extends C {
+var z = ur = class extends C {
 	static parse(e, t = "Node") {
 		if (Array.isArray(e)) return e.map((e) => this.parse(e));
-		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ge.get(n ?? r.inCanvasIs ?? t)) ?? lr)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? ur)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new cr(this);
+	_meta = new lr(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4031,7 +4031,7 @@ var z = lr = 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}@${dr(this.is)}`;
+		return `@${this.is}@${fr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4098,7 +4098,7 @@ var z = lr = class extends C {
 		}
 		return this;
 	}
-	_children = new sr();
+	_children = new cr();
 	get children() {
 		return this._children.default;
 	}
@@ -4258,7 +4258,7 @@ var z = lr = class extends C {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof lr ? this.appendChild(e) : this.appendChild(lr.parse(e));
+			e instanceof ur ? this.appendChild(e) : this.appendChild(ur.parse(e));
 		});
 	}
 	before(...e) {
@@ -4364,7 +4364,7 @@ var z = lr = class extends C {
 O([_({ default: () => c() }), D("design:type", String)], z.prototype, "id", void 0), O([_({ default: () => c() }), D("design:type", String)], z.prototype, "name", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "processMode", void 0), O([_({ fallback: "default" }), D("design:type", Object)], z.prototype, "processSortMode", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "renderMode", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "inputMode", void 0), O([_({ fallback: "default" }), D("design:type", Object)], z.prototype, "internalMode", void 0), O([_({
 	internal: !0,
 	default: !0
-}), D("design:type", Boolean)], z.prototype, "needsRender", void 0), z = lr = O([x("Node"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], z);
+}), D("design:type", Boolean)], z.prototype, "needsRender", void 0), z = ur = O([b("Node"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], z);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
 var B = class extends z {
@@ -4398,7 +4398,7 @@ var B = class extends z {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? bt(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? xt(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4438,18 +4438,18 @@ var B = class extends z {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "loop", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "delay", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "duration", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "paused", void 0), B = O([x("TimelineNode"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
+O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "loop", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "delay", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "duration", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "paused", void 0), B = O([b("TimelineNode"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var fr = [], pr = 0;
-function mr() {
-	pr = 0;
+var pr = [], mr = 0;
+function hr() {
+	mr = 0;
 }
-function hr(e, t, n, r) {
-	let i = fr[pr];
-	return i || (i = {}, fr[pr] = i), pr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
+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;
 }
-var gr = class extends B {
+var _r = class extends B {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4467,7 +4467,7 @@ var gr = class extends B {
 		255,
 		255
 	];
-	context = new or();
+	context = new sr();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4529,7 +4529,7 @@ var gr = class extends B {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = bt(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = xt(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4597,7 +4597,7 @@ var gr = class extends B {
 			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 ar && (a = this._handleViewportTexture(i)), e.batch2D.render(hr(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 or && (a = this._handleViewportTexture(i)), e.batch2D.render(gr(i, n, t ? i.size : void 0, a));
 		super._render(e);
 	}
 	_cullsRender() {
@@ -4607,13 +4607,13 @@ var gr = class extends B {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-O([_(), D("design:type", Object)], gr.prototype, "blendMode", void 0), O([_({
+O([_(), D("design:type", Object)], _r.prototype, "blendMode", void 0), O([_({
 	internal: !0,
 	fallback: !0
-}), D("design:type", Boolean)], gr.prototype, "visible", void 0), O([_({
+}), D("design:type", Boolean)], _r.prototype, "visible", void 0), O([_({
 	internal: !0,
 	fallback: 1
-}), D("design:type", Number)], gr.prototype, "opacity", void 0), gr = O([x("CanvasItem"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], gr);
+}), D("design:type", Number)], _r.prototype, "opacity", void 0), _r = O([b("CanvasItem"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _r);
 //#endregion
 //#region src/scene/main/Viewport.ts
 var V = class extends z {
@@ -4666,7 +4666,7 @@ var V = class extends z {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), I.draw(e, Xn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), I.draw(e, Zn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4679,7 +4679,7 @@ var V = class extends z {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new _t(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);
@@ -4691,7 +4691,7 @@ var V = class extends z {
 		super._destroy(), this.canvasTransform.destroy(), this.renderTargets.forEach((e) => e.destroy());
 	}
 };
-O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "x", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "y", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "height", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "mipLevel", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], V.prototype, "msaa", void 0), V = O([x("Viewport")], V);
+O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "x", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "y", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "height", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "mipLevel", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], V.prototype, "msaa", void 0), V = O([b("Viewport")], V);
 //#endregion
 //#region src/scene/main/Effect.ts
 var H = class extends B {
@@ -4717,7 +4717,7 @@ var H = class extends B {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new Yn(t);
+				let e = new Xn(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4752,7 +4752,7 @@ var H = class extends B {
 		}
 	}
 	getRect() {
-		return new _t(this._rect);
+		return new vt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -4922,10 +4922,10 @@ var H = class extends B {
 		super._destroy(), this.viewport1.destroy(), this.viewport2.destroy();
 	}
 };
-O([_({ internal: !0 }), D("design:type", Object)], H.prototype, "material", void 0), O([_(), D("design:type", Object)], H.prototype, "effectMode", void 0), O([_(), D("design:type", String)], H.prototype, "glsl", void 0), O([_(), D("design:type", String)], H.prototype, "glslSrc", void 0), H = O([x("Effect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
+O([_({ internal: !0 }), D("design:type", Object)], H.prototype, "material", void 0), O([_(), D("design:type", Object)], H.prototype, "effectMode", void 0), O([_(), D("design:type", String)], H.prototype, "glsl", void 0), O([_(), D("design:type", String)], H.prototype, "glslSrc", void 0), H = O([b("Effect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var _r = class {
+var vr = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -4947,11 +4947,11 @@ var _r = class {
 			});
 		}), this.calls = [];
 	}
-}, vr, yr = vr = class extends z {
+}, yr, br = yr = class extends z {
 	currentTime = 0;
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new vr({
+		return new yr({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -4969,16 +4969,16 @@ var _r = 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 = bt(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+		return r += e, this.loop && r > t && (r = n + r % t), r = xt(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
 	}
 	_process(e) {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-O([_({ fallback: 0 }), D("design:type", Number)], yr.prototype, "startTime", void 0), O([_({ fallback: 2 ** 53 - 1 }), D("design:type", Number)], yr.prototype, "endTime", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], yr.prototype, "loop", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], yr.prototype, "paused", void 0), yr = vr = O([x("Timeline"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], yr);
+O([_({ fallback: 0 }), D("design:type", Number)], br.prototype, "startTime", void 0), O([_({ fallback: 2 ** 53 - 1 }), D("design:type", Number)], br.prototype, "endTime", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], br.prototype, "loop", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], br.prototype, "paused", void 0), br = yr = O([b("Timeline"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], br);
 //#endregion
 //#region src/scene/main/Window.ts
-var br = class extends V {
+var xr = class extends V {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -4989,17 +4989,17 @@ var br = class extends V {
 		super.flush(e), this.finish(e);
 	}
 };
-br = O([x("Window", {
+xr = O([b("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), D("design:paramtypes", [])], br);
+}), D("design:paramtypes", [])], xr);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var xr = class extends wt {
-	input = new ht();
-	renderStack = new _r();
-	root = new br().setTree(this);
-	timeline = new yr().setTree(this);
+var Sr = class extends Tt {
+	input = new gt();
+	renderStack = new vr();
+	root = new xr().setTree(this);
+	timeline = new br().setTree(this);
 	nodeMap = /* @__PURE__ */ new Map();
 	_backgroundColor = new T();
 	_previousViewport;
@@ -5040,7 +5040,7 @@ var xr = class extends wt {
 		this.timeline.emit("process", e), this.emit("processing"), this.root.emit("process", e), this.emit("processed");
 	}
 	_render(e) {
-		this.emit("rendering"), mr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
+		this.emit("rendering"), hr(), 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);
@@ -5051,30 +5051,30 @@ var xr = class extends wt {
 		super._destroy(), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-O([_({ alias: "root.msaa" }), D("design:type", Boolean)], xr.prototype, "msaa", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], xr.prototype, "pixelate", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], xr.prototype, "roundPixels", void 0), O([_(), D("design:type", Object)], xr.prototype, "backgroundColor", void 0), O([_({
+O([_({ alias: "root.msaa" }), D("design:type", Boolean)], Sr.prototype, "msaa", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], Sr.prototype, "pixelate", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], Sr.prototype, "roundPixels", void 0), O([_(), D("design:type", Object)], Sr.prototype, "backgroundColor", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), D("design:type", Boolean)], xr.prototype, "debug", void 0), O([_({
+}), D("design:type", Boolean)], Sr.prototype, "debug", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), D("design:type", Boolean)], xr.prototype, "processPaused", void 0), O([_({
+}), D("design:type", Boolean)], Sr.prototype, "processPaused", void 0), O([_({
 	internal: !0,
-	default: () => pe
-}), D("design:type", Object)], xr.prototype, "fonts", void 0);
+	default: () => he
+}), D("design:type", Object)], Sr.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var Sr = class extends H {
+var Cr = class extends H {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-Sr = O([x("Transition", {
+Cr = O([b("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Sr);
+}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Cr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var Cr = class extends gr {
+var wr = class extends _r {
 	rotation = 0;
 	position = new y(0, 0, () => this.updateGlobalTransform());
 	scale = new y(1, 1, () => this.updateGlobalTransform());
@@ -5126,10 +5126,10 @@ var Cr = class extends gr {
 		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();
 	}
 };
-Cr = O([x("Node2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Cr);
+wr = O([b("Node2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
-var wr = class extends Cr {
+var Tr = class extends wr {
 	canvasTransform = new v();
 	_screenOffset = {
 		x: 0,
@@ -5170,7 +5170,7 @@ var wr = class extends Cr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(bt(e, this._minZoom.x, this._maxZoom.x), bt(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(xt(e, this._minZoom.x, this._maxZoom.x), xt(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5243,7 +5243,7 @@ var wr = class extends Cr {
 		});
 	}
 	_getZoomByWheel(e, t) {
-		let n = e.ctrlKey && Ge ? 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() {
@@ -5276,16 +5276,16 @@ var wr = class extends Cr {
 O([_({
 	internal: !0,
 	fallback: !1
-}), D("design:type", Boolean)], wr.prototype, "spaceKey", void 0), O([_({
+}), D("design:type", Boolean)], Tr.prototype, "spaceKey", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), D("design:type", Boolean)], wr.prototype, "grabbing", void 0), wr = O([x("Camera2D", {
+}), D("design:type", Boolean)], Tr.prototype, "grabbing", void 0), Tr = O([b("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
+}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
 //#endregion
 //#region src/scene/2d/element/connectionRouter.ts
-function Tr(e, t) {
+function Er(e, t) {
 	return Math.abs(e) >= Math.abs(t) ? {
 		x: Math.sign(e) || 1,
 		y: 0
@@ -5294,11 +5294,11 @@ function Tr(e, t) {
 		y: Math.sign(t) || 1
 	};
 }
-function Er(e, t, n, r = {}) {
-	let i = t.point, a = n.point, o = new ce();
+function Dr(e, t, n, r = {}) {
+	let i = t.point, a = n.point, o = new le();
 	switch (e) {
 		case "curved": {
-			let e = t.dir ?? Tr(a.x - i.x, a.y - i.y), s = n.dir ?? Tr(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 ?? 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;
 			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);
@@ -5306,7 +5306,7 @@ function Er(e, t, n, r = {}) {
 			break;
 		}
 		case "orthogonal": {
-			let e = Or(t, n, r);
+			let e = kr(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;
 		}
@@ -5316,11 +5316,11 @@ function Er(e, t, n, r = {}) {
 	}
 	return o;
 }
-function Dr(e) {
-	return Tr(e.x, e.y);
+function Or(e) {
+	return Er(e.x, e.y);
 }
-function Or(e, t, n) {
-	let r = e.point, i = t.point, a = n.stub ?? 16, o = Dr(e.dir ?? Tr(i.x - r.x, i.y - r.y)), s = Dr(t.dir ?? Tr(r.x - i.x, r.y - i.y)), c = {
+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 = {
 		x: r.x + o.x * a,
 		y: r.y + o.y * a
 	}, l = {
@@ -5332,12 +5332,12 @@ function Or(e, t, n) {
 		x: r.x,
 		y: r.y
 	}, c];
-	return d.push(...Ar(c, o, l, s, a, u)), d.push(l, {
+	return d.push(...jr(c, o, l, s, a, u)), d.push(l, {
 		x: i.x,
 		y: i.y
-	}), jr(d);
+	}), Mr(d);
 }
-function kr(e, t, n, r, i) {
+function Ar(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];
@@ -5348,7 +5348,7 @@ function kr(e, t, n, r, i) {
 	}
 	return e > a && e < o ? a - i : e;
 }
-function Ar(e, t, n, r, i, a = []) {
+function jr(e, t, n, r, i, a = []) {
 	let o = t.y === 0;
 	if (o === (r.y === 0)) {
 		if (o) {
@@ -5363,7 +5363,7 @@ function Ar(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 = kr(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
+			return o = Ar(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
 				x: e.x,
 				y: o
 			}, {
@@ -5382,7 +5382,7 @@ function Ar(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 = kr(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
+		return s = Ar(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
 			x: s,
 			y: e.y
 		}, {
@@ -5409,7 +5409,7 @@ function Ar(e, t, n, r, i, a = []) {
 		y: l.y
 	}];
 }
-function jr(e) {
+function Mr(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = t[t.length - 1];
@@ -5419,7 +5419,7 @@ function jr(e) {
 }
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Mr = {
+var Nr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5429,18 +5429,18 @@ var Mr = {
 	saturate: 1,
 	sepia: 0
 };
-function Nr(e) {
-	let t = new xt();
+function Pr(e) {
+	let t = new St();
 	if (e === "none") return t;
-	let n = De(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Mr).forEach((e) => {
-		n[e] = n[e] ?? Mr[e];
+	let n = ke(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
+	Object.keys(Nr).forEach((e) => {
+		n[e] = n[e] ?? Nr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
 		switch (e) {
 			case "hue-rotate":
-				t.hueRotate(r * be);
+				t.hueRotate(r * Se);
 				break;
 			case "saturate":
 				t.saturate(r);
@@ -5469,7 +5469,7 @@ function Nr(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Pr(e) {
+function Fr(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5484,9 +5484,9 @@ function Pr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Fr, U = class extends H {
+var Ir, U = class extends H {
 	static {
-		Fr = this;
+		Ir = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5497,7 +5497,7 @@ var Fr, U = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, Fr.material, {
+			I.draw(e, Ir.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5511,18 +5511,18 @@ var Fr, U = class extends H {
 		});
 	}
 };
-O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "saturation", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "contrast", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "brightness", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "red", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "green", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "blue", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "alpha", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "gamma", void 0), U = Fr = O([x("ColorAdjustEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
+O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "saturation", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "contrast", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "brightness", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "red", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "green", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "blue", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "alpha", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "gamma", void 0), U = Ir = O([b("ColorAdjustEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Ir, Lr = class extends H {
+var Lr, Rr = class extends H {
 	static {
-		Ir = this;
+		Lr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\nuniform sampler2D sampler;\nuniform float m[20];\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n    c.rgb /= c.a;\n  }\n  gl_FragColor = vec4(\n    m[0]  * c.r + m[1]  * c.g + m[2]  * c.b + m[3]  * c.a + m[4] / 255.0,\n    m[5]  * c.r + m[6]  * c.g + m[7]  * c.b + m[8]  * c.a + m[9] / 255.0,\n    m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14] / 255.0,\n    m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19] / 255.0\n  );\n}"
 	} });
-	_colorMatrix = new xt();
+	_colorMatrix = new St();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5535,13 +5535,13 @@ var Ir, Lr = class extends H {
 	}
 	apply(e, t) {
 		if (!this.filter) return;
-		let n = De(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] * be);
+					r.hueRotate(n[0] * Se);
 					break;
 				case "saturate":
 					r.saturate(n[0]);
@@ -5566,25 +5566,25 @@ var Ir, Lr = class extends H {
 					break;
 			}
 		}), t.redraw(e, () => {
-			I.draw(e, Ir.material, {
+			I.draw(e, Lr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-O([_(), D("design:type", String)], Lr.prototype, "filter", void 0), Lr = Ir = O([x("ColorFilterEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Lr);
+O([_(), D("design:type", String)], Rr.prototype, "filter", void 0), Rr = Lr = O([b("ColorFilterEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Rr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Rr, zr = 50, Br = class extends H {
+var zr, Br = 50, Vr = class extends H {
 	static {
-		Rr = this;
+		zr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${zr}];
+uniform vec4 colors[${Br}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5593,7 +5593,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${zr}; i++) {
+    for (int i = 0; i < ${Br}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5605,7 +5605,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${zr}; i++){
+  for(int i=0; i<${Br}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5631,25 +5631,25 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < zr;) t.push([
+			for (; t.length < Br;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			I.draw(e, Rr.material, {
+			I.draw(e, zr.material, {
 				sampler: 0,
-				colors: t.slice(0, zr).flatMap((e) => e)
+				colors: t.slice(0, Br).flatMap((e) => e)
 			});
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], Br.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Br.prototype, "alpha", void 0), Br = Rr = O([x("ColorOverlayEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Br);
+O([_({ default: () => [] }), D("design:type", Array)], Vr.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Vr.prototype, "alpha", void 0), Vr = zr = O([b("ColorOverlayEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Vr);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Vr, Hr = class extends H {
+var Hr, Ur = class extends H {
 	static {
-		Vr = this;
+		Hr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5669,7 +5669,7 @@ var Vr, Hr = class extends H {
 		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, () => {
-			I.draw(e, Vr.material, {
+			I.draw(e, Hr.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5677,19 +5677,19 @@ var Vr, Hr = class extends H {
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], Hr.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Hr.prototype, "epsilon", void 0), Hr = Vr = O([x("ColorRemoveEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Hr);
+O([_({ default: () => [] }), D("design:type", Array)], Ur.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Ur.prototype, "epsilon", void 0), Ur = Hr = O([b("ColorRemoveEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ur);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Ur, Wr = 50, Gr = class extends H {
+var Wr, Gr = 50, Kr = class extends H {
 	static {
-		Ur = this;
+		Wr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Wr};
+const int MAX_COLORS = ${Gr};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5726,8 +5726,8 @@ void main(void) {
 			this._color.value = e[0];
 			let t = this._color.toArray().slice(0, 3);
 			return this._color.value = e[1], [t, this._color.toArray().slice(0, 3)];
-		}), r = this.epsilon, i = new Float32Array(Wr * 3), a = new Float32Array(Wr * 3);
-		for (; n.length < Wr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(Gr * 3), a = new Float32Array(Gr * 3);
+		for (; n.length < Gr;) n.push([[
 			-1,
 			0,
 			0
@@ -5737,10 +5737,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Wr).forEach(([e, t], n) => {
+		n.slice(0, Gr).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, () => {
-			I.draw(e, Ur.material, {
+			I.draw(e, Wr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5749,17 +5749,17 @@ void main(void) {
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], Gr.prototype, "colors", void 0), O([_({ fallback: .05 }), D("design:type", Number)], Gr.prototype, "epsilon", void 0), Gr = Ur = O([x("ColorReplaceEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Gr);
+O([_({ default: () => [] }), D("design:type", Array)], Kr.prototype, "colors", void 0), O([_({ fallback: .05 }), D("design:type", Number)], Kr.prototype, "epsilon", void 0), Kr = Wr = O([b("ColorReplaceEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Kr);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var Kr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\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", qr, W = class extends H {
+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, W = class extends H {
 	static {
-		qr = this;
+		Jr = this;
 	}
 	_watermark;
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: Kr
+		fragment: qr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5808,7 +5808,7 @@ var Kr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				zoomedOut: this.dotColor ?? a.zoomedOut,
 				diff: this.dotZoomDiff ?? a.diff
 			};
-			I.draw(e, qr.material, {
+			I.draw(e, Jr.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5832,20 +5832,20 @@ var Kr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "checkerboard", void 0), O([_({ fallback: "grid" }), D("design:type", Object)], W.prototype, "checkerboardStyle", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "pixelGrid", void 0), O([_(), D("design:type", Number)], W.prototype, "dotBaseColor", void 0), O([_(), D("design:type", Number)], W.prototype, "dotColor", void 0), O([_(), D("design:type", Number)], W.prototype, "dotZoomDiff", void 0), O([_(), D("design:type", String)], W.prototype, "watermark", void 0), O([_({ fallback: 100 }), D("design:type", Number)], W.prototype, "watermarkWidth", void 0), O([_({ fallback: .05 }), D("design:type", Number)], W.prototype, "watermarkAlpha", void 0), O([_({ fallback: .5236 }), D("design:type", Number)], W.prototype, "watermarkRotation", void 0), W = qr = O([x("DrawboardEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
+O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "checkerboard", void 0), O([_({ fallback: "grid" }), D("design:type", Object)], W.prototype, "checkerboardStyle", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "pixelGrid", void 0), O([_(), D("design:type", Number)], W.prototype, "dotBaseColor", void 0), O([_(), D("design:type", Number)], W.prototype, "dotColor", void 0), O([_(), D("design:type", Number)], W.prototype, "dotZoomDiff", void 0), O([_(), D("design:type", String)], W.prototype, "watermark", void 0), O([_({ fallback: 100 }), D("design:type", Number)], W.prototype, "watermarkWidth", void 0), O([_({ fallback: .05 }), D("design:type", Number)], W.prototype, "watermarkAlpha", void 0), O([_({ fallback: .5236 }), D("design:type", Number)], W.prototype, "watermarkRotation", void 0), W = Jr = O([b("DrawboardEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Jr, Yr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", Xr = class extends H {
+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 H {
 	static {
-		Jr = this;
+		Yr = this;
 	}
 	static materialX = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: Yr
+		fragment: Xr
 	} });
 	static materialY = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: Yr
+		fragment: Xr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5853,31 +5853,31 @@ var Jr, Yr = "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, () => {
-			I.draw(e, Jr.materialX, {
+			I.draw(e, Yr.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			I.draw(e, Jr.materialY, {
+			I.draw(e, Yr.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-O([_({ fallback: 4 }), D("design:type", Number)], Xr.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], Xr.prototype, "quality", void 0), Xr = Jr = O([x("GaussianBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Xr);
+O([_({ fallback: 4 }), D("design:type", Number)], Zr.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], Zr.prototype, "quality", void 0), Zr = Yr = O([b("GaussianBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Zr);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var Zr, Qr = class extends H {
+var Qr, $r = class extends H {
 	static {
-		Zr = this;
+		Qr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new Xr();
+	blurEffect = new Zr();
 	viewport3 = new V();
 	_color = new T();
 	constructor(e, t = []) {
@@ -5885,7 +5885,7 @@ var Zr, Qr = class extends H {
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, I.draw(e, Zr.material, {
+			this._color.value = this.color, I.draw(e, Qr.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5898,16 +5898,16 @@ var Zr, Qr = class extends H {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), I.draw(e, Xn.instance, { sampler: 1 }), this.shadowOnly || I.draw(e, Xn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), I.draw(e, Zn.instance, { sampler: 1 }), this.shadowOnly || I.draw(e, Zn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-O([_({ fallback: "#000000FF" }), D("design:type", Object)], Qr.prototype, "color", void 0), O([_({ fallback: 4 }), D("design:type", Number)], Qr.prototype, "blur", void 0), O([_({ fallback: 4 }), D("design:type", Number)], Qr.prototype, "offsetX", void 0), O([_({ fallback: 4 }), D("design:type", Number)], Qr.prototype, "offsetY", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], Qr.prototype, "shadowOnly", void 0), Qr = Zr = O([x("DropShadowEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Qr);
+O([_({ fallback: "#000000FF" }), D("design:type", Object)], $r.prototype, "color", void 0), O([_({ fallback: 4 }), D("design:type", Number)], $r.prototype, "blur", void 0), O([_({ fallback: 4 }), D("design:type", Number)], $r.prototype, "offsetX", void 0), O([_({ fallback: 4 }), D("design:type", Number)], $r.prototype, "offsetY", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], $r.prototype, "shadowOnly", void 0), $r = Qr = O([b("DropShadowEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], $r);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var $r, ei = class extends H {
+var ei, ti = class extends H {
 	static {
-		$r = this;
+		ei = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5918,7 +5918,7 @@ var $r, ei = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, $r.material, {
+			I.draw(e, ei.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5931,12 +5931,12 @@ var $r, ei = class extends H {
 		});
 	}
 };
-O([_({ fallback: 5 }), D("design:type", Number)], ei.prototype, "strength", void 0), ei = $r = O([x("EmbossEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
+O([_({ fallback: 5 }), D("design:type", Number)], ti.prototype, "strength", void 0), ti = ei = O([b("EmbossEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ti);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ti, G = class extends H {
+var ni, G = class extends H {
 	static {
-		ti = this;
+		ni = this;
 	}
 	static material = new F({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5949,7 +5949,7 @@ var ti, G = class extends H {
 	_needsRedraw = !1;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
-		let n = it(4, this.sampleSize);
+		let n = S(4, this.sampleSize);
 		if (!n) throw Error("GlitchEffect requires a canvas; call setCanvasFactory() in non-browser environments.");
 		this._canvas = n, this._texture = new R(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
 	}
@@ -5968,7 +5968,7 @@ var ti, G = class extends H {
 		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), I.draw(e, ti.material, {
+			this._texture.activate(e, 1), I.draw(e, ni.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -5997,12 +5997,12 @@ var ti, G = class extends H {
 		});
 	}
 };
-O([_({ fallback: 10 }), D("design:type", Number)], G.prototype, "slices", void 0), O([_({ fallback: 512 }), D("design:type", Number)], G.prototype, "sampleSize", void 0), O([_({ fallback: 100 }), D("design:type", Number)], G.prototype, "offset", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "direction", void 0), O([_({ fallback: 2 }), D("design:type", Number)], G.prototype, "fillMode", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "seed", void 0), O([_({ default: () => [2, 2] }), D("design:type", Array)], G.prototype, "red", void 0), O([_({ default: () => [-10, 4] }), D("design:type", Array)], G.prototype, "green", void 0), O([_({ default: () => [10, -4] }), D("design:type", Array)], G.prototype, "blue", void 0), G = ti = O([x("GlitchEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+O([_({ fallback: 10 }), D("design:type", Number)], G.prototype, "slices", void 0), O([_({ fallback: 512 }), D("design:type", Number)], G.prototype, "sampleSize", void 0), O([_({ fallback: 100 }), D("design:type", Number)], G.prototype, "offset", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "direction", void 0), O([_({ fallback: 2 }), D("design:type", Number)], G.prototype, "fillMode", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "seed", void 0), O([_({ default: () => [2, 2] }), D("design:type", Array)], G.prototype, "red", void 0), O([_({ default: () => [-10, 4] }), D("design:type", Array)], G.prototype, "green", void 0), O([_({ default: () => [10, -4] }), D("design:type", Array)], G.prototype, "blue", void 0), G = ni = O([b("GlitchEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ni, ri = "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}", K = class extends H {
+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}", K = class extends H {
 	static {
-		ni = this;
+		ri = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6017,7 +6017,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${ri}
+${ii}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -6056,7 +6056,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, () => {
-			I.draw(e, ni.material, {
+			I.draw(e, ri.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6078,15 +6078,15 @@ void main(void) {
 		});
 	}
 };
-O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "time", void 0), O([_({ fallback: 30 }), D("design:type", Number)], K.prototype, "angle", void 0), O([_({ fallback: .5 }), D("design:type", Number)], K.prototype, "gain", void 0), O([_({ fallback: 2.5 }), D("design:type", Number)], K.prototype, "lacunarity", void 0), O([_({ fallback: !0 }), D("design:type", Boolean)], K.prototype, "parallel", void 0), O([_({ default: () => [0, 0] }), D("design:type", Array)], K.prototype, "center", void 0), O([_({ fallback: 1 }), D("design:type", Number)], K.prototype, "alpha", void 0), K = ni = O([x("GodrayEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
+O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "time", void 0), O([_({ fallback: 30 }), D("design:type", Number)], K.prototype, "angle", void 0), O([_({ fallback: .5 }), D("design:type", Number)], K.prototype, "gain", void 0), O([_({ fallback: 2.5 }), D("design:type", Number)], K.prototype, "lacunarity", void 0), O([_({ fallback: !0 }), D("design:type", Boolean)], K.prototype, "parallel", void 0), O([_({ default: () => [0, 0] }), D("design:type", Array)], K.prototype, "center", void 0), O([_({ fallback: 1 }), D("design:type", Number)], K.prototype, "alpha", void 0), K = ri = O([b("GodrayEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var ii = "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}", ai = "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}", oi = class extends H {
+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 H {
 	_kernels = [0];
 	constructor(e, t = []) {
 		super(), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? ai : ii
+			fragment: e?.clamp ? oi : ai
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -6124,12 +6124,12 @@ var ii = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		});
 	}
 };
-O([_({ fallback: 4 }), D("design:type", Number)], oi.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], oi.prototype, "quality", void 0), O([_({ default: () => [1, 1] }), D("design:type", Array)], oi.prototype, "pixelSize", void 0), oi = O([x("KawaseBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], oi);
+O([_({ fallback: 4 }), D("design:type", Number)], si.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], si.prototype, "quality", void 0), O([_({ default: () => [1, 1] }), D("design:type", Array)], si.prototype, "pixelSize", void 0), si = O([b("KawaseBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], si);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var si, ci = class extends H {
+var ci, li = class extends H {
 	static {
-		si = this;
+		ci = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6151,7 +6151,7 @@ var si, ci = class extends H {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), I.draw(e, si.material, {
+			this.texture.activate(e, 1), I.draw(e, ci.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6159,23 +6159,23 @@ var si, ci = class extends H {
 		});
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], ci.prototype, "image", void 0), ci = si = O([x("MaskEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
+O([_({ fallback: "" }), D("design:type", String)], li.prototype, "image", void 0), li = ci = O([b("MaskEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], li);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var li, ui = "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}", q = class extends H {
+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}", q = class extends H {
 	static {
-		li = this;
+		ui = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * li.MAX_SAMPLES, li.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * ui.MAX_SAMPLES, ui.MIN_SAMPLES)).toFixed(7));
 	}
 	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: ui.replace(/\{ANGLE_STEP\}/, li.getAngleStep(this.quality).toFixed(7))
+			fragment: di.replace(/\{ANGLE_STEP\}/, ui.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
@@ -6185,7 +6185,7 @@ var li, ui = "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: li.getAngleStep(this.quality),
+				uAngleStep: ui.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -6197,12 +6197,12 @@ var li, ui = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 		});
 	}
 };
-O([_({ fallback: "#000000ff" }), D("design:type", Object)], q.prototype, "color", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", String)], q.prototype, "style", void 0), O([_(), D("design:type", Object)], q.prototype, "image", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "opacity", void 0), O([_({ fallback: .1 }), D("design:type", Number)], q.prototype, "quality", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], q.prototype, "knockout", void 0), q = li = O([x("OutlineEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
+O([_({ fallback: "#000000ff" }), D("design:type", Object)], q.prototype, "color", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", String)], q.prototype, "style", void 0), O([_(), D("design:type", Object)], q.prototype, "image", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "opacity", void 0), O([_({ fallback: .1 }), D("design:type", Number)], q.prototype, "quality", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], q.prototype, "knockout", void 0), q = ui = O([b("OutlineEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var di, fi = class extends H {
+var fi, pi = class extends H {
 	static {
-		di = this;
+		fi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6218,16 +6218,16 @@ var di, fi = class extends H {
 				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]
 			};
-			I.draw(e, di.material, a);
+			I.draw(e, fi.material, a);
 		});
 	}
 };
-O([_({ fallback: 10 }), D("design:type", Number)], fi.prototype, "strength", void 0), fi = di = O([x("PixelateEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], fi);
+O([_({ fallback: 10 }), D("design:type", Number)], pi.prototype, "strength", void 0), pi = fi = O([b("PixelateEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var pi, mi = class extends H {
+var mi, hi = class extends H {
 	static {
-		pi = this;
+		mi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6238,7 +6238,7 @@ var pi, mi = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, pi.material, {
+			I.draw(e, mi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6254,10 +6254,10 @@ var pi, mi = class extends H {
 		});
 	}
 };
-O([_(), D("design:type", Array)], mi.prototype, "center", void 0), O([_({ fallback: 20 }), D("design:type", Number)], mi.prototype, "innerRadius", void 0), O([_({ fallback: -1 }), D("design:type", Number)], mi.prototype, "radius", void 0), O([_({ fallback: .1 }), D("design:type", Number)], mi.prototype, "strength", void 0), mi = pi = O([x("ZoomBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], mi);
+O([_(), D("design:type", Array)], hi.prototype, "center", void 0), O([_({ fallback: 20 }), D("design:type", Number)], hi.prototype, "innerRadius", void 0), O([_({ fallback: -1 }), D("design:type", Number)], hi.prototype, "radius", void 0), O([_({ fallback: .1 }), D("design:type", Number)], hi.prototype, "strength", void 0), hi = mi = O([b("ZoomBlurEffect"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], hi);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function hi(e, t) {
+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);
 	if (e.cropRect) {
 		let { left: t = 0, top: n = 0, right: r = 0, bottom: i = 0 } = e.cropRect;
@@ -6312,7 +6312,7 @@ var J = class extends C {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new tr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		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));
 		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 () => {
@@ -6333,12 +6333,12 @@ var J = class extends C {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new ar();
+		if (this.image === "viewport") n.fillStyle = new or();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...hi(this, this.tile && i ? {
+				...gi(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6377,7 +6377,7 @@ var J = class extends C {
 O([_({ fallback: !0 }), D("design:type", Boolean)], J.prototype, "enabled", void 0), O([_(), D("design:type", Object)], J.prototype, "color", void 0), O([_(), D("design:type", Object)], J.prototype, "image", void 0), O([_(), D("design:type", Object)], J.prototype, "linearGradient", void 0), O([_(), D("design:type", Object)], J.prototype, "radialGradient", void 0), O([_(), D("design:type", Object)], J.prototype, "cropRect", void 0), O([_(), D("design:type", Object)], J.prototype, "stretchRect", void 0), O([_(), D("design:type", Object)], J.prototype, "dpi", void 0), O([_(), D("design:type", Object)], J.prototype, "rotateWithShape", void 0), O([_(), D("design:type", Object)], J.prototype, "tile", void 0), O([_(), D("design:type", Object)], J.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var gi = class extends J {
+var _i = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6389,14 +6389,14 @@ var gi = class extends J {
 		}
 	}
 };
-O([_(), D("design:type", Object)], gi.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], _i.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var _i;
-function vi() {
-	return _i ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), _i;
+var vi;
+function yi() {
+	return vi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), vi;
 }
-function yi(e) {
+function bi(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6462,7 +6462,7 @@ var Y = class extends C {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await vi();
+		let n = await yi();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)");
 			return;
@@ -6487,7 +6487,7 @@ var Y = class extends C {
 			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
 				let e = this._container.querySelector("canvas");
 				if (!e) return;
-				this._texture = new $n({
+				this._texture = new er({
 					source: e,
 					pixelRatio: 1
 				});
@@ -6511,7 +6511,7 @@ var Y = class extends C {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: yi(this.legend),
+			legend: bi(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6558,7 +6558,7 @@ var Y = class extends C {
 O([_({ fallback: !0 }), D("design:type", Boolean)], Y.prototype, "enabled", void 0), O([_({ fallback: "column" }), D("design:type", Object)], Y.prototype, "type", void 0), O([_(), D("design:type", Object)], Y.prototype, "grouping", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Y.prototype, "categories", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Y.prototype, "series", void 0), O([_(), D("design:type", Object)], Y.prototype, "title", void 0), O([_(), D("design:type", Object)], Y.prototype, "legend", void 0), O([_(), D("design:type", Object)], Y.prototype, "categoryAxis", void 0), O([_(), D("design:type", Object)], Y.prototype, "valueAxis", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DConnection.ts
-var bi = class extends C {
+var xi = class extends C {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6601,12 +6601,12 @@ var bi = class extends C {
 			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 ? Tr(n.x - .5, n.y - .5) : {
+				return i = n.ang === void 0 ? Er(n.x - .5, n.y - .5) : {
 					x: Math.cos(n.ang),
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: xi(i, t.globalRotation),
+					dir: Si(i, t.globalRotation),
 					bbox: r
 				};
 			}
@@ -6629,11 +6629,11 @@ var bi = 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 = Er(this.mode, e ?? t, t ?? e)), this._routePath;
+		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Dr(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-O([_(), D("design:type", Object)], bi.prototype, "start", void 0), O([_(), D("design:type", Object)], bi.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], bi.prototype, "mode", void 0), O([_({ fallback: .5 }), D("design:type", Number)], bi.prototype, "labelPosition", void 0);
-function xi(e, t) {
+O([_(), D("design:type", Object)], xi.prototype, "start", void 0), O([_(), D("design:type", Object)], xi.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], xi.prototype, "mode", void 0), O([_({ fallback: .5 }), D("design:type", Number)], xi.prototype, "labelPosition", void 0);
+function Si(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6642,8 +6642,59 @@ function xi(e, t) {
 	};
 }
 //#endregion
+//#region src/scene/2d/element/bakeImageEffects.ts
+function Ci(e) {
+	return e.getContext("2d");
+}
+function wi(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 Ei(e, t, n, r, i) {
+	let a = S(t, n), o = Ci(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);
+	return l.drawImage(a, 0, 0), l.drawImage(e, 0, 0, t, n), c;
+}
+function Di(e) {
+	let t = 0, n = 0;
+	if (!e) return {
+		x: t,
+		y: n
+	};
+	let r = e.match(/translate\(\s*(-?[\d.]+)[\s,]+(-?[\d.]+)/);
+	r && (t = Number.parseFloat(r[1]), n = Number.parseFloat(r[2]));
+	let i = e.match(/translateX\(\s*(-?[\d.]+)/);
+	i && (t = Number.parseFloat(i[1]));
+	let a = e.match(/translateY\(\s*(-?[\d.]+)/);
+	return a && (n = Number.parseFloat(a[1])), {
+		x: t,
+		y: n
+	};
+}
+function Oi(e, t, n, r, i = {}) {
+	let a = Math.max(1, Math.round(n)), o = Math.max(1, Math.round(r)), s = S(a, o), c = Ci(s);
+	for (let n of t) {
+		let t = e;
+		n.fill && (n.fill.color || n.fill.linearGradient || n.fill.image) && (t = Ti(t, a, o, n.fill, i)), n.outline?.width && n.outline.color && (t = Ei(t, a, o, n.outline.width, n.outline.color));
+		let { x: r, y: s } = Di(n.transform);
+		c.save(), n.shadow && (c.shadowColor = n.shadow.color, c.shadowBlur = n.shadow.blur ?? 0, c.shadowOffsetX = n.shadow.offsetX ?? 0, c.shadowOffsetY = n.shadow.offsetY ?? 0), r || s ? c.drawImage(t, r, s, a, o) : (c.globalCompositeOperation = "destination-over", c.drawImage(t, 0, 0, a, o)), c.restore();
+	}
+	return s;
+}
+//#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var Si = class extends J {
+var ki = class extends J {
+	_sourceCanvas;
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : g(e));
 	}
@@ -6652,17 +6703,39 @@ var Si = class extends J {
 			case "fillWithShape":
 				this._parent.requestDraw();
 				break;
+			case "effects":
+				this._updateTexture();
+				break;
 		}
 	}
+	async loadTexture() {
+		await super.loadTexture(), this._applyEffects();
+	}
+	_applyEffects() {
+		if (!this.effects?.length || this.animatedTexture || !this.texture) return;
+		let e = this.texture.source;
+		if (e && e.width > 0 && e.height > 0) {
+			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");
+			r && i && (i.drawImage(e, 0, 0, t, n), this._sourceCanvas = r);
+		}
+		let t = this._sourceCanvas;
+		if (!t) return;
+		let n = t.width, r = t.height, i = Oi(t, this.effects, n, r);
+		this.texture = new er({
+			source: i,
+			width: n,
+			height: r
+		});
+	}
 };
-O([_(), D("design:type", Object)], Si.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], ki.prototype, "fillWithShape", void 0), O([_(), D("design:type", Array)], ki.prototype, "effects", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Ci = {
+var Ai = {
 	sm: 4,
 	md: 6,
 	lg: 8
-}, wi = class extends J {
+}, ji = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : ee(e));
 	}
@@ -6684,7 +6757,7 @@ var Ci = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new ar() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...hi(this, {
+		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, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6707,14 +6780,14 @@ var Ci = {
 	_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 = Ci[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 = 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;
 		ee.fillStyle = i, ee.moveTo(e.x, e.y).lineTo(p + h, m + g).lineTo(p - h, m - g).closePath().fill();
 	}
 };
-O([_(), D("design:type", Object)], wi.prototype, "color", void 0), O([_(), D("design:type", Object)], wi.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], wi.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], wi.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], wi.prototype, "lineJoin", void 0), O([_(), D("design:type", Object)], wi.prototype, "headEnd", void 0), O([_(), D("design:type", Object)], wi.prototype, "tailEnd", void 0);
+O([_(), D("design:type", Object)], ji.prototype, "color", void 0), O([_(), D("design:type", Object)], ji.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], ji.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], ji.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], ji.prototype, "lineJoin", void 0), O([_(), D("design:type", Object)], ji.prototype, "headEnd", void 0), O([_(), D("design:type", Object)], ji.prototype, "tailEnd", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Ti = class extends C {
+var Mi = class extends C {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6735,15 +6808,15 @@ var Ti = class extends C {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new Qr({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
+		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new $r({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], Ti.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Ti.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Ti.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Ti.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Ti.prototype, "offsetX", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Mi.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Mi.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Mi.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Mi.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Mi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Ei = class extends C {
+var Ni = class extends C {
 	_parent;
-	_path2DSet = new le();
+	_path2DSet = new ue();
 	_localPath;
 	_hitPath2DSet;
 	_hitWidth = 0;
@@ -6792,7 +6865,7 @@ var Ei = class extends C {
 		if (!(!e || !t)) {
 			if (!this._hitPath2DSet || this._hitWidth !== e || this._hitHeight !== t) {
 				let n = new v().scale(e, t);
-				this._hitPath2DSet = new le(this._path2DSet.paths.map((e) => e.clone().applyTransform(n))), this._hitWidth = e, this._hitHeight = t;
+				this._hitPath2DSet = new ue(this._path2DSet.paths.map((e) => e.clone().applyTransform(n))), this._hitWidth = e, this._hitHeight = t;
 			}
 			return this._hitPath2DSet;
 		}
@@ -6800,10 +6873,10 @@ var Ei = class extends C {
 	_updatePath2DSet() {
 		let e;
 		if (this.svg) {
-			let t = b(this.svg);
-			this._path2DSet = ue(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 ce();
+			let { data: n, ...r } = e, i = new le();
 			i.style = r, i.addData(n), this._path2DSet.paths[t] = i;
 		});
 		if (!e) {
@@ -6839,24 +6912,24 @@ var Ei = class extends C {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], Ei.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Ei.prototype, "preset", void 0), O([_(), D("design:type", Object)], Ei.prototype, "svg", void 0), O([_(), D("design:type", Object)], Ei.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Ei.prototype, "paths", void 0), O([_(), D("design:type", Object)], Ei.prototype, "connectionPoints", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Ni.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Ni.prototype, "preset", void 0), O([_(), D("design:type", Object)], Ni.prototype, "svg", void 0), O([_(), D("design:type", Object)], Ni.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Ni.prototype, "paths", void 0), O([_(), D("design:type", Object)], Ni.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Di = class extends w {
+var Pi = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Oi = {
+}, Fi = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Oi) i(Di, e, { fallback: Oi[e] });
+for (let e in Fi) i(Pi, e, { fallback: Fi[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var ki = 100, Ai = 40, ji = class extends C {
+var Ii = 100, Li = 40, Ri = class extends C {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -6887,10 +6960,10 @@ var ki = 100, Ai = 40, ji = class extends C {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || ki), 0);
+		return this.columns.reduce((e, t) => e + (t.width || Ii), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || Ai), 0);
+		return this.rows.reduce((e, t) => e + (t.height || Li), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -6900,9 +6973,9 @@ var ki = 100, Ai = 40, ji = 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 || ki));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || Ii));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Ai));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Li));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -6939,7 +7012,7 @@ var ki = 100, Ai = 40, ji = class extends C {
 		this._clearCells();
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], ji.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ji.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ji.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ji.prototype, "cells", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Ri.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Ri.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Ri.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Ri.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
 var X = class extends C {
@@ -6953,10 +7026,10 @@ var X = class extends C {
 	}
 	_textContent = "";
 	_autoDrawMode;
-	_texture = new $n({ mipmap: !0 });
+	_texture = new er({ mipmap: !0 });
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
-		super(), this._parent = e, this.base = new he(), 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));
@@ -7006,15 +7079,15 @@ var X = class extends C {
 			let r = [];
 			if (t.fragments.forEach((e, t) => {
 				if (e.characters.length) {
-					let i = se.from(...e.characters.map((e) => e.compatibleGlyphBox));
+					let i = ce.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 = se.from(...r);
+				let i = ce.from(...r);
 				this._updateTexture(`${n}.fill`, t.fill, i), this._updateTexture(`${n}.outline`, t.outline, i), e.push(i);
 			}
 		}), e.length) {
-			let t = se.from(...e);
+			let t = ce.from(...e);
 			this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
 		}
 	}
@@ -7025,7 +7098,7 @@ var X = class extends C {
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new tr(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 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));
 	}
 	setContent(e) {
 		this.content = ae(e);
@@ -7049,12 +7122,12 @@ var X = class extends C {
 		this.base.pathSets.forEach((n) => {
 			n.paths.forEach((n) => {
 				let r = n.getMeta();
-				if (r instanceof me) {
+				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({
-							...hi(r, o?.box ?? {
+							...gi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7066,7 +7139,7 @@ var X = 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({
-							...hi(r, o?.box ?? {
+							...gi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7109,7 +7182,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, Mi = {
+}, zi = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -7123,42 +7196,42 @@ var Z = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Ni = {
+}, Bi = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Pi = {
+}, Vi = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, Fi = {
+}, Hi = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Ii = {
+}, Ui = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, Li = {
+}, Wi = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Ri = {
+}, Gi = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, zi = {
+}, Ki = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Bi = {
+}, qi = {
 	"border-box": 0,
 	"content-box": 1
-}, Vi = class e {
+}, Ji = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7170,14 +7243,14 @@ var Z = {
 		this._parent = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._parent.on("addChild", this._addChild), this._parent.on("removeChild", this._removeChild);
 	}
 	_addChild(e, t) {
-		if (e instanceof Ki && e.flexbox.node && this.node) {
+		if (e instanceof $i && 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 Ki && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof $i && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
@@ -7211,10 +7284,10 @@ var Z = {
 					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Pi[t] ?? Pi.inherit : Pi.inherit);
+					n.setDirection(t ? Vi[t] ?? Vi.inherit : Vi.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Ni[t] ?? Ni.flex : Ni.flex);
+					n.setDisplay(t ? Bi[t] ?? Bi.flex : Bi.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7223,7 +7296,7 @@ var Z = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? Fi[t] ?? Fi.row : Fi.row);
+					n.setFlexDirection(t ? Hi[t] ?? Hi.row : Hi.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7232,16 +7305,16 @@ var Z = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Ii[t] ?? Ii.wrap : Ii.wrap);
+					n.setFlexWrap(t ? Ui[t] ?? Ui.wrap : Ui.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? Li[t] ?? Li["flex-start"] : Li["flex-start"]);
+					n.setJustifyContent(t ? Wi[t] ?? Wi["flex-start"] : Wi["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(Mi.all, t);
+					t !== void 0 && n.setGap(zi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Z.top, t);
@@ -7271,7 +7344,7 @@ var Z = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Ri[t] ?? Ri.visible : Ri.visible);
+					n.setOverflow(t ? Gi[t] ?? Gi.visible : Gi.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Z.top, t);
@@ -7301,10 +7374,10 @@ var Z = {
 					n.setPosition(Z.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? zi[t] ?? zi.relative : zi.relative);
+					n.setPositionType(t ? Ki[t] ?? Ki.relative : Ki.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Bi[t] ?? Bi["content-box"] : Bi["content-box"]);
+					n.setBoxSizing(t ? qi[t] ?? qi["content-box"] : qi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7315,7 +7388,7 @@ var Z = {
 	}
 	update() {
 		let e = this._parent, t = this.node;
-		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Pi.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Vi.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();
 		}
@@ -7323,15 +7396,15 @@ var Z = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Hi = new Set(Object.keys(a())), Ui = new Set(Object.keys(s())), Wi = new y(), Gi = [
+}, Yi = new Set(Object.keys(a())), Xi = new Set(Object.keys(s())), Zi = new y(), Qi = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], Ki = class extends Cr {
-	flexbox = new Vi(this);
-	aabb = new _t();
-	globalAabb = new _t();
+], $i = class extends wr {
+	flexbox = new Ji(this);
+	aabb = new vt();
+	globalAabb = new vt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
@@ -7342,7 +7415,7 @@ var Z = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Di().on("updateProperty", (...e) => {
+	_style = new Pi().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7356,14 +7429,14 @@ var Z = {
 			this._endBatch();
 		}
 	}
-	_background = new gi(this);
+	_background = new _i(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Ei(this);
+	_shape = new Ni(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7377,14 +7450,14 @@ var Z = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new wi(this);
+	_outline = new ji(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new Si(this);
+	_foreground = new ki(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7398,21 +7471,21 @@ var Z = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Ti(this);
+	_shadow = new Mi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new bi(this);
+	_connection = new xi(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new ji(this);
+	_table = new Ri(this);
 	get table() {
 		return this._table;
 	}
@@ -7441,8 +7514,8 @@ var Z = {
 		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, ...f } = 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), super.setProperties(f);
+				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);
 			} finally {
 				this._endBatch();
 			}
@@ -7504,7 +7577,7 @@ var Z = {
 				this._updateGlobalDisplay();
 				break;
 			case "rotate":
-				this.rotation = (t || 0) * vt, this.updateGlobalTransform();
+				this.rotation = (t || 0) * yt, this.updateGlobalTransform();
 				break;
 			case "scaleX":
 				this.scale.x = t, this.text.isValid() && (t ^ n) < 0 && this.requestDraw();
@@ -7525,7 +7598,7 @@ var Z = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Pr(t ?? "");
+				let e = Fr(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -7569,7 +7642,7 @@ var Z = {
 				this.requestDraw();
 				break;
 		}
-		if ((Ui.has(e) || Hi.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((Xi.has(e) || Yi.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);
@@ -7609,21 +7682,31 @@ var Z = {
 	}
 	_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 Gi) t.applyAffineInverse({
+		for (let [e, c] of Qi) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, Wi), i = Math.min(i, Wi.x), a = Math.max(a, Wi.x), o = Math.min(o, Wi.y), s = Math.max(s, Wi.y);
+		}, Zi), i = Math.min(i, Zi.x), a = Math.max(a, Zi.x), o = Math.min(o, Zi.y), s = Math.max(s, Zi.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);
 	}
+	_styleFilter;
+	_elementFilter;
 	_updateStyleFilter(e) {
-		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Lr({
+		this._styleFilter = d(e) ? void 0 : e, this._applyColorFilter();
+	}
+	_updateElementFilter(e) {
+		let t = e ? se(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({
 			name: "styleFilter",
 			internalMode: "front"
-		}), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = e);
+		}), 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 ci({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new li({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -7654,11 +7737,11 @@ var Z = {
 	}
 	getObb() {
 		let e = this.pivot, t = this.transform.apply(e).sub(e);
-		return new St(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
+		return new Ct(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 St(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
+		return new Ct(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();
@@ -7712,10 +7795,10 @@ var Z = {
 		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-Ki = O([x("Element2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ki);
+$i = O([b("Element2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], $i);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var qi = class extends Ki {
+var ea = class extends $i {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7729,8 +7812,8 @@ var qi = class extends Ki {
 			} });
 		}
 	}
-}, Ji = class extends qi {
-	texture = new $n();
+}, ta = class extends ea {
+	texture = new er();
 	animation;
 	_lastTime = NaN;
 	constructor(e, t = []) {
@@ -7760,10 +7843,10 @@ var qi = class extends Ki {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], Ji.prototype, "src", void 0), Ji = O([x("Lottie2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ji);
+O([_({ fallback: "" }), D("design:type", String)], ta.prototype, "src", void 0), ta = O([b("Lottie2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ta);
 //#endregion
 //#region src/scene/2d/TransformRect2D.ts
-var Yi = class extends Ki {
+var na = class extends $i {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7786,10 +7869,10 @@ var Yi = class extends Ki {
 		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);
 	}
 };
-O([_({ fallback: 6 }), D("design:type", Number)], Yi.prototype, "handleSize", void 0);
+O([_({ fallback: 6 }), D("design:type", Number)], na.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var Xi = class extends qi {
+var ra = class extends ea {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7829,11 +7912,11 @@ var Xi = class extends qi {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], Xi.prototype, "src", void 0), Xi = O([x("Video2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Xi);
+O([_({ fallback: "" }), D("design:type", String)], ra.prototype, "src", void 0), ra = O([b("Video2D"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ra);
 //#endregion
 //#region src/scene/animation/Animation.ts
-var Zi = (e) => e, Qi = na(.25, .1, .25, 1), $i = na(.42, 0, 1, 1), ea = na(0, 0, .58, 1), ta = na(.42, 0, .58, 1);
-function na(e, t, n, r) {
+var ia = (e) => e, aa = la(.25, .1, .25, 1), oa = la(.42, 0, 1, 1), sa = la(0, 0, .58, 1), ca = la(.42, 0, .58, 1);
+function la(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;
@@ -7853,13 +7936,13 @@ function na(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var ra = {
-	linear: Zi,
-	ease: Qi,
-	easeIn: $i,
-	easeOut: ea,
-	easeInOut: ta
-}, ia = class extends B {
+var ua = {
+	linear: ia,
+	ease: aa,
+	easeIn: oa,
+	easeOut: sa,
+	easeInOut: ca
+}, da = class extends B {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -7894,7 +7977,7 @@ var ra = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof Ki);
+		return e.filter((e) => e instanceof $i);
 	}
 	_updateKeyframes() {
 		let e = [], t = this.keyframes;
@@ -7926,7 +8009,7 @@ var ra = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : bt(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : xt(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]);
@@ -7942,10 +8025,10 @@ var ra = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return ra.linear;
-		if (e in ra) return ra[e];
+		if (!e) return ua.linear;
+		if (e in ua) return ua[e];
 		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return na(t[0], t[1], t[2], t[3]);
+		return la(t[0], t[1], t[2], t[3]);
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -7981,10 +8064,10 @@ var ra = {
 	}
 	_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 = Ee(e, String(t), i), o = Te(a);
-		else if (n !== void 0) o = Ee(e, String(n), i), a = Te(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 = Ee(e, String(t), i), o = Ee(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 }) => {
@@ -8023,14 +8106,14 @@ var ra = {
 		});
 	}
 };
-O([_({ fallback: "parent" }), D("design:type", Object)], ia.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], ia.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], ia.prototype, "easing", void 0), ia = O([x("Animation", {
+O([_({ fallback: "parent" }), D("design:type", Object)], da.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], da.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], da.prototype, "easing", void 0), da = O([b("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ia);
+}), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], da);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var aa = class t extends e {
+var fa = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8060,7 +8143,7 @@ var aa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, oa = class t extends e {
+}, pa = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8173,21 +8256,21 @@ var aa = 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), S.on(this._onUpdate));
+			this._source && (this._source.currentTime = n, this._source.onloadedmetadata = null, this.emit("progress", n, this._duration), x.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() {
-		S.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
+		x.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
 	}
 	destroy() {
-		S.off(this._onUpdate), super.destroy();
+		x.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);
 	}
-}, sa = class {
+}, ma = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8204,7 +8287,7 @@ var aa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return aa.instance;
+		return fa.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8215,9 +8298,9 @@ var aa = class t extends e {
 		});
 	}
 	createSound() {
-		return new oa();
+		return new pa();
 	}
-}, ca = class extends e {
+}, ha = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8239,7 +8322,7 @@ var aa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, la = class {
+}, ga = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8254,21 +8337,21 @@ var aa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function ua() {
-	if (ze) return new AudioContext();
-	if (Be) {
+function _a() {
+	if (Ve) return new AudioContext();
+	if (He) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function da(e, t, n) {
-	if (Ve) return new OfflineAudioContext(e, t, n);
-	if (He) {
+function va(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 fa = class e extends ca {
+var ya = class e extends ha {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8309,8 +8392,8 @@ var fa = class e extends ca {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = ua(), t = da(1, 2, Ve ? 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" && (Ie || Le), We && (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 = _a(), t = va(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;
@@ -8350,7 +8433,7 @@ var fa = class e extends ca {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, pa = class extends e {
+}, ba = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8478,12 +8561,12 @@ var fa = class e extends ca {
 	};
 	_updateListener = () => this._update();
 	_enableTicker(e) {
-		S.off(this._updateListener), e && S.on(this._updateListener);
+		x.off(this._updateListener), e && x.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;
 	}
-}, ma = class extends ca {
+}, xa = class extends ha {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8491,7 +8574,7 @@ var fa = class e extends ca {
 	gain;
 	analyser;
 	get context() {
-		return fa.instance;
+		return ya.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8506,8 +8589,8 @@ var fa = class e extends ca {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = fa.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(fa.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = ya.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(ya.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) => {
@@ -8520,7 +8603,7 @@ var fa = class e extends ca {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : fa.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : ya.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();
@@ -8530,15 +8613,15 @@ var fa = class e extends ca {
 		};
 	}
 	createSound() {
-		return new pa();
+		return new ba();
 	}
-}, ha, ga = class extends B {
+}, Sa, Ca = class extends B {
 	static {
-		ha = this;
+		Sa = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ue ? new ma(this) : new sa(this);
+	_platformAudio = Ge ? new xa(this) : new ma(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8631,7 +8714,7 @@ var fa = class e extends ca {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return ha._soundPool.length > 0 ? ha._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Sa._soundPool.length > 0 ? Sa._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();
@@ -8647,7 +8730,7 @@ var fa = class e extends ca {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), ha._soundPool.includes(e) || ha._soundPool.push(e);
+		e.destroy(), Sa._soundPool.includes(e) || Sa._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8663,13 +8746,13 @@ var fa = class e extends ca {
 		}, 100);
 	}
 };
-ga = ha = O([x("Audio"), D("design:paramtypes", [Object])], ga);
+Ca = Sa = O([b("Audio"), D("design:paramtypes", [Object])], Ca);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var _a = class extends Cr {}, va = class extends Ki {
+var wa = class extends wr {}, Ta = class extends $i {
 	_audioBuffer;
 	_src = (() => {
-		let e = it();
+		let e = S();
 		return e ? new R({ source: e }) : void 0;
 	})();
 	_needsUpdateTexture = !1;
@@ -8690,7 +8773,7 @@ var _a = class extends Cr {}, va = class extends Ki {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => fa.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ya.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8725,12 +8808,12 @@ var _a = class extends Cr {}, va = class extends Ki {
 		this.syncTexture(), super._process(e);
 	}
 };
-O([_(), D("design:type", Object)], va.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], va.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], va.prototype, "color", void 0), va = O([x("AudioWaveform"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], va);
+O([_(), D("design:type", Object)], Ta.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], Ta.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], Ta.prototype, "color", void 0), Ta = O([b("AudioWaveform"), D("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Ta);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var ya, ba = class extends Sr {
+var Ea, Da = class extends Cr {
 	static {
-		ya = this;
+		Ea = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -8749,7 +8832,7 @@ var ya, ba = class extends Sr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			I.draw(e, ya.material, {
+			I.draw(e, Ea.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8757,31 +8840,31 @@ var ya, ba = class extends Sr {
 		});
 	}
 };
-ba = ya = O([x("KawaseTransition")], ba);
+Da = Ea = O([b("KawaseTransition")], Da);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var xa, Sa = class extends Sr {
+var Oa, ka = class extends Cr {
 	static {
-		xa = this;
+		Oa = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		I.draw(e, xa.material, {
+		I.draw(e, Oa.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Sa = xa = O([x("LeftEraseTransition")], Sa);
+ka = Oa = O([b("LeftEraseTransition")], ka);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Ca, wa = class extends Sr {
+var Aa, ja = class extends Cr {
 	static {
-		Ca = this;
+		Aa = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -8793,7 +8876,7 @@ var Ca, wa = class extends Sr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		I.draw(e, Ca.material, {
+		I.draw(e, Aa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8802,7 +8885,7 @@ var Ca, wa = class extends Sr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), I.draw(e, Ca.material, {
+		}), I.draw(e, Aa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8814,12 +8897,12 @@ var Ca, wa = class extends Sr {
 		});
 	}
 };
-wa = Ca = O([x("TiltShiftTransition")], wa);
+ja = Aa = O([b("TiltShiftTransition")], ja);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Ta, Ea = class extends Sr {
+var Ma, Na = class extends Cr {
 	static {
-		Ta = this;
+		Ma = this;
 	}
 	radius;
 	angle = 4;
@@ -8833,7 +8916,7 @@ var Ta, Ea = class extends Sr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		I.draw(e, Ta.material, {
+		I.draw(e, Ma.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -8849,16 +8932,16 @@ var Ta, Ea = class extends Sr {
 		});
 	}
 };
-Ea = Ta = O([x("TwistTransition")], Ea);
+Na = Ma = O([b("TwistTransition")], Na);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Da = class extends Bn {
+var Pa = class extends Vn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
-			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new Qn(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new $n(e.map((e) => ({
 				duration: e.delay,
-				texture: new nr({
+				texture: new rr({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -8869,14 +8952,14 @@ var Da = class extends Bn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Oa = class extends Bn {
+}, Fa = class extends Vn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, ka = class extends Bn {
+}, Ia = class extends Vn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -8887,12 +8970,12 @@ var Da = class extends Bn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Aa = class extends Bn {
+}, La = class extends Vn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, ja = class extends Bn {
+}, Ra = class extends Vn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new R({
 			source: e,
@@ -8916,11 +8999,11 @@ var Da = class extends Bn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ma = class extends Bn {
+}, za = class extends Vn {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new ir(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new ar(t).load()), e.video = this, this;
 	}
-}, Na = Object.entries({
+}, Ba = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -8936,31 +9019,31 @@ var Da = class extends Bn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Pa(e) {
-	for (let [t, n] of Na) if (n.includes(e)) return t;
+function Va(e) {
+	for (let [t, n] of Ba) if (n.includes(e)) return t;
 }
-function Fa(e) {
+function Ha(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 = Pa(n));
+		n && (t = Va(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Ia = "WeakRef" in globalThis, La = class extends e {
+var Ua = "WeakRef" in globalThis, Wa = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Ia ? new FinalizationRegistry((e) => {
+	_gc = Ua ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Ia || S.on(this.gc.bind(this), { sort: 2 });
+		super(), Ua || x.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9000,7 +9083,7 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 			}).then((e) => {
 				if (e.complete && e.naturalWidth && e.naturalHeight) return createImageBitmap(e, t);
 				{
-					let e = it(1, 1);
+					let e = S(1, 1);
 					if (!e) throw Error("createImageBitmap fallback requires a canvas; call setCanvasFactory() in non-browser environments.");
 					return createImageBitmap(e);
 				}
@@ -9009,11 +9092,11 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Ia && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Ua && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Ia && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Ua && 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();
@@ -9028,7 +9111,7 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Fa(e);
+		let n = await this.loadBy(e), r = Ha(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() {
@@ -9042,14 +9125,14 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new La().use(new Vn()).use(new Da()).use(new Oa()).use(new ka()).use(new Aa()).use(new ja()).use(new Ma()), Ra = {
+}, $ = new Wa().use(new Hn()).use(new Pa()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()), Ga = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, za = class extends xr {
+}, Ka = class extends Sr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9072,7 +9155,7 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 	set pixelRatio(e) {
 		this.renderer.pixelRatio = e, this.resize(this.width, this.height);
 	}
-	_resizeObserver = Me ? 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;
@@ -9080,14 +9163,14 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 		}
 	}) : void 0;
 	constructor(e = {}) {
-		let { view: t, width: n, height: r, pixelRatio: i = Ke, autoResize: a, data: o } = e;
-		super(), this.renderer = new zn(t, {
-			alpha: Ra.alpha ?? e.alpha,
-			stencil: Ra.stencil ?? e.stencil,
-			antialias: Ra.antialias ?? e.antialias,
-			premultipliedAlpha: Ra.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ra.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ra.powerPreference ?? e.powerPreference
+		let { view: t, width: n, height: r, pixelRatio: i = Je, autoResize: a, data: o } = e;
+		super(), this.renderer = new Bn(t, {
+			alpha: Ga.alpha ?? e.alpha,
+			stencil: Ga.stencil ?? e.stencil,
+			antialias: Ga.antialias ?? e.antialias,
+			premultipliedAlpha: Ga.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ga.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ga.powerPreference ?? e.powerPreference
 		}), 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) {
@@ -9120,7 +9203,7 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 		return this.renderer.resize(e, t, n), this.root.width = e, this.root.height = t, this.render(), this;
 	}
 	nextTick() {
-		return ve();
+		return be();
 	}
 	async waitUntilLoad() {
 		await $.waitUntilLoad(), await this.nextTick();
@@ -9159,9 +9242,9 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 		return new ImageData(this.toPixels(), this.root.width, this.root.height);
 	}
 	toCanvas2D(e = this.toImageData()) {
-		let t = it(e.width, e.height), n = t?.getContext("2d");
+		let t = S(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 = it(e.width, e.height);
+		let r = S(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;
@@ -9170,22 +9253,22 @@ var Ia = "WeakRef" in globalThis, La = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], za.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], za.prototype, "autoStart", void 0);
+O([_({ fallback: !1 }), D("design:type", Boolean)], Ka.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], Ka.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Ba, Va = [], Ha = !1;
-function Ua() {
-	return Ba ??= new za({
+var qa, Ja = [], Ya = !1;
+function Xa() {
+	return qa ??= new Ka({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function Wa(e = 100) {
-	if (!Ha) {
-		for (Ha = !0; Va.length;) {
-			let t = Va.shift();
+async function Za(e = 100) {
+	if (!Ya) {
+		for (Ya = !0; Ja.length;) {
+			let t = Ja.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9193,11 +9276,11 @@ async function Wa(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Ha = !1;
+		Ya = !1;
 	}
 }
-async function Ga(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 = Ua();
+async function Qa(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = Xa();
 	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++) {
@@ -9215,15 +9298,15 @@ async function Ga(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function Ka(e) {
+async function $a(e) {
 	return new Promise((t) => {
-		Va.push(async () => t(await Ga(e).then((e) => e.toCanvas2D()))), Wa();
+		Ja.push(async () => t(await Qa(e).then((e) => e.toCanvas2D()))), Za();
 	});
 }
-async function qa(e) {
+async function eo(e) {
 	return new Promise((t) => {
-		Va.push(async () => t(await Ga(e).then((e) => e.pixels))), Wa();
+		Ja.push(async () => t(await Qa(e).then((e) => e.pixels))), Za();
 	});
 }
 //#endregion
-export { _t as Aabb2D, Qn as AnimatedTexture, ia as Animation, La as Assets, ga as Audio, ca as AudioPipeline, la as AudioProcessor, _a as AudioSpectrum, va as AudioWaveform, k as BufferUsage, wr as Camera2D, or as CanvasContext, gr as CanvasItem, $n as CanvasTexture, T as Color, U as ColorAdjustEffect, Lr as ColorFilterEffect, xt as ColorMatrix, Br as ColorOverlayEffect, Hr as ColorRemoveEffect, Gr as ColorReplaceEffect, er as ColorTexture, C as CoreObject, vt as DEG_TO_RAD, Ke as DEVICE_PIXEL_RATIO, W as DrawboardEffect, Qr as DropShadowEffect, H as Effect, Yn as EffectMaterial, Ki as Element2D, gi as Element2DBackground, Y as Element2DChart, bi as Element2DConnection, J as Element2DFill, Si as Element2DForeground, wi as Element2DOutline, Ti as Element2DShadow, Ei as Element2DShape, Di as Element2DStyle, ji as Element2DTable, X as Element2DText, ei as EmbossEffect, za as Engine, Vi as Flexbox, Vn as FontLoader, Xr as GaussianBlurEffect, Un as Geometry, Da as GifLoader, cn as GlBatch2DSystem, rn as GlBlendMode, Et as GlBuffer, Nt as GlBufferSystem, Tt as GlBufferTarget, fn as GlMaskSystem, Gt as GlProgram, gn as GlRenderTarget, _n as GlRenderTargetSystem, en as GlShaderSystem, on as GlState, sn as GlStateSystem, mn as GlStencilSystem, A as GlSystem, hn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, tr as GradientTexture, sa as HTMLAudio, aa as HTMLAudioContext, oa as HTMLSound, We as IN_BROWSER, Ge as IN_MAC_OS, Hn as IndexBuffer, ht as Input, lt as InputEvent, Oa as JsonLoader, oi as KawaseBlurEffect, ba as KawaseTransition, ut as KeyboardInputEvent, Sa as LeftEraseTransition, Bn as Loader, Ji as Lottie2D, ka as LottieLoader, wt as MainLoop, ci as MaskEffect, F as Material, cr as Meta, dt as MouseInputEvent, z as Node, Cr as Node2D, St as Obb2D, q as OutlineEffect, ye as PI, be as PI_2, fi as PixelateEffect, nr as PixelsTexture, ft as PointerInputEvent, Ct as Projection2D, Wn as QuadGeometry, I as QuadUvGeometry, yt as RAD_TO_DEG, gt as RefCounted, L as RenderTarget, Dt as Renderer, w as Resource, ze as SUPPORTS_AUDIO_CONTEXT, Le as SUPPORTS_CLICK_EVENTS, Re as SUPPORTS_CREATE_IMAGE_BITMAP, je as SUPPORTS_IMAGE_BITMAP, Fe as SUPPORTS_MOUSE_EVENTS, Ve as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ne as SUPPORTS_POINTER_EVENTS, Me as SUPPORTS_RESIZE_OBSERVER, Ie as SUPPORTS_TOUCH_EVENTS, Ae as SUPPORTS_WEBGL2, Be as SUPPORTS_WEBKIT_AUDIO_CONTEXT, He as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ue as SUPPORTS_WEB_AUDIO, Pe as SUPPORTS_WHEEL_EVENTS, xr as SceneTree, Aa as TextLoader, R as Texture2D, ja as TextureLoader, qi as TextureRect2D, S as Ticker, wa as TiltShiftTransition, yr as Timeline, B as TimelineNode, Yi as TransformRect2D, Sr as Transition, Ea as TwistTransition, kt as UniformGroup, Zn as UvGeometry, Xn as UvMaterial, P as VertexAttribute, N as VertexBuffer, Xi as Video2D, Ma as VideoLoader, ir as VideoTexture, V as Viewport, ar as ViewportTexture, ma as WebAudio, fa as WebAudioContext, zn as WebGLRenderer, pa as WebSound, pt as WheelInputEvent, br as Window, mi as ZoomBlurEffect, Q as alignMap, $ as assets, Tr as axisDir, Bi as boxSizingMap, bt as clamp, ai as clampFrag, it as createHTMLCanvas, Mt as createIdFromString, _e as createNode, ot as crossOrigin, na as cubicBezier, x as customNode, ge as customNodes, Ra as defaultOptions, at as determineCrossOrigin, Pi as directionMap, Ni as displayMap, Qi as ease, $i as easeIn, ta as easeInOut, ea as easeOut, Z as edgeMap, Fi as flexDirectionMap, Ii as flexWrapMap, ii as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, rt as getGlContextProvider, Ua as getRenderEngine, Mi as gutterMap, ct as instanceId, Xe as isCanvasElement, qe as isElementNode, Ye as isImageElement, xe as isPow2, Je as isVideoElement, Ze as isWebgl2, Li as justifyMap, E as lerp, Zi as linear, un as log2, an as mapGlBlendModes, ln as nextPow2, ve as nextTick, Ri as overflowMap, Nr as parseCssFilter, De as parseCssFunctions, Ee as parseCssProperty, Pr as parseCssTransformOrigin, zi as positionTypeMap, Ka as render, qa as renderPixels, mr as resetBatchPool, Er as routeConnection, $e as setCanvasFactory, nt as setGlContextProvider, pn as stencilModeMap, ra as timingFunctions };
+export { vt as Aabb2D, $n as AnimatedTexture, da as Animation, Wa as Assets, Ca as Audio, ha as AudioPipeline, ga as AudioProcessor, wa as AudioSpectrum, Ta as AudioWaveform, k as BufferUsage, Tr as Camera2D, sr as CanvasContext, _r as CanvasItem, er as CanvasTexture, T as Color, U as ColorAdjustEffect, Rr as ColorFilterEffect, St as ColorMatrix, Vr as ColorOverlayEffect, Ur as ColorRemoveEffect, Kr as ColorReplaceEffect, tr as ColorTexture, C as CoreObject, yt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, W as DrawboardEffect, $r as DropShadowEffect, H as Effect, Xn as EffectMaterial, $i as Element2D, _i as Element2DBackground, Y as Element2DChart, xi as Element2DConnection, J as Element2DFill, ki as Element2DForeground, ji as Element2DOutline, Mi as Element2DShadow, Ni as Element2DShape, Pi as Element2DStyle, Ri as Element2DTable, X as Element2DText, ti as EmbossEffect, Ka as Engine, Ji as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, Pa 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, A as GlSystem, gn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, nr as GradientTexture, ma as HTMLAudio, fa as HTMLAudioContext, pa as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Un as IndexBuffer, gt as Input, ut as InputEvent, Fa as JsonLoader, si as KawaseBlurEffect, Da as KawaseTransition, dt as KeyboardInputEvent, ka as LeftEraseTransition, Vn as Loader, ta as Lottie2D, Ia as LottieLoader, Tt as MainLoop, li as MaskEffect, F as Material, lr as Meta, ft as MouseInputEvent, z as Node, wr as Node2D, Ct as Obb2D, q as OutlineEffect, xe as PI, Se as PI_2, pi as PixelateEffect, rr as PixelsTexture, pt as PointerInputEvent, wt as Projection2D, Gn as QuadGeometry, I as QuadUvGeometry, bt as RAD_TO_DEG, _t as RefCounted, L as RenderTarget, Ot as Renderer, w as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Sr as SceneTree, La as TextLoader, R as Texture2D, Ra as TextureLoader, ea as TextureRect2D, x as Ticker, ja as TiltShiftTransition, br as Timeline, B as TimelineNode, na as TransformRect2D, Cr as Transition, Na as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, P as VertexAttribute, N as VertexBuffer, ra as Video2D, za as VideoLoader, ar as VideoTexture, V as Viewport, or as ViewportTexture, xa as WebAudio, ya as WebAudioContext, Bn as WebGLRenderer, ba as WebSound, mt as WheelInputEvent, xr as Window, hi as ZoomBlurEffect, Q as alignMap, $ as assets, Er as axisDir, qi as boxSizingMap, xt as clamp, oi as clampFrag, S as createHTMLCanvas, Nt as createIdFromString, ye as createNode, st as crossOrigin, la as cubicBezier, b as customNode, ve as customNodes, Ga as defaultOptions, ot as determineCrossOrigin, Vi as directionMap, Bi as displayMap, aa as ease, oa as easeIn, ca as easeInOut, sa as easeOut, Z as edgeMap, Hi as flexDirectionMap, Ui as flexWrapMap, ai as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, Xa as getRenderEngine, zi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, Wi as justifyMap, E as lerp, ia as linear, dn as log2, on as mapGlBlendModes, un as nextPow2, be as nextTick, Gi as overflowMap, Pr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Fr as parseCssTransformOrigin, Ki as positionTypeMap, $a as render, eo as renderPixels, hr as resetBatchPool, Dr as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, mn as stencilModeMap, ua as timingFunctions };