@tresjs/core 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/tres.js

@@ -1,31 +1,31 @@
 /**
  * name: @tresjs/core
- * version: v2.0.0-beta.8
+ * version: v2.0.0-beta.9
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as S, watchEffect as ce, toRef as _e, shallowRef as ue, toRefs as fe, computed as le, watch as W, shallowReactive as de, provide as Se, inject as Oe, onUnmounted as pe, createRenderer as ke, defineComponent as me, onMounted as je, h as k } from "vue";
-import * as ve from "three";
-import { MathUtils as De, PerspectiveCamera as F, OrthographicCamera as Ie, Clock as ge, Color as H, sRGBEncoding as Be, ACESFilmicToneMapping as ze, PCFSoftShadowMap as Fe, PCFShadowMap as Ge, LinearEncoding as te, NoToneMapping as ae, WebGLRenderer as Ve, LoadingManager as Ue, TextureLoader as We, Raycaster as He, Vector2 as Ye, BufferAttribute as $e } from "three";
-import { createEventHook as q, useRafFn as Ne, resolveUnref as l, useWindowSize as qe, useElementSize as Ke, useDevicePixelRatio as Je, unrefElement as Y, isFunction as ne, useEventListener as Xe } from "@vueuse/core";
-const he = S({ uuid: De.generateUUID() }), we = (e) => void Object.assign(he.value, e);
-var Qe = /* @__PURE__ */ ((e) => (e.Perspective = "Perspective", e.Orthographic = "Orthographic", e))(Qe || {});
-const Ze = 45;
+import { ref as P, watchEffect as ue, toRef as Se, shallowRef as fe, toRefs as le, computed as de, watch as W, shallowReactive as pe, provide as Oe, inject as ke, onUnmounted as me, createRenderer as je, defineComponent as ve, onMounted as De, h as O } from "vue";
+import * as ge from "three";
+import { MathUtils as Ie, PerspectiveCamera as H, OrthographicCamera as Be, Clock as he, Color as Y, sRGBEncoding as ze, ACESFilmicToneMapping as Fe, PCFSoftShadowMap as Ge, PCFShadowMap as Ve, LinearEncoding as te, NoToneMapping as ae, WebGLRenderer as Ue, LoadingManager as We, TextureLoader as He, Raycaster as Ye, Vector2 as $e, BufferAttribute as Ne } from "three";
+import { createEventHook as q, useRafFn as qe, resolveUnref as f, useWindowSize as Ke, useElementSize as Je, useDevicePixelRatio as Xe, unrefElement as $, isFunction as ne, useEventListener as Qe } from "@vueuse/core";
+const we = P({ uuid: Ie.generateUUID() }), be = (e) => void Object.assign(we.value, e);
+var Ze = /* @__PURE__ */ ((e) => (e.Perspective = "Perspective", e.Orthographic = "Orthographic", e))(Ze || {});
+const et = 45;
 let _;
-function N() {
-  const { state: e, setState: t, aspectRatio: o } = D();
-  function a(i = "Perspective", c) {
-    var u, f, m;
+function ye() {
+  const { state: e, setState: t, aspectRatio: o } = j();
+  function a(i = "Perspective", s) {
+    var l, u, p;
     if (i === "Perspective") {
-      const { near: d, far: C, fov: g } = c || {
+      const { near: d, far: w, fov: M } = s || {
         near: 0.1,
         far: 1e3,
-        fov: Ze
+        fov: et
       };
-      _ = new F(g, ((u = e.aspectRatio) == null ? void 0 : u.value) || window.innerWidth / window.innerHeight, d, C), (f = e.cameras) == null || f.push(_);
+      _ = new H(M, ((l = e.aspectRatio) == null ? void 0 : l.value) || window.innerWidth / window.innerHeight, d, w), (u = e.cameras) == null || u.push(_);
     } else {
-      const { left: d, right: C, top: g, bottom: P, near: w, far: p } = c || {
+      const { left: d, right: w, top: M, bottom: x, near: L, far: b } = s || {
         left: -100,
         right: 100,
         top: 100,
@@ -33,227 +33,227 @@ function N() {
         near: 0.1,
         far: 1e3
       };
-      _ = new Ie(d, C, g, P, w, p), (m = e.cameras) == null || m.push(_);
+      _ = new Be(d, w, M, x, L, b), (p = e.cameras) == null || p.push(_);
     }
     return e.camera = _, t("camera", e.camera), _;
   }
   function n() {
     var i;
-    e.camera instanceof F && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
+    e.camera instanceof H && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
   }
   function r(i) {
-    var c;
-    (c = e.cameras) == null || c.push(i), i instanceof F && e.aspectRatio && (i.aspect = e.aspectRatio.value), i.updateProjectionMatrix(), t("camera", i);
+    var s;
+    (s = e.cameras) == null || s.push(i), i instanceof H && e.aspectRatio && (i.aspect = e.aspectRatio.value), i.updateProjectionMatrix(), t("camera", i);
   }
-  function s() {
+  function c() {
     e.cameras = [];
   }
-  return ce(() => {
+  return ue(() => {
     o != null && o.value && n();
   }), {
-    activeCamera: _e(e, "camera"),
+    activeCamera: Se(e, "camera"),
     createCamera: a,
     updateCamera: n,
     pushCamera: r,
-    clearCameras: s
+    clearCameras: c
   };
 }
-const be = q(), ye = q(), K = q(), j = new ge();
+const Me = q(), xe = q(), K = q(), k = new he();
 let G = 0, V = 0;
-const { pause: et, resume: tt, isActive: at } = Ne(
+const { pause: tt, resume: at, isActive: nt } = qe(
   () => {
-    be.trigger({ delta: G, elapsed: V, clock: j }), ye.trigger({ delta: G, elapsed: V, clock: j }), K.trigger({ delta: G, elapsed: V, clock: j });
+    Me.trigger({ delta: G, elapsed: V, clock: k }), xe.trigger({ delta: G, elapsed: V, clock: k }), K.trigger({ delta: G, elapsed: V, clock: k });
   },
   { immediate: !1 }
 );
 K.on(() => {
-  G = j.getDelta(), V = j.getElapsedTime();
+  G = k.getDelta(), V = k.getElapsedTime();
 });
-function Me() {
+function Ee() {
   return {
-    onBeforeLoop: be.on,
-    onLoop: ye.on,
+    onBeforeLoop: Me.on,
+    onLoop: xe.on,
     onAfterLoop: K.on,
-    pause: et,
-    resume: tt,
-    isActive: at
+    pause: tt,
+    resume: at,
+    isActive: nt
   };
 }
-function nt(e) {
-  return e instanceof H ? e : Array.isArray(e) ? new H(...e) : new H(e);
+function rt(e) {
+  return e instanceof Y ? e : Array.isArray(e) ? new Y(...e) : new Y(e);
 }
-const $ = {
+const N = {
   realistic: {
-    outputEncoding: Be,
-    toneMapping: ze,
+    outputEncoding: ze,
+    toneMapping: Fe,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Fe
+      type: Ge
     }
   }
-}, xe = (e, t) => {
+}, Ce = (e, t) => {
   for (const o of Object.keys(t))
-    t[o] instanceof Object && Object.assign(t[o], xe(e[o], t[o]));
+    t[o] instanceof Object && Object.assign(t[o], Ce(e[o], t[o]));
   return Object.assign(e || {}, t), e;
-}, rt = "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", ot = /* @__PURE__ */ it(rt);
-function z(e) {
+}, ot = "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", it = /* @__PURE__ */ st(ot);
+function F(e) {
   return e.replace(/-([a-z])/g, (t, o) => o.toUpperCase());
 }
-function it(e, t) {
+function st(e, t) {
   const o = /* @__PURE__ */ Object.create(null), a = e.split(",");
   for (let n = 0; n < a.length; n++)
     o[a[n]] = !0;
   return t ? (n) => !!o[n.toLowerCase()] : (n) => !!o[n];
 }
-function st(e) {
+function ct(e) {
   var Z, ee;
-  const t = ue(), o = S(!1), {
+  const t = fe(), o = P(!1), {
     alpha: a = !0,
     antialias: n = !0,
     depth: r,
-    logarithmicDepthBuffer: s,
+    logarithmicDepthBuffer: c,
     failIfMajorPerformanceCaveat: i,
-    precision: c,
-    premultipliedAlpha: u,
-    stencil: f,
-    shadows: m = !1,
-    shadowMapType: d = Ge,
-    physicallyCorrectLights: C = !1,
-    useLegacyLights: g = !1,
-    outputEncoding: P = te,
-    toneMapping: w = ae,
-    toneMappingExposure: p = 1,
-    context: x = void 0,
-    powerPreference: b = "default",
+    precision: s,
+    premultipliedAlpha: l,
+    stencil: u,
+    shadows: p = !1,
+    shadowMapType: d = Ve,
+    physicallyCorrectLights: w = !1,
+    useLegacyLights: M = !1,
+    outputEncoding: x = te,
+    toneMapping: L = ae,
+    toneMappingExposure: b = 1,
+    context: v = void 0,
+    powerPreference: E = "default",
     preserveDrawingBuffer: y = !1,
-    clearColor: M,
-    windowSize: E = !1,
-    preset: L = void 0
-  } = fe(e), { state: h, setState: T } = D(), { width: R, height: O } = l(E) == !0 || l(E) === "" || l(E) === "true" ? qe() : Ke(h.container), { logError: B, logWarning: Ce } = I(), { pixelRatio: J } = Je(), { pause: Pe, resume: Le } = Me(), U = le(() => R.value / O.value);
-  !l(E) && ((ee = (Z = h.container) == null ? void 0 : Z.value) == null ? void 0 : ee.offsetHeight) === 0 && Ce(`Oops... Seems like your canvas height is currently 0px, by default it takes the height of it's parent, so make sure it has some height with CSS.
+    clearColor: g,
+    windowSize: C = !1,
+    preset: I = void 0
+  } = le(e), { state: h, setState: T } = j(), { width: S, height: R } = f(C) == !0 || f(C) === "" || f(C) === "true" ? Ke() : Je(h.container), { logError: B, logWarning: z } = D(), { pixelRatio: J } = Xe(), { pause: Le, resume: Te } = Ee(), U = de(() => S.value / R.value);
+  !f(C) && ((ee = (Z = h.container) == null ? void 0 : Z.value) == null ? void 0 : ee.offsetHeight) === 0 && z(`Oops... Seems like your canvas height is currently 0px, by default it takes the height of it's parent, so make sure it has some height with CSS.
 You could set windowSize=true to force the canvas to be the size of the window.`);
   const X = () => {
-    t.value && (t.value.setSize(R.value, O.value), t.value.setPixelRatio(Math.min(J.value, 2)));
+    t.value && (t.value.setSize(S.value, R.value), t.value.setPixelRatio(Math.min(J.value, 2)));
   }, Q = () => {
     if (!t.value)
       return;
-    const A = l(L);
+    const A = f(I);
     if (A) {
-      A in $ || B("Renderer Preset must be one of these: " + Object.keys($).join(", ")), xe(t.value, $[A]);
+      A in N || B("Renderer Preset must be one of these: " + Object.keys(N).join(", ")), Ce(t.value, N[A]);
       return;
     }
-    t.value.shadowMap.enabled = l(m), t.value.shadowMap.type = l(d), t.value.toneMapping = l(w) || ae, t.value.toneMappingExposure = l(p), t.value.outputEncoding = l(P) || te, M != null && M.value && t.value.setClearColor(nt(l(M))), t.value.useLegacyLights = l(g);
-  }, Te = () => {
-    const A = Y(h.canvas);
-    A && (t.value = new Ve({
-      canvas: A,
-      alpha: l(a),
-      antialias: l(n),
-      context: l(x),
-      depth: l(r),
-      failIfMajorPerformanceCaveat: l(i),
-      logarithmicDepthBuffer: l(s),
-      powerPreference: l(b),
-      precision: l(c),
-      stencil: l(f),
-      preserveDrawingBuffer: l(y),
-      premultipliedAlpha: l(u)
-    }), T("renderer", t.value), T("clock", new ge()), T("aspectRatio", U), Q(), X(), Le(), o.value = !0);
+    t.value.shadowMap.enabled = f(p), t.value.shadowMap.type = f(d), t.value.toneMapping = f(L) || ae, t.value.toneMappingExposure = f(b), t.value.outputEncoding = f(x) || te, g != null && g.value && t.value.setClearColor(rt(f(g))), t.value.useLegacyLights = f(M);
   }, Ae = () => {
-    t.value && (t.value.dispose(), t.value = void 0, o.value = !1, Pe());
+    const A = $(h.canvas);
+    A && (t.value = new Ue({
+      canvas: A,
+      alpha: f(a),
+      antialias: f(n),
+      context: f(v),
+      depth: f(r),
+      failIfMajorPerformanceCaveat: f(i),
+      logarithmicDepthBuffer: f(c),
+      powerPreference: f(E),
+      precision: f(s),
+      stencil: f(u),
+      preserveDrawingBuffer: f(y),
+      premultipliedAlpha: f(l)
+    }), T("renderer", t.value), T("clock", new he()), T("aspectRatio", U), Q(), X(), Te(), o.value = !0);
+  }, _e = () => {
+    t.value && (t.value.dispose(), t.value = void 0, o.value = !1, Le());
   };
   return W([U, J], X), W(
-    [m, d, P, g, w, p, M],
+    [p, d, x, M, L, b, g],
     Q
   ), W(
     () => [h.canvas, h.container],
     () => {
-      Y(h.canvas) && Y(h.container) && Te();
+      $(h.canvas) && $(h.container) && Ae();
     },
     { immediate: !0, deep: !0 }
   ), {
     renderer: t,
     isReady: o,
-    dispose: Ae,
+    dispose: _e,
     aspectRatio: U
   };
 }
-const Ee = (e) => !!e && e.constructor === Array;
-function ct(e) {
+const ut = (e) => typeof e == "string", Re = (e) => !!e && e.constructor === Array;
+function ft(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((o) => {
     o.name && (t.nodes[o.name] = o), o.material && !t.materials[o.material.name] && (t.materials[o.material.name] = o.material);
   }), t;
 }
-async function Et(e, t, o, a, n) {
-  const { logError: r } = I(), s = new e();
-  n && n(s), o && o(s);
-  const c = (Array.isArray(t) ? t : [t]).map(
-    (u) => new Promise((f, m) => {
-      s.load(
-        u,
+async function Ct(e, t, o, a, n) {
+  const { logError: r } = D(), c = new e();
+  n && n(c), o && o(c);
+  const s = (Array.isArray(t) ? t : [t]).map(
+    (l) => new Promise((u, p) => {
+      c.load(
+        l,
         (d) => {
-          d.scene && Object.assign(d, ct(d.scene)), f(d);
+          d.scene && Object.assign(d, ft(d.scene)), u(d);
         },
         a,
-        (d) => m(r("[useLoader] - Failed to load resource", d))
+        (d) => p(r("[useLoader] - Failed to load resource", d))
       );
     })
   );
-  return Ee(t) ? await Promise.all(c) : await c[0];
+  return Re(t) ? await Promise.all(s) : await s[0];
 }
 async function Rt(e) {
-  const t = new Ue(), o = new We(t), a = (n) => new Promise((r, s) => {
+  const t = new We(), o = new He(t), a = (n) => new Promise((r, c) => {
     o.load(
       n,
       (i) => r(i),
       () => null,
       () => {
-        s(new Error("[useTextures] - Failed to load texture"));
+        c(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Ee(e)) {
+  if (Re(e)) {
     const n = await Promise.all(e.map((r) => a(r)));
     return e.length > 1 ? n : n[0];
   } else {
     const {
       map: n,
       displacementMap: r,
-      normalMap: s,
+      normalMap: c,
       roughnessMap: i,
-      metalnessMap: c,
-      aoMap: u,
-      alphaMap: f,
-      matcap: m
+      metalnessMap: s,
+      aoMap: l,
+      alphaMap: u,
+      matcap: p
     } = e;
     return {
       map: n ? await a(n) : null,
       displacementMap: r ? await a(r) : null,
-      normalMap: s ? await a(s) : null,
+      normalMap: c ? await a(c) : null,
       roughnessMap: i ? await a(i) : null,
-      metalnessMap: c ? await a(c) : null,
-      aoMap: u ? await a(u) : null,
-      alphaMap: f ? await a(f) : null,
-      matcap: m ? await a(m) : null
+      metalnessMap: s ? await a(s) : null,
+      aoMap: l ? await a(l) : null,
+      alphaMap: u ? await a(u) : null,
+      matcap: p ? await a(p) : null
     };
   }
 }
-const v = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
-function ut() {
+const m = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
+function lt() {
   const e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, o = Math.random() * 4294967295 | 0, a = Math.random() * 4294967295 | 0;
-  return (v[e & 255] + v[e >> 8 & 255] + v[e >> 16 & 255] + v[e >> 24 & 255] + "-" + v[t & 255] + v[t >> 8 & 255] + "-" + v[t >> 16 & 15 | 64] + v[t >> 24 & 255] + "-" + v[o & 63 | 128] + v[o >> 8 & 255] + "-" + v[o >> 16 & 255] + v[o >> 24 & 255] + v[a & 255] + v[a >> 8 & 255] + v[a >> 16 & 255] + v[a >> 24 & 255]).toLowerCase();
+  return (m[e & 255] + m[e >> 8 & 255] + m[e >> 16 & 255] + m[e >> 24 & 255] + "-" + m[t & 255] + m[t >> 8 & 255] + "-" + m[t >> 16 & 15 | 64] + m[t >> 24 & 255] + "-" + m[o & 63 | 128] + m[o >> 8 & 255] + "-" + m[o >> 16 & 255] + m[o >> 24 & 255] + m[a & 255] + m[a >> 8 & 255] + m[a >> 16 & 255] + m[a >> 24 & 255]).toLowerCase();
 }
-const Re = Symbol();
-function ft() {
-  const e = de({
-    uuid: ut(),
+const Pe = Symbol();
+function dt() {
+  const e = pe({
+    uuid: lt(),
     camera: void 0,
     cameras: [],
     scene: void 0,
     renderer: void 0,
-    aspectRatio: le(() => window.innerWidth / window.innerHeight)
+    aspectRatio: de(() => window.innerWidth / window.innerHeight)
   });
   function t(n) {
     return e[n];
@@ -263,28 +263,28 @@ function ft() {
   }
   const a = {
     state: e,
-    ...fe(e),
+    ...le(e),
     getState: t,
     setState: o
   };
-  return Se(Re, a), a;
+  return Oe(Pe, a), a;
 }
-const D = () => Oe(Re, {
-  state: de({
+const j = () => ke(Pe, {
+  state: pe({
     camera: void 0,
     cameras: [],
     scene: void 0,
     renderer: void 0
   })
 });
-function lt() {
-  var s;
-  const e = ue(new He()), t = S(new Ye()), o = S(null), { setState: a, state: n } = D();
+function pt() {
+  var c;
+  const e = fe(new Ye()), t = P(new $e()), o = P(null), { setState: a, state: n } = j();
   a("raycaster", e.value), a("pointer", t), a("currentInstance", o);
   function r(i) {
     t.value.x = i.clientX / window.innerWidth * 2 - 1, t.value.y = -(i.clientY / window.innerHeight) * 2 + 1;
   }
-  return (s = n == null ? void 0 : n.renderer) == null || s.domElement.addEventListener("pointermove", r), pe(() => {
+  return (c = n == null ? void 0 : n.renderer) == null || c.domElement.addEventListener("pointermove", r), me(() => {
     var i;
     (i = n == null ? void 0 : n.renderer) == null || i.domElement.removeEventListener("pointermove", r);
   }), {
@@ -292,8 +292,8 @@ function lt() {
     pointer: t
   };
 }
-const Ct = !0, re = "[TresJS ▲ ■ ●] ";
-function I() {
+const Pt = !0, re = "[TresJS ▲ ■ ●] ";
+function D() {
   function e(a, n) {
     console.error(`${re} ${a}`, n || "");
   }
@@ -308,13 +308,13 @@ function I() {
     logMessage: o
   };
 }
-function Pt() {
-  const { logWarning: e } = I();
+function Lt() {
+  const { logWarning: e } = D();
   function t(a, n, r) {
-    let s = null;
+    let c = null;
     return a.traverse((i) => {
-      i[n] === r && (s = i);
-    }), s || e(`Child with ${n} '${r}' not found.`), s;
+      i[n] === r && (c = i);
+    }), c || e(`Child with ${n} '${r}' not found.`), c;
   }
   function o(a, n) {
     return t(a, "name", n);
@@ -324,33 +324,33 @@ function Pt() {
     seekByName: o
   };
 }
-const dt = /^on[^a-z]/, pt = (e) => dt.test(e);
+const mt = /^on[^a-z]/, vt = (e) => mt.test(e);
 let oe = null;
 const ie = {
   GEOMETRY_VIA_PROP: "tres__geometryViaProp",
   MATERIAL_VIA_PROP: "tres__materialViaProp"
-}, { logError: se } = I(), mt = {
+}, { logError: se } = D(), gt = {
   createElement(e, t, o, a) {
-    var c, u;
-    if (a || (a = {}), a.args || (a.args = []), e === "template" || ot(e))
+    var s, l;
+    if (a || (a = {}), a.args || (a.args = []), e === "template" || it(e))
       return null;
     let n = e.replace("Tres", ""), r;
     if (e === "primitive") {
       (a == null ? void 0 : a.object) === void 0 && se("Tres primitives need a prop 'object'");
-      const f = a.object;
-      n = f.type, r = Object.assign(f, { type: n, attach: a.attach, primitive: !0 });
+      const u = a.object;
+      n = u.type, r = Object.assign(u, { type: n, attach: a.attach, primitive: !0 });
     } else {
-      const f = he.value[n];
-      f || se(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), r = new f(...a.args);
+      const u = we.value[n];
+      u || se(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), r = new u(...a.args);
     }
     if (r.isCamera) {
       a != null && a.position || r.position.set(3, 3, 3), a != null && a.lookAt || r.lookAt(0, 0, 0);
-      const { pushCamera: f } = N();
-      f(r);
+      const { pushCamera: u } = ye();
+      u(r);
     }
     (a == null ? void 0 : a.attach) === void 0 && (r.isMaterial ? r.attach = "material" : r.isBufferGeometry && (r.attach = "geometry"));
-    const { GEOMETRY_VIA_PROP: s, MATERIAL_VIA_PROP: i } = ie;
-    return r.isObject3D && ((c = a == null ? void 0 : a.material) != null && c.isMaterial && (r.userData[i] = !0), (u = a == null ? void 0 : a.geometry) != null && u.isBufferGeometry && (r.userData[s] = !0)), r.events = {}, r;
+    const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = ie;
+    return r.isObject3D && ((s = a == null ? void 0 : a.material) != null && s.isMaterial && (r.userData[i] = !0), (l = a == null ? void 0 : a.geometry) != null && l.isBufferGeometry && (r.userData[c] = !0)), r.events = {}, r;
   },
   insert(e, t) {
     var o, a;
@@ -365,9 +365,9 @@ const ie = {
     if (e) {
       if (e.isObject3D) {
         const a = e, n = (r) => {
-          var c, u;
-          const { GEOMETRY_VIA_PROP: s, MATERIAL_VIA_PROP: i } = ie;
-          r.userData[i] || (c = r.material) == null || c.dispose(), r.userData[s] || (u = r.geometry) == null || u.dispose();
+          var s, l;
+          const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = ie;
+          r.userData[i] || (s = r.material) == null || s.dispose(), r.userData[c] || (l = r.geometry) == null || l.dispose();
         };
         a.traverse((r) => n(r)), n(a);
       }
@@ -376,25 +376,25 @@ const ie = {
   },
   patchProp(e, t, o, a) {
     if (e) {
-      let n = e, r = t, s = z(r), i = n == null ? void 0 : n[s];
+      let n = e, r = t, c = F(r), i = n == null ? void 0 : n[c];
       if (n.type === "BufferGeometry") {
         n.setAttribute(
-          z(r),
-          new $e(...a)
+          F(r),
+          new Ne(...a)
         );
         return;
       }
       if (r.includes("-") && i === void 0) {
-        const u = r.split("-");
-        i = u.reduce((f, m) => f[z(m)], n), r = u.pop(), s = r.toLowerCase(), i != null && i.set || (n = u.reduce((f, m) => f[z(m)], n));
+        const l = r.split("-");
+        i = l.reduce((u, p) => u[F(p)], n), r = l.pop(), c = r.toLowerCase(), i != null && i.set || (n = l.reduce((u, p) => u[F(p)], n));
       }
-      pt(r) && (e.events[r] = a);
-      let c = a;
-      if (c === "" && (c = !0), ne(i)) {
-        Array.isArray(c) ? e[s](...c) : e[s](c);
+      vt(r) && (e.events[r] = a);
+      let s = a;
+      if (s === "" && (s = !0), ne(i)) {
+        Array.isArray(s) ? e[c](...s) : e[c](s);
         return;
       }
-      !(i != null && i.set) && !ne(i) ? n[s] = c : i.constructor === c.constructor && (i != null && i.copy) ? i == null || i.copy(c) : Array.isArray(c) ? i.set(...c) : !i.isColor && i.setScalar ? i.setScalar(c) : i.set(c);
+      !(i != null && i.set) && !ne(i) ? n[c] = s : i.constructor === s.constructor && (i != null && i.copy) ? i == null || i.copy(s) : Array.isArray(s) ? i.set(...s) : !i.isColor && i.setScalar ? i.setScalar(s) : i.set(s);
     }
   },
   parentNode(e) {
@@ -409,15 +409,15 @@ const ie = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { createApp: vt } = ke(mt), gt = (e) => {
-  const t = vt(o);
+}, { createApp: ht } = je(gt), wt = (e) => {
+  const t = ht(o);
   function o() {
     return e && e.default ? e.default() : [];
   }
   return t;
 };
-we(ve);
-const { logWarning: ht } = I(), wt = me({
+be(ge);
+const { logWarning: ce } = D(), bt = ve({
   name: "TresScene",
   props: [
     "shadows",
@@ -436,39 +436,39 @@ const { logWarning: ht } = I(), wt = me({
     "disableRender"
   ],
   setup(e, { slots: t, expose: o }) {
-    e.physicallyCorrectLights === !0 && ht("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
-    const a = S(), n = S(), r = new ve.Scene(), { setState: s } = D();
-    s("scene", r), s("canvas", n), s("container", a);
-    const { pushCamera: i } = N();
-    i(new F()), je(() => {
-      c();
-    }), pe(() => {
-      s("renderer", null);
+    e.physicallyCorrectLights === !0 && ce("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
+    const a = P(), n = P(), r = new ge.Scene(), { setState: c } = j();
+    c("scene", r), c("canvas", n), c("container", a);
+    const i = P(), s = t && t.default && t.default();
+    (s == null ? void 0 : s.length) > 0 && (i.value = s.some((d) => ut(d.type) && d.type.includes("Camera")), i.value || ce("No camera found in the scene, please add one!")), De(() => {
+      l();
+    }), me(() => {
+      c("renderer", null);
     });
-    function c() {
-      const { renderer: m } = st(e), { activeCamera: d } = N(), { onLoop: C } = Me(), { raycaster: g, pointer: P } = lt();
-      let w = null, p = null;
-      ce(() => {
-        d.value && g.value.setFromCamera(P.value, d.value);
-      }), C(() => {
-        var x, b, y, M, E, L, h, T, R, O;
-        if (d.value && e.disableRender === !0 && ((x = m.value) == null || x.render(r, d.value)), g.value) {
-          const B = g.value.intersectObjects(r.children);
-          B.length > 0 ? (p = B[0], w === null && ((M = (y = (b = p.object) == null ? void 0 : b.events) == null ? void 0 : y.onPointerEnter) == null || M.call(y, p)), (h = (L = (E = p.object) == null ? void 0 : E.events) == null ? void 0 : L.onPointerMove) == null || h.call(L, p)) : w !== null && ((O = (R = (T = p == null ? void 0 : p.object) == null ? void 0 : T.events) == null ? void 0 : R.onPointerLeave) == null || O.call(R, w), p = null), w = p;
+    function l() {
+      const { renderer: d } = ct(e), { activeCamera: w } = ye(), { onLoop: M } = Ee(), { raycaster: x, pointer: L } = pt();
+      let b = null, v = null;
+      ue(() => {
+        w.value && x.value.setFromCamera(L.value, w.value);
+      }), M(() => {
+        var E, y, g, C, I, h, T, S, R, B;
+        if (w.value && e.disableRender !== !0 && e.disableRender !== "" && ((E = d.value) == null || E.render(r, w.value)), x.value) {
+          const z = x.value.intersectObjects(r.children);
+          z.length > 0 ? (v = z[0], b === null && ((C = (g = (y = v.object) == null ? void 0 : y.events) == null ? void 0 : g.onPointerEnter) == null || C.call(g, v)), (T = (h = (I = v.object) == null ? void 0 : I.events) == null ? void 0 : h.onPointerMove) == null || T.call(h, v)) : b !== null && ((B = (R = (S = v == null ? void 0 : v.object) == null ? void 0 : S.events) == null ? void 0 : R.onPointerLeave) == null || B.call(R, b), v = null), b = v;
         }
-      }), Xe(n.value, "click", () => {
-        var x, b, y;
-        p !== null && ((y = (b = (x = p.object) == null ? void 0 : x.events) == null ? void 0 : b.onClick) == null || y.call(b, p));
+      }), Qe(n.value, "click", () => {
+        var E, y, g;
+        v !== null && ((g = (y = (E = v.object) == null ? void 0 : E.events) == null ? void 0 : y.onClick) == null || g.call(y, v));
       });
     }
     let u;
-    function f() {
-      u = gt(t), u.provide("useTres", D()), u.provide("extend", we), u.mount(r);
+    function p() {
+      u = wt(t), u.provide("useTres", j()), u.provide("extend", be), u.mount(r);
     }
-    return f(), o({
+    return p(), o({
       scene: r
-    }), () => k(
-      k(
+    }), () => O(
+      O(
         "div",
         {
           ref: a,
@@ -483,7 +483,7 @@ const { logWarning: ht } = I(), wt = me({
           }
         },
         [
-          k(
+          O(
             "div",
             {
               style: {
@@ -492,7 +492,7 @@ const { logWarning: ht } = I(), wt = me({
               }
             },
             [
-              k("canvas", {
+              O("canvas", {
                 ref: n,
                 "data-scene": r.uuid,
                 style: {
@@ -510,7 +510,7 @@ const { logWarning: ht } = I(), wt = me({
       )
     );
   }
-}), bt = me({
+}), yt = ve({
   name: "TresCanvas",
   props: [
     "shadows",
@@ -529,30 +529,30 @@ const { logWarning: ht } = I(), wt = me({
     "disableRender"
   ],
   setup(e, { slots: t, expose: o }) {
-    const a = ft();
-    return o(a), () => k(wt, e, t);
+    const a = dt();
+    return o(a), () => O(bt, e, t);
   }
-}), Lt = {
+}), Tt = {
   install(e) {
-    e.component("TresCanvas", bt);
+    e.component("TresCanvas", yt);
   }
 };
 export {
-  Qe as CameraType,
-  bt as TresCanvas,
-  he as catalogue,
-  Lt as default,
-  we as extend,
-  Ct as isProd,
-  ct as trasverseObjects,
-  N as useCamera,
-  Et as useLoader,
-  I as useLogger,
-  lt as useRaycaster,
-  Me as useRenderLoop,
-  st as useRenderer,
-  Pt as useSeek,
+  Ze as CameraType,
+  yt as TresCanvas,
+  we as catalogue,
+  Tt as default,
+  be as extend,
+  Pt as isProd,
+  ft as trasverseObjects,
+  ye as useCamera,
+  Ct as useLoader,
+  D as useLogger,
+  pt as useRaycaster,
+  Ee as useRenderLoop,
+  ct as useRenderer,
+  Lt as useSeek,
   Rt as useTexture,
-  D as useTres,
-  ft as useTresProvider
+  j as useTres,
+  dt as useTresProvider
 };

package/dist/tres.umd.cjs

@@ -1,9 +1,9 @@
 /**
  * name: @tresjs/core
- * version: v2.0.0-beta.8
+ * version: v2.0.0-beta.9
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(d,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],s):(d=typeof globalThis<"u"?globalThis:d||self,s(d.tres={},d.Vue,d.Three,d.VueUseCore))})(this,function(d,s,u,c){"use strict";function ge(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const J=ge(u),W=s.ref({uuid:u.MathUtils.generateUUID()}),N=e=>void Object.assign(W.value,e);var X=(e=>(e.Perspective="Perspective",e.Orthographic="Orthographic",e))(X||{});const he=45;let O;function z(){const{state:e,setState:t,aspectRatio:r}=A();function n(i="Perspective",l){var m,p,w;if(i==="Perspective"){const{near:v,far:k,fov:b}=l||{near:.1,far:1e3,fov:he};O=new u.PerspectiveCamera(b,((m=e.aspectRatio)==null?void 0:m.value)||window.innerWidth/window.innerHeight,v,k),(p=e.cameras)==null||p.push(O)}else{const{left:v,right:k,top:b,bottom:T,near:M,far:g}=l||{left:-100,right:100,top:100,bottom:-100,near:.1,far:1e3};O=new u.OrthographicCamera(v,k,b,T,M,g),(w=e.cameras)==null||w.push(O)}return e.camera=O,t("camera",e.camera),O}function a(){var i;e.camera instanceof u.PerspectiveCamera&&e.aspectRatio&&(e.camera.aspect=e.aspectRatio.value),(i=e.camera)==null||i.updateProjectionMatrix()}function o(i){var l;(l=e.cameras)==null||l.push(i),i instanceof u.PerspectiveCamera&&e.aspectRatio&&(i.aspect=e.aspectRatio.value),i.updateProjectionMatrix(),t("camera",i)}function f(){e.cameras=[]}return s.watchEffect(()=>{r!=null&&r.value&&a()}),{activeCamera:s.toRef(e,"camera"),createCamera:n,updateCamera:a,pushCamera:o,clearCameras:f}}const Q=c.createEventHook(),Z=c.createEventHook(),Y=c.createEventHook(),I=new u.Clock;let F=0,G=0;const{pause:we,resume:be,isActive:ye}=c.useRafFn(()=>{Q.trigger({delta:F,elapsed:G,clock:I}),Z.trigger({delta:F,elapsed:G,clock:I}),Y.trigger({delta:F,elapsed:G,clock:I})},{immediate:!1});Y.on(()=>{F=I.getDelta(),G=I.getElapsedTime()});function $(){return{onBeforeLoop:Q.on,onLoop:Z.on,onAfterLoop:Y.on,pause:we,resume:be,isActive:ye}}function Me(e){return e instanceof u.Color?e:Array.isArray(e)?new u.Color(...e):new u.Color(e)}const q={realistic:{outputEncoding:u.sRGBEncoding,toneMapping:u.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:u.PCFSoftShadowMap}}},H=(e,t)=>{for(const r of Object.keys(t))t[r]instanceof Object&&Object.assign(t[r],H(e[r],t[r]));return Object.assign(e||{},t),e},Ce=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 V(e){return e.replace(/-([a-z])/g,(t,r)=>r.toUpperCase())}function Pe(e,t){const r=Object.create(null),n=e.split(",");for(let a=0;a<n.length;a++)r[n[a]]=!0;return t?a=>!!r[a.toLowerCase()]:a=>!!r[a]}function ee(e){var pe,ve;const t=s.shallowRef(),r=s.ref(!1),{alpha:n=!0,antialias:a=!0,depth:o,logarithmicDepthBuffer:f,failIfMajorPerformanceCaveat:i,precision:l,premultipliedAlpha:m,stencil:p,shadows:w=!1,shadowMapType:v=u.PCFShadowMap,physicallyCorrectLights:k=!1,useLegacyLights:b=!1,outputEncoding:T=u.LinearEncoding,toneMapping:M=u.NoToneMapping,toneMappingExposure:g=1,context:_=void 0,powerPreference:C="default",preserveDrawingBuffer:P=!1,clearColor:L,windowSize:S=!1,preset:R=void 0}=s.toRefs(e),{state:y,setState:j}=A(),{width:x,height:B}=c.resolveUnref(S)==!0||c.resolveUnref(S)===""||c.resolveUnref(S)==="true"?c.useWindowSize():c.useElementSize(y.container),{logError:E,logWarning:Be}=U(),{pixelRatio:ue}=c.useDevicePixelRatio(),{pause:ze,resume:Fe}=$(),K=s.computed(()=>x.value/B.value);!c.resolveUnref(S)&&((ve=(pe=y.container)==null?void 0:pe.value)==null?void 0:ve.offsetHeight)===0&&Be(`Oops... Seems like your canvas height is currently 0px, by default it takes the height of it's parent, so make sure it has some height with CSS.
-You could set windowSize=true to force the canvas to be the size of the window.`);const de=()=>{t.value&&(t.value.setSize(x.value,B.value),t.value.setPixelRatio(Math.min(ue.value,2)))},me=()=>{if(!t.value)return;const D=c.resolveUnref(R);if(D){D in q||E("Renderer Preset must be one of these: "+Object.keys(q).join(", ")),H(t.value,q[D]);return}t.value.shadowMap.enabled=c.resolveUnref(w),t.value.shadowMap.type=c.resolveUnref(v),t.value.toneMapping=c.resolveUnref(M)||u.NoToneMapping,t.value.toneMappingExposure=c.resolveUnref(g),t.value.outputEncoding=c.resolveUnref(T)||u.LinearEncoding,L!=null&&L.value&&t.value.setClearColor(Me(c.resolveUnref(L))),t.value.useLegacyLights=c.resolveUnref(b)},Ge=()=>{const D=c.unrefElement(y.canvas);D&&(t.value=new u.WebGLRenderer({canvas:D,alpha:c.resolveUnref(n),antialias:c.resolveUnref(a),context:c.resolveUnref(_),depth:c.resolveUnref(o),failIfMajorPerformanceCaveat:c.resolveUnref(i),logarithmicDepthBuffer:c.resolveUnref(f),powerPreference:c.resolveUnref(C),precision:c.resolveUnref(l),stencil:c.resolveUnref(p),preserveDrawingBuffer:c.resolveUnref(P),premultipliedAlpha:c.resolveUnref(m)}),j("renderer",t.value),j("clock",new u.Clock),j("aspectRatio",K),me(),de(),Fe(),r.value=!0)},Ve=()=>{t.value&&(t.value.dispose(),t.value=void 0,r.value=!1,ze())};return s.watch([K,ue],de),s.watch([w,v,T,b,M,g,L],me),s.watch(()=>[y.canvas,y.container],()=>{c.unrefElement(y.canvas)&&c.unrefElement(y.container)&&Ge()},{immediate:!0,deep:!0}),{renderer:t,isReady:r,dispose:Ve,aspectRatio:K}}const te=e=>!!e&&e.constructor===Array;function ne(e){const t={nodes:{},materials:{}};return e&&e.traverse(r=>{r.name&&(t.nodes[r.name]=r),r.material&&!t.materials[r.material.name]&&(t.materials[r.material.name]=r.material)}),t}async function Le(e,t,r,n,a){const{logError:o}=U(),f=new e;a&&a(f),r&&r(f);const l=(Array.isArray(t)?t:[t]).map(m=>new Promise((p,w)=>{f.load(m,v=>{v.scene&&Object.assign(v,ne(v.scene)),p(v)},n,v=>w(o("[useLoader] - Failed to load resource",v)))}));return te(t)?await Promise.all(l):await l[0]}async function _e(e){const t=new u.LoadingManager,r=new u.TextureLoader(t),n=a=>new Promise((o,f)=>{r.load(a,i=>o(i),()=>null,()=>{f(new Error("[useTextures] - Failed to load texture"))})});if(te(e)){const a=await Promise.all(e.map(o=>n(o)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:o,normalMap:f,roughnessMap:i,metalnessMap:l,aoMap:m,alphaMap:p,matcap:w}=e;return{map:a?await n(a):null,displacementMap:o?await n(o):null,normalMap:f?await n(f):null,roughnessMap:i?await n(i):null,metalnessMap:l?await n(l):null,aoMap:m?await n(m):null,alphaMap:p?await n(p):null,matcap:w?await n(w):null}}}const h=["00","01","02","03","04","05","06","07","08","09","0a","0b","0c","0d","0e","0f","10","11","12","13","14","15","16","17","18","19","1a","1b","1c","1d","1e","1f","20","21","22","23","24","25","26","27","28","29","2a","2b","2c","2d","2e","2f","30","31","32","33","34","35","36","37","38","39","3a","3b","3c","3d","3e","3f","40","41","42","43","44","45","46","47","48","49","4a","4b","4c","4d","4e","4f","50","51","52","53","54","55","56","57","58","59","5a","5b","5c","5d","5e","5f","60","61","62","63","64","65","66","67","68","69","6a","6b","6c","6d","6e","6f","70","71","72","73","74","75","76","77","78","79","7a","7b","7c","7d","7e","7f","80","81","82","83","84","85","86","87","88","89","8a","8b","8c","8d","8e","8f","90","91","92","93","94","95","96","97","98","99","9a","9b","9c","9d","9e","9f","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","aa","ab","ac","ad","ae","af","b0","b1","b2","b3","b4","b5","b6","b7","b8","b9","ba","bb","bc","bd","be","bf","c0","c1","c2","c3","c4","c5","c6","c7","c8","c9","ca","cb","cc","cd","ce","cf","d0","d1","d2","d3","d4","d5","d6","d7","d8","d9","da","db","dc","dd","de","df","e0","e1","e2","e3","e4","e5","e6","e7","e8","e9","ea","eb","ec","ed","ee","ef","f0","f1","f2","f3","f4","f5","f6","f7","f8","f9","fa","fb","fc","fd","fe","ff"];function Se(){const e=Math.random()*4294967295|0,t=Math.random()*4294967295|0,r=Math.random()*4294967295|0,n=Math.random()*4294967295|0;return(h[e&255]+h[e>>8&255]+h[e>>16&255]+h[e>>24&255]+"-"+h[t&255]+h[t>>8&255]+"-"+h[t>>16&15|64]+h[t>>24&255]+"-"+h[r&63|128]+h[r>>8&255]+"-"+h[r>>16&255]+h[r>>24&255]+h[n&255]+h[n>>8&255]+h[n>>16&255]+h[n>>24&255]).toLowerCase()}const ae=Symbol();function re(){const e=s.shallowReactive({uuid:Se(),camera:void 0,cameras:[],scene:void 0,renderer:void 0,aspectRatio:s.computed(()=>window.innerWidth/window.innerHeight)});function t(a){return e[a]}function r(a,o){e[a]=o}const n={state:e,...s.toRefs(e),getState:t,setState:r};return s.provide(ae,n),n}const A=()=>s.inject(ae,{state:s.shallowReactive({camera:void 0,cameras:[],scene:void 0,renderer:void 0})});function oe(){var f;const e=s.shallowRef(new u.Raycaster),t=s.ref(new u.Vector2),r=s.ref(null),{setState:n,state:a}=A();n("raycaster",e.value),n("pointer",t),n("currentInstance",r);function o(i){t.value.x=i.clientX/window.innerWidth*2-1,t.value.y=-(i.clientY/window.innerHeight)*2+1}return(f=a==null?void 0:a.renderer)==null||f.domElement.addEventListener("pointermove",o),s.onUnmounted(()=>{var i;(i=a==null?void 0:a.renderer)==null||i.domElement.removeEventListener("pointermove",o)}),{raycaster:e,pointer:t}}const xe=!0,ie="[TresJS ▲ ■ ●] ";function U(){function e(n,a){console.error(`${ie} ${n}`,a||"")}function t(n){console.warn(`${ie} ${n}`)}function r(n,a){}return{logError:e,logWarning:t,logMessage:r}}function Oe(){const{logWarning:e}=U();function t(n,a,o){let f=null;return n.traverse(i=>{i[a]===o&&(f=i)}),f||e(`Child with ${a} '${o}' not found.`),f}function r(n,a){return t(n,"name",a)}return{seek:t,seekByName:r}}const Ae=/^on[^a-z]/,Ue=e=>Ae.test(e);function We(e){}let se=null;const ce={GEOMETRY_VIA_PROP:"tres__geometryViaProp",MATERIAL_VIA_PROP:"tres__materialViaProp"},{logError:fe}=U(),ke={createElement(e,t,r,n){var l,m;if(n||(n={}),n.args||(n.args=[]),e==="template"||Ce(e))return null;let a=e.replace("Tres",""),o;if(e==="primitive"){(n==null?void 0:n.object)===void 0&&fe("Tres primitives need a prop 'object'");const p=n.object;a=p.type,o=Object.assign(p,{type:a,attach:n.attach,primitive:!0})}else{const p=W.value[a];p||fe(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`),o=new p(...n.args)}if(o.isCamera){n!=null&&n.position||o.position.set(3,3,3),n!=null&&n.lookAt||o.lookAt(0,0,0);const{pushCamera:p}=z();p(o)}(n==null?void 0:n.attach)===void 0&&(o.isMaterial?o.attach="material":o.isBufferGeometry&&(o.attach="geometry"));const{GEOMETRY_VIA_PROP:f,MATERIAL_VIA_PROP:i}=ce;return o.isObject3D&&((l=n==null?void 0:n.material)!=null&&l.isMaterial&&(o.userData[i]=!0),(m=n==null?void 0:n.geometry)!=null&&m.isBufferGeometry&&(o.userData[f]=!0)),o.events={},o},insert(e,t){var r,n;if(((e==null?void 0:e.__vnode.type)==="TresGroup"||(e==null?void 0:e.__vnode.type)==="TresObject3D")&&t===null&&!((n=(r=e==null?void 0:e.__vnode)==null?void 0:r.ctx)!=null&&n.asyncResolved)){se=e;return}t||(t=se),e!=null&&e.isObject3D&&(t!=null&&t.isObject3D)?(t.add(e),e.dispatchEvent({type:"added"})):typeof(e==null?void 0:e.attach)=="string"&&(e.__previousAttach=e[t==null?void 0:t.attach],t&&(t[e.attach]=e))},remove(e){var t,r;if(e){if(e.isObject3D){const n=e,a=o=>{var l,m;const{GEOMETRY_VIA_PROP:f,MATERIAL_VIA_PROP:i}=ce;o.userData[i]||(l=o.material)==null||l.dispose(),o.userData[f]||(m=o.geometry)==null||m.dispose()};n.traverse(o=>a(o)),a(n)}(t=e.removeFromParent)==null||t.call(e),(r=e.dispose)==null||r.call(e)}},patchProp(e,t,r,n){if(e){let a=e,o=t,f=V(o),i=a==null?void 0:a[f];if(a.type==="BufferGeometry"){a.setAttribute(V(o),new u.BufferAttribute(...n));return}if(o.includes("-")&&i===void 0){const m=o.split("-");i=m.reduce((p,w)=>p[V(w)],a),o=m.pop(),f=o.toLowerCase(),i!=null&&i.set||(a=m.reduce((p,w)=>p[V(w)],a))}Ue(o)&&(e.events[o]=n);let l=n;if(l===""&&(l=!0),c.isFunction(i)){Array.isArray(l)?e[f](...l):e[f](l);return}!(i!=null&&i.set)&&!c.isFunction(i)?a[f]=l:i.constructor===l.constructor&&(i!=null&&i.copy)?i==null||i.copy(l):Array.isArray(l)?i.set(...l):!i.isColor&&i.setScalar?i.setScalar(l):i.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},{createApp:Te}=s.createRenderer(ke),Re=e=>{const t=Te(r);function r(){return e&&e.default?e.default():[]}return t};N(J);const{logWarning:je}=U(),De=s.defineComponent({name:"TresScene",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender"],setup(e,{slots:t,expose:r}){e.physicallyCorrectLights===!0&&je("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");const n=s.ref(),a=s.ref(),o=new J.Scene,{setState:f}=A();f("scene",o),f("canvas",a),f("container",n);const{pushCamera:i}=z();i(new u.PerspectiveCamera),s.onMounted(()=>{l()}),s.onUnmounted(()=>{f("renderer",null)});function l(){const{renderer:w}=ee(e),{activeCamera:v}=z(),{onLoop:k}=$(),{raycaster:b,pointer:T}=oe();let M=null,g=null;s.watchEffect(()=>{v.value&&b.value.setFromCamera(T.value,v.value)}),k(()=>{var _,C,P,L,S,R,y,j,x,B;if(v.value&&e.disableRender===!0&&((_=w.value)==null||_.render(o,v.value)),b.value){const E=b.value.intersectObjects(o.children);E.length>0?(g=E[0],M===null&&((L=(P=(C=g.object)==null?void 0:C.events)==null?void 0:P.onPointerEnter)==null||L.call(P,g)),(y=(R=(S=g.object)==null?void 0:S.events)==null?void 0:R.onPointerMove)==null||y.call(R,g)):M!==null&&((B=(x=(j=g==null?void 0:g.object)==null?void 0:j.events)==null?void 0:x.onPointerLeave)==null||B.call(x,M),g=null),M=g}}),c.useEventListener(a.value,"click",()=>{var _,C,P;g!==null&&((P=(C=(_=g.object)==null?void 0:_.events)==null?void 0:C.onClick)==null||P.call(C,g))})}let m;function p(){m=Re(t),m.provide("useTres",A()),m.provide("extend",N),m.mount(o)}return p(),r({scene:o}),()=>s.h(s.h("div",{ref:n,"data-scene":o.uuid,key:o.uuid,style:{position:"relative",width:"100%",height:"100%",pointerEvents:"auto",touchAction:"none"}},[s.h("div",{style:{width:"100%",height:"100%"}},[s.h("canvas",{ref:a,"data-scene":o.uuid,style:{display:"block",width:"100%",height:"100%",position:e.windowSize?"fixed":"absolute",top:0,left:0}})])]))}}),le=s.defineComponent({name:"TresCanvas",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender"],setup(e,{slots:t,expose:r}){const n=re();return r(n),()=>s.h(De,e,t)}}),Ie={install(e){e.component("TresCanvas",le)}};d.CameraType=X,d.TresCanvas=le,d.catalogue=W,d.default=Ie,d.extend=N,d.isProd=xe,d.trasverseObjects=ne,d.useCamera=z,d.useLoader=Le,d.useLogger=U,d.useRaycaster=oe,d.useRenderLoop=$,d.useRenderer=ee,d.useSeek=Oe,d.useTexture=_e,d.useTres=A,d.useTresProvider=re,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(d,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],s):(d=typeof globalThis<"u"?globalThis:d||self,s(d.tres={},d.Vue,d.Three,d.VueUseCore))})(this,function(d,s,m,f){"use strict";function be(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const X=be(m),W=s.ref({uuid:m.MathUtils.generateUUID()}),N=e=>void Object.assign(W.value,e);var Q=(e=>(e.Perspective="Perspective",e.Orthographic="Orthographic",e))(Q||{});const we=45;let O;function Y(){const{state:e,setState:t,aspectRatio:r}=T();function n(i="Perspective",c){var p,u,h;if(i==="Perspective"){const{near:v,far:M,fov:L}=c||{near:.1,far:1e3,fov:we};O=new m.PerspectiveCamera(L,((p=e.aspectRatio)==null?void 0:p.value)||window.innerWidth/window.innerHeight,v,M),(u=e.cameras)==null||u.push(O)}else{const{left:v,right:M,top:L,bottom:_,near:k,far:C}=c||{left:-100,right:100,top:100,bottom:-100,near:.1,far:1e3};O=new m.OrthographicCamera(v,M,L,_,k,C),(h=e.cameras)==null||h.push(O)}return e.camera=O,t("camera",e.camera),O}function a(){var i;e.camera instanceof m.PerspectiveCamera&&e.aspectRatio&&(e.camera.aspect=e.aspectRatio.value),(i=e.camera)==null||i.updateProjectionMatrix()}function o(i){var c;(c=e.cameras)==null||c.push(i),i instanceof m.PerspectiveCamera&&e.aspectRatio&&(i.aspect=e.aspectRatio.value),i.updateProjectionMatrix(),t("camera",i)}function l(){e.cameras=[]}return s.watchEffect(()=>{r!=null&&r.value&&a()}),{activeCamera:s.toRef(e,"camera"),createCamera:n,updateCamera:a,pushCamera:o,clearCameras:l}}const Z=f.createEventHook(),H=f.createEventHook(),$=f.createEventHook(),D=new m.Clock;let B=0,z=0;const{pause:ye,resume:Me,isActive:Ce}=f.useRafFn(()=>{Z.trigger({delta:B,elapsed:z,clock:D}),H.trigger({delta:B,elapsed:z,clock:D}),$.trigger({delta:B,elapsed:z,clock:D})},{immediate:!1});$.on(()=>{B=D.getDelta(),z=D.getElapsedTime()});function q(){return{onBeforeLoop:Z.on,onLoop:H.on,onAfterLoop:$.on,pause:ye,resume:Me,isActive:Ce}}function Pe(e){return e instanceof m.Color?e:Array.isArray(e)?new m.Color(...e):new m.Color(e)}const K={realistic:{outputEncoding:m.sRGBEncoding,toneMapping:m.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:m.PCFSoftShadowMap}}},ee=(e,t)=>{for(const r of Object.keys(t))t[r]instanceof Object&&Object.assign(t[r],ee(e[r],t[r]));return Object.assign(e||{},t),e},Le=_e("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 E(e){return e.replace(/-([a-z])/g,(t,r)=>r.toUpperCase())}function _e(e,t){const r=Object.create(null),n=e.split(",");for(let a=0;a<n.length;a++)r[n[a]]=!0;return t?a=>!!r[a.toLowerCase()]:a=>!!r[a]}function te(e){var ge,he;const t=s.shallowRef(),r=s.ref(!1),{alpha:n=!0,antialias:a=!0,depth:o,logarithmicDepthBuffer:l,failIfMajorPerformanceCaveat:i,precision:c,premultipliedAlpha:p,stencil:u,shadows:h=!1,shadowMapType:v=m.PCFShadowMap,physicallyCorrectLights:M=!1,useLegacyLights:L=!1,outputEncoding:_=m.LinearEncoding,toneMapping:k=m.NoToneMapping,toneMappingExposure:C=1,context:b=void 0,powerPreference:S="default",preserveDrawingBuffer:P=!1,clearColor:w,windowSize:x=!1,preset:F=void 0}=s.toRefs(e),{state:y,setState:R}=T(),{width:I,height:A}=f.resolveUnref(x)==!0||f.resolveUnref(x)===""||f.resolveUnref(x)==="true"?f.useWindowSize():f.useElementSize(y.container),{logError:G,logWarning:V}=U(),{pixelRatio:me}=f.useDevicePixelRatio(),{pause:Ee,resume:Fe}=q(),J=s.computed(()=>I.value/A.value);!f.resolveUnref(x)&&((he=(ge=y.container)==null?void 0:ge.value)==null?void 0:he.offsetHeight)===0&&V(`Oops... Seems like your canvas height is currently 0px, by default it takes the height of it's parent, so make sure it has some height with CSS.
+You could set windowSize=true to force the canvas to be the size of the window.`);const pe=()=>{t.value&&(t.value.setSize(I.value,A.value),t.value.setPixelRatio(Math.min(me.value,2)))},ve=()=>{if(!t.value)return;const j=f.resolveUnref(F);if(j){j in K||G("Renderer Preset must be one of these: "+Object.keys(K).join(", ")),ee(t.value,K[j]);return}t.value.shadowMap.enabled=f.resolveUnref(h),t.value.shadowMap.type=f.resolveUnref(v),t.value.toneMapping=f.resolveUnref(k)||m.NoToneMapping,t.value.toneMappingExposure=f.resolveUnref(C),t.value.outputEncoding=f.resolveUnref(_)||m.LinearEncoding,w!=null&&w.value&&t.value.setClearColor(Pe(f.resolveUnref(w))),t.value.useLegacyLights=f.resolveUnref(L)},Ge=()=>{const j=f.unrefElement(y.canvas);j&&(t.value=new m.WebGLRenderer({canvas:j,alpha:f.resolveUnref(n),antialias:f.resolveUnref(a),context:f.resolveUnref(b),depth:f.resolveUnref(o),failIfMajorPerformanceCaveat:f.resolveUnref(i),logarithmicDepthBuffer:f.resolveUnref(l),powerPreference:f.resolveUnref(S),precision:f.resolveUnref(c),stencil:f.resolveUnref(u),preserveDrawingBuffer:f.resolveUnref(P),premultipliedAlpha:f.resolveUnref(p)}),R("renderer",t.value),R("clock",new m.Clock),R("aspectRatio",J),ve(),pe(),Fe(),r.value=!0)},Ve=()=>{t.value&&(t.value.dispose(),t.value=void 0,r.value=!1,Ee())};return s.watch([J,me],pe),s.watch([h,v,_,L,k,C,w],ve),s.watch(()=>[y.canvas,y.container],()=>{f.unrefElement(y.canvas)&&f.unrefElement(y.container)&&Ge()},{immediate:!0,deep:!0}),{renderer:t,isReady:r,dispose:Ve,aspectRatio:J}}const Se=e=>typeof e=="string",ne=e=>!!e&&e.constructor===Array;function ae(e){const t={nodes:{},materials:{}};return e&&e.traverse(r=>{r.name&&(t.nodes[r.name]=r),r.material&&!t.materials[r.material.name]&&(t.materials[r.material.name]=r.material)}),t}async function xe(e,t,r,n,a){const{logError:o}=U(),l=new e;a&&a(l),r&&r(l);const c=(Array.isArray(t)?t:[t]).map(p=>new Promise((u,h)=>{l.load(p,v=>{v.scene&&Object.assign(v,ae(v.scene)),u(v)},n,v=>h(o("[useLoader] - Failed to load resource",v)))}));return ne(t)?await Promise.all(c):await c[0]}async function Ae(e){const t=new m.LoadingManager,r=new m.TextureLoader(t),n=a=>new Promise((o,l)=>{r.load(a,i=>o(i),()=>null,()=>{l(new Error("[useTextures] - Failed to load texture"))})});if(ne(e)){const a=await Promise.all(e.map(o=>n(o)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:o,normalMap:l,roughnessMap:i,metalnessMap:c,aoMap:p,alphaMap:u,matcap:h}=e;return{map:a?await n(a):null,displacementMap:o?await n(o):null,normalMap:l?await n(l):null,roughnessMap:i?await n(i):null,metalnessMap:c?await n(c):null,aoMap:p?await n(p):null,alphaMap:u?await n(u):null,matcap:h?await n(h):null}}}const g=["00","01","02","03","04","05","06","07","08","09","0a","0b","0c","0d","0e","0f","10","11","12","13","14","15","16","17","18","19","1a","1b","1c","1d","1e","1f","20","21","22","23","24","25","26","27","28","29","2a","2b","2c","2d","2e","2f","30","31","32","33","34","35","36","37","38","39","3a","3b","3c","3d","3e","3f","40","41","42","43","44","45","46","47","48","49","4a","4b","4c","4d","4e","4f","50","51","52","53","54","55","56","57","58","59","5a","5b","5c","5d","5e","5f","60","61","62","63","64","65","66","67","68","69","6a","6b","6c","6d","6e","6f","70","71","72","73","74","75","76","77","78","79","7a","7b","7c","7d","7e","7f","80","81","82","83","84","85","86","87","88","89","8a","8b","8c","8d","8e","8f","90","91","92","93","94","95","96","97","98","99","9a","9b","9c","9d","9e","9f","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","aa","ab","ac","ad","ae","af","b0","b1","b2","b3","b4","b5","b6","b7","b8","b9","ba","bb","bc","bd","be","bf","c0","c1","c2","c3","c4","c5","c6","c7","c8","c9","ca","cb","cc","cd","ce","cf","d0","d1","d2","d3","d4","d5","d6","d7","d8","d9","da","db","dc","dd","de","df","e0","e1","e2","e3","e4","e5","e6","e7","e8","e9","ea","eb","ec","ed","ee","ef","f0","f1","f2","f3","f4","f5","f6","f7","f8","f9","fa","fb","fc","fd","fe","ff"];function Oe(){const e=Math.random()*4294967295|0,t=Math.random()*4294967295|0,r=Math.random()*4294967295|0,n=Math.random()*4294967295|0;return(g[e&255]+g[e>>8&255]+g[e>>16&255]+g[e>>24&255]+"-"+g[t&255]+g[t>>8&255]+"-"+g[t>>16&15|64]+g[t>>24&255]+"-"+g[r&63|128]+g[r>>8&255]+"-"+g[r>>16&255]+g[r>>24&255]+g[n&255]+g[n>>8&255]+g[n>>16&255]+g[n>>24&255]).toLowerCase()}const re=Symbol();function oe(){const e=s.shallowReactive({uuid:Oe(),camera:void 0,cameras:[],scene:void 0,renderer:void 0,aspectRatio:s.computed(()=>window.innerWidth/window.innerHeight)});function t(a){return e[a]}function r(a,o){e[a]=o}const n={state:e,...s.toRefs(e),getState:t,setState:r};return s.provide(re,n),n}const T=()=>s.inject(re,{state:s.shallowReactive({camera:void 0,cameras:[],scene:void 0,renderer:void 0})});function ie(){var l;const e=s.shallowRef(new m.Raycaster),t=s.ref(new m.Vector2),r=s.ref(null),{setState:n,state:a}=T();n("raycaster",e.value),n("pointer",t),n("currentInstance",r);function o(i){t.value.x=i.clientX/window.innerWidth*2-1,t.value.y=-(i.clientY/window.innerHeight)*2+1}return(l=a==null?void 0:a.renderer)==null||l.domElement.addEventListener("pointermove",o),s.onUnmounted(()=>{var i;(i=a==null?void 0:a.renderer)==null||i.domElement.removeEventListener("pointermove",o)}),{raycaster:e,pointer:t}}const Te=!0,se="[TresJS ▲ ■ ●] ";function U(){function e(n,a){console.error(`${se} ${n}`,a||"")}function t(n){console.warn(`${se} ${n}`)}function r(n,a){}return{logError:e,logWarning:t,logMessage:r}}function Ue(){const{logWarning:e}=U();function t(n,a,o){let l=null;return n.traverse(i=>{i[a]===o&&(l=i)}),l||e(`Child with ${a} '${o}' not found.`),l}function r(n,a){return t(n,"name",a)}return{seek:t,seekByName:r}}const ke=/^on[^a-z]/,Re=e=>ke.test(e);function Ne(e){}let ce=null;const fe={GEOMETRY_VIA_PROP:"tres__geometryViaProp",MATERIAL_VIA_PROP:"tres__materialViaProp"},{logError:le}=U(),je={createElement(e,t,r,n){var c,p;if(n||(n={}),n.args||(n.args=[]),e==="template"||Le(e))return null;let a=e.replace("Tres",""),o;if(e==="primitive"){(n==null?void 0:n.object)===void 0&&le("Tres primitives need a prop 'object'");const u=n.object;a=u.type,o=Object.assign(u,{type:a,attach:n.attach,primitive:!0})}else{const u=W.value[a];u||le(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`),o=new u(...n.args)}if(o.isCamera){n!=null&&n.position||o.position.set(3,3,3),n!=null&&n.lookAt||o.lookAt(0,0,0);const{pushCamera:u}=Y();u(o)}(n==null?void 0:n.attach)===void 0&&(o.isMaterial?o.attach="material":o.isBufferGeometry&&(o.attach="geometry"));const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:i}=fe;return o.isObject3D&&((c=n==null?void 0:n.material)!=null&&c.isMaterial&&(o.userData[i]=!0),(p=n==null?void 0:n.geometry)!=null&&p.isBufferGeometry&&(o.userData[l]=!0)),o.events={},o},insert(e,t){var r,n;if(((e==null?void 0:e.__vnode.type)==="TresGroup"||(e==null?void 0:e.__vnode.type)==="TresObject3D")&&t===null&&!((n=(r=e==null?void 0:e.__vnode)==null?void 0:r.ctx)!=null&&n.asyncResolved)){ce=e;return}t||(t=ce),e!=null&&e.isObject3D&&(t!=null&&t.isObject3D)?(t.add(e),e.dispatchEvent({type:"added"})):typeof(e==null?void 0:e.attach)=="string"&&(e.__previousAttach=e[t==null?void 0:t.attach],t&&(t[e.attach]=e))},remove(e){var t,r;if(e){if(e.isObject3D){const n=e,a=o=>{var c,p;const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:i}=fe;o.userData[i]||(c=o.material)==null||c.dispose(),o.userData[l]||(p=o.geometry)==null||p.dispose()};n.traverse(o=>a(o)),a(n)}(t=e.removeFromParent)==null||t.call(e),(r=e.dispose)==null||r.call(e)}},patchProp(e,t,r,n){if(e){let a=e,o=t,l=E(o),i=a==null?void 0:a[l];if(a.type==="BufferGeometry"){a.setAttribute(E(o),new m.BufferAttribute(...n));return}if(o.includes("-")&&i===void 0){const p=o.split("-");i=p.reduce((u,h)=>u[E(h)],a),o=p.pop(),l=o.toLowerCase(),i!=null&&i.set||(a=p.reduce((u,h)=>u[E(h)],a))}Re(o)&&(e.events[o]=n);let c=n;if(c===""&&(c=!0),f.isFunction(i)){Array.isArray(c)?e[l](...c):e[l](c);return}!(i!=null&&i.set)&&!f.isFunction(i)?a[l]=c:i.constructor===c.constructor&&(i!=null&&i.copy)?i==null||i.copy(c):Array.isArray(c)?i.set(...c):!i.isColor&&i.setScalar?i.setScalar(c):i.set(c)}},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},{createApp:De}=s.createRenderer(je),Ie=e=>{const t=De(r);function r(){return e&&e.default?e.default():[]}return t};N(X);const{logWarning:ue}=U(),Be=s.defineComponent({name:"TresScene",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender"],setup(e,{slots:t,expose:r}){e.physicallyCorrectLights===!0&&ue("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");const n=s.ref(),a=s.ref(),o=new X.Scene,{setState:l}=T();l("scene",o),l("canvas",a),l("container",n);const i=s.ref(),c=t&&t.default&&t.default();(c==null?void 0:c.length)>0&&(i.value=c.some(v=>Se(v.type)&&v.type.includes("Camera")),i.value||ue("No camera found in the scene, please add one!")),s.onMounted(()=>{p()}),s.onUnmounted(()=>{l("renderer",null)});function p(){const{renderer:v}=te(e),{activeCamera:M}=Y(),{onLoop:L}=q(),{raycaster:_,pointer:k}=ie();let C=null,b=null;s.watchEffect(()=>{M.value&&_.value.setFromCamera(k.value,M.value)}),L(()=>{var S,P,w,x,F,y,R,I,A,G;if(M.value&&e.disableRender!==!0&&e.disableRender!==""&&((S=v.value)==null||S.render(o,M.value)),_.value){const V=_.value.intersectObjects(o.children);V.length>0?(b=V[0],C===null&&((x=(w=(P=b.object)==null?void 0:P.events)==null?void 0:w.onPointerEnter)==null||x.call(w,b)),(R=(y=(F=b.object)==null?void 0:F.events)==null?void 0:y.onPointerMove)==null||R.call(y,b)):C!==null&&((G=(A=(I=b==null?void 0:b.object)==null?void 0:I.events)==null?void 0:A.onPointerLeave)==null||G.call(A,C),b=null),C=b}}),f.useEventListener(a.value,"click",()=>{var S,P,w;b!==null&&((w=(P=(S=b.object)==null?void 0:S.events)==null?void 0:P.onClick)==null||w.call(P,b))})}let u;function h(){u=Ie(t),u.provide("useTres",T()),u.provide("extend",N),u.mount(o)}return h(),r({scene:o}),()=>s.h(s.h("div",{ref:n,"data-scene":o.uuid,key:o.uuid,style:{position:"relative",width:"100%",height:"100%",pointerEvents:"auto",touchAction:"none"}},[s.h("div",{style:{width:"100%",height:"100%"}},[s.h("canvas",{ref:a,"data-scene":o.uuid,style:{display:"block",width:"100%",height:"100%",position:e.windowSize?"fixed":"absolute",top:0,left:0}})])]))}}),de=s.defineComponent({name:"TresCanvas",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender"],setup(e,{slots:t,expose:r}){const n=oe();return r(n),()=>s.h(Be,e,t)}}),ze={install(e){e.component("TresCanvas",de)}};d.CameraType=Q,d.TresCanvas=de,d.catalogue=W,d.default=ze,d.extend=N,d.isProd=Te,d.trasverseObjects=ae,d.useCamera=Y,d.useLoader=xe,d.useLogger=U,d.useRaycaster=ie,d.useRenderLoop=q,d.useRenderer=te,d.useSeek=Ue,d.useTexture=Ae,d.useTres=T,d.useTresProvider=oe,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "description": "Declarative ThreeJS using Vue Components",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.9",
   "type": "module",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "files": [