modern-canvas 0.27.4 → 0.27.6

package/dist/index.js

@@ -3338,29 +3338,29 @@ var ar = class extends Ct {
 k([_({ fallback: "triangle-list" }), O("design:type", Object)], ar.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof Record > "u" ? Object : Record)], ar.prototype, "attributes", void 0), k([_({ default: () => new ir() }), O("design:type", ir === void 0 ? Object : ir)], ar.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], ar.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var P = class extends Ct {
+var or = class extends Ct {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.vertex }), O("design:type", A === void 0 ? Object : A)], P.prototype, "usage", void 0), k([_({ default: () => /* @__PURE__ */ new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
+k([_({ fallback: A.vertex }), O("design:type", A === void 0 ? Object : A)], or.prototype, "usage", void 0), k([_({ default: () => /* @__PURE__ */ new Float32Array() }), O("design:type", Object)], or.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var F = class extends Ct {
+var P = class extends Ct {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ default: () => new P() }), O("design:type", P === void 0 ? Object : P)], F.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], F.prototype, "format", void 0), k([_(), O("design:type", Boolean)], F.prototype, "instance", void 0), k([_(), O("design:type", Number)], F.prototype, "stride", void 0), k([_(), O("design:type", Number)], F.prototype, "offset", void 0), k([_(), O("design:type", Number)], F.prototype, "start", void 0), k([_(), O("design:type", Number)], F.prototype, "divisor", void 0);
+k([_({ default: () => new or() }), O("design:type", or === void 0 ? Object : or)], P.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], P.prototype, "format", void 0), k([_(), O("design:type", Boolean)], P.prototype, "instance", void 0), k([_(), O("design:type", Number)], P.prototype, "stride", void 0), k([_(), O("design:type", Number)], P.prototype, "offset", void 0), k([_(), O("design:type", Number)], P.prototype, "start", void 0), k([_(), O("design:type", Number)], P.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var or = class extends ar {
+var sr = class extends ar {
 	constructor() {
 		super({
 			topology: "triangle-strip",
-			attributes: { position: new F({
+			attributes: { position: new P({
 				format: "float32x2",
-				buffer: new P({ data: new Float32Array([
+				buffer: new or({ data: new Float32Array([
 					0,
 					0,
 					1,
@@ -3382,7 +3382,7 @@ var or = class extends ar {
 };
 //#endregion
 //#region src/scene/resources/materials/Material.ts
-function sr() {
+function cr() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3414,7 +3414,7 @@ function sr() {
 		])
 	};
 }
-var I = class extends Ct {
+var F = class extends Ct {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
@@ -3433,13 +3433,13 @@ var I = class extends Ct {
 		}, e.shader.updateUniforms(this);
 	}
 };
-k([_({ default: sr }), O("design:type", typeof Record > "u" ? Object : Record)], I.prototype, "uniforms", void 0);
+k([_({ default: cr }), O("design:type", typeof Record > "u" ? Object : Record)], F.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var cr = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, lr = /vec(\d)\((.*)\)/;
-function ur(e) {
+var lr = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, ur = /vec(\d)\((.*)\)/;
+function dr(e) {
 	e = e.trim();
-	let t = e.match(lr);
+	let t = e.match(ur);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3448,7 +3448,7 @@ function ur(e) {
 	}
 	return Number(e);
 }
-var dr = class e extends I {
+var fr = class e extends F {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3484,12 +3484,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(cr);
+		let r = t.matchAll(lr);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = ur(e[2]);
+			this.uniforms[t.trim()] = dr(e[2]);
 		});
 	}
-}, fr = class extends I {
+}, pr = class extends F {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3528,7 +3528,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, pr = class extends I {
+}, mr = class extends F {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3572,20 +3572,20 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, L = class extends ar {
+}, I = class extends ar {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = pr.instance, n) {
+	static draw(e, t = mr.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
 		super({
 			attributes: {
-				position: new F({
+				position: new P({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new or({ data: new Float32Array([
 						-1,
 						-1,
 						1,
@@ -3596,9 +3596,9 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 						1
 					]) })
 				}),
-				uv: new F({
+				uv: new P({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new or({ data: new Float32Array([
 						0,
 						0,
 						1,
@@ -3620,19 +3620,19 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, mr = class extends ar {
+}, hr = class extends ar {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
-		let t = new P({ data: /* @__PURE__ */ new Float32Array() }), n = new P({ data: /* @__PURE__ */ new Float32Array() });
+		let t = new or({ data: /* @__PURE__ */ new Float32Array() }), n = new or({ data: /* @__PURE__ */ new Float32Array() });
 		super({
 			...e,
 			attributes: {
-				position: new F({
+				position: new P({
 					format: "float32x2",
 					buffer: t
 				}),
-				uv: new F({
+				uv: new P({
 					format: "float32x2",
 					buffer: n
 				})
@@ -3640,7 +3640,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			indexBuffer: new ir({ data: /* @__PURE__ */ new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, hr = class extends Ct {
+}, gr = class extends Ct {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3654,10 +3654,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 		super._destroy(), this.colorTextures.forEach((e) => e.destroy());
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], hr.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], hr.prototype, "msaa", void 0), k([_({ default: () => [new R()] }), O("design:type", Array)], hr.prototype, "colorTextures", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], gr.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], gr.prototype, "msaa", void 0), k([_({ default: () => [new L()] }), O("design:type", Array)], gr.prototype, "colorTextures", void 0);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var R = class extends Ct {
+var L = class extends Ct {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3768,10 +3768,10 @@ var R = class extends Ct {
 		super._destroy(), Fe && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
-k([_({ fallback: "unknown" }), O("design:type", String)], R.prototype, "uploadMethodId", void 0), k([_({ internal: !0 }), O("design:type", Object)], R.prototype, "source", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "height", void 0), k([_({ fallback: 1 }), O("design:type", Number)], R.prototype, "pixelRatio", void 0), k([_({ fallback: "bgra8unorm" }), O("design:type", Object)], R.prototype, "format", void 0), k([_({ fallback: "premultiply-alpha-on-upload" }), O("design:type", Object)], R.prototype, "alphaMode", void 0), k([_({ fallback: 1 }), O("design:type", Number)], R.prototype, "mipLevelCount", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "mipmap", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], R.prototype, "addressModeU", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], R.prototype, "addressModeV", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], R.prototype, "addressModeW", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], R.prototype, "magFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], R.prototype, "minFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], R.prototype, "mipmapFilter", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "isPowerOfTwo", void 0);
+k([_({ fallback: "unknown" }), O("design:type", String)], L.prototype, "uploadMethodId", void 0), k([_({ internal: !0 }), O("design:type", Object)], L.prototype, "source", void 0), k([_({ fallback: 0 }), O("design:type", Number)], L.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], L.prototype, "height", void 0), k([_({ fallback: 1 }), O("design:type", Number)], L.prototype, "pixelRatio", void 0), k([_({ fallback: "bgra8unorm" }), O("design:type", Object)], L.prototype, "format", void 0), k([_({ fallback: "premultiply-alpha-on-upload" }), O("design:type", Object)], L.prototype, "alphaMode", void 0), k([_({ fallback: 1 }), O("design:type", Number)], L.prototype, "mipLevelCount", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], L.prototype, "mipmap", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], L.prototype, "addressModeU", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], L.prototype, "addressModeV", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], L.prototype, "addressModeW", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], L.prototype, "magFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], L.prototype, "minFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], L.prototype, "mipmapFilter", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], L.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var gr = class extends Ct {
+var _r = class extends Ct {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3781,7 +3781,7 @@ var gr = class extends Ct {
 		super();
 		let t;
 		if (Array.isArray(e)) t = e;
-		else if (e instanceof R) t = [{
+		else if (e instanceof L) t = [{
 			texture: e,
 			duration: 0
 		}];
@@ -3796,7 +3796,7 @@ var gr = class extends Ct {
 			e.texture.destroy();
 		});
 	}
-}, _r = class extends R {
+}, vr = class extends L {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3816,7 +3816,7 @@ var gr = class extends Ct {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, vr = class e extends R {
+}, yr = class e extends L {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
 		let n = new T(t), r = n.toHex(), i = this._cached.get(r);
@@ -3837,23 +3837,23 @@ var gr = class extends Ct {
 			mipmap: !0
 		});
 	}
-}, z = 2048, yr = 2, br = class {
+}, R = 2048, br = 2, xr = class {
 	superSample = 2;
 	_pages = [];
 	_slots = /* @__PURE__ */ new Map();
 	_newPage() {
-		let e = new _r({
+		let e = new vr({
 			pixelRatio: 1,
 			mipmap: !0
 		});
-		e.width = z, e.height = z;
-		let t = e.source ?? C(z, z);
-		t.width = z, t.height = z;
+		e.width = R, e.height = R;
+		let t = e.source ?? C(R, R);
+		t.width = R, t.height = R;
 		let n = {
 			texture: e,
 			ctx: t.getContext("2d"),
-			penX: yr,
-			penY: yr,
+			penX: br,
+			penY: br,
 			rowH: 0
 		};
 		return this._pages.push(n), n;
@@ -3861,18 +3861,18 @@ var gr = class extends Ct {
 	acquire(e, t, n, r) {
 		let i = this._slots.get(e);
 		if (i !== void 0) return i;
-		let a = this.superSample, o = Math.ceil(t * a), s = Math.ceil(n * a), c = o + yr * 2, l = s + yr * 2;
-		if (c > z || l > z) return this._slots.set(e, null), null;
+		let a = this.superSample, o = Math.ceil(t * a), s = Math.ceil(n * a), c = o + br * 2, l = s + br * 2;
+		if (c > R || l > R) return this._slots.set(e, null), null;
 		let u = this._pages[this._pages.length - 1] ?? this._newPage();
-		u.penX + c > z && (u.penX = yr, u.penY += u.rowH + yr, u.rowH = 0), u.penY + l > z && (u = this._newPage());
-		let d = u.penX + yr, f = u.penY + yr, p = u.ctx;
+		u.penX + c > R && (u.penX = br, u.penY += u.rowH + br, u.rowH = 0), u.penY + l > R && (u = this._newPage());
+		let d = u.penX + br, f = u.penY + br, p = u.ctx;
 		p.save(), p.setTransform(a, 0, 0, a, d, f), p.beginPath(), r(p), p.restore(), u.texture.requestUpdate("source"), u.penX += c, u.rowH = Math.max(u.rowH, l);
 		let m = {
 			texture: u.texture,
-			u0: d / z,
-			v0: f / z,
-			u1: (d + t * a) / z,
-			v1: (f + n * a) / z
+			u0: d / R,
+			v0: f / R,
+			u1: (d + t * a) / R,
+			v1: (f + n * a) / R
 		};
 		return this._slots.set(e, m), m;
 	}
@@ -3880,7 +3880,7 @@ var gr = class extends Ct {
 		for (let e of this._pages) e.texture.destroy();
 		this._pages.length = 0, this._slots.clear();
 	}
-}, xr = new br(), Sr = class e extends R {
+}, Sr = new xr(), Cr = class e extends L {
 	static test(e) {
 		return u(e);
 	}
@@ -3914,7 +3914,7 @@ var gr = class extends Ct {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, Cr = class extends R {
+}, wr = class extends L {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3924,7 +3924,7 @@ var gr = class extends Ct {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function wr(e) {
+function Tr(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3935,7 +3935,7 @@ function wr(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var Tr = class e extends R {
+var Er = class e extends L {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3997,7 +3997,7 @@ var Tr = class e extends R {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = wr(n);
+		let r = Tr(n);
 		if (!Qe(t)) {
 			typeof t == "string" && (t = [t]);
 			let n = t[0].src || t[0];
@@ -4093,13 +4093,13 @@ var Tr = class e extends R {
 k([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], Tr.prototype, "autoUpdate", void 0), k([_({
+}), O("design:type", Boolean)], Er.prototype, "autoUpdate", void 0), k([_({
 	internal: !0,
 	fallback: 0
-}), O("design:type", Number)], Tr.prototype, "fps", void 0);
+}), O("design:type", Number)], Er.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var Er = class extends R {}, Dr = class extends ue {
+var Dr = class extends L {}, Or = class extends ue {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -4114,7 +4114,7 @@ var Er = class extends R {}, Dr = class extends ue {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof R ? { texture: e } : { texture: vr.get(e) } : {};
+		return e ? e instanceof L ? { texture: e } : { texture: yr.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -4203,7 +4203,7 @@ var Er = class extends R {}, Dr = class extends ue {
 				});
 				continue;
 			}
-			let { path: r, ...i } = t, a = i.type === "stroke" ? i.lineStyle : void 0, o = i.type === "stroke", s = o ? i.flow : void 0, c = o && (!i.texture || i.texture instanceof vr), l = o && (!!s || c), u = `${i.type}|${r.toData()}|${a ? `${a.width},${a.cap},${a.join},${a.alignment},${a.miterLimit}` : ""}${l ? "|uv" : ""}`, d = this._triCache[n];
+			let { path: r, ...i } = t, a = i.type === "stroke" ? i.lineStyle : void 0, o = i.type === "stroke", s = o ? i.flow : void 0, c = o && (!i.texture || i.texture instanceof yr), l = o && (!!s || c), u = `${i.type}|${r.toData()}|${a ? `${a.width},${a.cap},${a.join},${a.alignment},${a.miterLimit}` : ""}${l ? "|uv" : ""}`, d = this._triCache[n];
 			if (!d || d.sig !== u) {
 				let e = [], t = [], a = l ? [] : void 0;
 				i.type === "fill" ? r.fillTriangulate({
@@ -4237,7 +4237,7 @@ var Er = class extends R {}, Dr = class extends ue {
 	destroy() {
 		this.reset(), this._triCache.length = 0;
 	}
-}, Or = class {
+}, kr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -4280,7 +4280,7 @@ var Er = class extends R {}, Dr = class extends ue {
 	toJSON() {
 		return [...this.default];
 	}
-}, kr = class extends w {
+}, Ar = class extends w {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -4299,22 +4299,22 @@ var Er = class extends R {}, Dr = class extends ue {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, Ar, jr = {};
-function Mr(e) {
-	let t = jr[e] ?? 0;
-	return t++, jr[e] = t, t;
+}, jr, Mr = {};
+function Nr(e) {
+	let t = Mr[e] ?? 0;
+	return t++, Mr[e] = t, t;
 }
-var B = Ar = class extends w {
+var z = jr = class extends w {
 	static parse(e, t = "Node") {
 		if (Array.isArray(e)) return e.map((e) => this.parse(e));
-		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ye.get(n ?? r.inCanvasIs ?? t)) ?? Ar)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ye.get(n ?? r.inCanvasIs ?? t)) ?? jr)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new kr(this);
+	_meta = new Ar(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4337,7 +4337,7 @@ var B = Ar = class extends w {
 		}).append(t), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess), this.updateProcessable(), this.updateRenderable();
 	}
 	_defaultName() {
-		return `@${this.is}@${Mr(this.is)}`;
+		return `@${this.is}@${Nr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4404,7 +4404,7 @@ var B = Ar = class extends w {
 		}
 		return this;
 	}
-	_children = new Or();
+	_children = new kr();
 	get children() {
 		return this._children.default;
 	}
@@ -4564,7 +4564,7 @@ var B = Ar = class extends w {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof Ar ? this.appendChild(e) : this.appendChild(Ar.parse(e));
+			e instanceof jr ? this.appendChild(e) : this.appendChild(jr.parse(e));
 		});
 	}
 	before(...e) {
@@ -4667,13 +4667,13 @@ var B = Ar = class extends w {
 		});
 	}
 };
-k([_({ default: () => c() }), O("design:type", String)], B.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], B.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "internalMode", void 0), k([_({
+k([_({ default: () => c() }), O("design:type", String)], z.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], z.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], z.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], z.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], z.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], z.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], z.prototype, "internalMode", void 0), k([_({
 	internal: !0,
 	default: !0
-}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = Ar = k([x("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
+}), O("design:type", Boolean)], z.prototype, "needsRender", void 0), z = jr = k([x("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], z);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
-var Nr = class extends B {
+var B = class extends z {
 	insideTimeRange = !1;
 	get _timeline() {
 		return this._tree?.timeline;
@@ -4755,7 +4755,7 @@ var Nr = class extends B {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Nr.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Nr.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Nr.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Nr.prototype, "paused", void 0), Nr = k([x("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Nr);
+k([_({ fallback: !1 }), O("design:type", Boolean)], B.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], B.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], B.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], B.prototype, "paused", void 0), B = k([x("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
 var Pr = [], Fr = 0;
@@ -4766,7 +4766,7 @@ function Lr(e, t, n, r) {
 	let i = Pr[Fr];
 	return i || (i = {}, Pr[Fr] = i), Fr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i.__source = e, i;
 }
-var Rr = class extends Nr {
+var Rr = class extends B {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4784,7 +4784,7 @@ var Rr = class extends Nr {
 		255,
 		255
 	];
-	context = new Dr();
+	context = new Or();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4915,7 +4915,7 @@ var Rr = class extends Nr {
 			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 Er && (a = this._handleViewportTexture(i)), e.batch2D.render(Lr(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 Dr && (a = this._handleViewportTexture(i)), e.batch2D.render(Lr(i, n, t ? i.size : void 0, a));
 		super._render(e);
 	}
 	_cullsRender() {
@@ -4934,10 +4934,10 @@ k([_(), O("design:type", Object)], Rr.prototype, "blendMode", void 0), k([_({
 }), O("design:type", Number)], Rr.prototype, "opacity", void 0), Rr = k([x("CanvasItem"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Rr);
 //#endregion
 //#region src/scene/main/Viewport.ts
-var V = class extends B {
+var V = class extends z {
 	canvasTransform = new v();
 	renderTargetIndex = 0;
-	renderTargets = [new hr(), new hr()];
+	renderTargets = [new gr(), new gr()];
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -4984,7 +4984,7 @@ var V = class extends B {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, pr.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), I.draw(e, mr.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -5012,7 +5012,7 @@ var V = class extends B {
 k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "msaa", void 0), V = k([x("Viewport")], V);
 //#endregion
 //#region src/scene/main/Effect.ts
-var H = class extends Nr {
+var H = class extends B {
 	material;
 	get _effectMode() {
 		return this.effectMode ?? "parent";
@@ -5035,7 +5035,7 @@ var H = class extends Nr {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new dr(t);
+				let e = new fr(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -5223,13 +5223,13 @@ var H = class extends Nr {
 	}
 	apply(e, t, n) {
 		this.material && (n?.redraw ? t.redraw(e, () => {
-			L.draw(e, this.material, {
+			I.draw(e, this.material, {
 				from: 0,
 				to: 1,
 				progress: this.currentTimeProgress,
 				ratio: t.width / t.height
 			});
-		}) : L.draw(e, this.material, {
+		}) : I.draw(e, this.material, {
 			from: 0,
 			to: 1,
 			progress: this.currentTimeProgress,
@@ -5268,7 +5268,7 @@ var zr = class {
 			});
 		}), this.reset();
 	}
-}, Br, Vr = Br = class extends B {
+}, Br, Vr = Br = class extends z {
 	currentTime = 0;
 	playing = !1;
 	playbackRate = 1;
@@ -5382,9 +5382,19 @@ var U = class extends At {
 	getNodeById(e) {
 		return this.nodeMap.get(e);
 	}
+	resolveThemeColor(e) {
+		if (typeof e != "string" || e[0] !== "@") return e;
+		let t = e.slice(1);
+		return this.themeTokens?.[t]?.[this.theme] ?? e;
+	}
+	_applyThemeToTree() {
+		this.nodeMap.forEach((e) => {
+			e.applyThemeColors?.();
+		});
+	}
 	constructor(e) {
 		super(), this.on("nodeEnter", (e) => {
-			this.nodeMap.set(e.id, e), ft();
+			this.nodeMap.set(e.id, e), e.applyThemeColors?.(), ft();
 		}), this.on("nodeExit", (e) => {
 			this.nodeMap.delete(e.id), ft();
 		}), this.setProperties(e), this._bindFonts(this.fonts);
@@ -5411,6 +5421,10 @@ var U = class extends At {
 			case "fonts":
 				this._bindFonts(t), this._scheduleTextRemeasure();
 				break;
+			case "theme":
+			case "themeTokens":
+				this._applyThemeToTree();
+				break;
 		}
 	}
 	setProperties(e) {
@@ -5432,16 +5446,16 @@ var U = class extends At {
 	_renderScreen(e) {
 		this.root.finish(e), e.state.reset(), e.renderTarget.unbind(), this.backgroundColor && e.gl.clearColor(...this._backgroundColor.toArray()), e.clear(), this.backgroundColor && e.gl.clearColor(0, 0, 0, 0);
 		let t = this.root.texture;
-		t.activate(e, 0), this.fxaa ? L.draw(e, fr.instance, {
+		t.activate(e, 0), this.fxaa ? I.draw(e, pr.instance, {
 			sampler: 0,
 			texelSize: [1 / (t.pixelWidth || t.width || 1), 1 / (t.pixelHeight || t.height || 1)]
-		}) : L.draw(e), t.inactivate(e);
+		}) : I.draw(e), t.inactivate(e);
 	}
 	_destroy() {
 		super._destroy(), this._bindFonts(void 0), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-k([_({ alias: "root.msaa" }), O("design:type", Boolean)], U.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "fxaa", void 0), k([_(), O("design:type", Object)], U.prototype, "flowColor", void 0), k([_(), O("design:type", Number)], U.prototype, "flowPeriod", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], U.prototype, "backgroundColor", void 0), k([_({
+k([_({ alias: "root.msaa" }), O("design:type", Boolean)], U.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "fxaa", void 0), k([_(), O("design:type", Object)], U.prototype, "flowColor", void 0), k([_(), O("design:type", Number)], U.prototype, "flowPeriod", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], U.prototype, "backgroundColor", void 0), k([_({ fallback: "light" }), O("design:type", String)], U.prototype, "theme", void 0), k([_(), O("design:type", Object)], U.prototype, "themeTokens", void 0), k([_({
 	internal: !0,
 	fallback: !1
 }), O("design:type", Boolean)], U.prototype, "debug", void 0), k([_({
@@ -5884,7 +5898,7 @@ var ri, W = class extends H {
 	static {
 		ri = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform float gamma;\nuniform float contrast;\nuniform float saturation;\nuniform float brightness;\nuniform float red;\nuniform float green;\nuniform float blue;\nuniform float alpha;\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n      c.rgb /= c.a;\n      vec3 rgb = pow(c.rgb, vec3(1. / gamma));\n      rgb = mix(vec3(.5), mix(vec3(dot(vec3(.2125, .7154, .0721), rgb)), rgb, saturation), contrast);\n      rgb.r *= red;\n      rgb.g *= green;\n      rgb.b *= blue;\n      c.rgb = rgb * brightness;\n      c.rgb *= c.a;\n  }\n  gl_FragColor = c * alpha;\n}"
 	} });
@@ -5893,7 +5907,7 @@ var ri, W = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, ri.material, {
+			I.draw(e, ri.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5914,7 +5928,7 @@ var ii, ai = class extends H {
 	static {
 		ii = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\nuniform sampler2D sampler;\nuniform float m[20];\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n    c.rgb /= c.a;\n  }\n  gl_FragColor = vec4(\n    m[0]  * c.r + m[1]  * c.g + m[2]  * c.b + m[3]  * c.a + m[4] / 255.0,\n    m[5]  * c.r + m[6]  * c.g + m[7]  * c.b + m[8]  * c.a + m[9] / 255.0,\n    m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14] / 255.0,\n    m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19] / 255.0\n  );\n}"
 	} });
@@ -5962,7 +5976,7 @@ var ii, ai = class extends H {
 					break;
 			}
 		}), t.redraw(e, () => {
-			L.draw(e, ii.material, {
+			I.draw(e, ii.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
@@ -5976,7 +5990,7 @@ var oi, si = 50, ci = class extends H {
 	static {
 		oi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
@@ -6033,7 +6047,7 @@ void main(void) {
 				0,
 				0
 			]);
-			L.draw(e, oi.material, {
+			I.draw(e, oi.material, {
 				sampler: 0,
 				colors: t.slice(0, si).flatMap((e) => e)
 			});
@@ -6047,7 +6061,7 @@ var li, ui = class extends H {
 	static {
 		li = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform float epsilon;\nconst int MAX_COLORS = 50;\nuniform vec3 originalColors[MAX_COLORS];\n\nvoid main(void) {\n  vec4 color = texture2D(sampler, vUv);\n\n  for (int i = 0; i < MAX_COLORS; i++) {\n    vec3 origColor = originalColors[i];\n    if (origColor.r < 0.0) {\n      break;\n    }\n    vec3 colorDiff = origColor - color.rgb;\n    if (length(colorDiff) < epsilon) {\n      gl_FragColor = vec4(0, 0, 0, 0);\n      return;\n    }\n  }\n\n  gl_FragColor = color;\n}"
 	} });
@@ -6065,7 +6079,7 @@ var li, ui = 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, () => {
-			L.draw(e, li.material, {
+			I.draw(e, li.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -6080,7 +6094,7 @@ var di, fi = 50, pi = class extends H {
 	static {
 		di = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
@@ -6136,7 +6150,7 @@ void main(void) {
 		n.slice(0, fi).forEach(([e, t], n) => {
 			i[n * 3] = e[0], i[n * 3 + 1] = e[1], i[n * 3 + 2] = e[2], a[n * 3] = t[0], a[n * 3 + 1] = t[1], a[n * 3 + 2] = t[2];
 		}), t.redraw(e, () => {
-			L.draw(e, di.material, {
+			I.draw(e, di.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -6148,12 +6162,14 @@ void main(void) {
 k([_({ default: () => [] }), O("design:type", Array)], pi.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], pi.prototype, "epsilon", void 0), pi = di = k([x("ColorReplaceEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var mi = "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", hi, G = class extends H {
+var mi = "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;\n// 背景底纹颜色（明暗由主题解析后传入，引擎不再区分 dark 变体）：\n//   checkerboardColor    —— 底色（网格底格 / 点阵底）\n//   checkerboardDotColor —— 点色（点阵的圆点）\nuniform vec3 checkerboardColor;\nuniform vec3 checkerboardDotColor;\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\n// 远距淡出：缩放低于 DOT_FADE_END 起点阵开始渐隐，到 DOT_FADE_START 完全隐藏\n// （避免缩得很远时点糊成一片，Figma/FigJam/Miro 同法：点的可见度随 zoom 衰减）。\nconst float DOT_FADE_START = 0.04;\nconst float DOT_FADE_END = 0.10;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_DOTS = 2;\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  vec3 bg;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    // 棋盘：两格用底色与其轻微压暗，保持细腻网格感（明暗全由 checkerboardColor 决定）。\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    bg = fractValue.x * fractValue.y < 0.0 ? checkerboardColor : checkerboardColor * 0.96;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS) {\n    // 点阵：底色 checkerboardColor + 圆点 checkerboardDotColor（放大时按 dotColorDiff 提亮）。\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    vec3 dotColor = checkerboardDotColor + vec3(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    // 远距淡出：zoomScale 越低点越淡，低于 DOT_FADE_START 完全隐去（回落到纯底色）。\n    dist *= smoothstep(DOT_FADE_START, DOT_FADE_END, zoomScale);\n    bg = mix(checkerboardColor, dotColor, dist);\n  }\n  else {\n    bg = checkerboardColor;\n  }\n  return vec4(bg * (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", hi, G = class extends H {
 	static {
 		hi = this;
 	}
 	_watermark;
-	static material = new I({ gl: {
+	_color = new T("#f2f3f5");
+	_dotColor = new T("#c8ccd4");
+	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: mi
 	} });
@@ -6165,12 +6181,16 @@ var mi = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 			case "watermark":
 				this._loadWatermark(t);
 				break;
+			case "checkerboardColor":
+				this._color.value = t, this.requestRender();
+				break;
+			case "checkerboardDotColor":
+				this._dotColor.value = t, this.requestRender();
+				break;
 			case "checkerboard":
 			case "checkerboardStyle":
 			case "pixelGrid":
-			case "dotBaseColor":
-			case "dotColor":
-			case "dotZoomDiff":
+			case "dotColorDiff":
 				this.requestRender();
 				break;
 		}
@@ -6180,31 +6200,13 @@ var mi = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 	}
 	_checkerboardStyleMap = {
 		grid: 1,
-		gridDark: 2,
-		dot: 3,
-		dotDark: 4
-	};
-	_dotColors = {
-		light: {
-			base: .9608,
-			zoomedOut: .6667,
-			diff: .102
-		},
-		dark: {
-			base: .1216,
-			zoomedOut: .3137,
-			diff: .102
-		}
+		dot: 2
 	};
 	apply(e, t) {
 		t.redraw(e, () => {
 			this._watermark ? this._watermark.activate(e, 1) : e.texture.unbind(1);
-			let n = e.shader.uniforms.viewMatrix, r = this._watermark ? [this.watermarkWidth, this.watermarkWidth * this._watermark.height / this._watermark.width] : [0, 0], i = Math.max(r[0], r[1]), a = this.checkerboardStyle === "dotDark" ? this._dotColors.dark : this._dotColors.light, o = {
-				base: this.dotBaseColor ?? a.base,
-				zoomedOut: this.dotColor ?? a.zoomedOut,
-				diff: this.dotZoomDiff ?? a.diff
-			};
-			L.draw(e, hi.material, {
+			let n = e.shader.uniforms.viewMatrix, r = this._watermark ? [this.watermarkWidth, this.watermarkWidth * this._watermark.height / this._watermark.width] : [0, 0], i = Math.max(r[0], r[1]), [a, o, s] = this._color.toArray(), [c, l, u] = this._dotColor.toArray();
+			I.draw(e, hi.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -6213,9 +6215,17 @@ var mi = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				gridSize: [n[0] > 4 ? Math.ceil(.5 / n[0] * 1e4) / 1e4 : 0, n[4] > 4 ? Math.ceil(.5 / n[4] * 1e4) / 1e4 : 0],
 				checkerboard: +!!this.checkerboard,
 				checkerboardStyle: this._checkerboardStyleMap[this.checkerboardStyle] ?? 0,
-				dotBackgroundBaseColor: o.base,
-				dotBackgroundZoomedOutColor: o.zoomedOut,
-				dotColorDiff: o.diff,
+				checkerboardColor: [
+					a,
+					o,
+					s
+				],
+				checkerboardDotColor: [
+					c,
+					l,
+					u
+				],
+				dotColorDiff: this.dotColorDiff,
 				pixelGrid: +!!this.pixelGrid,
 				watermark: +!!this._watermark,
 				watermarkTexture: 1,
@@ -6228,18 +6238,18 @@ var mi = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", Number)], G.prototype, "dotBaseColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotZoomDiff", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = hi = k([x("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_({ fallback: "#f2f3f5" }), O("design:type", String)], G.prototype, "checkerboardColor", void 0), k([_({ fallback: "#c8ccd4" }), O("design:type", String)], G.prototype, "checkerboardDotColor", void 0), k([_({ fallback: .06 }), O("design:type", Number)], G.prototype, "dotColorDiff", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = hi = k([x("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
 var gi, _i = "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}", vi = class extends H {
 	static {
 		gi = this;
 	}
-	static materialX = new I({ gl: {
+	static materialX = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
 		fragment: _i
 	} });
-	static materialY = new I({ gl: {
+	static materialY = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
 		fragment: _i
 	} });
@@ -6249,13 +6259,13 @@ var gi, _i = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void
 	apply(e, t) {
 		let n = 1 / t.width, r = 1 / t.height, i = Math.max(this.quality, 1);
 		for (let r = 0; r < i; r++) t.redraw(e, () => {
-			L.draw(e, gi.materialX, {
+			I.draw(e, gi.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			L.draw(e, gi.materialY, {
+			I.draw(e, gi.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
@@ -6269,7 +6279,7 @@ var yi, bi = class extends H {
 	static {
 		yi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
@@ -6281,7 +6291,7 @@ var yi, bi = class extends H {
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, yi.material, {
+			this._color.value = this.color, I.draw(e, yi.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -6294,7 +6304,7 @@ var yi, bi = class extends H {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), L.draw(e, pr.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, pr.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), I.draw(e, mr.instance, { sampler: 1 }), this.shadowOnly || I.draw(e, mr.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
@@ -6305,7 +6315,7 @@ var xi, Si = class extends H {
 	static {
 		xi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision mediump float;\nuniform sampler2D sampler;\nuniform vec4 inputSize;\nuniform float strength;\nvarying vec2 vUv;\n\nvoid main(void) {\n    vec2 onePixel = inputSize.zw;\n    vec4 color;\n    color.rgb = vec3(0.5);\n    color -= texture2D(sampler, vUv - onePixel) * strength;\n    color += texture2D(sampler, vUv + onePixel) * strength;\n    color.rgb = vec3((color.r + color.g + color.b) / 3.0);\n    float alpha = texture2D(sampler, vUv).a;\n    gl_FragColor = vec4(color.rgb * alpha, alpha);\n}"
 	} });
@@ -6314,7 +6324,7 @@ var xi, Si = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, xi.material, {
+			I.draw(e, xi.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -6334,7 +6344,7 @@ var Ci, K = class extends H {
 	static {
 		Ci = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "\nin vec2 vUv;\nuniform sampler2D sampler;\n\nuniform vec4 filterArea;\nuniform vec4 filterClamp;\nuniform vec2 dimensions;\nuniform float aspect;\n\nuniform sampler2D displacementMap;\nuniform float offset;\nuniform float sinDir;\nuniform float cosDir;\nuniform int fillMode;\n\nuniform float seed;\nuniform vec2 red;\nuniform vec2 green;\nuniform vec2 blue;\n\nconst int TRANSPARENT = 0;\nconst int ORIGINAL = 1;\nconst int LOOP = 2;\nconst int CLAMP = 3;\nconst int MIRROR = 4;\n\nvoid main(void) {\n  vec2 coord = (vUv * filterArea.xy) / dimensions;\n\n  if (coord.x > 1.0 || coord.y > 1.0) {\n      return;\n  }\n\n  float cx = coord.x - 0.5;\n  float cy = (coord.y - 0.5) * aspect;\n  float ny = (-sinDir * cx + cosDir * cy) / aspect + 0.5;\n\n  // displacementMap: repeat\n  // ny = ny > 1.0 ? ny - 1.0 : (ny < 0.0 ? 1.0 + ny : ny);\n\n  // displacementMap: mirror\n  ny = ny > 1.0 ? 2.0 - ny : (ny < 0.0 ? -ny : ny);\n\n  vec4 dc = texture(displacementMap, vec2(0.5, ny));\n\n  float displacement = (dc.r - dc.g) * (offset / filterArea.x);\n\n  coord = vUv + vec2(cosDir * displacement, sinDir * displacement * aspect);\n\n  if (fillMode == CLAMP) {\n    coord = clamp(coord, filterClamp.xy, filterClamp.zw);\n  } else {\n    if (coord.x > filterClamp.z) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x -= filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x = filterClamp.z * 2.0 - coord.x;\n      }\n    } else if (coord.x < filterClamp.x) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x += filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x *= -filterClamp.z;\n      }\n    }\n\n    if (coord.y > filterClamp.w) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y -= filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y = filterClamp.w * 2.0 - coord.y;\n      }\n    } else if (coord.y < filterClamp.y) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y += filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y *= -filterClamp.w;\n      }\n    }\n  }\n\n  gl_FragColor.r = texture(sampler, coord + red * (1.0 - seed * 0.4) / filterArea.xy).r;\n  gl_FragColor.g = texture(sampler, coord + green * (1.0 - seed * 0.3) / filterArea.xy).g;\n  gl_FragColor.b = texture(sampler, coord + blue * (1.0 - seed * 0.2) / filterArea.xy).b;\n  gl_FragColor.a = texture(sampler, coord).a;\n}"
 	} });
@@ -6347,7 +6357,7 @@ var Ci, K = class extends H {
 		super(), this.setProperties(e).append(t);
 		let n = C(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);
+		this._canvas = n, this._texture = new L(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
 	}
 	redraw() {
 		let e = this.sampleSize, t = this._texture, n = this._canvas.getContext("2d");
@@ -6364,7 +6374,7 @@ var Ci, K = 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), L.draw(e, Ci.material, {
+			this._texture.activate(e, 1), I.draw(e, Ci.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -6400,7 +6410,7 @@ var wi, Ti = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289
 	static {
 		wi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision highp float;
 varying vec2 vUv;
@@ -6452,7 +6462,7 @@ void main(void) {
 	apply(e, t) {
 		let n = this.angle * (Math.PI / 180), r = this.parallel ? [Math.cos(n), Math.sin(n)] : this.center;
 		t.redraw(e, () => {
-			L.draw(e, wi.material, {
+			I.draw(e, wi.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6480,7 +6490,7 @@ k([_({ fallback: 0 }), O("design:type", Number)], Ei.prototype, "time", void 0),
 var Di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", 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}", ki = class extends H {
 	_kernels = [0];
 	constructor(e, t = []) {
-		super(), this.material = new I({ gl: {
+		super(), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 			fragment: e?.clamp ? Oi : Di
 		} }), this.setProperties(e).append(t), this._generateKernels();
@@ -6506,7 +6516,7 @@ var Di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		this._kernels.forEach((i) => {
 			let a = i + .5;
 			t.redraw(e, () => {
-				L.draw(e, this.material, {
+				I.draw(e, this.material, {
 					sampler: 0,
 					uOffset: [a * n, a * r],
 					uInputClamp: [
@@ -6527,7 +6537,7 @@ var Ai, ji = class extends H {
 	static {
 		Ai = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\n\nuniform sampler2D sampler;\nuniform sampler2D mask;\nuniform float rotation;\n\nvec2 rotateUV(vec2 uv, float angle) {\n  uv -= 0.5;\n  float cosAngle = cos(angle);\n  float sinAngle = sin(angle);\n  mat2 rotationMatrix = mat2(\n    cosAngle, -sinAngle,\n    sinAngle,  cosAngle\n  );\n  uv = rotationMatrix * uv;\n  uv += 0.5;\n  return uv;\n}\n\nvoid main(void) {\n  vec4 color = texture(sampler, vUv);\n  vec4 maskColor = texture(mask, rotateUV(vUv, rotation));\n  gl_FragColor = mix(vec4(0.), color, maskColor.a);\n}"
 	} });
@@ -6547,7 +6557,7 @@ var Ai, ji = class extends H {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), L.draw(e, Ai.material, {
+			this.texture.activate(e, 1), I.draw(e, Ai.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6569,14 +6579,14 @@ var Mi, Ni = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 	}
 	_color = new T();
 	constructor(e, t = []) {
-		super(), this.setProperties(e).append(t), this.material = new I({ gl: {
+		super(), this.setProperties(e).append(t), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 			fragment: Ni.replace(/\{ANGLE_STEP\}/, Mi.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, this.material, {
+			this._color.value = this.color, I.draw(e, this.material, {
 				sampler: 0,
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
@@ -6600,7 +6610,7 @@ var Fi, Ii = class extends H {
 	static {
 		Fi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform vec2 step;\n\nvoid main(void) {\n  vec2 uv = vUv;\n  uv = floor((uv - offset) / step) * step + offset + step / 2.0;\n  gl_FragColor = texture2D(sampler, uv);\n}"
 	} });
@@ -6614,7 +6624,7 @@ var Fi, Ii = 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]
 			};
-			L.draw(e, Fi.material, a);
+			I.draw(e, Fi.material, a);
 		});
 	}
 };
@@ -6625,7 +6635,7 @@ var Li, Ri = class extends H {
 	static {
 		Li = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec4 uInputSize;\n\nuniform vec2 uCenter;\nuniform float uStrength;\nuniform float uInnerRadius;\nuniform float uRadius;\n\nconst float MAX_KERNEL_SIZE = 32.0;\n\nhighp float rand(vec2 co, float seed) {\n  const highp float a = 12.9898, b = 78.233, c = 43758.5453;\n  highp float dt = dot(co + seed, vec2(a, b)), sn = mod(dt, 3.14159);\n  return fract(sin(sn) * c + seed);\n}\n\nvoid main() {\n  float minGradient = uInnerRadius * 0.3;\n  float innerRadius1 = (uInnerRadius + minGradient * 0.5) / uInputSize.x;\n\n  float gradient = uRadius * 0.3;\n  float radius1 = (uRadius - gradient * 0.5) / uInputSize.x;\n\n  float countLimit = MAX_KERNEL_SIZE;\n\n  vec2 dir = vec2(uCenter.xy / uInputSize.xy - vUv);\n  float dist = length(vec2(dir.x, dir.y * uInputSize.y / uInputSize.x));\n\n  float strength1 = uStrength;\n\n  float delta = 0.0;\n  float gap;\n  if (dist < innerRadius1) {\n    delta = innerRadius1 - dist;\n    gap = minGradient;\n  } else if (radius1 >= 0.0 && dist > radius1) { // radius1 < 0 means it's infinity\n    delta = dist - radius1;\n    gap = gradient;\n  }\n\n  if (delta > 0.0) {\n    float normalCount = gap / uInputSize.x;\n    delta = (normalCount - delta) / normalCount;\n    countLimit *= delta;\n    strength1 *= delta;\n    if (countLimit < 1.0) {\n      gl_FragColor = texture2D(sampler, vUv);\n      return;\n    }\n  }\n\n  float offset = rand(vUv, 0.0);\n\n  float total = 0.0;\n  vec4 color = vec4(0.0);\n\n  dir *= strength1;\n\n  for (float t = 0.0; t < MAX_KERNEL_SIZE; t++) {\n    float percent = (t + offset) / MAX_KERNEL_SIZE;\n    float weight = 4.0 * (percent - percent * percent);\n    vec2 p = vUv + dir * percent;\n    color += texture2D(sampler, p) * weight;\n    total += weight;\n\n    if (t > countLimit){\n        break;\n    }\n  }\n\n  color /= total;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -6634,7 +6644,7 @@ var Li, Ri = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, Li.material, {
+			I.draw(e, Li.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6709,7 +6719,7 @@ var q = class extends w {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new Sr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new Cr(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 () => {
@@ -6728,7 +6738,7 @@ var q = class extends w {
 			let i = await n(t, r);
 			if (i) return this._pipelineImageToCanvas(i);
 		});
-		r && (this.texture = new R({
+		r && (this.texture = new L({
 			source: r,
 			width: r.width,
 			height: r.height,
@@ -6763,7 +6773,7 @@ var q = class extends w {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new Er();
+		if (this.image === "viewport") n.fillStyle = new Dr();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
@@ -6917,7 +6927,7 @@ var J = class extends w {
 			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
 				let e = this._container.querySelector("canvas");
 				if (!e) return;
-				this._texture = new _r({
+				this._texture = new vr({
 					source: e,
 					pixelRatio: 1
 				});
@@ -6930,7 +6940,7 @@ var J = class extends w {
 		let n = document.createElement("canvas");
 		n.width = Math.ceil(e), n.height = Math.ceil(t);
 		let r = n.getContext("2d");
-		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new _r({
+		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new vr({
 			source: n,
 			pixelRatio: 1
 		}), this._texture.requestUpdate("source"), this._parent.requestDraw());
@@ -7206,7 +7216,7 @@ var Yi = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new Er() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = (this.width || 1) * (this.widthBoost || 1), n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.lineFlow = this.flow, n.stroke({ ...zi(this, {
+		this.image === "viewport" ? n.strokeStyle = new Dr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = (this.width || 1) * (this.widthBoost || 1), n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.lineFlow = this.flow, n.stroke({ ...zi(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -7451,7 +7461,7 @@ var ea = 100, ta = 40, na = class extends w {
 			}, r = `${JSON.stringify(e)}|${n.left},${n.top},${n.width},${n.height}`;
 			if (this._cellNodes.has(t) && this._cellSnapshots.get(t) === r) continue;
 			let i = this._cellNodes.get(t);
-			i || (i = B.parse({ is: "Element2D" }, "Element2D"), this._parent.appendChild(i, "back"), this._cellNodes.set(t, i)), this._applyCell(i, e, n), this._cellSnapshots.set(t, r);
+			i || (i = z.parse({ is: "Element2D" }, "Element2D"), this._parent.appendChild(i, "back"), this._cellNodes.set(t, i)), this._applyCell(i, e, n), this._cellSnapshots.set(t, r);
 		}
 		for (let [e, t] of this._cellNodes) s.has(e) || (this._parent.removeChild(t), t.destroy(), this._cellNodes.delete(e), this._cellSnapshots.delete(e));
 		this._parent.requestDraw();
@@ -7463,7 +7473,7 @@ var ea = 100, ta = 40, na = class extends w {
 		}, e.background = t.background;
 		for (let t of [...e.getChildren(!0)]) e.removeChild(t), t.destroy();
 		t.children?.forEach((t) => {
-			e.appendChild(B.parse(t, "Element2D"));
+			e.appendChild(z.parse(t, "Element2D"));
 		});
 	}
 	_clearCells() {
@@ -7501,7 +7511,7 @@ var X = class extends w {
 	_autoDrawMode;
 	_atlasEligible = !1;
 	_textureStale = !0;
-	_texture = new _r({ mipmap: !0 });
+	_texture = new vr({ mipmap: !0 });
 	_tiles = [];
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
@@ -7549,6 +7559,9 @@ var X = class extends w {
 		}
 		this._rasterTexture(), this._parent.requestDraw();
 	}
+	_resolveThemeColor(e) {
+		return this._parent.tree?.resolveThemeColor(e) ?? e;
+	}
 	_rasterTexture() {
 		let e = Math.ceil(this.base.boundingBox.width), t = Math.ceil(this.base.boundingBox.height), n = ra, r = Math.floor((oa() - ia) / n);
 		if (e <= r && t <= r) {
@@ -7568,7 +7581,7 @@ var X = class extends w {
 		for (let o = 0; o < a; o++) for (let a = 0; a < i; a++) {
 			let i = a * r, c = o * r, l = Math.min(r, e - i), u = Math.min(r, t - c), d = this._tiles[s];
 			d || (d = {
-				texture: new _r({ mipmap: !0 }),
+				texture: new vr({ mipmap: !0 }),
 				x: i,
 				y: c,
 				w: l,
@@ -7616,7 +7629,7 @@ var X = class extends w {
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new Sr(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 Cr(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 = oe(e);
@@ -7644,7 +7657,7 @@ var X = class extends w {
 					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({
+						r.enabled !== !1 && (o || r.color) && (e.addPath(n), e.style = { ...n.style }, e.fillStyle = o?.texture ?? this._resolveThemeColor(r.color), e.fill({
 							...zi(r, o?.box ?? {
 								x: 0,
 								y: 0,
@@ -7656,7 +7669,7 @@ var X = class extends w {
 					} else e.addPath(n), e.style = { ...n.style }, e.fill({ transformVertex: t });
 					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({
+						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 ?? this._resolveThemeColor(r.color), e.lineCap = r.lineCap, e.lineJoin = r.lineJoin, e.stroke({
 							...zi(r, o?.box ?? {
 								x: 0,
 								y: 0,
@@ -7693,7 +7706,7 @@ var X = class extends w {
 			"listStyle",
 			"highlight"
 		]) if (this.base.plugins.get(e)?.pathSet?.paths?.length) return !1;
-		let e = 2048 / xr.superSample / 1.5, t = this.base.characters;
+		let e = 2048 / Sr.superSample / 1.5, t = this.base.characters;
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n].computedStyle;
 			if (typeof r.color != "string" || r.fontSize > e) return !1;
@@ -7701,13 +7714,13 @@ var X = class extends w {
 		return !0;
 	}
 	_atlasDraw(e) {
-		let t = xr, n = this.base.characters, r = /* @__PURE__ */ new Map();
+		let t = Sr, n = this.base.characters, r = /* @__PURE__ */ new Map();
 		for (let e = 0; e < n.length; e++) {
 			let i = n[e], a = i.glyphBox;
 			if (!a || a.width <= 0 || a.height <= 0) continue;
-			let o = i.computedStyle, s = o.color;
-			if (typeof s != "string") return !1;
-			let c = +(o.fontStyle === "italic"), l = `${i.content}|${o.fontFamily}|${o.fontSize}|${o.fontWeight ?? 400}|${c}|${s}`, u = a.left, d = a.top, f = t.acquire(l, a.width, a.height, (e) => {
+			let o = i.computedStyle;
+			if (typeof o.color != "string") return !1;
+			let s = this._resolveThemeColor(o.color), c = +(o.fontStyle === "italic"), l = `${i.content}|${o.fontFamily}|${o.fontSize}|${o.fontWeight ?? 400}|${c}|${s}`, u = a.left, d = a.top, f = t.acquire(l, a.width, a.height, (e) => {
 				e.translate(-u, -d), i.path.drawTo(e, {
 					fill: s,
 					fillRule: "nonzero",
@@ -8213,7 +8226,7 @@ var Da = class extends Gr {
 				this._updateStyleMaskImage(t);
 				break;
 			case "backgroundColor":
-				this.background.color = t;
+				this.background.color = this._resolveThemeColor(t);
 				break;
 			case "backgroundImage":
 				this.background.image = t;
@@ -8228,7 +8241,7 @@ var Da = class extends Gr {
 				break;
 			case "borderColor":
 			case "outlineColor":
-				this.outline.color = t;
+				this.outline.color = this._resolveThemeColor(t);
 				break;
 			case "overflow":
 				this._overflowHidden = t === "hidden" || t === "clip" || t === "scroll" || t === "auto", this._scrollbarMode = t === "scroll" ? "scroll" : t === "auto" ? "auto" : void 0, this._updateMask();
@@ -8256,6 +8269,15 @@ var Da = class extends Gr {
 				break;
 		}
 	}
+	_resolveThemeColor(e) {
+		return this.tree?.resolveThemeColor(e) ?? e;
+	}
+	applyThemeColors() {
+		let e = this._style.json, t = e.backgroundColor;
+		typeof t == "string" && t[0] === "@" && (this.background.color = this._resolveThemeColor(t));
+		let n = e.borderColor ?? e.outlineColor;
+		typeof n == "string" && n[0] === "@" && (this.outline.color = this._resolveThemeColor(n)), this._text.isValid() && this._text.update(), this.requestDraw();
+	}
 	requestLayout() {
 		super.requestLayout(), this.flexbox.update();
 	}
@@ -8394,15 +8416,15 @@ var Da = class extends Gr {
 			let e = a.position?.x ?? 0, o = a.position?.y ?? 0, s = a.size?.width ?? 0, c = a.size?.height ?? 0;
 			e < t && (t = e), o < n && (n = o), e + s > r && (r = e + s), o + c > i && (i = o + c);
 		}
-		let a = this.size.width, o = this.size.height;
+		let a = this.size.width, o = this.size.height, s = (e) => Math.abs(e) < 1 ? 0 : e, c = s(Math.min(0, t)), l = s(Math.max(0, r - a)), u = s(Math.min(0, n)), d = s(Math.max(0, i - o));
 		return {
 			x: {
-				min: Math.min(0, t),
-				max: Math.max(0, r - a)
+				min: c,
+				max: l
 			},
 			y: {
-				min: Math.min(0, n),
-				max: Math.max(0, i - o)
+				min: u,
+				max: d
 			},
 			content: {
 				w: r - Math.min(0, t),
@@ -8485,7 +8507,7 @@ var Da = class extends Gr {
 					2,
 					3
 				]),
-				texture: vr.get("#000000"),
+				texture: yr.get("#000000"),
 				modulate: [
 					255,
 					255,
@@ -8618,7 +8640,7 @@ var Oa = class extends Da {
 		}
 	}
 }, ka = class extends Oa {
-	texture = new _r();
+	texture = new vr();
 	animation;
 	_lastTime = NaN;
 	constructor(e, t = []) {
@@ -8695,10 +8717,10 @@ var Aa = class extends Da {
 		}
 	}
 	_drawCircle(e, t) {
-		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = R.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = L.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_drawEllipse(e, t) {
-		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = R.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = L.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_draw() {
 		let { width: e, height: t } = this.getRect();
@@ -8865,7 +8887,7 @@ var La = {
 		.355,
 		1
 	]
-}, Ra = Object.fromEntries(Object.entries(La).map(([e, [t, n, r, i]]) => [e, Ia(t, n, r, i)])), za = class extends Nr {
+}, Ra = Object.fromEntries(Object.entries(La).map(([e, [t, n, r, i]]) => [e, Ia(t, n, r, i)])), za = class extends B {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -9561,7 +9583,7 @@ var qa = class e extends Ua {
 	createSound() {
 		return new Ja();
 	}
-}, Xa, Za = class extends Nr {
+}, Xa, Za = class extends B {
 	static {
 		Xa = this;
 	}
@@ -9699,7 +9721,7 @@ var Qa = class extends Gr {}, $a = class extends Da {
 	_audioBuffer;
 	_src = (() => {
 		let e = C();
-		return e ? new R({ source: e }) : void 0;
+		return e ? new L({ source: e }) : void 0;
 	})();
 	_needsUpdateTexture = !1;
 	constructor(e = {}) {
@@ -9763,7 +9785,7 @@ var eo, to = class extends Ur {
 	}
 	blur = 10;
 	quality = 10;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nin vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform float progress;\n\nvoid main(void) {\n  vec2 offset1 = vec2(offset.x - progress * offset.x, offset.y - progress * offset.y);\n  vec4 color = vec4(0.0);\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y - offset1.y));\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y - offset1.y));\n  color *= 0.25;\n  gl_FragColor = color;\n}"
 	} });
@@ -9778,7 +9800,7 @@ var eo, to = class extends Ur {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			L.draw(e, eo.material, {
+			I.draw(e, eo.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9793,12 +9815,12 @@ var no, ro = class extends Ur {
 	static {
 		no = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		L.draw(e, no.material, {
+		I.draw(e, no.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
@@ -9814,7 +9836,7 @@ var io, ao = class extends Ur {
 	}
 	blur = 100;
 	gradientBlur = 600;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float blur;\nuniform float gradientBlur;\nuniform vec2 start;\nuniform vec2 end;\nuniform vec2 delta;\nuniform vec2 texSize;\nuniform float progress;\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nvoid main(void) {\n  float blur1 = blur - progress * blur;\n  float gradientBlur1 = progress * gradientBlur;\n\n  vec4 color = vec4(0.0);\n  float total = 0.0;\n  float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n  vec2 normal = normalize(vec2(start.y - end.y, end.x - start.x));\n  float radius = smoothstep(0.0, 1.0, abs(dot(vUv * texSize - start, normal)) / gradientBlur1) * blur1;\n\n  for (float t = -30.0; t <= 30.0; t++) {\n    float percent = (t + offset - 0.5) / 30.0;\n    float weight = 1.0 - abs(percent);\n    vec4 sample1 = texture2D(sampler, vUv + delta / texSize * percent * radius);\n    sample1.rgb *= sample1.a;\n    color += sample1 * weight;\n    total += weight;\n  }\n\n  color /= total;\n  color.rgb /= color.a + 0.00001;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -9822,7 +9844,7 @@ var io, ao = class extends Ur {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		L.draw(e, io.material, {
+		I.draw(e, io.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9831,7 +9853,7 @@ var io, ao = class extends Ur {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, io.material, {
+		}), I.draw(e, io.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9854,7 +9876,7 @@ var oo, so = class extends Ur {
 	angle = 4;
 	padding = 20;
 	offset;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float radius;\nuniform float angle;\nuniform vec2 offset;\nuniform vec4 filterArea;\nuniform float progress;\n\nvec2 mapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord *= filterArea.xy;\n  return coord;\n}\n\nvec2 unmapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord /= filterArea.xy;\n  return coord;\n}\n\nvec2 twist(vec2 coord, float radius) {\n  coord -= offset;\n  float dist = length(coord);\n  if (dist < radius) {\n    float ratioDist = (radius - dist) / radius;\n    float angleMod = ratioDist * ratioDist * angle;\n    float s = sin(angleMod);\n    float c = cos(angleMod);\n    coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);\n  }\n  coord += offset;\n  return coord;\n}\n\nvoid main(void) {\n  vec2 coord = mapCoord(vUv);\n  coord = twist(coord, radius - (progress * radius));\n  coord = unmapCoord(coord);\n  gl_FragColor = texture2D(sampler, coord);\n}"
 	} });
@@ -9862,7 +9884,7 @@ var oo, so = class extends Ur {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		L.draw(e, oo.material, {
+		I.draw(e, oo.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9885,9 +9907,9 @@ var co = class extends nr {
 	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 gr(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new _r(e.map((e) => ({
 				duration: e.delay,
-				texture: new Cr({
+				texture: new wr({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -9923,7 +9945,7 @@ var co = class extends nr {
 	}
 }, po = class extends nr {
 	install(e) {
-		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new R({
+		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new L({
 			source: e,
 			uploadMethodId: "image",
 			mipmap: !0,
@@ -9947,7 +9969,7 @@ var co = class extends nr {
 	}
 }, mo = class extends nr {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new Tr(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new Er(t).load()), e.video = this, this;
 	}
 }, ho = Object.entries({
 	"font/woff": ["woff"],
@@ -10308,4 +10330,4 @@ async function ko(e) {
 	});
 }
 //#endregion
-export { wt as Aabb2D, gr as AnimatedTexture, za as Animation, yo as Assets, Za as Audio, Ua as AudioPipeline, Wa as AudioProcessor, Qa as AudioSpectrum, $a as AudioWaveform, A as BufferUsage, Kr as Camera2D, Dr as CanvasContext, Rr as CanvasItem, _r as CanvasTexture, T as Color, W as ColorAdjustEffect, ai as ColorFilterEffect, Dt as ColorMatrix, ci as ColorOverlayEffect, ui as ColorRemoveEffect, pi as ColorReplaceEffect, vr as ColorTexture, w as CoreObject, Tt as DEG_TO_RAD, Xe as DEVICE_PIXEL_RATIO, G as DrawboardEffect, bi as DropShadowEffect, H as Effect, dr as EffectMaterial, Da as Element2D, Bi as Element2DBackground, J as Element2DChart, Wi as Element2DComments, Ki as Element2DConnection, q as Element2DFill, Ji as Element2DForeground, Y as Element2DOutline, Xi as Element2DShadow, Zi as Element2DShape, Qi as Element2DStyle, na as Element2DTable, X as Element2DText, Si as EmbossEffect, xo as Engine, Nt as FLAG_CLIP_OUTSIDE_UV, Pt as FLAG_STROKE_AA, _a as Flexbox, rr as FontLoader, fr as FxaaMaterial, vi as GaussianBlurEffect, ar as Geometry, co as GifLoader, Cn as GlBatch2DSystem, _n as GlBlendMode, zt as GlBuffer, Kt as GlBufferSystem, Rt as GlBufferTarget, Dn as GlMaskSystem, an as GlProgram, jn as GlRenderTarget, Mn as GlRenderTargetSystem, mn as GlShaderSystem, yn as GlState, bn as GlStateSystem, kn as GlStencilSystem, j as GlSystem, An as GlViewportSystem, K as GlitchEffect, br as GlyphAtlas, Ei as GodrayEffect, Sr as GradientTexture, Ha as HTMLAudio, Ba as HTMLAudioContext, Va as HTMLSound, Je as IN_BROWSER, Ye as IN_MAC_OS, ir as IndexBuffer, xt as Input, ht as InputEvent, lo as JsonLoader, ki as KawaseBlurEffect, to as KawaseTransition, gt as KeyboardInputEvent, ro as LeftEraseTransition, nr as Loader, ka as Lottie2D, uo as LottieLoader, At as MainLoop, ji as MaskEffect, I as Material, Aa as Mesh2D, kr as Meta, _t as MouseInputEvent, B as Node, Gr as Node2D, Ot as Obb2D, Pi as OutlineEffect, Se as PI, Ce as PI_2, Ii as PixelateEffect, Cr as PixelsTexture, vt as PointerInputEvent, kt as Projection2D, or as QuadGeometry, L as QuadUvGeometry, Et as RAD_TO_DEG, St as RefCounted, hr as RenderTarget, Bt as Renderer, Ct as Resource, Ue as SUPPORTS_AUDIO_CONTEXT, Ve as SUPPORTS_CLICK_EVENTS, He as SUPPORTS_CREATE_IMAGE_BITMAP, Fe as SUPPORTS_IMAGE_BITMAP, ze as SUPPORTS_MOUSE_EVENTS, Ge as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Le as SUPPORTS_POINTER_EVENTS, Ie as SUPPORTS_RESIZE_OBSERVER, Be as SUPPORTS_TOUCH_EVENTS, Pe as SUPPORTS_WEBGL2, We as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ke as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, qe as SUPPORTS_WEB_AUDIO, Re as SUPPORTS_WHEEL_EVENTS, U as SceneTree, fo as TextLoader, R as Texture2D, po as TextureLoader, Oa as TextureRect2D, S as Ticker, ao as TiltShiftTransition, Vr as Timeline, Nr as TimelineNode, ja as TransformRect2D, Ur as Transition, so as TwistTransition, Ht as UniformGroup, mr as UvGeometry, pr as UvMaterial, F as VertexAttribute, P as VertexBuffer, Ma as Video2D, mo as VideoLoader, Tr as VideoTexture, V as Viewport, Er as ViewportTexture, Ya as WebAudio, qa as WebAudioContext, tr as WebGLRenderer, Ja as WebSound, yt as WheelInputEvent, Hr as Window, Ri as ZoomBlurEffect, ca as alignMap, $ as assets, qr as axisDir, ga as boxSizingMap, ft as bumpGeometryRevision, E as clamp, Oi as clampFrag, C as createHTMLCanvas, Gt as createIdFromString, be as createNode, lt as crossOrigin, La as cssEasingPresets, Ia as cubicBezier, x as customNode, ye as customNodes, bo as defaultOptions, ct as determineCrossOrigin, ua as directionMap, la as displayMap, Z as edgeMap, Ft as encodeFlowSpeed, da as flexDirectionMap, fa as flexWrapMap, Lt as flowStreakEffect, Di as frag, dt as geometryRevision, it as getCanvasFactory, ke as getDefaultCssPropertyValue, st as getGlContextProvider, To as getRenderEngine, sa as gutterMap, mt as instanceId, et as isCanvasElement, Ze as isElementNode, $e as isImageElement, we as isPow2, Qe as isVideoElement, tt as isWebgl2, pa as justifyMap, D as lerp, Tn as log2, vn as mapGlBlendModes, Mt as markRaw, wn as nextPow2, xe as nextTick, ma as overflowMap, ti as parseCssFilter, je as parseCssFunctions, Ae as parseCssProperty, ni as parseCssTransformOrigin, Te as planExportTiles, ha as positionTypeMap, Oo as render, ko as renderPixels, Ir as resetBatchPool, Jr as routeConnection, rt as setCanvasFactory, ot as setGlContextProvider, xr as sharedGlyphAtlas, On as stencilModeMap, It as strokeFeatherEffect };
+export { wt as Aabb2D, _r as AnimatedTexture, za as Animation, yo as Assets, Za as Audio, Ua as AudioPipeline, Wa as AudioProcessor, Qa as AudioSpectrum, $a as AudioWaveform, A as BufferUsage, Kr as Camera2D, Or as CanvasContext, Rr as CanvasItem, vr as CanvasTexture, T as Color, W as ColorAdjustEffect, ai as ColorFilterEffect, Dt as ColorMatrix, ci as ColorOverlayEffect, ui as ColorRemoveEffect, pi as ColorReplaceEffect, yr as ColorTexture, w as CoreObject, Tt as DEG_TO_RAD, Xe as DEVICE_PIXEL_RATIO, G as DrawboardEffect, bi as DropShadowEffect, H as Effect, fr as EffectMaterial, Da as Element2D, Bi as Element2DBackground, J as Element2DChart, Wi as Element2DComments, Ki as Element2DConnection, q as Element2DFill, Ji as Element2DForeground, Y as Element2DOutline, Xi as Element2DShadow, Zi as Element2DShape, Qi as Element2DStyle, na as Element2DTable, X as Element2DText, Si as EmbossEffect, xo as Engine, Nt as FLAG_CLIP_OUTSIDE_UV, Pt as FLAG_STROKE_AA, _a as Flexbox, rr as FontLoader, pr as FxaaMaterial, vi as GaussianBlurEffect, ar as Geometry, co as GifLoader, Cn as GlBatch2DSystem, _n as GlBlendMode, zt as GlBuffer, Kt as GlBufferSystem, Rt as GlBufferTarget, Dn as GlMaskSystem, an as GlProgram, jn as GlRenderTarget, Mn as GlRenderTargetSystem, mn as GlShaderSystem, yn as GlState, bn as GlStateSystem, kn as GlStencilSystem, j as GlSystem, An as GlViewportSystem, K as GlitchEffect, xr as GlyphAtlas, Ei as GodrayEffect, Cr as GradientTexture, Ha as HTMLAudio, Ba as HTMLAudioContext, Va as HTMLSound, Je as IN_BROWSER, Ye as IN_MAC_OS, ir as IndexBuffer, xt as Input, ht as InputEvent, lo as JsonLoader, ki as KawaseBlurEffect, to as KawaseTransition, gt as KeyboardInputEvent, ro as LeftEraseTransition, nr as Loader, ka as Lottie2D, uo as LottieLoader, At as MainLoop, ji as MaskEffect, F as Material, Aa as Mesh2D, Ar as Meta, _t as MouseInputEvent, z as Node, Gr as Node2D, Ot as Obb2D, Pi as OutlineEffect, Se as PI, Ce as PI_2, Ii as PixelateEffect, wr as PixelsTexture, vt as PointerInputEvent, kt as Projection2D, sr as QuadGeometry, I as QuadUvGeometry, Et as RAD_TO_DEG, St as RefCounted, gr as RenderTarget, Bt as Renderer, Ct as Resource, Ue as SUPPORTS_AUDIO_CONTEXT, Ve as SUPPORTS_CLICK_EVENTS, He as SUPPORTS_CREATE_IMAGE_BITMAP, Fe as SUPPORTS_IMAGE_BITMAP, ze as SUPPORTS_MOUSE_EVENTS, Ge as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Le as SUPPORTS_POINTER_EVENTS, Ie as SUPPORTS_RESIZE_OBSERVER, Be as SUPPORTS_TOUCH_EVENTS, Pe as SUPPORTS_WEBGL2, We as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ke as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, qe as SUPPORTS_WEB_AUDIO, Re as SUPPORTS_WHEEL_EVENTS, U as SceneTree, fo as TextLoader, L as Texture2D, po as TextureLoader, Oa as TextureRect2D, S as Ticker, ao as TiltShiftTransition, Vr as Timeline, B as TimelineNode, ja as TransformRect2D, Ur as Transition, so as TwistTransition, Ht as UniformGroup, hr as UvGeometry, mr as UvMaterial, P as VertexAttribute, or as VertexBuffer, Ma as Video2D, mo as VideoLoader, Er as VideoTexture, V as Viewport, Dr as ViewportTexture, Ya as WebAudio, qa as WebAudioContext, tr as WebGLRenderer, Ja as WebSound, yt as WheelInputEvent, Hr as Window, Ri as ZoomBlurEffect, ca as alignMap, $ as assets, qr as axisDir, ga as boxSizingMap, ft as bumpGeometryRevision, E as clamp, Oi as clampFrag, C as createHTMLCanvas, Gt as createIdFromString, be as createNode, lt as crossOrigin, La as cssEasingPresets, Ia as cubicBezier, x as customNode, ye as customNodes, bo as defaultOptions, ct as determineCrossOrigin, ua as directionMap, la as displayMap, Z as edgeMap, Ft as encodeFlowSpeed, da as flexDirectionMap, fa as flexWrapMap, Lt as flowStreakEffect, Di as frag, dt as geometryRevision, it as getCanvasFactory, ke as getDefaultCssPropertyValue, st as getGlContextProvider, To as getRenderEngine, sa as gutterMap, mt as instanceId, et as isCanvasElement, Ze as isElementNode, $e as isImageElement, we as isPow2, Qe as isVideoElement, tt as isWebgl2, pa as justifyMap, D as lerp, Tn as log2, vn as mapGlBlendModes, Mt as markRaw, wn as nextPow2, xe as nextTick, ma as overflowMap, ti as parseCssFilter, je as parseCssFunctions, Ae as parseCssProperty, ni as parseCssTransformOrigin, Te as planExportTiles, ha as positionTypeMap, Oo as render, ko as renderPixels, Ir as resetBatchPool, Jr as routeConnection, rt as setCanvasFactory, ot as setGlContextProvider, Sr as sharedGlyphAtlas, On as stencilModeMap, It as strokeFeatherEffect };