@tresjs/core 2.0.0-beta.12 → 2.0.0-beta.13

package/dist/components/TresCanvas.d.ts

@@ -1,4 +1,5 @@
 import { ShadowMapType, TextureEncoding, ToneMapping } from 'three';
+import { CameraType } from '../composables';
 import { RendererPresetsType } from '../composables/useRenderer/const';
 export interface TresCanvasProps {
     shadows?: boolean;
@@ -15,6 +16,7 @@ export interface TresCanvasProps {
     windowSize?: boolean;
     preset?: RendererPresetsType;
     disableRender?: boolean;
+    camera?: CameraType;
 }
 /**
  * Vue component for rendering a Tres component.

package/dist/components/TresScene.d.ts

@@ -1,4 +1,5 @@
 import { ShadowMapType, TextureEncoding, ToneMapping } from 'three';
+import { CameraType } from '../composables';
 import { RendererPresetsType } from '../composables/useRenderer/const';
 export interface TresSceneProps {
     shadows?: boolean;
@@ -15,6 +16,7 @@ export interface TresSceneProps {
     windowSize?: boolean;
     preset?: RendererPresetsType;
     disableRender?: boolean;
+    camera?: CameraType;
 }
 export declare const TresScene: import("vue").DefineComponent<TresSceneProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<TresSceneProps>, {}>;
 export default TresScene;

package/dist/tres.js

@@ -1,31 +1,31 @@
 /**
  * name: @tresjs/core
- * version: v2.0.0-beta.12
+ * version: v2.0.0-beta.13
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as P, watchEffect as fe, toRef as Se, shallowRef as le, toRefs as de, computed as pe, watch as W, shallowReactive as me, provide as Oe, inject as ke, onUnmounted as ve, createRenderer as je, defineComponent as ge, onMounted as De, h as k } from "vue";
-import * as he from "three";
-import { MathUtils as Ie, PerspectiveCamera as H, OrthographicCamera as Be, Clock as we, Color as Y, sRGBEncoding as ze, ACESFilmicToneMapping as Fe, PCFSoftShadowMap as Ge, PCFShadowMap as Ve, LinearEncoding as ae, NoToneMapping as ne, 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 re, useEventListener as Qe } from "@vueuse/core";
-const be = P({ uuid: Ie.generateUUID() }), ye = (e) => void Object.assign(be.value, e);
+import { ref as R, watchEffect as le, toRef as Se, shallowRef as de, toRefs as me, computed as pe, watch as V, shallowReactive as ve, provide as Oe, inject as ke, onUnmounted as ge, createRenderer as je, defineComponent as he, onMounted as De, h as D } from "vue";
+import * as we from "three";
+import { MathUtils as Ie, PerspectiveCamera as $, OrthographicCamera as Be, Clock as be, Color as N, sRGBEncoding as ze, ACESFilmicToneMapping as Fe, PCFSoftShadowMap as Ge, PCFShadowMap as Ve, LinearEncoding as ne, NoToneMapping as re, WebGLRenderer as Ue, LoadingManager as We, TextureLoader as He, Raycaster as Ye, Vector2 as $e, BufferAttribute as Ne } from "three";
+import { createEventHook as J, useRafFn as qe, resolveUnref as l, useWindowSize as Ke, useElementSize as Je, useDevicePixelRatio as Xe, unrefElement as q, isFunction as oe, useEventListener as Qe } from "@vueuse/core";
+const ye = R({ uuid: Ie.generateUUID() }), Me = (e) => void Object.assign(ye.value, e);
 var Ze = /* @__PURE__ */ ((e) => (e.Perspective = "Perspective", e.Orthographic = "Orthographic", e))(Ze || {});
 const et = 45;
-let _;
-function Me() {
-  const { state: e, setState: t, aspectRatio: o } = S();
+let S;
+function xe() {
+  const { state: e, setState: t, aspectRatio: o } = O();
   function a(i = "Perspective", s) {
-    var l, u, p;
+    var u, f, d;
     if (i === "Perspective") {
-      const { near: d, far: w, fov: M } = s || {
+      const { near: p, far: b, fov: x } = s || {
         near: 0.1,
         far: 1e3,
         fov: et
       };
-      _ = new H(M, ((l = e.aspectRatio) == null ? void 0 : l.value) || window.innerWidth / window.innerHeight, d, w), (u = e.cameras) == null || u.push(_);
+      S = new $(x, ((u = e.aspectRatio) == null ? void 0 : u.value) || window.innerWidth / window.innerHeight, p, b), (f = e.cameras) == null || f.push(S);
     } else {
-      const { left: d, right: w, top: M, bottom: x, near: L, far: b } = s || {
+      const { left: p, right: b, top: x, bottom: g, near: P, far: E } = s || {
         left: -100,
         right: 100,
         top: 100,
@@ -33,22 +33,22 @@ function Me() {
         near: 0.1,
         far: 1e3
       };
-      _ = new Be(d, w, M, x, L, b), (p = e.cameras) == null || p.push(_);
+      S = new Be(p, b, x, g, P, E), (d = e.cameras) == null || d.push(S);
     }
-    return e.camera = _, t("camera", e.camera), _;
+    return e.camera = S, t("camera", e.camera), S;
   }
   function n() {
     var i;
-    e.camera instanceof H && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
+    e.camera instanceof $ && e.aspectRatio && (e.camera.aspect = e.aspectRatio.value), (i = e.camera) == null || i.updateProjectionMatrix();
   }
   function r(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);
+    (s = e.cameras) == null || s.push(i), i instanceof $ && e.aspectRatio && (i.aspect = e.aspectRatio.value), i.updateProjectionMatrix(), t("camera", i);
   }
   function c() {
     e.cameras = [];
   }
-  return fe(() => {
+  return le(() => {
     o != null && o.value && n();
   }), {
     activeCamera: Se(e, "camera"),
@@ -58,31 +58,31 @@ function Me() {
     clearCameras: c
   };
 }
-const xe = q(), Ee = q(), K = q(), j = new we();
-let G = 0, V = 0;
+const Ee = J(), Ce = J(), X = J(), I = new be();
+let U = 0, W = 0;
 const { pause: tt, resume: at, isActive: nt } = qe(
   () => {
-    xe.trigger({ delta: G, elapsed: V, clock: j }), Ee.trigger({ delta: G, elapsed: V, clock: j }), K.trigger({ delta: G, elapsed: V, clock: j });
+    Ee.trigger({ delta: U, elapsed: W, clock: I }), Ce.trigger({ delta: U, elapsed: W, clock: I }), X.trigger({ delta: U, elapsed: W, clock: I });
   },
   { immediate: !1 }
 );
-K.on(() => {
-  G = j.getDelta(), V = j.getElapsedTime();
+X.on(() => {
+  U = I.getDelta(), W = I.getElapsedTime();
 });
-function Ce() {
+function Re() {
   return {
-    onBeforeLoop: xe.on,
-    onLoop: Ee.on,
-    onAfterLoop: K.on,
+    onBeforeLoop: Ee.on,
+    onLoop: Ce.on,
+    onAfterLoop: X.on,
     pause: tt,
     resume: at,
     isActive: nt
   };
 }
 function rt(e) {
-  return e instanceof Y ? e : Array.isArray(e) ? new Y(...e) : new Y(e);
+  return e instanceof N ? e : Array.isArray(e) ? new N(...e) : new N(e);
 }
-const N = {
+const K = {
   realistic: {
     outputEncoding: ze,
     toneMapping: Fe,
@@ -92,12 +92,12 @@ const N = {
       type: Ge
     }
   }
-}, Re = (e, t) => {
+}, Pe = (e, t) => {
   for (const o of Object.keys(t))
-    t[o] instanceof Object && Object.assign(t[o], Re(e[o], t[o]));
+    t[o] instanceof Object && Object.assign(t[o], Pe(e[o], t[o]));
   return Object.assign(e || {}, t), 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) {
+function G(e) {
   return e.replace(/-([a-z])/g, (t, o) => o.toUpperCase());
 }
 function st(e, t) {
@@ -107,79 +107,79 @@ function st(e, t) {
   return t ? (n) => !!o[n.toLowerCase()] : (n) => !!o[n];
 }
 function ct(e) {
-  var ee, te;
-  const t = le(), o = P(!1), {
+  var te, ae;
+  const t = de(), o = R(!1), {
     alpha: a = !0,
     antialias: n = !0,
     depth: r,
     logarithmicDepthBuffer: c,
     failIfMajorPerformanceCaveat: i,
     precision: s,
-    premultipliedAlpha: l,
-    stencil: u,
-    shadows: p = !1,
-    shadowMapType: d = Ve,
-    physicallyCorrectLights: w = !1,
-    useLegacyLights: M = !1,
-    outputEncoding: x = ae,
-    toneMapping: L = ne,
-    toneMappingExposure: b = 1,
-    context: v = void 0,
-    powerPreference: E = "default",
-    preserveDrawingBuffer: y = !1,
-    clearColor: g,
-    windowSize: C = !1,
-    preset: I = void 0
-  } = de(e), { state: h, setState: T } = S(), { width: O, height: R } = f(C) == !0 || f(C) === "" || f(C) === "true" ? Ke() : Je(h.container), { logError: B, logWarning: z } = D(), { pixelRatio: X } = Xe(), { pause: Le, resume: Te } = Ce(), U = pe(() => O.value / R.value);
-  !f(C) && ((te = (ee = h.container) == null ? void 0 : ee.value) == null ? void 0 : te.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.
+    premultipliedAlpha: u,
+    stencil: f,
+    shadows: d = !1,
+    shadowMapType: p = Ve,
+    physicallyCorrectLights: b = !1,
+    useLegacyLights: x = !1,
+    outputEncoding: g = ne,
+    toneMapping: P = re,
+    toneMappingExposure: E = 1,
+    context: H = void 0,
+    powerPreference: L = "default",
+    preserveDrawingBuffer: v = !1,
+    clearColor: w,
+    windowSize: h = !1,
+    preset: M = void 0
+  } = me(e), { state: y, setState: T } = O(), { width: C, height: k } = l(h) == !0 || l(h) === "" || l(h) === "true" ? Ke() : Je(y.container), { logError: z, logWarning: A } = B(), { pixelRatio: j } = Xe(), { pause: F, resume: Te } = Re(), Y = pe(() => C.value / k.value);
+  !l(h) && ((ae = (te = y.container) == null ? void 0 : te.value) == null ? void 0 : ae.offsetHeight) === 0 && A(`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 Q = () => {
-    t.value && (t.value.setSize(O.value, R.value), t.value.setPixelRatio(Math.min(X.value, 2)));
-  }, Z = () => {
+  const Z = () => {
+    t.value && (t.value.setSize(C.value, k.value), t.value.setPixelRatio(Math.min(j.value, 2)));
+  }, ee = () => {
     if (!t.value)
       return;
-    const A = f(I);
-    if (A) {
-      A in N || B("Renderer Preset must be one of these: " + Object.keys(N).join(", ")), Re(t.value, N[A]);
+    const _ = l(M);
+    if (_) {
+      _ in K || z("Renderer Preset must be one of these: " + Object.keys(K).join(", ")), Pe(t.value, K[_]);
       return;
     }
-    t.value.shadowMap.enabled = f(p), t.value.shadowMap.type = f(d), t.value.toneMapping = f(L) || ne, t.value.toneMappingExposure = f(b), t.value.outputEncoding = f(x) || ae, g != null && g.value && t.value.setClearColor(rt(f(g))), t.value.useLegacyLights = f(M);
+    t.value.shadowMap.enabled = l(d), t.value.shadowMap.type = l(p), t.value.toneMapping = l(P) || re, t.value.toneMappingExposure = l(E), t.value.outputEncoding = l(g) || ne, w != null && w.value && t.value.setClearColor(rt(l(w))), t.value.useLegacyLights = l(x);
   }, Ae = () => {
-    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 we()), T("aspectRatio", U), Z(), Q(), Te(), o.value = !0);
+    const _ = q(y.canvas);
+    _ && (t.value = new Ue({
+      canvas: _,
+      alpha: l(a),
+      antialias: l(n),
+      context: l(H),
+      depth: l(r),
+      failIfMajorPerformanceCaveat: l(i),
+      logarithmicDepthBuffer: l(c),
+      powerPreference: l(L),
+      precision: l(s),
+      stencil: l(f),
+      preserveDrawingBuffer: l(v),
+      premultipliedAlpha: l(u)
+    }), T("renderer", t.value), T("clock", new be()), T("aspectRatio", Y), ee(), Z(), Te(), o.value = !0);
   }, _e = () => {
-    t.value && (t.value.dispose(), t.value = void 0, o.value = !1, Le());
+    t.value && (t.value.dispose(), t.value = void 0, o.value = !1, F());
   };
-  return W([U, X], Q), W(
-    [p, d, x, M, L, b, g],
-    Z
-  ), W(
-    () => [h.canvas, h.container],
+  return V([Y, j], Z), V(
+    [d, p, g, x, P, E, w],
+    ee
+  ), V(
+    () => [y.canvas, y.container],
     () => {
-      $(h.canvas) && $(h.container) && Ae();
+      q(y.canvas) && q(y.container) && Ae();
     },
     { immediate: !0, deep: !0 }
   ), {
     renderer: t,
     isReady: o,
     dispose: _e,
-    aspectRatio: U
+    aspectRatio: Y
   };
 }
-const ut = (e) => typeof e == "string", Pe = (e) => !!e && e.constructor === Array;
+const ut = (e) => typeof e == "string", Le = (e) => !!e && e.constructor === Array;
 function ft(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((o) => {
@@ -187,21 +187,21 @@ function ft(e) {
   }), t;
 }
 async function Ct(e, t, o, a, n) {
-  const { logError: r } = D(), c = new e();
+  const { logError: r } = B(), c = new e();
   n && n(c), o && o(c);
   const s = (Array.isArray(t) ? t : [t]).map(
-    (l) => new Promise((u, p) => {
+    (u) => new Promise((f, d) => {
       c.load(
-        l,
-        (d) => {
-          d.scene && Object.assign(d, ft(d.scene)), u(d);
+        u,
+        (p) => {
+          p.scene && Object.assign(p, ft(p.scene)), f(p);
         },
         a,
-        (d) => p(r("[useLoader] - Failed to load resource", d))
+        (p) => d(r("[useLoader] - Failed to load resource", p))
       );
     })
   );
-  return Pe(t) ? await Promise.all(s) : await s[0];
+  return Le(t) ? await Promise.all(s) : await s[0];
 }
 async function Rt(e) {
   const t = new We(), o = new He(t), a = (n) => new Promise((r, c) => {
@@ -214,7 +214,7 @@ async function Rt(e) {
       }
     );
   });
-  if (Pe(e)) {
+  if (Le(e)) {
     const n = await Promise.all(e.map((r) => a(r)));
     return e.length > 1 ? n : n[0];
   } else {
@@ -224,9 +224,9 @@ async function Rt(e) {
       normalMap: c,
       roughnessMap: i,
       metalnessMap: s,
-      aoMap: l,
-      alphaMap: u,
-      matcap: p
+      aoMap: u,
+      alphaMap: f,
+      matcap: d
     } = e;
     return {
       map: n ? await a(n) : null,
@@ -234,9 +234,9 @@ async function Rt(e) {
       normalMap: c ? await a(c) : null,
       roughnessMap: i ? await a(i) : 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
+      aoMap: u ? await a(u) : null,
+      alphaMap: f ? await a(f) : null,
+      matcap: d ? await a(d) : null
     };
   }
 }
@@ -245,9 +245,9 @@ function lt() {
   const e = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0, o = Math.random() * 4294967295 | 0, a = Math.random() * 4294967295 | 0;
   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 J = Symbol();
+const Q = Symbol();
 function dt() {
-  const e = me({
+  const e = ve({
     uuid: lt(),
     camera: void 0,
     cameras: [],
@@ -263,28 +263,28 @@ function dt() {
   }
   const a = {
     state: e,
-    ...de(e),
+    ...me(e),
     getState: t,
     setState: o
   };
-  return Oe(J, a), a;
+  return Oe(Q, a), a;
 }
-const S = () => ke(J, {
-  state: me({
+const O = () => ke(Q, {
+  state: ve({
     camera: void 0,
     cameras: [],
     scene: void 0,
     renderer: void 0
   })
 });
-function pt() {
+function mt() {
   var c;
-  const e = le(new Ye()), t = P(new $e()), o = P(null), { setState: a, state: n } = S();
+  const e = de(new Ye()), t = R(new $e()), o = R(null), { setState: a, state: n } = O();
   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 (c = n == null ? void 0 : n.renderer) == null || c.domElement.addEventListener("pointermove", r), ve(() => {
+  return (c = n == null ? void 0 : n.renderer) == null || c.domElement.addEventListener("pointermove", r), ge(() => {
     var i;
     (i = n == null ? void 0 : n.renderer) == null || i.domElement.removeEventListener("pointermove", r);
   }), {
@@ -292,13 +292,13 @@ function pt() {
     pointer: t
   };
 }
-const Pt = !0, oe = "[TresJS ▲ ■ ●] ";
-function D() {
+const Pt = !0, ie = "[TresJS ▲ ■ ●] ";
+function B() {
   function e(a, n) {
-    console.error(`${oe} ${a}`, n || "");
+    console.error(`${ie} ${a}`, n || "");
   }
   function t(a) {
-    console.warn(`${oe} ${a}`);
+    console.warn(`${ie} ${a}`);
   }
   function o(a, n) {
   }
@@ -309,7 +309,7 @@ function D() {
   };
 }
 function Lt() {
-  const { logWarning: e } = D();
+  const { logWarning: e } = B();
   function t(a, n, r) {
     let c = null;
     return a.traverse((i) => {
@@ -324,50 +324,50 @@ function Lt() {
     seekByName: o
   };
 }
-const mt = /^on[^a-z]/, vt = (e) => mt.test(e);
-let ie = null;
-const se = {
+const pt = /^on[^a-z]/, vt = (e) => pt.test(e);
+let se = null;
+const ce = {
   GEOMETRY_VIA_PROP: "tres__geometryViaProp",
   MATERIAL_VIA_PROP: "tres__materialViaProp"
-}, { logError: ce } = D(), gt = {
+}, { logError: ue } = B(), gt = {
   createElement(e, t, o, a) {
-    var s, l;
+    var s, u;
     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 && ce("Tres primitives need a prop 'object'");
-      const u = a.object;
-      n = u.type, r = Object.assign(u, { type: n, attach: a.attach, primitive: !0 });
+      (a == null ? void 0 : a.object) === void 0 && ue("Tres primitives need a prop 'object'");
+      const f = a.object;
+      n = f.type, r = Object.assign(f, { type: n, attach: a.attach, primitive: !0 });
     } else {
-      const u = be.value[n];
-      u || ce(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), r = new u(...a.args);
+      const f = ye.value[n];
+      f || ue(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), r = new f(...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: u } = Me();
-      u(r);
+      const { pushCamera: f } = xe();
+      f(r);
     }
     (a == null ? void 0 : a.attach) === void 0 && (r.isMaterial ? r.attach = "material" : r.isBufferGeometry && (r.attach = "geometry"));
-    const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = se;
-    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;
+    const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = ce;
+    return r.isObject3D && ((s = a == null ? void 0 : a.material) != null && s.isMaterial && (r.userData[i] = !0), (u = a == null ? void 0 : a.geometry) != null && u.isBufferGeometry && (r.userData[c] = !0)), r.events = {}, r;
   },
   insert(e, t) {
     var o, a, n, r;
     if ((((o = e == null ? void 0 : e.__vnode) == null ? void 0 : o.type) === "TresGroup" || ((a = e == null ? void 0 : e.__vnode) == null ? void 0 : a.type) === "TresObject3D") && t === null && !((r = (n = e == null ? void 0 : e.__vnode) == null ? void 0 : n.ctx) != null && r.asyncResolved)) {
-      ie = e;
+      se = e;
       return;
     }
-    t || (t = ie), 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));
+    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, o;
     if (e) {
       if (e.isObject3D) {
         const a = e, n = (r) => {
-          var s, l;
-          const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = se;
-          r.userData[i] || (s = r.material) == null || s.dispose(), r.userData[c] || (l = r.geometry) == null || l.dispose();
+          var s, u;
+          const { GEOMETRY_VIA_PROP: c, MATERIAL_VIA_PROP: i } = ce;
+          r.userData[i] || (s = r.material) == null || s.dispose(), r.userData[c] || (u = r.geometry) == null || u.dispose();
         };
         a.traverse((r) => n(r)), n(a);
       }
@@ -376,27 +376,27 @@ const se = {
   },
   patchProp(e, t, o, a) {
     if (e) {
-      let n = e, r = t, c = F(r), i = n == null ? void 0 : n[c];
+      let n = e, r = t, c = G(r), i = n == null ? void 0 : n[c];
       if (n.type === "BufferGeometry") {
         if (r === "args")
           return;
         n.setAttribute(
-          F(r),
+          G(r),
           new Ne(...a)
         );
         return;
       }
       if (r.includes("-") && i === void 0) {
-        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));
+        const u = r.split("-");
+        i = u.reduce((f, d) => f[G(d)], n), r = u.pop(), c = r.toLowerCase(), i != null && i.set || (n = u.reduce((f, d) => f[G(d)], n));
       }
       vt(r) && (e.events[r] = a);
       let s = a;
-      if (s === "" && (s = !0), re(i)) {
+      if (s === "" && (s = !0), oe(i)) {
         Array.isArray(s) ? e[c](...s) : e[c](s);
         return;
       }
-      !(i != null && i.set) && !re(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);
+      !(i != null && i.set) && !oe(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) {
@@ -418,8 +418,8 @@ const se = {
   }
   return t;
 };
-ye(he);
-const { logWarning: ue } = D(), bt = ge({
+Me(we);
+const { logWarning: fe } = B(), bt = he({
   name: "TresScene",
   props: [
     "shadows",
@@ -435,42 +435,51 @@ const { logWarning: ue } = D(), bt = ge({
     "clearColor",
     "windowSize",
     "preset",
-    "disableRender"
+    "disableRender",
+    "camera"
   ],
   setup(e, { slots: t, expose: o }) {
-    e.physicallyCorrectLights === !0 && ue("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
-    const a = P(), n = P(), r = new he.Scene(), { setState: c } = S();
+    e.physicallyCorrectLights === !0 && fe("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");
+    const a = R(), n = R(), r = new we.Scene(), { setState: c } = O();
     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 || ue("No camera found in the scene, please add one!")), De(() => {
-      l();
-    }), ve(() => {
+    const i = R(), s = t && t.default && t.default();
+    (s == null ? void 0 : s.length) > 0 && (i.value = s.some((g) => ut(g.type) && g.type.includes("Camera")) || e.camera, i.value || fe("No camera found in the scene, please add one!")), De(() => {
+      p();
+    }), ge(() => {
       c("renderer", null);
     });
-    function l() {
-      const { renderer: d } = ct(e), { activeCamera: w } = Me(), { onLoop: M } = Ce(), { raycaster: x, pointer: L } = pt();
-      let b = null, v = null;
-      fe(() => {
-        w.value && x.value.setFromCamera(L.value, w.value);
-      }), M(() => {
-        var E, y, g, C, I, h, T, O, 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 = (O = v == null ? void 0 : v.object) == null ? void 0 : O.events) == null ? void 0 : R.onPointerLeave) == null || B.call(R, b), v = null), b = v;
+    const { activeCamera: u, pushCamera: f, clearCameras: d } = xe();
+    function p() {
+      const { renderer: g } = ct(e);
+      e.camera && f(e.camera);
+      const { onLoop: P } = Re(), { raycaster: E, pointer: H } = mt();
+      let L = null, v = null;
+      le(() => {
+        u.value && E.value.setFromCamera(H.value, u.value);
+      }), P(() => {
+        var w, h, M, y, T, C, k, z, A, j;
+        if (u.value && e.disableRender !== !0 && e.disableRender !== "" && ((w = g.value) == null || w.render(r, u.value)), E.value) {
+          const F = E.value.intersectObjects(r.children);
+          F.length > 0 ? (v = F[0], L === null && ((y = (M = (h = v.object) == null ? void 0 : h.events) == null ? void 0 : M.onPointerEnter) == null || y.call(M, v)), (k = (C = (T = v.object) == null ? void 0 : T.events) == null ? void 0 : C.onPointerMove) == null || k.call(C, v)) : L !== null && ((j = (A = (z = v == null ? void 0 : v.object) == null ? void 0 : z.events) == null ? void 0 : A.onPointerLeave) == null || j.call(A, L), v = null), L = v;
         }
       }), 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));
+        var w, h, M;
+        v !== null && ((M = (h = (w = v.object) == null ? void 0 : w.events) == null ? void 0 : h.onClick) == null || M.call(h, v));
       });
     }
-    let u;
-    function p() {
-      u = wt(t), u.provide("useTres", S()), u.provide(J, S()), u.provide("extend", ye), u.mount(r);
+    let b;
+    function x() {
+      b = wt(t), b.provide("useTres", O()), b.provide(Q, O()), b.provide("extend", Me), b.mount(r);
     }
-    return p(), o({
+    return x(), o({
       scene: r
-    }), () => k(
-      k(
+    }), V(
+      () => e.camera,
+      (g) => {
+        g && (d(), f(g));
+      }
+    ), () => D(
+      D(
         "div",
         {
           ref: a,
@@ -485,7 +494,7 @@ const { logWarning: ue } = D(), bt = ge({
           }
         },
         [
-          k(
+          D(
             "div",
             {
               style: {
@@ -494,7 +503,7 @@ const { logWarning: ue } = D(), bt = ge({
               }
             },
             [
-              k("canvas", {
+              D("canvas", {
                 ref: n,
                 "data-scene": r.uuid,
                 style: {
@@ -512,7 +521,7 @@ const { logWarning: ue } = D(), bt = ge({
       )
     );
   }
-}), yt = ge({
+}), yt = he({
   name: "TresCanvas",
   props: [
     "shadows",
@@ -528,11 +537,12 @@ const { logWarning: ue } = D(), bt = ge({
     "clearColor",
     "windowSize",
     "preset",
-    "disableRender"
+    "disableRender",
+    "camera"
   ],
   setup(e, { slots: t, expose: o }) {
     const a = dt();
-    return o(a), () => k(bt, e, t);
+    return o(a), () => D(bt, e, t);
   }
 }), Tt = {
   install(e) {
@@ -541,21 +551,21 @@ const { logWarning: ue } = D(), bt = ge({
 };
 export {
   Ze as CameraType,
-  J as TRES_CONTEXT_KEY,
+  Q as TRES_CONTEXT_KEY,
   yt as TresCanvas,
-  be as catalogue,
+  ye as catalogue,
   Tt as default,
-  ye as extend,
+  Me as extend,
   Pt as isProd,
   ft as trasverseObjects,
-  Me as useCamera,
+  xe as useCamera,
   Ct as useLoader,
-  D as useLogger,
-  pt as useRaycaster,
-  Ce as useRenderLoop,
+  B as useLogger,
+  mt as useRaycaster,
+  Re as useRenderLoop,
   ct as useRenderer,
   Lt as useSeek,
   Rt as useTexture,
-  S as useTres,
+  O as useTres,
   dt as useTresProvider
 };

package/dist/tres.umd.cjs

@@ -1,9 +1,9 @@
 /**
  * name: @tresjs/core
- * version: v2.0.0-beta.12
+ * version: v2.0.0-beta.13
  * (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,m,f){"use strict";function be(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const Q=be(m),N=s.ref({uuid:m.MathUtils.generateUUID()}),Y=e=>void Object.assign(N.value,e);var Z=(e=>(e.Perspective="Perspective",e.Orthographic="Orthographic",e))(Z||{});const we=45;let T;function $(){const{state:e,setState:t,aspectRatio:i}=S();function n(o="Perspective",c){var p,u,h;if(o==="Perspective"){const{near:v,far:M,fov:L}=c||{near:.1,far:1e3,fov:we};T=new m.PerspectiveCamera(L,((p=e.aspectRatio)==null?void 0:p.value)||window.innerWidth/window.innerHeight,v,M),(u=e.cameras)==null||u.push(T)}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};T=new m.OrthographicCamera(v,M,L,_,k,C),(h=e.cameras)==null||h.push(T)}return e.camera=T,t("camera",e.camera),T}function a(){var o;e.camera instanceof m.PerspectiveCamera&&e.aspectRatio&&(e.camera.aspect=e.aspectRatio.value),(o=e.camera)==null||o.updateProjectionMatrix()}function r(o){var c;(c=e.cameras)==null||c.push(o),o instanceof m.PerspectiveCamera&&e.aspectRatio&&(o.aspect=e.aspectRatio.value),o.updateProjectionMatrix(),t("camera",o)}function l(){e.cameras=[]}return s.watchEffect(()=>{i!=null&&i.value&&a()}),{activeCamera:s.toRef(e,"camera"),createCamera:n,updateCamera:a,pushCamera:r,clearCameras:l}}const H=f.createEventHook(),ee=f.createEventHook(),q=f.createEventHook(),D=new m.Clock;let E=0,B=0;const{pause:ye,resume:Me,isActive:Ce}=f.useRafFn(()=>{H.trigger({delta:E,elapsed:B,clock:D}),ee.trigger({delta:E,elapsed:B,clock:D}),q.trigger({delta:E,elapsed:B,clock:D})},{immediate:!1});q.on(()=>{E=D.getDelta(),B=D.getElapsedTime()});function K(){return{onBeforeLoop:H.on,onLoop:ee.on,onAfterLoop:q.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 X={realistic:{outputEncoding:m.sRGBEncoding,toneMapping:m.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:m.PCFSoftShadowMap}}},te=(e,t)=>{for(const i of Object.keys(t))t[i]instanceof Object&&Object.assign(t[i],te(e[i],t[i]));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 z(e){return e.replace(/-([a-z])/g,(t,i)=>i.toUpperCase())}function _e(e,t){const i=Object.create(null),n=e.split(",");for(let a=0;a<n.length;a++)i[n[a]]=!0;return t?a=>!!i[a.toLowerCase()]:a=>!!i[a]}function ne(e){var ge,he;const t=s.shallowRef(),i=s.ref(!1),{alpha:n=!0,antialias:a=!0,depth:r,logarithmicDepthBuffer:l,failIfMajorPerformanceCaveat:o,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:O="default",preserveDrawingBuffer:P=!1,clearColor:w,windowSize:x=!1,preset:G=void 0}=s.toRefs(e),{state:y,setState:R}=S(),{width:I,height:A}=f.resolveUnref(x)==!0||f.resolveUnref(x)===""||f.resolveUnref(x)==="true"?f.useWindowSize():f.useElementSize(y.container),{logError:V,logWarning:W}=U(),{pixelRatio:me}=f.useDevicePixelRatio(),{pause:ze,resume:Fe}=K(),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&&W(`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(G);if(j){j in X||V("Renderer Preset must be one of these: "+Object.keys(X).join(", ")),te(t.value,X[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(r),failIfMajorPerformanceCaveat:f.resolveUnref(o),logarithmicDepthBuffer:f.resolveUnref(l),powerPreference:f.resolveUnref(O),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(),i.value=!0)},Ve=()=>{t.value&&(t.value.dispose(),t.value=void 0,i.value=!1,ze())};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:i,dispose:Ve,aspectRatio:J}}const Se=e=>typeof e=="string",ae=e=>!!e&&e.constructor===Array;function re(e){const t={nodes:{},materials:{}};return e&&e.traverse(i=>{i.name&&(t.nodes[i.name]=i),i.material&&!t.materials[i.material.name]&&(t.materials[i.material.name]=i.material)}),t}async function Oe(e,t,i,n,a){const{logError:r}=U(),l=new e;a&&a(l),i&&i(l);const c=(Array.isArray(t)?t:[t]).map(p=>new Promise((u,h)=>{l.load(p,v=>{v.scene&&Object.assign(v,re(v.scene)),u(v)},n,v=>h(r("[useLoader] - Failed to load resource",v)))}));return ae(t)?await Promise.all(c):await c[0]}async function xe(e){const t=new m.LoadingManager,i=new m.TextureLoader(t),n=a=>new Promise((r,l)=>{i.load(a,o=>r(o),()=>null,()=>{l(new Error("[useTextures] - Failed to load texture"))})});if(ae(e)){const a=await Promise.all(e.map(r=>n(r)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:r,normalMap:l,roughnessMap:o,metalnessMap:c,aoMap:p,alphaMap:u,matcap:h}=e;return{map:a?await n(a):null,displacementMap:r?await n(r):null,normalMap:l?await n(l):null,roughnessMap:o?await n(o):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 Ae(){const e=Math.random()*4294967295|0,t=Math.random()*4294967295|0,i=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[i&63|128]+g[i>>8&255]+"-"+g[i>>16&255]+g[i>>24&255]+g[n&255]+g[n>>8&255]+g[n>>16&255]+g[n>>24&255]).toLowerCase()}const F=Symbol();function ie(){const e=s.shallowReactive({uuid:Ae(),camera:void 0,cameras:[],scene:void 0,renderer:void 0,aspectRatio:s.computed(()=>window.innerWidth/window.innerHeight)});function t(a){return e[a]}function i(a,r){e[a]=r}const n={state:e,...s.toRefs(e),getState:t,setState:i};return s.provide(F,n),n}const S=()=>s.inject(F,{state:s.shallowReactive({camera:void 0,cameras:[],scene:void 0,renderer:void 0})});function oe(){var l;const e=s.shallowRef(new m.Raycaster),t=s.ref(new m.Vector2),i=s.ref(null),{setState:n,state:a}=S();n("raycaster",e.value),n("pointer",t),n("currentInstance",i);function r(o){t.value.x=o.clientX/window.innerWidth*2-1,t.value.y=-(o.clientY/window.innerHeight)*2+1}return(l=a==null?void 0:a.renderer)==null||l.domElement.addEventListener("pointermove",r),s.onUnmounted(()=>{var o;(o=a==null?void 0:a.renderer)==null||o.domElement.removeEventListener("pointermove",r)}),{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 i(n,a){}return{logError:e,logWarning:t,logMessage:i}}function Ue(){const{logWarning:e}=U();function t(n,a,r){let l=null;return n.traverse(o=>{o[a]===r&&(l=o)}),l||e(`Child with ${a} '${r}' not found.`),l}function i(n,a){return t(n,"name",a)}return{seek:t,seekByName:i}}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,i,n){var c,p;if(n||(n={}),n.args||(n.args=[]),e==="template"||Le(e))return null;let a=e.replace("Tres",""),r;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,r=Object.assign(u,{type:a,attach:n.attach,primitive:!0})}else{const u=N.value[a];u||le(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`),r=new u(...n.args)}if(r.isCamera){n!=null&&n.position||r.position.set(3,3,3),n!=null&&n.lookAt||r.lookAt(0,0,0);const{pushCamera:u}=$();u(r)}(n==null?void 0:n.attach)===void 0&&(r.isMaterial?r.attach="material":r.isBufferGeometry&&(r.attach="geometry"));const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:o}=fe;return r.isObject3D&&((c=n==null?void 0:n.material)!=null&&c.isMaterial&&(r.userData[o]=!0),(p=n==null?void 0:n.geometry)!=null&&p.isBufferGeometry&&(r.userData[l]=!0)),r.events={},r},insert(e,t){var i,n,a,r;if((((i=e==null?void 0:e.__vnode)==null?void 0:i.type)==="TresGroup"||((n=e==null?void 0:e.__vnode)==null?void 0:n.type)==="TresObject3D")&&t===null&&!((r=(a=e==null?void 0:e.__vnode)==null?void 0:a.ctx)!=null&&r.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,i;if(e){if(e.isObject3D){const n=e,a=r=>{var c,p;const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:o}=fe;r.userData[o]||(c=r.material)==null||c.dispose(),r.userData[l]||(p=r.geometry)==null||p.dispose()};n.traverse(r=>a(r)),a(n)}(t=e.removeFromParent)==null||t.call(e),(i=e.dispose)==null||i.call(e)}},patchProp(e,t,i,n){if(e){let a=e,r=t,l=z(r),o=a==null?void 0:a[l];if(a.type==="BufferGeometry"){if(r==="args")return;a.setAttribute(z(r),new m.BufferAttribute(...n));return}if(r.includes("-")&&o===void 0){const p=r.split("-");o=p.reduce((u,h)=>u[z(h)],a),r=p.pop(),l=r.toLowerCase(),o!=null&&o.set||(a=p.reduce((u,h)=>u[z(h)],a))}Re(r)&&(e.events[r]=n);let c=n;if(c===""&&(c=!0),f.isFunction(o)){Array.isArray(c)?e[l](...c):e[l](c);return}!(o!=null&&o.set)&&!f.isFunction(o)?a[l]=c:o.constructor===c.constructor&&(o!=null&&o.copy)?o==null||o.copy(c):Array.isArray(c)?o.set(...c):!o.isColor&&o.setScalar?o.setScalar(c):o.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(i);function i(){return e&&e.default?e.default():[]}return t};Y(Q);const{logWarning:ue}=U(),Ee=s.defineComponent({name:"TresScene",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender"],setup(e,{slots:t,expose:i}){e.physicallyCorrectLights===!0&&ue("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");const n=s.ref(),a=s.ref(),r=new Q.Scene,{setState:l}=S();l("scene",r),l("canvas",a),l("container",n);const o=s.ref(),c=t&&t.default&&t.default();(c==null?void 0:c.length)>0&&(o.value=c.some(v=>Se(v.type)&&v.type.includes("Camera")),o.value||ue("No camera found in the scene, please add one!")),s.onMounted(()=>{p()}),s.onUnmounted(()=>{l("renderer",null)});function p(){const{renderer:v}=ne(e),{activeCamera:M}=$(),{onLoop:L}=K(),{raycaster:_,pointer:k}=oe();let C=null,b=null;s.watchEffect(()=>{M.value&&_.value.setFromCamera(k.value,M.value)}),L(()=>{var O,P,w,x,G,y,R,I,A,V;if(M.value&&e.disableRender!==!0&&e.disableRender!==""&&((O=v.value)==null||O.render(r,M.value)),_.value){const W=_.value.intersectObjects(r.children);W.length>0?(b=W[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=(G=b.object)==null?void 0:G.events)==null?void 0:y.onPointerMove)==null||R.call(y,b)):C!==null&&((V=(A=(I=b==null?void 0:b.object)==null?void 0:I.events)==null?void 0:A.onPointerLeave)==null||V.call(A,C),b=null),C=b}}),f.useEventListener(a.value,"click",()=>{var O,P,w;b!==null&&((w=(P=(O=b.object)==null?void 0:O.events)==null?void 0:P.onClick)==null||w.call(P,b))})}let u;function h(){u=Ie(t),u.provide("useTres",S()),u.provide(F,S()),u.provide("extend",Y),u.mount(r)}return h(),i({scene:r}),()=>s.h(s.h("div",{ref:n,"data-scene":r.uuid,key:r.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":r.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:i}){const n=ie();return i(n),()=>s.h(Ee,e,t)}}),Be={install(e){e.component("TresCanvas",de)}};d.CameraType=Z,d.TRES_CONTEXT_KEY=F,d.TresCanvas=de,d.catalogue=N,d.default=Be,d.extend=Y,d.isProd=Te,d.trasverseObjects=re,d.useCamera=$,d.useLoader=Oe,d.useLogger=U,d.useRaycaster=oe,d.useRenderLoop=K,d.useRenderer=ne,d.useSeek=Ue,d.useTexture=xe,d.useTres=S,d.useTresProvider=ie,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,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):(u=typeof globalThis<"u"?globalThis:u||self,s(u.tres={},u.Vue,u.Three,u.VueUseCore))})(this,function(u,s,d,f){"use strict";function be(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const H=be(d),Y=s.ref({uuid:d.MathUtils.generateUUID()}),$=e=>void Object.assign(Y.value,e);var ee=(e=>(e.Perspective="Perspective",e.Orthographic="Orthographic",e))(ee||{});const ye=45;let A;function q(){const{state:e,setState:t,aspectRatio:i}=O();function n(o="Perspective",c){var m,p,g;if(o==="Perspective"){const{near:h,far:C,fov:_}=c||{near:.1,far:1e3,fov:ye};A=new d.PerspectiveCamera(_,((m=e.aspectRatio)==null?void 0:m.value)||window.innerWidth/window.innerHeight,h,C),(p=e.cameras)==null||p.push(A)}else{const{left:h,right:C,top:_,bottom:b,near:U,far:S}=c||{left:-100,right:100,top:100,bottom:-100,near:.1,far:1e3};A=new d.OrthographicCamera(h,C,_,b,U,S),(g=e.cameras)==null||g.push(A)}return e.camera=A,t("camera",e.camera),A}function a(){var o;e.camera instanceof d.PerspectiveCamera&&e.aspectRatio&&(e.camera.aspect=e.aspectRatio.value),(o=e.camera)==null||o.updateProjectionMatrix()}function r(o){var c;(c=e.cameras)==null||c.push(o),o instanceof d.PerspectiveCamera&&e.aspectRatio&&(o.aspect=e.aspectRatio.value),o.updateProjectionMatrix(),t("camera",o)}function l(){e.cameras=[]}return s.watchEffect(()=>{i!=null&&i.value&&a()}),{activeCamera:s.toRef(e,"camera"),createCamera:n,updateCamera:a,pushCamera:r,clearCameras:l}}const te=f.createEventHook(),ne=f.createEventHook(),K=f.createEventHook(),I=new d.Clock;let z=0,F=0;const{pause:Me,resume:Ce,isActive:Pe}=f.useRafFn(()=>{te.trigger({delta:z,elapsed:F,clock:I}),ne.trigger({delta:z,elapsed:F,clock:I}),K.trigger({delta:z,elapsed:F,clock:I})},{immediate:!1});K.on(()=>{z=I.getDelta(),F=I.getElapsedTime()});function X(){return{onBeforeLoop:te.on,onLoop:ne.on,onAfterLoop:K.on,pause:Me,resume:Ce,isActive:Pe}}function Le(e){return e instanceof d.Color?e:Array.isArray(e)?new d.Color(...e):new d.Color(e)}const J={realistic:{outputEncoding:d.sRGBEncoding,toneMapping:d.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:d.PCFSoftShadowMap}}},ae=(e,t)=>{for(const i of Object.keys(t))t[i]instanceof Object&&Object.assign(t[i],ae(e[i],t[i]));return Object.assign(e||{},t),e},_e=Se("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 G(e){return e.replace(/-([a-z])/g,(t,i)=>i.toUpperCase())}function Se(e,t){const i=Object.create(null),n=e.split(",");for(let a=0;a<n.length;a++)i[n[a]]=!0;return t?a=>!!i[a.toLowerCase()]:a=>!!i[a]}function re(e){var he,we;const t=s.shallowRef(),i=s.ref(!1),{alpha:n=!0,antialias:a=!0,depth:r,logarithmicDepthBuffer:l,failIfMajorPerformanceCaveat:o,precision:c,premultipliedAlpha:m,stencil:p,shadows:g=!1,shadowMapType:h=d.PCFShadowMap,physicallyCorrectLights:C=!1,useLegacyLights:_=!1,outputEncoding:b=d.LinearEncoding,toneMapping:U=d.NoToneMapping,toneMappingExposure:S=1,context:Q=void 0,powerPreference:k="default",preserveDrawingBuffer:w=!1,clearColor:M,windowSize:y=!1,preset:L=void 0}=s.toRefs(e),{state:P,setState:R}=O(),{width:x,height:E}=f.resolveUnref(y)==!0||f.resolveUnref(y)===""||f.resolveUnref(y)==="true"?f.useWindowSize():f.useElementSize(P.container),{logError:W,logWarning:j}=T(),{pixelRatio:B}=f.useDevicePixelRatio(),{pause:N,resume:Fe}=X(),Z=s.computed(()=>x.value/E.value);!f.resolveUnref(y)&&((we=(he=P.container)==null?void 0:he.value)==null?void 0:we.offsetHeight)===0&&j(`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 ve=()=>{t.value&&(t.value.setSize(x.value,E.value),t.value.setPixelRatio(Math.min(B.value,2)))},ge=()=>{if(!t.value)return;const D=f.resolveUnref(L);if(D){D in J||W("Renderer Preset must be one of these: "+Object.keys(J).join(", ")),ae(t.value,J[D]);return}t.value.shadowMap.enabled=f.resolveUnref(g),t.value.shadowMap.type=f.resolveUnref(h),t.value.toneMapping=f.resolveUnref(U)||d.NoToneMapping,t.value.toneMappingExposure=f.resolveUnref(S),t.value.outputEncoding=f.resolveUnref(b)||d.LinearEncoding,M!=null&&M.value&&t.value.setClearColor(Le(f.resolveUnref(M))),t.value.useLegacyLights=f.resolveUnref(_)},Ge=()=>{const D=f.unrefElement(P.canvas);D&&(t.value=new d.WebGLRenderer({canvas:D,alpha:f.resolveUnref(n),antialias:f.resolveUnref(a),context:f.resolveUnref(Q),depth:f.resolveUnref(r),failIfMajorPerformanceCaveat:f.resolveUnref(o),logarithmicDepthBuffer:f.resolveUnref(l),powerPreference:f.resolveUnref(k),precision:f.resolveUnref(c),stencil:f.resolveUnref(p),preserveDrawingBuffer:f.resolveUnref(w),premultipliedAlpha:f.resolveUnref(m)}),R("renderer",t.value),R("clock",new d.Clock),R("aspectRatio",Z),ge(),ve(),Fe(),i.value=!0)},Ve=()=>{t.value&&(t.value.dispose(),t.value=void 0,i.value=!1,N())};return s.watch([Z,B],ve),s.watch([g,h,b,_,U,S,M],ge),s.watch(()=>[P.canvas,P.container],()=>{f.unrefElement(P.canvas)&&f.unrefElement(P.container)&&Ge()},{immediate:!0,deep:!0}),{renderer:t,isReady:i,dispose:Ve,aspectRatio:Z}}const Oe=e=>typeof e=="string",ie=e=>!!e&&e.constructor===Array;function oe(e){const t={nodes:{},materials:{}};return e&&e.traverse(i=>{i.name&&(t.nodes[i.name]=i),i.material&&!t.materials[i.material.name]&&(t.materials[i.material.name]=i.material)}),t}async function xe(e,t,i,n,a){const{logError:r}=T(),l=new e;a&&a(l),i&&i(l);const c=(Array.isArray(t)?t:[t]).map(m=>new Promise((p,g)=>{l.load(m,h=>{h.scene&&Object.assign(h,oe(h.scene)),p(h)},n,h=>g(r("[useLoader] - Failed to load resource",h)))}));return ie(t)?await Promise.all(c):await c[0]}async function Ae(e){const t=new d.LoadingManager,i=new d.TextureLoader(t),n=a=>new Promise((r,l)=>{i.load(a,o=>r(o),()=>null,()=>{l(new Error("[useTextures] - Failed to load texture"))})});if(ie(e)){const a=await Promise.all(e.map(r=>n(r)));return e.length>1?a:a[0]}else{const{map:a,displacementMap:r,normalMap:l,roughnessMap:o,metalnessMap:c,aoMap:m,alphaMap:p,matcap:g}=e;return{map:a?await n(a):null,displacementMap:r?await n(r):null,normalMap:l?await n(l):null,roughnessMap:o?await n(o):null,metalnessMap:c?await n(c):null,aoMap:m?await n(m):null,alphaMap:p?await n(p):null,matcap:g?await n(g):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 Te(){const e=Math.random()*4294967295|0,t=Math.random()*4294967295|0,i=Math.random()*4294967295|0,n=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[i&63|128]+v[i>>8&255]+"-"+v[i>>16&255]+v[i>>24&255]+v[n&255]+v[n>>8&255]+v[n>>16&255]+v[n>>24&255]).toLowerCase()}const V=Symbol();function se(){const e=s.shallowReactive({uuid:Te(),camera:void 0,cameras:[],scene:void 0,renderer:void 0,aspectRatio:s.computed(()=>window.innerWidth/window.innerHeight)});function t(a){return e[a]}function i(a,r){e[a]=r}const n={state:e,...s.toRefs(e),getState:t,setState:i};return s.provide(V,n),n}const O=()=>s.inject(V,{state:s.shallowReactive({camera:void 0,cameras:[],scene:void 0,renderer:void 0})});function ce(){var l;const e=s.shallowRef(new d.Raycaster),t=s.ref(new d.Vector2),i=s.ref(null),{setState:n,state:a}=O();n("raycaster",e.value),n("pointer",t),n("currentInstance",i);function r(o){t.value.x=o.clientX/window.innerWidth*2-1,t.value.y=-(o.clientY/window.innerHeight)*2+1}return(l=a==null?void 0:a.renderer)==null||l.domElement.addEventListener("pointermove",r),s.onUnmounted(()=>{var o;(o=a==null?void 0:a.renderer)==null||o.domElement.removeEventListener("pointermove",r)}),{raycaster:e,pointer:t}}const Ue=!0,fe="[TresJS ▲ ■ ●] ";function T(){function e(n,a){console.error(`${fe} ${n}`,a||"")}function t(n){console.warn(`${fe} ${n}`)}function i(n,a){}return{logError:e,logWarning:t,logMessage:i}}function ke(){const{logWarning:e}=T();function t(n,a,r){let l=null;return n.traverse(o=>{o[a]===r&&(l=o)}),l||e(`Child with ${a} '${r}' not found.`),l}function i(n,a){return t(n,"name",a)}return{seek:t,seekByName:i}}const Re=/^on[^a-z]/,je=e=>Re.test(e);function Ne(e){}let le=null;const ue={GEOMETRY_VIA_PROP:"tres__geometryViaProp",MATERIAL_VIA_PROP:"tres__materialViaProp"},{logError:de}=T(),De={createElement(e,t,i,n){var c,m;if(n||(n={}),n.args||(n.args=[]),e==="template"||_e(e))return null;let a=e.replace("Tres",""),r;if(e==="primitive"){(n==null?void 0:n.object)===void 0&&de("Tres primitives need a prop 'object'");const p=n.object;a=p.type,r=Object.assign(p,{type:a,attach:n.attach,primitive:!0})}else{const p=Y.value[a];p||de(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`),r=new p(...n.args)}if(r.isCamera){n!=null&&n.position||r.position.set(3,3,3),n!=null&&n.lookAt||r.lookAt(0,0,0);const{pushCamera:p}=q();p(r)}(n==null?void 0:n.attach)===void 0&&(r.isMaterial?r.attach="material":r.isBufferGeometry&&(r.attach="geometry"));const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:o}=ue;return r.isObject3D&&((c=n==null?void 0:n.material)!=null&&c.isMaterial&&(r.userData[o]=!0),(m=n==null?void 0:n.geometry)!=null&&m.isBufferGeometry&&(r.userData[l]=!0)),r.events={},r},insert(e,t){var i,n,a,r;if((((i=e==null?void 0:e.__vnode)==null?void 0:i.type)==="TresGroup"||((n=e==null?void 0:e.__vnode)==null?void 0:n.type)==="TresObject3D")&&t===null&&!((r=(a=e==null?void 0:e.__vnode)==null?void 0:a.ctx)!=null&&r.asyncResolved)){le=e;return}t||(t=le),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,i;if(e){if(e.isObject3D){const n=e,a=r=>{var c,m;const{GEOMETRY_VIA_PROP:l,MATERIAL_VIA_PROP:o}=ue;r.userData[o]||(c=r.material)==null||c.dispose(),r.userData[l]||(m=r.geometry)==null||m.dispose()};n.traverse(r=>a(r)),a(n)}(t=e.removeFromParent)==null||t.call(e),(i=e.dispose)==null||i.call(e)}},patchProp(e,t,i,n){if(e){let a=e,r=t,l=G(r),o=a==null?void 0:a[l];if(a.type==="BufferGeometry"){if(r==="args")return;a.setAttribute(G(r),new d.BufferAttribute(...n));return}if(r.includes("-")&&o===void 0){const m=r.split("-");o=m.reduce((p,g)=>p[G(g)],a),r=m.pop(),l=r.toLowerCase(),o!=null&&o.set||(a=m.reduce((p,g)=>p[G(g)],a))}je(r)&&(e.events[r]=n);let c=n;if(c===""&&(c=!0),f.isFunction(o)){Array.isArray(c)?e[l](...c):e[l](c);return}!(o!=null&&o.set)&&!f.isFunction(o)?a[l]=c:o.constructor===c.constructor&&(o!=null&&o.copy)?o==null||o.copy(c):Array.isArray(c)?o.set(...c):!o.isColor&&o.setScalar?o.setScalar(c):o.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:Ie}=s.createRenderer(De),Ee=e=>{const t=Ie(i);function i(){return e&&e.default?e.default():[]}return t};$(H);const{logWarning:me}=T(),Be=s.defineComponent({name:"TresScene",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender","camera"],setup(e,{slots:t,expose:i}){e.physicallyCorrectLights===!0&&me("physicallyCorrectLights is deprecated, useLegacyLights is now false by default");const n=s.ref(),a=s.ref(),r=new H.Scene,{setState:l}=O();l("scene",r),l("canvas",a),l("container",n);const o=s.ref(),c=t&&t.default&&t.default();(c==null?void 0:c.length)>0&&(o.value=c.some(b=>Oe(b.type)&&b.type.includes("Camera"))||e.camera,o.value||me("No camera found in the scene, please add one!")),s.onMounted(()=>{h()}),s.onUnmounted(()=>{l("renderer",null)});const{activeCamera:m,pushCamera:p,clearCameras:g}=q();function h(){const{renderer:b}=re(e);e.camera&&p(e.camera);const{onLoop:U}=X(),{raycaster:S,pointer:Q}=ce();let k=null,w=null;s.watchEffect(()=>{m.value&&S.value.setFromCamera(Q.value,m.value)}),U(()=>{var M,y,L,P,R,x,E,W,j,B;if(m.value&&e.disableRender!==!0&&e.disableRender!==""&&((M=b.value)==null||M.render(r,m.value)),S.value){const N=S.value.intersectObjects(r.children);N.length>0?(w=N[0],k===null&&((P=(L=(y=w.object)==null?void 0:y.events)==null?void 0:L.onPointerEnter)==null||P.call(L,w)),(E=(x=(R=w.object)==null?void 0:R.events)==null?void 0:x.onPointerMove)==null||E.call(x,w)):k!==null&&((B=(j=(W=w==null?void 0:w.object)==null?void 0:W.events)==null?void 0:j.onPointerLeave)==null||B.call(j,k),w=null),k=w}}),f.useEventListener(a.value,"click",()=>{var M,y,L;w!==null&&((L=(y=(M=w.object)==null?void 0:M.events)==null?void 0:y.onClick)==null||L.call(y,w))})}let C;function _(){C=Ee(t),C.provide("useTres",O()),C.provide(V,O()),C.provide("extend",$),C.mount(r)}return _(),i({scene:r}),s.watch(()=>e.camera,b=>{b&&(g(),p(b))}),()=>s.h(s.h("div",{ref:n,"data-scene":r.uuid,key:r.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":r.uuid,style:{display:"block",width:"100%",height:"100%",position:e.windowSize?"fixed":"absolute",top:0,left:0}})])]))}}),pe=s.defineComponent({name:"TresCanvas",props:["shadows","shadowMapType","physicallyCorrectLights","useLegacyLights","outputEncoding","toneMapping","toneMappingExposure","context","powerPreference","preserveDrawingBuffer","clearColor","windowSize","preset","disableRender","camera"],setup(e,{slots:t,expose:i}){const n=se();return i(n),()=>s.h(Be,e,t)}}),ze={install(e){e.component("TresCanvas",pe)}};u.CameraType=ee,u.TRES_CONTEXT_KEY=V,u.TresCanvas=pe,u.catalogue=Y,u.default=ze,u.extend=$,u.isProd=Ue,u.trasverseObjects=oe,u.useCamera=q,u.useLoader=xe,u.useLogger=T,u.useRaycaster=ce,u.useRenderLoop=X,u.useRenderer=re,u.useSeek=ke,u.useTexture=Ae,u.useTres=O,u.useTresProvider=se,Object.defineProperties(u,{__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.12",
+  "version": "2.0.0-beta.13",
   "type": "module",
   "packageManager": "pnpm@8.3.1",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",