shaders 2.0.673 → 2.0.674

package/dist/vue/index61.js

@@ -5,40 +5,40 @@ import { n as C } from "./index7.js";
 import { t as w } from "./index8.js";
 import { r as T } from "./index9.js";
 import { n as E } from "./index10.js";
-import { o as ne } from "./index11.js";
-import { t as D } from "./index12.js";
-import { r as O } from "./index13.js";
-import { t as k } from "./index14.js";
-import { t as A } from "./index15.js";
-import { n as j } from "./index16.js";
-import { r as M } from "./index17.js";
-import { t as N } from "./index18.js";
-import { t as P } from "./index19.js";
-import { t as F } from "./index20.js";
-import { n as I } from "./index21.js";
-import { t as L } from "./index22.js";
-import { t as R } from "./index23.js";
-import { t as re } from "./index24.js";
-import { i as z } from "./index25.js";
-import { n as ie } from "./index28.js";
-import { n as ae } from "./index29.js";
-import { a as B } from "./index30.js";
-import { t as V } from "./index31.js";
-import { t as oe } from "./index32.js";
-import { n as se } from "./index33.js";
-import { r as H } from "./index34.js";
-import { t as U } from "./index35.js";
-import { t as W } from "./index36.js";
-import { i as ce } from "./index37.js";
-import { a as le } from "./index38.js";
-import { t as ue } from "./index39.js";
-import { t as G } from "./index40.js";
-import { t as de } from "./index41.js";
-import { a as K } from "./index42.js";
-import { t as q } from "./index43.js";
-import { n as J } from "./index44.js";
-import { r as Y } from "./index45.js";
-import { r as X } from "./index46.js";
+import { o as D } from "./index11.js";
+import { t as O } from "./index12.js";
+import { r as k } from "./index13.js";
+import { t as A } from "./index14.js";
+import { t as j } from "./index15.js";
+import { n as M } from "./index16.js";
+import { r as N } from "./index17.js";
+import { t as P } from "./index18.js";
+import { t as F } from "./index19.js";
+import { t as I } from "./index20.js";
+import { n as L } from "./index21.js";
+import { t as R } from "./index22.js";
+import { t as z } from "./index23.js";
+import { t as ne } from "./index24.js";
+import { i as B } from "./index25.js";
+import { n as re } from "./index28.js";
+import { n as ie } from "./index29.js";
+import { a as V } from "./index30.js";
+import { t as H } from "./index31.js";
+import { t as ae } from "./index32.js";
+import { n as oe } from "./index33.js";
+import { r as U } from "./index34.js";
+import { t as W } from "./index35.js";
+import { t as G } from "./index36.js";
+import { i as se } from "./index37.js";
+import { a as ce } from "./index38.js";
+import { t as le } from "./index39.js";
+import { t as K } from "./index40.js";
+import { t as ue } from "./index41.js";
+import { a as q } from "./index42.js";
+import { t as J } from "./index43.js";
+import { n as Y } from "./index44.js";
+import { r as X } from "./index45.js";
+import { r as de } from "./index46.js";
 import { n as Z } from "./index47.js";
 import { p as fe } from "./index48.js";
 import { i as pe } from "./index49.js";
@@ -202,81 +202,81 @@ function Qe() {
 		nodes: /* @__PURE__ */ new Map(),
 		rootId: null,
 		idToNodeId: /* @__PURE__ */ new Map()
-	}, p = null, m = null, _ = null, v = !1, y = !1, b = !1, x = null, S = !1, C = !0, w = 0, T = 0, E = !1, ne = 0, D = 0, O = !1, k = .5, A = .5, j = !1, M = !1, N = !1, P = [], F = !1, I = [], L = !1, R = /* @__PURE__ */ new Set(), re = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1, z = (e, r) => {
+	}, p = null, m = null, _ = null, v = !1, y = !1, b = !1, x = null, S = !1, C = !0, w = 0, T = 0, E = !1, D = 0, O = 0, k = !1, A = .5, j = .5, M = !1, N = !1, P = !1, F = [], I = !1, L = [], R = !1, z = /* @__PURE__ */ new Set(), ne = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1, B = (e, r) => {
 		if (e <= 0 || r <= 0 || e === w && r === T) return;
 		let i = performance.now();
-		if (i - ne < 8) return;
+		if (i - D < 8) return;
 		let a = w, s = T;
-		w = e, T = r, ne = i, b ||= !0, t.setSize(e, r, !1);
+		w = e, T = r, D = i, b ||= !0, t.setSize(e, r, !1);
 		let c = e / r, l = 2 * c;
-		n.left = -l / 2, n.right = l / 2, n.top = 2 / 2, n.bottom = -2 / 2, n.updateProjectionMatrix(), o.scale.set(l, 2, 1), (d.rootId && (a === 0 || s === 0) || d.rootId && b) && V(), q().catch(console.warn);
-	}, ie = (e) => {
+		n.left = -l / 2, n.right = l / 2, n.top = 2 / 2, n.bottom = -2 / 2, n.updateProjectionMatrix(), o.scale.set(l, 2, 1), (d.rootId && (a === 0 || s === 0) || d.rootId && b) && H(), J().catch(console.warn);
+	}, re = (e) => {
 		if (!t || !n || !o) return;
 		let r = e[0];
 		if (!r) return;
 		let { width: i, height: a } = r.contentRect, s = Math.round(i), c = Math.round(a);
-		s === 0 || c === 0 || z(s, c);
-	}, ae = (t) => {
+		s === 0 || c === 0 || B(s, c);
+	}, ie = (t) => {
 		let n = t[0];
 		if (!n) return;
 		let r = S;
 		S = n.isIntersecting;
 		let i = e?.getBoundingClientRect(), a = E;
 		if (E = S && !!i && i.width > 0 && i.height > 0, S && !r) {
-			if (O = !0, e) {
+			if (k = !0, e) {
 				let { width: t, height: n } = e.getBoundingClientRect(), r = Math.round(t), i = Math.round(n);
-				r > 0 && i > 0 && (w === 0 || T === 0 || r !== w || i !== T ? (z(r, i), !a && E && V()) : l && v && d.rootId && (l.needsUpdate = !0, V(), q().catch(console.warn)));
+				r > 0 && i > 0 && (w === 0 || T === 0 || r !== w || i !== T ? (B(r, i), !a && E && H()) : l && v && d.rootId && (l.needsUpdate = !0, H(), J().catch(console.warn)));
 			}
-			C && J();
-		} else !S && r && Y();
-	}, B = !1, V = () => {
-		if (!d.rootId || !l || M) return;
+			C && Y();
+		} else !S && r && X();
+	}, V = !1, H = () => {
+		if (!d.rootId || !l || N) return;
 		let e = d.nodes.get(d.rootId);
 		if (e) {
 			if (w === 0 || T === 0) {
-				B || (B = !0, requestAnimationFrame(() => {
-					B = !1, w > 0 && T > 0 && V();
+				V || (V = !0, requestAnimationFrame(() => {
+					V = !1, w > 0 && T > 0 && H();
 				}));
 				return;
 			}
-			M = !0;
+			N = !0;
 			try {
-				let e = /* @__PURE__ */ new Set(), t = W(d.rootId, /* @__PURE__ */ new Set(), e);
+				let e = /* @__PURE__ */ new Set(), t = G(d.rootId, /* @__PURE__ */ new Set(), e);
 				if (t && l) {
-					let n = R.size !== e.size || ![...R].every((t) => e.has(t)) || ![...e].every((e) => R.has(e));
-					(n || O) && (l.fragmentNode = null, l.needsUpdate = !0, O = !1, R = e), l.fragmentNode = t, l.needsUpdate = !0;
+					let n = z.size !== e.size || ![...z].every((t) => e.has(t)) || ![...e].every((e) => z.has(e));
+					(n || k) && (l.fragmentNode = null, l.needsUpdate = !0, k = !1, z = e), l.fragmentNode = t, l.needsUpdate = !0;
 				}
 			} catch (e) {
 				console.error("Error composing shader tree:", e);
 			} finally {
-				M = !1;
+				N = !1;
 			}
-			S && q().catch(console.warn);
+			S && J().catch(console.warn);
 		}
-	}, oe = (e) => {
+	}, ae = (e) => {
 		let t = [];
 		return d.nodes.forEach((n) => {
 			n.parentId === e && t.push(n);
 		}), t;
-	}, se = (e) => {
+	}, oe = (e) => {
 		for (let [t, n] of d.nodes.entries()) if (n.metadata.id === e) return t;
 		return null;
-	}, H = (e, t, n, r) => {
+	}, U = (e, t, n, r) => {
 		if (!t.metadata.mask?.source) return e;
-		let i = t.metadata.mask.source, a = se(i);
+		let i = t.metadata.mask.source, a = oe(i);
 		if (!a) return e;
 		if (r.has(a)) return console.error("Uh oh, looks like you've got a circular dependency in your shader masks."), e;
 		let o = new Set(r);
 		o.add(n);
-		let s = W(a, o), c = t.metadata.mask.type || "alpha";
+		let s = G(a, o), c = t.metadata.mask.type || "alpha";
 		return Ye(e, s, c);
-	}, U = (e) => {
+	}, W = (e) => {
 		let t = d.nodes.get(e);
 		if (!t || !t.metadata.id) return !1;
 		let n = t.metadata.id;
 		for (let e of d.nodes.values()) if (e.metadata.mask?.source === n) return !0;
 		return !1;
-	}, W = (t, n = /* @__PURE__ */ new Set(), i) => {
+	}, G = (t, n = /* @__PURE__ */ new Set(), i) => {
 		if (w === 0 || T === 0) return r(0, 0, 0, 0);
 		let a = d.nodes.get(t);
 		if (!a) return r(0, 0, 0, 0);
@@ -286,7 +286,7 @@ function Qe() {
 			a.beforeRenderCallbacks.push(e);
 		}, c = (e) => {
 			a.afterRenderCallbacks.push(e);
-		}, l = oe(t);
+		}, l = ae(t);
 		if (l.length === 0) {
 			if (a.requiresRTT && !E) return r(0, 0, 0, 0);
 			let i = a.fragmentNodeFunc({
@@ -301,16 +301,16 @@ function Qe() {
 					height: Math.max(512, T)
 				}
 			});
-			return H(i, a, t, n);
+			return U(i, a, t, n);
 		} else {
 			let u = [...l].sort((e, t) => e.metadata.renderOrder - t.metadata.renderOrder), d = a.parentId === null;
 			if (d) {
 				let l;
 				for (let e of u) {
 					let t;
-					if (e.metadata.opacity === void 0 ? (t = U(e.id) ? 0 : 1, e.opacityUniform.value = t) : (t = e.metadata.opacity, e.opacityUniform.value = t), t === 0 && !U(e.id)) continue;
+					if (e.metadata.opacity === void 0 ? (t = W(e.id) ? 0 : 1, e.opacityUniform.value = t) : (t = e.metadata.opacity, e.opacityUniform.value = t), t === 0 && !W(e.id)) continue;
 					i && i.add(e.id);
-					let o = W(e.id, n, i);
+					let o = G(e.id, n, i);
 					if (l === void 0) {
 						let n = a.requiresRTT || t !== 1;
 						l = n ? $(r(1, 1, 1, 0), o, e.metadata.blendMode, e.opacityUniform) : o;
@@ -329,14 +329,14 @@ function Qe() {
 						height: Math.max(512, T)
 					}
 				});
-				return H(d, a, t, n);
+				return U(d, a, t, n);
 			} else {
 				let l;
 				for (let e of u) {
 					let t;
-					if (e.metadata.opacity === void 0 ? (t = U(e.id) ? 0 : 1, e.opacityUniform.value = t) : (t = e.metadata.opacity, e.opacityUniform.value = t), t === 0 && !U(e.id)) continue;
+					if (e.metadata.opacity === void 0 ? (t = W(e.id) ? 0 : 1, e.opacityUniform.value = t) : (t = e.metadata.opacity, e.opacityUniform.value = t), t === 0 && !W(e.id)) continue;
 					i && i.add(e.id);
-					let o = W(e.id, n, i);
+					let o = G(e.id, n, i);
 					if (l === void 0) {
 						let n = a.requiresRTT || t !== 1;
 						l = n ? $(r(1, 1, 1, 0), o, e.metadata.blendMode, e.opacityUniform) : o;
@@ -355,10 +355,10 @@ function Qe() {
 						height: Math.max(512, T)
 					}
 				});
-				return H(d, a, t, n);
+				return U(d, a, t, n);
 			}
 		}
-	}, ce = (e, t, n, r, i = {}, o) => {
+	}, se = (e, t, n, r, i = {}, o) => {
 		let s = 0;
 		if (n !== null) {
 			let e = Array.from(d.nodes.values()).filter((e) => e.parentId === n);
@@ -382,17 +382,17 @@ function Qe() {
 			beforeRenderCallbacks: [],
 			afterRenderCallbacks: []
 		};
-		d.nodes.set(e, f), n === null && (d.rootId = e), l && v && w > 0 && T > 0 ? (P.includes(e) || P.push(e), F || (F = !0, queueMicrotask(() => {
-			F = !1, P = [], V();
-		}))) : l && v && (B || (B = !0, requestAnimationFrame(() => {
-			B = !1, w > 0 && T > 0 && V();
+		d.nodes.set(e, f), n === null && (d.rootId = e), l && v && w > 0 && T > 0 ? (F.includes(e) || F.push(e), I || (I = !0, queueMicrotask(() => {
+			I = !1, F = [], H();
+		}))) : l && v && (V || (V = !0, requestAnimationFrame(() => {
+			V = !1, w > 0 && T > 0 && H();
 		})));
-	}, le = (e, t, n) => {
+	}, ce = (e, t, n) => {
 		let r = d.nodes.get(e);
 		if (!r || !r.uniforms) return;
 		let i = r.uniforms[t];
-		!i || !i.uniform || (i.uniform.value = n, S && q());
-	}, ue = (e, t) => {
+		!i || !i.uniform || (i.uniform.value = n, S && J());
+	}, le = (e, t) => {
 		let n = d.nodes.get(e);
 		if (!n) return;
 		let r = !1;
@@ -400,10 +400,10 @@ function Qe() {
 			let e = n.metadata.opacity === 0, i = t.opacity === 0;
 			n.metadata.opacity = t.opacity, n.opacityUniform.value = t.opacity, e !== i && (r = !0);
 		}
-		t.renderOrder !== void 0 && n.metadata.renderOrder !== t.renderOrder && (n.metadata.renderOrder = t.renderOrder, r = !0), t.id !== void 0 && n.metadata.id !== t.id && (n.metadata.id = t.id, r = !0), t.mask !== void 0 && (n.metadata.mask?.source !== t.mask?.source || n.metadata.mask?.type !== t.mask?.type) && (n.metadata.mask = t.mask, r = !0), r && l && v ? (I.includes(e) || I.push(e), L || (L = !0, queueMicrotask(() => {
-			L = !1, I = [], V();
-		}))) : S && q();
-	}, G = (e) => {
+		t.renderOrder !== void 0 && n.metadata.renderOrder !== t.renderOrder && (n.metadata.renderOrder = t.renderOrder, r = !0), t.id !== void 0 && n.metadata.id !== t.id && (n.metadata.id = t.id, r = !0), t.mask !== void 0 && (n.metadata.mask?.source !== t.mask?.source || n.metadata.mask?.type !== t.mask?.type) && (n.metadata.mask = t.mask, r = !0), r && l && v ? (L.includes(e) || L.push(e), R || (R = !0, queueMicrotask(() => {
+			R = !1, L = [], H();
+		}))) : S && J();
+	}, K = (e) => {
 		if (!d.nodes.has(e)) return;
 		let t = d.nodes.get(e);
 		if (t && t.cleanupCallbacks.length > 0) for (let n of t.cleanupCallbacks) try {
@@ -411,17 +411,17 @@ function Qe() {
 		} catch (t) {
 			console.error(`Error executing cleanup callback for node ${e}:`, t);
 		}
-		let n = oe(e);
-		for (let e of n) G(e.id);
-		d.rootId === e && (d.rootId = null), d.nodes.delete(e), l && v && V();
-	}, de = (e) => {
+		let n = ae(e);
+		for (let e of n) K(e.id);
+		d.rootId === e && (d.rootId = null), d.nodes.delete(e), l && v && H();
+	}, ue = (e) => {
 		let t = {
 			deltaTime: e,
 			pointer: {
-				x: k,
-				y: A
+				x: A,
+				y: j
 			},
-			pointerActive: j,
+			pointerActive: M,
 			dimensions: {
 				width: w,
 				height: T
@@ -432,14 +432,14 @@ function Qe() {
 		} catch (t) {
 			console.error(`Error executing before render callback for node ${e.id}:`, t);
 		}
-	}, K = (e) => {
+	}, q = (e) => {
 		let t = {
 			deltaTime: e,
 			pointer: {
-				x: k,
-				y: A
+				x: A,
+				y: j
 			},
-			pointerActive: j,
+			pointerActive: M,
 			dimensions: {
 				width: w,
 				height: T
@@ -450,29 +450,29 @@ function Qe() {
 		} catch (t) {
 			console.error(`Error executing after render callback for node ${e.id}:`, t);
 		}
-	}, q = async () => {
+	}, J = async () => {
 		if (!v || !t || !i || !n || !l || w === 0 || T === 0) return;
-		let e = performance.now(), r = D > 0 ? (e - D) / 1e3 : .016, a = Math.min(r, .1);
-		D = e, de(a);
+		let e = performance.now(), r = O > 0 ? (e - O) / 1e3 : .016, a = Math.min(r, .1);
+		O = e, ue(a);
 		try {
-			if (M) return;
+			if (N) return;
 			t instanceof te ? await t.renderAsync(i, n).then(() => {
-				v && K(a);
+				v && q(a);
 			}).catch((e) => {
 				console.error("WebGPU render error:", e);
-			}) : (t.render(i, n), K(a));
+			}) : (t.render(i, n), q(a));
 		} catch (e) {
 			console.error("Render frame error:", e);
 		}
-	}, J = () => {
+	}, Y = () => {
 		if (p || !C || !S) return;
 		let e = () => {
-			p = requestAnimationFrame(e), q().catch(console.warn);
+			p = requestAnimationFrame(e), J().catch(console.warn);
 		};
 		e();
-	}, Y = () => {
+	}, X = () => {
 		p && (cancelAnimationFrame(p), p = null);
-	}, X = (t) => {
+	}, de = (t) => {
 		if (!e) return;
 		let n, r;
 		if ("touches" in t) {
@@ -480,25 +480,25 @@ function Qe() {
 			n = t.touches[0].clientX, r = t.touches[0].clientY;
 		} else n = t.clientX, r = t.clientY;
 		let i = e.getBoundingClientRect(), a = (n - i.left) / i.width, o = (r - i.top) / i.height;
-		k = a, A = o;
+		A = a, j = o;
 	}, Z = (e) => {
-		X(e);
+		de(e);
 	}, fe = (e) => {
-		X(e);
+		de(e);
 	}, pe = () => {
-		j = !1, q().catch(console.warn);
+		M = !1, J().catch(console.warn);
 	}, me = () => {
-		j = !1, q().catch(console.warn);
+		M = !1, J().catch(console.warn);
 	}, he = () => {
-		j = !0, q().catch(console.warn);
+		M = !0, J().catch(console.warn);
 	}, ge = () => {
-		j = !0, q().catch(console.warn);
+		M = !0, J().catch(console.warn);
 	}, _e = async ({ canvas: a }) => {
 		if (v || y) return;
 		y = !0, x = new AbortController();
 		let d = x;
 		try {
-			if (e = a, i = new ee(), i.background = null, n = new c(-1, 1, 1, -1, .1, 10), n.position.z = 1, n.lookAt(0, 0, 0), N || (window.addEventListener("mousemove", Z), window.addEventListener("touchmove", fe), window.addEventListener("mouseup", pe), window.addEventListener("touchend", me), a.addEventListener("mousedown", he), a.addEventListener("touchstart", ge), N = !0), d.signal.aborted) return;
+			if (e = a, i = new ee(), i.background = null, n = new c(-1, 1, 1, -1, .1, 10), n.position.z = 1, n.lookAt(0, 0, 0), P || (window.addEventListener("mousemove", Z), window.addEventListener("touchmove", fe), window.addEventListener("mouseup", pe), window.addEventListener("touchend", me), a.addEventListener("mousedown", he), a.addEventListener("touchstart", ge), P = !0), d.signal.aborted) return;
 			try {
 				if (t = new te({
 					canvas: a,
@@ -515,11 +515,11 @@ function Qe() {
 			if (d.signal.aborted) return;
 			t.setPixelRatio(Math.min(window.devicePixelRatio, 2)), t.outputColorSpace = u, l = new g({ transparent: !0 }), l.fragmentNode = r(0, 0, 0, 0);
 			let p = new s(2, 2);
-			o = new f(p, l), i.add(o), m = new ResizeObserver(ie), m.observe(a), _ = new IntersectionObserver(ae, { threshold: 0 }), _.observe(a);
+			o = new f(p, l), i.add(o), m = new ResizeObserver(re), m.observe(a), _ = new IntersectionObserver(ie, { threshold: 0 }), _.observe(a);
 			let h = a.getBoundingClientRect();
-			S = h.width > 0 && h.height > 0 && h.top < window.innerHeight && h.bottom > 0 && h.left < window.innerWidth && h.right > 0, E = S && h.width > 0 && h.height > 0, C = !re();
+			S = h.width > 0 && h.height > 0 && h.top < window.innerHeight && h.bottom > 0 && h.left < window.innerWidth && h.right > 0, E = S && h.width > 0 && h.height > 0, C = !ne();
 			let { width: y, height: x } = a.getBoundingClientRect(), w = Math.round(y), T = Math.round(x);
-			w > 0 && T > 0 ? (z(w, T), b = !0, await q()) : b = !1, C && S && J(), d.signal.aborted || (v = !0);
+			w > 0 && T > 0 ? (B(w, T), b = !0, await J()) : b = !1, C && S && Y(), d.signal.aborted || (v = !0);
 		} catch (e) {
 			console.error("[Shaders] Initialization error:", e);
 		} finally {
@@ -528,7 +528,7 @@ function Qe() {
 	}, ve = () => {
 		!Ze() || Xe || (console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production."), Xe = !0);
 	}, ye = () => {
-		if (x && x.abort(), m && (m.disconnect(), m = null), _ && (_.disconnect(), _ = null), N && (e && (e.removeEventListener("mousedown", he), e.removeEventListener("touchstart", ge)), window && (window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", fe), window.removeEventListener("mouseup", pe), window.removeEventListener("touchend", me)), N = !1), Y(), d.nodes.clear(), d.rootId = null, d.idToNodeId.clear(), P = [], F = !1, I = [], L = !1, o) {
+		if (x && x.abort(), m && (m.disconnect(), m = null), _ && (_.disconnect(), _ = null), P && (e && (e.removeEventListener("mousedown", he), e.removeEventListener("touchstart", ge)), window && (window.removeEventListener("mousemove", Z), window.removeEventListener("touchmove", fe), window.removeEventListener("mouseup", pe), window.removeEventListener("touchend", me)), P = !1), X(), d.nodes.clear(), d.rootId = null, d.idToNodeId.clear(), F = [], I = !1, L = [], R = !1, o) {
 			i && i.remove(o);
 			try {
 				o.geometry && typeof o.geometry.dispose == "function" && o.geometry.dispose();
@@ -540,17 +540,19 @@ function Qe() {
 		if (t && typeof t.dispose == "function") try {
 			t.dispose();
 		} catch {}
-		e = null, t = null, n = null, i = null, o = null, l = null, v = !1, y = !1, b = !1, x = null, w = 0, T = 0, S = !1, C = !0, k = .5, A = .5, j = !1;
+		e = null, t = null, n = null, i = null, o = null, l = null, v = !1, y = !1, b = !1, x = null, w = 0, T = 0, S = !1, C = !0, A = .5, j = .5, M = !1;
 	};
 	return {
 		initialize: _e,
 		cleanup: ye,
-		registerNode: ce,
-		removeNode: G,
-		updateUniformValue: le,
-		updateNodeMetadata: ue,
+		registerNode: se,
+		removeNode: K,
+		updateUniformValue: ce,
+		updateNodeMetadata: le,
 		showLicenseWarning: ve,
-		isInitialized: () => v
+		isInitialized: () => v,
+		startAnimation: Y,
+		stopAnimation: X
 	};
 }
 const { uniform: $e } = _;
@@ -572,40 +574,40 @@ const { vec2: tt, fract: nt, sin: rt, dot: it } = _, { vec2: at } = _, ot = () =
 		Blur: w,
 		Bulge: T,
 		Checkerboard: E,
-		ChromaFlow: ne,
-		ChromaticAberration: D,
-		Circle: O,
-		ColorMapping: k,
-		CRTScreen: A,
-		Dither: j,
-		DotGrid: M,
-		Duotone: N,
-		Exposure: P,
-		FilmGrain: F,
-		FloatingParticles: I,
-		GlassTiles: L,
-		Glitch: R,
-		Glow: re,
-		Godrays: z,
-		Grayscale: ie,
-		Grid: ae,
-		GridDistortion: B,
-		Group: V,
-		HalfTone: oe,
-		HueShift: se,
-		ImageTexture: H,
-		Invert: U,
-		LinearBlur: W,
-		LinearGradient: ce,
-		Liquify: le,
-		Mirror: ue,
-		PerlinNoise: G,
-		Pixelate: de,
-		Posterize: K,
-		ProgressiveBlur: q,
-		RadialBlur: J,
-		RadialGradient: Y,
-		Ripples: X,
+		ChromaFlow: D,
+		ChromaticAberration: O,
+		Circle: k,
+		ColorMapping: A,
+		CRTScreen: j,
+		Dither: M,
+		DotGrid: N,
+		Duotone: P,
+		Exposure: F,
+		FilmGrain: I,
+		FloatingParticles: L,
+		GlassTiles: R,
+		Glitch: z,
+		Glow: ne,
+		Godrays: B,
+		Grayscale: re,
+		Grid: ie,
+		GridDistortion: V,
+		Group: H,
+		HalfTone: ae,
+		HueShift: oe,
+		ImageTexture: U,
+		Invert: W,
+		LinearBlur: G,
+		LinearGradient: se,
+		Liquify: ce,
+		Mirror: le,
+		PerlinNoise: K,
+		Pixelate: ue,
+		Posterize: q,
+		ProgressiveBlur: J,
+		RadialBlur: Y,
+		RadialGradient: X,
+		Ripples: de,
 		Saturation: Z,
 		SimplexNoise: fe,
 		SineWave: pe,

package/dist/vue/index62.js

@@ -45,8 +45,8 @@ var f = /* @__PURE__ */ r({
 				renderOrder: o.renderOrder
 			}, m, e);
 		}, x = () => {
-			let t = i();
-			t.run(() => {
+			let e = i();
+			e.run(() => {
 				Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
 					d(() => o[e], (r) => {
 						if (t && t.value !== void 0) {
@@ -72,10 +72,10 @@ var f = /* @__PURE__ */ r({
 						renderOrder: o.renderOrder
 					});
 				}, { deep: !0 }), y && d(y, () => {
-					console.log(`[${e.name}] Re-registering due to renderer reset`), b();
+					b();
 				}), b();
 			}), s(() => {
-				t.stop();
+				e.stop();
 			});
 		};
 		return x(), s(() => {

package/dist/vue/index64.js

@@ -46,8 +46,8 @@ var f = /* @__PURE__ */ r({
 				renderOrder: o.renderOrder
 			}, m, e);
 		}, x = () => {
-			let t = i();
-			t.run(() => {
+			let e = i();
+			e.run(() => {
 				Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
 					d(() => o[e], (r) => {
 						if (t && t.value !== void 0) {
@@ -73,10 +73,10 @@ var f = /* @__PURE__ */ r({
 						renderOrder: o.renderOrder
 					});
 				}, { deep: !0 }), y && d(y, () => {
-					console.log(`[${e.name}] Re-registering due to renderer reset`), b();
+					b();
 				}), b();
 			}), s(() => {
-				t.stop();
+				e.stop();
 			});
 		};
 		return x(), s(() => {

package/dist/vue/index66.js

@@ -57,8 +57,8 @@ var f = /* @__PURE__ */ r({
 				renderOrder: o.renderOrder
 			}, m, e);
 		}, x = () => {
-			let t = i();
-			t.run(() => {
+			let e = i();
+			e.run(() => {
 				Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
 					d(() => o[e], (r) => {
 						if (t && t.value !== void 0) {
@@ -84,10 +84,10 @@ var f = /* @__PURE__ */ r({
 						renderOrder: o.renderOrder
 					});
 				}, { deep: !0 }), y && d(y, () => {
-					console.log(`[${e.name}] Re-registering due to renderer reset`), b();
+					b();
 				}), b();
 			}), s(() => {
-				t.stop();
+				e.stop();
 			});
 		};
 		return x(), s(() => {

package/dist/vue/index68.js

@@ -44,8 +44,8 @@ var f = /* @__PURE__ */ r({
 				renderOrder: o.renderOrder
 			}, m, e);
 		}, x = () => {
-			let t = i();
-			t.run(() => {
+			let e = i();
+			e.run(() => {
 				Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
 					d(() => o[e], (r) => {
 						if (t && t.value !== void 0) {
@@ -71,10 +71,10 @@ var f = /* @__PURE__ */ r({
 						renderOrder: o.renderOrder
 					});
 				}, { deep: !0 }), y && d(y, () => {
-					console.log(`[${e.name}] Re-registering due to renderer reset`), b();
+					b();
 				}), b();
 			}), s(() => {
-				t.stop();
+				e.stop();
 			});
 		};
 		return x(), s(() => {

package/dist/vue/index70.js

@@ -45,8 +45,8 @@ var f = /* @__PURE__ */ r({
 				renderOrder: o.renderOrder
 			}, m, e);
 		}, x = () => {
-			let t = i();
-			t.run(() => {
+			let e = i();
+			e.run(() => {
 				Object.entries(m).forEach(([e, { uniform: t, transform: n }]) => {
 					d(() => o[e], (r) => {
 						if (t && t.value !== void 0) {
@@ -72,10 +72,10 @@ var f = /* @__PURE__ */ r({
 						renderOrder: o.renderOrder
 					});
 				}, { deep: !0 }), y && d(y, () => {
-					console.log(`[${e.name}] Re-registering due to renderer reset`), b();
+					b();
 				}), b();
 			}), s(() => {
-				t.stop();
+				e.stop();
 			});
 		};
 		return x(), s(() => {