@tresjs/core 2.4.0-next.4 → 2.4.0-next.6

package/dist/tres.js

@@ -1,466 +1,476 @@
 /**
  * name: @tresjs/core
- * version: v2.4.0-next.4
+ * version: v2.4.0-next.6
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as F, computed as M, watchEffect as x, onUnmounted as W, shallowRef as $, watch as J, reactive as ae, readonly as G, provide as oe, inject as re, createRenderer as se, defineComponent as ie, useSlots as ue, onMounted as le, openBlock as ce, createElementBlock as fe, normalizeStyle as pe } from "vue";
-import * as me from "three";
-import { PerspectiveCamera as z, OrthographicCamera as ve, Camera as Ee, Clock as de, SRGBColorSpace as ge, ACESFilmicToneMapping as ye, PCFSoftShadowMap as Ce, Vector3 as we, Color as k, WebGLRenderer as N, LoadingManager as _e, TextureLoader as Me, Raycaster as Re, Vector2 as Te, BufferAttribute as Pe, Scene as Ae } from "three";
-import { createEventHook as O, useRafFn as Le, toValue as y, unrefElement as Se, useDevicePixelRatio as xe, usePointer as De, useElementBounding as Oe, useWindowSize as he, useElementSize as be } from "@vueuse/core";
-const K = F({}), X = (e) => void Object.assign(K.value, e), Y = (e) => typeof e == "function", Q = (e) => !!e && e.constructor === Array, L = {
-  REGISTER_CAMERA: "tres__registerCamera",
-  IS_ACTIVE_CAMERA: "tres__isActiveCamera",
-  GEOMETRY_VIA_PROP: "tres__geometryViaProp",
-  MATERIAL_VIA_PROP: "tres__materialViaProp",
-  DEREGISTER_CAMERA: "tres__deregisterCamera",
-  REGISTER_AT_POINTER_EVENT_HANDLER: "tres__registerAtPointerEventHandler",
-  DEREGISTER_AT_POINTER_EVENT_HANDLER: "tres__deregisterAtPointerEventHandler"
-};
-function ke({ sizes: e, scene: a }) {
-  const { IS_ACTIVE_CAMERA: n, REGISTER_CAMERA: t, DEREGISTER_CAMERA: i } = L, o = F([]), l = M(
-    () => o.value.find(({ userData: s }) => s[n])
-  ), r = (s, c = !0) => {
-    o.value.some(({ uuid: v }) => v === s.uuid) || (o.value.push(s), c && m(s));
-  }, p = (s) => {
-    if (s.userData[n]) {
-      const c = o.value[o.value.length - 1];
-      c && m(c.uuid);
+import { ref as j, computed as P, watchEffect as b, onUnmounted as V, shallowRef as W, watch as J, reactive as re, readonly as I, provide as ae, inject as ne, createRenderer as oe, defineComponent as se, useSlots as ie, onMounted as ue, openBlock as le, createElementBlock as ce, normalizeStyle as fe } from "vue";
+import * as pe from "three";
+import { PerspectiveCamera as G, OrthographicCamera as me, Camera as ve, Clock as de, SRGBColorSpace as ge, ACESFilmicToneMapping as we, PCFSoftShadowMap as ye, Vector3 as Ce, Color as B, WebGLRenderer as z, LoadingManager as Me, TextureLoader as _e, Raycaster as Pe, Vector2 as Ee, BufferAttribute as Le, Scene as xe } from "three";
+import { createEventHook as k, useRafFn as he, toValue as m, unrefElement as Te, useDevicePixelRatio as be, usePointer as De, useElementBounding as ke, useWindowSize as Se, useElementSize as Ae } from "@vueuse/core";
+const K = j({}), X = (e) => void Object.assign(K.value, e), N = (e) => typeof e == "function", Y = (e) => !!e && e.constructor === Array;
+function Be({ sizes: e, scene: n }) {
+  const t = j([]), r = P(
+    () => t.value.find(({ userData: a }) => a.tres__isActiveCamera)
+  ), o = (a, i = !0) => {
+    t.value.some(({ uuid: f }) => f === a.uuid) || (t.value.push(a), i && l(a));
+  }, u = (a) => {
+    if (a.userData.tres__isActiveCamera) {
+      const i = t.value[t.value.length - 1];
+      i && l(i.uuid);
     }
-    o.value = o.value.filter(({ uuid: c }) => c !== s.uuid);
-  }, m = (s) => {
-    const c = s instanceof Ee ? s : o.value.find((v) => v.uuid === s);
-    c && (o.value.forEach(({ userData: v }) => v[n] = !1), c.userData[n] = !0);
-  }, f = () => {
-    o.value = [];
+    t.value = t.value.filter(({ uuid: i }) => i !== a.uuid);
+  }, l = (a) => {
+    const i = a instanceof ve ? a : t.value.find((c) => c.uuid === a);
+    if (!i)
+      return;
+    t.value.forEach(({ userData: c }) => c.tres__isActiveCamera = !1);
+    const f = i;
+    f.userData.tres__isActiveCamera = !0;
+  }, s = () => {
+    t.value = [];
   };
-  return x(() => {
-    e.aspectRatio.value && o.value.forEach((s) => {
-      s instanceof z && (s.aspect = e.aspectRatio.value), (s instanceof z || s instanceof ve) && s.updateProjectionMatrix();
+  return b(() => {
+    e.aspectRatio.value && t.value.forEach((a) => {
+      a instanceof G && (a.aspect = e.aspectRatio.value), (a instanceof G || a instanceof me) && a.updateProjectionMatrix();
     });
-  }), a.userData[t] = r, a.userData[i] = p, W(() => {
-    f();
+  }), n.userData.tres__registerCamera = o, n.userData.tres__deregisterCamera = u, V(() => {
+    s();
   }), {
-    camera: l,
-    cameras: o,
-    addCamera: r,
-    removeCamera: p,
-    setCameraActive: m
+    camera: r,
+    cameras: t,
+    addCamera: o,
+    removeCamera: u,
+    setCameraActive: l
   };
 }
-const Z = O(), ee = O(), j = O(), D = new de();
-let I = 0, B = 0;
-const { pause: Ie, resume: Be, isActive: Ge } = Le(
+const Q = k(), Z = k(), $ = k(), D = new de();
+let O = 0, R = 0;
+const { pause: Oe, resume: Re, isActive: ze } = he(
   () => {
-    Z.trigger({ delta: I, elapsed: B, clock: D }), ee.trigger({ delta: I, elapsed: B, clock: D }), j.trigger({ delta: I, elapsed: B, clock: D });
+    Q.trigger({ delta: O, elapsed: R, clock: D }), Z.trigger({ delta: O, elapsed: R, clock: D }), $.trigger({ delta: O, elapsed: R, clock: D });
   },
   { immediate: !1 }
 );
-j.on(() => {
-  I = D.getDelta(), B = D.getElapsedTime();
+$.on(() => {
+  O = D.getDelta(), R = D.getElapsedTime();
 });
-const te = () => ({
-  onBeforeLoop: Z.on,
-  onLoop: ee.on,
-  onAfterLoop: j.on,
-  pause: Ie,
-  resume: Be,
-  isActive: Ge
-}), V = {
+const ee = () => ({
+  onBeforeLoop: Q.on,
+  onLoop: Z.on,
+  onAfterLoop: $.on,
+  pause: Oe,
+  resume: Re,
+  isActive: ze
+}), F = {
   realistic: {
     outputColorSpace: ge,
-    toneMapping: ye,
+    toneMapping: we,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Ce
+      type: ye
     }
   }
-}, ne = (e, a) => {
-  for (const n of Object.keys(a))
-    a[n] instanceof Object && Object.assign(a[n], ne(e[n], a[n]));
-  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__ */ He(Ne);
-function b(e) {
-  return e.replace(/-([a-z])/g, (a, n) => n.toUpperCase());
+}, te = (e, n) => {
+  for (const t of Object.keys(n))
+    n[t] instanceof Object && Object.assign(n[t], te(e[t], n[t]));
+  return Object.assign(e || {}, n), e;
+}, Fe = "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", He = /* @__PURE__ */ Ge(Fe);
+function A(e) {
+  return e.replace(/-([a-z])/g, (n, t) => t.toUpperCase());
 }
-function He(e, a) {
-  const n = /* @__PURE__ */ Object.create(null), t = e.split(",");
-  for (let i = 0; i < t.length; i++)
-    n[t[i]] = !0;
-  return a ? (i) => !!n[i.toLowerCase()] : (i) => !!n[i];
+function Ge(e, n) {
+  const t = /* @__PURE__ */ Object.create(null), r = e.split(",");
+  for (let o = 0; o < r.length; o++)
+    t[r[o]] = !0;
+  return n ? (o) => !!t[o.toLowerCase()] : (o) => !!t[o];
 }
-const ze = (e, a) => {
-  const n = /* @__PURE__ */ new Set(), t = [];
-  for (const i of e) {
-    const o = a(i);
-    n.has(o) || (n.add(o), t.push(i));
+const je = (e, n) => {
+  const t = /* @__PURE__ */ new Set(), r = [];
+  for (const o of e) {
+    const u = n(o);
+    t.has(u) || (t.add(u), r.push(o));
   }
-  return t;
-}, ot = !0, U = "[TresJS ▲ ■ ●] ";
-function h() {
-  function e(t, i) {
-    console.error(`${U} ${t}`, i || "");
+  return r;
+}, at = !0, q = "[TresJS ▲ ■ ●] ";
+function S() {
+  function e(r, o) {
+    console.error(`${q} ${r}`, o || "");
   }
-  function a(t) {
-    console.warn(`${U} ${t}`);
+  function n(r) {
+    console.warn(`${q} ${r}`);
   }
-  function n(t, i) {
+  function t(r, o) {
   }
   return {
     logError: e,
-    logWarning: a,
-    logMessage: n
+    logWarning: n,
+    logMessage: t
   };
 }
-function rt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof we ? [e.x, e.y, e.z] : e;
+function nt(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof Ce ? [e.x, e.y, e.z] : e;
 }
-function Fe(e) {
-  return e instanceof k ? e : Array.isArray(e) ? new k(...e) : new k(e);
+function Ve(e) {
+  return e instanceof B ? e : Array.isArray(e) ? new B(...e) : new B(e);
 }
 function We({
   scene: e,
-  canvas: a,
-  options: n,
-  disableRender: t,
-  contextParts: { sizes: i, camera: o }
+  canvas: n,
+  options: t,
+  disableRender: r,
+  contextParts: { sizes: o, camera: u }
 }) {
-  const l = M(() => ({
-    alpha: y(n.alpha),
-    depth: y(n.depth),
-    canvas: Se(a),
-    context: y(n.context),
-    stencil: y(n.stencil),
-    antialias: y(n.antialias),
-    precision: y(n.precision),
-    powerPreference: y(n.powerPreference),
-    premultipliedAlpha: y(n.premultipliedAlpha),
-    preserveDrawingBuffer: y(n.preserveDrawingBuffer),
-    logarithmicDepthBuffer: y(n.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: y(n.failIfMajorPerformanceCaveat)
-  })), r = $(new N(l.value));
+  const l = P(() => ({
+    alpha: m(t.alpha),
+    depth: m(t.depth),
+    canvas: Te(n),
+    context: m(t.context),
+    stencil: m(t.stencil),
+    antialias: m(t.antialias) === void 0 ? (
+      // an opinionated default of tres
+      !0
+    ) : m(t.antialias),
+    precision: m(t.precision),
+    powerPreference: m(t.powerPreference),
+    premultipliedAlpha: m(t.premultipliedAlpha),
+    preserveDrawingBuffer: m(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: m(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: m(t.failIfMajorPerformanceCaveat)
+  })), s = W(new z(l.value));
   J(l, () => {
-    r.value.dispose(), r.value = new N(l.value);
-  }), x(() => {
-    r.value.setSize(i.width.value, i.height.value);
+    s.value.dispose(), s.value = new z(l.value);
+  }), b(() => {
+    s.value.setSize(o.width.value, o.height.value);
   });
-  const { pixelRatio: p } = xe();
-  x(() => {
-    r.value.setPixelRatio(p.value);
+  const { pixelRatio: a } = be();
+  b(() => {
+    s.value.setPixelRatio(a.value);
   });
-  const { logError: m } = h(), s = (() => {
-    const u = new N(), d = {
+  const { logError: i } = S(), c = (() => {
+    const d = new z(), v = {
       shadowMap: {
-        enabled: u.shadowMap.enabled,
-        type: u.shadowMap.type
+        enabled: d.shadowMap.enabled,
+        type: d.shadowMap.type
       },
-      toneMapping: u.toneMapping,
-      toneMappingExposure: u.toneMappingExposure,
-      outputColorSpace: u.outputColorSpace,
-      useLegacyLights: u.useLegacyLights
+      toneMapping: d.toneMapping,
+      toneMappingExposure: d.toneMappingExposure,
+      outputColorSpace: d.outputColorSpace,
+      useLegacyLights: d.useLegacyLights
     };
-    return u.dispose(), d;
+    return d.dispose(), v;
   })();
-  x(() => {
-    const u = y(n.preset);
-    if (u) {
-      u in V || m("Renderer Preset must be one of these: " + Object.keys(V).join(", ")), ne(r.value, V[u]);
+  b(() => {
+    const d = m(t.preset);
+    if (d) {
+      d in F || i("Renderer Preset must be one of these: " + Object.keys(F).join(", ")), te(s.value, F[d]);
       return;
     }
-    const d = y(n.shadows);
-    r.value.shadowMap.enabled = d !== void 0 ? d : s.shadowMap.enabled;
-    const g = y(n.shadowMapType);
-    r.value.shadowMap.type = g !== void 0 ? g : s.shadowMap.type;
-    const R = y(n.toneMapping);
-    r.value.toneMapping = R !== void 0 ? R : s.toneMapping;
-    const T = y(n.toneMappingExposure);
-    r.value.toneMappingExposure = T !== void 0 ? T : s.toneMappingExposure;
-    const P = y(n.outputColorSpace);
-    r.value.outputColorSpace = P !== void 0 ? P : s.outputColorSpace;
-    const S = y(n.useLegacyLights);
-    r.value.useLegacyLights = S !== void 0 ? S : s.useLegacyLights;
-    const A = y(n.clearColor);
-    A && r.value.setClearColor(
-      A ? Fe(A) : new k(0)
+    const v = m(t.shadows);
+    s.value.shadowMap.enabled = v !== void 0 ? v : c.shadowMap.enabled;
+    const y = m(t.shadowMapType);
+    s.value.shadowMap.type = y !== void 0 ? y : c.shadowMap.type;
+    const E = m(t.toneMapping);
+    s.value.toneMapping = E !== void 0 ? E : c.toneMapping;
+    const x = m(t.toneMappingExposure);
+    s.value.toneMappingExposure = x !== void 0 ? x : c.toneMappingExposure;
+    const h = m(t.outputColorSpace);
+    s.value.outputColorSpace = h !== void 0 ? h : c.outputColorSpace;
+    const T = m(t.useLegacyLights);
+    s.value.useLegacyLights = T !== void 0 ? T : c.useLegacyLights;
+    const L = m(t.clearColor);
+    L && s.value.setClearColor(
+      L ? Ve(L) : new B(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: c, resume: v, onLoop: C } = te();
-  return C(() => {
-    o.value && !y(t) && r.value.render(e, o.value);
-  }), v(), W(() => {
-    c(), r.value.dispose(), r.value.forceContextLoss();
+  const { pause: w, resume: C, onLoop: _ } = ee();
+  return _(() => {
+    u.value && !m(r) && s.value.render(e, u.value);
+  }), C(), V(() => {
+    w(), s.value.dispose(), s.value.forceContextLoss();
   }), {
-    renderer: r
+    renderer: s
   };
 }
 function $e(e) {
-  const a = { nodes: {}, materials: {} };
-  return e && e.traverse((n) => {
-    n.name && (a.nodes[n.name] = n), n.material && !a.materials[n.material.name] && (a.materials[n.material.name] = n.material);
-  }), a;
+  const n = { nodes: {}, materials: {} };
+  return e && e.traverse((t) => {
+    t.name && (n.nodes[t.name] = t), t.material && !n.materials[t.material.name] && (n.materials[t.material.name] = t.material);
+  }), n;
 }
-async function st(e, a, n, t, i) {
-  const { logError: o } = h(), l = new e();
-  i && i(l), n && n(l);
-  const p = (Array.isArray(a) ? a : [a]).map(
-    (m) => new Promise((f, s) => {
+async function ot(e, n, t, r, o) {
+  const { logError: u } = S(), l = new e();
+  o && o(l), t && t(l);
+  const a = (Array.isArray(n) ? n : [n]).map(
+    (i) => new Promise((f, c) => {
       l.load(
-        m,
-        (c) => {
-          c.scene && Object.assign(c, $e(c.scene)), f(c);
+        i,
+        (w) => {
+          w.scene && Object.assign(w, $e(w.scene)), f(w);
         },
-        t,
-        (c) => s(o("[useLoader] - Failed to load resource", c))
+        r,
+        (w) => c(u("[useLoader] - Failed to load resource", w))
       );
     })
   );
-  return Q(a) ? await Promise.all(p) : await p[0];
+  return Y(n) ? await Promise.all(a) : await a[0];
 }
-async function it(e) {
-  const a = new _e(), n = new Me(a), t = (i) => new Promise((o, l) => {
-    n.load(
-      i,
-      (r) => o(r),
+async function st(e) {
+  const n = new Me(), t = new _e(n), r = (o) => new Promise((u, l) => {
+    t.load(
+      o,
+      (s) => u(s),
       () => null,
       () => {
         l(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Q(e)) {
-    const i = await Promise.all(e.map((o) => t(o)));
-    return e.length > 1 ? i : i[0];
+  if (Y(e)) {
+    const o = await Promise.all(e.map((u) => r(u)));
+    return e.length > 1 ? o : o[0];
   } else {
     const {
-      map: i,
-      displacementMap: o,
+      map: o,
+      displacementMap: u,
       normalMap: l,
-      roughnessMap: r,
-      metalnessMap: p,
-      aoMap: m,
+      roughnessMap: s,
+      metalnessMap: a,
+      aoMap: i,
       alphaMap: f,
-      matcap: s
+      matcap: c
     } = e;
     return {
-      map: i ? await t(i) : null,
-      displacementMap: o ? await t(o) : null,
-      normalMap: l ? await t(l) : null,
-      roughnessMap: r ? await t(r) : null,
-      metalnessMap: p ? await t(p) : null,
-      aoMap: m ? await t(m) : null,
-      alphaMap: f ? await t(f) : null,
-      matcap: s ? await t(s) : null
+      map: o ? await r(o) : null,
+      displacementMap: u ? await r(u) : null,
+      normalMap: l ? await r(l) : null,
+      roughnessMap: s ? await r(s) : null,
+      metalnessMap: a ? await r(a) : null,
+      aoMap: i ? await r(i) : null,
+      alphaMap: f ? await r(f) : null,
+      matcap: c ? await r(c) : null
     };
   }
 }
-const je = (e, { renderer: a, camera: n }) => {
-  const t = M(() => a.value.domElement), { x: i, y: o } = De({ target: t }), { width: l, height: r, top: p, left: m } = Oe(t), f = new Re(), s = ({ x: E, y: w }) => {
-    if (t.value)
+const Ie = (e, { renderer: n, camera: t }) => {
+  const r = P(() => n.value.domElement), { x: o, y: u } = De({ target: r }), { width: l, height: s, top: a, left: i } = ke(r), f = new Pe(), c = ({ x: p, y: M }) => {
+    if (r.value)
       return {
-        x: (E - m.value) / l.value * 2 - 1,
-        y: -((w - p.value) / r.value) * 2 + 1
+        x: (p - i.value) / l.value * 2 - 1,
+        y: -((M - a.value) / s.value) * 2 + 1
       };
-  }, c = ({ x: E, y: w }) => {
-    if (n.value)
-      return f.setFromCamera(new Te(E, w), n.value), f.intersectObjects(e.value, !1);
-  }, v = (E) => {
-    const w = s({
-      x: (E == null ? void 0 : E.clientX) ?? i.value,
-      y: (E == null ? void 0 : E.clientY) ?? o.value
+  }, w = ({ x: p, y: M }) => {
+    if (t.value)
+      return f.setFromCamera(new Ee(p, M), t.value), f.intersectObjects(e.value, !1);
+  }, C = (p) => {
+    const M = c({
+      x: (p == null ? void 0 : p.clientX) ?? o.value,
+      y: (p == null ? void 0 : p.clientY) ?? u.value
     });
-    return w ? c(w) || [] : [];
-  }, C = M(() => v()), u = O(), d = O(), g = (E, w) => {
-    E.trigger({ event: w, intersects: v(w) });
-  }, R = (E) => {
-    g(d, E);
+    return M ? w(M) || [] : [];
+  }, _ = P(() => C()), d = k(), v = k(), y = (p, M) => {
+    p.trigger({ event: M, intersects: C(M) });
+  }, E = (p) => {
+    y(v, p);
   };
-  let T;
-  const P = (E) => {
-    var w;
-    T = (w = v(E)[0]) == null ? void 0 : w.object;
-  }, S = (E) => {
-    var w;
-    E instanceof PointerEvent && T === ((w = v(E)[0]) == null ? void 0 : w.object) && g(u, E);
-  }, A = (E) => d.trigger({ event: E, intersects: [] });
-  return t.value.addEventListener("pointerup", S), t.value.addEventListener("pointerdown", P), t.value.addEventListener("pointermove", R), t.value.addEventListener("pointerleave", A), W(() => {
-    t != null && t.value && (t.value.removeEventListener("pointerup", S), t.value.removeEventListener("pointerdown", P), t.value.removeEventListener("pointermove", R), t.value.removeEventListener("pointerleave", A));
+  let x;
+  const h = (p) => {
+    var M;
+    x = (M = C(p)[0]) == null ? void 0 : M.object;
+  }, T = (p) => {
+    var M;
+    p instanceof PointerEvent && x === ((M = C(p)[0]) == null ? void 0 : M.object) && y(d, p);
+  }, L = (p) => v.trigger({ event: p, intersects: [] });
+  return r.value.addEventListener("pointerup", T), r.value.addEventListener("pointerdown", h), r.value.addEventListener("pointermove", E), r.value.addEventListener("pointerleave", L), V(() => {
+    r != null && r.value && (r.value.removeEventListener("pointerup", T), r.value.removeEventListener("pointerdown", h), r.value.removeEventListener("pointermove", E), r.value.removeEventListener("pointerleave", L));
   }), {
-    intersects: C,
-    onClick: (E) => u.on(E).off,
-    onPointerMove: (E) => d.on(E).off
+    intersects: _,
+    onClick: (p) => d.on(p).off,
+    onPointerMove: (p) => v.on(p).off
   };
 };
-function ut() {
-  const { logWarning: e } = h();
-  function a(t, i, o) {
+function it() {
+  const { logWarning: e } = S();
+  function n(r, o, u) {
     let l = null;
-    return t.traverse((r) => {
-      r[i] === o && (l = r);
-    }), l || e(`Child with ${i} '${o}' not found.`), l;
+    return r.traverse((s) => {
+      s[o] === u && (l = s);
+    }), l || e(`Child with ${o} '${u}' not found.`), l;
   }
-  function n(t, i) {
-    return a(t, "name", i);
+  function t(r, o) {
+    return n(r, "name", o);
   }
   return {
-    seek: a,
-    seekByName: n
+    seek: n,
+    seekByName: t
   };
 }
-const Ye = (e, a) => {
-  const n = ae({
+const Ne = (e, n) => {
+  const t = re({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), t = (s) => {
-    Object.values(n).forEach((c) => c.delete(s));
-  }, i = (s) => {
-    const { onClick: c, onPointerMove: v, onPointerEnter: C, onPointerLeave: u } = s;
-    c && n.click.set(s, c), v && n.pointerMove.set(s, v), C && n.pointerEnter.set(s, C), u && n.pointerLeave.set(s, u);
-  }, { REGISTER_AT_POINTER_EVENT_HANDLER: o, DEREGISTER_AT_POINTER_EVENT_HANDLER: l } = L;
-  e.userData[o] = i, e.userData[l] = t;
-  const r = M(
-    () => ze(
-      Object.values(n).map((s) => Array.from(s.keys())).flat(),
-      ({ uuid: s }) => s
+  }), r = (i) => {
+    Object.values(t).forEach((f) => f.delete(i));
+  }, o = (i) => {
+    const { onClick: f, onPointerMove: c, onPointerEnter: w, onPointerLeave: C } = i;
+    f && t.click.set(i, f), c && t.pointerMove.set(i, c), w && t.pointerEnter.set(i, w), C && t.pointerLeave.set(i, C);
+  };
+  e.userData.tres__registerAtPointerEventHandler = o, e.userData.tres__deregisterAtPointerEventHandler = r;
+  const u = P(
+    () => je(
+      Object.values(t).map((i) => Array.from(i.keys())).flat(),
+      ({ uuid: i }) => i
     )
-  ), { onClick: p, onPointerMove: m } = je(r, a);
-  p(({ intersects: s, event: c }) => {
-    var v;
-    s.length && ((v = n.click.get(s[0].object)) == null || v(s[0], c));
+  ), { onClick: l, onPointerMove: s } = Ie(u, n);
+  l(({ intersects: i, event: f }) => {
+    var c;
+    i.length && ((c = t.click.get(i[0].object)) == null || c(i[0], f));
   });
-  let f;
-  return m(({ intersects: s, event: c }) => {
-    var g, R, T, P;
-    const v = (g = s == null ? void 0 : s[0]) == null ? void 0 : g.object, { pointerLeave: C, pointerEnter: u, pointerMove: d } = n;
-    f && f !== v && ((R = C.get(f)) == null || R(f, c)), v && (f !== v && ((T = u.get(v)) == null || T(s[0], c)), (P = d.get(v)) == null || P(s[0], c)), f = v || null;
+  let a;
+  return s(({ intersects: i, event: f }) => {
+    var d, v, y, E;
+    const c = (d = i == null ? void 0 : i[0]) == null ? void 0 : d.object, { pointerLeave: w, pointerEnter: C, pointerMove: _ } = t;
+    a && a !== c && ((v = w.get(a)) == null || v(a, f)), c && (a !== c && ((y = C.get(c)) == null || y(i[0], f)), (E = _.get(c)) == null || E(i[0], f)), a = c || null;
   }), {
-    registerObject: i,
-    deregisterObject: t
+    registerObject: o,
+    deregisterObject: r
   };
 };
-function Ue({
+function qe({
   scene: e,
-  canvas: a,
-  windowSize: n,
-  disableRender: t,
-  rendererOptions: i
+  canvas: n,
+  windowSize: t,
+  disableRender: r,
+  rendererOptions: o
 }) {
-  const o = M(
-    () => y(n) ? he() : be(y(a).parentElement)
-  ), l = M(() => o.value.width.value), r = M(() => o.value.height.value), p = M(() => l.value / r.value), m = {
-    height: r,
+  const u = P(
+    () => m(t) ? Se() : Ae(m(n).parentElement)
+  ), l = P(() => u.value.width.value), s = P(() => u.value.height.value), a = P(() => l.value / s.value), i = {
+    height: s,
     width: l,
-    aspectRatio: p
-  }, f = $(e), {
-    camera: s,
-    cameras: c,
-    addCamera: v,
-    removeCamera: C,
-    setCameraActive: u
-  } = ke({ sizes: m, scene: e }), { renderer: d } = We(
+    aspectRatio: a
+  }, f = W(e), {
+    camera: c,
+    cameras: w,
+    addCamera: C,
+    removeCamera: _,
+    setCameraActive: d
+  } = Be({ sizes: i, scene: e }), { renderer: v } = We(
     {
       scene: e,
-      canvas: a,
-      options: i,
-      contextParts: { sizes: m, camera: s },
-      disableRender: t
+      canvas: n,
+      options: o,
+      contextParts: { sizes: i, camera: c },
+      disableRender: r
     }
-  ), g = {
-    sizes: m,
-    scene: G(f),
-    camera: s,
-    cameras: G(c),
-    renderer: G(d),
-    addCamera: v,
-    removeCamera: C,
-    setCameraActive: u
+  ), y = {
+    sizes: i,
+    scene: I(f),
+    camera: c,
+    cameras: I(w),
+    renderer: v,
+    addCamera: C,
+    removeCamera: _,
+    setCameraActive: d
   };
-  return oe("useTres", g), g;
+  return ae("useTres", y), y;
 }
-function lt() {
-  const e = re("useTres");
+function ut() {
+  const e = ne("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-let H = null, _ = null;
-const { logError: q } = h(), qe = {
-  createElement(e, a, n, t) {
-    var p, m;
-    if (t || (t = {}), t.args || (t.args = []), e === "template" || Ve(e))
+let H = null, g = null;
+const { logError: U } = S(), Ue = {
+  createElement(e, n, t, r) {
+    var l, s;
+    if (r || (r = {}), r.args || (r.args = []), e === "template" || He(e))
       return null;
-    let i = e.replace("Tres", ""), o;
+    let o = e.replace("Tres", ""), u;
     if (e === "primitive") {
-      (t == null ? void 0 : t.object) === void 0 && q("Tres primitives need a prop 'object'");
-      const f = t.object;
-      i = f.type, o = Object.assign(f, { type: i, attach: t.attach, primitive: !0 });
+      (r == null ? void 0 : r.object) === void 0 && U("Tres primitives need a prop 'object'");
+      const a = r.object;
+      o = a.type, u = Object.assign(a, { type: o, attach: r.attach, primitive: !0 });
     } else {
-      const f = K.value[i];
-      f || q(`${i} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new f(...t.args);
+      const a = K.value[o];
+      a || U(`${o} is not defined on the THREE namespace. Use extend to add it to the catalog.`), u = new a(...r.args);
     }
-    o.isCamera && (t != null && t.position || o.position.set(3, 3, 3), t != null && t.lookAt || o.lookAt(0, 0, 0)), (t == null ? void 0 : t.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry"));
-    const { GEOMETRY_VIA_PROP: l, MATERIAL_VIA_PROP: r } = L;
-    return o.isObject3D && ((p = t == null ? void 0 : t.material) != null && p.isMaterial && (o.userData[r] = !0), (m = t == null ? void 0 : t.geometry) != null && m.isBufferGeometry && (o.userData[l] = !0)), o;
+    return u.isCamera && (r != null && r.position || u.position.set(3, 3, 3), r != null && r.lookAt || u.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (u.isMaterial ? u.attach = "material" : u.isBufferGeometry && (u.attach = "geometry")), u.isObject3D && ((l = r == null ? void 0 : r.material) != null && l.isMaterial && (u.userData.tres__materialViaProp = !0), (s = r == null ? void 0 : r.geometry) != null && s.isBufferGeometry && (u.userData.tres__geometryViaProp = !0)), u;
   },
-  insert(e, a) {
-    var n, t, i, o, l, r, p, m, f;
-    if (a && a.isScene && (_ = a), (((n = e == null ? void 0 : e.__vnode) == null ? void 0 : n.type) === "TresGroup" || ((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresObject3D") && a === null && !((o = (i = e == null ? void 0 : e.__vnode) == null ? void 0 : i.ctx) != null && o.asyncResolved)) {
+  insert(e, n) {
+    var t, r, o, u, l, s, a, i, f;
+    if (n && n.isScene && (g = n), (((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresGroup" || ((r = e == null ? void 0 : e.__vnode) == null ? void 0 : r.type) === "TresObject3D") && n === null && !((u = (o = e == null ? void 0 : e.__vnode) == null ? void 0 : o.ctx) != null && u.asyncResolved)) {
       H = e;
       return;
     } else
-      (l = e == null ? void 0 : e.__vnode) != null && l.type.includes("Controls") && a === null && (H = _);
-    a || (a = H), e != null && e.isObject3D && (e != null && e.isCamera && ((p = (r = _ == null ? void 0 : _.userData) == null ? void 0 : r[L.REGISTER_CAMERA]) == null || p.call(r, e)), (e != null && e.onClick || e != null && e.onPointerMove || e != null && e.onPointerEnter || e != null && e.onPointerLeave) && ((f = (m = _ == null ? void 0 : _.userData) == null ? void 0 : m[L.REGISTER_AT_POINTER_EVENT_HANDLER]) == null || f.call(m, e))), e != null && e.isObject3D && (a != null && a.isObject3D) ? (a.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? a.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[a == null ? void 0 : a.attach], a && (a[e.attach] = e));
+      (l = e == null ? void 0 : e.__vnode) != null && l.type.includes("Controls") && n === null && (H = g);
+    if (n || (n = H), e != null && e.isObject3D) {
+      if (e != null && e.isCamera) {
+        if (!(g != null && g.userData.tres__registerCamera))
+          throw "could not find tres__registerCamera on scene's userData";
+        (a = g == null ? void 0 : (s = g.userData).tres__registerCamera) == null || a.call(s, e);
+      }
+      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";
+        (f = g == null ? void 0 : (i = g.userData).tres__registerAtPointerEventHandler) == null || f.call(i, e);
+      }
+    }
+    e != null && e.isObject3D && (n != null && n.isObject3D) ? (n.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? n.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[n == null ? void 0 : n.attach], n && (n[e.attach] = e));
   },
   remove(e) {
-    var a, n, t, i;
+    var n, t;
     if (e) {
       if (e.isObject3D) {
-        const o = e, {
-          DEREGISTER_CAMERA: l,
-          GEOMETRY_VIA_PROP: r,
-          MATERIAL_VIA_PROP: p,
-          DEREGISTER_AT_POINTER_EVENT_HANDLER: m
-        } = L, f = (u) => {
-          var d, g;
-          u.userData[p] || (d = u.material) == null || d.dispose(), u.userData[r] || (g = u.geometry) == null || g.dispose();
-        }, s = (a = _ == null ? void 0 : _.userData) == null ? void 0 : a[m], c = (u) => {
-          (u != null && u.onClick || u != null && u.onPointerMove || u != null && u.onPointerEnter || u != null && u.onPointerLeave) && (s == null || s(u));
-        }, v = (n = _ == null ? void 0 : _.userData) == null ? void 0 : n[l], C = (u) => {
-          u.isCamera && v(u);
+        const r = e, o = (a) => {
+          var f, c;
+          const i = a;
+          a.userData.tres__materialViaProp || (f = i.material) == null || f.dispose(), a.userData.tres__geometryViaProp || (c = i.geometry) == null || c.dispose();
+        }, u = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, l = (a) => {
+          if (!u)
+            throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
+          (a != null && a.onClick || a != null && a.onPointerMove || a != null && a.onPointerEnter || a != null && a.onPointerLeave) && (u == null || u(a));
+        }, s = (a) => {
+          const i = g == null ? void 0 : g.userData.tres__deregisterCamera;
+          if (!i)
+            throw "could not find tres__deregisterCamera on scene's userData";
+          a.isCamera && (i == null || i(a));
         };
-        o.traverse((u) => {
-          f(u), C(u), c == null || c(u);
-        }), f(o), C(o), c == null || c(o);
+        r.traverse((a) => {
+          o(a), s(a), l == null || l(a);
+        }), o(r), s(r), l == null || l(r);
       }
-      (t = e.removeFromParent) == null || t.call(e), (i = e.dispose) == null || i.call(e);
+      (n = e.removeFromParent) == null || n.call(e), (t = e.dispose) == null || t.call(e);
     }
   },
-  patchProp(e, a, n, t) {
+  patchProp(e, n, t, r) {
     if (e) {
-      let i = e, o = a, l = b(o), r = i == null ? void 0 : i[l];
-      if (i.type === "BufferGeometry") {
-        if (o === "args")
+      let o = e, u = n, l = A(u), s = o == null ? void 0 : o[l];
+      if (o.type === "BufferGeometry") {
+        if (u === "args")
           return;
-        i.setAttribute(
-          b(o),
-          new Pe(...t)
+        o.setAttribute(
+          A(u),
+          new Le(...r)
         );
         return;
       }
-      if (o.includes("-") && r === void 0) {
-        const m = o.split("-");
-        r = m.reduce((f, s) => f[b(s)], i), o = m.pop(), l = o.toLowerCase(), r != null && r.set || (i = m.reduce((f, s) => f[b(s)], i));
+      if (u.includes("-") && s === void 0) {
+        const i = u.split("-");
+        s = i.reduce((f, c) => f[A(c)], o), u = i.pop(), l = u.toLowerCase(), s != null && s.set || (o = i.reduce((f, c) => f[A(c)], o));
       }
-      let p = t;
-      if (p === "" && (p = !0), Y(r)) {
-        Array.isArray(p) ? e[l](...p) : e[l](p);
+      let a = r;
+      if (a === "" && (a = !0), N(s)) {
+        Array.isArray(a) ? e[l](...a) : e[l](a);
         return;
       }
-      !(r != null && r.set) && !Y(r) ? i[l] = p : r.constructor === p.constructor && (r != null && r.copy) ? r == null || r.copy(p) : Array.isArray(p) ? r.set(...p) : !r.isColor && r.setScalar ? r.setScalar(p) : r.set(p);
+      !(s != null && s.set) && !N(s) ? o[l] = a : s.constructor === a.constructor && (s != null && s.copy) ? s == null || s.copy(a) : Array.isArray(a) ? s.set(...a) : !s.isColor && s.setScalar ? s.setScalar(a) : s.set(a);
     }
   },
   parentNode(e) {
@@ -475,15 +485,15 @@ const { logError: q } = h(), qe = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { createApp: Je } = se(qe), Ke = (e) => {
-  const a = Je(n);
-  function n() {
+}, { createApp: Je } = oe(Ue), Ke = (e) => {
+  const n = Je(t);
+  function t() {
     return e && e.default ? e.default() : [];
   }
-  return a;
+  return n;
 };
-X(me);
-const Xe = ["data-scene"], Qe = /* @__PURE__ */ ie({
+X(pe);
+const Xe = ["data-scene"], Ye = /* @__PURE__ */ se({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean },
@@ -510,53 +520,49 @@ const Xe = ["data-scene"], Qe = /* @__PURE__ */ ie({
     failIfMajorPerformanceCaveat: { type: Boolean }
   },
   setup(e) {
-    const a = e, { logWarning: n } = h(), t = F(), i = $(new Ae());
-    te();
-    const o = ue();
+    const n = e, { logWarning: t } = S(), r = j(), o = W(new xe());
+    ee();
+    const u = ie();
     let l;
-    const r = (m) => {
-      l = Ke(o), l.provide("useTres", m), l.provide("extend", X), l.mount(i.value);
-    }, p = M(() => a.disableRender);
-    return le(() => {
-      const m = t, f = Ue({
-        scene: i.value,
-        canvas: m,
-        windowSize: a.windowSize,
-        disableRender: p,
-        rendererOptions: {
-          ...a,
-          antialias: a.antialias === void 0 ? !0 : a.antialias
-          // an opinionated default of tres
-        }
+    const s = (i) => {
+      l = Ke(u), l.provide("useTres", i), l.provide("extend", X), l.mount(o.value);
+    }, a = P(() => n.disableRender);
+    return ue(() => {
+      const i = r, f = qe({
+        scene: o.value,
+        canvas: i,
+        windowSize: n.windowSize,
+        disableRender: a,
+        rendererOptions: n
       });
-      Ye(i.value, f);
-      const { addCamera: s, camera: c, cameras: v, removeCamera: C } = f;
-      r(f);
-      const u = () => {
-        const d = new z(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
-        d.position.set(3, 3, 3), d.lookAt(0, 0, 0), s(d);
-        const g = x(
+      Ne(o.value, f);
+      const { addCamera: c, camera: w, cameras: C, removeCamera: _ } = f;
+      s(f);
+      const d = () => {
+        const v = new G(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
+        v.position.set(3, 3, 3), v.lookAt(0, 0, 0), c(v);
+        const y = b(
           () => {
-            v.value.length >= 2 && (d.removeFromParent(), C(d), g == null || g());
+            C.value.length >= 2 && (v.removeFromParent(), _(v), y == null || y());
           }
         );
       };
-      J(() => a.camera, (d, g) => {
-        d ? s(d) : g && (g.removeFromParent(), C(g));
+      J(() => n.camera, (v, y) => {
+        v ? c(v) : y && (y.removeFromParent(), _(y));
       }, {
         immediate: !0
-      }), c.value || (n(
+      }), w.value || (t(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), u());
-    }), (m, f) => (ce(), fe("canvas", {
+      ), d());
+    }), (i, f) => (le(), ce("canvas", {
       ref_key: "canvas",
-      ref: t,
-      "data-scene": i.value.uuid,
-      style: pe({
+      ref: r,
+      "data-scene": o.value.uuid,
+      style: fe({
         display: "block",
         width: "100%",
         height: "100%",
-        position: m.windowSize ? "fixed" : "relative",
+        position: i.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
@@ -565,40 +571,40 @@ const Xe = ["data-scene"], Qe = /* @__PURE__ */ ie({
       })
     }, null, 12, Xe));
   }
-}), Ze = [
+}), Qe = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], et = {
+], Ze = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Ze.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Qe.includes(e) || e === "primitive"
     }
   }
-}, ct = et, ft = {
+}, lt = Ze, ct = {
   install(e) {
-    e.component("TresCanvas", Qe);
+    e.component("TresCanvas", Ye);
   }
 };
 export {
-  Qe as TresCanvas,
+  Ye as TresCanvas,
   K as catalogue,
-  ft as default,
+  ct as default,
   X as extend,
-  ot as isProd,
-  Fe as normalizeColor,
-  rt as normalizeVectorFlexibleParam,
-  ct as templateCompilerOptions,
+  at as isProd,
+  Ve as normalizeColor,
+  nt as normalizeVectorFlexibleParam,
+  lt as templateCompilerOptions,
   $e as trasverseObjects,
-  ke as useCamera,
-  st as useLoader,
-  h as useLogger,
-  Ye as usePointerEventHandler,
-  je as useRaycaster,
-  te as useRenderLoop,
+  Be as useCamera,
+  ot as useLoader,
+  S as useLogger,
+  Ne as usePointerEventHandler,
+  Ie as useRaycaster,
+  ee as useRenderLoop,
   We as useRenderer,
-  ut as useSeek,
-  it as useTexture,
-  lt as useTresContext,
-  Ue as useTresContextProvider
+  it as useSeek,
+  st as useTexture,
+  ut as useTresContext,
+  qe as useTresContextProvider
 };