@tresjs/core 4.2.2 → 4.2.4

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.2.2
+ * version: v4.2.4
  * (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 H, computed as V, watchEffect as Te, onUnmounted as K, shallowRef as $, watch as le, readonly as ye, unref as J, provide as _e, inject as Ct, isRef as Mt, 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.2", 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.4", 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",
@@ -40,9 +40,9 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.2", dn = "pnpm@9.1.4", pn =
 }, _n = "./dist/tres.js", wn = "./dist/tres.js", bn = "./dist/index.d.ts", Pn = [
   "*.d.ts",
   "dist"
-], Cn = {
+], Mn = {
   access: "public"
-}, Mn = {
+}, Cn = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
@@ -122,8 +122,8 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.2", dn = "pnpm@9.1.4", pn =
   module: wn,
   types: bn,
   files: Pn,
-  publishConfig: Cn,
-  scripts: Mn,
+  publishConfig: Mn,
+  scripts: Cn,
   peerDependencies: En,
   dependencies: Tn,
   devDependencies: Sn
@@ -143,34 +143,37 @@ function at(e) {
 function G(e) {
   return typeof e == "function";
 }
-function N(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;
 }
-const jn = ({ sizes: e }) => {
+function oe(e) {
+  return N(e) || xn(e) || Ln(e) || On(e);
+}
+function jn(e) {
+  return U(e) && !!e.isPrimitive;
+}
+const Bn = ({ sizes: e }) => {
   const t = H([]), n = V(
     () => t.value[0]
   ), r = (i) => {
@@ -194,7 +197,7 @@ 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());
     });
   }), K(() => {
     t.value = [];
@@ -206,35 +209,35 @@ 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(), Z = new tt();
+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: Z }), ct.trigger({ delta: ue, elapsed: fe, clock: Z }), Ae.trigger({ delta: ue, elapsed: fe, clock: Z });
+    lt.trigger({ delta: ue, elapsed: fe, clock: ee }), ct.trigger({ delta: ue, elapsed: fe, clock: ee }), Ae.trigger({ delta: ue, elapsed: fe, clock: ee });
   },
   { immediate: !1 }
 );
 Ae.on(() => {
-  ue = Z.getDelta(), fe = Z.getElapsedTime();
+  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 ▲ ■ ●] ";
+  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 Y() {
     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);
@@ -411,7 +414,7 @@ function er(e, t, n) {
   } 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;
@@ -439,7 +442,7 @@ 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 (!G(e.setPixelRatio))
     return;
@@ -450,7 +453,7 @@ 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) {
+function or(e, t, n, r, s) {
   const a = [...t.__tres.objects], i = Q(t);
   if (e = Q(e), i === e)
     return !0;
@@ -467,12 +470,12 @@ function rr(e, t, n, r, s) {
   return !0;
 }
 function Q(e) {
-  return Dn(e) ? (e.object.__tres = e.__tres, e.object) : 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, Q(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,7 +501,7 @@ 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 }
@@ -520,13 +523,13 @@ function sr({
   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);
+  }), ce(() => t.clearColor, c);
   const { pixelRatio: o } = en(), { logError: u } = Y(), f = (() => {
     const v = new he(), b = {
       shadowMap: {
@@ -543,21 +546,21 @@ function sr({
     a();
   }, 100), Te(() => {
     const v = k(t.preset);
-    v && (v in ie || u(`Renderer Preset must be one of these: ${Object.keys(ie).join(", ")}`), ut(l.value, ie[v])), nr(l.value, o.value, k(t.dpr)), g === "always" && (r.frames.value = Math.max(1, r.frames.value));
-    const b = (M, E) => {
-      const P = k(M), S = () => {
+    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(ie[v], E);
+          return Ve(ae[v], E);
       };
       if (P !== void 0)
         return P;
-      const C = S();
-      return C !== void 0 ? C : Ve(f, E);
-    }, m = (M, E) => Vn(l.value, E, b(M, 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 M = S();
+      return M !== void 0 ? M : Ve(f, E);
+    }, 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 ? $n(d) : new ce(0)
+      d ? Un(d) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), K(() => {
@@ -566,14 +569,14 @@ function sr({
     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) {
+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(
@@ -582,16 +585,16 @@ async function Wr(e, t, n, r, s) {
         o,
         (f) => {
           const g = f;
-          g.scene && Object.assign(g, ar(g.scene)), u(g);
+          g.scene && Object.assign(g, lr(g.scene)), u(g);
         },
         r,
         (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 {
@@ -628,7 +631,7 @@ async function Nr(e, t) {
     };
   }
 }
-const lr = (e, t) => {
+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), y = ({ x: h, y: T }) => {
@@ -646,21 +649,21 @@ const lr = (e, t) => {
       y: (h == null ? void 0 : h.clientY) ?? a.value
     });
     return T ? f(T) || [] : [];
-  }, v = j(), b = j(), m = j(), d = j(), M = j(), E = j(), P = j(), S = j();
-  function C(h) {
+  }, v = j(), b = j(), m = j(), d = j(), C = j(), E = j(), P = j(), S = j();
+  function M(h) {
     const T = {};
-    for (const U in h)
-      typeof U != "function" && (T[U] = h[U]);
+    for (const F in h)
+      typeof F != "function" && (T[F] = h[F]);
     return T;
   }
   const _ = (h, T) => {
     var Oe, De, je;
-    const U = C(T), ne = new Se(T == null ? void 0 : T.clientX, T == null ? void 0 : T.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: T,
@@ -680,20 +683,20 @@ const lr = (e, 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
-    ), _(M, h);
+    ), _(C, h);
   };
   let B, R = !1;
-  const te = (h) => {
-    var T, U, ne;
+  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 ? (_(v, h), B === ((U = r.value[0]) == null ? void 0 : U.object) ? R = !0 : (B = (ne = r.value[0]) == null ? void 0 : ne.object, R = !1)) : h.button === 2 && _(P, h)), _(d, 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) => {
     R && (_(b, h), B = void 0, R = !1);
   }, Le = (h) => _(m, h), Re = (h) => _(S, h);
-  return n.value.addEventListener("pointerup", te), 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", te), 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));
+  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) => v.on(h).off,
@@ -701,13 +704,13 @@ const lr = (e, t) => {
     onContextMenu: (h) => P.on(h).off,
     onPointerMove: (h) => m.on(h).off,
     onPointerUp: (h) => d.on(h).off,
-    onPointerDown: (h) => M.on(h).off,
+    onPointerDown: (h) => C.on(h).off,
     onPointerMissed: (h) => E.on(h).off,
     onWheel: (h) => S.on(h).off,
     forceUpdate: p
   };
 };
-function zr() {
+function Gr() {
   const { logWarning: e } = Y();
   function t(a, i, l) {
     let c = null;
@@ -737,17 +740,17 @@ 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 Ce = H({}), Me = (e) => Object.assign(Ce.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 = $(), s = $();
   e && (r.value = e), t && (s.value = t);
@@ -776,8 +779,8 @@ function ur(e, t, n) {
       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 te = zn(p.slice(2));
-      n(te, { intersection: O, event: w });
+      const ne = Gn(p.slice(2));
+      n(ne, { intersection: O, event: w });
     }
   }
   const {
@@ -789,8 +792,8 @@ function ur(e, t, n) {
     onPointerUp: b,
     onPointerMissed: m,
     onWheel: d,
-    forceUpdate: M
-  } = lr(l, t);
+    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 = [];
   g((p) => {
@@ -809,38 +812,38 @@ function ur(e, t, n) {
     }), n("pointer-missed", { event: p });
   });
   function S(p) {
-    re(p) && W(p) && l.value.push(p);
+    oe(p) && N(p) && l.value.push(p);
   }
-  function C(p) {
-    if (re(p) && W(p)) {
+  function M(p) {
+    if (oe(p) && N(p)) {
       const w = l.value.indexOf(p);
       w > -1 && l.value.splice(w, 1);
     }
   }
   function _(p) {
-    re(p) && W(p) && p.onPointerMissed && P.push(p);
+    oe(p) && N(p) && p.onPointerMissed && P.push(p);
   }
   function L(p) {
-    if (re(p) && W(p)) {
+    if (oe(p) && N(p)) {
       const w = P.indexOf(p);
       w > -1 && P.splice(w, 1);
     }
   }
   return t.eventManager = {
-    forceUpdate: M,
+    forceUpdate: C,
     registerObject: S,
-    deregisterObject: C,
+    deregisterObject: M,
     registerPointerMissedObject: _,
     deregisterPointerMissedObject: L
   }, {
-    forceUpdate: M,
+    forceUpdate: C,
     registerObject: S,
-    deregisterObject: C,
+    deregisterObject: M,
     registerPointerMissedObject: _,
     deregisterPointerMissedObject: L
   };
 }
-function fr(e, t, n = 10) {
+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,
@@ -874,14 +877,14 @@ function ve() {
     return e.size;
   } };
 }
-function dr() {
+function pr() {
   let e = !0, t = !0, n = !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(), y = ve();
-  C();
+  M();
   let f = {};
   function g(_) {
     f = _;
@@ -897,16 +900,16 @@ function dr() {
     }
   }
   function b() {
-    t && (t = !1, C(), S());
+    t && (t = !1, M(), S());
   }
   function m() {
-    t = !0, C(), cancelAnimationFrame(i);
+    t = !0, M(), cancelAnimationFrame(i);
   }
   function d() {
-    n = !1, C();
+    n = !1, M();
   }
-  function M() {
-    n = !0, C();
+  function C() {
+    n = !0, M();
   }
   function E() {
     a.value = !0;
@@ -930,7 +933,7 @@ function dr() {
     }, 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 C() {
+  function M() {
     const _ = !t && !n;
     r.running !== _ && (r.running ? r.stop() : r.start()), s.value = r.running;
   }
@@ -939,7 +942,7 @@ function dr() {
     register: (_, L, x) => v(_, L, x),
     start: b,
     stop: m,
-    pause: M,
+    pause: C,
     resume: d,
     pauseRender: E,
     resumeRender: P,
@@ -949,7 +952,7 @@ function dr() {
     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;
@@ -978,11 +981,11 @@ function pr(e, t, n = 100) {
     cancel: o
   };
 }
-const ee = /* @__PURE__ */ new WeakMap();
+const te = /* @__PURE__ */ new WeakMap();
 function gt(e) {
-  if (e = e || pe(), ee.has(e))
-    return ee.get(e);
-  const t = 100, n = Date.now(), a = pr(() => {
+  if (e = e || pe(), te.has(e))
+    return te.get(e);
+  const t = 100, n = Date.now(), a = mr(() => {
     if (Date.now() - n >= t)
       return !0;
     {
@@ -990,14 +993,14 @@ function gt(e) {
       return !!(i && l.width > 0 && l.height > 0);
     }
   }, e);
-  return ee.set(e, a), a;
+  return te.set(e, a), a;
 }
-function Gr(e) {
+function Vr(e) {
   const t = pe();
   if (t)
-    return ee.has(t) ? ee.get(t).on(e) : gt(t).on(e);
+    return te.has(t) ? te.get(t).on(e) : gt(t).on(e);
 }
-function mr({
+function hr({
   scene: e,
   canvas: t,
   windowSize: n,
@@ -1005,13 +1008,13 @@ function mr({
   rendererOptions: s,
   emit: a
 }) {
-  const i = $(e), l = fr(n, t), {
+  const i = $(e), l = dr(n, t), {
     camera: c,
     cameras: o,
     registerCamera: u,
     deregisterCamera: y,
     setCameraActive: f
-  } = jn({ sizes: l, scene: e }), g = {
+  } = Bn({ sizes: l, scene: e }), g = {
     mode: H(s.renderMode || "always"),
     priority: H(0),
     frames: H(0),
@@ -1024,7 +1027,7 @@ function mr({
   function b() {
     s.renderMode === "manual" && (g.frames.value = 1);
   }
-  const { renderer: m } = sr(
+  const { renderer: m } = ir(
     {
       scene: e,
       canvas: t,
@@ -1056,28 +1059,28 @@ function mr({
     },
     render: g,
     advance: b,
-    extend: Me,
+    extend: Ce,
     invalidate: v,
     registerCamera: u,
     setCameraActive: f,
     deregisterCamera: y,
-    loop: dr()
+    loop: pr()
   };
   _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: M, cancel: E } = gt(d);
-  d.loop.setReady(!1), d.loop.start(), M(() => {
-    a("ready", d), d.loop.setReady(!0), ur(e, d, a);
+  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 P = 100, S = an({ every: P }), { isSupported: C, memory: _ } = ln({ interval: P }), L = 160;
+  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, C.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));
+    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 w = 0;
   const A = 1, { pause: D } = it(({ delta: O }) => {
@@ -1088,13 +1091,13 @@ function mr({
   }), d;
 }
 function pe() {
-  const e = Ct("useTres");
+  const e = Mt("useTres");
   if (!e)
     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,
@@ -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;
@@ -1168,18 +1171,18 @@ const { logError: Ke } = Y(), Qe = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], gr = (e) => {
+], vr = (e) => {
   const t = e.scene.value;
   function n(o, u, y, f) {
-    if (f || (f = {}), f.args || (f.args = []), o === "template" || Wn(o))
+    if (f || (f = {}), f.args || (f.args = []), o === "template" || Nn(o))
       return null;
     let g = o.replace("Tres", ""), v;
     if (o === "primitive") {
-      (!N(f.object) || Mt(f.object)) && Ke(
+      (!U(f.object) || Ct(f.object)) && Ke(
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
       ), g = f.object.type;
       const b = {};
-      v = hr(
+      v = gr(
         f.object,
         {
           object: (d) => d,
@@ -1187,8 +1190,8 @@ const { logError: Ke } = Y(), Qe = [
           __tres: () => b
         },
         {
-          object: (d, M, E, P) => {
-            rr(d, E, P, { patchProp: a, remove: s, insert: r }, e);
+          object: (d, C, E, P) => {
+            or(d, E, P, { patchProp: a, remove: s, insert: r }, e);
           },
           __tres: (d) => {
             Object.assign(b, d);
@@ -1196,7 +1199,7 @@ const { logError: Ke } = Y(), Qe = [
         }
       );
     } else {
-      const b = Ce.value[g];
+      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);
@@ -1216,7 +1219,7 @@ const { logError: Ke } = Y(), Qe = [
       return;
     u = u || t;
     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 ? er(f, y, y.__tres.attach) : W(o) && W(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);
+    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 v, b, m, d;
@@ -1226,7 +1229,7 @@ const { logError: Ke } = Y(), Qe = [
     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((M) => s(M, u)), g && o.children && [...o.children].forEach((M) => s(M, u)), mt(o, e), ht(o, e), g && !On(o)) {
+    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 (G(o.dispose))
@@ -1238,12 +1241,12 @@ const { logError: Ke } = Y(), Qe = [
     "__tres" in o && delete o.__tres;
   }
   function a(o, u, y, f) {
-    var M, E;
+    var C, E;
     if (!o)
       return;
     let g = o, v = u;
     if (o.__tres && (o.__tres.memoizedProps[u] = f), u === "attach") {
-      const P = ((M = o.__tres) == null ? void 0 : M.parent) || o.parent;
+      const P = ((C = o.__tres) == null ? void 0 : C.parent) || o.parent;
       s(o), z(o, { attach: f }, e), P && r(o, P);
       return;
     }
@@ -1251,17 +1254,17 @@ const { logError: Ke } = Y(), Qe = [
       o.__tres || (o = z(o, {}, e)), o.__tres.dispose = f;
       return;
     }
-    if (W(o) && v === "blocks-pointer-events") {
+    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 b = se(v), m = g == null ? void 0 : g[b];
+    let b = ie(v), m = g == null ? void 0 : g[b];
     if (v === "args") {
-      const P = o, S = y ?? [], C = f ?? [], _ = ((E = o.__tres) == null ? void 0 : E.type) || o.type;
-      _ && S.length && !Yn(S, C) && (g = Object.assign(
+      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 Ce.value[_](...f)
+        new Me.value[_](...f)
       ));
       return;
     }
@@ -1269,14 +1272,14 @@ const { logError: Ke } = Y(), Qe = [
       if (v === "args")
         return;
       g.setAttribute(
-        se(v),
+        ie(v),
         new Wt(...f)
       );
       return;
     }
     if (v.includes("-") && m === void 0) {
       const P = v.split("-");
-      m = P.reduce((S, C) => S[se(C)], g), v = P.pop(), b = v, m != null && m.set || (g = P.reduce((S, C) => S[se(C)], g));
+      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 d = f;
     if (d === "" && (d = !0), G(m)) {
@@ -1315,20 +1318,20 @@ const { logError: Ke } = Y(), 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";
+const _r = typeof Proxy == "function", wr = "devtools-plugin:setup", br = "plugin:settings:set";
 let q, Ee;
-function br() {
+function Pr() {
   var e;
   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 Cr {
   constructor(t, n) {
@@ -1358,9 +1361,9 @@ class Cr {
         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,10 +1395,10 @@ class Cr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Mr(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 Cr(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
@@ -1405,7 +1408,7 @@ function Mr(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,22 +1463,22 @@ function _t(e, t, n = "") {
     t.children.push(s), _t(r, s, n);
   });
 }
-const Tr = [], X = "tres:inspector", Sr = Et({
+const Sr = [], X = "tres:inspector", Ar = Et({
   sceneGraph: null
 });
-function Ar(e, t) {
-  Mr(
+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: X,
@@ -1489,7 +1492,7 @@ function Ar(e, t) {
       }, 5e3), n.on.getInspectorTree((a) => {
         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;
@@ -1500,11 +1503,11 @@ function Ar(e, t) {
           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 === X && 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 },
@@ -1575,16 +1578,16 @@ const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
   setup(e, { expose: t, emit: n }) {
     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;
-    Me(et);
+    Ce(et);
     const u = (m) => Be({
       setup() {
-        var M;
-        const d = (M = Ie()) == null ? void 0 : M.appContext;
-        return d && (d.app = o), _e("useTres", m), _e("extend", Me), typeof window < "u" && Ar(d == null ? void 0 : d.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() : []);
       }
     }), y = (m) => {
-      const d = u(m), { render: M } = Rt(gr(m));
-      M(He(d), c.value);
+      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
@@ -1592,7 +1595,7 @@ const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
     }, g = V(() => r.disableRender), v = $(null);
     return t({ context: v, dispose: () => f(v.value, !0) }), St(() => {
       const m = l;
-      v.value = mr({
+      v.value = hr({
         scene: c.value,
         canvas: m,
         windowSize: r.windowSize ?? !1,
@@ -1600,29 +1603,29 @@ const kr = ["data-scene", "data-tres"], xr = /* @__PURE__ */ Be({
         rendererOptions: r,
         emit: s
       });
-      const { registerCamera: d, camera: M, cameras: E, deregisterCamera: P } = v.value;
+      const { registerCamera: d, camera: C, cameras: E, deregisterCamera: P } = v.value;
       y(v.value);
       const S = () => {
-        const C = new we(
+        const M = new we(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        C.position.set(3, 3, 3), C.lookAt(0, 0, 0), d(C);
+        M.position.set(3, 3, 3), M.lookAt(0, 0, 0), d(M);
         const _ = Te(() => {
-          E.value.length >= 2 && (C.removeFromParent(), P(C), _ == null || _());
+          E.value.length >= 2 && (M.removeFromParent(), P(M), _ == null || _());
         });
       };
-      le(
+      ce(
         () => r.camera,
-        (C, _) => {
-          C && d(C), _ && (_.removeFromParent(), P(_));
+        (M, _) => {
+          M && d(M), _ && (_.removeFromParent(), P(_));
         },
         {
           immediate: !0
         }
-      ), M.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."
       ), S());
     }), K(() => {
@@ -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]);
@@ -1689,39 +1692,39 @@ class wt extends zt {
   }
 }
 const { logWarning: Ze } = Y();
-let ae, F;
-const Or = {
+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 } = Y();
+}, { logWarning: jr } = Y();
 let I = null;
-const Qr = {
+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;
     }
     I && (I.dispose(), e.parent.remove(I));
@@ -1737,38 +1740,38 @@ const Qr = {
   unmounted: (e) => {
     I == null || I.dispose(), e.parent.remove(I);
   }
-}, Xr = {
+}, Zr = {
   install(e) {
-    e.component("TresCanvas", xr);
+    e.component("TresCanvas", Lr);
   }
 };
 export {
-  xr as TresCanvas,
-  Ce as catalogue,
-  dr as createRenderLoop,
-  Xr as default,
+  Lr as TresCanvas,
+  Me as catalogue,
+  pr as createRenderLoop,
+  Zr as default,
   dt as dispose,
-  Me 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,
+  Ce as extend,
+  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,
-  Yr as useLoop,
-  lr as useRaycaster,
-  $r as useRenderLoop,
-  sr as useRenderer,
-  zr as useSeek,
-  Nr as useTexture,
-  Vr as useTres,
+  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
 };