@tresjs/core 3.6.0-next.0 → 3.7.0-next.0

package/dist/tres.js

@@ -1,433 +1,441 @@
 /**
  * name: @tresjs/core
- * version: v3.6.0-next.0
+ * version: v3.7.0-next.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 * 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";
-const Ye = ({ sizes: e, scene: a }) => {
-  const t = S([]), r = k(
+import { ref as L, computed as D, watchEffect as k, onUnmounted as O, shallowRef as S, watch as ae, reactive as ge, readonly as ye, provide as G, inject as he, createRenderer as we, defineComponent as J, useSlots as Ee, getCurrentInstance as K, onMounted as _e, openBlock as Ce, createElementBlock as Me, normalizeClass as Pe, normalizeStyle as Ae, h as X, Fragment as be } from "vue";
+import * as De from "three";
+import { PerspectiveCamera as W, OrthographicCamera as ke, Camera as Te, Clock as Se, Vector3 as xe, Color as F, REVISION as Le, SRGBColorSpace as Oe, ACESFilmicToneMapping as Be, PCFSoftShadowMap as Re, WebGLRenderer as N, LoadingManager as je, TextureLoader as He, Vector2 as Fe, Raycaster as ze, BufferAttribute as $e, Scene as Ie } from "three";
+import { createEventHook as x, useRafFn as ne, toValue as C, unrefElement as Ne, useDevicePixelRatio as Ve, usePointer as Ge, useElementBounding as We, useWindowSize as qe, useElementSize as Ue, useFps as Ye, useMemory as Je } from "@vueuse/core";
+const Ke = ({ sizes: e, scene: n }) => {
+  const t = L([]), r = D(
     () => t.value[0]
-  ), n = (s, c = !1) => {
-    t.value.some(({ uuid: i }) => i === s.uuid) || (c ? l(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);
+  ), a = (l, c = !1) => {
+    t.value.some(({ uuid: m }) => m === l.uuid) || (c ? u(l) : t.value.push(l));
+  }, o = (l) => {
+    t.value = t.value.filter(({ uuid: c }) => c !== l.uuid);
+  }, u = (l) => {
+    const c = l instanceof Te ? l : t.value.find((h) => h.uuid === l);
     if (!c)
       return;
-    const i = t.value.filter(({ uuid: p }) => p !== c.uuid);
-    t.value = [c, ...i];
+    const m = t.value.filter(({ uuid: h }) => h !== c.uuid);
+    t.value = [c, ...m];
   };
-  return D(() => {
-    e.aspectRatio.value && t.value.forEach((s) => {
-      s instanceof G && (s.aspect = e.aspectRatio.value), (s instanceof G || s instanceof Ae) && s.updateProjectionMatrix();
+  return k(() => {
+    e.aspectRatio.value && t.value.forEach((l) => {
+      l instanceof W && (l.aspect = e.aspectRatio.value), (l instanceof W || l instanceof ke) && l.updateProjectionMatrix();
     });
-  }), a.userData.tres__registerCamera = n, a.userData.tres__deregisterCamera = o, $(() => {
+  }), n.userData.tres__registerCamera = a, n.userData.tres__deregisterCamera = o, O(() => {
     t.value = [];
   }), {
     camera: r,
     cameras: t,
-    registerCamera: n,
+    registerCamera: a,
     deregisterCamera: o,
-    setCameraActive: l
+    setCameraActive: u
   };
-}, ae = x(), oe = x(), U = x(), T = new be();
-let j = 0, z = 0;
-const { pause: qe, resume: Je, isActive: Ke } = ne(
+}, oe = x(), se = x(), U = x(), T = new Se();
+let z = 0, $ = 0;
+const { pause: Xe, resume: Qe, isActive: Ze } = ne(
   () => {
-    ae.trigger({ delta: j, elapsed: z, clock: T }), oe.trigger({ delta: j, elapsed: z, clock: T }), U.trigger({ delta: j, elapsed: z, clock: T });
+    oe.trigger({ delta: z, elapsed: $, clock: T }), se.trigger({ delta: z, elapsed: $, clock: T }), U.trigger({ delta: z, elapsed: $, clock: T });
   },
   { immediate: !1 }
 );
 U.on(() => {
-  j = T.getDelta(), z = T.getElapsedTime();
+  z = T.getDelta(), $ = T.getElapsedTime();
 });
-const se = () => ({
-  onBeforeLoop: ae.on,
-  onLoop: oe.on,
+const ie = () => ({
+  onBeforeLoop: oe.on,
+  onLoop: se.on,
   onAfterLoop: U.on,
-  pause: qe,
-  resume: Je,
-  isActive: Ke
-}), Pt = !0, X = "[TresJS ▲ ■ ●] ";
+  pause: Xe,
+  resume: Qe,
+  isActive: Ze
+}), bt = !0, Q = "[TresJS ▲ ■ ●] ";
 function B() {
-  function e(r, n) {
-    console.error(`${X} ${r}`, n || "");
+  function e(r, a) {
+    console.error(`${Q} ${r}`, a || "");
   }
-  function a(r) {
-    console.warn(`${X} ${r}`);
+  function n(r) {
+    console.warn(`${Q} ${r}`);
   }
-  function t(r, n) {
+  function t(r, a) {
   }
   return {
     logError: e,
-    logWarning: a,
+    logWarning: n,
     logMessage: t
   };
 }
-function At(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof De ? [e.x, e.y, e.z] : e;
+function Dt(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
-function Xe(e) {
+function et(e) {
   return e instanceof F ? e : Array.isArray(e) ? new F(...e) : new F(e);
 }
-const ie = (e, a) => {
-  for (const t of Object.keys(a))
-    a[t] instanceof Object && Object.assign(a[t], ie(e[t], a[t]));
-  return Object.assign(e || {}, a), e;
-}, Qe = "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", Ze = /* @__PURE__ */ et(Qe);
-function Q(e) {
+const le = (e, n) => {
+  for (const t of Object.keys(n))
+    n[t] instanceof Object && Object.assign(n[t], le(e[t], n[t]));
+  return Object.assign(e || {}, n), e;
+}, tt = "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", rt = /* @__PURE__ */ at(tt);
+function Z(e) {
   return e && e.nodeType === 1;
 }
-function R(e) {
-  return e.replace(/-([a-z])/g, (a, t) => t.toUpperCase());
+function j(e) {
+  return e.replace(/-([a-z])/g, (n, t) => t.toUpperCase());
 }
-function et(e, a) {
+function at(e, n) {
   const t = /* @__PURE__ */ 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];
+  for (let a = 0; a < r.length; a++)
+    t[r[a]] = !0;
+  return n ? (a) => !!t[a.toLowerCase()] : (a) => !!t[a];
 }
-const tt = (e, a) => {
+const nt = (e, n) => {
   const t = /* @__PURE__ */ new Set(), r = [];
-  for (const n of e) {
-    const o = a(n);
-    t.has(o) || (t.add(o), r.push(n));
+  for (const a of e) {
+    const o = n(a);
+    t.has(o) || (t.add(o), r.push(a));
   }
   return r;
-}, Z = (e, a) => {
-  if (!a)
+}, ee = (e, n) => {
+  if (!n)
     return;
-  const t = Array.isArray(a) ? a : a.match(/([^[.\]])+/g);
-  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);
+  const t = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
+  return t == null ? void 0 : t.reduce((r, a) => r && r[a], e);
+}, ot = (e, n, t) => {
+  const r = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
+  r && r.reduce((a, o, u) => (a[o] === void 0 && (a[o] = {}), u === r.length - 1 && (a[o] = t), a[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);
+function ue(e, n) {
+  if (Z(e) && Z(n)) {
+    const a = e.attributes, o = n.attributes;
+    return a.length !== o.length ? !1 : Array.from(a).every(({ name: u, value: l }) => n.getAttribute(u) === l);
   }
-  if (e === a)
+  if (e === n)
     return !0;
-  if (e === null || typeof e != "object" || a === null || typeof a != "object")
+  if (e === null || typeof e != "object" || n === null || typeof n != "object")
     return !1;
-  const t = Object.keys(e), r = Object.keys(a);
+  const t = Object.keys(e), r = Object.keys(n);
   if (t.length !== r.length)
     return !1;
-  for (const n of t)
-    if (!r.includes(n) || !ue(e[n], a[n]))
+  for (const a of t)
+    if (!r.includes(a) || !ue(e[a], n[a]))
       return !1;
   return !0;
 }
-function nt(e, a) {
-  if (!Array.isArray(e) || !Array.isArray(a) || e.length !== a.length)
+function st(e, n) {
+  if (!Array.isArray(e) || !Array.isArray(n) || e.length !== n.length)
     return !1;
   for (let t = 0; t < e.length; t++)
-    if (!ue(e[t], a[t]))
+    if (!ue(e[t], n[t]))
       return !1;
   return !0;
 }
-const at = Array.isArray, ot = Number.parseInt(Te.replace("dev", "")), H = {
+const it = Array.isArray;
+function ce(e) {
+  var n, t;
+  e.children && e.children.forEach((r) => ce(r));
+  for (const r in e)
+    (t = (n = e[r]) == null ? void 0 : n.dispose) == null || t.call(n), delete e[r];
+  e.dispose && e.type !== "Scene" && e.dispose();
+}
+const lt = Number.parseInt(Le.replace("dev", "")), H = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: Le,
-    toneMapping: xe,
+    outputColorSpace: Oe,
+    toneMapping: Be,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Se
+      type: Re
     }
   }
 };
-function st({
+function ut({
   scene: e,
-  canvas: a,
+  canvas: n,
   options: t,
   disableRender: r,
-  contextParts: { sizes: n, camera: o }
+  contextParts: { sizes: a, camera: o }
 }) {
-  const l = k(() => ({
-    alpha: h(t.alpha),
-    depth: h(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);
-  }), D(() => {
-    s.value.setSize(n.width.value, n.height.value);
+  const u = D(() => ({
+    alpha: C(t.alpha),
+    depth: C(t.depth),
+    canvas: Ne(n),
+    context: C(t.context),
+    stencil: C(t.stencil),
+    antialias: C(t.antialias) === void 0 ? !0 : C(t.antialias),
+    precision: C(t.precision),
+    powerPreference: C(t.powerPreference),
+    premultipliedAlpha: C(t.premultipliedAlpha),
+    preserveDrawingBuffer: C(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: C(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: C(t.failIfMajorPerformanceCaveat)
+  })), l = S(new N(u.value));
+  ae(u, () => {
+    l.value.dispose(), l.value = new N(u.value);
+  }), k(() => {
+    l.value.setSize(a.width.value, a.height.value);
   });
-  const { pixelRatio: c } = $e();
-  D(() => {
-    s.value.setPixelRatio(c.value);
+  const { pixelRatio: c } = Ve();
+  k(() => {
+    l.value.setPixelRatio(c.value);
   });
-  const { logError: i } = B(), f = (() => {
-    const d = new I(), C = {
+  const { logError: m } = B(), i = (() => {
+    const p = new N(), w = {
       shadowMap: {
-        enabled: d.shadowMap.enabled,
-        type: d.shadowMap.type
+        enabled: p.shadowMap.enabled,
+        type: p.shadowMap.type
       },
-      toneMapping: d.toneMapping,
-      toneMappingExposure: d.toneMappingExposure,
-      outputColorSpace: d.outputColorSpace
+      toneMapping: p.toneMapping,
+      toneMappingExposure: p.toneMappingExposure,
+      outputColorSpace: p.outputColorSpace
     };
-    return d.dispose(), C;
+    return p.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], _);
+  k(() => {
+    const p = C(t.preset);
+    p && (p in H || m(`Renderer Preset must be one of these: ${Object.keys(H).join(", ")}`), le(l.value, H[p]));
+    const w = (P, A) => {
+      const E = C(P), b = () => {
+        if (p)
+          return ee(H[p], A);
       };
-      if (A !== void 0)
-        return A;
+      if (E !== void 0)
+        return E;
       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)
+      return g !== void 0 ? g : ee(i, A);
+    }, v = (P, A) => ot(l.value, A, w(P, A));
+    v(t.shadows, "shadowMap.enabled"), v(t.toneMapping, "toneMapping"), v(t.shadowMapType, "shadowMap.type"), lt < 150 && v(!t.useLegacyLights, "physicallyCorrectLights"), v(t.outputColorSpace, "outputColorSpace"), v(t.toneMappingExposure, "toneMappingExposure");
+    const M = w(t.clearColor, "clearColor");
+    M && l.value.setClearColor(
+      M ? et(M) : 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(), $(() => {
-    u(), s.value.dispose(), s.value.forceContextLoss();
+  const { pause: s, resume: f, onLoop: d } = ie();
+  return d(() => {
+    o.value && !C(r) && l.value.render(e, o.value);
+  }), f(), O(() => {
+    s(), l.value.dispose(), l.value.forceContextLoss();
   }), {
-    renderer: s
+    renderer: l
   };
 }
-const ee = (e) => typeof e == "function", it = (e) => !!e && e.constructor === Array;
-function ut(e) {
-  const a = { nodes: {}, materials: {} };
+const te = (e) => typeof e == "function", ct = (e) => !!e && e.constructor === Array;
+function ft(e) {
+  const n = { 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;
+    t.name && (n.nodes[t.name] = t), t.material && !n.materials[t.material.name] && (n.materials[t.material.name] = t.material);
+  }), n;
 }
-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(
-    (i) => new Promise((p, f) => {
-      l.load(
-        i,
-        (u) => {
-          u.scene && Object.assign(u, ut(u.scene)), p(u);
+async function kt(e, n, t, r, a) {
+  const { logError: o } = B(), u = new e();
+  a && a(u), t && t(u);
+  const c = (Array.isArray(n) ? n : [n]).map(
+    (m) => new Promise((h, i) => {
+      u.load(
+        m,
+        (s) => {
+          s.scene && Object.assign(s, ft(s.scene)), h(s);
         },
         r,
-        (u) => f(o("[useLoader] - Failed to load resource", u))
+        (s) => i(o("[useLoader] - Failed to load resource", s))
       );
     })
   );
-  return it(a) ? await Promise.all(c) : await c[0];
+  return ct(n) ? await Promise.all(c) : await c[0];
 }
-async function bt(e) {
-  const a = new Be(), t = new Oe(a), r = (n) => new Promise((o, l) => {
+async function Tt(e) {
+  const n = new je(), t = new He(n), r = (a) => new Promise((o, u) => {
     t.load(
-      n,
-      (s) => o(s),
+      a,
+      (l) => o(l),
       () => null,
       () => {
-        l(new Error("[useTextures] - Failed to load texture"));
+        u(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (at(e)) {
-    const n = await Promise.all(e.map((o) => r(o)));
-    return e.length > 1 ? n : n[0];
+  if (it(e)) {
+    const a = await Promise.all(e.map((o) => r(o)));
+    return e.length > 1 ? a : a[0];
   } else {
     const {
-      map: n,
+      map: a,
       displacementMap: o,
-      normalMap: l,
-      roughnessMap: s,
+      normalMap: u,
+      roughnessMap: l,
       metalnessMap: c,
-      aoMap: i,
-      alphaMap: p,
-      matcap: f
+      aoMap: m,
+      alphaMap: h,
+      matcap: i
     } = e;
     return {
-      map: n ? await r(n) : null,
+      map: a ? await r(a) : null,
       displacementMap: o ? await r(o) : null,
-      normalMap: l ? await r(l) : null,
-      roughnessMap: s ? await r(s) : null,
+      normalMap: u ? await r(u) : null,
+      roughnessMap: l ? await r(l) : null,
       metalnessMap: c ? await r(c) : null,
-      aoMap: i ? await r(i) : null,
-      alphaMap: p ? await r(p) : null,
-      matcap: f ? await r(f) : null
+      aoMap: m ? await r(m) : null,
+      alphaMap: h ? await r(h) : null,
+      matcap: i ? await r(i) : null
     };
   }
 }
-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 }) => {
-    if (n.value)
+const mt = (e, { renderer: n, camera: t, raycaster: r }) => {
+  const a = D(() => n.value.domElement), { x: o, y: u } = Ge({ target: a }), { width: l, height: c, top: m, left: h } = We(a), i = ({ x: g, y: _ }) => {
+    if (a.value)
       return {
-        x: (g - p.value) / s.value * 2 - 1,
-        y: -((M - i.value) / c.value) * 2 + 1
+        x: (g - h.value) / l.value * 2 - 1,
+        y: -((_ - m.value) / c.value) * 2 + 1
       };
-  }, u = ({ x: g, y: M }) => {
+  }, s = ({ 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 Fe(g, _), t.value), r.value.intersectObjects(e.value, !1);
+  }, f = (g) => {
+    const _ = i({
       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) ?? u.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 _ ? s(_) || [] : [];
+  }, d = D(() => f()), p = x(), w = x(), v = (g, _) => {
+    g.trigger({ event: _, intersects: f(_) });
+  }, M = (g) => {
+    v(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 = (_ = f(g)[0]) == null ? void 0 : _.object;
+  }, E = (g) => {
+    var _;
+    g instanceof PointerEvent && P === ((_ = f(g)[0]) == null ? void 0 : _.object) && v(p, g);
+  }, b = (g) => w.trigger({ event: g, intersects: [] });
+  return a.value.addEventListener("pointerup", E), a.value.addEventListener("pointerdown", A), a.value.addEventListener("pointermove", M), a.value.addEventListener("pointerleave", b), O(() => {
+    a != null && a.value && (a.value.removeEventListener("pointerup", E), a.value.removeEventListener("pointerdown", A), a.value.removeEventListener("pointermove", M), a.value.removeEventListener("pointerleave", b));
   }), {
-    intersects: v,
-    onClick: (g) => d.on(g).off,
-    onPointerMove: (g) => C.on(g).off
+    intersects: d,
+    onClick: (g) => p.on(g).off,
+    onPointerMove: (g) => w.on(g).off
   };
 };
-function Dt() {
+function St() {
   const { logWarning: e } = B();
-  function a(o, l, s) {
+  function n(o, u, l) {
     let c = null;
-    return o.traverse((i) => {
-      i[l] === s && (c = i);
-    }), c || e(`Child with ${l} '${s}' not found.`), c;
+    return o.traverse((m) => {
+      m[u] === l && (c = m);
+    }), c || e(`Child with ${u} '${l}' not found.`), c;
   }
-  function t(o, l, s) {
+  function t(o, u, l) {
     const c = [];
-    return o.traverse((i) => {
-      i[l].includes(s) && c.push(i);
-    }), c.length || e(`Children with ${l} '${s}' not found.`), c;
+    return o.traverse((m) => {
+      m[u].includes(l) && c.push(m);
+    }), c.length || e(`Children with ${u} '${l}' not found.`), c;
   }
-  function r(o, l) {
-    return a(o, "name", l);
+  function r(o, u) {
+    return n(o, "name", u);
   }
-  function n(o, l) {
-    return t(o, "name", l);
+  function a(o, u) {
+    return t(o, "name", u);
   }
   return {
-    seek: a,
+    seek: n,
     seekByName: r,
     seekAll: t,
-    seekAllByName: n
+    seekAllByName: a
   };
 }
-const ct = ({ scene: e, contextParts: a }) => {
-  const t = pe({
+const pt = ({ scene: e, contextParts: n }) => {
+  const t = ge({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), r = S(/* @__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);
-  }, 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);
+  }), r = L(/* @__PURE__ */ new Set()), a = (s) => {
+    r.value.add(s);
+  }, o = (s) => {
+    r.value.delete(s);
+  }, u = (s) => {
+    Object.values(t).forEach((f) => f.delete(s)), o(s);
+  }, l = (s) => {
+    const { onClick: f, onPointerMove: d, onPointerEnter: p, onPointerLeave: w } = s;
+    f && t.click.set(s, f), d && t.pointerMove.set(s, d), p && t.pointerEnter.set(s, p), w && t.pointerLeave.set(s, w);
   };
-  e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = l, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
-  const c = k(
-    () => tt(
+  e.userData.tres__registerAtPointerEventHandler = l, e.userData.tres__deregisterAtPointerEventHandler = u, e.userData.tres__registerBlockingObjectAtPointerEventHandler = a, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
+  const c = D(
+    () => nt(
       [
         ...Array.from(r.value),
-        ...Object.values(t).map((u) => Array.from(u.keys())).flat()
+        ...Object.values(t).map((s) => Array.from(s.keys())).flat()
       ],
-      ({ uuid: u }) => u
+      ({ uuid: s }) => s
     )
-  ), { 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: m, onPointerMove: h } = mt(c, n);
+  m(({ intersects: s, event: f }) => {
+    var d;
+    s.length && ((d = t.click.get(s[0].object)) == null || d(s[0], f));
   });
-  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;
+  let i;
+  return h(({ intersects: s, event: f }) => {
+    var M, P, A, E;
+    const d = (M = s == null ? void 0 : s[0]) == null ? void 0 : M.object, { pointerLeave: p, pointerEnter: w, pointerMove: v } = t;
+    i && i !== d && ((P = p.get(i)) == null || P(i, f)), d && (i !== d && ((A = w.get(d)) == null || A(s[0], f)), (E = v.get(d)) == null || E(s[0], f)), i = d || null;
   }), {
-    registerObject: s,
-    deregisterObject: l
+    registerObject: l,
+    deregisterObject: u
   };
 };
-function ft(e) {
-  let a = 0;
+function dt(e) {
+  let n = 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, a = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, o = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, u = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, l = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, c = a + o + u + l;
+      n += c;
     }
-  }), a;
+  }), n;
 }
-const W = S({}), Y = (e) => Object.assign(W.value, e);
-function mt({
+const q = L({}), Y = (e) => Object.assign(q.value, e);
+function vt({
   scene: e,
-  canvas: a,
+  canvas: n,
   windowSize: t,
   disableRender: r,
-  rendererOptions: n
+  rendererOptions: a
 }) {
-  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 = {
-    height: s,
-    width: l,
+  const o = D(
+    () => C(t) ? qe() : Ue(C(n).parentElement)
+  ), u = D(() => o.value.width.value), l = D(() => o.value.height.value), c = D(() => u.value / l.value), m = {
+    height: l,
+    width: u,
     aspectRatio: c
-  }, p = L(e), {
-    camera: f,
-    cameras: u,
-    registerCamera: m,
-    deregisterCamera: v,
-    setCameraActive: d
-  } = Ye({ sizes: i, scene: e }), { renderer: C } = st(
+  }, h = S(e), {
+    camera: i,
+    cameras: s,
+    registerCamera: f,
+    deregisterCamera: d,
+    setCameraActive: p
+  } = Ke({ sizes: m, scene: e }), { renderer: w } = ut(
     {
       scene: e,
-      canvas: a,
-      options: n,
-      contextParts: { sizes: i, camera: f },
+      canvas: n,
+      options: a,
+      contextParts: { sizes: m, camera: i },
       disableRender: r
     }
-  ), w = {
-    sizes: i,
-    scene: p,
-    camera: f,
-    cameras: ve(u),
-    renderer: C,
-    raycaster: L(new He()),
-    controls: S(null),
+  ), v = {
+    sizes: m,
+    scene: h,
+    camera: i,
+    cameras: ye(s),
+    renderer: w,
+    raycaster: S(new ze()),
+    controls: L(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -441,130 +449,135 @@ function mt({
       }
     },
     extend: Y,
-    registerCamera: m,
-    setCameraActive: d,
-    deregisterCamera: v
+    registerCamera: f,
+    setCameraActive: p,
+    deregisterCamera: d
   };
-  V("useTres", w);
-  const P = 100, E = We({ every: P }), { isSupported: _, memory: A } = Ue({ interval: P }), b = 160;
+  G("useTres", v);
+  const M = 100, P = Ye({ every: M }), { isSupported: A, memory: E } = Je({ interval: M }), b = 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: R }) => {
+    v.scene.value && (v.perf.memory.allocatedMem = dt(v.scene.value)), R - g >= M && (g = R, v.perf.fps.accumulator.push(P.value), v.perf.fps.accumulator.length > b && v.perf.fps.accumulator.shift(), v.perf.fps.value = P.value, A.value && E.value && (v.perf.memory.accumulator.push(E.value.usedJSHeapSize / 1024 / 1024), v.perf.memory.accumulator.length > b && v.perf.memory.accumulator.shift(), v.perf.memory.currentMem = v.perf.memory.accumulator.reduce((de, ve) => de + ve, 0) / v.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));
+  let I = 0;
+  const me = 1, { pause: pe, resume: Ct } = ne(({ delta: R }) => {
+    window.__TRES__DEVTOOLS__ && (_({ timestamp: performance.now() }), I += R, I >= me && (window.__TRES__DEVTOOLS__.cb(v), I = 0));
   }, { immediate: !0 });
-  return $(() => {
-    ce();
-  }), w;
+  return O(() => {
+    pe();
+  }), v;
 }
-function pt() {
-  const e = de("useTres");
+function gt() {
+  const e = he("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Tt = pt;
+const xt = gt;
 let y = null;
-const { logError: te } = B(), vt = {
-  createElement(e, a, t, r) {
-    var l, s;
-    if (r || (r = {}), r.args || (r.args = []), e === "template" || Ze(e))
+const { logError: re } = B(), V = [
+  "onClick",
+  "onPointerMove",
+  "onPointerEnter",
+  "onPointerLeave"
+], fe = {
+  createElement(e, n, t, r) {
+    var u, l;
+    if (r || (r = {}), r.args || (r.args = []), e === "template" || rt(e))
       return null;
-    let n = e.replace("Tres", ""), o;
+    let a = e.replace("Tres", ""), o;
     if (e === "primitive") {
-      (r == null ? void 0 : r.object) === void 0 && te("Tres primitives need a prop 'object'");
+      (r == null ? void 0 : r.object) === void 0 && re("Tres primitives need a prop 'object'");
       const c = r.object;
-      n = c.type, o = Object.assign(c, { type: n, attach: r.attach, primitive: !0 });
+      a = c.type, o = Object.assign(c, { type: a, 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 c = q.value[a];
+      c || re(`${a} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new c(...r.args);
     }
-    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((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 && ((u = r == null ? void 0 : r.material) != null && u.isMaterial && (o.userData.tres__materialViaProp = !0), (l = r == null ? void 0 : r.geometry) != null && l.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
       ...o.userData,
-      tres__name: n
+      tres__name: a
     }, o;
   },
-  insert(e, a) {
-    var r, n, o, l;
-    a && a.isScene && (y = a);
-    const t = a || y;
+  insert(e, n) {
+    var r, a, o, u;
+    n && n.isScene && (y = n);
+    const t = n || 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);
+        (a = y == null ? void 0 : (r = y.userData).tres__registerCamera) == null || a.call(r, e);
       }
-      if (e != null && e.onClick || e != null && e.onPointerMove || e != null && e.onPointerEnter || e != null && e.onPointerLeave) {
+      if (e && V.some((l) => e[l])) {
         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);
+        (u = y == null ? void 0 : (o = y.userData).tres__registerAtPointerEventHandler) == null || u.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 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) => {
-          var p, f;
-          if (!l)
-            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) => {
-          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), (t = e.dispose) == null || t.call(e);
+    var c, m, h;
+    if (!e)
+      return;
+    const n = (i) => {
+      var f, d;
+      const s = i;
+      i.userData.tres__materialViaProp || ((f = s.material) == null || f.dispose(), delete s.material), i.userData.tres__geometryViaProp || ((d = s.geometry) == null || d.dispose(), delete s.geometry);
+    }, t = y == null ? void 0 : y.userData.tres__deregisterAtPointerEventHandler, r = y == null ? void 0 : y.userData.tres__deregisterBlockingObjectAtPointerEventHandler, a = (i) => {
+      var s, f;
+      if (!r)
+        throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
+      if ((f = y == null ? void 0 : (s = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || f.call(s, i), !t)
+        throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
+      i && V.some((d) => i[d]) && (t == null || t(i));
+    }, o = (i) => {
+      const s = y == null ? void 0 : y.userData.tres__deregisterCamera;
+      if (!s)
+        throw "could not find tres__deregisterCamera on scene's userData";
+      i.isCamera && (s == null || s(i));
+    }, u = e == null ? void 0 : e.primitive, l = !u && (e.dispose === void 0 ? e.dispose !== null : !1);
+    if (e != null && e.isObject3D && ((c = e.parent) != null && c.isObject3D) && (e.parent.remove(e), (m = e.removeFromParent) == null || m.call(e)), !u && (e != null && e.isObject3D)) {
+      e.children.forEach((i) => fe.remove(i)), n(e), o(e), a == null || a(e);
+      for (const i in e)
+        i !== "geometry" && i !== "material" && ((h = i.dispose) == null || h.call(i), delete e[i]);
     }
+    l && e.dispose && e.type !== "Scene" && e.dispose();
   },
-  patchProp(e, a, t, r) {
-    var n, o, l, s;
+  patchProp(e, n, t, r) {
+    var a, o, u, l;
     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 : (l = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(l, e);
+      let c = e, m = n;
+      if (e.isObject3D && m === "blocks-pointer-events") {
+        r || r === "" ? (o = y == null ? void 0 : (a = y.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(a, e) : (l = y == null ? void 0 : (u = y.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || l.call(u, e);
         return;
       }
-      let p = R(i), f = c == null ? void 0 : c[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)));
+      let h = j(m), i = c == null ? void 0 : c[h];
+      if (m === "args") {
+        const f = e, d = t ?? [], p = r ?? [], w = e.userData.tres__name || e.type;
+        w && d.length && !st(d, p) && (c = Object.assign(f, new q.value[w](...r)));
         return;
       }
       if (c.type === "BufferGeometry") {
-        if (i === "args")
+        if (m === "args")
           return;
         c.setAttribute(
-          R(i),
-          new Fe(...r)
+          j(m),
+          new $e(...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));
+      if (m.includes("-") && i === void 0) {
+        const f = m.split("-");
+        i = f.reduce((d, p) => d[j(p)], c), m = f.pop(), h = m.toLowerCase(), i != null && i.set || (c = f.reduce((d, p) => d[j(p)], c));
       }
-      let u = r;
-      if (u === "" && (u = !0), ee(f)) {
-        Array.isArray(u) ? e[p](...u) : e[p](u);
+      let s = r;
+      if (s === "" && (s = !0), te(i)) {
+        V.includes(n) || (Array.isArray(s) ? e[h](...s) : e[h](s));
         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);
+      !(i != null && i.set) && !te(i) ? c[h] = s : i.constructor === s.constructor && (i != null && i.copy) ? i == null || i.copy(s) : Array.isArray(s) ? i.set(...s) : !i.isColor && i.setScalar ? i.setScalar(s) : i.set(s);
     }
   },
   parentNode(e) {
@@ -579,9 +592,9 @@ const { logError: te } = B(), vt = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: dt } = ge(vt);
-Y(Pe);
-const gt = ["data-scene"], yt = /* @__PURE__ */ q({
+}, { render: yt } = we(fe);
+Y(De);
+const ht = ["data-scene"], wt = /* @__PURE__ */ J({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -607,107 +620,113 @@ const gt = ["data-scene"], yt = /* @__PURE__ */ q({
     logarithmicDepthBuffer: { type: Boolean, default: void 0 },
     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({
+  setup(e, { expose: n }) {
+    var d;
+    const t = e, { logWarning: r } = B(), a = L(), o = S(new Ie());
+    ie();
+    const u = Ee(), l = (d = K()) == null ? void 0 : d.appContext.app;
+    let c = null;
+    const m = (p) => J({
       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() : []);
+        var v;
+        const w = (v = K()) == null ? void 0 : v.appContext;
+        return w && (w.app = l), G("useTres", p), G("extend", Y), () => X(be, null, u != null && u.default ? u.default() : []);
       }
-    }), i = (m) => {
-      const v = c(m);
-      dt(K(v), o.value);
-    }, p = k(() => t.disableRender), f = L(null);
-    return a({ context: f }), we(() => {
-      const m = n;
-      f.value = mt({
+    }), h = (p) => {
+      c = m(p), yt(X(c), o.value);
+    }, i = (p) => {
+      ce(o.value), o.value = null;
+    }, s = D(() => t.disableRender), f = S(null);
+    return n({ context: f, dispose: () => i(f.value) }), _e(() => {
+      const p = a;
+      f.value = vt({
         scene: o.value,
-        canvas: m,
+        canvas: p,
         windowSize: t.windowSize,
-        disableRender: p,
+        disableRender: s,
         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(
+      }), pt({ scene: o.value, contextParts: f.value });
+      const { registerCamera: w, camera: v, cameras: M, deregisterCamera: P } = f.value;
+      h(f.value);
+      const A = () => {
+        const E = new W(
           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 || _());
+        E.position.set(3, 3, 3), E.lookAt(0, 0, 0), w(E);
+        const b = k(() => {
+          M.value.length >= 2 && (E.removeFromParent(), P(E), b == null || b());
         });
       };
-      re(
+      ae(
         () => t.camera,
-        (E, _) => {
-          E && v(E), _ && (_.removeFromParent(), w(_));
+        (E, b) => {
+          E && w(E), b && (b.removeFromParent(), P(b));
         },
         {
           immediate: !0
         }
-      ), d.value || (r(
+      ), v.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());
+    }), O(() => {
+      f.value && i(f.value);
+    }), (p, w) => (Ce(), Me("canvas", {
       ref_key: "canvas",
-      ref: n,
+      ref: a,
       "data-scene": o.value.uuid,
-      class: Ce(m.$attrs.class),
-      style: Me({
+      class: Pe(p.$attrs.class),
+      style: Ae({
         display: "block",
         width: "100%",
         height: "100%",
-        position: m.windowSize ? "fixed" : "relative",
+        position: p.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...m.$attrs.style
+        ...p.$attrs.style
       })
-    }, null, 14, gt));
+    }, null, 14, ht));
   }
-}), wt = [
+}), Et = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Et = {
+], _t = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !wt.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Et.includes(e) || e === "primitive"
     }
   }
-}, Lt = Et, xt = {
+}, Lt = _t, Ot = {
   install(e) {
-    e.component("TresCanvas", yt);
+    e.component("TresCanvas", wt);
   }
 };
 export {
-  yt as TresCanvas,
-  W as catalogue,
-  xt as default,
+  wt as TresCanvas,
+  q as catalogue,
+  Ot as default,
+  ce as dispose,
   Y as extend,
-  Pt as isProd,
-  Xe as normalizeColor,
-  At as normalizeVectorFlexibleParam,
+  bt as isProd,
+  et as normalizeColor,
+  Dt as normalizeVectorFlexibleParam,
   Lt as templateCompilerOptions,
-  ut as trasverseObjects,
-  Ye as useCamera,
+  ft as trasverseObjects,
+  Ke as useCamera,
   kt as useLoader,
   B as useLogger,
-  ct as usePointerEventHandler,
-  lt as useRaycaster,
-  se as useRenderLoop,
-  st as useRenderer,
-  Dt as useSeek,
-  bt as useTexture,
-  Tt as useTres,
-  pt as useTresContext,
-  mt as useTresContextProvider
+  pt as usePointerEventHandler,
+  mt as useRaycaster,
+  ie as useRenderLoop,
+  ut as useRenderer,
+  St as useSeek,
+  Tt as useTexture,
+  xt as useTres,
+  gt as useTresContext,
+  vt as useTresContextProvider
 };