@tresjs/core 3.6.0-next.0 → 3.6.0

package/dist/components/TresCanvas.vue.d.ts

@@ -30,6 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     failIfMajorPerformanceCaveat: undefined;
 }>, {
     context: Ref<TresContext | null> | import("vue").ShallowRef<TresContext | null>;
+    dispose: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TresCanvasProps>, {
     alpha: undefined;
     depth: undefined;

package/dist/composables/useCamera/index.d.ts

@@ -1052,9 +1052,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 clone: () => import("three").AnimationClip;
                 toJSON: (clip: import("three").AnimationClip) => any;
             }[];
-            userData: {
-                [key: string]: any;
-            };
+            userData: Record<string, any>;
             customDepthMaterial?: {
                 alphaHash: boolean;
                 alphaTest: number;
@@ -1259,7 +1257,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
@@ -1494,7 +1492,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
@@ -1525,6 +1523,8 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                     dispose: {};
                 }[T_6]) => void;
             } | undefined;
+            onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+            onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -1556,7 +1556,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
             getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-            getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+            getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
             getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
             getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
             getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -2440,9 +2440,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 clone: () => import("three").AnimationClip;
                 toJSON: (clip: import("three").AnimationClip) => any;
             }[];
-            userData: {
-                [key: string]: any;
-            };
+            userData: Record<string, any>;
             customDepthMaterial?: {
                 alphaHash: boolean;
                 alphaTest: number;
@@ -2647,7 +2645,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
@@ -2882,7 +2880,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 uuid: string;
                 vertexColors: boolean;
                 visible: boolean;
-                userData: any;
+                userData: Record<string, any>;
                 version: number;
                 clone: () => import("three").Material;
                 copy: (material: import("three").Material) => import("three").Material;
@@ -2913,6 +2911,8 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                     dispose: {};
                 }[T_6]) => void;
             } | undefined;
+            onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+            onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
             applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -2944,7 +2944,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
             getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
             getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-            getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+            getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
             getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
             getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
             getWorldScale: (target: import("three").Vector3) => import("three").Vector3;
@@ -3809,9 +3809,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
             clone: () => import("three").AnimationClip;
             toJSON: (clip: import("three").AnimationClip) => any;
         }[];
-        userData: {
-            [key: string]: any;
-        };
+        userData: Record<string, any>;
         customDepthMaterial?: {
             alphaHash: boolean;
             alphaTest: number;
@@ -4016,7 +4014,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
             uuid: string;
             vertexColors: boolean;
             visible: boolean;
-            userData: any;
+            userData: Record<string, any>;
             version: number;
             clone: () => import("three").Material;
             copy: (material: import("three").Material) => import("three").Material;
@@ -4251,7 +4249,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
             uuid: string;
             vertexColors: boolean;
             visible: boolean;
-            userData: any;
+            userData: Record<string, any>;
             version: number;
             clone: () => import("three").Material;
             copy: (material: import("three").Material) => import("three").Material;
@@ -4282,6 +4280,8 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
                 dispose: {};
             }[T_6]) => void;
         } | undefined;
+        onBeforeShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
+        onAfterShadow: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, shadowCamera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, depthMaterial: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
         onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
         onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group<import("three").Object3DEventMap>) => void;
         applyMatrix4: (matrix: import("three").Matrix4) => void;
@@ -4313,7 +4313,7 @@ export declare const useCamera: ({ sizes, scene }: Pick<TresContext, "sizes"> &
         getObjectById: (id: number) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
         getObjectByName: (name: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
         getObjectByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
-        getObjectsByProperty: (name: string, value: any) => import("three").Object3D<import("three").Object3DEventMap>[];
+        getObjectsByProperty: (name: string, value: any, optionalTarget?: import("three").Object3D<import("three").Object3DEventMap>[] | undefined) => import("three").Object3D<import("three").Object3DEventMap>[];
         getWorldPosition: (target: import("three").Vector3) => import("three").Vector3;
         getWorldQuaternion: (target: import("three").Quaternion) => import("three").Quaternion;
         getWorldScale: (target: import("three").Vector3) => import("three").Vector3;

package/dist/tres.js

@@ -1,27 +1,27 @@
 /**
  * name: @tresjs/core
- * version: v3.6.0-next.0
+ * version: v3.6.0
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as S, computed as k, watchEffect as D, onUnmounted as $, shallowRef as L, watch as re, reactive as pe, readonly as ve, provide as V, inject as de, createRenderer as ge, defineComponent as q, useSlots as ye, getCurrentInstance as J, onMounted as we, openBlock as Ee, createElementBlock as _e, normalizeClass as Ce, normalizeStyle as Me, h as K, Fragment as he } from "vue";
+import { ref as B, computed as b, watchEffect as D, onUnmounted as $, shallowRef as L, watch as re, reactive as pe, readonly as de, provide as V, inject as ve, createRenderer as ge, defineComponent as q, useSlots as ye, getCurrentInstance as J, onMounted as we, openBlock as Ee, createElementBlock as Ce, normalizeClass as _e, normalizeStyle as Me, h as K, Fragment as he } from "vue";
 import * as Pe from "three";
-import { PerspectiveCamera as G, OrthographicCamera as Ae, Camera as ke, Clock as be, Vector3 as De, Color as F, REVISION as Te, SRGBColorSpace as Le, ACESFilmicToneMapping as xe, PCFSoftShadowMap as Se, WebGLRenderer as I, LoadingManager as Be, TextureLoader as Oe, Vector2 as Re, Raycaster as He, BufferAttribute as Fe, Scene as je } from "three";
-import { createEventHook as x, useRafFn as ne, toValue as h, unrefElement as ze, useDevicePixelRatio as $e, usePointer as Ne, useElementBounding as Ie, useWindowSize as Ve, useElementSize as Ge, useFps as We, useMemory as Ue } from "@vueuse/core";
+import { PerspectiveCamera as G, OrthographicCamera as Ae, Camera as ke, Clock as be, Vector3 as De, Color as F, REVISION as Te, SRGBColorSpace as Le, ACESFilmicToneMapping as Se, PCFSoftShadowMap as Be, WebGLRenderer as I, LoadingManager as xe, TextureLoader as Oe, Vector2 as Re, Raycaster as He, BufferAttribute as Fe, Scene as je } from "three";
+import { createEventHook as S, useRafFn as ne, toValue as M, unrefElement as ze, useDevicePixelRatio as $e, usePointer as Ne, useElementBounding as Ie, useWindowSize as Ve, useElementSize as Ge, useFps as We, useMemory as Ue } from "@vueuse/core";
 const Ye = ({ sizes: e, scene: a }) => {
-  const t = S([]), r = k(
+  const t = B([]), r = b(
     () => t.value[0]
-  ), n = (s, c = !1) => {
-    t.value.some(({ uuid: i }) => i === s.uuid) || (c ? l(s) : t.value.push(s));
+  ), n = (s, l = !1) => {
+    t.value.some(({ uuid: i }) => i === s.uuid) || (l ? c(s) : t.value.push(s));
   }, o = (s) => {
-    t.value = t.value.filter(({ uuid: c }) => c !== s.uuid);
-  }, l = (s) => {
-    const c = s instanceof ke ? s : t.value.find((p) => p.uuid === s);
-    if (!c)
+    t.value = t.value.filter(({ uuid: l }) => l !== s.uuid);
+  }, c = (s) => {
+    const l = s instanceof ke ? s : t.value.find((p) => p.uuid === s);
+    if (!l)
       return;
-    const i = t.value.filter(({ uuid: p }) => p !== c.uuid);
-    t.value = [c, ...i];
+    const i = t.value.filter(({ uuid: p }) => p !== l.uuid);
+    t.value = [l, ...i];
   };
   return D(() => {
     e.aspectRatio.value && t.value.forEach((s) => {
@@ -34,9 +34,9 @@ const Ye = ({ sizes: e, scene: a }) => {
     cameras: t,
     registerCamera: n,
     deregisterCamera: o,
-    setCameraActive: l
+    setCameraActive: c
   };
-}, ae = x(), oe = x(), U = x(), T = new be();
+}, ae = S(), oe = S(), U = S(), T = new be();
 let j = 0, z = 0;
 const { pause: qe, resume: Je, isActive: Ke } = ne(
   () => {
@@ -55,7 +55,7 @@ const se = () => ({
   resume: Je,
   isActive: Ke
 }), Pt = !0, X = "[TresJS ▲ ■ ●] ";
-function B() {
+function x() {
   function e(r, n) {
     console.error(`${X} ${r}`, n || "");
   }
@@ -107,12 +107,12 @@ const tt = (e, a) => {
   return t == null ? void 0 : t.reduce((r, n) => r && r[n], e);
 }, rt = (e, a, t) => {
   const r = Array.isArray(a) ? a : a.match(/([^[.\]])+/g);
-  r && r.reduce((n, o, l) => (n[o] === void 0 && (n[o] = {}), l === r.length - 1 && (n[o] = t), n[o]), e);
+  r && r.reduce((n, o, c) => (n[o] === void 0 && (n[o] = {}), c === r.length - 1 && (n[o] = t), n[o]), e);
 };
 function ue(e, a) {
   if (Q(e) && Q(a)) {
     const n = e.attributes, o = a.attributes;
-    return n.length !== o.length ? !1 : Array.from(n).every(({ name: l, value: s }) => a.getAttribute(l) === s);
+    return n.length !== o.length ? !1 : Array.from(n).every(({ name: c, value: s }) => a.getAttribute(c) === s);
   }
   if (e === a)
     return !0;
@@ -139,11 +139,11 @@ const at = Array.isArray, ot = Number.parseInt(Te.replace("dev", "")), H = {
     shadows: !0,
     physicallyCorrectLights: !0,
     outputColorSpace: Le,
-    toneMapping: xe,
+    toneMapping: Se,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Se
+      type: Be
     }
   }
 };
@@ -154,65 +154,65 @@ function st({
   disableRender: r,
   contextParts: { sizes: n, camera: o }
 }) {
-  const l = k(() => ({
-    alpha: h(t.alpha),
-    depth: h(t.depth),
+  const c = b(() => ({
+    alpha: M(t.alpha),
+    depth: M(t.depth),
     canvas: ze(a),
-    context: h(t.context),
-    stencil: h(t.stencil),
-    antialias: h(t.antialias) === void 0 ? !0 : h(t.antialias),
-    precision: h(t.precision),
-    powerPreference: h(t.powerPreference),
-    premultipliedAlpha: h(t.premultipliedAlpha),
-    preserveDrawingBuffer: h(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: h(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: h(t.failIfMajorPerformanceCaveat)
-  })), s = L(new I(l.value));
-  re(l, () => {
-    s.value.dispose(), s.value = new I(l.value);
+    context: M(t.context),
+    stencil: M(t.stencil),
+    antialias: M(t.antialias) === void 0 ? !0 : M(t.antialias),
+    precision: M(t.precision),
+    powerPreference: M(t.powerPreference),
+    premultipliedAlpha: M(t.premultipliedAlpha),
+    preserveDrawingBuffer: M(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: M(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: M(t.failIfMajorPerformanceCaveat)
+  })), s = L(new I(c.value));
+  re(c, () => {
+    s.value.dispose(), s.value = new I(c.value);
   }), D(() => {
     s.value.setSize(n.width.value, n.height.value);
   });
-  const { pixelRatio: c } = $e();
+  const { pixelRatio: l } = $e();
   D(() => {
-    s.value.setPixelRatio(c.value);
+    s.value.setPixelRatio(l.value);
   });
-  const { logError: i } = B(), f = (() => {
-    const d = new I(), C = {
+  const { logError: i } = x(), f = (() => {
+    const m = new I(), w = {
       shadowMap: {
-        enabled: d.shadowMap.enabled,
-        type: d.shadowMap.type
+        enabled: m.shadowMap.enabled,
+        type: m.shadowMap.type
       },
-      toneMapping: d.toneMapping,
-      toneMappingExposure: d.toneMappingExposure,
-      outputColorSpace: d.outputColorSpace
+      toneMapping: m.toneMapping,
+      toneMappingExposure: m.toneMappingExposure,
+      outputColorSpace: m.outputColorSpace
     };
-    return d.dispose(), C;
+    return m.dispose(), w;
   })();
   D(() => {
-    const d = h(t.preset);
-    d && (d in H || i(`Renderer Preset must be one of these: ${Object.keys(H).join(", ")}`), ie(s.value, H[d]));
-    const C = (E, _) => {
-      const A = h(E), b = () => {
-        if (d)
-          return Z(H[d], _);
+    const m = M(t.preset);
+    m && (m in H || i(`Renderer Preset must be one of these: ${Object.keys(H).join(", ")}`), ie(s.value, H[m]));
+    const w = (P, A) => {
+      const C = M(P), k = () => {
+        if (m)
+          return Z(H[m], A);
       };
-      if (A !== void 0)
-        return A;
-      const g = b();
-      return g !== void 0 ? g : Z(f, _);
-    }, w = (E, _) => rt(s.value, _, C(E, _));
-    w(t.shadows, "shadowMap.enabled"), w(t.toneMapping, "toneMapping"), w(t.shadowMapType, "shadowMap.type"), ot < 150 && w(!t.useLegacyLights, "physicallyCorrectLights"), w(t.outputColorSpace, "outputColorSpace"), w(t.toneMappingExposure, "toneMappingExposure");
-    const P = C(t.clearColor, "clearColor");
-    P && s.value.setClearColor(
-      P ? Xe(P) : new F(0)
+      if (C !== void 0)
+        return C;
+      const g = k();
+      return g !== void 0 ? g : Z(f, A);
+    }, d = (P, A) => rt(s.value, A, w(P, A));
+    d(t.shadows, "shadowMap.enabled"), d(t.toneMapping, "toneMapping"), d(t.shadowMapType, "shadowMap.type"), ot < 150 && d(!t.useLegacyLights, "physicallyCorrectLights"), d(t.outputColorSpace, "outputColorSpace"), d(t.toneMappingExposure, "toneMappingExposure");
+    const h = w(t.clearColor, "clearColor");
+    h && s.value.setClearColor(
+      h ? Xe(h) : new F(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: u, resume: m, onLoop: v } = se();
-  return v(() => {
-    o.value && !h(r) && s.value.render(e, o.value);
-  }), m(), $(() => {
+  const { pause: u, resume: v, onLoop: E } = se();
+  return E(() => {
+    o.value && !M(r) && s.value.render(e, o.value);
+  }), v(), $(() => {
     u(), s.value.dispose(), s.value.forceContextLoss();
   }), {
     renderer: s
@@ -226,11 +226,11 @@ function ut(e) {
   }), a;
 }
 async function kt(e, a, t, r, n) {
-  const { logError: o } = B(), l = new e();
-  n && n(l), t && t(l);
-  const c = (Array.isArray(a) ? a : [a]).map(
+  const { logError: o } = x(), c = new e();
+  n && n(c), t && t(c);
+  const l = (Array.isArray(a) ? a : [a]).map(
     (i) => new Promise((p, f) => {
-      l.load(
+      c.load(
         i,
         (u) => {
           u.scene && Object.assign(u, ut(u.scene)), p(u);
@@ -240,16 +240,16 @@ async function kt(e, a, t, r, n) {
       );
     })
   );
-  return it(a) ? await Promise.all(c) : await c[0];
+  return it(a) ? await Promise.all(l) : await l[0];
 }
 async function bt(e) {
-  const a = new Be(), t = new Oe(a), r = (n) => new Promise((o, l) => {
+  const a = new xe(), t = new Oe(a), r = (n) => new Promise((o, c) => {
     t.load(
       n,
       (s) => o(s),
       () => null,
       () => {
-        l(new Error("[useTextures] - Failed to load texture"));
+        c(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
@@ -260,9 +260,9 @@ async function bt(e) {
     const {
       map: n,
       displacementMap: o,
-      normalMap: l,
+      normalMap: c,
       roughnessMap: s,
-      metalnessMap: c,
+      metalnessMap: l,
       aoMap: i,
       alphaMap: p,
       matcap: f
@@ -270,9 +270,9 @@ async function bt(e) {
     return {
       map: n ? await r(n) : null,
       displacementMap: o ? await r(o) : null,
-      normalMap: l ? await r(l) : null,
+      normalMap: c ? await r(c) : null,
       roughnessMap: s ? await r(s) : null,
-      metalnessMap: c ? await r(c) : null,
+      metalnessMap: l ? await r(l) : null,
       aoMap: i ? await r(i) : null,
       alphaMap: p ? await r(p) : null,
       matcap: f ? await r(f) : null
@@ -280,61 +280,61 @@ async function bt(e) {
   }
 }
 const lt = (e, { renderer: a, camera: t, raycaster: r }) => {
-  const n = k(() => a.value.domElement), { x: o, y: l } = Ne({ target: n }), { width: s, height: c, top: i, left: p } = Ie(n), f = ({ x: g, y: M }) => {
+  const n = b(() => a.value.domElement), { x: o, y: c } = Ne({ target: n }), { width: s, height: l, top: i, left: p } = Ie(n), f = ({ x: g, y: _ }) => {
     if (n.value)
       return {
         x: (g - p.value) / s.value * 2 - 1,
-        y: -((M - i.value) / c.value) * 2 + 1
+        y: -((_ - i.value) / l.value) * 2 + 1
       };
-  }, u = ({ x: g, y: M }) => {
+  }, u = ({ x: g, y: _ }) => {
     if (t.value)
-      return r.value.setFromCamera(new Re(g, M), t.value), r.value.intersectObjects(e.value, !1);
-  }, m = (g) => {
-    const M = f({
+      return r.value.setFromCamera(new Re(g, _), t.value), r.value.intersectObjects(e.value, !1);
+  }, v = (g) => {
+    const _ = f({
       x: (g == null ? void 0 : g.clientX) ?? o.value,
-      y: (g == null ? void 0 : g.clientY) ?? l.value
+      y: (g == null ? void 0 : g.clientY) ?? c.value
     });
-    return M ? u(M) || [] : [];
-  }, v = k(() => m()), d = x(), C = x(), w = (g, M) => {
-    g.trigger({ event: M, intersects: m(M) });
-  }, P = (g) => {
-    w(C, g);
+    return _ ? u(_) || [] : [];
+  }, E = b(() => v()), m = S(), w = S(), d = (g, _) => {
+    g.trigger({ event: _, intersects: v(_) });
+  }, h = (g) => {
+    d(w, g);
   };
-  let E;
-  const _ = (g) => {
-    var M;
-    E = (M = m(g)[0]) == null ? void 0 : M.object;
-  }, A = (g) => {
-    var M;
-    g instanceof PointerEvent && E === ((M = m(g)[0]) == null ? void 0 : M.object) && w(d, g);
-  }, b = (g) => C.trigger({ event: g, intersects: [] });
-  return n.value.addEventListener("pointerup", A), n.value.addEventListener("pointerdown", _), n.value.addEventListener("pointermove", P), n.value.addEventListener("pointerleave", b), $(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", A), n.value.removeEventListener("pointerdown", _), n.value.removeEventListener("pointermove", P), n.value.removeEventListener("pointerleave", b));
+  let P;
+  const A = (g) => {
+    var _;
+    P = (_ = v(g)[0]) == null ? void 0 : _.object;
+  }, C = (g) => {
+    var _;
+    g instanceof PointerEvent && P === ((_ = v(g)[0]) == null ? void 0 : _.object) && d(m, g);
+  }, k = (g) => w.trigger({ event: g, intersects: [] });
+  return n.value.addEventListener("pointerup", C), n.value.addEventListener("pointerdown", A), n.value.addEventListener("pointermove", h), n.value.addEventListener("pointerleave", k), $(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", C), n.value.removeEventListener("pointerdown", A), n.value.removeEventListener("pointermove", h), n.value.removeEventListener("pointerleave", k));
   }), {
-    intersects: v,
-    onClick: (g) => d.on(g).off,
-    onPointerMove: (g) => C.on(g).off
+    intersects: E,
+    onClick: (g) => m.on(g).off,
+    onPointerMove: (g) => w.on(g).off
   };
 };
 function Dt() {
-  const { logWarning: e } = B();
-  function a(o, l, s) {
-    let c = null;
+  const { logWarning: e } = x();
+  function a(o, c, s) {
+    let l = null;
     return o.traverse((i) => {
-      i[l] === s && (c = i);
-    }), c || e(`Child with ${l} '${s}' not found.`), c;
+      i[c] === s && (l = i);
+    }), l || e(`Child with ${c} '${s}' not found.`), l;
   }
-  function t(o, l, s) {
-    const c = [];
+  function t(o, c, s) {
+    const l = [];
     return o.traverse((i) => {
-      i[l].includes(s) && c.push(i);
-    }), c.length || e(`Children with ${l} '${s}' not found.`), c;
+      i[c].includes(s) && l.push(i);
+    }), l.length || e(`Children with ${c} '${s}' not found.`), l;
   }
-  function r(o, l) {
-    return a(o, "name", l);
+  function r(o, c) {
+    return a(o, "name", c);
   }
-  function n(o, l) {
-    return t(o, "name", l);
+  function n(o, c) {
+    return t(o, "name", c);
   }
   return {
     seek: a,
@@ -349,18 +349,18 @@ const ct = ({ scene: e, contextParts: a }) => {
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), r = S(/* @__PURE__ */ new Set()), n = (u) => {
+  }), r = B(/* @__PURE__ */ new Set()), n = (u) => {
     r.value.add(u);
   }, o = (u) => {
     r.value.delete(u);
-  }, l = (u) => {
-    Object.values(t).forEach((m) => m.delete(u)), o(u);
+  }, c = (u) => {
+    Object.values(t).forEach((v) => v.delete(u)), o(u);
   }, s = (u) => {
-    const { onClick: m, onPointerMove: v, onPointerEnter: d, onPointerLeave: C } = u;
-    m && t.click.set(u, m), v && t.pointerMove.set(u, v), d && t.pointerEnter.set(u, d), C && t.pointerLeave.set(u, C);
+    const { onClick: v, onPointerMove: E, onPointerEnter: m, onPointerLeave: w } = u;
+    v && t.click.set(u, v), E && t.pointerMove.set(u, E), m && t.pointerEnter.set(u, m), w && t.pointerLeave.set(u, w);
   };
-  e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = l, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
-  const c = k(
+  e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = c, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
+  const l = b(
     () => tt(
       [
         ...Array.from(r.value),
@@ -368,31 +368,31 @@ const ct = ({ scene: e, contextParts: a }) => {
       ],
       ({ uuid: u }) => u
     )
-  ), { onClick: i, onPointerMove: p } = lt(c, a);
-  i(({ intersects: u, event: m }) => {
-    var v;
-    u.length && ((v = t.click.get(u[0].object)) == null || v(u[0], m));
+  ), { onClick: i, onPointerMove: p } = lt(l, a);
+  i(({ intersects: u, event: v }) => {
+    var E;
+    u.length && ((E = t.click.get(u[0].object)) == null || E(u[0], v));
   });
   let f;
-  return p(({ intersects: u, event: m }) => {
-    var P, E, _, A;
-    const v = (P = u == null ? void 0 : u[0]) == null ? void 0 : P.object, { pointerLeave: d, pointerEnter: C, pointerMove: w } = t;
-    f && f !== v && ((E = d.get(f)) == null || E(f, m)), v && (f !== v && ((_ = C.get(v)) == null || _(u[0], m)), (A = w.get(v)) == null || A(u[0], m)), f = v || null;
+  return p(({ intersects: u, event: v }) => {
+    var h, P, A, C;
+    const E = (h = u == null ? void 0 : u[0]) == null ? void 0 : h.object, { pointerLeave: m, pointerEnter: w, pointerMove: d } = t;
+    f && f !== E && ((P = m.get(f)) == null || P(f, v)), E && (f !== E && ((A = w.get(E)) == null || A(u[0], v)), (C = d.get(E)) == null || C(u[0], v)), f = E || null;
   }), {
     registerObject: s,
-    deregisterObject: l
+    deregisterObject: c
   };
 };
 function ft(e) {
   let a = 0;
   return e.traverse((t) => {
     if (t.isMesh && t.geometry) {
-      const r = t.geometry, n = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, o = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, l = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = n + o + l + s;
-      a += c;
+      const r = t.geometry, n = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, o = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, c = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, s = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, l = n + o + c + s;
+      a += l;
     }
   }), a;
 }
-const W = S({}), Y = (e) => Object.assign(W.value, e);
+const W = B({}), Y = (e) => Object.assign(W.value, e);
 function mt({
   scene: e,
   canvas: a,
@@ -400,19 +400,19 @@ function mt({
   disableRender: r,
   rendererOptions: n
 }) {
-  const o = k(
-    () => h(t) ? Ve() : Ge(h(a).parentElement)
-  ), l = k(() => o.value.width.value), s = k(() => o.value.height.value), c = k(() => l.value / s.value), i = {
+  const o = b(
+    () => M(t) ? Ve() : Ge(M(a).parentElement)
+  ), c = b(() => o.value.width.value), s = b(() => o.value.height.value), l = b(() => c.value / s.value), i = {
     height: s,
-    width: l,
-    aspectRatio: c
+    width: c,
+    aspectRatio: l
   }, p = L(e), {
     camera: f,
     cameras: u,
-    registerCamera: m,
-    deregisterCamera: v,
-    setCameraActive: d
-  } = Ye({ sizes: i, scene: e }), { renderer: C } = st(
+    registerCamera: v,
+    deregisterCamera: E,
+    setCameraActive: m
+  } = Ye({ sizes: i, scene: e }), { renderer: w } = st(
     {
       scene: e,
       canvas: a,
@@ -420,14 +420,14 @@ function mt({
       contextParts: { sizes: i, camera: f },
       disableRender: r
     }
-  ), w = {
+  ), d = {
     sizes: i,
     scene: p,
     camera: f,
-    cameras: ve(u),
-    renderer: C,
+    cameras: de(u),
+    renderer: w,
     raycaster: L(new He()),
-    controls: S(null),
+    controls: B(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -441,53 +441,53 @@ function mt({
       }
     },
     extend: Y,
-    registerCamera: m,
-    setCameraActive: d,
-    deregisterCamera: v
+    registerCamera: v,
+    setCameraActive: m,
+    deregisterCamera: E
   };
-  V("useTres", w);
-  const P = 100, E = We({ every: P }), { isSupported: _, memory: A } = Ue({ interval: P }), b = 160;
+  V("useTres", d);
+  const h = 100, P = We({ every: h }), { isSupported: A, memory: C } = Ue({ interval: h }), k = 160;
   let g = performance.now();
-  const M = ({ timestamp: O }) => {
-    w.scene.value && (w.perf.memory.allocatedMem = ft(w.scene.value)), O - g >= P && (g = O, w.perf.fps.accumulator.push(E.value), w.perf.fps.accumulator.length > b && w.perf.fps.accumulator.shift(), w.perf.fps.value = E.value, _.value && A.value && (w.perf.memory.accumulator.push(A.value.usedJSHeapSize / 1024 / 1024), w.perf.memory.accumulator.length > b && w.perf.memory.accumulator.shift(), w.perf.memory.currentMem = w.perf.memory.accumulator.reduce((fe, me) => fe + me, 0) / w.perf.memory.accumulator.length));
+  const _ = ({ timestamp: O }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = ft(d.scene.value)), O - g >= h && (g = O, d.perf.fps.accumulator.push(P.value), d.perf.fps.accumulator.length > k && d.perf.fps.accumulator.shift(), d.perf.fps.value = P.value, A.value && C.value && (d.perf.memory.accumulator.push(C.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > k && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((fe, me) => fe + me, 0) / d.perf.memory.accumulator.length));
   };
   let N = 0;
-  const le = 1, { pause: ce, resume: _t } = ne(({ delta: O }) => {
-    window.__TRES__DEVTOOLS__ && (M({ timestamp: performance.now() }), N += O, N >= le && (window.__TRES__DEVTOOLS__.cb(w), N = 0));
+  const le = 1, { pause: ce, resume: Ct } = ne(({ delta: O }) => {
+    window.__TRES__DEVTOOLS__ && (_({ timestamp: performance.now() }), N += O, N >= le && (window.__TRES__DEVTOOLS__.cb(d), N = 0));
   }, { immediate: !0 });
   return $(() => {
     ce();
-  }), w;
+  }), d;
 }
 function pt() {
-  const e = de("useTres");
+  const e = ve("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
 const Tt = pt;
 let y = null;
-const { logError: te } = B(), vt = {
+const { logError: te } = x(), dt = {
   createElement(e, a, t, r) {
-    var l, s;
+    var c, s;
     if (r || (r = {}), r.args || (r.args = []), e === "template" || Ze(e))
       return null;
     let n = e.replace("Tres", ""), o;
     if (e === "primitive") {
       (r == null ? void 0 : r.object) === void 0 && te("Tres primitives need a prop 'object'");
-      const c = r.object;
-      n = c.type, o = Object.assign(c, { type: n, attach: r.attach, primitive: !0 });
+      const l = r.object;
+      n = l.type, o = Object.assign(l, { type: n, attach: r.attach, primitive: !0 });
     } else {
-      const c = W.value[n];
-      c || te(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new c(...r.args);
+      const l = W.value[n];
+      l || te(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new l(...r.args);
     }
-    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((l = r == null ? void 0 : r.material) != null && l.isMaterial && (o.userData.tres__materialViaProp = !0), (s = r == null ? void 0 : r.geometry) != null && s.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
+    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((c = r == null ? void 0 : r.material) != null && c.isMaterial && (o.userData.tres__materialViaProp = !0), (s = r == null ? void 0 : r.geometry) != null && s.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
       ...o.userData,
       tres__name: n
     }, o;
   },
   insert(e, a) {
-    var r, n, o, l;
+    var r, n, o, c;
     a && a.isScene && (y = a);
     const t = a || y;
     if (e != null && e.isObject3D) {
@@ -499,7 +499,7 @@ const { logError: te } = B(), vt = {
       if (e != null && e.onClick || e != null && e.onPointerMove || e != null && e.onPointerEnter || e != null && e.onPointerLeave) {
         if (!(y != null && y.userData.tres__registerAtPointerEventHandler))
           throw "could not find tres__registerAtPointerEventHandler on scene's userData";
-        (l = y == null ? void 0 : (o = y.userData).tres__registerAtPointerEventHandler) == null || l.call(o, e);
+        (c = y == null ? void 0 : (o = y.userData).tres__registerAtPointerEventHandler) == null || c.call(o, e);
       }
     }
     e != null && e.isObject3D && (t != null && t.isObject3D) ? (t.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? t.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[t == null ? void 0 : t.attach], t && (t[e.attach] = e));
@@ -511,60 +511,60 @@ const { logError: te } = B(), vt = {
         const r = e, n = (i) => {
           var f, u;
           const p = i;
-          i.userData.tres__materialViaProp || (f = p.material) == null || f.dispose(), i.userData.tres__geometryViaProp || (u = p.geometry) == null || u.dispose();
-        }, o = y == null ? void 0 : y.userData.tres__deregisterAtPointerEventHandler, l = y == null ? void 0 : y.userData.tres__deregisterBlockingObjectAtPointerEventHandler, s = (i) => {
+          i.userData.tres__materialViaProp || ((f = p.material) == null || f.dispose(), p.material = void 0), i.userData.tres__geometryViaProp || ((u = p.geometry) == null || u.dispose(), p.geometry = void 0);
+        }, o = y == null ? void 0 : y.userData.tres__deregisterAtPointerEventHandler, c = y == null ? void 0 : y.userData.tres__deregisterBlockingObjectAtPointerEventHandler, s = (i) => {
           var p, f;
-          if (!l)
+          if (!c)
             throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
           if ((f = y == null ? void 0 : (p = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || f.call(p, i), !o)
             throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
           (i != null && i.onClick || i != null && i.onPointerMove || i != null && i.onPointerEnter || i != null && i.onPointerLeave) && (o == null || o(i));
-        }, c = (i) => {
+        }, l = (i) => {
           const p = y == null ? void 0 : y.userData.tres__deregisterCamera;
           if (!p)
             throw "could not find tres__deregisterCamera on scene's userData";
           i.isCamera && (p == null || p(i));
         };
-        r.traverse((i) => {
-          n(i), c(i), s == null || s(i);
-        }), n(r), c(r), s == null || s(r);
+        (a = e.removeFromParent) == null || a.call(e), r.traverse((i) => {
+          n(i), l(i), s == null || s(i);
+        }), n(r), l(r), s == null || s(r);
       }
-      (a = e.removeFromParent) == null || a.call(e), (t = e.dispose) == null || t.call(e);
+      (t = e.dispose) == null || t.call(e);
     }
   },
   patchProp(e, a, t, r) {
-    var n, o, l, s;
+    var n, o, c, s;
     if (e) {
-      let c = e, i = a;
+      let l = e, i = a;
       if (e.isObject3D && i === "blocks-pointer-events") {
-        r || r === "" ? (o = y == null ? void 0 : (n = y.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (s = y == null ? void 0 : (l = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(l, e);
+        r || r === "" ? (o = y == null ? void 0 : (n = y.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (s = y == null ? void 0 : (c = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(c, e);
         return;
       }
-      let p = R(i), f = c == null ? void 0 : c[p];
+      let p = R(i), f = l == null ? void 0 : l[p];
       if (i === "args") {
-        const m = e, v = t ?? [], d = r ?? [], C = e.userData.tres__name || e.type;
-        C && v.length && !nt(v, d) && (c = Object.assign(m, new W.value[C](...r)));
+        const v = e, E = t ?? [], m = r ?? [], w = e.userData.tres__name || e.type;
+        w && E.length && !nt(E, m) && (l = Object.assign(v, new W.value[w](...r)));
         return;
       }
-      if (c.type === "BufferGeometry") {
+      if (l.type === "BufferGeometry") {
         if (i === "args")
           return;
-        c.setAttribute(
+        l.setAttribute(
           R(i),
           new Fe(...r)
         );
         return;
       }
       if (i.includes("-") && f === void 0) {
-        const m = i.split("-");
-        f = m.reduce((v, d) => v[R(d)], c), i = m.pop(), p = i.toLowerCase(), f != null && f.set || (c = m.reduce((v, d) => v[R(d)], c));
+        const v = i.split("-");
+        f = v.reduce((E, m) => E[R(m)], l), i = v.pop(), p = i.toLowerCase(), f != null && f.set || (l = v.reduce((E, m) => E[R(m)], l));
       }
       let u = r;
       if (u === "" && (u = !0), ee(f)) {
         Array.isArray(u) ? e[p](...u) : e[p](u);
         return;
       }
-      !(f != null && f.set) && !ee(f) ? c[p] = u : f.constructor === u.constructor && (f != null && f.copy) ? f == null || f.copy(u) : Array.isArray(u) ? f.set(...u) : !f.isColor && f.setScalar ? f.setScalar(u) : f.set(u);
+      !(f != null && f.set) && !ee(f) ? l[p] = u : f.constructor === u.constructor && (f != null && f.copy) ? f == null || f.copy(u) : Array.isArray(u) ? f.set(...u) : !f.isColor && f.setScalar ? f.setScalar(u) : f.set(u);
     }
   },
   parentNode(e) {
@@ -579,7 +579,7 @@ const { logError: te } = B(), vt = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: dt } = ge(vt);
+}, { render: vt } = ge(dt);
 Y(Pe);
 const gt = ["data-scene"], yt = /* @__PURE__ */ q({
   __name: "TresCanvas",
@@ -608,58 +608,58 @@ const gt = ["data-scene"], yt = /* @__PURE__ */ q({
     failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
   },
   setup(e, { expose: a }) {
-    var u;
-    const t = e, { logWarning: r } = B(), n = S(), o = L(new je());
-    se();
-    const l = ye(), s = (u = J()) == null ? void 0 : u.appContext.app, c = (m) => q({
+    var E;
+    const t = e, { logWarning: r } = x(), n = B(), o = L(new je()), { resume: c } = se(), s = ye(), l = (E = J()) == null ? void 0 : E.appContext.app, i = (m) => q({
       setup() {
         var d;
-        const v = (d = J()) == null ? void 0 : d.appContext;
-        return v && (v.app = s), V("useTres", m), V("extend", Y), () => K(he, null, l != null && l.default ? l.default() : []);
+        const w = (d = J()) == null ? void 0 : d.appContext;
+        return w && (w.app = l), V("useTres", m), V("extend", Y), () => K(he, null, s != null && s.default ? s.default() : []);
       }
-    }), i = (m) => {
-      const v = c(m);
-      dt(K(v), o.value);
-    }, p = k(() => t.disableRender), f = L(null);
-    return a({ context: f }), we(() => {
+    }), p = (m) => {
+      const w = i(m);
+      vt(K(w), o.value);
+    }, f = (m, w = !1) => {
+      o.value.children = [], w && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), p(m), c();
+    }, u = b(() => t.disableRender), v = L(null);
+    return a({ context: v, dispose: () => f(v.value, !0) }), we(() => {
       const m = n;
-      f.value = mt({
+      v.value = mt({
         scene: o.value,
         canvas: m,
         windowSize: t.windowSize,
-        disableRender: p,
+        disableRender: u,
         rendererOptions: t
-      }), ct({ scene: o.value, contextParts: f.value });
-      const { registerCamera: v, camera: d, cameras: C, deregisterCamera: w } = f.value;
-      i(f.value);
-      const P = () => {
-        const E = new G(
+      }), ct({ scene: o.value, contextParts: v.value });
+      const { registerCamera: w, camera: d, cameras: h, deregisterCamera: P } = v.value;
+      p(v.value);
+      const A = () => {
+        const C = new G(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        E.position.set(3, 3, 3), E.lookAt(0, 0, 0), v(E);
-        const _ = D(() => {
-          C.value.length >= 2 && (E.removeFromParent(), w(E), _ == null || _());
+        C.position.set(3, 3, 3), C.lookAt(0, 0, 0), w(C);
+        const k = D(() => {
+          h.value.length >= 2 && (C.removeFromParent(), P(C), k == null || k());
         });
       };
       re(
         () => t.camera,
-        (E, _) => {
-          E && v(E), _ && (_.removeFromParent(), w(_));
+        (C, k) => {
+          C && w(C), k && (k.removeFromParent(), P(k));
         },
         {
           immediate: !0
         }
       ), d.value || (r(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), P());
-    }), (m, v) => (Ee(), _e("canvas", {
+      ), A());
+    }), (m, w) => (Ee(), Ce("canvas", {
       ref_key: "canvas",
       ref: n,
       "data-scene": o.value.uuid,
-      class: Ce(m.$attrs.class),
+      class: _e(m.$attrs.class),
       style: Me({
         display: "block",
         width: "100%",
@@ -683,7 +683,7 @@ const gt = ["data-scene"], yt = /* @__PURE__ */ q({
       isCustomElement: (e) => e.startsWith("Tres") && !wt.includes(e) || e === "primitive"
     }
   }
-}, Lt = Et, xt = {
+}, Lt = Et, St = {
   install(e) {
     e.component("TresCanvas", yt);
   }
@@ -691,7 +691,7 @@ const gt = ["data-scene"], yt = /* @__PURE__ */ q({
 export {
   yt as TresCanvas,
   W as catalogue,
-  xt as default,
+  St as default,
   Y as extend,
   Pt as isProd,
   Xe as normalizeColor,
@@ -700,7 +700,7 @@ export {
   ut as trasverseObjects,
   Ye as useCamera,
   kt as useLoader,
-  B as useLogger,
+  x as useLogger,
   ct as usePointerEventHandler,
   lt as useRaycaster,
   se as useRenderLoop,

package/dist/tres.umd.cjs

@@ -1,8 +1,8 @@
 /**
  * name: @tresjs/core
- * version: v3.6.0-next.0
+ * version: v3.6.0
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(_,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],u):(_=typeof globalThis<"u"?globalThis:_||self,u(_.tres={},_.Vue,_.Three,_.VueUseCore))})(this,function(_,u,P,y){"use strict";function se(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const ie=se(P),G=({sizes:e,scene:a})=>{const t=u.ref([]),r=u.computed(()=>t.value[0]),n=(s,f=!1)=>{t.value.some(({uuid:i})=>i===s.uuid)||(f?c(s):t.value.push(s))},o=s=>{t.value=t.value.filter(({uuid:f})=>f!==s.uuid)},c=s=>{const f=s instanceof P.Camera?s:t.value.find(p=>p.uuid===s);if(!f)return;const i=t.value.filter(({uuid:p})=>p!==f.uuid);t.value=[f,...i]};return u.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(s=>{s instanceof P.PerspectiveCamera&&(s.aspect=e.aspectRatio.value),(s instanceof P.PerspectiveCamera||s instanceof P.OrthographicCamera)&&s.updateProjectionMatrix()})}),a.userData.tres__registerCamera=n,a.userData.tres__deregisterCamera=o,u.onUnmounted(()=>{t.value=[]}),{camera:r,cameras:t,registerCamera:n,deregisterCamera:o,setCameraActive:c}},I=y.createEventHook(),W=y.createEventHook(),z=y.createEventHook(),E=new P.Clock;let B=0,T=0;const{pause:le,resume:ue,isActive:ce}=y.useRafFn(()=>{I.trigger({delta:B,elapsed:T,clock:E}),W.trigger({delta:B,elapsed:T,clock:E}),z.trigger({delta:B,elapsed:T,clock:E})},{immediate:!1});z.on(()=>{B=E.getDelta(),T=E.getElapsedTime()});const N=()=>({onBeforeLoop:I.on,onLoop:W.on,onAfterLoop:z.on,pause:le,resume:ue,isActive:ce}),fe=!0,U="[TresJS ▲ ■ ●] ";function S(){function e(r,n){console.error(`${U} ${r}`,n||"")}function a(r){console.warn(`${U} ${r}`)}function t(r,n){}return{logError:e,logWarning:a,logMessage:t}}function me(e){return typeof e=="number"?[e,e,e]:e instanceof P.Vector3?[e.x,e.y,e.z]:e}function q(e){return e instanceof P.Color?e:Array.isArray(e)?new P.Color(...e):new P.Color(e)}const Y=(e,a)=>{for(const t of Object.keys(a))a[t]instanceof Object&&Object.assign(a[t],Y(e[t],a[t]));return Object.assign(e||{},a),e},de=pe("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot");function H(e){return e&&e.nodeType===1}function x(e){return e.replace(/-([a-z])/g,(a,t)=>t.toUpperCase())}function pe(e,a){const t=Object.create(null),r=e.split(",");for(let n=0;n<r.length;n++)t[r[n]]=!0;return a?n=>!!t[n.toLowerCase()]:n=>!!t[n]}const ge=(e,a)=>{const t=new Set,r=[];for(const n of e){const o=a(n);t.has(o)||(t.add(o),r.push(n))}return r},J=(e,a)=>{if(!a)return;const t=Array.isArray(a)?a:a.match(/([^[.\]])+/g);return t==null?void 0:t.reduce((r,n)=>r&&r[n],e)},ve=(e,a,t)=>{const r=Array.isArray(a)?a:a.match(/([^[.\]])+/g);r&&r.reduce((n,o,c)=>(n[o]===void 0&&(n[o]={}),c===r.length-1&&(n[o]=t),n[o]),e)};function K(e,a){if(H(e)&&H(a)){const n=e.attributes,o=a.attributes;return n.length!==o.length?!1:Array.from(n).every(({name:c,value:s})=>a.getAttribute(c)===s)}if(e===a)return!0;if(e===null||typeof e!="object"||a===null||typeof a!="object")return!1;const t=Object.keys(e),r=Object.keys(a);if(t.length!==r.length)return!1;for(const n of t)if(!r.includes(n)||!K(e[n],a[n]))return!1;return!0}function ye(e,a){if(!Array.isArray(e)||!Array.isArray(a)||e.length!==a.length)return!1;for(let t=0;t<e.length;t++)if(!K(e[t],a[t]))return!1;return!0}const we=Array.isArray,Ce=Number.parseInt(P.REVISION.replace("dev","")),V={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:P.SRGBColorSpace,toneMapping:P.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:P.PCFSoftShadowMap}}};function X({scene:e,canvas:a,options:t,disableRender:r,contextParts:{sizes:n,camera:o}}){const c=u.computed(()=>({alpha:y.toValue(t.alpha),depth:y.toValue(t.depth),canvas:y.unrefElement(a),context:y.toValue(t.context),stencil:y.toValue(t.stencil),antialias:y.toValue(t.antialias)===void 0?!0:y.toValue(t.antialias),precision:y.toValue(t.precision),powerPreference:y.toValue(t.powerPreference),premultipliedAlpha:y.toValue(t.premultipliedAlpha),preserveDrawingBuffer:y.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:y.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:y.toValue(t.failIfMajorPerformanceCaveat)})),s=u.shallowRef(new P.WebGLRenderer(c.value));u.watch(c,()=>{s.value.dispose(),s.value=new P.WebGLRenderer(c.value)}),u.watchEffect(()=>{s.value.setSize(n.width.value,n.height.value)});const{pixelRatio:f}=y.useDevicePixelRatio();u.watchEffect(()=>{s.value.setPixelRatio(f.value)});const{logError:i}=S(),m=(()=>{const v=new P.WebGLRenderer,b={shadowMap:{enabled:v.shadowMap.enabled,type:v.shadowMap.type},toneMapping:v.toneMapping,toneMappingExposure:v.toneMappingExposure,outputColorSpace:v.outputColorSpace};return v.dispose(),b})();u.watchEffect(()=>{const v=y.toValue(t.preset);v&&(v in V||i(`Renderer Preset must be one of these: ${Object.keys(V).join(", ")}`),Y(s.value,V[v]));const b=(M,A)=>{const D=y.toValue(M),O=()=>{if(v)return J(V[v],A)};if(D!==void 0)return D;const C=O();return C!==void 0?C:J(m,A)},h=(M,A)=>ve(s.value,A,b(M,A));h(t.shadows,"shadowMap.enabled"),h(t.toneMapping,"toneMapping"),h(t.shadowMapType,"shadowMap.type"),Ce<150&&h(!t.useLegacyLights,"physicallyCorrectLights"),h(t.outputColorSpace,"outputColorSpace"),h(t.toneMappingExposure,"toneMappingExposure");const L=b(t.clearColor,"clearColor");L&&s.value.setClearColor(L?q(L):new P.Color(0))});const{pause:l,resume:d,onLoop:g}=N();return g(()=>{o.value&&!y.toValue(r)&&s.value.render(e,o.value)}),d(),u.onUnmounted(()=>{l(),s.value.dispose(),s.value.forceContextLoss()}),{renderer:s}}const Q=e=>typeof e=="function",he=e=>!!e&&e.constructor===Array;function Z(e){const a={nodes:{},materials:{}};return e&&e.traverse(t=>{t.name&&(a.nodes[t.name]=t),t.material&&!a.materials[t.material.name]&&(a.materials[t.material.name]=t.material)}),a}async function _e(e,a,t,r,n){const{logError:o}=S(),c=new e;n&&n(c),t&&t(c);const f=(Array.isArray(a)?a:[a]).map(i=>new Promise((p,m)=>{c.load(i,l=>{l.scene&&Object.assign(l,Z(l.scene)),p(l)},r,l=>m(o("[useLoader] - Failed to load resource",l)))}));return he(a)?await Promise.all(f):await f[0]}async function Pe(e){const a=new P.LoadingManager,t=new P.TextureLoader(a),r=n=>new Promise((o,c)=>{t.load(n,s=>o(s),()=>null,()=>{c(new Error("[useTextures] - Failed to load texture"))})});if(we(e)){const n=await Promise.all(e.map(o=>r(o)));return e.length>1?n:n[0]}else{const{map:n,displacementMap:o,normalMap:c,roughnessMap:s,metalnessMap:f,aoMap:i,alphaMap:p,matcap:m}=e;return{map:n?await r(n):null,displacementMap:o?await r(o):null,normalMap:c?await r(c):null,roughnessMap:s?await r(s):null,metalnessMap:f?await r(f):null,aoMap:i?await r(i):null,alphaMap:p?await r(p):null,matcap:m?await r(m):null}}}const ee=(e,{renderer:a,camera:t,raycaster:r})=>{const n=u.computed(()=>a.value.domElement),{x:o,y:c}=y.usePointer({target:n}),{width:s,height:f,top:i,left:p}=y.useElementBounding(n),m=({x:C,y:k})=>{if(n.value)return{x:(C-p.value)/s.value*2-1,y:-((k-i.value)/f.value)*2+1}},l=({x:C,y:k})=>{if(t.value)return r.value.setFromCamera(new P.Vector2(C,k),t.value),r.value.intersectObjects(e.value,!1)},d=C=>{const k=m({x:(C==null?void 0:C.clientX)??o.value,y:(C==null?void 0:C.clientY)??c.value});return k?l(k)||[]:[]},g=u.computed(()=>d()),v=y.createEventHook(),b=y.createEventHook(),h=(C,k)=>{C.trigger({event:k,intersects:d(k)})},L=C=>{h(b,C)};let M;const A=C=>{var k;M=(k=d(C)[0])==null?void 0:k.object},D=C=>{var k;C instanceof PointerEvent&&M===((k=d(C)[0])==null?void 0:k.object)&&h(v,C)},O=C=>b.trigger({event:C,intersects:[]});return n.value.addEventListener("pointerup",D),n.value.addEventListener("pointerdown",A),n.value.addEventListener("pointermove",L),n.value.addEventListener("pointerleave",O),u.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",D),n.value.removeEventListener("pointerdown",A),n.value.removeEventListener("pointermove",L),n.value.removeEventListener("pointerleave",O))}),{intersects:g,onClick:C=>v.on(C).off,onPointerMove:C=>b.on(C).off}};function Me(){const{logWarning:e}=S();function a(o,c,s){let f=null;return o.traverse(i=>{i[c]===s&&(f=i)}),f||e(`Child with ${c} '${s}' not found.`),f}function t(o,c,s){const f=[];return o.traverse(i=>{i[c].includes(s)&&f.push(i)}),f.length||e(`Children with ${c} '${s}' not found.`),f}function r(o,c){return a(o,"name",c)}function n(o,c){return t(o,"name",c)}return{seek:a,seekByName:r,seekAll:t,seekAllByName:n}}const te=({scene:e,contextParts:a})=>{const t=u.reactive({click:new Map,pointerMove:new Map,pointerEnter:new Map,pointerLeave:new Map}),r=u.ref(new Set),n=l=>{r.value.add(l)},o=l=>{r.value.delete(l)},c=l=>{Object.values(t).forEach(d=>d.delete(l)),o(l)},s=l=>{const{onClick:d,onPointerMove:g,onPointerEnter:v,onPointerLeave:b}=l;d&&t.click.set(l,d),g&&t.pointerMove.set(l,g),v&&t.pointerEnter.set(l,v),b&&t.pointerLeave.set(l,b)};e.userData.tres__registerAtPointerEventHandler=s,e.userData.tres__deregisterAtPointerEventHandler=c,e.userData.tres__registerBlockingObjectAtPointerEventHandler=n,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const f=u.computed(()=>ge([...Array.from(r.value),...Object.values(t).map(l=>Array.from(l.keys())).flat()],({uuid:l})=>l)),{onClick:i,onPointerMove:p}=ee(f,a);i(({intersects:l,event:d})=>{var g;l.length&&((g=t.click.get(l[0].object))==null||g(l[0],d))});let m;return p(({intersects:l,event:d})=>{var L,M,A,D;const g=(L=l==null?void 0:l[0])==null?void 0:L.object,{pointerLeave:v,pointerEnter:b,pointerMove:h}=t;m&&m!==g&&((M=v.get(m))==null||M(m,d)),g&&(m!==g&&((A=b.get(g))==null||A(l[0],d)),(D=h.get(g))==null||D(l[0],d)),m=g||null}),{registerObject:s,deregisterObject:c}};function Ae(e){let a=0;return e.traverse(t=>{if(t.isMesh&&t.geometry){const r=t.geometry,n=r.attributes.position.count*3*Float32Array.BYTES_PER_ELEMENT,o=r.index?r.index.count*Uint32Array.BYTES_PER_ELEMENT:0,c=r.attributes.normal?r.attributes.normal.count*3*Float32Array.BYTES_PER_ELEMENT:0,s=r.attributes.uv?r.attributes.uv.count*2*Float32Array.BYTES_PER_ELEMENT:0,f=n+o+c+s;a+=f}}),a}const j=u.ref({}),F=e=>Object.assign(j.value,e);function re({scene:e,canvas:a,windowSize:t,disableRender:r,rendererOptions:n}){const o=u.computed(()=>y.toValue(t)?y.useWindowSize():y.useElementSize(y.toValue(a).parentElement)),c=u.computed(()=>o.value.width.value),s=u.computed(()=>o.value.height.value),f=u.computed(()=>c.value/s.value),i={height:s,width:c,aspectRatio:f},p=u.shallowRef(e),{camera:m,cameras:l,registerCamera:d,deregisterCamera:g,setCameraActive:v}=G({sizes:i,scene:e}),{renderer:b}=X({scene:e,canvas:a,options:n,contextParts:{sizes:i,camera:m},disableRender:r}),h={sizes:i,scene:p,camera:m,cameras:u.readonly(l),renderer:b,raycaster:u.shallowRef(new P.Raycaster),controls:u.ref(null),perf:{maxFrames:160,fps:{value:0,accumulator:[]},memory:{currentMem:0,allocatedMem:0,accumulator:[]}},extend:F,registerCamera:d,setCameraActive:v,deregisterCamera:g};u.provide("useTres",h);const L=100,M=y.useFps({every:L}),{isSupported:A,memory:D}=y.useMemory({interval:L}),O=160;let C=performance.now();const k=({timestamp:R})=>{h.scene.value&&(h.perf.memory.allocatedMem=Ae(h.scene.value)),R-C>=L&&(C=R,h.perf.fps.accumulator.push(M.value),h.perf.fps.accumulator.length>O&&h.perf.fps.accumulator.shift(),h.perf.fps.value=M.value,A.value&&D.value&&(h.perf.memory.accumulator.push(D.value.usedJSHeapSize/1024/1024),h.perf.memory.accumulator.length>O&&h.perf.memory.accumulator.shift(),h.perf.memory.currentMem=h.perf.memory.accumulator.reduce((xe,Ve)=>xe+Ve,0)/h.perf.memory.accumulator.length))};let $=0;const Be=1,{pause:Te,resume:ze}=y.useRafFn(({delta:R})=>{window.__TRES__DEVTOOLS__&&(k({timestamp:performance.now()}),$+=R,$>=Be&&(window.__TRES__DEVTOOLS__.cb(h),$=0))},{immediate:!0});return u.onUnmounted(()=>{Te()}),h}function ne(){const e=u.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const be=ne;function Fe(e){}let w=null;const{logError:ae}=S(),ke={createElement(e,a,t,r){var c,s;if(r||(r={}),r.args||(r.args=[]),e==="template"||de(e))return null;let n=e.replace("Tres",""),o;if(e==="primitive"){(r==null?void 0:r.object)===void 0&&ae("Tres primitives need a prop 'object'");const f=r.object;n=f.type,o=Object.assign(f,{type:n,attach:r.attach,primitive:!0})}else{const f=j.value[n];f||ae(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`),o=new f(...r.args)}return o.isCamera&&(r!=null&&r.position||o.position.set(3,3,3),r!=null&&r.lookAt||o.lookAt(0,0,0)),(r==null?void 0:r.attach)===void 0&&(o.isMaterial?o.attach="material":o.isBufferGeometry&&(o.attach="geometry")),o.isObject3D&&((c=r==null?void 0:r.material)!=null&&c.isMaterial&&(o.userData.tres__materialViaProp=!0),(s=r==null?void 0:r.geometry)!=null&&s.isBufferGeometry&&(o.userData.tres__geometryViaProp=!0)),o.userData={...o.userData,tres__name:n},o},insert(e,a){var r,n,o,c;a&&a.isScene&&(w=a);const t=a||w;if(e!=null&&e.isObject3D){if(e!=null&&e.isCamera){if(!(w!=null&&w.userData.tres__registerCamera))throw"could not find tres__registerCamera on scene's userData";(n=w==null?void 0:(r=w.userData).tres__registerCamera)==null||n.call(r,e)}if(e!=null&&e.onClick||e!=null&&e.onPointerMove||e!=null&&e.onPointerEnter||e!=null&&e.onPointerLeave){if(!(w!=null&&w.userData.tres__registerAtPointerEventHandler))throw"could not find tres__registerAtPointerEventHandler on scene's userData";(c=w==null?void 0:(o=w.userData).tres__registerAtPointerEventHandler)==null||c.call(o,e)}}e!=null&&e.isObject3D&&(t!=null&&t.isObject3D)?(t.add(e),e.dispatchEvent({type:"added"})):e!=null&&e.isFog?t.fog=e: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 a,t;if(e){if(e.isObject3D){const r=e,n=i=>{var m,l;const p=i;i.userData.tres__materialViaProp||(m=p.material)==null||m.dispose(),i.userData.tres__geometryViaProp||(l=p.geometry)==null||l.dispose()},o=w==null?void 0:w.userData.tres__deregisterAtPointerEventHandler,c=w==null?void 0:w.userData.tres__deregisterBlockingObjectAtPointerEventHandler,s=i=>{var p,m;if(!c)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((m=w==null?void 0:(p=w.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||m.call(p,i),!o)throw"could not find tres__deregisterAtPointerEventHandler on scene's userData";(i!=null&&i.onClick||i!=null&&i.onPointerMove||i!=null&&i.onPointerEnter||i!=null&&i.onPointerLeave)&&(o==null||o(i))},f=i=>{const p=w==null?void 0:w.userData.tres__deregisterCamera;if(!p)throw"could not find tres__deregisterCamera on scene's userData";i.isCamera&&(p==null||p(i))};r.traverse(i=>{n(i),f(i),s==null||s(i)}),n(r),f(r),s==null||s(r)}(a=e.removeFromParent)==null||a.call(e),(t=e.dispose)==null||t.call(e)}},patchProp(e,a,t,r){var n,o,c,s;if(e){let f=e,i=a;if(e.isObject3D&&i==="blocks-pointer-events"){r||r===""?(o=w==null?void 0:(n=w.userData).tres__registerBlockingObjectAtPointerEventHandler)==null||o.call(n,e):(s=w==null?void 0:(c=w.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||s.call(c,e);return}let p=x(i),m=f==null?void 0:f[p];if(i==="args"){const d=e,g=t??[],v=r??[],b=e.userData.tres__name||e.type;b&&g.length&&!ye(g,v)&&(f=Object.assign(d,new j.value[b](...r)));return}if(f.type==="BufferGeometry"){if(i==="args")return;f.setAttribute(x(i),new P.BufferAttribute(...r));return}if(i.includes("-")&&m===void 0){const d=i.split("-");m=d.reduce((g,v)=>g[x(v)],f),i=d.pop(),p=i.toLowerCase(),m!=null&&m.set||(f=d.reduce((g,v)=>g[x(v)],f))}let l=r;if(l===""&&(l=!0),Q(m)){Array.isArray(l)?e[p](...l):e[p](l);return}!(m!=null&&m.set)&&!Q(m)?f[p]=l:m.constructor===l.constructor&&(m!=null&&m.copy)?m==null||m.copy(l):Array.isArray(l)?m.set(...l):!m.isColor&&m.setScalar?m.setScalar(l):m.set(l)}},parentNode(e){return(e==null?void 0:e.parent)||null},createText:()=>void 0,createComment:()=>void 0,setText:()=>void 0,setElementText:()=>void 0,nextSibling:()=>void 0,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0},{render:Le}=u.createRenderer(ke);F(ie);const De=["data-scene"],oe=u.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},depth:{type:Boolean,default:void 0},logarithmicDepthBuffer:{type:Boolean,default:void 0},failIfMajorPerformanceCaveat:{type:Boolean,default:void 0}},setup(e,{expose:a}){var l;const t=e,{logWarning:r}=S(),n=u.ref(),o=u.shallowRef(new P.Scene);N();const c=u.useSlots(),s=(l=u.getCurrentInstance())==null?void 0:l.appContext.app,f=d=>u.defineComponent({setup(){var v;const g=(v=u.getCurrentInstance())==null?void 0:v.appContext;return g&&(g.app=s),u.provide("useTres",d),u.provide("extend",F),()=>u.h(u.Fragment,null,c!=null&&c.default?c.default():[])}}),i=d=>{const g=f(d);Le(u.h(g),o.value)},p=u.computed(()=>t.disableRender),m=u.shallowRef(null);return a({context:m}),u.onMounted(()=>{const d=n;m.value=re({scene:o.value,canvas:d,windowSize:t.windowSize,disableRender:p,rendererOptions:t}),te({scene:o.value,contextParts:m.value});const{registerCamera:g,camera:v,cameras:b,deregisterCamera:h}=m.value;i(m.value);const L=()=>{const M=new P.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);M.position.set(3,3,3),M.lookAt(0,0,0),g(M);const A=u.watchEffect(()=>{b.value.length>=2&&(M.removeFromParent(),h(M),A==null||A())})};u.watch(()=>t.camera,(M,A)=>{M&&g(M),A&&(A.removeFromParent(),h(A))},{immediate:!0}),v.value||(r("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),L())}),(d,g)=>(u.openBlock(),u.createElementBlock("canvas",{ref_key:"canvas",ref:n,"data-scene":o.value.uuid,class:u.normalizeClass(d.$attrs.class),style:u.normalizeStyle({display:"block",width:"100%",height:"100%",position:d.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none",...d.$attrs.style})},null,14,De))}}),Oe=["TresCanvas","TresLeches","TresScene"],Se={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!Oe.includes(e)||e==="primitive"}}},Ee={install(e){e.component("TresCanvas",oe)}};_.TresCanvas=oe,_.catalogue=j,_.default=Ee,_.extend=F,_.isProd=fe,_.normalizeColor=q,_.normalizeVectorFlexibleParam=me,_.templateCompilerOptions=Se,_.trasverseObjects=Z,_.useCamera=G,_.useLoader=_e,_.useLogger=S,_.usePointerEventHandler=te,_.useRaycaster=ee,_.useRenderLoop=N,_.useRenderer=X,_.useSeek=Me,_.useTexture=Pe,_.useTres=be,_.useTresContext=ne,_.useTresContextProvider=re,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],u):(h=typeof globalThis<"u"?globalThis:h||self,u(h.tres={},h.Vue,h.Three,h.VueUseCore))})(this,function(h,u,M,v){"use strict";function se(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const ie=se(M),G=({sizes:e,scene:a})=>{const t=u.ref([]),r=u.computed(()=>t.value[0]),n=(s,c=!1)=>{t.value.some(({uuid:i})=>i===s.uuid)||(c?f(s):t.value.push(s))},o=s=>{t.value=t.value.filter(({uuid:c})=>c!==s.uuid)},f=s=>{const c=s instanceof M.Camera?s:t.value.find(p=>p.uuid===s);if(!c)return;const i=t.value.filter(({uuid:p})=>p!==c.uuid);t.value=[c,...i]};return u.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(s=>{s instanceof M.PerspectiveCamera&&(s.aspect=e.aspectRatio.value),(s instanceof M.PerspectiveCamera||s instanceof M.OrthographicCamera)&&s.updateProjectionMatrix()})}),a.userData.tres__registerCamera=n,a.userData.tres__deregisterCamera=o,u.onUnmounted(()=>{t.value=[]}),{camera:r,cameras:t,registerCamera:n,deregisterCamera:o,setCameraActive:f}},I=v.createEventHook(),W=v.createEventHook(),z=v.createEventHook(),E=new M.Clock;let B=0,T=0;const{pause:le,resume:ue,isActive:ce}=v.useRafFn(()=>{I.trigger({delta:B,elapsed:T,clock:E}),W.trigger({delta:B,elapsed:T,clock:E}),z.trigger({delta:B,elapsed:T,clock:E})},{immediate:!1});z.on(()=>{B=E.getDelta(),T=E.getElapsedTime()});const N=()=>({onBeforeLoop:I.on,onLoop:W.on,onAfterLoop:z.on,pause:le,resume:ue,isActive:ce}),fe=!0,U="[TresJS ▲ ■ ●] ";function S(){function e(r,n){console.error(`${U} ${r}`,n||"")}function a(r){console.warn(`${U} ${r}`)}function t(r,n){}return{logError:e,logWarning:a,logMessage:t}}function me(e){return typeof e=="number"?[e,e,e]:e instanceof M.Vector3?[e.x,e.y,e.z]:e}function q(e){return e instanceof M.Color?e:Array.isArray(e)?new M.Color(...e):new M.Color(e)}const Y=(e,a)=>{for(const t of Object.keys(a))a[t]instanceof Object&&Object.assign(a[t],Y(e[t],a[t]));return Object.assign(e||{},a),e},de=pe("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot");function H(e){return e&&e.nodeType===1}function x(e){return e.replace(/-([a-z])/g,(a,t)=>t.toUpperCase())}function pe(e,a){const t=Object.create(null),r=e.split(",");for(let n=0;n<r.length;n++)t[r[n]]=!0;return a?n=>!!t[n.toLowerCase()]:n=>!!t[n]}const ge=(e,a)=>{const t=new Set,r=[];for(const n of e){const o=a(n);t.has(o)||(t.add(o),r.push(n))}return r},J=(e,a)=>{if(!a)return;const t=Array.isArray(a)?a:a.match(/([^[.\]])+/g);return t==null?void 0:t.reduce((r,n)=>r&&r[n],e)},ve=(e,a,t)=>{const r=Array.isArray(a)?a:a.match(/([^[.\]])+/g);r&&r.reduce((n,o,f)=>(n[o]===void 0&&(n[o]={}),f===r.length-1&&(n[o]=t),n[o]),e)};function K(e,a){if(H(e)&&H(a)){const n=e.attributes,o=a.attributes;return n.length!==o.length?!1:Array.from(n).every(({name:f,value:s})=>a.getAttribute(f)===s)}if(e===a)return!0;if(e===null||typeof e!="object"||a===null||typeof a!="object")return!1;const t=Object.keys(e),r=Object.keys(a);if(t.length!==r.length)return!1;for(const n of t)if(!r.includes(n)||!K(e[n],a[n]))return!1;return!0}function ye(e,a){if(!Array.isArray(e)||!Array.isArray(a)||e.length!==a.length)return!1;for(let t=0;t<e.length;t++)if(!K(e[t],a[t]))return!1;return!0}const we=Array.isArray,Ce=Number.parseInt(M.REVISION.replace("dev","")),V={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:M.SRGBColorSpace,toneMapping:M.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:M.PCFSoftShadowMap}}};function X({scene:e,canvas:a,options:t,disableRender:r,contextParts:{sizes:n,camera:o}}){const f=u.computed(()=>({alpha:v.toValue(t.alpha),depth:v.toValue(t.depth),canvas:v.unrefElement(a),context:v.toValue(t.context),stencil:v.toValue(t.stencil),antialias:v.toValue(t.antialias)===void 0?!0:v.toValue(t.antialias),precision:v.toValue(t.precision),powerPreference:v.toValue(t.powerPreference),premultipliedAlpha:v.toValue(t.premultipliedAlpha),preserveDrawingBuffer:v.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:v.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:v.toValue(t.failIfMajorPerformanceCaveat)})),s=u.shallowRef(new M.WebGLRenderer(f.value));u.watch(f,()=>{s.value.dispose(),s.value=new M.WebGLRenderer(f.value)}),u.watchEffect(()=>{s.value.setSize(n.width.value,n.height.value)});const{pixelRatio:c}=v.useDevicePixelRatio();u.watchEffect(()=>{s.value.setPixelRatio(c.value)});const{logError:i}=S(),m=(()=>{const d=new M.WebGLRenderer,_={shadowMap:{enabled:d.shadowMap.enabled,type:d.shadowMap.type},toneMapping:d.toneMapping,toneMappingExposure:d.toneMappingExposure,outputColorSpace:d.outputColorSpace};return d.dispose(),_})();u.watchEffect(()=>{const d=v.toValue(t.preset);d&&(d in V||i(`Renderer Preset must be one of these: ${Object.keys(V).join(", ")}`),Y(s.value,V[d]));const _=(L,D)=>{const A=v.toValue(L),O=()=>{if(d)return J(V[d],D)};if(A!==void 0)return A;const C=O();return C!==void 0?C:J(m,D)},g=(L,D)=>ve(s.value,D,_(L,D));g(t.shadows,"shadowMap.enabled"),g(t.toneMapping,"toneMapping"),g(t.shadowMapType,"shadowMap.type"),Ce<150&&g(!t.useLegacyLights,"physicallyCorrectLights"),g(t.outputColorSpace,"outputColorSpace"),g(t.toneMappingExposure,"toneMappingExposure");const k=_(t.clearColor,"clearColor");k&&s.value.setClearColor(k?q(k):new M.Color(0))});const{pause:l,resume:w,onLoop:P}=N();return P(()=>{o.value&&!v.toValue(r)&&s.value.render(e,o.value)}),w(),u.onUnmounted(()=>{l(),s.value.dispose(),s.value.forceContextLoss()}),{renderer:s}}const Q=e=>typeof e=="function",he=e=>!!e&&e.constructor===Array;function Z(e){const a={nodes:{},materials:{}};return e&&e.traverse(t=>{t.name&&(a.nodes[t.name]=t),t.material&&!a.materials[t.material.name]&&(a.materials[t.material.name]=t.material)}),a}async function _e(e,a,t,r,n){const{logError:o}=S(),f=new e;n&&n(f),t&&t(f);const c=(Array.isArray(a)?a:[a]).map(i=>new Promise((p,m)=>{f.load(i,l=>{l.scene&&Object.assign(l,Z(l.scene)),p(l)},r,l=>m(o("[useLoader] - Failed to load resource",l)))}));return he(a)?await Promise.all(c):await c[0]}async function Pe(e){const a=new M.LoadingManager,t=new M.TextureLoader(a),r=n=>new Promise((o,f)=>{t.load(n,s=>o(s),()=>null,()=>{f(new Error("[useTextures] - Failed to load texture"))})});if(we(e)){const n=await Promise.all(e.map(o=>r(o)));return e.length>1?n:n[0]}else{const{map:n,displacementMap:o,normalMap:f,roughnessMap:s,metalnessMap:c,aoMap:i,alphaMap:p,matcap:m}=e;return{map:n?await r(n):null,displacementMap:o?await r(o):null,normalMap:f?await r(f):null,roughnessMap:s?await r(s):null,metalnessMap:c?await r(c):null,aoMap:i?await r(i):null,alphaMap:p?await r(p):null,matcap:m?await r(m):null}}}const ee=(e,{renderer:a,camera:t,raycaster:r})=>{const n=u.computed(()=>a.value.domElement),{x:o,y:f}=v.usePointer({target:n}),{width:s,height:c,top:i,left:p}=v.useElementBounding(n),m=({x:C,y:b})=>{if(n.value)return{x:(C-p.value)/s.value*2-1,y:-((b-i.value)/c.value)*2+1}},l=({x:C,y:b})=>{if(t.value)return r.value.setFromCamera(new M.Vector2(C,b),t.value),r.value.intersectObjects(e.value,!1)},w=C=>{const b=m({x:(C==null?void 0:C.clientX)??o.value,y:(C==null?void 0:C.clientY)??f.value});return b?l(b)||[]:[]},P=u.computed(()=>w()),d=v.createEventHook(),_=v.createEventHook(),g=(C,b)=>{C.trigger({event:b,intersects:w(b)})},k=C=>{g(_,C)};let L;const D=C=>{var b;L=(b=w(C)[0])==null?void 0:b.object},A=C=>{var b;C instanceof PointerEvent&&L===((b=w(C)[0])==null?void 0:b.object)&&g(d,C)},O=C=>_.trigger({event:C,intersects:[]});return n.value.addEventListener("pointerup",A),n.value.addEventListener("pointerdown",D),n.value.addEventListener("pointermove",k),n.value.addEventListener("pointerleave",O),u.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",A),n.value.removeEventListener("pointerdown",D),n.value.removeEventListener("pointermove",k),n.value.removeEventListener("pointerleave",O))}),{intersects:P,onClick:C=>d.on(C).off,onPointerMove:C=>_.on(C).off}};function Me(){const{logWarning:e}=S();function a(o,f,s){let c=null;return o.traverse(i=>{i[f]===s&&(c=i)}),c||e(`Child with ${f} '${s}' not found.`),c}function t(o,f,s){const c=[];return o.traverse(i=>{i[f].includes(s)&&c.push(i)}),c.length||e(`Children with ${f} '${s}' not found.`),c}function r(o,f){return a(o,"name",f)}function n(o,f){return t(o,"name",f)}return{seek:a,seekByName:r,seekAll:t,seekAllByName:n}}const te=({scene:e,contextParts:a})=>{const t=u.reactive({click:new Map,pointerMove:new Map,pointerEnter:new Map,pointerLeave:new Map}),r=u.ref(new Set),n=l=>{r.value.add(l)},o=l=>{r.value.delete(l)},f=l=>{Object.values(t).forEach(w=>w.delete(l)),o(l)},s=l=>{const{onClick:w,onPointerMove:P,onPointerEnter:d,onPointerLeave:_}=l;w&&t.click.set(l,w),P&&t.pointerMove.set(l,P),d&&t.pointerEnter.set(l,d),_&&t.pointerLeave.set(l,_)};e.userData.tres__registerAtPointerEventHandler=s,e.userData.tres__deregisterAtPointerEventHandler=f,e.userData.tres__registerBlockingObjectAtPointerEventHandler=n,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const c=u.computed(()=>ge([...Array.from(r.value),...Object.values(t).map(l=>Array.from(l.keys())).flat()],({uuid:l})=>l)),{onClick:i,onPointerMove:p}=ee(c,a);i(({intersects:l,event:w})=>{var P;l.length&&((P=t.click.get(l[0].object))==null||P(l[0],w))});let m;return p(({intersects:l,event:w})=>{var k,L,D,A;const P=(k=l==null?void 0:l[0])==null?void 0:k.object,{pointerLeave:d,pointerEnter:_,pointerMove:g}=t;m&&m!==P&&((L=d.get(m))==null||L(m,w)),P&&(m!==P&&((D=_.get(P))==null||D(l[0],w)),(A=g.get(P))==null||A(l[0],w)),m=P||null}),{registerObject:s,deregisterObject:f}};function Ae(e){let a=0;return e.traverse(t=>{if(t.isMesh&&t.geometry){const r=t.geometry,n=r.attributes.position.count*3*Float32Array.BYTES_PER_ELEMENT,o=r.index?r.index.count*Uint32Array.BYTES_PER_ELEMENT:0,f=r.attributes.normal?r.attributes.normal.count*3*Float32Array.BYTES_PER_ELEMENT:0,s=r.attributes.uv?r.attributes.uv.count*2*Float32Array.BYTES_PER_ELEMENT:0,c=n+o+f+s;a+=c}}),a}const j=u.ref({}),F=e=>Object.assign(j.value,e);function re({scene:e,canvas:a,windowSize:t,disableRender:r,rendererOptions:n}){const o=u.computed(()=>v.toValue(t)?v.useWindowSize():v.useElementSize(v.toValue(a).parentElement)),f=u.computed(()=>o.value.width.value),s=u.computed(()=>o.value.height.value),c=u.computed(()=>f.value/s.value),i={height:s,width:f,aspectRatio:c},p=u.shallowRef(e),{camera:m,cameras:l,registerCamera:w,deregisterCamera:P,setCameraActive:d}=G({sizes:i,scene:e}),{renderer:_}=X({scene:e,canvas:a,options:n,contextParts:{sizes:i,camera:m},disableRender:r}),g={sizes:i,scene:p,camera:m,cameras:u.readonly(l),renderer:_,raycaster:u.shallowRef(new M.Raycaster),controls:u.ref(null),perf:{maxFrames:160,fps:{value:0,accumulator:[]},memory:{currentMem:0,allocatedMem:0,accumulator:[]}},extend:F,registerCamera:w,setCameraActive:d,deregisterCamera:P};u.provide("useTres",g);const k=100,L=v.useFps({every:k}),{isSupported:D,memory:A}=v.useMemory({interval:k}),O=160;let C=performance.now();const b=({timestamp:R})=>{g.scene.value&&(g.perf.memory.allocatedMem=Ae(g.scene.value)),R-C>=k&&(C=R,g.perf.fps.accumulator.push(L.value),g.perf.fps.accumulator.length>O&&g.perf.fps.accumulator.shift(),g.perf.fps.value=L.value,D.value&&A.value&&(g.perf.memory.accumulator.push(A.value.usedJSHeapSize/1024/1024),g.perf.memory.accumulator.length>O&&g.perf.memory.accumulator.shift(),g.perf.memory.currentMem=g.perf.memory.accumulator.reduce((xe,Ve)=>xe+Ve,0)/g.perf.memory.accumulator.length))};let $=0;const Be=1,{pause:Te,resume:ze}=v.useRafFn(({delta:R})=>{window.__TRES__DEVTOOLS__&&(b({timestamp:performance.now()}),$+=R,$>=Be&&(window.__TRES__DEVTOOLS__.cb(g),$=0))},{immediate:!0});return u.onUnmounted(()=>{Te()}),g}function ne(){const e=u.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const be=ne;function Fe(e){}let y=null;const{logError:ae}=S(),ke={createElement(e,a,t,r){var f,s;if(r||(r={}),r.args||(r.args=[]),e==="template"||de(e))return null;let n=e.replace("Tres",""),o;if(e==="primitive"){(r==null?void 0:r.object)===void 0&&ae("Tres primitives need a prop 'object'");const c=r.object;n=c.type,o=Object.assign(c,{type:n,attach:r.attach,primitive:!0})}else{const c=j.value[n];c||ae(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`),o=new c(...r.args)}return o.isCamera&&(r!=null&&r.position||o.position.set(3,3,3),r!=null&&r.lookAt||o.lookAt(0,0,0)),(r==null?void 0:r.attach)===void 0&&(o.isMaterial?o.attach="material":o.isBufferGeometry&&(o.attach="geometry")),o.isObject3D&&((f=r==null?void 0:r.material)!=null&&f.isMaterial&&(o.userData.tres__materialViaProp=!0),(s=r==null?void 0:r.geometry)!=null&&s.isBufferGeometry&&(o.userData.tres__geometryViaProp=!0)),o.userData={...o.userData,tres__name:n},o},insert(e,a){var r,n,o,f;a&&a.isScene&&(y=a);const t=a||y;if(e!=null&&e.isObject3D){if(e!=null&&e.isCamera){if(!(y!=null&&y.userData.tres__registerCamera))throw"could not find tres__registerCamera on scene's userData";(n=y==null?void 0:(r=y.userData).tres__registerCamera)==null||n.call(r,e)}if(e!=null&&e.onClick||e!=null&&e.onPointerMove||e!=null&&e.onPointerEnter||e!=null&&e.onPointerLeave){if(!(y!=null&&y.userData.tres__registerAtPointerEventHandler))throw"could not find tres__registerAtPointerEventHandler on scene's userData";(f=y==null?void 0:(o=y.userData).tres__registerAtPointerEventHandler)==null||f.call(o,e)}}e!=null&&e.isObject3D&&(t!=null&&t.isObject3D)?(t.add(e),e.dispatchEvent({type:"added"})):e!=null&&e.isFog?t.fog=e: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 a,t;if(e){if(e.isObject3D){const r=e,n=i=>{var m,l;const p=i;i.userData.tres__materialViaProp||((m=p.material)==null||m.dispose(),p.material=void 0),i.userData.tres__geometryViaProp||((l=p.geometry)==null||l.dispose(),p.geometry=void 0)},o=y==null?void 0:y.userData.tres__deregisterAtPointerEventHandler,f=y==null?void 0:y.userData.tres__deregisterBlockingObjectAtPointerEventHandler,s=i=>{var p,m;if(!f)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((m=y==null?void 0:(p=y.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||m.call(p,i),!o)throw"could not find tres__deregisterAtPointerEventHandler on scene's userData";(i!=null&&i.onClick||i!=null&&i.onPointerMove||i!=null&&i.onPointerEnter||i!=null&&i.onPointerLeave)&&(o==null||o(i))},c=i=>{const p=y==null?void 0:y.userData.tres__deregisterCamera;if(!p)throw"could not find tres__deregisterCamera on scene's userData";i.isCamera&&(p==null||p(i))};(a=e.removeFromParent)==null||a.call(e),r.traverse(i=>{n(i),c(i),s==null||s(i)}),n(r),c(r),s==null||s(r)}(t=e.dispose)==null||t.call(e)}},patchProp(e,a,t,r){var n,o,f,s;if(e){let c=e,i=a;if(e.isObject3D&&i==="blocks-pointer-events"){r||r===""?(o=y==null?void 0:(n=y.userData).tres__registerBlockingObjectAtPointerEventHandler)==null||o.call(n,e):(s=y==null?void 0:(f=y.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||s.call(f,e);return}let p=x(i),m=c==null?void 0:c[p];if(i==="args"){const w=e,P=t??[],d=r??[],_=e.userData.tres__name||e.type;_&&P.length&&!ye(P,d)&&(c=Object.assign(w,new j.value[_](...r)));return}if(c.type==="BufferGeometry"){if(i==="args")return;c.setAttribute(x(i),new M.BufferAttribute(...r));return}if(i.includes("-")&&m===void 0){const w=i.split("-");m=w.reduce((P,d)=>P[x(d)],c),i=w.pop(),p=i.toLowerCase(),m!=null&&m.set||(c=w.reduce((P,d)=>P[x(d)],c))}let l=r;if(l===""&&(l=!0),Q(m)){Array.isArray(l)?e[p](...l):e[p](l);return}!(m!=null&&m.set)&&!Q(m)?c[p]=l:m.constructor===l.constructor&&(m!=null&&m.copy)?m==null||m.copy(l):Array.isArray(l)?m.set(...l):!m.isColor&&m.setScalar?m.setScalar(l):m.set(l)}},parentNode(e){return(e==null?void 0:e.parent)||null},createText:()=>void 0,createComment:()=>void 0,setText:()=>void 0,setElementText:()=>void 0,nextSibling:()=>void 0,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0},{render:Le}=u.createRenderer(ke);F(ie);const De=["data-scene"],oe=u.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},depth:{type:Boolean,default:void 0},logarithmicDepthBuffer:{type:Boolean,default:void 0},failIfMajorPerformanceCaveat:{type:Boolean,default:void 0}},setup(e,{expose:a}){var P;const t=e,{logWarning:r}=S(),n=u.ref(),o=u.shallowRef(new M.Scene),{resume:f}=N(),s=u.useSlots(),c=(P=u.getCurrentInstance())==null?void 0:P.appContext.app,i=d=>u.defineComponent({setup(){var g;const _=(g=u.getCurrentInstance())==null?void 0:g.appContext;return _&&(_.app=c),u.provide("useTres",d),u.provide("extend",F),()=>u.h(u.Fragment,null,s!=null&&s.default?s.default():[])}}),p=d=>{const _=i(d);Le(u.h(_),o.value)},m=(d,_=!1)=>{o.value.children=[],_&&(d.renderer.value.dispose(),d.renderer.value.renderLists.dispose(),d.renderer.value.forceContextLoss()),p(d),f()},l=u.computed(()=>t.disableRender),w=u.shallowRef(null);return a({context:w,dispose:()=>m(w.value,!0)}),u.onMounted(()=>{const d=n;w.value=re({scene:o.value,canvas:d,windowSize:t.windowSize,disableRender:l,rendererOptions:t}),te({scene:o.value,contextParts:w.value});const{registerCamera:_,camera:g,cameras:k,deregisterCamera:L}=w.value;p(w.value);const D=()=>{const A=new M.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);A.position.set(3,3,3),A.lookAt(0,0,0),_(A);const O=u.watchEffect(()=>{k.value.length>=2&&(A.removeFromParent(),L(A),O==null||O())})};u.watch(()=>t.camera,(A,O)=>{A&&_(A),O&&(O.removeFromParent(),L(O))},{immediate:!0}),g.value||(r("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),D())}),(d,_)=>(u.openBlock(),u.createElementBlock("canvas",{ref_key:"canvas",ref:n,"data-scene":o.value.uuid,class:u.normalizeClass(d.$attrs.class),style:u.normalizeStyle({display:"block",width:"100%",height:"100%",position:d.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none",...d.$attrs.style})},null,14,De))}}),Oe=["TresCanvas","TresLeches","TresScene"],Se={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!Oe.includes(e)||e==="primitive"}}},Ee={install(e){e.component("TresCanvas",oe)}};h.TresCanvas=oe,h.catalogue=j,h.default=Ee,h.extend=F,h.isProd=fe,h.normalizeColor=q,h.normalizeVectorFlexibleParam=me,h.templateCompilerOptions=Se,h.trasverseObjects=Z,h.useCamera=G,h.useLoader=_e,h.useLogger=S,h.usePointerEventHandler=te,h.useRaycaster=ee,h.useRenderLoop=N,h.useRenderer=X,h.useSeek=Me,h.useTexture=Pe,h.useTres=be,h.useTresContext=ne,h.useTresContextProvider=re,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "3.6.0-next.0",
+  "version": "3.6.0",
   "packageManager": "pnpm@8.10.2",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
@@ -66,45 +66,45 @@
   },
   "dependencies": {
     "@alvarosabu/utils": "^3.1.1",
-    "@vueuse/core": "^10.5.0"
+    "@vueuse/core": "^10.7.0"
   },
   "devDependencies": {
     "@release-it/conventional-changelog": "^8.0.1",
     "@stackblitz/sdk": "^1.9.0",
     "@tresjs/cientos": "3.6.0",
     "@tresjs/eslint-config-vue": "^0.2.1",
-    "@types/three": "^0.158.3",
-    "@typescript-eslint/eslint-plugin": "^6.13.0",
-    "@typescript-eslint/parser": "^6.13.0",
-    "@vitejs/plugin-vue": "^4.5.0",
+    "@types/three": "^0.159.0",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-vue": "^4.5.2",
     "@vitest/coverage-c8": "^0.33.0",
-    "@vitest/ui": "^0.34.6",
-    "@vue/test-utils": "^2.4.2",
-    "eslint": "^8.54.0",
-    "eslint-plugin-vue": "^9.18.1",
+    "@vitest/ui": "^1.0.4",
+    "@vue/test-utils": "^2.4.3",
+    "eslint": "^8.55.0",
+    "eslint-plugin-vue": "^9.19.2",
     "esno": "^4.0.0",
-    "gsap": "^3.12.2",
-    "jsdom": "^23.0.0",
+    "gsap": "^3.12.3",
+    "jsdom": "^23.0.1",
     "kolorist": "^1.8.0",
     "ohmyfetch": "^0.4.21",
     "pathe": "^1.1.1",
-    "release-it": "^17.0.0",
+    "release-it": "^17.0.1",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-visualizer": "^5.9.3",
-    "three": "^0.158.0",
-    "unocss": "^0.57.7",
+    "rollup-plugin-visualizer": "^5.11.0",
+    "three": "^0.159.0",
+    "unocss": "^0.58.0",
     "unplugin": "^1.5.1",
-    "unplugin-vue-components": "^0.25.2",
-    "vite": "^5.0.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.8",
     "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-dts": "3.6.3",
-    "vite-plugin-inspect": "^0.8.0",
+    "vite-plugin-dts": "3.6.4",
+    "vite-plugin-inspect": "^0.8.1",
     "vite-plugin-require-transform": "^1.0.21",
     "vite-svg-loader": "^5.1.0",
     "vitepress": "1.0.0-rc.31",
-    "vitest": "^0.34.6",
-    "vue": "^3.3.9",
+    "vitest": "^1.0.4",
+    "vue": "^3.3.11",
     "vue-demi": "^0.14.6"
   }
 }