@tresjs/core 5.0.0-next.2 → 5.0.0-next.3

package/dist/src/composables/useRenderer/useRendererManager.d.ts

@@ -183,5 +183,6 @@ export declare function useRendererManager({ scene, canvas, options, contextPart
     invalidate: (amountOfFramesToInvalidate?: number) => void;
     canBeInvalidated: import('vue').ComputedRef<boolean>;
     frames: import('vue').Ref<number, number>;
+    mode: "always" | "on-demand" | "manual" | undefined;
 };
 export type UseRendererManagerReturn = ReturnType<typeof useRendererManager>;

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v5.0.0-next.2
+ * version: v5.0.0-next.3
  * (c) 2025
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,11 +8,11 @@
 var ki = Object.defineProperty;
 var xi = (e, t, n) => t in e ? ki(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var C = (e, t, n) => xi(e, typeof t != "symbol" ? t + "" : t, n);
-import { reactive as Ri, toValue as x, watch as Dt, onUnmounted as ne, defineComponent as ct, renderSlot as Fi, unref as X, ref as re, computed as te, watchEffect as W, readonly as Gt, shallowRef as ft, provide as Me, inject as Li, isRef as Ce, useSlots as Mi, getCurrentInstance as Yt, onMounted as Ni, createElementBlock as Vi, openBlock as Bi, normalizeStyle as Ui, normalizeClass as Hi, createRenderer as $i, h as qt, Fragment as zi } from "vue";
+import { reactive as Ri, toValue as x, watch as Dt, onUnmounted as ne, defineComponent as ct, renderSlot as Fi, unref as X, ref as re, computed as te, watchEffect as W, readonly as Gt, shallowRef as ft, provide as Le, inject as Mi, isRef as Ce, useSlots as Li, getCurrentInstance as Yt, onMounted as Ni, createElementBlock as Vi, openBlock as Bi, normalizeStyle as Ui, normalizeClass as Hi, createRenderer as $i, h as qt, Fragment as zi } from "vue";
 import * as br from "three";
 import { Layers as Ki, Scene as Tr, MathUtils as Or, Vector3 as k, MeshBasicMaterial as Sr, DoubleSide as ji, Clock as Pr, WebGLRenderer as Ir, Mesh as Ge, Material as Wi, Vector2 as Q, Ray as dt, SphereGeometry as Gi, Object3D as Ye, Matrix4 as Ie, BufferAttribute as Dr, Triangle as kr, Line3 as Yi, Plane as qe, Raycaster as qi, Quaternion as pt, Sphere as Xi, Color as Ne, PCFSoftShadowMap as Zi, ACESFilmicToneMapping as Qi, PerspectiveCamera as Ji, ArrowHelper as eo, Line as to, BufferGeometry as Xt, Float32BufferAttribute as Zt, LineBasicMaterial as no, BackSide as ro, HemisphereLightHelper as io, SpotLightHelper as oo, PointLightHelper as so, DirectionalLightHelper as uo } from "three";
 import { useAsyncState as ao, whenever as Qt, tryOnScopeDispose as lo, createEventHook as le, useDevicePixelRatio as co, unrefElement as fo, useWindowSize as po, useElementSize as ho, refDebounced as Jt, useRafFn as xr, useFps as _o, useMemory as mo } from "@vueuse/core";
-const go = "@tresjs/core", Eo = "module", vo = "5.0.0-next.2", yo = "pnpm@10.6.3", Co = "Declarative ThreeJS using Vue Components", Ao = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", wo = "MIT", bo = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, To = ["vue", "3d", "threejs", "three", "threejs-vue"], Oo = !1, So = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Po = "./dist/tres.js", Io = "./dist/tres.js", Do = "./dist/index.d.ts", ko = ["*.d.ts", "dist"], xo = { access: "public" }, Ro = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", typecheck: "vue-tsc --noEmit", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "docs:contributors": "esno scripts/update-contributors.ts" }, Fo = { three: ">=0.133", vue: ">=3.4" }, Lo = { "@alvarosabu/utils": "^3.2.0", "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^12.5.0" }, Mo = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "5.0.0-next.0", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.173.0", "@typescript-eslint/eslint-plugin": "^8.23.0", "@typescript-eslint/parser": "^8.23.0", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.0.5", "@vitest/ui": "^3.0.5", "@vue/test-utils": "^2.4.6", eslint: "^9.19.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.7", jsdom: "^26.0.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.2", "release-it": "^18.1.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.14.0", sponsorkit: "^16.3.0", three: "^0.173.0", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^6.1.0", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.0", "vite-plugin-inspect": "^10.1.0", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.0.5", vue: "3.5.13", "vue-demi": "^0.14.10", "vue-tsc": "^2.2.0" }, No = {
+const go = "@tresjs/core", Eo = "module", vo = "5.0.0-next.3", yo = "pnpm@10.6.3", Co = "Declarative ThreeJS using Vue Components", Ao = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", wo = "MIT", bo = { type: "git", url: "git+https://github.com/Tresjs/tres.git" }, To = ["vue", "3d", "threejs", "three", "threejs-vue"], Oo = !1, So = { ".": { types: "./dist/index.d.ts", import: "./dist/tres.js" }, "./components": { types: "./dist/src/components/index.d.ts" }, "./composables": { types: "./dist/src/composables/index.d.ts" }, "./types": { types: "./dist/src/types/index.d.ts" }, "./utils": { types: "./dist/src/utils/index.d.ts" }, "./*": "./*" }, Po = "./dist/tres.js", Io = "./dist/tres.js", Do = "./dist/index.d.ts", ko = ["*.d.ts", "dist"], xo = { access: "public" }, Ro = { dev: "pnpm --filter='./playground/vue' dev", "dev:nuxt": "pnpm --filter='./playground/nuxt' dev", build: "vite build", test: "vitest", "test:ci": "vitest run", "test:ui": "vitest --ui --coverage.enabled=true", release: "release-it", coverage: "vitest run --coverage", lint: "eslint .", "lint:fix": "eslint . --fix", typecheck: "vue-tsc --noEmit", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "docs:contributors": "esno scripts/update-contributors.ts" }, Fo = { three: ">=0.133", vue: ">=3.4" }, Mo = { "@alvarosabu/utils": "^3.2.0", "@pmndrs/pointer-events": "^6.6.17", "@vue/devtools-api": "^7.7.2", "@vueuse/core": "^12.5.0" }, Lo = { "@release-it/conventional-changelog": "^10.0.0", "@stackblitz/sdk": "^1.11.0", "@tresjs/cientos": "5.0.0-next.0", "@tresjs/eslint-config": "^1.4.0", "@types/three": "^0.173.0", "@typescript-eslint/eslint-plugin": "^8.23.0", "@typescript-eslint/parser": "^8.23.0", "@vitejs/plugin-vue": "^5.2.1", "@vitest/coverage-c8": "^0.33.0", "@vitest/coverage-v8": "^3.0.5", "@vitest/ui": "^3.0.5", "@vue/test-utils": "^2.4.6", eslint: "^9.19.0", "eslint-plugin-vue": "^9.32.0", esno: "^4.8.0", gsap: "^3.12.7", jsdom: "^26.0.0", kolorist: "^1.8.0", ohmyfetch: "^0.4.21", pathe: "^2.0.2", "release-it": "^18.1.2", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-visualizer": "^5.14.0", sponsorkit: "^16.3.0", three: "^0.173.0", unocss: "^65.4.3", unplugin: "^2.1.2", "unplugin-vue-components": "^28.0.0", vite: "^6.1.0", "vite-plugin-banner": "^0.8.0", "vite-plugin-dts": "4.5.0", "vite-plugin-inspect": "^10.1.0", "vite-plugin-require-transform": "^1.0.21", "vite-svg-loader": "^5.1.0", vitepress: "1.6.3", vitest: "3.0.5", vue: "3.5.13", "vue-demi": "^0.14.10", "vue-tsc": "^2.2.0" }, No = {
   name: go,
   type: Eo,
   version: vo,
@@ -31,8 +31,8 @@ const go = "@tresjs/core", Eo = "module", vo = "5.0.0-next.2", yo = "pnpm@10.6.3
   publishConfig: xo,
   scripts: Ro,
   peerDependencies: Fo,
-  dependencies: Lo,
-  devDependencies: Mo
+  dependencies: Mo,
+  devDependencies: Lo
 };
 class Vo extends br.Mesh {
   constructor(...n) {
@@ -70,11 +70,11 @@ function _t(e) {
 function ae(e) {
   return U(e) && !!e.isCamera;
 }
-function Lr(e) {
+function Mr(e) {
   return U(e) && !!e.isColor;
 }
 function Uo(e) {
-  return e != null && (typeof e == "string" || typeof e == "number" || Lr(e));
+  return e != null && (typeof e == "string" || typeof e == "number" || Mr(e));
 }
 function mt(e) {
   return e !== null && typeof e == "object" && "set" in e && typeof e.set == "function";
@@ -137,7 +137,7 @@ function es(e, t) {
     n[r[i]] = !0;
   return t ? (i) => !!n[i.toLowerCase()] : (i) => !!n[i];
 }
-function Mr(e, t) {
+function Lr(e, t) {
   if (nn(e) && nn(t)) {
     const i = e.attributes, o = t.attributes;
     return i.length !== o.length ? !1 : Array.from(i).every(({ name: s, value: a }) => t.getAttribute(s) === a);
@@ -150,7 +150,7 @@ function Mr(e, t) {
   if (n.length !== r.length)
     return !1;
   for (const i of n)
-    if (!r.includes(i) || !Mr(e[i], t[i]))
+    if (!r.includes(i) || !Lr(e[i], t[i]))
       return !1;
   return !0;
 }
@@ -158,7 +158,7 @@ function ts(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!Mr(e[n], t[n]))
+    if (!Lr(e[n], t[n]))
       return !1;
   return !0;
 }
@@ -470,7 +470,7 @@ function hs() {
     }
   }
   function E() {
-    t && (t = !1, v(), L());
+    t && (t = !1, v(), M());
   }
   function d() {
     t = !0, v(), cancelAnimationFrame(s);
@@ -487,10 +487,10 @@ function hs() {
   function S() {
     o.value = !1;
   }
-  function L() {
+  function M() {
     var F;
     if (!e) {
-      s = requestAnimationFrame(L);
+      s = requestAnimationFrame(M);
       return;
     }
     const A = r.getDelta(), O = r.getElapsedTime(), T = {
@@ -502,7 +502,7 @@ function hs() {
       invalidate: f.invalidate,
       advance: f.advance
     }, D = { delta: A, elapsed: O, clock: r, ...T };
-    i.value && u.trigger(D), o.value || (l.count ? l.trigger(D) : c && c(D)), i.value && p.trigger(D), s = requestAnimationFrame(L);
+    i.value && u.trigger(D), o.value || (l.count ? l.trigger(D) : c && c(D)), i.value && p.trigger(D), s = requestAnimationFrame(M);
   }
   function v() {
     const A = !t && !n;
@@ -563,7 +563,7 @@ function _s({
   }), x(n.renderMode) === "on-demand" && f(), x(n.renderMode) === "manual" && setTimeout(() => {
     _();
   }, 100);
-  const L = te(() => {
+  const M = te(() => {
     const v = x(n.clearColor), A = x(n.clearAlpha), O = typeof v == "string" && v.length === 9 && v.startsWith("#");
     return O && A !== void 0 && ze(`clearColor with alpha (e.g. ${v}) and clearAlpha cannot both be set, using clearColor as source of truth`), O ? {
       alpha: Number.parseInt(v.slice(7, 9), 16) / 255,
@@ -574,7 +574,7 @@ function _s({
     };
   });
   return W(() => {
-    const v = L.value;
+    const v = M.value;
     v.color === void 0 || v.alpha === void 0 || a.setClearColor(v.color, v.alpha);
   }), W(() => {
     const v = n.toneMapping;
@@ -600,7 +600,8 @@ function _s({
     onReady: b.on,
     invalidate: f,
     canBeInvalidated: l,
-    frames: c
+    frames: c,
+    mode: x(n.renderMode)
   };
 }
 function ms(e, t, n = 10) {
@@ -719,7 +720,7 @@ class gs {
   }
 }
 const nt = new k();
-class M extends gs {
+class L extends gs {
   constructor(n, r, i, o, s, a, c = s.object, u = c, l = {
     stopped: !r,
     stoppedImmediate: !1
@@ -861,10 +862,10 @@ class M extends gs {
    * for internal use
    */
   retarget(n) {
-    return new M(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, n, this.target, this.propagationState);
+    return new L(this.type, this.bubbles, this.nativeEvent, this.internalPointer, this.intersection, this.camera, n, this.target, this.propagationState);
   }
 }
-class je extends M {
+class je extends L {
   get deltaX() {
     return this.nativeEvent.deltaX;
   }
@@ -1100,20 +1101,20 @@ class Is {
   commit(t, n) {
     var c;
     const r = this.getCamera(), i = this.prevEnabled ? this.prevIntersection : void 0, o = this.enabled ? this.intersection : void 0;
-    i != null && i.object != (o == null ? void 0 : o.object) && V(new M("pointerout", !0, t, this, i, r));
+    i != null && i.object != (o == null ? void 0 : o.object) && V(new L("pointerout", !0, t, this, i, r));
     const s = this.pointerEntered;
     this.pointerEntered = [], this.pointerEnteredHelper.length = 0, Kr(o == null ? void 0 : o.object, this.pointerEntered, s, this.pointerEnteredHelper);
     const a = s.length;
     for (let u = 0; u < a; u++) {
       const l = s[u];
-      V(new M("pointerleave", !1, t, this, i, r, l));
+      V(new L("pointerleave", !1, t, this, i, r, l));
     }
-    o != null && (i == null ? void 0 : i.object) != o.object && V(new M("pointerover", !0, t, this, o, r));
+    o != null && (i == null ? void 0 : i.object) != o.object && V(new L("pointerover", !0, t, this, o, r));
     for (let u = this.pointerEnteredHelper.length - 1; u >= 0; u--) {
       const l = this.pointerEnteredHelper[u];
-      V(new M("pointerenter", !1, t, this, o, r, l));
+      V(new L("pointerenter", !1, t, this, o, r, l));
     }
-    if (n && o != null && V(new M("pointermove", !0, t, this, o, r)), this.prevIntersection = this.intersection, this.prevEnabled = this.enabled, !this.wasMoved && this.intersector.isReady()) {
+    if (n && o != null && V(new L("pointermove", !0, t, this, o, r)), this.prevIntersection = this.intersection, this.prevEnabled = this.enabled, !this.wasMoved && this.intersector.isReady()) {
       this.wasMoved = !0;
       const u = this.onFirstMove.length;
       for (let l = 0; l < u; l++)
@@ -1133,7 +1134,7 @@ class Is {
    * just emitting a move event to the current intersection
    */
   emitMove(t) {
-    this.intersection != null && V(new M("pointermove", !0, t, this, this.intersection, this.getCamera()));
+    this.intersection != null && V(new L("pointermove", !0, t, this, this.intersection, this.getCamera()));
   }
   down(t) {
     if (this.buttonsDown.add(t.button), !this.enabled)
@@ -1144,7 +1145,7 @@ class Is {
     }
     if (this.intersection == null)
       return;
-    V(new M("pointerdown", !0, t, this, this.intersection, this.getCamera()));
+    V(new L("pointerdown", !0, t, this, this.intersection, this.getCamera()));
     const { object: n } = this.intersection;
     n[Ee] ?? (n[Ee] = /* @__PURE__ */ new Map()), n[Ee].set(t.button, t.timeStamp), this.buttonsDownTime.set(t.button, t.timeStamp);
   }
@@ -1160,15 +1161,15 @@ class Is {
     const { clickThesholdMs: n, contextMenuButton: r = 2, dblClickThresholdMs: i = 500, clickThresholdMs: o = n ?? 300 } = this.options;
     this.pointerCapture = void 0;
     const s = Ds(this.buttonsDownTime, this.intersection.object[Ee], t.button, t.timeStamp, o), a = this.getCamera();
-    if (s && t.button === r && V(new M("contextmenu", !0, t, this, this.intersection, a)), V(new M("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
+    if (s && t.button === r && V(new L("contextmenu", !0, t, this, this.intersection, a)), V(new L("pointerup", !0, t, this, this.intersection, a)), !s || t.button === r)
       return;
-    V(new M("click", !0, t, this, this.intersection, a));
+    V(new L("click", !0, t, this, this.intersection, a));
     const { object: c } = this.intersection, u = c[it] ?? (c[it] = /* @__PURE__ */ new Map()), l = u.get(t.button);
     if (l == null || t.timeStamp - l > i) {
       u.set(t.button, t.timeStamp);
       return;
     }
-    V(new M("dblclick", !0, t, this, this.intersection, a)), u.delete(t.button);
+    V(new L("dblclick", !0, t, this, this.intersection, a)), u.delete(t.button);
   }
   cancel(t) {
     if (this.enabled) {
@@ -1176,7 +1177,7 @@ class Is {
         this.onFirstMove.push(this.cancel.bind(this, t));
         return;
       }
-      this.intersection != null && V(new M("pointercancel", !0, t, this, this.intersection, this.getCamera()));
+      this.intersection != null && V(new L("pointercancel", !0, t, this, this.intersection, this.getCamera()));
     }
   }
   wheel(t, n, r = !1) {
@@ -1255,8 +1256,8 @@ new k(0, 0, 0), new k(0, 0, 1);
 const pn = new Ie(), Fs = new k();
 new k(0, 0, -1);
 new qe();
-const hn = new Q(), Ls = new k();
-class Ms {
+const hn = new Q(), Ms = new k();
+class Ls {
   constructor(t, n) {
     C(this, "prepareTransformation");
     C(this, "options");
@@ -1302,7 +1303,7 @@ class Ms {
   }
   startIntersection(t) {
     const n = this.prepareTransformation(t, this.coords);
-    return n == null ? !1 : (n.updateWorldMatrix(!0, !1), n.matrixWorld.decompose(this.fromPosition, this.fromQuaternion, Fs), this.raycaster.setFromCamera(this.coords, n), this.viewPlane.setFromNormalAndCoplanarPoint(n.getWorldDirection(Ls), this.raycaster.ray.origin), !0);
+    return n == null ? !1 : (n.updateWorldMatrix(!0, !1), n.matrixWorld.decompose(this.fromPosition, this.fromQuaternion, Fs), this.raycaster.setFromCamera(this.coords, n), this.viewPlane.setFromNormalAndCoplanarPoint(n.getWorldDirection(Ms), this.raycaster.ray.origin), !0);
   }
   executeIntersection(t, n) {
     const r = this.intersects.length;
@@ -1371,7 +1372,7 @@ function Us(e, t, n, r) {
 function Hs(e, t, n, r, i, o, s = {}) {
   const a = (s == null ? void 0 : s.forwardPointerCapture) ?? !0, c = /* @__PURE__ */ new Map(), u = s.pointerTypePrefix ?? "forward-", l = (A, O) => {
     let T = c.get(A.pointerId);
-    return T != null || (T = new Is(Vs(), `${u}${A.pointerType}`, A.pointerState, new Ms((D, F) => (r(D, F), t()), s), t, void 0, a ? i.bind(null, A.pointerId) : void 0, a ? o.bind(null, A.pointerId) : void 0, s), O != "move" && O != "wheel" && (T.setIntersection(T.computeIntersection("pointer", n, A)), T.commit(A, !1)), c.set(A.pointerId, T)), T;
+    return T != null || (T = new Is(Vs(), `${u}${A.pointerType}`, A.pointerState, new Ls((D, F) => (r(D, F), t()), s), t, void 0, a ? i.bind(null, A.pointerId) : void 0, a ? o.bind(null, A.pointerId) : void 0, s), O != "move" && O != "wheel" && (T.setIntersection(T.computeIntersection("pointer", n, A)), T.commit(A, !1)), c.set(A.pointerId, T)), T;
   }, p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), _ = [], h = [], E = (A, O, T) => {
     switch (A) {
       case "move":
@@ -1400,10 +1401,10 @@ function Hs(e, t, n, r, i, o, s = {}) {
   }, d = (A, O) => {
     const T = l(O, A);
     A === "move" && f.set(T, O), A === "wheel" && p.set(T, O), s.batchEvents ?? !0 ? h.push({ type: A, event: O }) : E(A, O, T);
-  }, m = d.bind(null, "move"), b = d.bind(null, "cancel"), w = d.bind(null, "down"), S = d.bind(null, "up"), L = d.bind(null, "wheel"), v = d.bind(null, "exit");
-  return e.addEventListener("pointermove", m), e.addEventListener("pointercancel", b), e.addEventListener("pointerdown", w), e.addEventListener("pointerup", S), e.addEventListener("wheel", L), e.addEventListener("pointerleave", v), {
+  }, m = d.bind(null, "move"), b = d.bind(null, "cancel"), w = d.bind(null, "down"), S = d.bind(null, "up"), M = d.bind(null, "wheel"), v = d.bind(null, "exit");
+  return e.addEventListener("pointermove", m), e.addEventListener("pointercancel", b), e.addEventListener("pointerdown", w), e.addEventListener("pointerup", S), e.addEventListener("wheel", M), e.addEventListener("pointerleave", v), {
     destroy() {
-      e.removeEventListener("pointermove", m), e.removeEventListener("pointercancel", b), e.removeEventListener("pointerdown", w), e.removeEventListener("pointerup", S), e.removeEventListener("wheel", L), e.removeEventListener("pointerleave", v), f.clear(), p.clear();
+      e.removeEventListener("pointermove", m), e.removeEventListener("pointercancel", b), e.removeEventListener("pointerdown", w), e.removeEventListener("pointerup", S), e.removeEventListener("wheel", M), e.removeEventListener("pointerleave", v), f.clear(), p.clear();
     },
     update() {
       const A = h.length;
@@ -1466,7 +1467,7 @@ function zs({
     loop: a,
     events: u
   };
-  return Me("useTres", l), l.scene.value.__tres = {
+  return Le("useTres", l), l.scene.value.__tres = {
     root: l
   }, l.loop.setReady(!1), l.loop.start(), c.onReady(() => {
     l.loop.setReady(!0);
@@ -1475,7 +1476,7 @@ function zs({
   }), l;
 }
 function jr() {
-  const e = Li("useTres");
+  const e = Mi("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
@@ -1683,8 +1684,8 @@ const Gs = [
     En(l) && q(f) && u.addEventListener(Ys[l], f);
     let E = et(h), d = _ == null ? void 0 : _[E];
     if (h === "args") {
-      const S = u, L = p ?? [], v = f ?? [], A = ((w = u.__tres) == null ? void 0 : w.type) || u.type;
-      if (A && L.length && !ts(L, v)) {
+      const S = u, M = p ?? [], v = f ?? [], A = ((w = u.__tres) == null ? void 0 : w.type) || u.type;
+      if (A && M.length && !ts(M, v)) {
         const O = new Et.value[A](...f), T = Object.getOwnPropertyDescriptors(O);
         Object.entries(T).forEach(([D, F]) => {
           if (!(!F.writable && !F.set) && D in S)
@@ -1716,7 +1717,7 @@ const Gs = [
       En(l) || (Rr(m) ? u[E](...m) : u[E](m)), E.startsWith("on") && q(m) && (_[E] = m);
       return;
     }
-    en(d) && en(m) ? d.mask = m.mask : Lr(d) && Uo(m) ? d.set(m) : Ho(d) && $o(m) && d.constructor === m.constructor ? d.copy(m) : mt(d) && Array.isArray(m) ? "fromArray" in d && typeof d.fromArray == "function" ? d.fromArray(m) : d.set(...m) : mt(d) && typeof m == "number" ? "setScalar" in d && typeof d.setScalar == "function" ? d.setScalar(m) : d.set(m) : _[E] = m, ae(u) && u.updateProjectionMatrix(), Nr(u);
+    en(d) && en(m) ? d.mask = m.mask : Mr(d) && Uo(m) ? d.set(m) : Ho(d) && $o(m) && d.constructor === m.constructor ? d.copy(m) : mt(d) && Array.isArray(m) ? "fromArray" in d && typeof d.fromArray == "function" ? d.fromArray(m) : d.set(...m) : mt(d) && typeof m == "number" ? "setScalar" in d && typeof d.setScalar == "function" ? d.setScalar(m) : d.set(m) : _[E] = m, ae(u) && u.updateProjectionMatrix(), Nr(u);
   }
   function s(u) {
     var l;
@@ -3426,11 +3427,11 @@ var gu = Object.create, Qr = Object.defineProperty, Eu = Object.getOwnPropertyDe
           "¤": "tien te"
         }
       }, c = [";", "?", ":", "@", "&", "=", "+", "$", ",", "/"].join(""), u = [";", "?", ":", "@", "&", "=", "+", "$", ","].join(""), l = [".", "!", "~", "*", "'", "(", ")"].join(""), p = function(d, m) {
-        var b = "-", w = "", S = "", L = !0, v = {}, A, O, T, D, F, ke, me, oe, jt, K, P, xe, $, se, G = "";
+        var b = "-", w = "", S = "", M = !0, v = {}, A, O, T, D, F, ke, me, oe, jt, K, P, xe, $, se, G = "";
         if (typeof d != "string")
           return "";
         if (typeof m == "string" && (b = m), me = a.en, oe = s.en, typeof m == "object") {
-          A = m.maintainCase || !1, v = m.custom && typeof m.custom == "object" ? m.custom : v, T = +m.truncate > 1 && m.truncate || !1, D = m.uric || !1, F = m.uricNoSlash || !1, ke = m.mark || !1, L = !(m.symbols === !1 || m.lang === !1), b = m.separator || b, D && (G += c), F && (G += u), ke && (G += l), me = m.lang && a[m.lang] && L ? a[m.lang] : L ? a.en : {}, oe = m.lang && s[m.lang] ? s[m.lang] : m.lang === !1 || m.lang === !0 ? {} : s.en, m.titleCase && typeof m.titleCase.length == "number" && Array.prototype.toString.call(m.titleCase) ? (m.titleCase.forEach(function(H) {
+          A = m.maintainCase || !1, v = m.custom && typeof m.custom == "object" ? m.custom : v, T = +m.truncate > 1 && m.truncate || !1, D = m.uric || !1, F = m.uricNoSlash || !1, ke = m.mark || !1, M = !(m.symbols === !1 || m.lang === !1), b = m.separator || b, D && (G += c), F && (G += u), ke && (G += l), me = m.lang && a[m.lang] && M ? a[m.lang] : M ? a.en : {}, oe = m.lang && s[m.lang] ? s[m.lang] : m.lang === !1 || m.lang === !0 ? {} : s.en, m.titleCase && typeof m.titleCase.length == "number" && Array.prototype.toString.call(m.titleCase) ? (m.titleCase.forEach(function(H) {
             v[H + ""] = H + "";
           }), O = !0) : O = !!m.titleCase, m.custom && typeof m.custom.length == "number" && Array.prototype.toString.call(m.custom) && m.custom.forEach(function(H) {
             v[H + ""] = H + "";
@@ -3499,7 +3500,7 @@ function Su(e) {
 function Cn(e, t) {
   return e.type.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ = t, t;
 }
-function Lt(e) {
+function Mt(e) {
   if (e.__VUE_DEVTOOLS_NEXT_APP_RECORD__)
     return e.__VUE_DEVTOOLS_NEXT_APP_RECORD__;
   if (e.root)
@@ -3507,7 +3508,7 @@ function Lt(e) {
 }
 function ei(e) {
   var t, n;
-  const r = (t = e.subTree) == null ? void 0 : t.type, i = Lt(e);
+  const r = (t = e.subTree) == null ? void 0 : t.type, i = Mt(e);
   return i ? ((n = i == null ? void 0 : i.types) == null ? void 0 : n.Fragment) === r : !1;
 }
 function Xe(e) {
@@ -3586,7 +3587,7 @@ function ie(e) {
   return typeof window > "u" ? An : ei(e) ? ku(e.subTree) : (t == null ? void 0 : t.nodeType) === 1 ? t == null ? void 0 : t.getBoundingClientRect() : e.subTree.component ? ie(e.subTree.component) : An;
 }
 g();
-function Mt(e) {
+function Lt(e) {
   return ei(e) ? Ru(e.subTree) : e.subTree ? [e.subTree.el] : [];
 }
 function Ru(e) {
@@ -3594,7 +3595,7 @@ function Ru(e) {
     return [];
   const t = [];
   return e.children.forEach((n) => {
-    n.component ? t.push(...Mt(n.component)) : n != null && n.el && t.push(n.el);
+    n.component ? t.push(...Lt(n.component)) : n != null && n.el && t.push(n.el);
   }), t;
 }
 var ti = "__vue-devtools-component-inspector__", ni = "__vue-devtools-component-inspector__card__", ri = "__vue-devtools-component-inspector__name__", ii = "__vue-devtools-component-inspector__indicator__", oi = {
@@ -3619,7 +3620,7 @@ var ti = "__vue-devtools-component-inspector__", ni = "__vue-devtools-component-
   lineHeight: "24px",
   backgroundColor: "#42b883",
   boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
-}, Lu = {
+}, Mu = {
   display: "inline-block",
   fontWeight: 400,
   fontStyle: "normal",
@@ -3629,7 +3630,7 @@ var ti = "__vue-devtools-component-inspector__", ni = "__vue-devtools-component-
 function he() {
   return document.getElementById(ti);
 }
-function Mu() {
+function Lu() {
   return document.getElementById(ni);
 }
 function Nu() {
@@ -3662,10 +3663,10 @@ function Vt(e) {
   const i = document.createElement("span");
   i.id = ri, i.innerHTML = `&lt;${e.name}&gt;&nbsp;&nbsp;`;
   const o = document.createElement("i");
-  return o.id = ii, o.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(o.style, Lu), r.appendChild(i), r.appendChild(o), n.appendChild(r), document.body.appendChild(n), n;
+  return o.id = ii, o.innerHTML = `${Math.round(e.bounds.width * 100) / 100} x ${Math.round(e.bounds.height * 100) / 100}`, Object.assign(o.style, Mu), r.appendChild(i), r.appendChild(o), n.appendChild(r), document.body.appendChild(n), n;
 }
 function Bt(e) {
-  const t = he(), n = Mu(), r = Vu(), i = Nu();
+  const t = he(), n = Lu(), r = Vu(), i = Nu();
   t && (Object.assign(t.style, {
     ...oi,
     ...Nt(e.bounds)
@@ -3720,7 +3721,7 @@ function $u() {
 function zu(e) {
   const t = Ct(N.value, e.id);
   if (t) {
-    const [n] = Mt(t);
+    const [n] = Lt(t);
     if (typeof n.scrollIntoView == "function")
       n.scrollIntoView({
         behavior: "smooth"
@@ -3894,7 +3895,7 @@ function Ju(e, t) {
   R.timelineLayersState[t.id] = !1, Qu.push({
     ...e,
     descriptorId: t.id,
-    appRecord: Lt(t.app)
+    appRecord: Mt(t.app)
   });
 }
 var Sn, Pn;
@@ -3915,7 +3916,7 @@ function ea(e, t) {
     stateFilterPlaceholder: (r = e.stateFilterPlaceholder) != null ? r : "Search state...",
     treeFilter: "",
     selectedNodeId: "",
-    appRecord: Lt(t.app)
+    appRecord: Mt(t.app)
   }), ai();
 }
 function li() {
@@ -4037,8 +4038,8 @@ var kn, xn;
 (xn = (kn = y).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__) != null || (kn.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD__ = {});
 var Rn, Fn;
 (Fn = (Rn = y).__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__) != null || (Rn.__VUE_DEVTOOLS_KIT_ACTIVE_APP_RECORD_ID__ = "");
-var Ln, Mn;
-(Mn = (Ln = y).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null || (Ln.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = []);
+var Mn, Ln;
+(Ln = (Mn = y).__VUE_DEVTOOLS_KIT_CUSTOM_TABS__) != null || (Mn.__VUE_DEVTOOLS_KIT_CUSTOM_TABS__ = []);
 var Nn, Vn;
 (Vn = (Nn = y).__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__) != null || (Nn.__VUE_DEVTOOLS_KIT_CUSTOM_COMMANDS__ = []);
 var ee = "__VUE_DEVTOOLS_KIT_GLOBAL_STATE__";
@@ -4548,7 +4549,7 @@ function wa(e) {
     inspectDOM(t) {
       const n = Ct(N.value, t);
       if (n) {
-        const [r] = Mt(n);
+        const [r] = Lt(n);
         r && (y.__VUE_DEVTOOLS_INSPECT_DOM_TARGET__ = r);
       }
     },
@@ -4706,7 +4707,7 @@ var Da = class {
 };
 g();
 g();
-var ka = (e) => Object.prototype.toString.call(e).slice(8, -1), _i = (e) => typeof e > "u", xa = (e) => e === null, Te = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Tt = (e) => Te(e) && Object.keys(e).length === 0, Z = (e) => Array.isArray(e), Ra = (e) => typeof e == "string", Fa = (e) => typeof e == "number" && !isNaN(e), La = (e) => typeof e == "boolean", Ma = (e) => e instanceof RegExp, Oe = (e) => e instanceof Map, Se = (e) => e instanceof Set, mi = (e) => ka(e) === "Symbol", Na = (e) => e instanceof Date && !isNaN(e.valueOf()), Va = (e) => e instanceof Error, ur = (e) => typeof e == "number" && isNaN(e), Ba = (e) => La(e) || xa(e) || _i(e) || Fa(e) || Ra(e) || mi(e), Ua = (e) => typeof e == "bigint", Ha = (e) => e === 1 / 0 || e === -1 / 0, $a = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), za = (e) => e instanceof URL;
+var ka = (e) => Object.prototype.toString.call(e).slice(8, -1), _i = (e) => typeof e > "u", xa = (e) => e === null, Te = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Tt = (e) => Te(e) && Object.keys(e).length === 0, Z = (e) => Array.isArray(e), Ra = (e) => typeof e == "string", Fa = (e) => typeof e == "number" && !isNaN(e), Ma = (e) => typeof e == "boolean", La = (e) => e instanceof RegExp, Oe = (e) => e instanceof Map, Se = (e) => e instanceof Set, mi = (e) => ka(e) === "Symbol", Na = (e) => e instanceof Date && !isNaN(e.valueOf()), Va = (e) => e instanceof Error, ur = (e) => typeof e == "number" && isNaN(e), Ba = (e) => Ma(e) || xa(e) || _i(e) || Fa(e) || Ra(e) || mi(e), Ua = (e) => typeof e == "bigint", Ha = (e) => e === 1 / 0 || e === -1 / 0, $a = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), za = (e) => e instanceof URL;
 g();
 var gi = (e) => e.replace(/\./g, "\\."), lt = (e) => e.map(String).map(gi).join("."), we = (e) => {
   const t = [];
@@ -4754,7 +4755,7 @@ var Ei = [
       n[r] = e[r];
     }), n;
   }),
-  z(Ma, "regexp", (e) => "" + e, (e) => {
+  z(La, "regexp", (e) => "" + e, (e) => {
     const t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
     return new RegExp(t, n);
   }),
@@ -5467,7 +5468,7 @@ const ll = ["data-scene", "data-tres"], cl = /* @__PURE__ */ ct({
   },
   emits: ["ready", "render", "pointermissed", "click", "contextmenu", "pointermove", "pointerenter", "pointerleave", "pointerover", "pointerout", "dblclick", "pointerdown", "pointerup", "pointercancel", "lostpointercapture", "wheel"],
   setup(e, { expose: t, emit: n }) {
-    const r = e, i = n, o = Mi(), s = re(), a = ft(new Tr()), c = Yt();
+    const r = e, i = n, o = Li(), s = re(), a = ft(new Tr()), c = Yt();
     vt(br);
     const u = (h, E = !1) => ct({
       setup() {
@@ -5479,8 +5480,8 @@ const ll = ["data-scene", "data-tres"], cl = /* @__PURE__ */ ct({
           S && (S.parent && b(S.parent), S.provides && Object.assign(m, S.provides));
         }
         return c != null && c.parent && r.enableProvideBridge && (b(c.parent), Reflect.ownKeys(m).forEach((S) => {
-          Me(S, m[S]);
-        })), Me("useTres", h), Me("extend", vt), typeof window < "u" && (d != null && d.app) && al(d == null ? void 0 : d.app, h), () => qt(zi, null, E ? [] : o.default());
+          Le(S, m[S]);
+        })), Le("useTres", h), Le("extend", vt), typeof window < "u" && (d != null && d.app) && al(d == null ? void 0 : d.app, h), () => qt(zi, null, E ? [] : o.default());
       }
     }), l = (h, E = !1) => {
       const d = u(h, E), { render: m } = $i(qs(h));
@@ -5504,7 +5505,7 @@ const ll = ["data-scene", "data-tres"], cl = /* @__PURE__ */ ct({
       });
       const { camera: E, renderer: d } = f.value, { registerCamera: m, cameras: b, activeCamera: w, deregisterCamera: S } = E;
       l(f.value);
-      const L = () => {
+      const M = () => {
         const v = new Ji(
           45,
           window.innerWidth / window.innerHeight,
@@ -5526,7 +5527,7 @@ const ll = ["data-scene", "data-tres"], cl = /* @__PURE__ */ ct({
         {
           immediate: !0
         }
-      ), w.value || L(), d.onRender((v) => {
+      ), w.value || M(), d.onRender((v) => {
         i("render", v);
       }), d.onReady(() => {
         i("ready", f.value);
@@ -5614,7 +5615,7 @@ class Di extends to {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-let Le, Y;
+let Me, Y;
 const dl = {
   DirectionalLight: uo,
   PointLight: so,
@@ -5627,17 +5628,17 @@ const dl = {
       ze(`${e.type} is not a light`);
       return;
     }
-    Le = dl[e.type], e.parent.add(new Le(e, 1, e.color.getHex()));
+    Me = dl[e.type], e.parent.add(new Me(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    Y = e.parent.children.find((t) => t instanceof Le), !(Y instanceof Di) && Y.update();
+    Y = e.parent.children.find((t) => t instanceof Me), !(Y instanceof Di) && Y.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
       ze(`${e.type} is not a light`);
       return;
     }
-    Y = e.parent.children.find((t) => t instanceof Le), Y && Y.dispose && Y.dispose(), e.parent && e.parent.remove(Y);
+    Y = e.parent.children.find((t) => t instanceof Me), Y && Y.dispose && Y.dispose(), e.parent && e.parent.remove(Y);
   }
 }, Il = {
   mounted: (e, t) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "5.0.0-next.2",
+  "version": "5.0.0-next.3",
   "packageManager": "pnpm@10.6.3",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",