@tresjs/core 4.2.1 → 4.2.3

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.2.1
+ * version: v4.2.3
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,11 +8,11 @@
 var bt = Object.defineProperty;
 var Pt = (e, t, n) => t in e ? bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var me = (e, t, n) => Pt(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as I, computed as Y, watchEffect as Te, onUnmounted as Q, shallowRef as H, watch as le, readonly as ye, unref as K, provide as _e, inject as Mt, isRef as Ct, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as kt, normalizeClass as xt, normalizeStyle as Lt, createRenderer as Rt, h as He, Fragment as Ot } from "vue";
+import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRef as $, watch as ce, readonly as ye, unref as J, provide as _e, inject as Mt, isRef as Ct, reactive as Et, defineComponent as Be, useSlots as Tt, getCurrentInstance as Ie, onMounted as St, openBlock as At, createElementBlock as kt, normalizeClass as xt, normalizeStyle as Lt, createRenderer as Rt, h as He, Fragment as Ot } from "vue";
 import * as et from "three";
-import { PerspectiveCamera as we, Camera as Dt, Clock as tt, Vector3 as Se, Color as ce, Scene as nt, MathUtils as rt, MeshBasicMaterial as ot, DoubleSide as jt, REVISION as Bt, SRGBColorSpace as It, ACESFilmicToneMapping as st, PCFSoftShadowMap as Ht, NoToneMapping as $t, WebGLRenderer as he, TextureLoader as Ut, Vector2 as ge, Raycaster as Ft, BufferAttribute as Wt, Object3D as Nt, Line as zt, BufferGeometry as $e, Float32BufferAttribute as Ue, LineBasicMaterial as Gt, Mesh as Vt, BackSide as Yt, DirectionalLightHelper as qt, PointLightHelper as Jt, SpotLightHelper as Kt, HemisphereLightHelper as Qt, ArrowHelper as Xt } from "three";
+import { PerspectiveCamera as we, Camera as Dt, Clock as tt, Vector3 as Se, Color as Z, Scene as nt, MathUtils as rt, MeshBasicMaterial as ot, DoubleSide as jt, REVISION as Bt, SRGBColorSpace as It, ACESFilmicToneMapping as st, PCFSoftShadowMap as Ht, NoToneMapping as $t, WebGLRenderer as he, TextureLoader as Ut, Vector2 as ge, Raycaster as Ft, BufferAttribute as Wt, Object3D as Nt, Line as zt, BufferGeometry as $e, Float32BufferAttribute as Ue, LineBasicMaterial as Gt, Mesh as Vt, BackSide as Yt, DirectionalLightHelper as qt, PointLightHelper as Jt, SpotLightHelper as Kt, HemisphereLightHelper as Qt, ArrowHelper as Xt } from "three";
 import { createEventHook as j, useRafFn as it, toValue as k, unrefElement as Zt, useDevicePixelRatio as en, usePointer as tn, useElementBounding as nn, useWindowSize as rn, useElementSize as on, refDebounced as Fe, tryOnScopeDispose as sn, useFps as an, useMemory as ln } from "@vueuse/core";
-const cn = "@tresjs/core", un = "module", fn = "4.2.1", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = [
+const cn = "@tresjs/core", un = "module", fn = "4.2.3", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = [
   "vue",
   "3d",
   "threejs",
@@ -140,38 +140,41 @@ function kn(e) {
 function at(e) {
   return typeof e == "string";
 }
-function V(e) {
+function G(e) {
   return typeof e == "function";
 }
-function N(e) {
-  return e === Object(e) && !de(e) && !V(e);
+function U(e) {
+  return e === Object(e) && !de(e) && !G(e);
 }
-function W(e) {
-  return N(e) && "isObject3D" in e && !!e.isObject3D;
+function N(e) {
+  return U(e) && "isObject3D" in e && !!e.isObject3D;
 }
 function We(e) {
-  return N(e) && "isCamera" in e && !!e.isCamera;
+  return U(e) && "isCamera" in e && !!e.isCamera;
 }
 function xn(e) {
-  return N(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
+  return U(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
 }
 function Ln(e) {
-  return N(e) && "isMaterial" in e && !!e.isMaterial;
+  return U(e) && "isMaterial" in e && !!e.isMaterial;
 }
 function Rn(e) {
-  return N(e) && "isFog" in e && !!e.isFog;
+  return U(e) && "isLight" in e && !!e.isLight;
 }
 function On(e) {
-  return N(e) && "isScene" in e && !!e.isScene;
-}
-function re(e) {
-  return W(e) || xn(e) || Ln(e) || Rn(e);
+  return U(e) && "isFog" in e && !!e.isFog;
 }
 function Dn(e) {
-  return N(e) && !!e.isPrimitive;
+  return U(e) && "isScene" in e && !!e.isScene;
+}
+function oe(e) {
+  return N(e) || xn(e) || Ln(e) || On(e);
 }
-const jn = ({ sizes: e }) => {
-  const t = I([]), n = Y(
+function jn(e) {
+  return U(e) && !!e.isPrimitive;
+}
+const Bn = ({ sizes: e }) => {
+  const t = H([]), n = V(
     () => t.value[0]
   ), r = (i) => {
     const l = i instanceof Dt ? i : t.value.find((o) => o.uuid === i);
@@ -194,9 +197,9 @@ const jn = ({ sizes: e }) => {
   };
   return Te(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
-      !i.manual && (i instanceof we || Bn(i)) && (i instanceof we ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
+      !i.manual && (i instanceof we || In(i)) && (i instanceof we ? i.aspect = e.aspectRatio.value : (i.left = e.width.value * -0.5, i.right = e.width.value * 0.5, i.top = e.height.value * 0.5, i.bottom = e.height.value * -0.5), i.updateProjectionMatrix());
     });
-  }), Q(() => {
+  }), K(() => {
     t.value = [];
   }), {
     camera: n,
@@ -206,12 +209,12 @@ const jn = ({ sizes: e }) => {
     setCameraActive: r
   };
 };
-function Bn(e) {
+function In(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
 const lt = j(), ct = j(), Ae = j(), ee = new tt();
 let ue = 0, fe = 0;
-const { pause: In, resume: Ne, isActive: Hn } = it(
+const { pause: Hn, resume: Ne, isActive: $n } = it(
   () => {
     lt.trigger({ delta: ue, elapsed: fe, clock: ee }), ct.trigger({ delta: ue, elapsed: fe, clock: ee }), Ae.trigger({ delta: ue, elapsed: fe, clock: ee });
   },
@@ -221,20 +224,20 @@ Ae.on(() => {
   ue = ee.getDelta(), fe = ee.getElapsedTime();
 });
 let ze = !1;
-const $r = () => (ze || (ze = !0, Ne()), {
+const Ur = () => (ze || (ze = !0, Ne()), {
   onBeforeLoop: lt.on,
   onLoop: ct.on,
   onAfterLoop: Ae.on,
-  pause: In,
+  pause: Hn,
   resume: Ne,
-  isActive: Hn
-}), Ur = !0, oe = "[TresJS ▲ ■ ●] ";
-function z() {
+  isActive: $n
+}), Fr = !0, se = "[TresJS ▲ ■ ●] ";
+function Y() {
   function e(...r) {
-    typeof r[0] == "string" ? r[0] = oe + r[0] : r.unshift(oe), console.error(...r);
+    typeof r[0] == "string" ? r[0] = se + r[0] : r.unshift(se), console.error(...r);
   }
   function t(...r) {
-    typeof r[0] == "string" ? r[0] = oe + r[0] : r.unshift(oe), console.warn(...r);
+    typeof r[0] == "string" ? r[0] = se + r[0] : r.unshift(se), console.warn(...r);
   }
   function n(r, s) {
   }
@@ -244,13 +247,13 @@ function z() {
     logMessage: n
   };
 }
-function Fr(e) {
+function Wr(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
 }
-function $n(e) {
-  return e instanceof ce ? e : Array.isArray(e) ? new ce(...e) : new ce(e);
+function Un(e) {
+  return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
 }
-class Un extends et.Mesh {
+class Fn extends et.Mesh {
   constructor(...n) {
     super(...n);
     me(this, "type", "HightlightMesh");
@@ -266,18 +269,18 @@ const ut = (e, t) => {
   for (const n of Object.keys(t))
     t[n] instanceof Object && Object.assign(t[n], ut(e[n], t[n]));
   return Object.assign(e || {}, t), e;
-}, Fn = "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", Wn = /* @__PURE__ */ Gn(Fn);
+}, Wn = "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", Nn = /* @__PURE__ */ Vn(Wn);
 function Ge(e) {
   return e && e.nodeType === 1;
 }
-function se(e) {
+function ie(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const Nn = /\B([A-Z])/g;
-function zn(e) {
-  return e.replace(Nn, "-$1").toLowerCase();
+const zn = /\B([A-Z])/g;
+function Gn(e) {
+  return e.replace(zn, "-$1").toLowerCase();
 }
-function Gn(e, t) {
+function Vn(e, t) {
   const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
   for (let s = 0; s < r.length; s++)
     n[r[s]] = !0;
@@ -288,7 +291,7 @@ const Ve = (e, t) => {
     return;
   const n = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   return n == null ? void 0 : n.reduce((r, s) => r && r[s], e);
-}, Vn = (e, t, n) => {
+}, Yn = (e, t, n) => {
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   r && r.reduce((s, a, i) => (s[a] === void 0 && (s[a] = {}), i === r.length - 1 && (s[a] = n), s[a]), e);
 };
@@ -309,7 +312,7 @@ function ft(e, t) {
       return !1;
   return !0;
 }
-function Yn(e, t) {
+function qn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -317,8 +320,8 @@ function Yn(e, t) {
       return !1;
   return !0;
 }
-const qn = Array.isArray;
-function Jn(e, t, n, r) {
+const Jn = Array.isArray;
+function Kn(e, t, n, r) {
   const s = (c) => {
     if (c.uuid === t)
       return c;
@@ -343,7 +346,7 @@ function Jn(e, t, n, r) {
   const l = n[n.length - 1];
   i[l] !== void 0 ? i[l] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function Kn(e) {
+function Qn(e) {
   const t = new ot({
     color: 11003607,
     // Highlight color, e.g., yellow
@@ -354,18 +357,18 @@ function Kn(e) {
     side: jt
     // To e
   });
-  return new Un(e.geometry.clone(), t);
+  return new Fn(e.geometry.clone(), t);
 }
-function Qn(e) {
+function Xn(e) {
   var n;
   let t = e.value;
   return e.value && ((n = e.value) != null && n.isMesh) && (t = e.value.position), Array.isArray(e.value) && (t = new Se(...t)), t;
 }
-function Xn(e) {
+function Zn(e) {
   return "map" in e;
 }
 function Ye(e) {
-  Xn(e) && e.map && e.map.dispose(), e.dispose();
+  Zn(e) && e.map && e.map.dispose(), e.dispose();
 }
 function dt(e) {
   var n, r;
@@ -374,7 +377,7 @@ function dt(e) {
     e && ((r = e.dispose) == null || r.call(e)), s.geometry && (s.geometry.dispose(), delete s.geometry), Array.isArray(s.material) ? (s.material.forEach((a) => Ye(a)), delete s.material) : s.material && (Ye(s.material), delete s.material);
   }
 }
-function Zn(e, t) {
+function er(e, t) {
   let n = 0;
   for (let r = 0; r < e.length; r++)
     t(e[r], r) && (e[n] = e[r], n++);
@@ -395,7 +398,7 @@ function qe(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
 const Je = /-\d+$/;
-function er(e, t, n) {
+function tr(e, t, n) {
   if (at(n)) {
     if (Je.test(n)) {
       const a = n.replace(Je, ""), { target: i, key: l } = Pe(e, a);
@@ -407,11 +410,11 @@ function er(e, t, n) {
       }
     }
     const { target: r, key: s } = Pe(e, n);
-    t.__tres.previousAttach = r[s], r[s] = X(t);
+    t.__tres.previousAttach = r[s], r[s] = Q(t);
   } else
     t.__tres.previousAttach = n(e, t);
 }
-function tr(e, t, n) {
+function nr(e, t, n) {
   var r, s, a;
   if (at(n)) {
     const { target: i, key: l } = Pe(e, n), c = t.__tres.previousAttach;
@@ -420,7 +423,7 @@ function tr(e, t, n) {
     (s = (r = t.__tres) == null ? void 0 : r.previousAttach) == null || s.call(r, e, t);
   (a = t.__tres) == null || delete a.previousAttach;
 }
-function G(e, t, n) {
+function z(e, t, n) {
   const r = e;
   return r.__tres = {
     type: "unknown",
@@ -439,9 +442,9 @@ function pt(e) {
   const t = (n = e == null ? void 0 : e.__tres) == null ? void 0 : n.root;
   t && t.render && t.render.canBeInvalidated.value && t.invalidate();
 }
-function nr(e, t, n) {
+function rr(e, t, n) {
   var s;
-  if (!V(e.setPixelRatio))
+  if (!G(e.setPixelRatio))
     return;
   let r = 0;
   if (de(n) && n.length >= 2) {
@@ -450,29 +453,29 @@ function nr(e, t, n) {
   } else kn(n) ? r = n : r = t;
   r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
 }
-function rr(e, t, n, r, s) {
-  const a = [...t.__tres.objects], i = X(t);
-  if (e = X(e), i === e)
+function or(e, t, n, r, s) {
+  const a = [...t.__tres.objects], i = Q(t);
+  if (e = Q(e), i === e)
     return !0;
-  const l = G(e, t.__tres ?? {}, s), c = t.parent ?? t.__tres.parent ?? null, o = { ...t.__tres.memoizedProps };
+  const l = z(e, t.__tres ?? {}, s), c = t.parent ?? t.__tres.parent ?? null, o = { ...t.__tres.memoizedProps };
   delete o.object;
   for (const u of a)
     mt(u, s), ht(u, s);
   i.__tres.objects = [], r.remove(t);
-  for (const [u, v] of Object.entries(o))
-    r.patchProp(l, u, l[u], v);
+  for (const [u, y] of Object.entries(o))
+    r.patchProp(l, u, l[u], y);
   n(e), r.insert(t, c);
   for (const u of a)
     r.insert(u, t);
   return !0;
 }
-function X(e) {
-  return Dn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+function Q(e) {
+  return jn(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
 function mt(e, t) {
   var r, s, a, i;
   const n = ((r = e.__tres) == null ? void 0 : r.parent) || t.scene.value;
-  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && Zn(n.__tres.objects, (l) => l !== e), (s = e.__tres) != null && s.attach ? tr(n, e, e.__tres.attach) : ((i = (a = e.parent) == null ? void 0 : a.remove) == null || i.call(a, X(e)), e.parent = null);
+  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && er(n.__tres.objects, (l) => l !== e), (s = e.__tres) != null && s.attach ? nr(n, e, e.__tres.attach) : ((i = (a = e.parent) == null ? void 0 : a.remove) == null || i.call(a, Q(e)), e.parent = null);
 }
 function ht(e, t) {
   var n;
@@ -481,7 +484,7 @@ function ht(e, t) {
     t.deregisterCamera(r), (s = t.eventManager) == null || s.deregisterPointerMissedObject(r);
   }), t.deregisterCamera(e), pt(e);
 }
-const or = Number.parseInt(Bt.replace("dev", "")), ie = {
+const sr = Number.parseInt(Bt.replace("dev", "")), ae = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
@@ -498,12 +501,12 @@ const or = Number.parseInt(Bt.replace("dev", "")), ie = {
     toneMappingExposure: 1
   }
 };
-function sr({
+function ir({
   canvas: e,
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: a }
 }) {
-  const i = Y(() => ({
+  const i = V(() => ({
     alpha: k(t.alpha) ?? !0,
     depth: k(t.depth),
     canvas: Zt(e),
@@ -516,82 +519,82 @@ function sr({
     preserveDrawingBuffer: k(t.preserveDrawingBuffer),
     logarithmicDepthBuffer: k(t.logarithmicDepthBuffer),
     failIfMajorPerformanceCaveat: k(t.failIfMajorPerformanceCaveat)
-  })), l = H(new he(i.value));
+  })), l = $(new he(i.value));
   function c() {
     t.renderMode === "on-demand" && s();
   }
-  le(i, () => {
+  ce(i, () => {
     l.value.dispose(), l.value = new he(i.value), c();
-  }), le([n.width, n.height], () => {
+  }), ce([n.width, n.height], () => {
     l.value.setSize(n.width.value, n.height.value), c();
   }, {
     immediate: !0
-  }), le(() => t.clearColor, c);
-  const { pixelRatio: o } = en(), { logError: u } = z(), f = (() => {
-    const p = new he(), P = {
+  }), ce(() => t.clearColor, c);
+  const { pixelRatio: o } = en(), { logError: u } = Y(), f = (() => {
+    const v = new he(), b = {
       shadowMap: {
-        enabled: p.shadowMap.enabled,
-        type: p.shadowMap.type
+        enabled: v.shadowMap.enabled,
+        type: v.shadowMap.type
       },
-      toneMapping: p.toneMapping,
-      toneMappingExposure: p.toneMappingExposure,
-      outputColorSpace: p.outputColorSpace
+      toneMapping: v.toneMapping,
+      toneMappingExposure: v.toneMappingExposure,
+      outputColorSpace: v.outputColorSpace
     };
-    return p.dispose(), P;
-  })(), _ = k(t.renderMode);
-  return _ === "on-demand" && s(), _ === "manual" && setTimeout(() => {
+    return v.dispose(), b;
+  })(), g = k(t.renderMode);
+  return g === "on-demand" && s(), g === "manual" && setTimeout(() => {
     a();
   }, 100), Te(() => {
-    const p = k(t.preset);
-    p && (p in ie || u(`Renderer Preset must be one of these: ${Object.keys(ie).join(", ")}`), ut(l.value, ie[p])), nr(l.value, o.value, k(t.dpr)), _ === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const P = (g, E) => {
-      const C = k(g), T = () => {
-        if (p)
-          return Ve(ie[p], E);
+    const v = k(t.preset);
+    v && (v in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(l.value, ae[v])), rr(l.value, o.value, k(t.dpr)), g === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    const b = (C, E) => {
+      const P = k(C), S = () => {
+        if (v)
+          return Ve(ae[v], E);
       };
-      if (C !== void 0)
-        return C;
-      const M = T();
+      if (P !== void 0)
+        return P;
+      const M = S();
       return M !== void 0 ? M : Ve(f, E);
-    }, m = (g, E) => Vn(l.value, E, P(g, E));
-    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? st, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), or < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
-    const y = P(t.clearColor, "clearColor");
-    y && l.value.setClearColor(
-      y ? $n(y) : new ce(0)
+    }, m = (C, E) => Yn(l.value, E, b(C, E));
+    m(t.shadows, "shadowMap.enabled"), m(t.toneMapping ?? st, "toneMapping"), m(t.shadowMapType, "shadowMap.type"), sr < 150 && m(!t.useLegacyLights, "physicallyCorrectLights"), m(t.outputColorSpace, "outputColorSpace"), m(t.toneMappingExposure, "toneMappingExposure");
+    const d = b(t.clearColor, "clearColor");
+    d && l.value.setClearColor(
+      d ? Un(d) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
-  }), Q(() => {
+  }), K(() => {
     l.value.dispose(), l.value.forceContextLoss();
   }), {
     renderer: l
   };
 }
-const ir = (e) => !!e && e.constructor === Array;
-function ar(e) {
+const ar = (e) => !!e && e.constructor === Array;
+function lr(e) {
   const t = { nodes: {}, materials: {} };
   return e && e.traverse((n) => {
     n.name && (t.nodes[n.name] = n), n.material && !t.materials[n.material.name] && (t.materials[n.material.name] = n.material);
   }), t;
 }
-async function Wr(e, t, n, r, s) {
-  const { logError: a } = z(), i = new e();
+async function Nr(e, t, n, r, s) {
+  const { logError: a } = Y(), i = new e();
   s && s(i), n && n(i);
   const c = (Array.isArray(t) ? t : [t]).map(
-    (o) => new Promise((u, v) => {
+    (o) => new Promise((u, y) => {
       i.load(
         o,
         (f) => {
-          const _ = f;
-          _.scene && Object.assign(_, ar(_.scene)), u(_);
+          const g = f;
+          g.scene && Object.assign(g, lr(g.scene)), u(g);
         },
         r,
-        (f) => v(a("[useLoader] - Failed to load resource", f))
+        (f) => y(a("[useLoader] - Failed to load resource", f))
       );
     })
   );
-  return ir(t) ? await Promise.all(c) : await c[0];
+  return ar(t) ? await Promise.all(c) : await c[0];
 }
-async function Nr(e, t) {
+async function zr(e, t) {
   const n = new Ut(t), r = (s) => new Promise((a, i) => {
     n.load(
       s,
@@ -602,7 +605,7 @@ async function Nr(e, t) {
       }
     );
   });
-  if (qn(e)) {
+  if (Jn(e)) {
     const s = await Promise.all(e.map((a) => r(a)));
     return e.length > 1 ? s : s[0];
   } else {
@@ -614,7 +617,7 @@ async function Nr(e, t) {
       metalnessMap: c,
       aoMap: o,
       alphaMap: u,
-      matcap: v
+      matcap: y
     } = e;
     return {
       map: s ? await r(s) : null,
@@ -624,91 +627,91 @@ async function Nr(e, t) {
       metalnessMap: c ? await r(c) : null,
       aoMap: o ? await r(o) : null,
       alphaMap: u ? await r(u) : null,
-      matcap: v ? await r(v) : null
+      matcap: y ? await r(y) : null
     };
   }
 }
-const lr = (e, t) => {
-  const n = Y(() => t.renderer.value.domElement), r = H([]), { x: s, y: a } = tn({ target: n });
+const cr = (e, t) => {
+  const n = V(() => t.renderer.value.domElement), r = $([]), { x: s, y: a } = tn({ target: n });
   let i = 0;
-  const { width: l, height: c, top: o, left: u } = nn(n), v = ({ x: h, y: S }) => {
+  const { width: l, height: c, top: o, left: u } = nn(n), y = ({ x: h, y: T }) => {
     if (n.value)
       return {
         x: (h - u.value) / l.value * 2 - 1,
-        y: -((S - o.value) / c.value) * 2 + 1
+        y: -((T - o.value) / c.value) * 2 + 1
       };
-  }, f = ({ x: h, y: S }) => {
+  }, f = ({ x: h, y: T }) => {
     if (t.camera.value)
-      return t.raycaster.value.setFromCamera(new ge(h, S), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
-  }, _ = (h) => {
-    const S = v({
+      return t.raycaster.value.setFromCamera(new ge(h, T), t.camera.value), r.value = t.raycaster.value.intersectObjects(e.value, !0), r.value;
+  }, g = (h) => {
+    const T = y({
       x: (h == null ? void 0 : h.clientX) ?? s.value,
       y: (h == null ? void 0 : h.clientY) ?? a.value
     });
-    return S ? f(S) || [] : [];
-  }, p = j(), P = j(), m = j(), y = j(), g = j(), E = j(), C = j(), T = j();
+    return T ? f(T) || [] : [];
+  }, v = j(), b = j(), m = j(), d = j(), C = j(), E = j(), P = j(), S = j();
   function M(h) {
-    const S = {};
-    for (const U in h)
-      typeof U != "function" && (S[U] = h[U]);
-    return S;
+    const T = {};
+    for (const F in h)
+      typeof F != "function" && (T[F] = h[F]);
+    return T;
   }
-  const w = (h, S) => {
+  const _ = (h, T) => {
     var Oe, De, je;
-    const U = M(S), ne = new Se(S == null ? void 0 : S.clientX, S == null ? void 0 : S.clientY, 0).unproject((Oe = t.camera) == null ? void 0 : Oe.value);
+    const F = M(T), re = new Se(T == null ? void 0 : T.clientX, T == null ? void 0 : T.clientY, 0).unproject((Oe = t.camera) == null ? void 0 : Oe.value);
     h.trigger({
-      ...U,
+      ...F,
       intersections: r.value,
       // The unprojectedPoint is wrong, math needs to be fixed
-      unprojectedPoint: ne,
+      unprojectedPoint: re,
       ray: (De = t.raycaster) == null ? void 0 : De.value.ray,
       camera: (je = t.camera) == null ? void 0 : je.value,
-      sourceEvent: S,
+      sourceEvent: T,
       delta: i,
       stopPropagating: !1
     });
   };
   let L;
   const x = (h) => {
-    _(h), w(m, h), L = h;
-  }, d = () => {
+    g(h), _(m, h), L = h;
+  }, p = () => {
     L && x(L);
   };
-  let b, A, D;
-  const $ = (h) => {
-    var S;
-    b = (S = r.value[0]) == null ? void 0 : S.object, i = 0, A = new ge(
+  let w, A, D;
+  const O = (h) => {
+    var T;
+    w = (T = r.value[0]) == null ? void 0 : T.object, i = 0, A = new ge(
       (h == null ? void 0 : h.clientX) ?? s.value,
       (h == null ? void 0 : h.clientY) ?? a.value
-    ), w(g, h);
+    ), _(C, h);
   };
-  let R, O = !1;
-  const q = (h) => {
-    var S, U, ne;
-    h instanceof PointerEvent && (r.value.length === 0 && w(E, h), b === ((S = r.value[0]) == null ? void 0 : S.object) && (D = new ge(
+  let B, R = !1;
+  const ne = (h) => {
+    var T, F, re;
+    h instanceof PointerEvent && (r.value.length === 0 && _(E, h), w === ((T = r.value[0]) == null ? void 0 : T.object) && (D = new ge(
       (h == null ? void 0 : h.clientX) ?? s.value,
       (h == null ? void 0 : h.clientY) ?? a.value
-    ), i = A == null ? void 0 : A.distanceTo(D), h.button === 0 ? (w(p, h), R === ((U = r.value[0]) == null ? void 0 : U.object) ? O = !0 : (R = (ne = r.value[0]) == null ? void 0 : ne.object, O = !1)) : h.button === 2 && w(C, h)), w(y, h));
+    ), i = A == null ? void 0 : A.distanceTo(D), h.button === 0 ? (_(v, h), B === ((F = r.value[0]) == null ? void 0 : F.object) ? R = !0 : (B = (re = r.value[0]) == null ? void 0 : re.object, R = !1)) : h.button === 2 && _(P, h)), _(d, h));
   }, xe = (h) => {
-    O && (w(P, h), R = void 0, O = !1);
-  }, Le = (h) => w(m, h), Re = (h) => w(T, h);
-  return n.value.addEventListener("pointerup", q), n.value.addEventListener("pointerdown", $), n.value.addEventListener("pointermove", x), n.value.addEventListener("pointerleave", Le), n.value.addEventListener("dblclick", xe), n.value.addEventListener("wheel", Re), Q(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", q), n.value.removeEventListener("pointerdown", $), n.value.removeEventListener("pointermove", x), n.value.removeEventListener("pointerleave", Le), n.value.removeEventListener("dblclick", xe), n.value.removeEventListener("wheel", Re));
+    R && (_(b, h), B = void 0, R = !1);
+  }, Le = (h) => _(m, h), Re = (h) => _(S, h);
+  return n.value.addEventListener("pointerup", ne), n.value.addEventListener("pointerdown", O), n.value.addEventListener("pointermove", x), n.value.addEventListener("pointerleave", Le), n.value.addEventListener("dblclick", xe), n.value.addEventListener("wheel", Re), K(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", ne), n.value.removeEventListener("pointerdown", O), n.value.removeEventListener("pointermove", x), n.value.removeEventListener("pointerleave", Le), n.value.removeEventListener("dblclick", xe), n.value.removeEventListener("wheel", Re));
   }), {
     intersects: r,
-    onClick: (h) => p.on(h).off,
-    onDblClick: (h) => P.on(h).off,
-    onContextMenu: (h) => C.on(h).off,
+    onClick: (h) => v.on(h).off,
+    onDblClick: (h) => b.on(h).off,
+    onContextMenu: (h) => P.on(h).off,
     onPointerMove: (h) => m.on(h).off,
-    onPointerUp: (h) => y.on(h).off,
-    onPointerDown: (h) => g.on(h).off,
+    onPointerUp: (h) => d.on(h).off,
+    onPointerDown: (h) => C.on(h).off,
     onPointerMissed: (h) => E.on(h).off,
-    onWheel: (h) => T.on(h).off,
-    forceUpdate: d
+    onWheel: (h) => S.on(h).off,
+    forceUpdate: p
   };
 };
-function zr() {
-  const { logWarning: e } = z();
+function Gr() {
+  const { logWarning: e } = Y();
   function t(a, i, l) {
     let c = null;
     return a.traverse((o) => {
@@ -737,111 +740,111 @@ function zr() {
 function ke(e) {
   let t = 0;
   return e.traverse((n) => {
-    if (n.isMesh && n.geometry) {
+    if (n.isMesh && n.geometry && n.type !== "HightlightMesh") {
       const r = n.geometry, s = r.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = r.index ? r.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, i = 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 = s + a + i + l;
       t += c;
     }
   }), t;
 }
-function cr(e) {
+function ur(e) {
   return (e / 1024).toFixed(2);
 }
-const Me = I({}), Ce = (e) => Object.assign(Me.value, e);
-function ur(e, t, n) {
+const Me = H({}), Ce = (e) => Object.assign(Me.value, e);
+function fr(e, t, n) {
   var x;
-  const r = H(), s = H();
+  const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
-  const a = (d) => {
-    var b;
-    return ((b = d.__tres) == null ? void 0 : b.eventCount) > 0;
-  }, i = (d) => {
-    var b;
-    return ((b = d.children) == null ? void 0 : b.some((A) => i(A))) || a(d);
-  }, l = H(((x = r.value) == null ? void 0 : x.children).filter(i) || []);
-  function c(d, b) {
-    if (Array.isArray(d))
-      for (const A of d)
-        A(b);
-    typeof d == "function" && d(b);
+  const a = (p) => {
+    var w;
+    return ((w = p.__tres) == null ? void 0 : w.eventCount) > 0;
+  }, i = (p) => {
+    var w;
+    return ((w = p.children) == null ? void 0 : w.some((A) => i(A))) || a(p);
+  }, l = $(((x = r.value) == null ? void 0 : x.children).filter(i) || []);
+  function c(p, w) {
+    if (Array.isArray(p))
+      for (const A of p)
+        A(w);
+    typeof p == "function" && p(w);
   }
-  function o(d, b) {
-    const A = [], D = () => b.stopPropagating = !0;
-    b.stopPropagation = D;
-    for (const $ of b == null ? void 0 : b.intersections) {
-      if (b.stopPropagating)
+  function o(p, w) {
+    const A = [], D = () => w.stopPropagating = !0;
+    w.stopPropagation = D;
+    for (const O of w == null ? void 0 : w.intersections) {
+      if (w.stopPropagating)
         return;
-      b = { ...b, ...$ };
-      const { object: R } = $;
-      b.eventObject = R, c(R[d], b), A.push(R);
-      let O = R.parent;
-      for (; O !== null && !b.stopPropagating && !A.includes(O); )
-        b.eventObject = O, c(O[d], b), A.push(O), O = O.parent;
-      const q = zn(d.slice(2));
-      n(q, { intersection: $, event: b });
+      w = { ...w, ...O };
+      const { object: B } = O;
+      w.eventObject = B, c(B[p], w), A.push(B);
+      let R = B.parent;
+      for (; R !== null && !w.stopPropagating && !A.includes(R); )
+        w.eventObject = R, c(R[p], w), A.push(R), R = R.parent;
+      const ne = Gn(p.slice(2));
+      n(ne, { intersection: O, event: w });
     }
   }
   const {
     onClick: u,
-    onDblClick: v,
+    onDblClick: y,
     onContextMenu: f,
-    onPointerMove: _,
-    onPointerDown: p,
-    onPointerUp: P,
+    onPointerMove: g,
+    onPointerDown: v,
+    onPointerUp: b,
     onPointerMissed: m,
-    onWheel: y,
-    forceUpdate: g
-  } = lr(l, t);
-  P((d) => o("onPointerUp", d)), p((d) => o("onPointerDown", d)), u((d) => o("onClick", d)), v((d) => o("onDoubleClick", d)), f((d) => o("onContextMenu", d)), y((d) => o("onWheel", d));
+    onWheel: d,
+    forceUpdate: C
+  } = cr(l, t);
+  b((p) => o("onPointerUp", p)), v((p) => o("onPointerDown", p)), u((p) => o("onClick", p)), y((p) => o("onDoubleClick", p)), f((p) => o("onContextMenu", p)), d((p) => o("onWheel", p));
   let E = [];
-  _((d) => {
-    const b = d.intersections.map(({ object: D }) => D), A = d.intersections;
+  g((p) => {
+    const w = p.intersections.map(({ object: D }) => D), A = p.intersections;
     E.forEach(({ object: D }) => {
-      b.includes(D) || (d.intersections = E, o("onPointerLeave", d), o("onPointerOut", d));
-    }), d.intersections = A, d.intersections.forEach(({ object: D }) => {
-      E.includes(D) || (o("onPointerEnter", d), o("onPointerOver", d));
-    }), o("onPointerMove", d), E = d.intersections;
+      w.includes(D) || (p.intersections = E, o("onPointerLeave", p), o("onPointerOut", p));
+    }), p.intersections = A, p.intersections.forEach(({ object: D }) => {
+      E.includes(D) || (o("onPointerEnter", p), o("onPointerOver", p));
+    }), o("onPointerMove", p), E = p.intersections;
   });
-  const C = [];
-  m((d) => {
-    const b = () => d.stopPropagating = !0;
-    d.stopPropagation = b, C.forEach((A) => {
-      d.stopPropagating || (d.eventObject = A, c(A.onPointerMissed, d));
-    }), n("pointer-missed", { event: d });
+  const P = [];
+  m((p) => {
+    const w = () => p.stopPropagating = !0;
+    p.stopPropagation = w, P.forEach((A) => {
+      p.stopPropagating || (p.eventObject = A, c(A.onPointerMissed, p));
+    }), n("pointer-missed", { event: p });
   });
-  function T(d) {
-    re(d) && W(d) && l.value.push(d);
+  function S(p) {
+    oe(p) && N(p) && l.value.push(p);
   }
-  function M(d) {
-    if (re(d) && W(d)) {
-      const b = l.value.indexOf(d);
-      b > -1 && l.value.splice(b, 1);
+  function M(p) {
+    if (oe(p) && N(p)) {
+      const w = l.value.indexOf(p);
+      w > -1 && l.value.splice(w, 1);
     }
   }
-  function w(d) {
-    re(d) && W(d) && d.onPointerMissed && C.push(d);
+  function _(p) {
+    oe(p) && N(p) && p.onPointerMissed && P.push(p);
   }
-  function L(d) {
-    if (re(d) && W(d)) {
-      const b = C.indexOf(d);
-      b > -1 && C.splice(b, 1);
+  function L(p) {
+    if (oe(p) && N(p)) {
+      const w = P.indexOf(p);
+      w > -1 && P.splice(w, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: g,
-    registerObject: T,
+    forceUpdate: C,
+    registerObject: S,
     deregisterObject: M,
-    registerPointerMissedObject: w,
+    registerPointerMissedObject: _,
     deregisterPointerMissedObject: L
   }, {
-    forceUpdate: g,
-    registerObject: T,
+    forceUpdate: C,
+    registerObject: S,
     deregisterObject: M,
-    registerPointerMissedObject: w,
+    registerPointerMissedObject: _,
     deregisterPointerMissedObject: L
   };
 }
-function fr(e, t, n = 10) {
-  const r = k(e) ? rn() : on(Y(() => k(t).parentElement)), s = ye(Fe(r.width, n)), a = ye(Fe(r.height, n)), i = Y(() => s.value / a.value);
+function dr(e, t, n = 10) {
+  const r = k(e) ? rn() : on(V(() => k(t).parentElement)), s = ye(Fe(r.width, n)), a = ye(Fe(r.height, n)), i = V(() => s.value / a.value);
   return {
     height: a,
     width: s,
@@ -852,9 +855,9 @@ function ve() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let n = 0, r = !1;
   const s = () => {
-    const o = Array.from(e.entries()).sort((u, v) => {
-      const f = u[1].priority - v[1].priority;
-      return f === 0 ? u[1].addI - v[1].addI : f;
+    const o = Array.from(e.entries()).sort((u, y) => {
+      const f = u[1].priority - y[1].priority;
+      return f === 0 ? u[1].addI - y[1].addI : f;
     });
     t.clear(), o.forEach((u) => t.add(u[0]));
   }, a = (o) => {
@@ -862,9 +865,9 @@ function ve() {
   };
   return { on: (o, u = 0) => {
     e.set(o, { priority: u, addI: n++ });
-    const v = () => a(o);
-    return sn(v), r = !0, {
-      off: v
+    const y = () => a(o);
+    return sn(y), r = !0, {
+      off: y
     };
   }, off: a, trigger: (...o) => {
     r && (s(), r = !1), t.forEach((u) => u(...o));
@@ -874,82 +877,82 @@ function ve() {
     return e.size;
   } };
 }
-function dr() {
+function pr() {
   let e = !0, t = !0, n = !1;
-  const r = new tt(!1), s = I(r.running), a = I(!1);
+  const r = new tt(!1), s = H(r.running), a = H(!1);
   let i;
   const l = rt.generateUUID();
   let c = null;
-  const o = ve(), u = ve(), v = ve();
+  const o = ve(), u = ve(), y = ve();
   M();
   let f = {};
-  function _(w) {
-    f = w;
+  function g(_) {
+    f = _;
   }
-  function p(w, L, x = 0) {
+  function v(_, L, x = 0) {
     switch (L) {
       case "before":
-        return o.on(w, x);
+        return o.on(_, x);
       case "render":
-        return c || (c = w), u.dispose(), u.on(w);
+        return c || (c = _), u.dispose(), u.on(_);
       case "after":
-        return v.on(w, x);
+        return y.on(_, x);
     }
   }
-  function P() {
-    t && (t = !1, M(), T());
+  function b() {
+    t && (t = !1, M(), S());
   }
   function m() {
     t = !0, M(), cancelAnimationFrame(i);
   }
-  function y() {
+  function d() {
     n = !1, M();
   }
-  function g() {
+  function C() {
     n = !0, M();
   }
   function E() {
     a.value = !0;
   }
-  function C() {
+  function P() {
     a.value = !1;
   }
-  function T() {
+  function S() {
     if (!e) {
-      i = requestAnimationFrame(T);
+      i = requestAnimationFrame(S);
       return;
     }
-    const w = r.getDelta(), L = r.getElapsedTime(), x = {
-      camera: K(f.camera),
-      scene: K(f.scene),
-      renderer: K(f.renderer),
-      raycaster: K(f.raycaster),
-      controls: K(f.controls),
+    const _ = r.getDelta(), L = r.getElapsedTime(), x = {
+      camera: J(f.camera),
+      scene: J(f.scene),
+      renderer: J(f.renderer),
+      raycaster: J(f.raycaster),
+      controls: J(f.controls),
       invalidate: f.invalidate,
       advance: f.advance
-    }, d = { delta: w, elapsed: L, clock: r, ...x };
-    s.value && o.trigger(d), a.value || (u.count ? u.trigger(d) : c && c(d)), s.value && v.trigger(d), i = requestAnimationFrame(T);
+    }, p = { delta: _, elapsed: L, clock: r, ...x };
+    s.value && o.trigger(p), a.value || (u.count ? u.trigger(p) : c && c(p)), s.value && y.trigger(p), i = requestAnimationFrame(S);
   }
   function M() {
-    const w = !t && !n;
-    r.running !== w && (r.running ? r.stop() : r.start()), s.value = r.running;
+    const _ = !t && !n;
+    r.running !== _ && (r.running ? r.stop() : r.start()), s.value = r.running;
   }
   return {
     loopId: l,
-    register: (w, L, x) => p(w, L, x),
-    start: P,
+    register: (_, L, x) => v(_, L, x),
+    start: b,
     stop: m,
-    pause: g,
-    resume: y,
+    pause: C,
+    resume: d,
     pauseRender: E,
-    resumeRender: C,
+    resumeRender: P,
     isRenderPaused: a,
     isActive: s,
-    setContext: _,
-    setReady: (w) => e = w
+    setContext: g,
+    setReady: (_) => e = _
   };
 }
-function pr(e, t, n = 100) {
+function mr(e, t, n = 100) {
   n = n <= 0 ? 100 : n;
   const r = j(), s = /* @__PURE__ */ new Set();
   let a = !1, i = !1, l = null;
@@ -960,8 +963,8 @@ function pr(e, t, n = 100) {
     i = !0, l && clearTimeout(l);
   }
   c();
-  const u = (f, ..._) => {
-    f(..._);
+  const u = (f, ...g) => {
+    f(...g);
   };
   return {
     on: (f) => {
@@ -969,8 +972,8 @@ function pr(e, t, n = 100) {
         return u(f, t), { off: () => {
         } };
       {
-        const _ = r.on(f);
-        return s.add(_.off), r.on(f);
+        const g = r.on(f);
+        return s.add(g.off), r.on(f);
       }
     },
     off: r.off,
@@ -982,7 +985,7 @@ const te = /* @__PURE__ */ new WeakMap();
 function gt(e) {
   if (e = e || pe(), te.has(e))
     return te.get(e);
-  const t = 100, n = Date.now(), a = pr(() => {
+  const t = 100, n = Date.now(), a = mr(() => {
     if (Date.now() - n >= t)
       return !0;
     {
@@ -992,12 +995,12 @@ function gt(e) {
   }, e);
   return te.set(e, a), a;
 }
-function Gr(e) {
+function Vr(e) {
   const t = pe();
   if (t)
     return te.has(t) ? te.get(t).on(e) : gt(t).on(e);
 }
-function mr({
+function hr({
   scene: e,
   canvas: t,
   windowSize: n,
@@ -1005,43 +1008,43 @@ function mr({
   rendererOptions: s,
   emit: a
 }) {
-  const { logWarning: i } = z(), l = H(e), c = fr(n, t), {
-    camera: o,
-    cameras: u,
-    registerCamera: v,
-    deregisterCamera: f,
-    setCameraActive: _
-  } = jn({ sizes: c, scene: e }), p = {
-    mode: I(s.renderMode || "always"),
-    priority: I(0),
-    frames: I(0),
+  const i = $(e), l = dr(n, t), {
+    camera: c,
+    cameras: o,
+    registerCamera: u,
+    deregisterCamera: y,
+    setCameraActive: f
+  } = Bn({ sizes: l, scene: e }), g = {
+    mode: H(s.renderMode || "always"),
+    priority: H(0),
+    frames: H(0),
     maxFrames: 60,
-    canBeInvalidated: Y(() => p.mode.value === "on-demand" && p.frames.value === 0)
+    canBeInvalidated: V(() => g.mode.value === "on-demand" && g.frames.value === 0)
   };
-  function P(R = 1) {
-    s.renderMode === "on-demand" ? p.frames.value = Math.min(p.maxFrames, p.frames.value + R) : i("`invalidate` can only be used when `renderMode` is set to `on-demand`");
+  function v(O = 1) {
+    s.renderMode === "on-demand" && (g.frames.value = Math.min(g.maxFrames, g.frames.value + O));
   }
-  function m() {
-    s.renderMode === "manual" ? p.frames.value = 1 : i("`advance` can only be used when `renderMode` is set to `manual`");
+  function b() {
+    s.renderMode === "manual" && (g.frames.value = 1);
   }
-  const { renderer: y } = sr(
+  const { renderer: m } = ir(
     {
       scene: e,
       canvas: t,
       options: s,
       emit: a,
       // TODO: replace contextParts with full ctx at https://github.com/Tresjs/tres/issues/516
-      contextParts: { sizes: c, camera: o, render: p, invalidate: P, advance: m },
+      contextParts: { sizes: l, camera: c, render: g, invalidate: v, advance: b },
       disableRender: r
     }
-  ), g = {
-    sizes: c,
-    scene: l,
-    camera: o,
-    cameras: ye(u),
-    renderer: y,
-    raycaster: H(new Ft()),
-    controls: I(null),
+  ), d = {
+    sizes: l,
+    scene: i,
+    camera: c,
+    cameras: ye(o),
+    renderer: m,
+    raycaster: $(new Ft()),
+    controls: H(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -1054,38 +1057,38 @@ function mr({
         accumulator: []
       }
     },
-    render: p,
-    advance: m,
+    render: g,
+    advance: b,
     extend: Ce,
-    invalidate: P,
-    registerCamera: v,
-    setCameraActive: _,
-    deregisterCamera: f,
-    loop: dr()
+    invalidate: v,
+    registerCamera: u,
+    setCameraActive: f,
+    deregisterCamera: y,
+    loop: pr()
   };
-  _e("useTres", g), g.scene.value.__tres = {
-    root: g
-  }, g.loop.register(() => {
-    o.value && p.frames.value > 0 && (y.value.render(e, o.value), a("render", g.renderer.value)), p.priority.value = 0, p.mode.value === "always" ? p.frames.value = 1 : p.frames.value = Math.max(0, p.frames.value - 1);
+  _e("useTres", d), d.scene.value.__tres = {
+    root: d
+  }, d.loop.register(() => {
+    c.value && g.frames.value > 0 && (m.value.render(e, c.value), a("render", d.renderer.value)), g.priority.value = 0, g.mode.value === "always" ? g.frames.value = 1 : g.frames.value = Math.max(0, g.frames.value - 1);
   }, "render");
-  const { on: E, cancel: C } = gt(g);
-  g.loop.setReady(!1), g.loop.start(), E(() => {
-    a("ready", g), g.loop.setReady(!0), ur(e, g, a);
-  }), Q(() => {
-    C(), g.loop.stop();
+  const { on: C, cancel: E } = gt(d);
+  d.loop.setReady(!1), d.loop.start(), C(() => {
+    a("ready", d), d.loop.setReady(!0), fr(e, d, a);
+  }), K(() => {
+    E(), d.loop.stop();
   });
-  const T = 100, M = an({ every: T }), { isSupported: w, memory: L } = ln({ interval: T }), x = 160;
-  let d = performance.now();
-  const b = ({ timestamp: R }) => {
-    g.scene.value && (g.perf.memory.allocatedMem = ke(g.scene.value)), R - d >= T && (d = R, g.perf.fps.accumulator.push(M.value), g.perf.fps.accumulator.length > x && g.perf.fps.accumulator.shift(), g.perf.fps.value = M.value, w.value && L.value && (g.perf.memory.accumulator.push(L.value.usedJSHeapSize / 1024 / 1024), g.perf.memory.accumulator.length > x && g.perf.memory.accumulator.shift(), g.perf.memory.currentMem = g.perf.memory.accumulator.reduce((O, q) => O + q, 0) / g.perf.memory.accumulator.length));
+  const P = 100, S = an({ every: P }), { isSupported: M, memory: _ } = ln({ interval: P }), L = 160;
+  let x = performance.now();
+  const p = ({ timestamp: O }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = ke(d.scene.value)), O - x >= P && (x = O, d.perf.fps.accumulator.push(S.value), d.perf.fps.accumulator.length > L && d.perf.fps.accumulator.shift(), d.perf.fps.value = S.value, M.value && _.value && (d.perf.memory.accumulator.push(_.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > L && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((B, R) => B + R, 0) / d.perf.memory.accumulator.length));
   };
-  let A = 0;
-  const D = 1, { pause: $ } = it(({ delta: R }) => {
-    window.__TRES__DEVTOOLS__ && (b({ timestamp: performance.now() }), A += R, A >= D && (window.__TRES__DEVTOOLS__.cb(g), A = 0));
+  let w = 0;
+  const A = 1, { pause: D } = it(({ delta: O }) => {
+    window.__TRES__DEVTOOLS__ && (p({ timestamp: performance.now() }), w += O, w >= A && (window.__TRES__DEVTOOLS__.cb(d), w = 0));
   }, { immediate: !0 });
-  return Q(() => {
-    $();
-  }), g;
+  return K(() => {
+    D();
+  }), d;
 }
 function pe() {
   const e = Mt("useTres");
@@ -1093,8 +1096,8 @@ function pe() {
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Vr = pe;
-function Yr() {
+const Yr = pe;
+function qr() {
   const {
     camera: e,
     scene: t,
@@ -1114,14 +1117,14 @@ function Yr() {
     invalidate: i,
     advance: l
   });
-  function c(v, f = 0) {
-    return r.register(v, "before", f);
+  function c(y, f = 0) {
+    return r.register(y, "before", f);
   }
-  function o(v) {
-    return r.register(v, "render");
+  function o(y) {
+    return r.register(y, "render");
   }
-  function u(v, f = 0) {
-    return r.register(v, "after", f);
+  function u(y, f = 0) {
+    return r.register(y, "after", f);
   }
   return {
     pause: r.pause,
@@ -1134,7 +1137,7 @@ function Yr() {
     onAfterRender: u
   };
 }
-function hr(e, t = {}, n = {}) {
+function gr(e, t = {}, n = {}) {
   let r = e;
   const s = (l) => {
     r = l;
@@ -1153,7 +1156,7 @@ function hr(e, t = {}, n = {}) {
   };
   return a = new Proxy({}, i), a;
 }
-const { logError: Ke } = z(), Qe = [
+const { logError: Ke } = Y(), Qe = [
   "onClick",
   "onContextMenu",
   "onPointerMove",
@@ -1168,68 +1171,68 @@ const { logError: Ke } = z(), Qe = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], gr = (e) => {
+], vr = (e) => {
   const t = e.scene.value;
-  function n(o, u, v, f) {
-    if (f || (f = {}), f.args || (f.args = []), o === "template" || Wn(o))
+  function n(o, u, y, f) {
+    if (f || (f = {}), f.args || (f.args = []), o === "template" || Nn(o))
       return null;
-    let _ = o.replace("Tres", ""), p;
+    let g = o.replace("Tres", ""), v;
     if (o === "primitive") {
-      (!N(f.object) || Ct(f.object)) && Ke(
+      (!U(f.object) || Ct(f.object)) && Ke(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
-      ), _ = f.object.type;
-      const P = {};
-      p = hr(
+      ), g = f.object.type;
+      const b = {};
+      v = gr(
         f.object,
         {
-          object: (y) => y,
+          object: (d) => d,
           isPrimitive: () => !0,
-          __tres: () => P
+          __tres: () => b
         },
         {
-          object: (y, g, E, C) => {
-            rr(y, E, C, { patchProp: a, remove: s, insert: r }, e);
+          object: (d, C, E, P) => {
+            or(d, E, P, { patchProp: a, remove: s, insert: r }, e);
           },
-          __tres: (y) => {
-            Object.assign(P, y);
+          __tres: (d) => {
+            Object.assign(b, d);
           }
         }
       );
     } else {
-      const P = Me.value[_];
-      P || Ke(
-        `${_} is not defined on the THREE namespace. Use extend to add it to the catalog.`
-      ), p = new P(...f.args);
+      const b = Me.value[g];
+      b || Ke(
+        `${g} is not defined on the THREE namespace. Use extend to add it to the catalog.`
+      ), v = new b(...f.args);
     }
-    return p ? (p.isCamera && (f != null && f.position || p.position.set(3, 3, 3), f != null && f.lookAt || p.lookAt(0, 0, 0)), p = G(p, {
-      ...p.__tres,
-      type: _,
+    return v ? (v.isCamera && (f != null && f.position || v.position.set(3, 3, 3), f != null && f.lookAt || v.lookAt(0, 0, 0)), v = z(v, {
+      ...v.__tres,
+      type: g,
       memoizedProps: f,
       eventCount: 0,
       primitive: o === "primitive",
       attach: f.attach
-    }, e), p) : null;
+    }, e), v) : null;
   }
   function r(o, u) {
-    var _, p, P;
+    var g, v, b;
     if (!o)
       return;
     u = u || t;
-    const v = o.__tres ? o : G(o, {}, e), f = u.__tres ? u : G(u, {}, e);
-    o = X(v), u = X(f), o.__tres && ((_ = o.__tres) == null ? void 0 : _.eventCount) > 0 && ((p = e.eventManager) == null || p.registerObject(o)), e.registerCamera(o), (P = e.eventManager) == null || P.registerPointerMissedObject(o), v.__tres.attach ? er(f, v, v.__tres.attach) : W(o) && W(f) && (f.add(o), o.dispatchEvent({ type: "added" })), v.__tres.parent = f, f.__tres.objects && !f.__tres.objects.includes(v) && f.__tres.objects.push(v);
+    const y = o.__tres ? o : z(o, {}, e), f = u.__tres ? u : z(u, {}, e);
+    o = Q(y), u = Q(f), o.__tres && ((g = o.__tres) == null ? void 0 : g.eventCount) > 0 && ((v = e.eventManager) == null || v.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), y.__tres.attach ? tr(f, y, y.__tres.attach) : N(o) && N(f) && (f.add(o), o.dispatchEvent({ type: "added" })), y.__tres.parent = f, f.__tres.objects && !f.__tres.objects.includes(y) && f.__tres.objects.push(y);
   }
   function s(o, u) {
-    var p, P, m, y;
+    var v, b, m, d;
     if (!o)
       return;
-    o != null && o.__tres && ((p = o.__tres) == null ? void 0 : p.eventCount) > 0 && ((P = e.eventManager) == null || P.deregisterObject(o)), u = be(u) ? "default" : u;
-    const v = (m = o.__tres) == null ? void 0 : m.dispose;
-    be(v) || (v === null ? u = !1 : u = v);
-    const f = (y = o.__tres) == null ? void 0 : y.primitive, _ = u === "default" ? !f : !!u;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((g) => s(g, u)), _ && o.children && [...o.children].forEach((g) => s(g, u)), mt(o, e), ht(o, e), _ && !On(o)) {
-      if (V(u))
+    o != null && o.__tres && ((v = o.__tres) == null ? void 0 : v.eventCount) > 0 && ((b = e.eventManager) == null || b.deregisterObject(o)), u = be(u) ? "default" : u;
+    const y = (m = o.__tres) == null ? void 0 : m.dispose;
+    be(y) || (y === null ? u = !1 : u = y);
+    const f = (d = o.__tres) == null ? void 0 : d.primitive, g = u === "default" ? !f : !!u;
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, u)), g && o.children && [...o.children].forEach((C) => s(C, u)), mt(o, e), ht(o, e), g && !Dn(o)) {
+      if (G(u))
         u(o);
-      else if (V(o.dispose))
+      else if (G(o.dispose))
         try {
           o.dispose();
         } catch {
@@ -1237,66 +1240,66 @@ const { logError: Ke } = z(), Qe = [
     }
     "__tres" in o && delete o.__tres;
   }
-  function a(o, u, v, f) {
-    var g, E;
+  function a(o, u, y, f) {
+    var C, E;
     if (!o)
       return;
-    let _ = o, p = u;
+    let g = o, v = u;
     if (o.__tres && (o.__tres.memoizedProps[u] = f), u === "attach") {
-      const C = ((g = o.__tres) == null ? void 0 : g.parent) || o.parent;
-      s(o), G(o, { attach: f }, e), C && r(o, C);
+      const P = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
+      s(o), z(o, { attach: f }, e), P && r(o, P);
       return;
     }
     if (u === "dispose") {
-      o.__tres || (o = G(o, {}, e)), o.__tres.dispose = f;
+      o.__tres || (o = z(o, {}, e)), o.__tres.dispose = f;
       return;
     }
-    if (W(o) && p === "blocks-pointer-events") {
-      f || f === "" ? o[p] = f : delete o[p];
+    if (N(o) && v === "blocks-pointer-events") {
+      f || f === "" ? o[v] = f : delete o[v];
       return;
     }
     Qe.includes(u) && o.__tres && (o.__tres.eventCount += 1);
-    let P = se(p), m = _ == null ? void 0 : _[P];
-    if (p === "args") {
-      const C = o, T = v ?? [], M = f ?? [], w = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
-      w && T.length && !Yn(T, M) && (_ = Object.assign(
-        C,
-        new Me.value[w](...f)
+    let b = ie(v), m = g == null ? void 0 : g[b];
+    if (v === "args") {
+      const P = o, S = y ?? [], M = f ?? [], _ = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
+      _ && S.length && !qn(S, M) && (g = Object.assign(
+        P,
+        new Me.value[_](...f)
       ));
       return;
     }
-    if (_.type === "BufferGeometry") {
-      if (p === "args")
+    if (g.type === "BufferGeometry") {
+      if (v === "args")
         return;
-      _.setAttribute(
-        se(p),
+      g.setAttribute(
+        ie(v),
         new Wt(...f)
       );
       return;
     }
-    if (p.includes("-") && m === void 0) {
-      const C = p.split("-");
-      m = C.reduce((T, M) => T[se(M)], _), p = C.pop(), P = p, m != null && m.set || (_ = C.reduce((T, M) => T[se(M)], _));
+    if (v.includes("-") && m === void 0) {
+      const P = v.split("-");
+      m = P.reduce((S, M) => S[ie(M)], g), v = P.pop(), b = v, m != null && m.set || (g = P.reduce((S, M) => S[ie(M)], g));
     }
-    let y = f;
-    if (y === "" && (y = !0), V(m)) {
-      Qe.includes(u) || (de(y) ? o[P](...y) : o[P](y)), P.startsWith("on") && V(y) && (_[P] = y);
+    let d = f;
+    if (d === "" && (d = !0), G(m)) {
+      Qe.includes(u) || (de(d) ? o[b](...d) : o[b](d)), b.startsWith("on") && G(d) && (g[b] = d);
       return;
     }
-    !(m != null && m.set) && !V(m) ? _[P] = y : m.constructor === y.constructor && (m != null && m.copy) ? m == null || m.copy(y) : de(y) ? m.set(...y) : !m.isColor && m.setScalar ? m.setScalar(y) : m.set(y), pt(o);
+    !(m != null && m.set) && !G(m) ? g[b] = d : m.constructor === d.constructor && (m != null && m.copy) ? m == null || m.copy(d) : de(d) ? m.set(...d) : !m.isColor && m.setScalar ? m.setScalar(d) : m.set(d), pt(o);
   }
   function i(o) {
     var u;
     return ((u = o == null ? void 0 : o.__tres) == null ? void 0 : u.parent) || null;
   }
   function l(o) {
-    const u = G(new Nt(), { type: "Comment" }, e);
+    const u = z(new Nt(), { type: "Comment" }, e);
     return u.name = o, u;
   }
   function c(o) {
-    var _;
-    const u = i(o), v = ((_ = u == null ? void 0 : u.__tres) == null ? void 0 : _.objects) || [], f = v.indexOf(o);
-    return f < 0 || f >= v.length - 1 ? null : v[f + 1];
+    var g;
+    const u = i(o), y = ((g = u == null ? void 0 : u.__tres) == null ? void 0 : g.objects) || [], f = y.indexOf(o);
+    return f < 0 || f >= y.length - 1 ? null : y[f + 1];
   }
   return {
     insert: r,
@@ -1315,22 +1318,22 @@ const { logError: Ke } = z(), Qe = [
     insertStaticContent: () => void 0
   };
 };
-function vr() {
+function yr() {
   return vt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function vt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const yr = typeof Proxy == "function", _r = "devtools-plugin:setup", wr = "plugin:settings:set";
-let J, Ee;
-function br() {
+const _r = typeof Proxy == "function", wr = "devtools-plugin:setup", br = "plugin:settings:set";
+let q, Ee;
+function Pr() {
   var e;
-  return J !== void 0 || (typeof window < "u" && window.performance ? (J = !0, Ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (J = !0, Ee = globalThis.perf_hooks.performance) : J = !1), J;
+  return q !== void 0 || (typeof window < "u" && window.performance ? (q = !0, Ee = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (q = !0, Ee = globalThis.perf_hooks.performance) : q = !1), q;
 }
-function Pr() {
-  return br() ? Ee.now() : Date.now();
+function Mr() {
+  return Pr() ? Ee.now() : Date.now();
 }
-class Mr {
+class Cr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1358,9 +1361,9 @@ class Mr {
         a = i;
       },
       now() {
-        return Pr();
+        return Mr();
       }
-    }, n && n.on(wr, (i, l) => {
+    }, n && n.on(br, (i, l) => {
       i === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
       get: (i, l) => this.target ? this.target.on[l] : (...c) => {
@@ -1392,12 +1395,12 @@ class Mr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Cr(e, t) {
-  const n = e, r = vt(), s = vr(), a = yr && n.enableEarlyProxy;
+function Er(e, t) {
+  const n = e, r = vt(), s = yr(), a = _r && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    s.emit(_r, e, t);
+    s.emit(wr, e, t);
   else {
-    const i = a ? new Mr(n, s) : null;
+    const i = a ? new Cr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1405,7 +1408,7 @@ function Cr(e, t) {
     }), i && t(i.proxiedTarget);
   }
 }
-function Er(e, t) {
+function Tr(e, t) {
   const n = `▲ ■ ●${e}`;
   typeof Xe == "function" ? Xe(n, t) : console.log(n);
 }
@@ -1426,17 +1429,17 @@ const yt = (e) => {
   });
   const n = ke(e);
   return n > 0 && t.tags.push({
-    label: `${cr(n)} KB`,
+    label: `${ur(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (t.tags.push({
+  }), e.type.includes("Light") && (Rn(e) && t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Intensity"
   }), t.tags.push({
-    label: `#${e.color.getHexString()}`,
+    label: `#${new Z(e.color).getHexString()}`,
     textColor: 9738662,
     backgroundColor: 16316922,
     tooltip: "Color"
@@ -1460,51 +1463,51 @@ function _t(e, t, n = "") {
     t.children.push(s), _t(r, s, n);
   });
 }
-const Tr = [], Z = "tres:inspector", Sr = Et({
+const Sr = [], X = "tres:inspector", Ar = Et({
   sceneGraph: null
 });
-function Ar(e, t) {
-  Cr(
+function kr(e, t) {
+  Er(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: Tr,
+      componentStateTypes: Sr,
       app: e
     },
     (n) => {
-      typeof n.now != "function" && Er(
+      typeof n.now != "function" && Tr(
         "You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."
       ), n.addInspector({
-        id: Z,
+        id: X,
         label: "TresJS 🪐",
         icon: "account_tree",
         treeFilterPlaceholder: "Search instances"
       }), setInterval(() => {
-        n.sendInspectorTree(Z);
+        n.sendInspectorTree(X);
       }, 1e3), setInterval(() => {
         n.notifyComponentUpdate();
       }, 5e3), n.on.getInspectorTree((a) => {
-        if (a.inspectorId === Z) {
+        if (a.inspectorId === X) {
           const i = yt(t.scene.value);
-          _t(t.scene.value, i, a.filter), Sr.sceneGraph = i, a.rootNodes = [i];
+          _t(t.scene.value, i, a.filter), Ar.sceneGraph = i, a.rootNodes = [i];
         }
       });
       let r = null, s = null;
       n.on.getInspectorState((a) => {
         var i;
-        if (a.inspectorId === Z) {
+        if (a.inspectorId === X) {
           const [l] = t.scene.value.getObjectsByProperty("uuid", a.nodeId);
           if (!l)
             return;
           if (s && r && r.parent && s.remove(r), l.isMesh) {
-            const c = Kn(l);
+            const c = Qn(l);
             l.add(c), r = c, s = l;
           }
           a.state = {
-            object: Object.entries(l).map(([c, o]) => ({ key: c, value: o, editable: !0 })).filter(({ key: c }) => c !== "parent")
+            object: Object.entries(l).map(([c, o]) => c === "children" ? { key: c, value: o.filter((u) => u.type !== "HightlightMesh") } : { key: c, value: o, editable: !0 }).filter(({ key: c }) => c !== "parent")
           }, l.isScene && (a.state.info = {
             memory: ke(l),
             objects: l.children.length,
@@ -1523,12 +1526,12 @@ function Ar(e, t) {
           }))) || []);
         }
       }), n.on.editInspectorState((a) => {
-        a.inspectorId === Z && Jn(t.scene.value, a.nodeId, a.path, a.state.value);
+        a.inspectorId === X && Kn(t.scene.value, a.nodeId, a.path, a.state.value);
       });
     }
   );
 }
-const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
+const xr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1573,66 +1576,66 @@ const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
     "ready"
   ],
   setup(e, { expose: t, emit: n }) {
-    var P;
-    const r = e, s = n, a = Tt(), { logWarning: i } = z(), l = I(), c = H(new nt()), o = (P = Ie()) == null ? void 0 : P.appContext.app;
+    var b;
+    const r = e, s = n, a = Tt(), { logWarning: i } = Y(), l = H(), c = $(new nt()), o = (b = Ie()) == null ? void 0 : b.appContext.app;
     Ce(et);
     const u = (m) => Be({
       setup() {
-        var g;
-        const y = (g = Ie()) == null ? void 0 : g.appContext;
-        return y && (y.app = o), _e("useTres", m), _e("extend", Ce), typeof window < "u" && Ar(y == null ? void 0 : y.app, m), () => He(Ot, null, a != null && a.default ? a.default() : []);
+        var C;
+        const d = (C = Ie()) == null ? void 0 : C.appContext;
+        return d && (d.app = o), _e("useTres", m), _e("extend", Ce), typeof window < "u" && kr(d == null ? void 0 : d.app, m), () => He(Ot, null, a != null && a.default ? a.default() : []);
       }
-    }), v = (m) => {
-      const y = u(m), { render: g } = Rt(gr(m));
-      g(He(y), c.value);
-    }, f = (m, y = !1) => {
-      dt(m.scene.value), y && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), c.value.__tres = {
+    }), y = (m) => {
+      const d = u(m), { render: C } = Rt(vr(m));
+      C(He(d), c.value);
+    }, f = (m, d = !1) => {
+      dt(m.scene.value), d && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), c.value.__tres = {
         root: m
-      }, v(m);
-    }, _ = Y(() => r.disableRender), p = H(null);
-    return t({ context: p, dispose: () => f(p.value, !0) }), St(() => {
+      }, y(m);
+    }, g = V(() => r.disableRender), v = $(null);
+    return t({ context: v, dispose: () => f(v.value, !0) }), St(() => {
       const m = l;
-      p.value = mr({
+      v.value = hr({
         scene: c.value,
         canvas: m,
         windowSize: r.windowSize ?? !1,
-        disableRender: _.value ?? !1,
+        disableRender: g.value ?? !1,
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: y, camera: g, cameras: E, deregisterCamera: C } = p.value;
-      v(p.value);
-      const T = () => {
+      const { registerCamera: d, camera: C, cameras: E, deregisterCamera: P } = v.value;
+      y(v.value);
+      const S = () => {
         const M = new we(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), y(M);
-        const w = Te(() => {
-          E.value.length >= 2 && (M.removeFromParent(), C(M), w == null || w());
+        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), d(M);
+        const _ = Te(() => {
+          E.value.length >= 2 && (M.removeFromParent(), P(M), _ == null || _());
         });
       };
-      le(
+      ce(
         () => r.camera,
-        (M, w) => {
-          M && y(M), w && (w.removeFromParent(), C(w));
+        (M, _) => {
+          M && d(M), _ && (_.removeFromParent(), P(_));
         },
         {
           immediate: !0
         }
-      ), g.value || (i(
+      ), C.value || (i(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), T());
-    }), Q(() => {
-      f(p.value);
-    }), (m, y) => (At(), kt("canvas", {
+      ), S());
+    }), K(() => {
+      f(v.value);
+    }), (m, d) => (At(), kt("canvas", {
       ref_key: "canvas",
       ref: l,
       "data-scene": c.value.uuid,
       class: xt(m.$attrs.class),
-      "data-tres": `tresjs ${K(An).version}`,
+      "data-tres": `tresjs ${J(An).version}`,
       style: Lt({
         display: "block",
         width: "100%",
@@ -1644,19 +1647,19 @@ const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
         touchAction: "none",
         ...m.$attrs.style
       })
-    }, null, 14, kr));
+    }, null, 14, xr));
   }
-}), Lr = [
+}), Rr = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Rr = {
+], Or = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Lr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Rr.includes(e) || e === "primitive"
     }
   }
-}, qr = Rr, Jr = {
+}, Jr = Or, Kr = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1688,45 +1691,45 @@ class wt extends zt {
     this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
   }
 }
-const { logWarning: Ze } = z();
-let ae, F;
-const Or = {
+const { logWarning: Ze } = Y();
+let le, W;
+const Dr = {
   DirectionalLight: qt,
   PointLight: Jt,
   SpotLight: Kt,
   HemisphereLight: Qt,
   RectAreaLight: wt
-}, Kr = {
+}, Qr = {
   mounted: (e) => {
     if (!e.isLight) {
       Ze(`${e.type} is not a light`);
       return;
     }
-    ae = Or[e.type], e.parent.add(new ae(e, 1, e.color.getHex()));
+    le = Dr[e.type], e.parent.add(new le(e, 1, e.color.getHex()));
   },
   updated: (e) => {
-    F = e.parent.children.find((t) => t instanceof ae), !(F instanceof wt) && F.update();
+    W = e.parent.children.find((t) => t instanceof le), !(W instanceof wt) && W.update();
   },
   unmounted: (e) => {
     if (!e.isLight) {
       Ze(`${e.type} is not a light`);
       return;
     }
-    F = e.parent.children.find((t) => t instanceof ae), F && F.dispose && F.dispose(), e.parent.remove(F);
+    W = e.parent.children.find((t) => t instanceof le), W && W.dispose && W.dispose(), e.parent.remove(W);
   }
-}, { logWarning: Dr } = z();
-let B = null;
-const Qr = {
+}, { logWarning: jr } = Y();
+let I = null;
+const Xr = {
   updated: (e, t) => {
     var s;
-    const n = Qn(t);
+    const n = Xn(t);
     if (!n) {
-      Dr(`v-distance-to: problem with binding value: ${t.value}`);
+      jr(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
-    B && (B.dispose(), e.parent.remove(B));
+    I && (I.dispose(), e.parent.remove(I));
     const r = n.clone().sub(e.position);
-    r.normalize(), B = new Xt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(B), console.table(
+    r.normalize(), I = new Xt(r, e.position, e.position.distanceTo(n), 16776960), e.parent.add(I), console.table(
       [
         ["Distance:", e.position.distanceTo(n)],
         [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
@@ -1735,40 +1738,40 @@ const Qr = {
     );
   },
   unmounted: (e) => {
-    B == null || B.dispose(), e.parent.remove(B);
+    I == null || I.dispose(), e.parent.remove(I);
   }
-}, Xr = {
+}, Zr = {
   install(e) {
-    e.component("TresCanvas", xr);
+    e.component("TresCanvas", Lr);
   }
 };
 export {
-  xr as TresCanvas,
+  Lr as TresCanvas,
   Me as catalogue,
-  dr as createRenderLoop,
-  Xr as default,
+  pr as createRenderLoop,
+  Zr as default,
   dt as dispose,
   Ce as extend,
-  Ur as isProd,
-  $n as normalizeColor,
-  Fr as normalizeVectorFlexibleParam,
-  Gr as onTresReady,
-  qr as templateCompilerOptions,
-  ar as trasverseObjects,
-  jn as useCamera,
-  Wr as useLoader,
-  z as useLogger,
-  Yr as useLoop,
-  lr as useRaycaster,
-  $r as useRenderLoop,
-  sr as useRenderer,
-  zr as useSeek,
-  Nr as useTexture,
-  Vr as useTres,
+  Fr as isProd,
+  Un as normalizeColor,
+  Wr as normalizeVectorFlexibleParam,
+  Vr as onTresReady,
+  Jr as templateCompilerOptions,
+  lr as trasverseObjects,
+  Bn as useCamera,
+  Nr as useLoader,
+  Y as useLogger,
+  qr as useLoop,
+  cr as useRaycaster,
+  Ur as useRenderLoop,
+  ir as useRenderer,
+  Gr as useSeek,
+  zr as useTexture,
+  Yr as useTres,
   pe as useTresContext,
-  mr as useTresContextProvider,
-  ur as useTresEventManager,
-  Qr as vDistanceTo,
-  Kr as vLightHelper,
-  Jr as vLog
+  hr as useTresContextProvider,
+  fr as useTresEventManager,
+  Xr as vDistanceTo,
+  Qr as vLightHelper,
+  Kr as vLog
 };