@tresjs/core 3.2.0 → 3.2.1-next.1

package/dist/tres.js

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

package/dist/tres.umd.cjs

@@ -1,8 +1,8 @@
 /**
  * name: @tresjs/core
- * version: v3.2.0
+ * version: v3.2.1-next.1
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(v,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],u):(v=typeof globalThis<"u"?globalThis:v||self,u(v.tres={},v.Vue,v.Three,v.VueUseCore))})(this,function(v,u,M,y){"use strict";function se(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const ie=se(M),W=({sizes:e,scene:n})=>{const t=u.ref([]),r=u.computed(()=>t.value[0]),a=(i,f=!1)=>{t.value.some(({uuid:s})=>s===i.uuid)||(f?m(i):t.value.push(i))},o=i=>{t.value=t.value.filter(({uuid:f})=>f!==i.uuid)},m=i=>{const f=i instanceof M.Camera?i:t.value.find(d=>d.uuid===i);if(!f)return;const s=t.value.filter(({uuid:d})=>d!==f.uuid);t.value=[f,...s]};return u.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(i=>{i instanceof M.PerspectiveCamera&&(i.aspect=e.aspectRatio.value),(i instanceof M.PerspectiveCamera||i instanceof M.OrthographicCamera)&&i.updateProjectionMatrix()})}),n.userData.tres__registerCamera=a,n.userData.tres__deregisterCamera=o,u.onUnmounted(()=>{t.value=[]}),{camera:r,cameras:t,registerCamera:a,deregisterCamera:o,setCameraActive:m}},I=y.createEventHook(),N=y.createEventHook(),F=y.createEventHook(),S=new M.Clock;let B=0,x=0;const{pause:le,resume:ue,isActive:ce}=y.useRafFn(()=>{I.trigger({delta:B,elapsed:x,clock:S}),N.trigger({delta:B,elapsed:x,clock:S}),F.trigger({delta:B,elapsed:x,clock:S})},{immediate:!1});F.on(()=>{B=S.getDelta(),x=S.getElapsedTime()});const G=()=>({onBeforeLoop:I.on,onLoop:N.on,onAfterLoop:F.on,pause:le,resume:ue,isActive:ce}),fe=!0,$="[TresJS ▲ ■ ●] ";function L(){function e(r,a){console.error(`${$} ${r}`,a||"")}function n(r){console.warn(`${$} ${r}`)}function t(r,a){}return{logError:e,logWarning:n,logMessage:t}}function me(e){return typeof e=="number"?[e,e,e]:e instanceof M.Vector3?[e.x,e.y,e.z]:e}function q(e){return e instanceof M.Color?e:Array.isArray(e)?new M.Color(...e):new M.Color(e)}const U=(e,n)=>{for(const t of Object.keys(n))n[t]instanceof Object&&Object.assign(n[t],U(e[t],n[t]));return Object.assign(e||{},n),e},de=pe("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");function H(e){return e&&e.nodeType===1}function j(e){return e.replace(/-([a-z])/g,(n,t)=>t.toUpperCase())}function pe(e,n){const t=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 ge=(e,n)=>{const t=new Set,r=[];for(const a of e){const o=n(a);t.has(o)||(t.add(o),r.push(a))}return r},J=(e,n)=>{if(!n)return;const t=Array.isArray(n)?n:n.match(/([^[.\]])+/g);return t==null?void 0:t.reduce((r,a)=>r&&r[a],e)},ve=(e,n,t)=>{const r=Array.isArray(n)?n:n.match(/([^[.\]])+/g);r&&r.reduce((a,o,m)=>(a[o]===void 0&&(a[o]={}),m===r.length-1&&(a[o]=t),a[o]),e)};function K(e,n){if(H(e)&&H(n)){const a=e.attributes,o=n.attributes;return a.length!==o.length?!1:Array.from(a).every(({name:m,value:i})=>n.getAttribute(m)===i)}if(e===n)return!0;if(e===null||typeof e!="object"||n===null||typeof n!="object")return!1;const t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(const a of t)if(!r.includes(a)||!K(e[a],n[a]))return!1;return!0}function ye(e,n){if(!Array.isArray(e)||!Array.isArray(n)||e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(!K(e[t],n[t]))return!1;return!0}const we=Number.parseInt(M.REVISION.replace("dev","")),T={realistic:{outputColorSpace:M.SRGBColorSpace,toneMapping:M.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:M.PCFSoftShadowMap}}};function X({scene:e,canvas:n,options:t,disableRender:r,contextParts:{sizes:a,camera:o}}){const m=u.computed(()=>({alpha:y.toValue(t.alpha),depth:y.toValue(t.depth),canvas:y.unrefElement(n),context:y.toValue(t.context),stencil:y.toValue(t.stencil),antialias:y.toValue(t.antialias)===void 0?!0:y.toValue(t.antialias),precision:y.toValue(t.precision),powerPreference:y.toValue(t.powerPreference),premultipliedAlpha:y.toValue(t.premultipliedAlpha),preserveDrawingBuffer:y.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:y.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:y.toValue(t.failIfMajorPerformanceCaveat)})),i=u.shallowRef(new M.WebGLRenderer(m.value));u.watch(m,()=>{i.value.dispose(),i.value=new M.WebGLRenderer(m.value)}),u.watchEffect(()=>{i.value.setSize(a.width.value,a.height.value)});const{pixelRatio:f}=y.useDevicePixelRatio();u.watchEffect(()=>{i.value.setPixelRatio(f.value)});const{logError:s}=L(),c=(()=>{const g=new M.WebGLRenderer,_={shadowMap:{enabled:g.shadowMap.enabled,type:g.shadowMap.type},toneMapping:g.toneMapping,toneMappingExposure:g.toneMappingExposure,outputColorSpace:g.outputColorSpace};return g.dispose(),_})();u.watchEffect(()=>{const g=y.toValue(t.preset);g&&(g in T||s(`Renderer Preset must be one of these: ${Object.keys(T).join(", ")}`),U(i.value,T[g]));const _=(O,h)=>{const D=y.toValue(O),z=()=>{if(g)return J(T[g],h)};if(D!==void 0)return D;const w=z();return w!==void 0?w:J(c,h)},b=(O,h)=>ve(i.value,h,_(O,h));b(t.shadows,"shadowMap.enabled"),b(t.toneMapping,"toneMapping"),b(t.shadowMapType,"shadowMap.type"),we<150&&b(!t.useLegacyLights,"physicallyCorrectLights"),b(t.outputColorSpace,"outputColorSpace"),b(t.toneMappingExposure,"toneMappingExposure");const A=_(t.clearColor,"clearColor");A&&i.value.setClearColor(A?q(A):new M.Color(0))});const{pause:l,resume:P,onLoop:C}=G();return C(()=>{o.value&&!y.toValue(r)&&i.value.render(e,o.value)}),P(),u.onUnmounted(()=>{l(),i.value.dispose(),i.value.forceContextLoss()}),{renderer:i}}const Y=e=>typeof e=="function",Q=e=>!!e&&e.constructor===Array;function Z(e){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 Ce(e,n,t,r,a){const{logError:o}=L(),m=new e;a&&a(m),t&&t(m);const f=(Array.isArray(n)?n:[n]).map(s=>new Promise((d,c)=>{m.load(s,l=>{l.scene&&Object.assign(l,Z(l.scene)),d(l)},r,l=>c(o("[useLoader] - Failed to load resource",l)))}));return Q(n)?await Promise.all(f):await f[0]}async function Pe(e){const n=new M.LoadingManager,t=new M.TextureLoader(n),r=a=>new Promise((o,m)=>{t.load(a,i=>o(i),()=>null,()=>{m(new Error("[useTextures] - Failed to load texture"))})});if(Q(e)){const a=await Promise.all(e.map(o=>r(o)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:o,normalMap:m,roughnessMap:i,metalnessMap:f,aoMap:s,alphaMap:d,matcap:c}=e;return{map:a?await r(a):null,displacementMap:o?await r(o):null,normalMap:m?await r(m):null,roughnessMap:i?await r(i):null,metalnessMap:f?await r(f):null,aoMap:s?await r(s):null,alphaMap:d?await r(d):null,matcap:c?await r(c):null}}}const ee=(e,{renderer:n,camera:t,raycaster:r})=>{const a=u.computed(()=>n.value.domElement),{x:o,y:m}=y.usePointer({target:a}),{width:i,height:f,top:s,left:d}=y.useElementBounding(a),c=({x:w,y:k})=>{if(a.value)return{x:(w-d.value)/i.value*2-1,y:-((k-s.value)/f.value)*2+1}},l=({x:w,y:k})=>{if(t.value)return r.value.setFromCamera(new M.Vector2(w,k),t.value),r.value.intersectObjects(e.value,!1)},P=w=>{const k=c({x:(w==null?void 0:w.clientX)??o.value,y:(w==null?void 0:w.clientY)??m.value});return k?l(k)||[]:[]},C=u.computed(()=>P()),g=y.createEventHook(),_=y.createEventHook(),b=(w,k)=>{w.trigger({event:k,intersects:P(k)})},A=w=>{b(_,w)};let O;const h=w=>{var k;O=(k=P(w)[0])==null?void 0:k.object},D=w=>{var k;w instanceof PointerEvent&&O===((k=P(w)[0])==null?void 0:k.object)&&b(g,w)},z=w=>_.trigger({event:w,intersects:[]});return a.value.addEventListener("pointerup",D),a.value.addEventListener("pointerdown",h),a.value.addEventListener("pointermove",A),a.value.addEventListener("pointerleave",z),u.onUnmounted(()=>{a!=null&&a.value&&(a.value.removeEventListener("pointerup",D),a.value.removeEventListener("pointerdown",h),a.value.removeEventListener("pointermove",A),a.value.removeEventListener("pointerleave",z))}),{intersects:C,onClick:w=>g.on(w).off,onPointerMove:w=>_.on(w).off}};function _e(){const{logWarning:e}=L();function n(r,a,o){let m=null;return r.traverse(i=>{i[a]===o&&(m=i)}),m||e(`Child with ${a} '${o}' not found.`),m}function t(r,a){return n(r,"name",a)}return{seek:n,seekByName:t}}const te=({scene:e,contextParts:n})=>{const t=u.reactive({click:new Map,pointerMove:new Map,pointerEnter:new Map,pointerLeave:new Map}),r=u.ref(new Set),a=l=>{r.value.add(l)},o=l=>{r.value.delete(l)},m=l=>{Object.values(t).forEach(P=>P.delete(l)),o(l)},i=l=>{const{onClick:P,onPointerMove:C,onPointerEnter:g,onPointerLeave:_}=l;P&&t.click.set(l,P),C&&t.pointerMove.set(l,C),g&&t.pointerEnter.set(l,g),_&&t.pointerLeave.set(l,_)};e.userData.tres__registerAtPointerEventHandler=i,e.userData.tres__deregisterAtPointerEventHandler=m,e.userData.tres__registerBlockingObjectAtPointerEventHandler=a,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const f=u.computed(()=>ge([...Array.from(r.value),...Object.values(t).map(l=>Array.from(l.keys())).flat()],({uuid:l})=>l)),{onClick:s,onPointerMove:d}=ee(f,n);s(({intersects:l,event:P})=>{var C;l.length&&((C=t.click.get(l[0].object))==null||C(l[0],P))});let c;return d(({intersects:l,event:P})=>{var A,O,h,D;const C=(A=l==null?void 0:l[0])==null?void 0:A.object,{pointerLeave:g,pointerEnter:_,pointerMove:b}=t;c&&c!==C&&((O=g.get(c))==null||O(c,P)),C&&(c!==C&&((h=_.get(C))==null||h(l[0],P)),(D=b.get(C))==null||D(l[0],P)),c=C||null}),{registerObject:i,deregisterObject:m}},E=u.ref({}),V=e=>Object.assign(E.value,e);function re({scene:e,canvas:n,windowSize:t,disableRender:r,rendererOptions:a}){const o=u.computed(()=>y.toValue(t)?y.useWindowSize():y.useElementSize(y.toValue(n).parentElement)),m=u.computed(()=>o.value.width.value),i=u.computed(()=>o.value.height.value),f=u.computed(()=>m.value/i.value),s={height:i,width:m,aspectRatio:f},d=u.shallowRef(e),{camera:c,cameras:l,registerCamera:P,deregisterCamera:C,setCameraActive:g}=W({sizes:s,scene:e}),{renderer:_}=X({scene:e,canvas:n,options:a,contextParts:{sizes:s,camera:c},disableRender:r}),b={sizes:s,scene:d,camera:c,cameras:u.readonly(l),renderer:_,raycaster:u.shallowRef(new M.Raycaster),controls:u.ref(null),extend:V,registerCamera:P,setCameraActive:g,deregisterCamera:C};return u.provide("useTres",b),b}function ne(){const e=u.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const Me=ne;function Se(e){}let R=null,p=null;const{logError:ae}=L(),be={createElement(e,n,t,r){var m,i;if(r||(r={}),r.args||(r.args=[]),e==="template"||de(e))return null;let a=e.replace("Tres",""),o;if(e==="primitive"){(r==null?void 0:r.object)===void 0&&ae("Tres primitives need a prop 'object'");const f=r.object;a=f.type,o=Object.assign(f,{type:a,attach:r.attach,primitive:!0})}else{const f=E.value[a];f||ae(`${a} 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&&((m=r==null?void 0:r.material)!=null&&m.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,r,a,o,m,i,f,s,d;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)){R=e;return}else(m=e==null?void 0:e.__vnode)!=null&&m.type.includes("Controls")&&n===null&&(R=p);if(n||(n=R),e!=null&&e.isObject3D){if(e!=null&&e.isCamera){if(!(p!=null&&p.userData.tres__registerCamera))throw"could not find tres__registerCamera on scene's userData";(f=p==null?void 0:(i=p.userData).tres__registerCamera)==null||f.call(i,e)}if(e!=null&&e.onClick||e!=null&&e.onPointerMove||e!=null&&e.onPointerEnter||e!=null&&e.onPointerLeave){if(!(p!=null&&p.userData.tres__registerAtPointerEventHandler))throw"could not find tres__registerAtPointerEventHandler on scene's userData";(d=p==null?void 0:(s=p.userData).tres__registerAtPointerEventHandler)==null||d.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))},remove(e){var n,t;if(e){if(e.isObject3D){const r=e,a=s=>{var c,l;const d=s;s.userData.tres__materialViaProp||(c=d.material)==null||c.dispose(),s.userData.tres__geometryViaProp||(l=d.geometry)==null||l.dispose()},o=p==null?void 0:p.userData.tres__deregisterAtPointerEventHandler,m=p==null?void 0:p.userData.tres__deregisterBlockingObjectAtPointerEventHandler,i=s=>{var d,c;if(!m)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((c=p==null?void 0:(d=p.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||c.call(d,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)&&(o==null||o(s))},f=s=>{const d=p==null?void 0:p.userData.tres__deregisterCamera;if(!d)throw"could not find tres__deregisterCamera on scene's userData";s.isCamera&&(d==null||d(s))};r.traverse(s=>{a(s),f(s),i==null||i(s)}),a(r),f(r),i==null||i(r)}(n=e.removeFromParent)==null||n.call(e),(t=e.dispose)==null||t.call(e)}},patchProp(e,n,t,r){var a,o,m,i;if(e){let f=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:(m=p.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||i.call(m,e);return}let d=j(s),c=f==null?void 0:f[d];if(s==="args"){const P=e,C=t??[],g=r??[],_=e.userData.tres__name||e.type;_&&C.length&&!ye(C,g)&&(f=Object.assign(P,new E.value[_](...r)));return}if(f.type==="BufferGeometry"){if(s==="args")return;f.setAttribute(j(s),new M.BufferAttribute(...r));return}if(s.includes("-")&&c===void 0){const P=s.split("-");c=P.reduce((C,g)=>C[j(g)],f),s=P.pop(),d=s.toLowerCase(),c!=null&&c.set||(f=P.reduce((C,g)=>C[j(g)],f))}let l=r;if(l===""&&(l=!0),Y(c)){Array.isArray(l)?e[d](...l):e[d](l);return}!(c!=null&&c.set)&&!Y(c)?f[d]=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){return(e==null?void 0:e.parent)||null},createText:()=>void 0,createComment:()=>void 0,setText:()=>void 0,setElementText:()=>void 0,nextSibling:()=>void 0,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0},{render:ke}=u.createRenderer(be);V(ie);const he=["data-scene"],oe=u.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},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}=L(),r=u.ref(),a=u.shallowRef(new M.Scene);G();const o=u.useSlots(),m=s=>u.defineComponent({setup(){return u.provide("useTres",s),u.provide("extend",V),()=>u.h(u.Fragment,null,o!=null&&o.default?o.default():[])}}),i=s=>{const d=m(s);ke(u.h(d),a.value)},f=u.computed(()=>n.disableRender);return u.onMounted(()=>{const s=r,d=re({scene:a.value,canvas:s,windowSize:n.windowSize,disableRender:f,rendererOptions:n});te({scene:a.value,contextParts:d});const{registerCamera:c,camera:l,cameras:P,deregisterCamera:C}=d;i(d);const g=()=>{const _=new M.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);_.position.set(3,3,3),_.lookAt(0,0,0),c(_);const b=u.watchEffect(()=>{P.value.length>=2&&(_.removeFromParent(),C(_),b==null||b())})};u.watch(()=>n.camera,(_,b)=>{_?c(_):b&&(b.removeFromParent(),C(b))},{immediate:!0}),l.value||(t("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),g())}),(s,d)=>(u.openBlock(),u.createElementBlock("canvas",{ref_key:"canvas",ref:r,"data-scene":a.value.uuid,style:u.normalizeStyle({display:"block",width:"100%",height:"100%",position:s.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none"})},null,12,he))}}),Ae=["TresCanvas","TresLeches","TresScene"],Oe={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!Ae.includes(e)||e==="primitive"}}},De={install(e){e.component("TresCanvas",oe)}};v.TresCanvas=oe,v.catalogue=E,v.default=De,v.extend=V,v.isProd=fe,v.normalizeColor=q,v.normalizeVectorFlexibleParam=me,v.templateCompilerOptions=Oe,v.trasverseObjects=Z,v.useCamera=W,v.useLoader=Ce,v.useLogger=L,v.usePointerEventHandler=te,v.useRaycaster=ee,v.useRenderLoop=G,v.useRenderer=X,v.useSeek=_e,v.useTexture=Pe,v.useTres=Me,v.useTresContext=ne,v.useTresContextProvider=re,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(v,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],c):(v=typeof globalThis<"u"?globalThis:v||self,c(v.tres={},v.Vue,v.Three,v.VueUseCore))})(this,function(v,c,_,y){"use strict";function se(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const ie=se(_),I=({sizes:e,scene:n})=>{const t=c.ref([]),r=c.computed(()=>t.value[0]),a=(s,f=!1)=>{t.value.some(({uuid:i})=>i===s.uuid)||(f?m(s):t.value.push(s))},o=s=>{t.value=t.value.filter(({uuid:f})=>f!==s.uuid)},m=s=>{const f=s instanceof _.Camera?s:t.value.find(d=>d.uuid===s);if(!f)return;const i=t.value.filter(({uuid:d})=>d!==f.uuid);t.value=[f,...i]};return c.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(s=>{s instanceof _.PerspectiveCamera&&(s.aspect=e.aspectRatio.value),(s instanceof _.PerspectiveCamera||s instanceof _.OrthographicCamera)&&s.updateProjectionMatrix()})}),n.userData.tres__registerCamera=a,n.userData.tres__deregisterCamera=o,c.onUnmounted(()=>{t.value=[]}),{camera:r,cameras:t,registerCamera:a,deregisterCamera:o,setCameraActive:m}},W=y.createEventHook(),N=y.createEventHook(),F=y.createEventHook(),S=new _.Clock;let B=0,x=0;const{pause:le,resume:ue,isActive:ce}=y.useRafFn(()=>{W.trigger({delta:B,elapsed:x,clock:S}),N.trigger({delta:B,elapsed:x,clock:S}),F.trigger({delta:B,elapsed:x,clock:S})},{immediate:!1});F.on(()=>{B=S.getDelta(),x=S.getElapsedTime()});const G=()=>({onBeforeLoop:W.on,onLoop:N.on,onAfterLoop:F.on,pause:le,resume:ue,isActive:ce}),fe=!0,$="[TresJS ▲ ■ ●] ";function L(){function e(r,a){console.error(`${$} ${r}`,a||"")}function n(r){console.warn(`${$} ${r}`)}function t(r,a){}return{logError:e,logWarning:n,logMessage:t}}function me(e){return typeof e=="number"?[e,e,e]:e instanceof _.Vector3?[e.x,e.y,e.z]:e}function q(e){return e instanceof _.Color?e:Array.isArray(e)?new _.Color(...e):new _.Color(e)}const U=(e,n)=>{for(const t of Object.keys(n))n[t]instanceof Object&&Object.assign(n[t],U(e[t],n[t]));return Object.assign(e||{},n),e},de=pe("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");function H(e){return e&&e.nodeType===1}function j(e){return e.replace(/-([a-z])/g,(n,t)=>t.toUpperCase())}function pe(e,n){const t=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 ge=(e,n)=>{const t=new Set,r=[];for(const a of e){const o=n(a);t.has(o)||(t.add(o),r.push(a))}return r},J=(e,n)=>{if(!n)return;const t=Array.isArray(n)?n:n.match(/([^[.\]])+/g);return t==null?void 0:t.reduce((r,a)=>r&&r[a],e)},ve=(e,n,t)=>{const r=Array.isArray(n)?n:n.match(/([^[.\]])+/g);r&&r.reduce((a,o,m)=>(a[o]===void 0&&(a[o]={}),m===r.length-1&&(a[o]=t),a[o]),e)};function K(e,n){if(H(e)&&H(n)){const a=e.attributes,o=n.attributes;return a.length!==o.length?!1:Array.from(a).every(({name:m,value:s})=>n.getAttribute(m)===s)}if(e===n)return!0;if(e===null||typeof e!="object"||n===null||typeof n!="object")return!1;const t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(const a of t)if(!r.includes(a)||!K(e[a],n[a]))return!1;return!0}function ye(e,n){if(!Array.isArray(e)||!Array.isArray(n)||e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(!K(e[t],n[t]))return!1;return!0}const we=Number.parseInt(_.REVISION.replace("dev","")),T={realistic:{outputColorSpace:_.SRGBColorSpace,toneMapping:_.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:_.PCFSoftShadowMap}}};function X({scene:e,canvas:n,options:t,disableRender:r,contextParts:{sizes:a,camera:o}}){const m=c.computed(()=>({alpha:y.toValue(t.alpha),depth:y.toValue(t.depth),canvas:y.unrefElement(n),context:y.toValue(t.context),stencil:y.toValue(t.stencil),antialias:y.toValue(t.antialias)===void 0?!0:y.toValue(t.antialias),precision:y.toValue(t.precision),powerPreference:y.toValue(t.powerPreference),premultipliedAlpha:y.toValue(t.premultipliedAlpha),preserveDrawingBuffer:y.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:y.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:y.toValue(t.failIfMajorPerformanceCaveat)})),s=c.shallowRef(new _.WebGLRenderer(m.value));c.watch(m,()=>{s.value.dispose(),s.value=new _.WebGLRenderer(m.value)}),c.watchEffect(()=>{s.value.setSize(a.width.value,a.height.value)});const{pixelRatio:f}=y.useDevicePixelRatio();c.watchEffect(()=>{s.value.setPixelRatio(f.value)});const{logError:i}=L(),l=(()=>{const g=new _.WebGLRenderer,b={shadowMap:{enabled:g.shadowMap.enabled,type:g.shadowMap.type},toneMapping:g.toneMapping,toneMappingExposure:g.toneMappingExposure,outputColorSpace:g.outputColorSpace};return g.dispose(),b})();c.watchEffect(()=>{const g=y.toValue(t.preset);g&&(g in T||i(`Renderer Preset must be one of these: ${Object.keys(T).join(", ")}`),U(s.value,T[g]));const b=(A,O)=>{const D=y.toValue(A),z=()=>{if(g)return J(T[g],O)};if(D!==void 0)return D;const w=z();return w!==void 0?w:J(l,O)},M=(A,O)=>ve(s.value,O,b(A,O));M(t.shadows,"shadowMap.enabled"),M(t.toneMapping,"toneMapping"),M(t.shadowMapType,"shadowMap.type"),we<150&&M(!t.useLegacyLights,"physicallyCorrectLights"),M(t.outputColorSpace,"outputColorSpace"),M(t.toneMappingExposure,"toneMappingExposure");const k=b(t.clearColor,"clearColor");k&&s.value.setClearColor(k?q(k):new _.Color(0))});const{pause:u,resume:C,onLoop:P}=G();return P(()=>{o.value&&!y.toValue(r)&&s.value.render(e,o.value)}),C(),c.onUnmounted(()=>{u(),s.value.dispose(),s.value.forceContextLoss()}),{renderer:s}}const Y=e=>typeof e=="function",Q=e=>!!e&&e.constructor===Array;function Z(e){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 Ce(e,n,t,r,a){const{logError:o}=L(),m=new e;a&&a(m),t&&t(m);const f=(Array.isArray(n)?n:[n]).map(i=>new Promise((d,l)=>{m.load(i,u=>{u.scene&&Object.assign(u,Z(u.scene)),d(u)},r,u=>l(o("[useLoader] - Failed to load resource",u)))}));return Q(n)?await Promise.all(f):await f[0]}async function Pe(e){const n=new _.LoadingManager,t=new _.TextureLoader(n),r=a=>new Promise((o,m)=>{t.load(a,s=>o(s),()=>null,()=>{m(new Error("[useTextures] - Failed to load texture"))})});if(Q(e)){const a=await Promise.all(e.map(o=>r(o)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:o,normalMap:m,roughnessMap:s,metalnessMap:f,aoMap:i,alphaMap:d,matcap:l}=e;return{map:a?await r(a):null,displacementMap:o?await r(o):null,normalMap:m?await r(m):null,roughnessMap:s?await r(s):null,metalnessMap:f?await r(f):null,aoMap:i?await r(i):null,alphaMap:d?await r(d):null,matcap:l?await r(l):null}}}const ee=(e,{renderer:n,camera:t,raycaster:r})=>{const a=c.computed(()=>n.value.domElement),{x:o,y:m}=y.usePointer({target:a}),{width:s,height:f,top:i,left:d}=y.useElementBounding(a),l=({x:w,y:h})=>{if(a.value)return{x:(w-d.value)/s.value*2-1,y:-((h-i.value)/f.value)*2+1}},u=({x:w,y:h})=>{if(t.value)return r.value.setFromCamera(new _.Vector2(w,h),t.value),r.value.intersectObjects(e.value,!1)},C=w=>{const h=l({x:(w==null?void 0:w.clientX)??o.value,y:(w==null?void 0:w.clientY)??m.value});return h?u(h)||[]:[]},P=c.computed(()=>C()),g=y.createEventHook(),b=y.createEventHook(),M=(w,h)=>{w.trigger({event:h,intersects:C(h)})},k=w=>{M(b,w)};let A;const O=w=>{var h;A=(h=C(w)[0])==null?void 0:h.object},D=w=>{var h;w instanceof PointerEvent&&A===((h=C(w)[0])==null?void 0:h.object)&&M(g,w)},z=w=>b.trigger({event:w,intersects:[]});return a.value.addEventListener("pointerup",D),a.value.addEventListener("pointerdown",O),a.value.addEventListener("pointermove",k),a.value.addEventListener("pointerleave",z),c.onUnmounted(()=>{a!=null&&a.value&&(a.value.removeEventListener("pointerup",D),a.value.removeEventListener("pointerdown",O),a.value.removeEventListener("pointermove",k),a.value.removeEventListener("pointerleave",z))}),{intersects:P,onClick:w=>g.on(w).off,onPointerMove:w=>b.on(w).off}};function _e(){const{logWarning:e}=L();function n(r,a,o){let m=null;return r.traverse(s=>{s[a]===o&&(m=s)}),m||e(`Child with ${a} '${o}' not found.`),m}function t(r,a){return n(r,"name",a)}return{seek:n,seekByName:t}}const te=({scene:e,contextParts:n})=>{const t=c.reactive({click:new Map,pointerMove:new Map,pointerEnter:new Map,pointerLeave:new Map}),r=c.ref(new Set),a=u=>{r.value.add(u)},o=u=>{r.value.delete(u)},m=u=>{Object.values(t).forEach(C=>C.delete(u)),o(u)},s=u=>{const{onClick:C,onPointerMove:P,onPointerEnter:g,onPointerLeave:b}=u;C&&t.click.set(u,C),P&&t.pointerMove.set(u,P),g&&t.pointerEnter.set(u,g),b&&t.pointerLeave.set(u,b)};e.userData.tres__registerAtPointerEventHandler=s,e.userData.tres__deregisterAtPointerEventHandler=m,e.userData.tres__registerBlockingObjectAtPointerEventHandler=a,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const f=c.computed(()=>ge([...Array.from(r.value),...Object.values(t).map(u=>Array.from(u.keys())).flat()],({uuid:u})=>u)),{onClick:i,onPointerMove:d}=ee(f,n);i(({intersects:u,event:C})=>{var P;u.length&&((P=t.click.get(u[0].object))==null||P(u[0],C))});let l;return d(({intersects:u,event:C})=>{var k,A,O,D;const P=(k=u==null?void 0:u[0])==null?void 0:k.object,{pointerLeave:g,pointerEnter:b,pointerMove:M}=t;l&&l!==P&&((A=g.get(l))==null||A(l,C)),P&&(l!==P&&((O=b.get(P))==null||O(u[0],C)),(D=M.get(P))==null||D(u[0],C)),l=P||null}),{registerObject:s,deregisterObject:m}},E=c.ref({}),V=e=>Object.assign(E.value,e);function re({scene:e,canvas:n,windowSize:t,disableRender:r,rendererOptions:a}){const o=c.computed(()=>y.toValue(t)?y.useWindowSize():y.useElementSize(y.toValue(n).parentElement)),m=c.computed(()=>o.value.width.value),s=c.computed(()=>o.value.height.value),f=c.computed(()=>m.value/s.value),i={height:s,width:m,aspectRatio:f},d=c.shallowRef(e),{camera:l,cameras:u,registerCamera:C,deregisterCamera:P,setCameraActive:g}=I({sizes:i,scene:e}),{renderer:b}=X({scene:e,canvas:n,options:a,contextParts:{sizes:i,camera:l},disableRender:r}),M={sizes:i,scene:d,camera:l,cameras:c.readonly(u),renderer:b,raycaster:c.shallowRef(new _.Raycaster),controls:c.ref(null),extend:V,registerCamera:C,setCameraActive:g,deregisterCamera:P};return c.provide("useTres",M),M}function ne(){const e=c.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const Me=ne;function Se(e){}let R=null,p=null;const{logError:ae}=L(),be={createElement(e,n,t,r){var m,s;if(r||(r={}),r.args||(r.args=[]),e==="template"||de(e))return null;let a=e.replace("Tres",""),o;if(e==="primitive"){(r==null?void 0:r.object)===void 0&&ae("Tres primitives need a prop 'object'");const f=r.object;a=f.type,o=Object.assign(f,{type:a,attach:r.attach,primitive:!0})}else{const f=E.value[a];f||ae(`${a} 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&&((m=r==null?void 0:r.material)!=null&&m.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:a},o},insert(e,n){var t,r,a,o,m,s,f,i,d;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)){R=e;return}else(m=e==null?void 0:e.__vnode)!=null&&m.type.includes("Controls")&&n===null&&(R=p);if(n||(n=R),e!=null&&e.isObject3D){if(e!=null&&e.isCamera){if(!(p!=null&&p.userData.tres__registerCamera))throw"could not find tres__registerCamera on scene's userData";(f=p==null?void 0:(s=p.userData).tres__registerCamera)==null||f.call(s,e)}if(e!=null&&e.onClick||e!=null&&e.onPointerMove||e!=null&&e.onPointerEnter||e!=null&&e.onPointerLeave){if(!(p!=null&&p.userData.tres__registerAtPointerEventHandler))throw"could not find tres__registerAtPointerEventHandler on scene's userData";(d=p==null?void 0:(i=p.userData).tres__registerAtPointerEventHandler)==null||d.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 n,t;if(e){if(e.isObject3D){const r=e,a=i=>{var l,u;const d=i;i.userData.tres__materialViaProp||(l=d.material)==null||l.dispose(),i.userData.tres__geometryViaProp||(u=d.geometry)==null||u.dispose()},o=p==null?void 0:p.userData.tres__deregisterAtPointerEventHandler,m=p==null?void 0:p.userData.tres__deregisterBlockingObjectAtPointerEventHandler,s=i=>{var d,l;if(!m)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((l=p==null?void 0:(d=p.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||l.call(d,i),!o)throw"could not find tres__deregisterAtPointerEventHandler on scene's userData";(i!=null&&i.onClick||i!=null&&i.onPointerMove||i!=null&&i.onPointerEnter||i!=null&&i.onPointerLeave)&&(o==null||o(i))},f=i=>{const d=p==null?void 0:p.userData.tres__deregisterCamera;if(!d)throw"could not find tres__deregisterCamera on scene's userData";i.isCamera&&(d==null||d(i))};r.traverse(i=>{a(i),f(i),s==null||s(i)}),a(r),f(r),s==null||s(r)}(n=e.removeFromParent)==null||n.call(e),(t=e.dispose)==null||t.call(e)}},patchProp(e,n,t,r){var a,o,m,s;if(e){let f=e,i=n;if(e.isObject3D&&i==="blocks-pointer-events"){r||r===""?(o=p==null?void 0:(a=p.userData).tres__registerBlockingObjectAtPointerEventHandler)==null||o.call(a,e):(s=p==null?void 0:(m=p.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||s.call(m,e);return}let d=j(i),l=f==null?void 0:f[d];if(i==="args"){const C=e,P=t??[],g=r??[],b=e.userData.tres__name||e.type;b&&P.length&&!ye(P,g)&&(f=Object.assign(C,new E.value[b](...r)));return}if(f.type==="BufferGeometry"){if(i==="args")return;f.setAttribute(j(i),new _.BufferAttribute(...r));return}if(i.includes("-")&&l===void 0){const C=i.split("-");l=C.reduce((P,g)=>P[j(g)],f),i=C.pop(),d=i.toLowerCase(),l!=null&&l.set||(f=C.reduce((P,g)=>P[j(g)],f))}let u=r;if(u===""&&(u=!0),Y(l)){Array.isArray(u)?e[d](...u):e[d](u);return}!(l!=null&&l.set)&&!Y(l)?f[d]=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){return(e==null?void 0:e.parent)||null},createText:()=>void 0,createComment:()=>void 0,setText:()=>void 0,setElementText:()=>void 0,nextSibling:()=>void 0,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0},{render:ke}=c.createRenderer(be);V(ie);const he=["data-scene"],oe=c.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},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}=L(),r=c.ref(),a=c.shallowRef(new _.Scene);G();const o=c.useSlots(),m=c.getCurrentInstance(),s=d=>c.defineComponent({setup(){const l=c.getCurrentInstance();return Object.assign(l.appContext,m.appContext),Object.assign(l.provides,l.appContext.provides),c.provide("useTres",d),c.provide("extend",V),()=>c.h(c.Fragment,null,o!=null&&o.default?o.default():[])}}),f=d=>{const l=s(d);ke(c.h(l),a.value)},i=c.computed(()=>n.disableRender);return c.onMounted(()=>{const d=r,l=re({scene:a.value,canvas:d,windowSize:n.windowSize,disableRender:i,rendererOptions:n});te({scene:a.value,contextParts:l});const{registerCamera:u,camera:C,cameras:P,deregisterCamera:g}=l;f(l);const b=()=>{const M=new _.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);M.position.set(3,3,3),M.lookAt(0,0,0),u(M);const k=c.watchEffect(()=>{P.value.length>=2&&(M.removeFromParent(),g(M),k==null||k())})};c.watch(()=>n.camera,(M,k)=>{M?u(M):k&&(k.removeFromParent(),g(k))},{immediate:!0}),C.value||(t("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),b())}),(d,l)=>(c.openBlock(),c.createElementBlock("canvas",{ref_key:"canvas",ref:r,"data-scene":a.value.uuid,style:c.normalizeStyle({display:"block",width:"100%",height:"100%",position:d.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none"})},null,12,he))}}),Oe=["TresCanvas","TresLeches","TresScene"],Ae={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!Oe.includes(e)||e==="primitive"}}},De={install(e){e.component("TresCanvas",oe)}};v.TresCanvas=oe,v.catalogue=E,v.default=De,v.extend=V,v.isProd=fe,v.normalizeColor=q,v.normalizeVectorFlexibleParam=me,v.templateCompilerOptions=Ae,v.trasverseObjects=Z,v.useCamera=I,v.useLoader=Ce,v.useLogger=L,v.usePointerEventHandler=te,v.useRaycaster=ee,v.useRenderLoop=G,v.useRenderer=X,v.useSeek=_e,v.useTexture=Pe,v.useTres=Me,v.useTresContext=ne,v.useTresContextProvider=re,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

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