@tresjs/core 3.1.0 → 3.2.0

package/dist/tres.js

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