@tresjs/core 3.2.3 → 3.3.0

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

@@ -1,4 +1,5 @@
 import type { WebGLRendererParameters, ColorSpace, ShadowMapType, ToneMapping } from 'three';
+import { type TresContext } from '../composables';
 import type { RendererPresetsType } from '../composables/useRenderer/const';
 import type { TresCamera } from '../types/';
 export interface TresCanvasProps extends Omit<WebGLRendererParameters, 'canvas'> {
@@ -92,7 +93,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    context: import("vue").ShallowRef<TresContext | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: import("vue").PropType<WebGLRenderingContext>;
     };

package/dist/composables/useRenderer/const.d.ts

@@ -1,5 +1,7 @@
 export declare const rendererPresets: {
     realistic: {
+        shadows: boolean;
+        physicallyCorrectLights: boolean;
         outputColorSpace: "srgb";
         toneMapping: 4;
         toneMappingExposure: number;

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

@@ -71,7 +71,7 @@ export interface UseRendererOptions extends TransformToMaybeRefOrGetter<WebGLRen
     preset?: MaybeRefOrGetter<RendererPresetsType>;
 }
 /**
- * Reactive Three.js WebGLRenderer instance
+ * Reactive three.js WebGLRenderer instance
  *
  * @param canvas
  * @param {UseRendererOptions} [options]

package/dist/tres.js

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

package/dist/tres.umd.cjs

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

package/package.json

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