@tresjs/core 3.4.1 → 3.5.1

package/dist/composables/useRenderer/index.d.ts

@@ -83,7 +83,7 @@ export declare function useRenderer({ scene, canvas, options, disableRender, con
     contextParts: Pick<TresContext, 'sizes' | 'camera'>;
     disableRender: MaybeRefOrGetter<boolean>;
 }): {
-    renderer: import("vue").ShallowRef<WebGLRenderer>;
+    renderer: import("vue").Ref<WebGLRenderer> | import("vue").ShallowRef<WebGLRenderer>;
 };
 export type UseRendererReturn = ReturnType<typeof useRenderer>;
 export {};

package/dist/composables/useSeek/index.d.ts

@@ -7,6 +7,8 @@
 export interface UseSeekReturn {
     seek: (parent: THREE.Scene | THREE.Object3D, property: string, value: string) => THREE.Object3D | null;
     seekByName: (parent: THREE.Scene | THREE.Object3D, value: string) => THREE.Object3D | null;
+    seekAll: (parent: THREE.Scene | THREE.Object3D, property: string, value: string) => THREE.Object3D[];
+    seekAllByName: (parent: THREE.Scene | THREE.Object3D, value: string) => THREE.Object3D[];
 }
 /**
  * Composable that provides utilities to easily traverse and navigate through complex scenes and object children graphs

package/dist/tres.js

@@ -1,57 +1,57 @@
 /**
  * name: @tresjs/core
- * version: v3.4.1
+ * version: v3.5.1
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as B, computed as A, watchEffect as D, onUnmounted as W, shallowRef as x, watch as ee, reactive as se, readonly as ie, provide as $, inject as le, createRenderer as ue, defineComponent as q, useSlots as ce, getCurrentInstance as U, onMounted as fe, openBlock as pe, createElementBlock as me, normalizeClass as de, normalizeStyle as ve, h as J, Fragment as ge } from "vue";
+import { ref as L, computed as A, watchEffect as D, onUnmounted as N, shallowRef as x, watch as ee, reactive as se, readonly as ie, provide as z, inject as le, createRenderer as ue, defineComponent as q, useSlots as ce, getCurrentInstance as U, onMounted as fe, openBlock as pe, createElementBlock as me, normalizeClass as de, normalizeStyle as ve, h as J, Fragment as ge } from "vue";
 import * as ye from "three";
-import { PerspectiveCamera as I, OrthographicCamera as we, Camera as Ce, Clock as Pe, Vector3 as he, Color as H, REVISION as Ee, SRGBColorSpace as _e, ACESFilmicToneMapping as Me, PCFSoftShadowMap as Ae, WebGLRenderer as z, LoadingManager as ke, TextureLoader as De, Vector2 as be, Raycaster as xe, BufferAttribute as Le, Scene as Be } from "three";
-import { createEventHook as L, useRafFn as Oe, toValue as E, unrefElement as Te, useDevicePixelRatio as Se, usePointer as Re, useElementBounding as He, useWindowSize as je, useElementSize as Fe } from "@vueuse/core";
-const ze = ({ sizes: e, scene: a }) => {
-  const t = B([]), r = A(
+import { PerspectiveCamera as I, OrthographicCamera as we, Camera as Ce, Clock as Pe, Vector3 as he, Color as H, REVISION as Ee, SRGBColorSpace as _e, ACESFilmicToneMapping as Me, PCFSoftShadowMap as Ae, WebGLRenderer as $, LoadingManager as ke, TextureLoader as De, Vector2 as be, Raycaster as xe, BufferAttribute as Be, Scene as Le } from "three";
+import { createEventHook as B, useRafFn as Oe, toValue as E, unrefElement as Te, useDevicePixelRatio as Se, usePointer as Re, useElementBounding as He, useWindowSize as je, useElementSize as Fe } from "@vueuse/core";
+const $e = ({ sizes: e, scene: a }) => {
+  const t = L([]), r = A(
     () => t.value[0]
   ), n = (s, f = !1) => {
-    t.value.some(({ uuid: l }) => l === s.uuid) || (f ? c(s) : t.value.push(s));
+    t.value.some(({ uuid: i }) => i === s.uuid) || (f ? u(s) : t.value.push(s));
   }, o = (s) => {
     t.value = t.value.filter(({ uuid: f }) => f !== s.uuid);
-  }, c = (s) => {
+  }, u = (s) => {
     const f = s instanceof Ce ? s : t.value.find((m) => m.uuid === s);
     if (!f)
       return;
-    const l = t.value.filter(({ uuid: m }) => m !== f.uuid);
-    t.value = [f, ...l];
+    const i = t.value.filter(({ uuid: m }) => m !== f.uuid);
+    t.value = [f, ...i];
   };
   return D(() => {
     e.aspectRatio.value && t.value.forEach((s) => {
       s instanceof I && (s.aspect = e.aspectRatio.value), (s instanceof I || s instanceof we) && s.updateProjectionMatrix();
     });
-  }), a.userData.tres__registerCamera = n, a.userData.tres__deregisterCamera = o, W(() => {
+  }), a.userData.tres__registerCamera = n, a.userData.tres__deregisterCamera = o, N(() => {
     t.value = [];
   }), {
     camera: r,
     cameras: t,
     registerCamera: n,
     deregisterCamera: o,
-    setCameraActive: c
+    setCameraActive: u
   };
-}, te = L(), re = L(), N = L(), b = new Pe();
+}, te = B(), re = B(), W = B(), b = new Pe();
 let j = 0, F = 0;
-const { pause: $e, resume: Ie, isActive: Ge } = Oe(
+const { pause: ze, resume: Ie, isActive: Ge } = Oe(
   () => {
-    te.trigger({ delta: j, elapsed: F, clock: b }), re.trigger({ delta: j, elapsed: F, clock: b }), N.trigger({ delta: j, elapsed: F, clock: b });
+    te.trigger({ delta: j, elapsed: F, clock: b }), re.trigger({ delta: j, elapsed: F, clock: b }), W.trigger({ delta: j, elapsed: F, clock: b });
   },
   { immediate: !1 }
 );
-N.on(() => {
+W.on(() => {
   j = b.getDelta(), F = b.getElapsedTime();
 });
 const ne = () => ({
   onBeforeLoop: te.on,
   onLoop: re.on,
-  onAfterLoop: N.on,
-  pause: $e,
+  onAfterLoop: W.on,
+  pause: ze,
   resume: Ie,
   isActive: Ge
 }), dt = !0, K = "[TresJS ▲ ■ ●] ";
@@ -73,14 +73,14 @@ function O() {
 function vt(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof he ? [e.x, e.y, e.z] : e;
 }
-function We(e) {
+function Ne(e) {
   return e instanceof H ? e : Array.isArray(e) ? new H(...e) : new H(e);
 }
 const ae = (e, a) => {
   for (const t of Object.keys(a))
     a[t] instanceof Object && Object.assign(a[t], ae(e[t], a[t]));
   return Object.assign(e || {}, a), e;
-}, Ne = "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", Ve = /* @__PURE__ */ qe(Ne);
+}, We = "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", Ve = /* @__PURE__ */ qe(We);
 function X(e) {
   return e && e.nodeType === 1;
 }
@@ -107,12 +107,12 @@ const Ue = (e, a) => {
   return t == null ? void 0 : t.reduce((r, n) => r && r[n], e);
 }, Je = (e, a, t) => {
   const r = Array.isArray(a) ? a : a.match(/([^[.\]])+/g);
-  r && r.reduce((n, o, c) => (n[o] === void 0 && (n[o] = {}), c === r.length - 1 && (n[o] = t), n[o]), e);
+  r && r.reduce((n, o, u) => (n[o] === void 0 && (n[o] = {}), u === r.length - 1 && (n[o] = t), n[o]), e);
 };
 function oe(e, a) {
   if (X(e) && X(a)) {
     const n = e.attributes, o = a.attributes;
-    return n.length !== o.length ? !1 : Array.from(n).every(({ name: c, value: s }) => a.getAttribute(c) === s);
+    return n.length !== o.length ? !1 : Array.from(n).every(({ name: u, value: s }) => a.getAttribute(u) === s);
   }
   if (e === a)
     return !0;
@@ -154,7 +154,7 @@ function Qe({
   disableRender: r,
   contextParts: { sizes: n, camera: o }
 }) {
-  const c = A(() => ({
+  const u = A(() => ({
     alpha: E(t.alpha),
     depth: E(t.depth),
     canvas: Te(a),
@@ -167,9 +167,9 @@ function Qe({
     preserveDrawingBuffer: E(t.preserveDrawingBuffer),
     logarithmicDepthBuffer: E(t.logarithmicDepthBuffer),
     failIfMajorPerformanceCaveat: E(t.failIfMajorPerformanceCaveat)
-  })), s = x(new z(c.value));
-  ee(c, () => {
-    s.value.dispose(), s.value = new z(c.value);
+  })), s = x(new $(u.value));
+  ee(u, () => {
+    s.value.dispose(), s.value = new $(u.value);
   }), D(() => {
     s.value.setSize(n.width.value, n.height.value);
   });
@@ -177,8 +177,8 @@ function Qe({
   D(() => {
     s.value.setPixelRatio(f.value);
   });
-  const { logError: l } = O(), u = (() => {
-    const v = new z(), w = {
+  const { logError: i } = O(), c = (() => {
+    const v = new $(), w = {
       shadowMap: {
         enabled: v.shadowMap.enabled,
         type: v.shadowMap.type
@@ -191,7 +191,7 @@ function Qe({
   })();
   D(() => {
     const v = E(t.preset);
-    v && (v in R || l(`Renderer Preset must be one of these: ${Object.keys(R).join(", ")}`), ae(s.value, R[v]));
+    v && (v in R || i(`Renderer Preset must be one of these: ${Object.keys(R).join(", ")}`), ae(s.value, R[v]));
     const w = (P, C) => {
       const k = E(P), T = () => {
         if (v)
@@ -200,20 +200,20 @@ function Qe({
       if (k !== void 0)
         return k;
       const y = T();
-      return y !== void 0 ? y : Y(u, C);
+      return y !== void 0 ? y : Y(c, C);
     }, h = (P, C) => Je(s.value, C, w(P, C));
     h(t.shadows, "shadowMap.enabled"), h(t.toneMapping, "toneMapping"), h(t.shadowMapType, "shadowMap.type"), Ye < 150 && h(!t.useLegacyLights, "physicallyCorrectLights"), h(t.outputColorSpace, "outputColorSpace"), h(t.toneMappingExposure, "toneMappingExposure");
     const M = w(t.clearColor, "clearColor");
     M && s.value.setClearColor(
-      M ? We(M) : new H(0)
+      M ? Ne(M) : new H(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: i, resume: p, onLoop: d } = ne();
+  const { pause: l, resume: p, onLoop: d } = ne();
   return d(() => {
     o.value && !E(r) && s.value.render(e, o.value);
-  }), p(), W(() => {
-    i(), s.value.dispose(), s.value.forceContextLoss();
+  }), p(), N(() => {
+    l(), s.value.dispose(), s.value.forceContextLoss();
   }), {
     renderer: s
   };
@@ -226,30 +226,30 @@ function et(e) {
   }), a;
 }
 async function gt(e, a, t, r, n) {
-  const { logError: o } = O(), c = new e();
-  n && n(c), t && t(c);
+  const { logError: o } = O(), u = new e();
+  n && n(u), t && t(u);
   const f = (Array.isArray(a) ? a : [a]).map(
-    (l) => new Promise((m, u) => {
-      c.load(
-        l,
-        (i) => {
-          i.scene && Object.assign(i, et(i.scene)), m(i);
+    (i) => new Promise((m, c) => {
+      u.load(
+        i,
+        (l) => {
+          l.scene && Object.assign(l, et(l.scene)), m(l);
         },
         r,
-        (i) => u(o("[useLoader] - Failed to load resource", i))
+        (l) => c(o("[useLoader] - Failed to load resource", l))
       );
     })
   );
   return Ze(a) ? await Promise.all(f) : await f[0];
 }
 async function yt(e) {
-  const a = new ke(), t = new De(a), r = (n) => new Promise((o, c) => {
+  const a = new ke(), t = new De(a), r = (n) => new Promise((o, u) => {
     t.load(
       n,
       (s) => o(s),
       () => null,
       () => {
-        c(new Error("[useTextures] - Failed to load texture"));
+        u(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
@@ -260,42 +260,42 @@ async function yt(e) {
     const {
       map: n,
       displacementMap: o,
-      normalMap: c,
+      normalMap: u,
       roughnessMap: s,
       metalnessMap: f,
-      aoMap: l,
+      aoMap: i,
       alphaMap: m,
-      matcap: u
+      matcap: c
     } = e;
     return {
       map: n ? await r(n) : null,
       displacementMap: o ? await r(o) : null,
-      normalMap: c ? await r(c) : null,
+      normalMap: u ? await r(u) : null,
       roughnessMap: s ? await r(s) : null,
       metalnessMap: f ? await r(f) : null,
-      aoMap: l ? await r(l) : null,
+      aoMap: i ? await r(i) : null,
       alphaMap: m ? await r(m) : null,
-      matcap: u ? await r(u) : null
+      matcap: c ? await r(c) : null
     };
   }
 }
 const tt = (e, { renderer: a, camera: t, raycaster: r }) => {
-  const n = A(() => a.value.domElement), { x: o, y: c } = Re({ target: n }), { width: s, height: f, top: l, left: m } = He(n), u = ({ x: y, y: _ }) => {
+  const n = A(() => a.value.domElement), { x: o, y: u } = Re({ target: n }), { width: s, height: f, top: i, left: m } = He(n), c = ({ x: y, y: _ }) => {
     if (n.value)
       return {
         x: (y - m.value) / s.value * 2 - 1,
-        y: -((_ - l.value) / f.value) * 2 + 1
+        y: -((_ - i.value) / f.value) * 2 + 1
       };
-  }, i = ({ x: y, y: _ }) => {
+  }, l = ({ x: y, y: _ }) => {
     if (t.value)
       return r.value.setFromCamera(new be(y, _), t.value), r.value.intersectObjects(e.value, !1);
   }, p = (y) => {
-    const _ = u({
+    const _ = c({
       x: (y == null ? void 0 : y.clientX) ?? o.value,
-      y: (y == null ? void 0 : y.clientY) ?? c.value
+      y: (y == null ? void 0 : y.clientY) ?? u.value
     });
-    return _ ? i(_) || [] : [];
-  }, d = A(() => p()), v = L(), w = L(), h = (y, _) => {
+    return _ ? l(_) || [] : [];
+  }, d = A(() => p()), v = B(), w = B(), h = (y, _) => {
     y.trigger({ event: _, intersects: p(_) });
   }, M = (y) => {
     h(w, y);
@@ -308,7 +308,7 @@ const tt = (e, { renderer: a, camera: t, raycaster: r }) => {
     var _;
     y instanceof PointerEvent && P === ((_ = p(y)[0]) == null ? void 0 : _.object) && h(v, y);
   }, T = (y) => w.trigger({ event: y, intersects: [] });
-  return n.value.addEventListener("pointerup", k), n.value.addEventListener("pointerdown", C), n.value.addEventListener("pointermove", M), n.value.addEventListener("pointerleave", T), W(() => {
+  return n.value.addEventListener("pointerup", k), n.value.addEventListener("pointerdown", C), n.value.addEventListener("pointermove", M), n.value.addEventListener("pointerleave", T), N(() => {
     n != null && n.value && (n.value.removeEventListener("pointerup", k), n.value.removeEventListener("pointerdown", C), n.value.removeEventListener("pointermove", M), n.value.removeEventListener("pointerleave", T));
   }), {
     intersects: d,
@@ -318,18 +318,29 @@ const tt = (e, { renderer: a, camera: t, raycaster: r }) => {
 };
 function wt() {
   const { logWarning: e } = O();
-  function a(r, n, o) {
-    let c = null;
-    return r.traverse((s) => {
-      s[n] === o && (c = s);
-    }), c || e(`Child with ${n} '${o}' not found.`), c;
+  function a(o, u, s) {
+    let f = null;
+    return o.traverse((i) => {
+      i[u] === s && (f = i);
+    }), f || e(`Child with ${u} '${s}' not found.`), f;
   }
-  function t(r, n) {
-    return a(r, "name", n);
+  function t(o, u, s) {
+    const f = [];
+    return o.traverse((i) => {
+      i[u].includes(s) && f.push(i);
+    }), f.length || e(`Children with ${u} '${s}' not found.`), f;
+  }
+  function r(o, u) {
+    return a(o, "name", u);
+  }
+  function n(o, u) {
+    return t(o, "name", u);
   }
   return {
     seek: a,
-    seekByName: t
+    seekByName: r,
+    seekAll: t,
+    seekAllByName: n
   };
 }
 const rt = ({ scene: e, contextParts: a }) => {
@@ -338,40 +349,40 @@ const rt = ({ scene: e, contextParts: a }) => {
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), r = B(/* @__PURE__ */ new Set()), n = (i) => {
-    r.value.add(i);
-  }, o = (i) => {
-    r.value.delete(i);
-  }, c = (i) => {
-    Object.values(t).forEach((p) => p.delete(i)), o(i);
-  }, s = (i) => {
-    const { onClick: p, onPointerMove: d, onPointerEnter: v, onPointerLeave: w } = i;
-    p && t.click.set(i, p), d && t.pointerMove.set(i, d), v && t.pointerEnter.set(i, v), w && t.pointerLeave.set(i, w);
+  }), r = L(/* @__PURE__ */ new Set()), n = (l) => {
+    r.value.add(l);
+  }, o = (l) => {
+    r.value.delete(l);
+  }, u = (l) => {
+    Object.values(t).forEach((p) => p.delete(l)), o(l);
+  }, s = (l) => {
+    const { onClick: p, onPointerMove: d, onPointerEnter: v, onPointerLeave: w } = l;
+    p && t.click.set(l, p), d && t.pointerMove.set(l, d), v && t.pointerEnter.set(l, v), w && t.pointerLeave.set(l, w);
   };
-  e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = c, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
+  e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = u, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
   const f = A(
     () => Ue(
       [
         ...Array.from(r.value),
-        ...Object.values(t).map((i) => Array.from(i.keys())).flat()
+        ...Object.values(t).map((l) => Array.from(l.keys())).flat()
       ],
-      ({ uuid: i }) => i
+      ({ uuid: l }) => l
     )
-  ), { onClick: l, onPointerMove: m } = tt(f, a);
-  l(({ intersects: i, event: p }) => {
+  ), { onClick: i, onPointerMove: m } = tt(f, a);
+  i(({ intersects: l, event: p }) => {
     var d;
-    i.length && ((d = t.click.get(i[0].object)) == null || d(i[0], p));
+    l.length && ((d = t.click.get(l[0].object)) == null || d(l[0], p));
   });
-  let u;
-  return m(({ intersects: i, event: p }) => {
+  let c;
+  return m(({ intersects: l, event: p }) => {
     var M, P, C, k;
-    const d = (M = i == null ? void 0 : i[0]) == null ? void 0 : M.object, { pointerLeave: v, pointerEnter: w, pointerMove: h } = t;
-    u && u !== d && ((P = v.get(u)) == null || P(u, p)), d && (u !== d && ((C = w.get(d)) == null || C(i[0], p)), (k = h.get(d)) == null || k(i[0], p)), u = d || null;
+    const d = (M = l == null ? void 0 : l[0]) == null ? void 0 : M.object, { pointerLeave: v, pointerEnter: w, pointerMove: h } = t;
+    c && c !== d && ((P = v.get(c)) == null || P(c, p)), d && (c !== d && ((C = w.get(d)) == null || C(l[0], p)), (k = h.get(d)) == null || k(l[0], p)), c = d || null;
   }), {
     registerObject: s,
-    deregisterObject: c
+    deregisterObject: u
   };
-}, G = B({}), V = (e) => Object.assign(G.value, e);
+}, G = L({}), V = (e) => Object.assign(G.value, e);
 function nt({
   scene: e,
   canvas: a,
@@ -381,38 +392,38 @@ function nt({
 }) {
   const o = A(
     () => E(t) ? je() : Fe(E(a).parentElement)
-  ), c = A(() => o.value.width.value), s = A(() => o.value.height.value), f = A(() => c.value / s.value), l = {
+  ), u = A(() => o.value.width.value), s = A(() => o.value.height.value), f = A(() => u.value / s.value), i = {
     height: s,
-    width: c,
+    width: u,
     aspectRatio: f
   }, m = x(e), {
-    camera: u,
-    cameras: i,
+    camera: c,
+    cameras: l,
     registerCamera: p,
     deregisterCamera: d,
     setCameraActive: v
-  } = ze({ sizes: l, scene: e }), { renderer: w } = Qe(
+  } = $e({ sizes: i, scene: e }), { renderer: w } = Qe(
     {
       scene: e,
       canvas: a,
       options: n,
-      contextParts: { sizes: l, camera: u },
+      contextParts: { sizes: i, camera: c },
       disableRender: r
     }
   ), h = {
-    sizes: l,
+    sizes: i,
     scene: m,
-    camera: u,
-    cameras: ie(i),
+    camera: c,
+    cameras: ie(l),
     renderer: w,
     raycaster: x(new xe()),
-    controls: B(null),
+    controls: L(null),
     extend: V,
     registerCamera: p,
     setCameraActive: v,
     deregisterCamera: d
   };
-  return $("useTres", h), h;
+  return z("useTres", h), h;
 }
 function at() {
   const e = le("useTres");
@@ -424,7 +435,7 @@ const Ct = at;
 let g = null;
 const { logError: Z } = O(), ot = {
   createElement(e, a, t, r) {
-    var c, s;
+    var u, s;
     if (r || (r = {}), r.args || (r.args = []), e === "template" || Ve(e))
       return null;
     let n = e.replace("Tres", ""), o;
@@ -436,13 +447,13 @@ const { logError: Z } = O(), ot = {
       const f = G.value[n];
       f || Z(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new f(...r.args);
     }
-    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((c = r == null ? void 0 : r.material) != null && c.isMaterial && (o.userData.tres__materialViaProp = !0), (s = r == null ? void 0 : r.geometry) != null && s.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
+    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((u = r == null ? void 0 : r.material) != null && u.isMaterial && (o.userData.tres__materialViaProp = !0), (s = r == null ? void 0 : r.geometry) != null && s.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
       ...o.userData,
       tres__name: n
     }, o;
   },
   insert(e, a) {
-    var r, n, o, c;
+    var r, n, o, u;
     a && a.isScene && (g = a);
     const t = a || g;
     if (e != null && e.isObject3D) {
@@ -454,7 +465,7 @@ const { logError: Z } = O(), ot = {
       if (e != null && e.onClick || e != null && e.onPointerMove || e != null && e.onPointerEnter || e != null && e.onPointerLeave) {
         if (!(g != null && g.userData.tres__registerAtPointerEventHandler))
           throw "could not find tres__registerAtPointerEventHandler on scene's userData";
-        (c = g == null ? void 0 : (o = g.userData).tres__registerAtPointerEventHandler) == null || c.call(o, e);
+        (u = g == null ? void 0 : (o = g.userData).tres__registerAtPointerEventHandler) == null || u.call(o, e);
       }
     }
     e != null && e.isObject3D && (t != null && t.isObject3D) ? (t.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? t.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[t == null ? void 0 : t.attach], t && (t[e.attach] = e));
@@ -463,63 +474,63 @@ const { logError: Z } = O(), ot = {
     var a, t;
     if (e) {
       if (e.isObject3D) {
-        const r = e, n = (l) => {
-          var u, i;
-          const m = l;
-          l.userData.tres__materialViaProp || (u = m.material) == null || u.dispose(), l.userData.tres__geometryViaProp || (i = m.geometry) == null || i.dispose();
-        }, o = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, c = g == null ? void 0 : g.userData.tres__deregisterBlockingObjectAtPointerEventHandler, s = (l) => {
-          var m, u;
-          if (!c)
+        const r = e, n = (i) => {
+          var c, l;
+          const m = i;
+          i.userData.tres__materialViaProp || (c = m.material) == null || c.dispose(), i.userData.tres__geometryViaProp || (l = m.geometry) == null || l.dispose();
+        }, o = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, u = g == null ? void 0 : g.userData.tres__deregisterBlockingObjectAtPointerEventHandler, s = (i) => {
+          var m, c;
+          if (!u)
             throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
-          if ((u = g == null ? void 0 : (m = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || u.call(m, l), !o)
+          if ((c = g == null ? void 0 : (m = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || c.call(m, i), !o)
             throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
-          (l != null && l.onClick || l != null && l.onPointerMove || l != null && l.onPointerEnter || l != null && l.onPointerLeave) && (o == null || o(l));
-        }, f = (l) => {
+          (i != null && i.onClick || i != null && i.onPointerMove || i != null && i.onPointerEnter || i != null && i.onPointerLeave) && (o == null || o(i));
+        }, f = (i) => {
           const m = g == null ? void 0 : g.userData.tres__deregisterCamera;
           if (!m)
             throw "could not find tres__deregisterCamera on scene's userData";
-          l.isCamera && (m == null || m(l));
+          i.isCamera && (m == null || m(i));
         };
-        r.traverse((l) => {
-          n(l), f(l), s == null || s(l);
+        r.traverse((i) => {
+          n(i), f(i), s == null || s(i);
         }), n(r), f(r), s == null || s(r);
       }
       (a = e.removeFromParent) == null || a.call(e), (t = e.dispose) == null || t.call(e);
     }
   },
   patchProp(e, a, t, r) {
-    var n, o, c, s;
+    var n, o, u, s;
     if (e) {
-      let f = e, l = a;
-      if (e.isObject3D && l === "blocks-pointer-events") {
-        r || r === "" ? (o = g == null ? void 0 : (n = g.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (s = g == null ? void 0 : (c = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(c, e);
+      let f = e, i = a;
+      if (e.isObject3D && i === "blocks-pointer-events") {
+        r || r === "" ? (o = g == null ? void 0 : (n = g.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (s = g == null ? void 0 : (u = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(u, e);
         return;
       }
-      let m = S(l), u = f == null ? void 0 : f[m];
-      if (l === "args") {
+      let m = S(i), c = f == null ? void 0 : f[m];
+      if (i === "args") {
         const p = e, d = t ?? [], v = r ?? [], w = e.userData.tres__name || e.type;
         w && d.length && !Ke(d, v) && (f = Object.assign(p, new G.value[w](...r)));
         return;
       }
       if (f.type === "BufferGeometry") {
-        if (l === "args")
+        if (i === "args")
           return;
         f.setAttribute(
-          S(l),
-          new Le(...r)
+          S(i),
+          new Be(...r)
         );
         return;
       }
-      if (l.includes("-") && u === void 0) {
-        const p = l.split("-");
-        u = p.reduce((d, v) => d[S(v)], f), l = p.pop(), m = l.toLowerCase(), u != null && u.set || (f = p.reduce((d, v) => d[S(v)], f));
+      if (i.includes("-") && c === void 0) {
+        const p = i.split("-");
+        c = p.reduce((d, v) => d[S(v)], f), i = p.pop(), m = i.toLowerCase(), c != null && c.set || (f = p.reduce((d, v) => d[S(v)], f));
       }
-      let i = r;
-      if (i === "" && (i = !0), Q(u)) {
-        Array.isArray(i) ? e[m](...i) : e[m](i);
+      let l = r;
+      if (l === "" && (l = !0), Q(c)) {
+        Array.isArray(l) ? e[m](...l) : e[m](l);
         return;
       }
-      !(u != null && u.set) && !Q(u) ? f[m] = i : u.constructor === i.constructor && (u != null && u.copy) ? u == null || u.copy(i) : Array.isArray(i) ? u.set(...i) : !u.isColor && u.setScalar ? u.setScalar(i) : u.set(i);
+      !(c != null && c.set) && !Q(c) ? f[m] = l : c.constructor === l.constructor && (c != null && c.copy) ? c == null || c.copy(l) : Array.isArray(l) ? c.set(...l) : !c.isColor && c.setScalar ? c.setScalar(l) : c.set(l);
     }
   },
   parentNode(e) {
@@ -563,30 +574,30 @@ const it = ["data-scene"], lt = /* @__PURE__ */ q({
     failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
   },
   setup(e, { expose: a }) {
-    var i;
-    const t = e, { logWarning: r } = O(), n = B(), o = x(new Be());
+    var l;
+    const t = e, { logWarning: r } = O(), n = L(), o = x(new Le());
     ne();
-    const c = ce(), s = (i = U()) == null ? void 0 : i.appContext.app, f = (p) => q({
+    const u = ce(), s = (l = U()) == null ? void 0 : l.appContext.app, f = (p) => q({
       setup() {
         var v;
         const d = (v = U()) == null ? void 0 : v.appContext;
-        return d && (d.app = s), $("useTres", p), $("extend", V), () => J(ge, null, c != null && c.default ? c.default() : []);
+        return d && (d.app = s), z("useTres", p), z("extend", V), () => J(ge, null, u != null && u.default ? u.default() : []);
       }
-    }), l = (p) => {
+    }), i = (p) => {
       const d = f(p);
       st(J(d), o.value);
-    }, m = A(() => t.disableRender), u = x(null);
-    return a({ context: u }), fe(() => {
+    }, m = A(() => t.disableRender), c = x(null);
+    return a({ context: c }), fe(() => {
       const p = n;
-      u.value = nt({
+      c.value = nt({
         scene: o.value,
         canvas: p,
         windowSize: t.windowSize,
         disableRender: m,
         rendererOptions: t
-      }), rt({ scene: o.value, contextParts: u.value });
-      const { registerCamera: d, camera: v, cameras: w, deregisterCamera: h } = u.value;
-      l(u.value);
+      }), rt({ scene: o.value, contextParts: c.value });
+      const { registerCamera: d, camera: v, cameras: w, deregisterCamera: h } = c.value;
+      i(c.value);
       const M = () => {
         const P = new I(
           45,
@@ -649,11 +660,11 @@ export {
   ht as default,
   V as extend,
   dt as isProd,
-  We as normalizeColor,
+  Ne as normalizeColor,
   vt as normalizeVectorFlexibleParam,
   Pt as templateCompilerOptions,
   et as trasverseObjects,
-  ze as useCamera,
+  $e as useCamera,
   gt as useLoader,
   O as useLogger,
   rt as usePointerEventHandler,