modern-canvas 0.20.1 → 0.21.2

package/dist/index.js

@@ -6307,17 +6307,38 @@ var Hi = class extends J {
 O([_(), D("design:type", Object)], Hi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var Ui = [
-	"#4A90D9FF",
-	"#5CB85CFF",
-	"#FF6B35FF",
-	"#9B59B6FF",
-	"#F0AD4EFF",
-	"#1ABC9CFF",
-	"#E74C3CFF"
-], Wi = 16, Y = class extends C {
+var Ui;
+function Wi() {
+	return Ui ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), Ui;
+}
+function Gi(e) {
+	if (!e) return { show: !1 };
+	switch (e) {
+		case "bottom": return {
+			show: !0,
+			bottom: 8
+		};
+		case "left": return {
+			show: !0,
+			left: 8,
+			orient: "vertical"
+		};
+		case "right": return {
+			show: !0,
+			right: 8,
+			orient: "vertical"
+		};
+		default: return {
+			show: !0,
+			top: 8
+		};
+	}
+}
+var Y = class extends C {
 	_parent;
-	_nodes = [];
+	_instance;
+	_container;
+	_texture;
 	_dirty = !1;
 	_scheduled = !1;
 	constructor(e) {
@@ -6349,139 +6370,110 @@ var Ui = [
 	isValid() {
 		return !!(this.enabled && this.series.some((e) => e.values.length));
 	}
-	_color(e, t) {
-		return t.color ?? Ui[e % Ui.length];
-	}
-	_clear() {
-		for (let e of this._nodes) this._parent.removeChild(e), e.destroy();
-		this._nodes.length = 0;
-	}
-	_add(e) {
-		let t = z.parse({
-			is: "Element2D",
-			...e
-		}, "Element2D");
-		this._parent.appendChild(t, "back"), this._nodes.push(t);
-	}
-	_range() {
-		let e = Infinity, t = -Infinity;
-		for (let n of this.series) for (let r of n.values) e = Math.min(e, r), t = Math.max(t, r);
-		Number.isFinite(e) || (e = 0, t = 1);
-		let n = this.valueAxis?.min ?? Math.min(0, e), r = this.valueAxis?.max ?? t;
-		return r <= n && (r = n + 1), [n, r];
-	}
-	update() {
-		if (this._dirty = !1, this._clear(), !this.isValid()) {
-			this._parent.requestDraw();
-			return;
-		}
+	async update() {
+		this._dirty = !1;
 		let { width: e, height: t } = this._parent.size;
-		if (!e || !t) {
-			this._parent.requestDraw();
+		if (!this.isValid() || !e || !t) {
+			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = Wi, r = Wi, i = Math.max(e - Wi * 2, 1), a = Math.max(t - Wi * 2, 1);
-		switch (this.type) {
-			case "bar":
-				this._drawBars(n, r, i, a, !0);
-				break;
-			case "line":
-			case "area":
-				this._drawLines(e, t, n, r, i, a, this.type === "area");
-				break;
-			case "pie":
-			case "doughnut":
-				this._drawPie(e, t, n, r, i, a, this.type === "doughnut");
-				break;
-			case "column":
-				this._drawBars(n, r, i, a, !1);
-				break;
-			default: break;
+		let n = await Wi();
+		if (!n) {
+			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)");
+			return;
 		}
-		this._parent.requestDraw();
-	}
-	_drawBars(e, t, n, r, i) {
-		let [a, o] = this._range(), s = o - a, c = Math.max(this.categories.length, ...this.series.map((e) => e.values.length), 1), l = this.series.length || 1, u = (i ? r : n) / c, d = u * .8 / l, f = u * .2 / 2;
-		for (let o = 0; o < this.series.length; o++) {
-			let c = this.series[o], l = this._color(o, c);
-			for (let p = 0; p < c.values.length; p++) {
-				let m = (c.values[p] - a) / s, h = Math.max(m * (i ? n : r), 0), g = p * u + f + o * d, ee = i ? {
-					left: e,
-					top: t + g,
-					width: h,
-					height: d
-				} : {
-					left: e + g,
-					top: t + r - h,
-					width: d,
-					height: h
-				};
-				this._add({
-					style: ee,
-					background: { color: l }
+		if (!(this.destroyed || !this.isValid())) {
+			if (!this._instance) {
+				if (typeof document > "u") {
+					console.warn("[modern-canvas] echarts chart rendering requires a DOM environment");
+					return;
+				}
+				this._container = document.createElement("div"), this._instance = n.init(this._container, void 0, {
+					renderer: "canvas",
+					width: e,
+					height: t
+				}), this._instance.on("finished", () => {
+					this._texture?.requestUpdate("source"), this._parent.requestDraw();
+				});
+			}
+			if (this._instance.resize({
+				width: e,
+				height: t
+			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
+				let e = this._container.querySelector("canvas");
+				if (!e) return;
+				this._texture = new rr({
+					source: e,
+					pixelRatio: 1
 				});
 			}
+			this._texture.requestUpdate("source"), this._parent.requestDraw();
 		}
 	}
-	_drawLines(e, t, n, r, i, a, o) {
-		let [s, c] = this._range(), l = c - s, u = Math.max(...this.series.map((e) => e.values.length), 1), d = u > 1 ? i / (u - 1) : 0;
-		for (let c = 0; c < this.series.length; c++) {
-			let f = this.series[c], p = this._color(c, f), m = f.values.map((e, t) => [n + (u > 1 ? t * d : i / 2), r + a - (e - s) / l * a]);
-			if (!m.length) continue;
-			let h = m.map((e, t) => `${t === 0 ? "M" : "L"} ${e[0]} ${e[1]}`).join(" ");
-			o && (h += ` L ${m[m.length - 1][0]} ${r + a} L ${m[0][0]} ${r + a} Z`);
-			let g = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e} ${t}"><path d="${h}"/></svg>`;
-			this._add({
-				style: {
-					left: 0,
-					top: 0,
-					width: e,
-					height: t
-				},
-				shape: { svg: g },
-				...o ? {
-					fill: { color: p },
-					outline: {
-						color: p,
-						width: 2
-					}
-				} : { outline: {
-					color: p,
-					width: 2
-				} }
-			});
-		}
+	draw() {
+		let e = this._texture;
+		if (!e?.isValid()) return;
+		let { width: t, height: n } = this._parent.size, r = this._parent.context;
+		this._parent.shape.draw(!0), r.fillStyle = e;
+		let { a: i, c: a, tx: o, b: s, d: c, ty: l } = new v().scale(1 / t, 1 / n), u, d;
+		r.fill({ transformUv: (e, t) => {
+			u = e[t], d = e[t + 1], e[t] = i * u + a * d + o, e[t + 1] = s * u + c * d + l;
+		} });
 	}
-	_drawPie(e, t, n, r, i, a, o) {
-		let s = this.series[0];
-		if (!s?.values.length) return;
-		let c = s.values.reduce((e, t) => e + Math.max(t, 0), 0) || 1, l = n + i / 2, u = r + a / 2, d = Math.min(i, a) / 2, f = o ? d * .55 : 0, p = -Math.PI / 2;
-		for (let n = 0; n < s.values.length; n++) {
-			let r = Math.max(s.values[n], 0) / c * Math.PI * 2, i = p, a = p + r;
-			p = a;
-			let m = +(r > Math.PI), h = l + d * Math.cos(i), g = u + d * Math.sin(i), ee = l + d * Math.cos(a), te = u + d * Math.sin(a), ne;
-			ne = o ? `M ${h} ${g} A ${d} ${d} 0 ${m} 1 ${ee} ${te} L ${l + f * Math.cos(a)} ${u + f * Math.sin(a)} A ${f} ${f} 0 ${m} 0 ${l + f * Math.cos(i)} ${u + f * Math.sin(i)} Z` : `M ${l} ${u} L ${h} ${g} A ${d} ${d} 0 ${m} 1 ${ee} ${te} Z`;
-			let re = s.color && s.values.length === 1 ? s.color : Ui[n % Ui.length], ie = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e} ${t}"><path d="${ne}"/></svg>`;
-			this._add({
-				style: {
-					left: 0,
-					top: 0,
-					width: e,
-					height: t
-				},
-				shape: { svg: ie },
-				fill: { color: re }
-			});
+	_toOption() {
+		let { type: e, categories: t } = this, n = e === "pie" || e === "doughnut", r = e === "bar", i = this.grouping === "stacked" || this.grouping === "percentStacked", a = {
+			title: this.title ? {
+				text: this.title,
+				left: "center"
+			} : void 0,
+			legend: Gi(this.legend),
+			tooltip: {}
+		};
+		if (n) {
+			let n = this.series[0];
+			return a.series = [{
+				type: "pie",
+				radius: e === "doughnut" ? ["45%", "70%"] : "70%",
+				data: (n?.values ?? []).map((e, n) => ({
+					value: e,
+					name: t[n] ?? String(n)
+				}))
+			}], a;
 		}
+		let o = {
+			type: "value",
+			show: this.valueAxis?.visible !== !1,
+			name: this.valueAxis?.title,
+			min: this.valueAxis?.min,
+			max: this.valueAxis?.max
+		}, s = {
+			type: "category",
+			data: t,
+			show: this.categoryAxis?.visible !== !1,
+			name: this.categoryAxis?.title
+		};
+		a.xAxis = r ? o : s, a.yAxis = r ? s : o;
+		let c = e === "column" || e === "bar" ? "bar" : e === "area" ? "line" : e;
+		return a.series = this.series.map((t) => ({
+			name: t.name,
+			type: c,
+			data: e === "scatter" && t.xValues ? t.values.map((e, n) => [t.xValues[n], e]) : t.values,
+			stack: i ? "total" : void 0,
+			areaStyle: e === "area" ? {} : void 0,
+			itemStyle: t.color ? { color: t.color } : void 0
+		})), a;
+	}
+	_teardown() {
+		this._instance?.dispose(), this._instance = void 0, this._container = void 0, this._texture = void 0;
 	}
 	_destroy() {
-		this._clear();
+		this._teardown();
 	}
 };
 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 Gi = class extends C {
+var Ki = class extends C {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6519,7 +6511,7 @@ var Gi = class extends C {
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: Ki(r, t.globalRotation)
+					dir: qi(r, t.globalRotation)
 				};
 			}
 		}
@@ -6536,8 +6528,8 @@ var Gi = class extends C {
 		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Rr(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-O([_(), D("design:type", Object)], Gi.prototype, "start", void 0), O([_(), D("design:type", Object)], Gi.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], Gi.prototype, "mode", void 0);
-function Ki(e, t) {
+O([_(), D("design:type", Object)], Ki.prototype, "start", void 0), O([_(), D("design:type", Object)], Ki.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], Ki.prototype, "mode", void 0);
+function qi(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6547,7 +6539,7 @@ function Ki(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var qi = class extends J {
+var Ji = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : g(e));
 	}
@@ -6559,10 +6551,10 @@ var qi = class extends J {
 		}
 	}
 };
-O([_(), D("design:type", Object)], qi.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], Ji.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Ji = class extends J {
+var Yi = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : ee(e));
 	}
@@ -6590,10 +6582,10 @@ var Ji = class extends J {
 		}) });
 	}
 };
-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)], Yi.prototype, "color", void 0), O([_(), D("design:type", Object)], Yi.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], Yi.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], Yi.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], Yi.prototype, "lineJoin", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Yi = class extends C {
+var Xi = class extends C {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6617,10 +6609,10 @@ var Yi = class extends C {
 		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new gi({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], Yi.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Yi.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Yi.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Yi.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Yi.prototype, "offsetX", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Xi.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Xi.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Xi = class extends C {
+var Zi = class extends C {
 	_parent;
 	_path2DSet = new le();
 	_localPath;
@@ -6718,24 +6710,24 @@ var Xi = 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)], Xi.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Xi.prototype, "preset", void 0), O([_(), D("design:type", Object)], Xi.prototype, "svg", void 0), O([_(), D("design:type", Object)], Xi.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Xi.prototype, "paths", void 0), O([_(), D("design:type", Object)], Xi.prototype, "connectionPoints", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Zi.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Zi.prototype, "preset", void 0), O([_(), D("design:type", Object)], Zi.prototype, "svg", void 0), O([_(), D("design:type", Object)], Zi.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Zi.prototype, "paths", void 0), O([_(), D("design:type", Object)], Zi.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Zi = class extends w {
+var Qi = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Qi = {
+}, $i = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Qi) i(Zi, e, { fallback: Qi[e] });
+for (let e in $i) i(Qi, e, { fallback: $i[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var $i = 100, ea = 40, ta = class extends C {
+var ea = 100, ta = 40, na = class extends C {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -6766,10 +6758,10 @@ var $i = 100, ea = 40, ta = class extends C {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || $i), 0);
+		return this.columns.reduce((e, t) => e + (t.width || ea), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || ea), 0);
+		return this.rows.reduce((e, t) => e + (t.height || ta), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -6779,9 +6771,9 @@ var $i = 100, ea = 40, ta = 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 || $i));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || ea));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || ea));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || ta));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -6818,10 +6810,10 @@ var $i = 100, ea = 40, ta = class extends C {
 		this._clearCells();
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], ta.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ta.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ta.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ta.prototype, "cells", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], na.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var na, X = class extends C {
+var ra, X = class extends C {
 	_parent;
 	base;
 	get textContent() {
@@ -6974,7 +6966,7 @@ var na, X = class extends C {
 	}
 	process(e) {}
 };
-O([_({ fallback: !0 }), D("design:type", Object)], X.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], X.prototype, "content", void 0), O([_({ alias: "_parent.style.json" }), D("design:type", Object)], X.prototype, "style", void 0), O([_(), D("design:type", Object)], X.prototype, "effects", void 0), O([_(), D("design:type", Object)], X.prototype, "fill", void 0), O([_(), D("design:type", Object)], X.prototype, "outline", void 0), O([_({ alias: "base.measureDom" }), D("design:type", typeof (na = typeof HTMLElement < "u" && HTMLElement) == "function" ? na : Object)], X.prototype, "measureDom", void 0), O([_({ alias: "base.fonts" }), D("design:type", Object)], X.prototype, "fonts", void 0), O([_({ fallback: "auto" }), D("design:type", Object)], X.prototype, "drawMode", void 0);
+O([_({ fallback: !0 }), D("design:type", Object)], X.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], X.prototype, "content", void 0), O([_({ alias: "_parent.style.json" }), D("design:type", Object)], X.prototype, "style", void 0), O([_(), D("design:type", Object)], X.prototype, "effects", void 0), O([_(), D("design:type", Object)], X.prototype, "fill", void 0), O([_(), D("design:type", Object)], X.prototype, "outline", void 0), O([_({ alias: "base.measureDom" }), D("design:type", typeof (ra = typeof HTMLElement < "u" && HTMLElement) == "function" ? ra : Object)], X.prototype, "measureDom", void 0), O([_({ alias: "base.fonts" }), D("design:type", Object)], X.prototype, "fonts", void 0), O([_({ fallback: "auto" }), D("design:type", Object)], X.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
 var Z = {
@@ -6987,7 +6979,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, ra = {
+}, ia = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -7001,42 +6993,42 @@ var Z = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, ia = {
+}, aa = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, aa = {
+}, oa = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, oa = {
+}, sa = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, sa = {
+}, ca = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, ca = {
+}, la = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, la = {
+}, ua = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, ua = {
+}, da = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, da = {
+}, fa = {
 	"border-box": 0,
 	"content-box": 1
-}, fa = class e {
+}, pa = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7048,14 +7040,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 va && e.flexbox.node && this.node) {
+		if (e instanceof ya && 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 va && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof ya && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
@@ -7089,10 +7081,10 @@ var Z = {
 					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? aa[t] ?? aa.inherit : aa.inherit);
+					n.setDirection(t ? oa[t] ?? oa.inherit : oa.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? ia[t] ?? ia.flex : ia.flex);
+					n.setDisplay(t ? aa[t] ?? aa.flex : aa.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7101,7 +7093,7 @@ var Z = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? oa[t] ?? oa.row : oa.row);
+					n.setFlexDirection(t ? sa[t] ?? sa.row : sa.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7110,16 +7102,16 @@ var Z = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? sa[t] ?? sa.wrap : sa.wrap);
+					n.setFlexWrap(t ? ca[t] ?? ca.wrap : ca.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? ca[t] ?? ca["flex-start"] : ca["flex-start"]);
+					n.setJustifyContent(t ? la[t] ?? la["flex-start"] : la["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(ra.all, t);
+					t !== void 0 && n.setGap(ia.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Z.top, t);
@@ -7149,7 +7141,7 @@ var Z = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? la[t] ?? la.visible : la.visible);
+					n.setOverflow(t ? ua[t] ?? ua.visible : ua.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Z.top, t);
@@ -7179,10 +7171,10 @@ var Z = {
 					n.setPosition(Z.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? ua[t] ?? ua.relative : ua.relative);
+					n.setPositionType(t ? da[t] ?? da.relative : da.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? da[t] ?? da["content-box"] : da["content-box"]);
+					n.setBoxSizing(t ? fa[t] ?? fa["content-box"] : fa["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7193,7 +7185,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, aa.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, oa.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();
 		}
@@ -7201,13 +7193,13 @@ var Z = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, pa, ma = new Set(Object.keys(a())), ha = new Set(Object.keys(s())), ga = new y(), _a = [
+}, ma, ha = new Set(Object.keys(a())), ga = new Set(Object.keys(s())), _a = new y(), va = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], va = class extends Pr {
-	flexbox = new fa(this);
+], ya = class extends Pr {
+	flexbox = new pa(this);
 	aabb = new mt();
 	globalAabb = new mt();
 	_parentGlobalDisplay;
@@ -7220,7 +7212,7 @@ var Z = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Zi().on("updateProperty", (...e) => {
+	_style = new Qi().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7241,7 +7233,7 @@ var Z = {
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Xi(this);
+	_shape = new Zi(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7255,14 +7247,14 @@ var Z = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Ji(this);
+	_outline = new Yi(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new qi(this);
+	_foreground = new Ji(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7276,21 +7268,21 @@ var Z = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Yi(this);
+	_shadow = new Xi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new Gi(this);
+	_connection = new Ki(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new ta(this);
+	_table = new na(this);
 	get table() {
 		return this._table;
 	}
@@ -7447,7 +7439,7 @@ var Z = {
 				this.requestDraw();
 				break;
 		}
-		if ((ha.has(e) || ma.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((ga.has(e) || ha.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);
@@ -7487,10 +7479,10 @@ 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 _a) t.applyAffineInverse({
+		for (let [e, c] of va) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, ga), i = Math.min(i, ga.x), a = Math.max(a, ga.x), o = Math.min(o, ga.y), s = Math.max(s, ga.y);
+		}, _a), i = Math.min(i, _a.x), a = Math.max(a, _a.x), o = Math.min(o, _a.y), s = Math.max(s, _a.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);
 	}
@@ -7539,7 +7531,7 @@ var Z = {
 		return new yt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
 	}
 	_draw() {
-		super._draw(), this._background.isValid() && (this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && this._text.draw(), this._drawContent();
+		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();
 	}
 	_drawContent() {}
 	input(e, t) {
@@ -7590,10 +7582,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;
 	}
 };
-va = O([x("Element2D"), D("design:paramtypes", [typeof (pa = typeof Partial < "u" && Partial) == "function" ? pa : Object, Array])], va);
+ya = O([x("Element2D"), D("design:paramtypes", [typeof (ma = typeof Partial < "u" && Partial) == "function" ? ma : Object, Array])], ya);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var ya = class extends va {
+var ba = class extends ya {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7607,7 +7599,7 @@ var ya = class extends va {
 			} });
 		}
 	}
-}, ba, xa = class extends ya {
+}, xa, Sa = class extends ba {
 	texture = new rr();
 	animation;
 	_lastTime = NaN;
@@ -7638,10 +7630,10 @@ var ya = class extends va {
 		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)], xa.prototype, "src", void 0), xa = O([x("Lottie2D"), D("design:paramtypes", [typeof (ba = typeof Partial < "u" && Partial) == "function" ? ba : Object, Array])], xa);
+O([_({ fallback: "" }), D("design:type", String)], Sa.prototype, "src", void 0), Sa = O([x("Lottie2D"), D("design:paramtypes", [typeof (xa = typeof Partial < "u" && Partial) == "function" ? xa : Object, Array])], Sa);
 //#endregion
 //#region src/scene/2d/TransformRect2D.ts
-var Sa = class extends va {
+var Ca = class extends ya {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7664,10 +7656,10 @@ var Sa = class extends va {
 		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)], Sa.prototype, "handleSize", void 0);
+O([_({ fallback: 6 }), D("design:type", Number)], Ca.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var Ca, wa = class extends ya {
+var wa, Ta = class extends ba {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7707,11 +7699,11 @@ var Ca, wa = class extends ya {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], wa.prototype, "src", void 0), wa = O([x("Video2D"), D("design:paramtypes", [typeof (Ca = typeof Partial < "u" && Partial) == "function" ? Ca : Object, Array])], wa);
+O([_({ fallback: "" }), D("design:type", String)], Ta.prototype, "src", void 0), Ta = O([x("Video2D"), D("design:paramtypes", [typeof (wa = typeof Partial < "u" && Partial) == "function" ? wa : Object, Array])], Ta);
 //#endregion
 //#region src/scene/animation/Animation.ts
-var Ta, Ea = (e) => e, Da = ja(.25, .1, .25, 1), Oa = ja(.42, 0, 1, 1), ka = ja(0, 0, .58, 1), Aa = ja(.42, 0, .58, 1);
-function ja(e, t, n, r) {
+var Ea, Da = (e) => e, Oa = Ma(.25, .1, .25, 1), ka = Ma(.42, 0, 1, 1), Aa = Ma(0, 0, .58, 1), ja = Ma(.42, 0, .58, 1);
+function Ma(e, t, n, r) {
 	let i = 1e-6, a = 3 * e - 3 * n + 1, o = 3 * n - 6 * e, s = 3 * e, c = 3 * t - 3 * r + 1, l = 3 * r - 6 * t, u = 3 * t, d = (e) => (3 * a * e + 2 * o) * e + s, f = (e) => ((a * e + o) * e + s) * e, p = (e) => ((c * e + l) * e + u) * e;
 	function m(e) {
 		let t = e, n, r;
@@ -7731,13 +7723,13 @@ function ja(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var Ma = {
-	linear: Ea,
-	ease: Da,
-	easeIn: Oa,
-	easeOut: ka,
-	easeInOut: Aa
-}, Na = class extends B {
+var Na = {
+	linear: Da,
+	ease: Oa,
+	easeIn: ka,
+	easeOut: Aa,
+	easeInOut: ja
+}, Pa = class extends B {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -7772,7 +7764,7 @@ var Ma = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof va);
+		return e.filter((e) => e instanceof ya);
 	}
 	_updateKeyframes() {
 		let e = [], t = this.keyframes;
@@ -7820,10 +7812,10 @@ var Ma = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return Ma.linear;
-		if (e in Ma) return Ma[e];
+		if (!e) return Na.linear;
+		if (e in Na) return Na[e];
 		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return ja(t[0], t[1], t[2], t[3]);
+		return Ma(t[0], t[1], t[2], t[3]);
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -7901,14 +7893,14 @@ var Ma = {
 		});
 	}
 };
-O([_({ fallback: "parent" }), D("design:type", Object)], Na.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], Na.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], Na.prototype, "easing", void 0), Na = O([x("Animation", {
+O([_({ fallback: "parent" }), D("design:type", Object)], Pa.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], Pa.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], Pa.prototype, "easing", void 0), Pa = O([x("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), D("design:paramtypes", [typeof (Ta = typeof Partial < "u" && Partial) == "function" ? Ta : Object, Array])], Na);
+}), D("design:paramtypes", [typeof (Ea = typeof Partial < "u" && Partial) == "function" ? Ea : Object, Array])], Pa);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var Pa = class t extends e {
+var Fa = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -7938,7 +7930,7 @@ var Pa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, Fa = class t extends e {
+}, Ia = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8065,7 +8057,7 @@ var Pa = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, Ia = class {
+}, La = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8082,7 +8074,7 @@ var Pa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return Pa.instance;
+		return Fa.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8093,9 +8085,9 @@ var Pa = class t extends e {
 		});
 	}
 	createSound() {
-		return new Fa();
+		return new Ia();
 	}
-}, La = class extends e {
+}, Ra = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8117,7 +8109,7 @@ var Pa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, Ra = class {
+}, za = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8132,21 +8124,21 @@ var Pa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function za() {
+function Ba() {
 	if (ze) return new AudioContext();
 	if (Be) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function Ba(e, t, n) {
+function Va(e, t, n) {
 	if (Ve) return new OfflineAudioContext(e, t, n);
 	if (He) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var Va = class e extends La {
+var Ha = class e extends Ra {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8187,7 +8179,7 @@ var Va = class e extends La {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = za(), t = Ba(1, 2, Ve ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = Ba(), t = Va(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));
 	}
 	_onFocus() {
@@ -8228,7 +8220,7 @@ var Va = class e extends La {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, Ha = class extends e {
+}, Ua = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8361,7 +8353,7 @@ var Va = class e extends La {
 	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;
 	}
-}, Ua = class extends La {
+}, Wa = class extends Ra {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8369,7 +8361,7 @@ var Va = class e extends La {
 	gain;
 	analyser;
 	get context() {
-		return Va.instance;
+		return Ha.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8384,8 +8376,8 @@ var Va = class e extends La {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = Va.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(Va.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = Ha.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(Ha.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) => {
@@ -8398,7 +8390,7 @@ var Va = class e extends La {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : Va.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : Ha.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();
@@ -8408,15 +8400,15 @@ var Va = class e extends La {
 		};
 	}
 	createSound() {
-		return new Ha();
+		return new Ua();
 	}
-}, Wa, Ga = class extends B {
+}, Ga, Ka = class extends B {
 	static {
-		Wa = this;
+		Ga = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ue ? new Ua(this) : new Ia(this);
+	_platformAudio = Ue ? new Wa(this) : new La(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8509,7 +8501,7 @@ var Va = class e extends La {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Wa._soundPool.length > 0 ? Wa._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ga._soundPool.length > 0 ? Ga._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();
@@ -8525,7 +8517,7 @@ var Va = class e extends La {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Wa._soundPool.includes(e) || Wa._soundPool.push(e);
+		e.destroy(), Ga._soundPool.includes(e) || Ga._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8541,10 +8533,10 @@ var Va = class e extends La {
 		}, 100);
 	}
 };
-Ga = Wa = O([x("Audio"), D("design:paramtypes", [Object])], Ga);
+Ka = Ga = O([x("Audio"), D("design:paramtypes", [Object])], Ka);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Ka = class extends Pr {}, qa, Ja = class extends va {
+var qa = class extends Pr {}, Ja, Ya = class extends ya {
 	_audioBuffer;
 	_src = (() => {
 		let e = tt();
@@ -8568,7 +8560,7 @@ var Ka = class extends Pr {}, qa, Ja = class extends va {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Va.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ha.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8603,12 +8595,12 @@ var Ka = class extends Pr {}, qa, Ja = class extends va {
 		this.syncTexture(), super._process(e);
 	}
 };
-O([_(), D("design:type", Object)], Ja.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], Ja.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], Ja.prototype, "color", void 0), Ja = O([x("AudioWaveform"), D("design:paramtypes", [typeof (qa = typeof Partial < "u" && Partial) == "function" ? qa : Object])], Ja);
+O([_(), D("design:type", Object)], Ya.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], Ya.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], Ya.prototype, "color", void 0), Ya = O([x("AudioWaveform"), D("design:paramtypes", [typeof (Ja = typeof Partial < "u" && Partial) == "function" ? Ja : Object])], Ya);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Ya, Xa = class extends Mr {
+var Xa, Za = class extends Mr {
 	static {
-		Ya = this;
+		Xa = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -8627,7 +8619,7 @@ var Ya, Xa = class extends Mr {
 		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, Xa.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8635,31 +8627,31 @@ var Ya, Xa = class extends Mr {
 		});
 	}
 };
-Xa = Ya = O([x("KawaseTransition")], Xa);
+Za = Xa = O([x("KawaseTransition")], Za);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Za, Qa = class extends Mr {
+var Qa, $a = class extends Mr {
 	static {
-		Za = this;
+		Qa = 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, Za.material, {
+		I.draw(e, Qa.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Qa = Za = O([x("LeftEraseTransition")], Qa);
+$a = Qa = O([x("LeftEraseTransition")], $a);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var $a, eo = class extends Mr {
+var eo, to = class extends Mr {
 	static {
-		$a = this;
+		eo = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -8671,7 +8663,7 @@ var $a, eo = class extends Mr {
 		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, $a.material, {
+		I.draw(e, eo.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8680,7 +8672,7 @@ var $a, eo = class extends Mr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), I.draw(e, $a.material, {
+		}), I.draw(e, eo.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8692,12 +8684,12 @@ var $a, eo = class extends Mr {
 		});
 	}
 };
-eo = $a = O([x("TiltShiftTransition")], eo);
+to = eo = O([x("TiltShiftTransition")], to);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var to, no = class extends Mr {
+var no, ro = class extends Mr {
 	static {
-		to = this;
+		no = this;
 	}
 	radius;
 	angle = 4;
@@ -8711,7 +8703,7 @@ var to, no = class extends Mr {
 		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, to.material, {
+		I.draw(e, no.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -8727,10 +8719,10 @@ var to, no = class extends Mr {
 		});
 	}
 };
-no = to = O([x("TwistTransition")], no);
+ro = no = O([x("TwistTransition")], ro);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var ro = class extends Rn {
+var io = class extends Rn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
@@ -8747,14 +8739,14 @@ var ro = class extends Rn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, io = class extends Rn {
+}, ao = class extends Rn {
 	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;
 	}
-}, ao = class extends Rn {
+}, oo = class extends Rn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -8765,12 +8757,12 @@ var ro = class extends Rn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, oo = class extends Rn {
+}, so = class extends Rn {
 	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;
 	}
-}, so = class extends Rn {
+}, co = class extends Rn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new R({
 			source: e,
@@ -8794,11 +8786,11 @@ var ro = class extends Rn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, co = class extends Rn {
+}, lo = class extends Rn {
 	install(e) {
 		return this.load = (t) => e.awaitBy(() => new cr(t).load()), e.video = this, this;
 	}
-}, lo = Object.entries({
+}, uo = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -8814,31 +8806,31 @@ var ro = class extends Rn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function uo(e) {
-	for (let [t, n] of lo) if (n.includes(e)) return t;
-}
 function fo(e) {
+	for (let [t, n] of uo) if (n.includes(e)) return t;
+}
+function po(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 = uo(n));
+		n && (t = fo(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var po = "WeakRef" in globalThis, mo = class extends e {
+var mo = "WeakRef" in globalThis, ho = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = po ? new FinalizationRegistry((e) => {
+	_gc = mo ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), po || S.on(this.gc.bind(this), { sort: 2 });
+		super(), mo || S.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -8887,11 +8879,11 @@ var po = "WeakRef" in globalThis, mo = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return po && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return mo && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		po && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		mo && 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();
@@ -8906,7 +8898,7 @@ var po = "WeakRef" in globalThis, mo = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = fo(e);
+		let n = await this.loadBy(e), r = po(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() {
@@ -8920,14 +8912,14 @@ var po = "WeakRef" in globalThis, mo = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new mo().use(new zn()).use(new ro()).use(new io()).use(new ao()).use(new oo()).use(new so()).use(new co()), ho = {
+}, $ = new ho().use(new zn()).use(new io()).use(new ao()).use(new oo()).use(new so()).use(new co()).use(new lo()), go = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, go = class extends Ar {
+}, _o = class extends Ar {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -8960,12 +8952,12 @@ var po = "WeakRef" in globalThis, mo = class extends e {
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Ke, autoResize: a, data: o } = e;
 		super(), this.renderer = new Ln(t, {
-			alpha: ho.alpha ?? e.alpha,
-			stencil: ho.stencil ?? e.stencil,
-			antialias: ho.antialias ?? e.antialias,
-			premultipliedAlpha: ho.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: ho.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: ho.powerPreference ?? e.powerPreference
+			alpha: go.alpha ?? e.alpha,
+			stencil: go.stencil ?? e.stencil,
+			antialias: go.antialias ?? e.antialias,
+			premultipliedAlpha: go.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: go.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: go.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) {
@@ -9048,22 +9040,22 @@ var po = "WeakRef" in globalThis, mo = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], go.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], go.prototype, "autoStart", void 0);
+O([_({ fallback: !1 }), D("design:type", Boolean)], _o.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], _o.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var _o, vo = [], yo = !1;
-function bo() {
-	return _o ??= new go({
+var vo, yo = [], bo = !1;
+function xo() {
+	return vo ??= new _o({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function xo(e = 100) {
-	if (!yo) {
-		for (yo = !0; vo.length;) {
-			let t = vo.shift();
+async function So(e = 100) {
+	if (!bo) {
+		for (bo = !0; yo.length;) {
+			let t = yo.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9071,11 +9063,11 @@ async function xo(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		yo = !1;
+		bo = !1;
 	}
 }
-async function So(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 = bo();
+async function Co(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 = xo();
 	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++) {
@@ -9093,15 +9085,15 @@ async function So(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function Co(e) {
+async function wo(e) {
 	return new Promise((t) => {
-		vo.push(async () => t(await So(e).then((e) => e.toCanvas2D()))), xo();
+		yo.push(async () => t(await Co(e).then((e) => e.toCanvas2D()))), So();
 	});
 }
-async function wo(e) {
+async function To(e) {
 	return new Promise((t) => {
-		vo.push(async () => t(await So(e).then((e) => e.pixels))), xo();
+		yo.push(async () => t(await Co(e).then((e) => e.pixels))), So();
 	});
 }
 //#endregion
-export { mt as Aabb2D, nr as AnimatedTexture, Na as Animation, mo as Assets, Ga as Audio, La as AudioPipeline, Ra as AudioProcessor, Ka as AudioSpectrum, Ja as AudioWaveform, k as BufferUsage, Ir as Camera2D, ur as CanvasContext, Cr as CanvasItem, rr as CanvasTexture, T as Color, U as ColorAdjustEffect, Yr as ColorFilterEffect, vt as ColorMatrix, $r as ColorOverlayEffect, ni as ColorRemoveEffect, oi as ColorReplaceEffect, ir as ColorTexture, C as CoreObject, ht as DEG_TO_RAD, Ke as DEVICE_PIXEL_RATIO, W as DrawboardEffect, gi as DropShadowEffect, H as Effect, $n as EffectMaterial, va as Element2D, Hi as Element2DBackground, Y as Element2DChart, Gi as Element2DConnection, J as Element2DFill, qi as Element2DForeground, Ji as Element2DOutline, Yi as Element2DShadow, Xi as Element2DShape, Zi as Element2DStyle, ta as Element2DTable, X as Element2DText, yi as EmbossEffect, go as Engine, fa as Flexbox, zn as FontLoader, pi as GaussianBlurEffect, Wn as Geometry, ro as GifLoader, on as GlBatch2DSystem, tn as GlBlendMode, Ct as GlBuffer, jt as GlBufferSystem, St as GlBufferTarget, un as GlMaskSystem, Ut as GlProgram, mn as GlRenderTarget, hn as GlRenderTargetSystem, Qt as GlShaderSystem, rn as GlState, an as GlStateSystem, fn as GlStencilSystem, A as GlSystem, pn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, ar as GradientTexture, Ia as HTMLAudio, Pa as HTMLAudioContext, Fa as HTMLSound, We as IN_BROWSER, Ge as IN_MAC_OS, Vn as IndexBuffer, ft as Input, ot as InputEvent, io as JsonLoader, Oi as KawaseBlurEffect, Xa as KawaseTransition, st as KeyboardInputEvent, Qa as LeftEraseTransition, Rn as Loader, xa as Lottie2D, ao as LottieLoader, xt as MainLoop, ji as MaskEffect, F as Material, fr as Meta, ct as MouseInputEvent, z as Node, Pr as Node2D, yt as Obb2D, q as OutlineEffect, ye as PI, be as PI_2, Li as PixelateEffect, or as PixelsTexture, lt as PointerInputEvent, bt as Projection2D, qn as QuadGeometry, I as QuadUvGeometry, gt as RAD_TO_DEG, pt as RefCounted, L as RenderTarget, Tt 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, Ar as SceneTree, oo as TextLoader, R as Texture2D, so as TextureLoader, ya as TextureRect2D, S as Ticker, eo as TiltShiftTransition, Or as Timeline, B as TimelineNode, Sa as TransformRect2D, Mr as Transition, no as TwistTransition, Dt as UniformGroup, tr as UvGeometry, er as UvMaterial, P as VertexAttribute, N as VertexBuffer, wa as Video2D, co as VideoLoader, cr as VideoTexture, V as Viewport, lr as ViewportTexture, Ua as WebAudio, Va as WebAudioContext, Ln as WebGLRenderer, Ha as WebSound, ut as WheelInputEvent, kr as Window, Bi as ZoomBlurEffect, Q as alignMap, $ as assets, Lr as axisDir, da as boxSizingMap, _t as clamp, Di as clampFrag, tt as createHTMLCanvas, At as createIdFromString, _e as createNode, rt as crossOrigin, ja as cubicBezier, x as customNode, ge as customNodes, ho as defaultOptions, nt as determineCrossOrigin, aa as directionMap, ia as displayMap, Da as ease, Oa as easeIn, Aa as easeInOut, ka as easeOut, Z as edgeMap, oa as flexDirectionMap, sa as flexWrapMap, Ei as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, bo as getRenderEngine, ra as gutterMap, at as instanceId, Xe as isCanvasElement, qe as isElementNode, Ye as isImageElement, xe as isPow2, Je as isVideoElement, Ze as isWebgl2, ca as justifyMap, E as lerp, Ea as linear, cn as log2, nn as mapGlBlendModes, sn as nextPow2, ve as nextTick, la as overflowMap, Ur as parseCssFilter, De as parseCssFunctions, Ee as parseCssProperty, Wr as parseCssTransformOrigin, ua as positionTypeMap, Co as render, wo as renderPixels, xr as resetBatchPool, Rr as routeConnection, $e as setCanvasFactory, dn as stencilModeMap, Ma as timingFunctions };
+export { mt as Aabb2D, nr as AnimatedTexture, Pa as Animation, ho as Assets, Ka as Audio, Ra as AudioPipeline, za as AudioProcessor, qa as AudioSpectrum, Ya as AudioWaveform, k as BufferUsage, Ir as Camera2D, ur as CanvasContext, Cr as CanvasItem, rr as CanvasTexture, T as Color, U as ColorAdjustEffect, Yr as ColorFilterEffect, vt as ColorMatrix, $r as ColorOverlayEffect, ni as ColorRemoveEffect, oi as ColorReplaceEffect, ir as ColorTexture, C as CoreObject, ht as DEG_TO_RAD, Ke as DEVICE_PIXEL_RATIO, W as DrawboardEffect, gi as DropShadowEffect, H as Effect, $n as EffectMaterial, ya as Element2D, Hi as Element2DBackground, Y as Element2DChart, Ki as Element2DConnection, J as Element2DFill, Ji as Element2DForeground, Yi as Element2DOutline, Xi as Element2DShadow, Zi as Element2DShape, Qi as Element2DStyle, na as Element2DTable, X as Element2DText, yi as EmbossEffect, _o as Engine, pa as Flexbox, zn as FontLoader, pi as GaussianBlurEffect, Wn as Geometry, io as GifLoader, on as GlBatch2DSystem, tn as GlBlendMode, Ct as GlBuffer, jt as GlBufferSystem, St as GlBufferTarget, un as GlMaskSystem, Ut as GlProgram, mn as GlRenderTarget, hn as GlRenderTargetSystem, Qt as GlShaderSystem, rn as GlState, an as GlStateSystem, fn as GlStencilSystem, A as GlSystem, pn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, ar as GradientTexture, La as HTMLAudio, Fa as HTMLAudioContext, Ia as HTMLSound, We as IN_BROWSER, Ge as IN_MAC_OS, Vn as IndexBuffer, ft as Input, ot as InputEvent, ao as JsonLoader, Oi as KawaseBlurEffect, Za as KawaseTransition, st as KeyboardInputEvent, $a as LeftEraseTransition, Rn as Loader, Sa as Lottie2D, oo as LottieLoader, xt as MainLoop, ji as MaskEffect, F as Material, fr as Meta, ct as MouseInputEvent, z as Node, Pr as Node2D, yt as Obb2D, q as OutlineEffect, ye as PI, be as PI_2, Li as PixelateEffect, or as PixelsTexture, lt as PointerInputEvent, bt as Projection2D, qn as QuadGeometry, I as QuadUvGeometry, gt as RAD_TO_DEG, pt as RefCounted, L as RenderTarget, Tt 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, Ar as SceneTree, so as TextLoader, R as Texture2D, co as TextureLoader, ba as TextureRect2D, S as Ticker, to as TiltShiftTransition, Or as Timeline, B as TimelineNode, Ca as TransformRect2D, Mr as Transition, ro as TwistTransition, Dt as UniformGroup, tr as UvGeometry, er as UvMaterial, P as VertexAttribute, N as VertexBuffer, Ta as Video2D, lo as VideoLoader, cr as VideoTexture, V as Viewport, lr as ViewportTexture, Wa as WebAudio, Ha as WebAudioContext, Ln as WebGLRenderer, Ua as WebSound, ut as WheelInputEvent, kr as Window, Bi as ZoomBlurEffect, Q as alignMap, $ as assets, Lr as axisDir, fa as boxSizingMap, _t as clamp, Di as clampFrag, tt as createHTMLCanvas, At as createIdFromString, _e as createNode, rt as crossOrigin, Ma as cubicBezier, x as customNode, ge as customNodes, go as defaultOptions, nt as determineCrossOrigin, oa as directionMap, aa as displayMap, Oa as ease, ka as easeIn, ja as easeInOut, Aa as easeOut, Z as edgeMap, sa as flexDirectionMap, ca as flexWrapMap, Ei as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, xo as getRenderEngine, ia as gutterMap, at as instanceId, Xe as isCanvasElement, qe as isElementNode, Ye as isImageElement, xe as isPow2, Je as isVideoElement, Ze as isWebgl2, la as justifyMap, E as lerp, Da as linear, cn as log2, nn as mapGlBlendModes, sn as nextPow2, ve as nextTick, ua as overflowMap, Ur as parseCssFilter, De as parseCssFunctions, Ee as parseCssProperty, Wr as parseCssTransformOrigin, da as positionTypeMap, wo as render, To as renderPixels, xr as resetBatchPool, Rr as routeConnection, $e as setCanvasFactory, dn as stencilModeMap, Na as timingFunctions };