@tresjs/core 4.3.0 → 4.3.1

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.3.0
+ * version: v4.3.1
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,11 +8,11 @@
 var Et = Object.defineProperty;
 var Tt = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as J, watchEffect as xe, onUnmounted as K, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as xt, useSlots as At, getCurrentInstance as He, onMounted as kt, openBlock as Lt, createElementBlock as Ot, normalizeClass as Rt, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
+import { defineComponent as fe, withAsyncContext as nt, reactive as Se, renderSlot as rt, unref as W, ref as I, computed as K, watchEffect as xe, onUnmounted as J, shallowRef as $, watch as ae, readonly as we, provide as le, inject as St, isRef as xt, useSlots as At, getCurrentInstance as He, onMounted as kt, openBlock as Lt, createElementBlock as Rt, normalizeClass as Ot, normalizeStyle as Dt, createRenderer as jt, h as Ue, Fragment as Bt } from "vue";
 import * as ot from "three";
-import { Scene as st, Vector3 as Ae, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Jt, Mesh as Kt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
+import { Scene as st, Vector3 as Ae, MathUtils as it, MeshBasicMaterial as at, DoubleSide as It, TextureLoader as $t, PerspectiveCamera as be, Camera as Ht, Clock as lt, REVISION as Ut, Color as Z, SRGBColorSpace as Ft, ACESFilmicToneMapping as ct, PCFSoftShadowMap as Wt, NoToneMapping as Nt, WebGLRenderer as ge, Vector2 as ve, Raycaster as zt, BufferAttribute as Gt, Object3D as Vt, ArrowHelper as Yt, Line as qt, BufferGeometry as Fe, Float32BufferAttribute as We, LineBasicMaterial as Kt, Mesh as Jt, BackSide as Qt, DirectionalLightHelper as Xt, PointLightHelper as Zt, SpotLightHelper as en, HemisphereLightHelper as tn } from "three";
 import { tryOnScopeDispose as nn, toValue as x, unrefElement as rn, useDevicePixelRatio as on, useWindowSize as sn, useElementSize as an, refDebounced as Ne, usePointer as ln, useElementBounding as cn, createEventHook as D, useFps as un, useMemory as fn, useRafFn as ut } from "@vueuse/core";
-const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
+const dn = "@tresjs/core", pn = "module", mn = "4.3.1", hn = "pnpm@9.1.4", gn = "Declarative ThreeJS using Vue Components", vn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", yn = "MIT", _n = {
   type: "git",
   url: "git+https://github.com/Tresjs/tres.git"
 }, wn = [
@@ -69,49 +69,49 @@ const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn =
   "@vue/devtools-api": "^6.6.3",
   "@vueuse/core": "^11.1.0"
 }, Ln = {
-  "@release-it/conventional-changelog": "^8.0.2",
+  "@release-it/conventional-changelog": "^9.0.0",
   "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "4.0.2",
-  "@tresjs/eslint-config": "^1.3.1",
-  "@types/three": "^0.168.0",
-  "@typescript-eslint/eslint-plugin": "^8.6.0",
-  "@typescript-eslint/parser": "^8.6.0",
-  "@vitejs/plugin-vue": "^5.1.3",
+  "@tresjs/cientos": "4.0.3",
+  "@tresjs/eslint-config": "^1.4.0",
+  "@types/three": "^0.169.0",
+  "@typescript-eslint/eslint-plugin": "^8.8.1",
+  "@typescript-eslint/parser": "^8.8.1",
+  "@vitejs/plugin-vue": "^5.1.4",
   "@vitest/coverage-c8": "^0.33.0",
-  "@vitest/coverage-v8": "^2.1.1",
-  "@vitest/ui": "^2.1.1",
+  "@vitest/coverage-v8": "^2.1.2",
+  "@vitest/ui": "^2.1.2",
   "@vue/test-utils": "^2.4.6",
-  eslint: "^9.10.0",
-  "eslint-plugin-vue": "^9.28.0",
-  esno: "^4.7.0",
+  eslint: "^9.12.0",
+  "eslint-plugin-vue": "^9.29.0",
+  esno: "^4.8.0",
   gsap: "^3.12.5",
   husky: "^9.1.6",
-  jsdom: "^25.0.0",
+  jsdom: "^25.0.1",
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
-  "release-it": "^17.5.0",
+  "release-it": "^17.8.2",
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
   sponsorkit: "^0.15.5",
-  three: "^0.168.0",
-  unocss: "^0.62.4",
+  three: "^0.169.0",
+  unocss: "^0.63.4",
   unplugin: "^1.14.1",
   "unplugin-vue-components": "^0.27.4",
-  vite: "^5.4.6",
+  vite: "^5.4.8",
   "vite-plugin-banner": "^0.8.0",
-  "vite-plugin-dts": "4.2.1",
+  "vite-plugin-dts": "4.2.4",
   "vite-plugin-inspect": "^0.8.7",
   "vite-plugin-require-transform": "^1.0.21",
   "vite-svg-loader": "^5.1.0",
-  vitepress: "1.3.4",
-  vitest: "^2.1.1",
-  vue: "3.5.6",
+  vitepress: "1.4.0",
+  vitest: "^2.1.2",
+  vue: "3.5.12",
   "vue-demi": "^0.14.10"
-}, On = {
-  name: pn,
-  type: dn,
+}, Rn = {
+  name: dn,
+  type: pn,
   version: mn,
   packageManager: hn,
   description: gn,
@@ -131,7 +131,7 @@ const pn = "@tresjs/core", dn = "module", mn = "4.3.0", hn = "pnpm@9.1.4", gn =
   dependencies: kn,
   devDependencies: Ln
 };
-function Rn(e) {
+function On(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((n) => {
     n.name && (t.nodes[n.name] = n), n.material && !t.materials[n.material.name] && (t.materials[n.material.name] = n.material);
@@ -144,7 +144,7 @@ async function Dn(e, t, n, r, s) {
       t,
       (o) => {
         const f = o;
-        f.scene && Object.assign(f, Rn(f.scene)), a(f);
+        f.scene && Object.assign(f, On(f.scene)), a(f);
       },
       r,
       (o) => {
@@ -153,7 +153,7 @@ async function Dn(e, t, n, r, s) {
     );
   });
 }
-const qr = /* @__PURE__ */ fe({
+const Yr = /* @__PURE__ */ fe({
   __name: "component",
   props: {
     loader: {},
@@ -180,7 +180,7 @@ class jn extends ot.Mesh {
 function Me(e) {
   return typeof e > "u";
 }
-function pe(e) {
+function de(e) {
   return Array.isArray(e);
 }
 function Bn(e) {
@@ -193,7 +193,7 @@ function G(e) {
   return typeof e == "function";
 }
 function H(e) {
-  return e === Object(e) && !pe(e) && !G(e);
+  return e === Object(e) && !de(e) && !G(e);
 }
 function N(e) {
   return H(e) && "isObject3D" in e && !!e.isObject3D;
@@ -222,9 +222,9 @@ function re(e) {
 function Wn(e) {
   return H(e) && !!e.isPrimitive;
 }
-const pt = (e, t) => {
+const dt = (e, t) => {
   for (const n of Object.keys(t))
-    t[n] instanceof Object && Object.assign(t[n], pt(e[n], t[n]));
+    t[n] instanceof Object && Object.assign(t[n], dt(e[n], t[n]));
   return Object.assign(e || {}, t), e;
 }, Nn = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", zn = /* @__PURE__ */ Yn(Nn);
 function Ge(e) {
@@ -252,7 +252,7 @@ const Ve = (e, t) => {
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   r && r.reduce((s, l, i) => (s[l] === void 0 && (s[l] = {}), i === r.length - 1 && (s[l] = n), s[l]), e);
 };
-function dt(e, t) {
+function pt(e, t) {
   if (Ge(e) && Ge(t)) {
     const s = e.attributes, l = t.attributes;
     return s.length !== l.length ? !1 : Array.from(s).every(({ name: i, value: a }) => t.getAttribute(i) === a);
@@ -265,19 +265,19 @@ function dt(e, t) {
   if (n.length !== r.length)
     return !1;
   for (const s of n)
-    if (!r.includes(s) || !dt(e[s], t[s]))
+    if (!r.includes(s) || !pt(e[s], t[s]))
       return !1;
   return !0;
 }
-function Jn(e, t) {
+function Kn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!dt(e[n], t[n]))
+    if (!pt(e[n], t[n]))
       return !1;
   return !0;
 }
-const Kn = Array.isArray;
+const Jn = Array.isArray;
 function Qn(e, t, n, r) {
   const s = (c) => {
     if (c.uuid === t)
@@ -354,11 +354,11 @@ function Pe(e, t) {
 function qe(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
-const Je = /-\d+$/;
+const Ke = /-\d+$/;
 function nr(e, t, n) {
   if (ft(n)) {
-    if (Je.test(n)) {
-      const l = n.replace(Je, ""), { target: i, key: a } = Pe(e, l);
+    if (Ke.test(n)) {
+      const l = n.replace(Ke, ""), { target: i, key: a } = Pe(e, l);
       if (!Array.isArray(i[a])) {
         const c = i[a], o = [];
         o.__tresDetach = () => {
@@ -404,7 +404,7 @@ function or(e, t, n) {
   if (!G(e.setPixelRatio))
     return;
   let r = 0;
-  if (pe(n) && n.length >= 2) {
+  if (de(n) && n.length >= 2) {
     const [l, i] = n;
     r = it.clamp(t, l, i);
   } else Bn(n) ? r = n : r = t;
@@ -452,7 +452,7 @@ async function ir(e, t) {
       }
     );
   });
-  if (Kn(e)) {
+  if (Jn(e)) {
     const s = await Promise.all(e.map((l) => r(l)));
     return e.length > 1 ? s : s[0];
   } else {
@@ -478,7 +478,7 @@ async function ir(e, t) {
     };
   }
 }
-const Jr = /* @__PURE__ */ fe({
+const qr = /* @__PURE__ */ fe({
   __name: "component",
   props: {
     map: {},
@@ -496,7 +496,7 @@ const Jr = /* @__PURE__ */ fe({
     return (l, i) => rt(l.$slots, "default", { textures: W(s) });
   }
 }), ar = ({ sizes: e }) => {
-  const t = I([]), n = J(
+  const t = I([]), n = K(
     () => t.value[0]
   ), r = (i) => {
     const a = i instanceof Ht ? i : t.value.find((o) => o.uuid === i);
@@ -521,7 +521,7 @@ const Jr = /* @__PURE__ */ fe({
     e.aspectRatio.value && t.value.forEach((i) => {
       !i.manual && (i instanceof be || lr(i)) && (i instanceof be ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
     });
-  }), K(() => {
+  }), J(() => {
     t.value = [];
   }), {
     camera: n,
@@ -534,12 +534,12 @@ const Jr = /* @__PURE__ */ fe({
 function lr(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
-const Kr = !0, de = "[TresJS ▲ ■ ●] ";
+const Kr = !0, pe = "[TresJS ▲ ■ ●] ";
 function cr(...e) {
-  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.error(...e);
+  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.error(...e);
 }
 function ur(...e) {
-  typeof e[0] == "string" ? e[0] = de + e[0] : e.unshift(de), console.warn(...e);
+  typeof e[0] == "string" ? e[0] = pe + e[0] : e.unshift(pe), console.warn(...e);
 }
 function fr(e, t) {
 }
@@ -577,41 +577,41 @@ function ye() {
     return e.size;
   } };
 }
-function pr() {
+function dr() {
   let e = !0, t = !0, n = !1;
   const r = new lt(!1), s = I(r.running), l = I(!1);
   let i;
   const a = it.generateUUID();
   let c = null;
   const o = ye(), f = ye(), y = ye();
-  P();
+  E();
   let u = {};
   function v(M) {
     u = M;
   }
-  function h(M, A, d = 0) {
+  function h(M, A, p = 0) {
     switch (A) {
       case "before":
-        return o.on(M, d);
+        return o.on(M, p);
       case "render":
         return c || (c = M), f.dispose(), f.on(M);
       case "after":
-        return y.on(M, d);
+        return y.on(M, p);
     }
   }
   function g() {
-    t && (t = !1, P(), b());
+    t && (t = !1, E(), b());
   }
-  function p() {
-    t = !0, P(), cancelAnimationFrame(i);
+  function d() {
+    t = !0, E(), cancelAnimationFrame(i);
   }
   function _() {
-    n = !1, P();
+    n = !1, E();
   }
-  function C() {
-    n = !0, P();
+  function P() {
+    n = !0, E();
   }
-  function E() {
+  function C() {
     l.value = !0;
   }
   function T() {
@@ -622,7 +622,7 @@ function pr() {
       i = requestAnimationFrame(b);
       return;
     }
-    const M = r.getDelta(), A = r.getElapsedTime(), d = {
+    const M = r.getDelta(), A = r.getElapsedTime(), p = {
       camera: W(u.camera),
       scene: W(u.scene),
       renderer: W(u.renderer),
@@ -630,21 +630,21 @@ function pr() {
       controls: W(u.controls),
       invalidate: u.invalidate,
       advance: u.advance
-    }, w = { delta: M, elapsed: A, clock: r, ...d };
+    }, w = { delta: M, elapsed: A, clock: r, ...p };
     s.value && o.trigger(w), l.value || (f.count ? f.trigger(w) : c && c(w)), s.value && y.trigger(w), i = requestAnimationFrame(b);
   }
-  function P() {
+  function E() {
     const M = !t && !n;
     r.running !== M && (r.running ? r.stop() : r.start()), s.value = r.running;
   }
   return {
     loopId: a,
-    register: (M, A, d) => h(M, A, d),
+    register: (M, A, p) => h(M, A, p),
     start: g,
-    stop: p,
-    pause: C,
+    stop: d,
+    pause: P,
     resume: _,
-    pauseRender: E,
+    pauseRender: C,
     resumeRender: T,
     isRenderPaused: l,
     isActive: s,
@@ -661,11 +661,11 @@ function ke(e) {
     }
   }), t;
 }
-function dr(e) {
+function pr(e) {
   return (e / 1024).toFixed(2);
 }
 const mr = Number.parseInt(Ut.replace("dev", ""));
-function Qr(e) {
+function Jr(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
 }
 function hr(e) {
@@ -693,7 +693,7 @@ function gr({
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
 }) {
-  const i = J(() => ({
+  const i = K(() => ({
     alpha: x(t.alpha) ?? !0,
     depth: x(t.depth),
     canvas: rn(e),
@@ -733,31 +733,31 @@ function gr({
     l();
   }, 100), xe(() => {
     const h = x(t.preset);
-    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), pt(a.value, se[h])), or(a.value, o.value, x(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const g = (C, E) => {
-      const T = x(C), b = () => {
+    h && (h in se || f(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`), dt(a.value, se[h])), or(a.value, o.value, x(t.dpr)), v === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const g = (P, C) => {
+      const T = x(P), b = () => {
         if (h)
-          return Ve(se[h], E);
+          return Ve(se[h], C);
       };
       if (T !== void 0)
         return T;
-      const P = b();
-      return P !== void 0 ? P : Ve(u, E);
-    }, p = (C, E) => qn(a.value, E, g(C, E));
-    p(t.shadows, "shadowMap.enabled"), p(t.toneMapping ?? ct, "toneMapping"), p(t.shadowMapType, "shadowMap.type"), mr < 150 && p(!t.useLegacyLights, "physicallyCorrectLights"), p(t.outputColorSpace, "outputColorSpace"), p(t.toneMappingExposure, "toneMappingExposure");
+      const E = b();
+      return E !== void 0 ? E : Ve(u, C);
+    }, d = (P, C) => qn(a.value, C, g(P, C));
+    d(t.shadows, "shadowMap.enabled"), d(t.toneMapping ?? ct, "toneMapping"), d(t.shadowMapType, "shadowMap.type"), mr < 150 && d(!t.useLegacyLights, "physicallyCorrectLights"), d(t.outputColorSpace, "outputColorSpace"), d(t.toneMappingExposure, "toneMappingExposure");
     const _ = g(t.clearColor, "clearColor");
     _ && a.value.setClearColor(
       _ ? hr(_) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), K(() => {
+  }), J(() => {
     a.value.dispose(), a.value.forceContextLoss();
   }), {
     renderer: a
   };
 }
 function vr(e, t, n = 10) {
-  const r = x(e) ? sn() : an(J(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = J(() => s.value / l.value);
+  const r = x(e) ? sn() : an(K(() => x(t).parentElement)), s = we(Ne(r.width, n)), l = we(Ne(r.height, n)), i = K(() => s.value / l.value);
   return {
     height: l,
     width: s,
@@ -765,7 +765,7 @@ function vr(e, t, n = 10) {
   };
 }
 const yr = (e, t) => {
-  const n = J(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
+  const n = K(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = ln({ target: n });
   let i = 0;
   const { width: a, height: c, top: o, left: f } = cn(n), y = ({ x: m, y: S }) => {
     if (n.value)
@@ -782,8 +782,8 @@ const yr = (e, t) => {
       y: (m == null ? void 0 : m.clientY) ?? l.value
     });
     return S ? u(S) || [] : [];
-  }, h = D(), g = D(), p = D(), _ = D(), C = D(), E = D(), T = D(), b = D();
-  function P(m) {
+  }, h = D(), g = D(), d = D(), _ = D(), P = D(), C = D(), T = D(), b = D();
+  function E(m) {
     const S = {};
     for (const U in m)
       typeof U != "function" && (S[U] = m[U]);
@@ -791,7 +791,7 @@ const yr = (e, t) => {
   }
   const M = (m, S) => {
     var Be, Ie, $e;
-    const U = P(S), ne = new Ae(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
+    const U = E(S), ne = new Ae(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Be = t.camera) == null ? void 0 : Be.value);
     m.trigger({
       ...U,
       intersections: r.value,
@@ -805,40 +805,40 @@ const yr = (e, t) => {
     });
   };
   let A;
-  const d = (m) => {
-    v(m), M(p, m), A = m;
+  const p = (m) => {
+    v(m), M(d, m), A = m;
   }, w = () => {
-    A && d(A);
+    A && p(A);
   };
-  let k, L, O;
+  let k, L, R;
   const j = (m) => {
     var S;
     k = (S = r.value[0]) == null ? void 0 : S.object, i = 0, L = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), M(C, m);
+    ), M(P, m);
   };
-  let R, Y = !1;
-  const Oe = (m) => {
+  let O, Y = !1;
+  const Re = (m) => {
     var S, U, ne;
-    m instanceof PointerEvent && (r.value.length === 0 && M(E, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (O = new ve(
+    m instanceof PointerEvent && (r.value.length === 0 && M(C, m), k === ((S = r.value[0]) == null ? void 0 : S.object) && (R = new ve(
       (m == null ? void 0 : m.clientX) ?? s.value,
       (m == null ? void 0 : m.clientY) ?? l.value
-    ), i = L == null ? void 0 : L.distanceTo(O), m.button === 0 ? (M(h, m), R === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (R = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
-  }, Re = (m) => {
-    Y && (M(g, m), R = void 0, Y = !1);
-  }, De = (m) => M(p, m), je = (m) => M(b, m);
-  return n.value.addEventListener("pointerup", Oe), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", d), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Re), n.value.addEventListener("wheel", je), K(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", Oe), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", d), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Re), n.value.removeEventListener("wheel", je));
+    ), i = L == null ? void 0 : L.distanceTo(R), m.button === 0 ? (M(h, m), O === ((U = r.value[0]) == null ? void 0 : U.object) ? Y = !0 : (O = (ne = r.value[0]) == null ? void 0 : ne.object, Y = !1)) : m.button === 2 && M(T, m)), M(_, m));
+  }, Oe = (m) => {
+    Y && (M(g, m), O = void 0, Y = !1);
+  }, De = (m) => M(d, m), je = (m) => M(b, m);
+  return n.value.addEventListener("pointerup", Re), n.value.addEventListener("pointerdown", j), n.value.addEventListener("pointermove", p), n.value.addEventListener("pointerleave", De), n.value.addEventListener("dblclick", Oe), n.value.addEventListener("wheel", je), J(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", Re), n.value.removeEventListener("pointerdown", j), n.value.removeEventListener("pointermove", p), n.value.removeEventListener("pointerleave", De), n.value.removeEventListener("dblclick", Oe), n.value.removeEventListener("wheel", je));
   }), {
     intersects: r,
     onClick: (m) => h.on(m).off,
     onDblClick: (m) => g.on(m).off,
     onContextMenu: (m) => T.on(m).off,
-    onPointerMove: (m) => p.on(m).off,
+    onPointerMove: (m) => d.on(m).off,
     onPointerUp: (m) => _.on(m).off,
-    onPointerDown: (m) => C.on(m).off,
-    onPointerMissed: (m) => E.on(m).off,
+    onPointerDown: (m) => P.on(m).off,
+    onPointerMissed: (m) => C.on(m).off,
     onWheel: (m) => b.on(m).off,
     forceUpdate: w
   };
@@ -853,27 +853,27 @@ function _r(e, t, n) {
   var A;
   const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
-  const l = (d) => {
+  const l = (p) => {
     var w;
-    return ((w = d.__tres) == null ? void 0 : w.eventCount) > 0;
-  }, i = (d) => {
+    return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
+  }, i = (p) => {
     var w;
-    return ((w = d.children) == null ? void 0 : w.some((k) => i(k))) || l(d);
+    return ((w = p.children) == null ? void 0 : w.some((k) => i(k))) || l(p);
   }, a = $(((A = r.value) == null ? void 0 : A.children).filter(i) || []);
-  function c(d, w) {
+  function c(p, w) {
     const k = [], L = () => w.stopPropagating = !0;
     w.stopPropagation = L;
-    for (const O of w == null ? void 0 : w.intersections) {
+    for (const R of w == null ? void 0 : w.intersections) {
       if (w.stopPropagating)
         return;
-      w = { ...w, ...O };
-      const { object: j } = O;
-      w.eventObject = j, _e(j[d], w), k.push(j);
-      let R = j.parent;
-      for (; R !== null && !w.stopPropagating && !k.includes(R); )
-        w.eventObject = R, _e(R[d], w), k.push(R), R = R.parent;
-      const Y = Vn(d.slice(2));
-      n(Y, { intersection: O, event: w });
+      w = { ...w, ...R };
+      const { object: j } = R;
+      w.eventObject = j, _e(j[p], w), k.push(j);
+      let O = j.parent;
+      for (; O !== null && !w.stopPropagating && !k.includes(O); )
+        w.eventObject = O, _e(O[p], w), k.push(O), O = O.parent;
+      const Y = Vn(p.slice(2));
+      n(Y, { intersection: R, event: w });
     }
   }
   const {
@@ -884,55 +884,55 @@ function _r(e, t, n) {
     onPointerDown: v,
     onPointerUp: h,
     onPointerMissed: g,
-    onWheel: p,
+    onWheel: d,
     forceUpdate: _
   } = yr(a, t);
-  h((d) => c("onPointerUp", d)), v((d) => c("onPointerDown", d)), o((d) => c("onClick", d)), f((d) => c("onDoubleClick", d)), y((d) => c("onContextMenu", d)), p((d) => c("onWheel", d));
-  let C = [];
-  u((d) => {
-    const w = d.intersections.map(({ object: L }) => L), k = d.intersections;
-    C.forEach(({ object: L }) => {
-      w.includes(L) || (d.intersections = C, c("onPointerLeave", d), c("onPointerOut", d));
-    }), d.intersections = k, d.intersections.forEach(({ object: L }) => {
-      C.includes(L) || (c("onPointerEnter", d), c("onPointerOver", d));
-    }), c("onPointerMove", d), C = d.intersections;
+  h((p) => c("onPointerUp", p)), v((p) => c("onPointerDown", p)), o((p) => c("onClick", p)), f((p) => c("onDoubleClick", p)), y((p) => c("onContextMenu", p)), d((p) => c("onWheel", p));
+  let P = [];
+  u((p) => {
+    const w = p.intersections.map(({ object: L }) => L), k = p.intersections;
+    P.forEach(({ object: L }) => {
+      w.includes(L) || (p.intersections = P, c("onPointerLeave", p), c("onPointerOut", p));
+    }), p.intersections = k, p.intersections.forEach(({ object: L }) => {
+      P.includes(L) || (c("onPointerEnter", p), c("onPointerOver", p));
+    }), c("onPointerMove", p), P = p.intersections;
   });
-  const E = [];
-  g((d) => {
-    const w = () => d.stopPropagating = !0;
-    d.stopPropagation = w, E.forEach((k) => {
-      d.stopPropagating || (d.eventObject = k, _e(k.onPointerMissed, d));
-    }), n("pointer-missed", { event: d });
+  const C = [];
+  g((p) => {
+    const w = () => p.stopPropagating = !0;
+    p.stopPropagation = w, C.forEach((k) => {
+      p.stopPropagating || (p.eventObject = k, _e(k.onPointerMissed, p));
+    }), n("pointer-missed", { event: p });
   });
-  function T(d) {
-    re(d) && N(d) && a.value.push(d);
+  function T(p) {
+    re(p) && N(p) && a.value.push(p);
   }
-  function b(d) {
-    if (re(d) && N(d)) {
-      const w = a.value.indexOf(d);
+  function b(p) {
+    if (re(p) && N(p)) {
+      const w = a.value.indexOf(p);
       w > -1 && a.value.splice(w, 1);
     }
   }
-  function P(d) {
-    re(d) && N(d) && d.onPointerMissed && E.push(d);
+  function E(p) {
+    re(p) && N(p) && p.onPointerMissed && C.push(p);
   }
-  function M(d) {
-    if (re(d) && N(d)) {
-      const w = E.indexOf(d);
-      w > -1 && E.splice(w, 1);
+  function M(p) {
+    if (re(p) && N(p)) {
+      const w = C.indexOf(p);
+      w > -1 && C.splice(w, 1);
     }
   }
   return t.eventManager = {
     forceUpdate: _,
     registerObject: T,
     deregisterObject: b,
-    registerPointerMissedObject: P,
+    registerPointerMissedObject: E,
     deregisterPointerMissedObject: M
   }, {
     forceUpdate: _,
     registerObject: T,
     deregisterObject: b,
-    registerPointerMissedObject: P,
+    registerPointerMissedObject: E,
     deregisterPointerMissedObject: M
   };
 }
@@ -979,7 +979,7 @@ function yt(e) {
   }, e);
   return ee.set(e, l), l;
 }
-function Xr(e) {
+function Qr(e) {
   const t = me();
   if (t)
     return ee.has(t) ? ee.get(t).on(e) : yt(t).on(e);
@@ -1002,10 +1002,10 @@ function br({
     priority: I(0),
     frames: I(0),
     maxFrames: 60,
-    canBeInvalidated: J(() => u.mode.value === "on-demand" && u.frames.value === 0)
+    canBeInvalidated: K(() => u.mode.value === "on-demand" && u.frames.value === 0)
   };
-  function v(O = 1) {
-    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + O));
+  function v(R = 1) {
+    r.renderMode === "on-demand" && (u.frames.value = Math.min(u.maxFrames, u.frames.value + R));
   }
   function h() {
     r.renderMode === "manual" && (u.frames.value = 1);
@@ -1019,7 +1019,7 @@ function br({
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
       contextParts: { sizes: i, camera: a, render: u, invalidate: v, advance: h }
     }
-  ), p = {
+  ), d = {
     sizes: i,
     scene: l,
     camera: a,
@@ -1046,31 +1046,31 @@ function br({
     registerCamera: o,
     setCameraActive: y,
     deregisterCamera: f,
-    loop: pr()
+    loop: dr()
   };
-  le("useTres", p), p.scene.value.__tres = {
-    root: p
-  }, p.loop.register(() => {
-    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", p.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
+  le("useTres", d), d.scene.value.__tres = {
+    root: d
+  }, d.loop.register(() => {
+    a.value && u.frames.value > 0 && (g.value.render(e, a.value), s("render", d.renderer.value)), u.priority.value = 0, u.mode.value === "always" ? u.frames.value = 1 : u.frames.value = Math.max(0, u.frames.value - 1);
   }, "render");
-  const { on: _, cancel: C } = yt(p);
-  p.loop.setReady(!1), p.loop.start(), _(() => {
-    s("ready", p), p.loop.setReady(!0), _r(e, p, s);
-  }), K(() => {
-    C(), p.loop.stop();
+  const { on: _, cancel: P } = yt(d);
+  d.loop.setReady(!1), d.loop.start(), _(() => {
+    s("ready", d), d.loop.setReady(!0), _r(e, d, s);
+  }), J(() => {
+    P(), d.loop.stop();
   });
-  const E = 100, T = un({ every: E }), { isSupported: b, memory: P } = fn({ interval: E }), M = 160;
+  const C = 100, T = un({ every: C }), { isSupported: b, memory: E } = fn({ interval: C }), M = 160;
   let A = performance.now();
-  const d = ({ timestamp: O }) => {
-    p.scene.value && (p.perf.memory.allocatedMem = ke(p.scene.value)), O - A >= E && (A = O, p.perf.fps.accumulator.push(T.value), p.perf.fps.accumulator.length > M && p.perf.fps.accumulator.shift(), p.perf.fps.value = T.value, b.value && P.value && (p.perf.memory.accumulator.push(P.value.usedJSHeapSize / 1024 / 1024), p.perf.memory.accumulator.length > M && p.perf.memory.accumulator.shift(), p.perf.memory.currentMem = p.perf.memory.accumulator.reduce((j, R) => j + R, 0) / p.perf.memory.accumulator.length));
+  const p = ({ timestamp: R }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = ke(d.scene.value)), R - A >= C && (A = R, d.perf.fps.accumulator.push(T.value), d.perf.fps.accumulator.length > M && d.perf.fps.accumulator.shift(), d.perf.fps.value = T.value, b.value && E.value && (d.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > M && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((j, O) => j + O, 0) / d.perf.memory.accumulator.length));
   };
   let w = 0;
-  const k = 1, { pause: L } = ut(({ delta: O }) => {
-    window.__TRES__DEVTOOLS__ && (d({ timestamp: performance.now() }), w += O, w >= k && (window.__TRES__DEVTOOLS__.cb(p), w = 0));
+  const k = 1, { pause: L } = ut(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += R, w >= k && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
   }, { immediate: !0 });
-  return K(() => {
+  return J(() => {
     L();
-  }), p;
+  }), d;
 }
 function me() {
   const e = St("useTres");
@@ -1078,8 +1078,8 @@ function me() {
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Zr = me;
-function eo() {
+const Xr = me;
+function Zr() {
   const {
     camera: e,
     scene: t,
@@ -1121,7 +1121,7 @@ function eo() {
 }
 const _t = D(), wt = D(), Le = D(), te = new lt();
 let ce = 0, ue = 0;
-const { pause: Mr, resume: Ke, isActive: Pr } = ut(
+const { pause: Mr, resume: Je, isActive: Pr } = ut(
   () => {
     _t.trigger({ delta: ce, elapsed: ue, clock: te }), wt.trigger({ delta: ce, elapsed: ue, clock: te }), Le.trigger({ delta: ce, elapsed: ue, clock: te });
   },
@@ -1131,15 +1131,15 @@ Le.on(() => {
   ce = te.getDelta(), ue = te.getElapsedTime();
 });
 let Qe = !1;
-const to = () => (Qe || (Qe = !0, Ke()), {
+const eo = () => (Qe || (Qe = !0, Je()), {
   onBeforeLoop: _t.on,
   onLoop: wt.on,
   onAfterLoop: Le.on,
   pause: Mr,
-  resume: Ke,
+  resume: Je,
   isActive: Pr
 });
-function no() {
+function to() {
   const { logWarning: e } = V();
   function t(l, i, a) {
     let c = null;
@@ -1219,8 +1219,8 @@ const { logError: Xe } = V(), Ze = [
           __tres: () => g
         },
         {
-          object: (_, C, E, T) => {
-            sr(_, E, T, { patchProp: l, remove: s, insert: r }, e);
+          object: (_, P, C, T) => {
+            sr(_, C, T, { patchProp: l, remove: s, insert: r }, e);
           },
           __tres: (_) => {
             Object.assign(g, _);
@@ -1251,14 +1251,14 @@ const { logError: Xe } = V(), Ze = [
     o = Q(y), f = Q(u), o.__tres && ((v = o.__tres) == null ? void 0 : v.eventCount) > 0 && ((h = e.eventManager) == null || h.registerObject(o)), e.registerCamera(o), (g = e.eventManager) == null || g.registerPointerMissedObject(o), y.__tres.attach ? nr(u, y, y.__tres.attach) : N(o) && N(u) && (u.add(o), o.dispatchEvent({ type: "added" })), y.__tres.parent = u, u.__tres.objects && !u.__tres.objects.includes(y) && u.__tres.objects.push(y);
   }
   function s(o, f) {
-    var h, g, p, _;
+    var h, g, d, _;
     if (!o)
       return;
     o != null && o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.deregisterObject(o)), f = Me(f) ? "default" : f;
-    const y = (p = o.__tres) == null ? void 0 : p.dispose;
+    const y = (d = o.__tres) == null ? void 0 : d.dispose;
     Me(y) || (y === null ? f = !1 : f = y);
     const u = (_ = o.__tres) == null ? void 0 : _.primitive, v = f === "default" ? !u : !!f;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, f)), v && o.children && [...o.children].forEach((C) => s(C, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((P) => s(P, f)), v && o.children && [...o.children].forEach((P) => s(P, f)), gt(o, e), vt(o, e), v && !Fn(o)) {
       if (G(f))
         f(o);
       else if (G(o.dispose))
@@ -1270,12 +1270,12 @@ const { logError: Xe } = V(), Ze = [
     "__tres" in o && delete o.__tres;
   }
   function l(o, f, y, u) {
-    var C, E;
+    var P, C;
     if (!o)
       return;
     let v = o, h = f;
     if (o.__tres && (o.__tres.memoizedProps[f] = u), f === "attach") {
-      const T = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
+      const T = ((P = o.__tres) == null ? void 0 : P.parent) || o.parent;
       s(o), z(o, { attach: u }, e), T && r(o, T);
       return;
     }
@@ -1288,10 +1288,10 @@ const { logError: Xe } = V(), Ze = [
       return;
     }
     Ze.includes(f) && o.__tres && (o.__tres.eventCount += 1);
-    let g = oe(h), p = v == null ? void 0 : v[g];
+    let g = oe(h), d = v == null ? void 0 : v[g];
     if (h === "args") {
-      const T = o, b = y ?? [], P = u ?? [], M = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
-      M && b.length && !Jn(b, P) && (v = Object.assign(
+      const T = o, b = y ?? [], E = u ?? [], M = ((C = o.__tres) == null ? void 0 : C.type) || o.type;
+      M && b.length && !Kn(b, E) && (v = Object.assign(
         T,
         new Ce.value[M](...u)
       ));
@@ -1306,16 +1306,16 @@ const { logError: Xe } = V(), Ze = [
       );
       return;
     }
-    if (h.includes("-") && p === void 0) {
+    if (h.includes("-") && d === void 0) {
       const T = h.split("-");
-      p = T.reduce((b, P) => b[oe(P)], v), h = T.pop(), g = h, p != null && p.set || (v = T.reduce((b, P) => b[oe(P)], v));
+      d = T.reduce((b, E) => b[oe(E)], v), h = T.pop(), g = h, d != null && d.set || (v = T.reduce((b, E) => b[oe(E)], v));
     }
     let _ = u;
-    if (_ === "" && (_ = !0), G(p)) {
-      Ze.includes(f) || (pe(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
+    if (_ === "" && (_ = !0), G(d)) {
+      Ze.includes(f) || (de(_) ? o[g](..._) : o[g](_)), g.startsWith("on") && G(_) && (v[g] = _);
       return;
     }
-    !(p != null && p.set) && !G(p) ? v[g] = _ : p.constructor === _.constructor && (p != null && p.copy) ? p == null || p.copy(_) : pe(_) ? p.set(..._) : !p.isColor && p.setScalar ? p.setScalar(_) : p.set(_), ht(o);
+    !(d != null && d.set) && !G(d) ? v[g] = _ : d.constructor === _.constructor && (d != null && d.copy) ? d == null || d.copy(_) : de(_) ? d.set(..._) : !d.isColor && d.setScalar ? d.setScalar(_) : d.set(_), ht(o);
   }
   function i(o) {
     var f;
@@ -1362,7 +1362,7 @@ function kr() {
 function Lr() {
   return kr() ? Te.now() : Date.now();
 }
-class Or {
+class Rr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1424,12 +1424,12 @@ class Or {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Rr(e, t) {
+function Or(e, t) {
   const n = e, r = bt(), s = Tr(), l = Sr && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
     s.emit(xr, e, t);
   else {
-    const i = l ? new Or(n, s) : null;
+    const i = l ? new Rr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1458,7 +1458,7 @@ const Mt = (e) => {
   });
   const n = ke(e);
   return n > 0 && t.tags.push({
-    label: `${dr(n)} KB`,
+    label: `${pr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
@@ -1496,7 +1496,7 @@ const jr = [], X = "tres:inspector", Br = Se({
   sceneGraph: null
 });
 function Ir(e, t) {
-  Rr(
+  Or(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
@@ -1577,7 +1577,6 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     windowSize: { type: Boolean, default: void 0 },
     enableProvideBridge: { type: Boolean, default: !0 },
     context: {},
-    precision: {},
     alpha: { type: Boolean, default: void 0 },
     premultipliedAlpha: { type: Boolean },
     antialias: { type: Boolean, default: void 0 },
@@ -1585,8 +1584,10 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
     preserveDrawingBuffer: { type: Boolean, default: void 0 },
     powerPreference: {},
     depth: { type: Boolean, default: void 0 },
+    failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 },
+    precision: {},
     logarithmicDepthBuffer: { type: Boolean, default: void 0 },
-    failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
+    reverseDepthBuffer: { type: Boolean }
   },
   emits: [
     "render",
@@ -1607,24 +1608,24 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
   setup(e, { expose: t, emit: n }) {
     const r = e, s = n, l = At(), { logWarning: i } = V(), a = I(), c = $(new st()), o = He();
     Ee(ot);
-    const f = (g, p = !1) => fe({
+    const f = (g, d = !1) => fe({
       setup() {
         var T;
         const _ = (T = He()) == null ? void 0 : T.appContext;
         _ && (_.app = o == null ? void 0 : o.appContext.app);
-        const C = {};
-        function E(b) {
-          b && (b.parent && E(b.parent), b.provides && Object.assign(C, b.provides));
+        const P = {};
+        function C(b) {
+          b && (b.parent && C(b.parent), b.provides && Object.assign(P, b.provides));
         }
-        return o != null && o.parent && r.enableProvideBridge && (E(o.parent), Object.entries(C).forEach(([b, P]) => {
-          le(b, P);
-        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, p ? [] : l.default());
+        return o != null && o.parent && r.enableProvideBridge && (C(o.parent), Reflect.ownKeys(P).forEach((b) => {
+          le(b, P[b]);
+        })), le("useTres", g), le("extend", Ee), typeof window < "u" && Ir(_ == null ? void 0 : _.app, g), () => Ue(Bt, null, d ? [] : l.default());
       }
-    }), y = (g, p = !1) => {
-      const _ = f(g, p), { render: C } = jt(Er(g));
-      C(Ue(_), c.value);
-    }, u = (g, p = !1) => {
-      mt(g.scene.value), p && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
+    }), y = (g, d = !1) => {
+      const _ = f(g, d), { render: P } = jt(Er(g));
+      P(Ue(_), c.value);
+    }, u = (g, d = !1) => {
+      mt(g.scene.value), d && (g.renderer.value.dispose(), g.renderer.value.renderLists.dispose(), g.renderer.value.forceContextLoss()), c.value.__tres = {
         root: g
       };
     }, v = $(null);
@@ -1641,7 +1642,7 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: p, camera: _, cameras: C, deregisterCamera: E } = v.value;
+      const { registerCamera: d, camera: _, cameras: P, deregisterCamera: C } = v.value;
       y(v.value);
       const T = () => {
         const b = new be(
@@ -1650,15 +1651,15 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
           0.1,
           1e3
         );
-        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), p(b);
-        const P = xe(() => {
-          C.value.length >= 2 && (b.removeFromParent(), E(b), P == null || P());
+        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), d(b);
+        const E = xe(() => {
+          P.value.length >= 2 && (b.removeFromParent(), C(b), E == null || E());
         });
       };
       ae(
         () => r.camera,
-        (b, P) => {
-          b && p(b), P && (P.removeFromParent(), E(P));
+        (b, E) => {
+          b && d(b), E && (E.removeFromParent(), C(E));
         },
         {
           immediate: !0
@@ -1666,12 +1667,12 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
       ), _.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
       ), T());
-    }), K(h), (g, p) => (Lt(), Ot("canvas", {
+    }), J(h), (g, d) => (Lt(), Rt("canvas", {
       ref_key: "canvas",
       ref: a,
       "data-scene": c.value.uuid,
-      class: Rt(g.$attrs.class),
-      "data-tres": `tresjs ${W(On).version}`,
+      class: Ot(g.$attrs.class),
+      "data-tres": `tresjs ${W(Rn).version}`,
       style: Dt({
         display: "block",
         width: "100%",
@@ -1689,20 +1690,20 @@ const $r = ["data-scene", "data-tres"], Hr = /* @__PURE__ */ fe({
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Fr = {
+], no = {
   template: {
     compilerOptions: {
       isCustomElement: (e) => e.startsWith("Tres") && !Ur.includes(e) || e === "primitive"
     }
   }
-}, ro = Fr, { logWarning: Wr } = V();
+}, { logWarning: Fr } = V();
 let B = null;
-const oo = {
+const ro = {
   updated: (e, t) => {
     var s;
     const n = Zn(t);
     if (!n) {
-      Wr(`v-distance-to: problem with binding value: ${t.value}`);
+      Fr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     B && (B.dispose(), e.parent.remove(B));
@@ -1723,10 +1724,10 @@ class Ct extends qt {
   constructor(t, n) {
     const r = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new Fe();
     s.setAttribute("position", new We(r, 3)), s.computeBoundingSphere();
-    const l = new Jt({ fog: !1 });
+    const l = new Kt({ fog: !1 });
     super(s, l), this.light = t, this.color = n, this.type = "RectAreaLightHelper";
     const i = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], a = new Fe();
-    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Kt(a, new at({ side: Qt, fog: !1 })));
+    a.setAttribute("position", new We(i, 3)), a.computeBoundingSphere(), this.add(new Jt(a, new at({ side: Qt, fog: !1 })));
   }
   updateMatrixWorld() {
     if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
@@ -1744,19 +1745,19 @@ class Ct extends qt {
 }
 const { logWarning: tt } = V();
 let ie, F;
-const Nr = {
+const Wr = {
   DirectionalLight: Xt,
   PointLight: Zt,
   SpotLight: en,
   HemisphereLight: tn,
   RectAreaLight: Ct
-}, so = {
+}, oo = {
   mounted: (e) => {
     if (!e.isLight) {
       tt(`${e.type} is not a light`);
       return;
     }
-    ie = Nr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
+    ie = Wr[e.type], e.parent.add(new ie(e, 1, e.color.getHex()));
   },
   updated: (e) => {
     F = e.parent.children.find((t) => t instanceof ie), !(F instanceof Ct) && F.update();
@@ -1768,7 +1769,7 @@ const Nr = {
     }
     F = e.parent.children.find((t) => t instanceof ie), F && F.dispose && F.dispose(), e.parent.remove(F);
   }
-}, io = {
+}, so = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1776,40 +1777,40 @@ const Nr = {
     }
     console.log("v-log", e);
   }
-}, ao = {
+}, io = {
   install(e) {
     e.component("TresCanvas", Hr);
   }
 };
 export {
   Hr as TresCanvas,
-  qr as UseLoader,
-  Jr as UseTexture,
+  Yr as UseLoader,
+  qr as UseTexture,
   Ce as catalogue,
-  pr as createRenderLoop,
-  ao as default,
+  dr as createRenderLoop,
+  io as default,
   mt as dispose,
   Ee as extend,
   Kr as isProd,
   hr as normalizeColor,
-  Qr as normalizeVectorFlexibleParam,
-  Xr as onTresReady,
-  ro as templateCompilerOptions,
-  Rn as trasverseObjects,
+  Jr as normalizeVectorFlexibleParam,
+  Qr as onTresReady,
+  no as templateCompilerOptions,
+  On as trasverseObjects,
   ar as useCamera,
   Dn as useLoader,
   V as useLogger,
-  eo as useLoop,
+  Zr as useLoop,
   yr as useRaycaster,
-  to as useRenderLoop,
+  eo as useRenderLoop,
   gr as useRenderer,
-  no as useSeek,
+  to as useSeek,
   ir as useTexture,
-  Zr as useTres,
+  Xr as useTres,
   me as useTresContext,
   br as useTresContextProvider,
   _r as useTresEventManager,
-  oo as vDistanceTo,
-  so as vLightHelper,
-  io as vLog
+  ro as vDistanceTo,
+  oo as vLightHelper,
+  so as vLog
 };