@tresjs/core 4.2.6 → 4.2.7

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.2.6
+ * version: v4.2.7
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -12,13 +12,16 @@ import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRe
 import * as et 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.6", 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.7", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = {
+  type: "git",
+  url: "git+https://github.com/Tresjs/tres.git"
+}, vn = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], vn = !1, yn = {
+], yn = !1, _n = {
   ".": {
     types: "./dist/index.d.ts",
     import: "./dist/tres.js",
@@ -37,12 +40,12 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
     types: "./dist/src/utils/index.d.ts"
   },
   "./*": "./*"
-}, _n = "./dist/tres.js", wn = "./dist/tres.js", bn = "./dist/index.d.ts", Pn = [
+}, wn = "./dist/tres.js", bn = "./dist/tres.js", Pn = "./dist/index.d.ts", Cn = [
   "*.d.ts",
   "dist"
-], Cn = {
+], Mn = {
   access: "public"
-}, Mn = {
+}, En = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
@@ -59,14 +62,14 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts",
   prepare: "node .husky/install.mjs"
-}, En = {
+}, Tn = {
   three: ">=0.133",
   vue: ">=3.4"
-}, Tn = {
+}, Sn = {
   "@alvarosabu/utils": "^3.2.0",
   "@vue/devtools-api": "^6.6.3",
   "@vueuse/core": "^10.11.0"
-}, Sn = {
+}, An = {
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.11.0",
   "@tresjs/cientos": "3.9.0",
@@ -107,7 +110,7 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   vitest: "^2.0.2",
   vue: "^3.4.31",
   "vue-demi": "^0.14.8"
-}, An = {
+}, xn = {
   name: cn,
   type: un,
   version: fn,
@@ -115,18 +118,19 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.6", dn = "pnpm@9.1.4", pn =
   description: pn,
   author: mn,
   license: hn,
-  keywords: gn,
-  sideEffects: vn,
-  exports: yn,
-  main: _n,
-  module: wn,
-  types: bn,
-  files: Pn,
-  publishConfig: Cn,
-  scripts: Mn,
-  peerDependencies: En,
-  dependencies: Tn,
-  devDependencies: Sn
+  repository: gn,
+  keywords: vn,
+  sideEffects: yn,
+  exports: _n,
+  main: wn,
+  module: bn,
+  types: Pn,
+  files: Cn,
+  publishConfig: Mn,
+  scripts: En,
+  peerDependencies: Tn,
+  dependencies: Sn,
+  devDependencies: An
 };
 function be(e) {
   return typeof e > "u";
@@ -134,7 +138,7 @@ function be(e) {
 function de(e) {
   return Array.isArray(e);
 }
-function xn(e) {
+function kn(e) {
   return typeof e == "number";
 }
 function at(e) {
@@ -152,28 +156,28 @@ function N(e) {
 function We(e) {
   return U(e) && "isCamera" in e && !!e.isCamera;
 }
-function kn(e) {
+function Ln(e) {
   return U(e) && "isBufferGeometry" in e && !!e.isBufferGeometry;
 }
-function Ln(e) {
+function Rn(e) {
   return U(e) && "isMaterial" in e && !!e.isMaterial;
 }
-function Rn(e) {
+function On(e) {
   return U(e) && "isLight" in e && !!e.isLight;
 }
-function On(e) {
+function Dn(e) {
   return U(e) && "isFog" in e && !!e.isFog;
 }
-function Dn(e) {
+function jn(e) {
   return U(e) && "isScene" in e && !!e.isScene;
 }
 function oe(e) {
-  return N(e) || kn(e) || Ln(e) || On(e);
+  return N(e) || Ln(e) || Rn(e) || Dn(e);
 }
-function jn(e) {
+function Bn(e) {
   return U(e) && !!e.isPrimitive;
 }
-const Bn = ({ sizes: e }) => {
+const In = ({ sizes: e }) => {
   const t = H([]), n = V(
     () => t.value[0]
   ), r = (i) => {
@@ -197,7 +201,7 @@ const Bn = ({ sizes: e }) => {
   };
   return Te(() => {
     e.aspectRatio.value && t.value.forEach((i) => {
-      !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());
+      !i.manual && (i instanceof we || Hn(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 = [];
@@ -209,12 +213,12 @@ const Bn = ({ sizes: e }) => {
     setCameraActive: r
   };
 };
-function In(e) {
+function Hn(e) {
   return e.hasOwnProperty("isOrthographicCamera") && e.isOrthographicCamera;
 }
 const lt = j(), ct = j(), Ae = j(), ee = new tt();
 let ue = 0, fe = 0;
-const { pause: Hn, resume: Ne, isActive: $n } = it(
+const { pause: $n, resume: Ne, isActive: Un } = 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 });
   },
@@ -224,14 +228,14 @@ Ae.on(() => {
   ue = ee.getDelta(), fe = ee.getElapsedTime();
 });
 let ze = !1;
-const Ur = () => (ze || (ze = !0, Ne()), {
+const Fr = () => (ze || (ze = !0, Ne()), {
   onBeforeLoop: lt.on,
   onLoop: ct.on,
   onAfterLoop: Ae.on,
-  pause: Hn,
+  pause: $n,
   resume: Ne,
-  isActive: $n
-}), Fr = !0, se = "[TresJS ▲ ■ ●] ";
+  isActive: Un
+}), Wr = !0, se = "[TresJS ▲ ■ ●] ";
 function Y() {
   function e(...r) {
     typeof r[0] == "string" ? r[0] = se + r[0] : r.unshift(se), console.error(...r);
@@ -247,13 +251,13 @@ function Y() {
     logMessage: n
   };
 }
-function Wr(e) {
+function Nr(e) {
   return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
 }
-function Un(e) {
+function Fn(e) {
   return e instanceof Z ? e : Array.isArray(e) ? new Z(...e) : new Z(e);
 }
-class Fn extends et.Mesh {
+class Wn extends et.Mesh {
   constructor(...n) {
     super(...n);
     me(this, "type", "HightlightMesh");
@@ -269,18 +273,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;
-}, 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);
+}, Nn = "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", zn = /* @__PURE__ */ Yn(Nn);
 function Ge(e) {
   return e && e.nodeType === 1;
 }
 function ie(e) {
   return e.replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-const zn = /\B([A-Z])/g;
-function Gn(e) {
-  return e.replace(zn, "-$1").toLowerCase();
+const Gn = /\B([A-Z])/g;
+function Vn(e) {
+  return e.replace(Gn, "-$1").toLowerCase();
 }
-function Vn(e, t) {
+function Yn(e, t) {
   const n = /* @__PURE__ */ Object.create(null), r = e.split(",");
   for (let s = 0; s < r.length; s++)
     n[r[s]] = !0;
@@ -291,7 +295,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);
-}, Yn = (e, t, n) => {
+}, qn = (e, t, n) => {
   const r = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
   r && r.reduce((s, l, i) => (s[l] === void 0 && (s[l] = {}), i === r.length - 1 && (s[l] = n), s[l]), e);
 };
@@ -312,7 +316,7 @@ function ft(e, t) {
       return !1;
   return !0;
 }
-function qn(e, t) {
+function Jn(e, t) {
   if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -320,8 +324,8 @@ function qn(e, t) {
       return !1;
   return !0;
 }
-const Jn = Array.isArray;
-function Kn(e, t, n, r) {
+const Kn = Array.isArray;
+function Qn(e, t, n, r) {
   const s = (c) => {
     if (c.uuid === t)
       return c;
@@ -346,7 +350,7 @@ function Kn(e, t, n, r) {
   const a = n[n.length - 1];
   i[a] !== void 0 ? i[a] = r : console.warn(`Property path is not valid: ${n.join(".")}`);
 }
-function Qn(e) {
+function Xn(e) {
   const t = new ot({
     color: 11003607,
     // Highlight color, e.g., yellow
@@ -357,18 +361,18 @@ function Qn(e) {
     side: jt
     // To e
   });
-  return new Fn(e.geometry.clone(), t);
+  return new Wn(e.geometry.clone(), t);
 }
-function Xn(e) {
+function Zn(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 Zn(e) {
+function er(e) {
   return "map" in e;
 }
 function Ye(e) {
-  Zn(e) && e.map && e.map.dispose(), e.dispose();
+  er(e) && e.map && e.map.dispose(), e.dispose();
 }
 function dt(e) {
   var n, r;
@@ -377,7 +381,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((l) => Ye(l)), delete s.material) : s.material && (Ye(s.material), delete s.material);
   }
 }
-function er(e, t) {
+function tr(e, t) {
   let n = 0;
   for (let r = 0; r < e.length; r++)
     t(e[r], r) && (e[n] = e[r], n++);
@@ -398,7 +402,7 @@ function qe(...e) {
   return e.map((t, n) => n === 0 ? t : t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
 const Je = /-\d+$/;
-function tr(e, t, n) {
+function nr(e, t, n) {
   if (at(n)) {
     if (Je.test(n)) {
       const l = n.replace(Je, ""), { target: i, key: a } = Pe(e, l);
@@ -414,7 +418,7 @@ function tr(e, t, n) {
   } else
     t.__tres.previousAttach = n(e, t);
 }
-function nr(e, t, n) {
+function rr(e, t, n) {
   var r, s, l;
   if (at(n)) {
     const { target: i, key: a } = Pe(e, n), c = t.__tres.previousAttach;
@@ -442,7 +446,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 rr(e, t, n) {
+function or(e, t, n) {
   var s;
   if (!G(e.setPixelRatio))
     return;
@@ -450,10 +454,10 @@ function rr(e, t, n) {
   if (de(n) && n.length >= 2) {
     const [l, i] = n;
     r = rt.clamp(t, l, i);
-  } else xn(n) ? r = n : r = t;
+  } else kn(n) ? r = n : r = t;
   r !== ((s = e.getPixelRatio) == null ? void 0 : s.call(e)) && e.setPixelRatio(r);
 }
-function or(e, t, n, r, s) {
+function sr(e, t, n, r, s) {
   const l = [...t.__tres.objects], i = Q(t);
   if (e = Q(e), i === e)
     return !0;
@@ -470,12 +474,12 @@ function or(e, t, n, r, s) {
   return !0;
 }
 function Q(e) {
-  return jn(e) ? (e.object.__tres = e.__tres, e.object) : e;
+  return Bn(e) ? (e.object.__tres = e.__tres, e.object) : e;
 }
 function mt(e, t) {
   var r, s, l, 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 && er(n.__tres.objects, (a) => a !== e), (s = e.__tres) != null && s.attach ? nr(n, e, e.__tres.attach) : ((i = (l = e.parent) == null ? void 0 : l.remove) == null || i.call(l, Q(e)), e.parent = null);
+  e.__tres && (e.__tres.parent = null), n && n.__tres && "objects" in n.__tres && tr(n.__tres.objects, (a) => a !== e), (s = e.__tres) != null && s.attach ? rr(n, e, e.__tres.attach) : ((i = (l = e.parent) == null ? void 0 : l.remove) == null || i.call(l, Q(e)), e.parent = null);
 }
 function ht(e, t) {
   var n;
@@ -484,7 +488,7 @@ function ht(e, t) {
     t.deregisterCamera(r), (s = t.eventManager) == null || s.deregisterPointerMissedObject(r);
   }), t.deregisterCamera(e), pt(e);
 }
-const sr = Number.parseInt(Bt.replace("dev", "")), ae = {
+const ir = Number.parseInt(Bt.replace("dev", "")), ae = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
@@ -501,7 +505,7 @@ const sr = Number.parseInt(Bt.replace("dev", "")), ae = {
     toneMappingExposure: 1
   }
 };
-function ir({
+function ar({
   canvas: e,
   options: t,
   contextParts: { sizes: n, render: r, invalidate: s, advance: l }
@@ -546,7 +550,7 @@ function ir({
     l();
   }, 100), Te(() => {
     const g = k(t.preset);
-    g && (g in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(a.value, ae[g])), rr(a.value, o.value, k(t.dpr)), h === "always" && (r.frames.value = Math.max(1, r.frames.value));
+    g && (g in ae || u(`Renderer Preset must be one of these: ${Object.keys(ae).join(", ")}`), ut(a.value, ae[g])), or(a.value, o.value, k(t.dpr)), h === "always" && (r.frames.value = Math.max(1, r.frames.value));
     const b = (C, M) => {
       const P = k(C), E = () => {
         if (g)
@@ -556,11 +560,11 @@ function ir({
         return P;
       const S = E();
       return S !== void 0 ? S : Ve(f, M);
-    }, y = (C, M) => Yn(a.value, M, b(C, M));
-    y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? st, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), sr < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
+    }, y = (C, M) => qn(a.value, M, b(C, M));
+    y(t.shadows, "shadowMap.enabled"), y(t.toneMapping ?? st, "toneMapping"), y(t.shadowMapType, "shadowMap.type"), ir < 150 && y(!t.useLegacyLights, "physicallyCorrectLights"), y(t.outputColorSpace, "outputColorSpace"), y(t.toneMappingExposure, "toneMappingExposure");
     const d = b(t.clearColor, "clearColor");
     d && a.value.setClearColor(
-      d ? Un(d) : new Z(0)
+      d ? Fn(d) : new Z(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   }), K(() => {
@@ -569,14 +573,14 @@ function ir({
     renderer: a
   };
 }
-const ar = (e) => !!e && e.constructor === Array;
-function lr(e) {
+const lr = (e) => !!e && e.constructor === Array;
+function cr(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 Nr(e, t, n, r, s) {
+async function zr(e, t, n, r, s) {
   const { logError: l } = Y(), i = new e();
   s && s(i), n && n(i);
   const c = (Array.isArray(t) ? t : [t]).map(
@@ -585,16 +589,16 @@ async function Nr(e, t, n, r, s) {
         o,
         (f) => {
           const h = f;
-          h.scene && Object.assign(h, lr(h.scene)), u(h);
+          h.scene && Object.assign(h, cr(h.scene)), u(h);
         },
         r,
         (f) => v(l("[useLoader] - Failed to load resource", f))
       );
     })
   );
-  return ar(t) ? await Promise.all(c) : await c[0];
+  return lr(t) ? await Promise.all(c) : await c[0];
 }
-async function zr(e, t) {
+async function Gr(e, t) {
   const n = new Ut(t), r = (s) => new Promise((l, i) => {
     n.load(
       s,
@@ -605,7 +609,7 @@ async function zr(e, t) {
       }
     );
   });
-  if (Jn(e)) {
+  if (Kn(e)) {
     const s = await Promise.all(e.map((l) => r(l)));
     return e.length > 1 ? s : s[0];
   } else {
@@ -631,7 +635,7 @@ async function zr(e, t) {
     };
   }
 }
-const cr = (e, t) => {
+const ur = (e, t) => {
   const n = V(() => t.renderer.value.domElement), r = $([]), { x: s, y: l } = tn({ target: n });
   let i = 0;
   const { width: a, height: c, top: o, left: u } = nn(n), v = ({ x: m, y: T }) => {
@@ -710,7 +714,7 @@ const cr = (e, t) => {
     forceUpdate: p
   };
 };
-function Gr() {
+function Vr() {
   const { logWarning: e } = Y();
   function t(l, i, a) {
     let c = null;
@@ -746,11 +750,11 @@ function xe(e) {
     }
   }), t;
 }
-function ur(e) {
+function fr(e) {
   return (e / 1024).toFixed(2);
 }
 const Ce = H({}), Me = (e) => Object.assign(Ce.value, e);
-function fr(e, t, n) {
+function dr(e, t, n) {
   var L;
   const r = $(), s = $();
   e && (r.value = e), t && (s.value = t);
@@ -779,7 +783,7 @@ function fr(e, t, n) {
       let R = B.parent;
       for (; R !== null && !w.stopPropagating && !x.includes(R); )
         w.eventObject = R, c(R[p], w), x.push(R), R = R.parent;
-      const ne = Gn(p.slice(2));
+      const ne = Vn(p.slice(2));
       n(ne, { intersection: O, event: w });
     }
   }
@@ -793,7 +797,7 @@ function fr(e, t, n) {
     onPointerMissed: y,
     onWheel: d,
     forceUpdate: C
-  } = cr(a, t);
+  } = ur(a, t);
   b((p) => o("onPointerUp", p)), g((p) => o("onPointerDown", p)), u((p) => o("onClick", p)), v((p) => o("onDoubleClick", p)), f((p) => o("onContextMenu", p)), d((p) => o("onWheel", p));
   let M = [];
   h((p) => {
@@ -843,7 +847,7 @@ function fr(e, t, n) {
     deregisterPointerMissedObject: A
   };
 }
-function dr(e, t, n = 10) {
+function pr(e, t, n = 10) {
   const r = k(e) ? rn() : on(V(() => k(t).parentElement)), s = ye(Fe(r.width, n)), l = ye(Fe(r.height, n)), i = V(() => s.value / l.value);
   return {
     height: l,
@@ -877,7 +881,7 @@ function ve() {
     return e.size;
   } };
 }
-function pr() {
+function mr() {
   let e = !0, t = !0, n = !1;
   const r = new tt(!1), s = H(r.running), l = H(!1);
   let i;
@@ -952,7 +956,7 @@ function pr() {
     setReady: (_) => e = _
   };
 }
-function mr(e, t, n = 100) {
+function hr(e, t, n = 100) {
   n = n <= 0 ? 100 : n;
   const r = j(), s = /* @__PURE__ */ new Set();
   let l = !1, i = !1, a = null;
@@ -985,7 +989,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(), l = mr(() => {
+  const t = 100, n = Date.now(), l = hr(() => {
     if (Date.now() - n >= t)
       return !0;
     {
@@ -995,12 +999,12 @@ function gt(e) {
   }, e);
   return te.set(e, l), l;
 }
-function Vr(e) {
+function Yr(e) {
   const t = pe();
   if (t)
     return te.has(t) ? te.get(t).on(e) : gt(t).on(e);
 }
-function hr({
+function gr({
   scene: e,
   canvas: t,
   windowSize: n,
@@ -1008,13 +1012,13 @@ function hr({
   rendererOptions: s,
   emit: l
 }) {
-  const i = $(e), a = dr(n, t), {
+  const i = $(e), a = pr(n, t), {
     camera: c,
     cameras: o,
     registerCamera: u,
     deregisterCamera: v,
     setCameraActive: f
-  } = Bn({ sizes: a, scene: e }), h = {
+  } = In({ sizes: a, scene: e }), h = {
     mode: H(s.renderMode || "always"),
     priority: H(0),
     frames: H(0),
@@ -1027,7 +1031,7 @@ function hr({
   function b() {
     s.renderMode === "manual" && (h.frames.value = 1);
   }
-  const { renderer: y } = ir(
+  const { renderer: y } = ar(
     {
       scene: e,
       canvas: t,
@@ -1064,7 +1068,7 @@ function hr({
     registerCamera: u,
     setCameraActive: f,
     deregisterCamera: v,
-    loop: pr()
+    loop: mr()
   };
   _e("useTres", d), d.scene.value.__tres = {
     root: d
@@ -1073,7 +1077,7 @@ function hr({
   }, "render");
   const { on: C, cancel: M } = gt(d);
   d.loop.setReady(!1), d.loop.start(), C(() => {
-    l("ready", d), d.loop.setReady(!0), fr(e, d, l);
+    l("ready", d), d.loop.setReady(!0), dr(e, d, l);
   }), K(() => {
     M(), d.loop.stop();
   });
@@ -1096,8 +1100,8 @@ function pe() {
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Yr = pe;
-function qr() {
+const qr = pe;
+function Jr() {
   const {
     camera: e,
     scene: t,
@@ -1137,7 +1141,7 @@ function qr() {
     onAfterRender: u
   };
 }
-function gr(e, t = {}, n = {}) {
+function vr(e, t = {}, n = {}) {
   let r = e;
   const s = (a) => {
     r = a;
@@ -1171,10 +1175,10 @@ const { logError: Ke } = Y(), Qe = [
   "onPointerMissed",
   "onLostPointerCapture",
   "onWheel"
-], vr = (e) => {
+], yr = (e) => {
   const t = e.scene.value;
   function n(o, u, v, f) {
-    if (f || (f = {}), f.args || (f.args = []), o === "template" || Nn(o))
+    if (f || (f = {}), f.args || (f.args = []), o === "template" || zn(o))
       return null;
     let h = o.replace("Tres", ""), g;
     if (o === "primitive") {
@@ -1182,7 +1186,7 @@ const { logError: Ke } = Y(), Qe = [
         "Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"
       ), h = f.object.type;
       const b = {};
-      g = gr(
+      g = vr(
         f.object,
         {
           object: (d) => d,
@@ -1191,7 +1195,7 @@ const { logError: Ke } = Y(), Qe = [
         },
         {
           object: (d, C, M, P) => {
-            or(d, M, P, { patchProp: l, remove: s, insert: r }, e);
+            sr(d, M, P, { patchProp: l, remove: s, insert: r }, e);
           },
           __tres: (d) => {
             Object.assign(b, d);
@@ -1219,7 +1223,7 @@ const { logError: Ke } = Y(), Qe = [
       return;
     u = u || t;
     const v = o.__tres ? o : z(o, {}, e), f = u.__tres ? u : z(u, {}, e);
-    o = Q(v), u = Q(f), o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), v.__tres.attach ? tr(f, v, v.__tres.attach) : N(o) && N(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);
+    o = Q(v), u = Q(f), o.__tres && ((h = o.__tres) == null ? void 0 : h.eventCount) > 0 && ((g = e.eventManager) == null || g.registerObject(o)), e.registerCamera(o), (b = e.eventManager) == null || b.registerPointerMissedObject(o), v.__tres.attach ? nr(f, v, v.__tres.attach) : N(o) && N(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);
   }
   function s(o, u) {
     var g, b, y, d;
@@ -1229,7 +1233,7 @@ const { logError: Ke } = Y(), Qe = [
     const v = (y = o.__tres) == null ? void 0 : y.dispose;
     be(v) || (v === null ? u = !1 : u = v);
     const f = (d = o.__tres) == null ? void 0 : d.primitive, h = u === "default" ? !f : !!u;
-    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, u)), h && o.children && [...o.children].forEach((C) => s(C, u)), mt(o, e), ht(o, e), h && !Dn(o)) {
+    if (o.__tres && "objects" in o.__tres && [...o.__tres.objects].forEach((C) => s(C, u)), h && o.children && [...o.children].forEach((C) => s(C, u)), mt(o, e), ht(o, e), h && !jn(o)) {
       if (G(u))
         u(o);
       else if (G(o.dispose))
@@ -1262,7 +1266,7 @@ const { logError: Ke } = Y(), Qe = [
     let b = ie(g), y = h == null ? void 0 : h[b];
     if (g === "args") {
       const P = o, E = v ?? [], S = f ?? [], _ = ((M = o.__tres) == null ? void 0 : M.type) || o.type;
-      _ && E.length && !qn(E, S) && (h = Object.assign(
+      _ && E.length && !Jn(E, S) && (h = Object.assign(
         P,
         new Ce.value[_](...f)
       ));
@@ -1318,22 +1322,22 @@ const { logError: Ke } = Y(), Qe = [
     insertStaticContent: () => void 0
   };
 };
-function yr() {
+function _r() {
   return vt().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
 function vt() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
 }
-const _r = typeof Proxy == "function", wr = "devtools-plugin:setup", br = "plugin:settings:set";
+const wr = typeof Proxy == "function", br = "devtools-plugin:setup", Pr = "plugin:settings:set";
 let q, Ee;
-function Pr() {
+function Cr() {
   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 Cr() {
-  return Pr() ? Ee.now() : Date.now();
+function Mr() {
+  return Cr() ? Ee.now() : Date.now();
 }
-class Mr {
+class Er {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1361,9 +1365,9 @@ class Mr {
         l = i;
       },
       now() {
-        return Cr();
+        return Mr();
       }
-    }, n && n.on(br, (i, a) => {
+    }, n && n.on(Pr, (i, a) => {
       i === this.plugin.id && this.fallbacks.setSettings(a);
     }), this.proxiedOn = new Proxy({}, {
       get: (i, a) => this.target ? this.target.on[a] : (...c) => {
@@ -1395,12 +1399,12 @@ class Mr {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Er(e, t) {
-  const n = e, r = vt(), s = yr(), l = _r && n.enableEarlyProxy;
+function Tr(e, t) {
+  const n = e, r = vt(), s = _r(), l = wr && n.enableEarlyProxy;
   if (s && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !l))
-    s.emit(wr, e, t);
+    s.emit(br, e, t);
   else {
-    const i = l ? new Mr(n, s) : null;
+    const i = l ? new Er(n, s) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1408,7 +1412,7 @@ function Er(e, t) {
     }), i && t(i.proxiedTarget);
   }
 }
-function Tr(e, t) {
+function Sr(e, t) {
   const n = `▲ ■ ●${e}`;
   typeof Xe == "function" ? Xe(n, t) : console.log(n);
 }
@@ -1429,11 +1433,11 @@ const yt = (e) => {
   });
   const n = xe(e);
   return n > 0 && t.tags.push({
-    label: `${ur(n)} KB`,
+    label: `${fr(n)} KB`,
     textColor: 15707189,
     backgroundColor: 16775644,
     tooltip: "Memory usage"
-  }), e.type.includes("Light") && (Rn(e) && t.tags.push({
+  }), e.type.includes("Light") && (On(e) && t.tags.push({
     label: `${e.intensity}`,
     textColor: 9738662,
     backgroundColor: 16316922,
@@ -1463,22 +1467,22 @@ function _t(e, t, n = "") {
     t.children.push(s), _t(r, s, n);
   });
 }
-const Sr = [], X = "tres:inspector", Ar = Et({
+const Ar = [], X = "tres:inspector", xr = Et({
   sceneGraph: null
 });
-function xr(e, t) {
-  Er(
+function kr(e, t) {
+  Tr(
     {
       id: "dev.esm.tres",
       label: "TresJS 🪐",
       logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
       packageName: "tresjs",
       homepage: "https://tresjs.org",
-      componentStateTypes: Sr,
+      componentStateTypes: Ar,
       app: e
     },
     (n) => {
-      typeof n.now != "function" && Tr(
+      typeof n.now != "function" && Sr(
         "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,
@@ -1492,7 +1496,7 @@ function xr(e, t) {
       }, 5e3), n.on.getInspectorTree((l) => {
         if (l.inspectorId === X) {
           const i = yt(t.scene.value);
-          _t(t.scene.value, i, l.filter), Ar.sceneGraph = i, l.rootNodes = [i];
+          _t(t.scene.value, i, l.filter), xr.sceneGraph = i, l.rootNodes = [i];
         }
       });
       let r = null, s = null;
@@ -1503,7 +1507,7 @@ function xr(e, t) {
           if (!a)
             return;
           if (s && r && r.parent && s.remove(r), a.isMesh) {
-            const c = Qn(a);
+            const c = Xn(a);
             a.add(c), r = c, s = a;
           }
           l.state = {
@@ -1526,12 +1530,12 @@ function xr(e, t) {
           }))) || []);
         }
       }), n.on.editInspectorState((l) => {
-        l.inspectorId === X && Kn(t.scene.value, l.nodeId, l.path, l.state.value);
+        l.inspectorId === X && Qn(t.scene.value, l.nodeId, l.path, l.state.value);
       });
     }
   );
 }
-const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
+const Lr = ["data-scene", "data-tres"], Rr = /* @__PURE__ */ Be({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -1583,10 +1587,10 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
       setup() {
         var P;
         const M = (P = Ie()) == null ? void 0 : P.appContext;
-        return M && (M.app = o), _e("useTres", d), _e("extend", Me), typeof window < "u" && xr(M == null ? void 0 : M.app, d), () => He(Ot, null, C ? [] : l.default());
+        return M && (M.app = o), _e("useTres", d), _e("extend", Me), typeof window < "u" && kr(M == null ? void 0 : M.app, d), () => He(Ot, null, C ? [] : l.default());
       }
     }), v = (d, C = !1) => {
-      const M = u(d, C), { render: P } = Rt(vr(d));
+      const M = u(d, C), { render: P } = Rt(yr(d));
       P(He(M), c.value);
     }, f = (d, C = !1) => {
       dt(d.scene.value), C && (d.renderer.value.dispose(), d.renderer.value.renderLists.dispose(), d.renderer.value.forceContextLoss()), c.value.__tres = {
@@ -1599,7 +1603,7 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
     };
     return St(() => {
       const d = a;
-      g.value = hr({
+      g.value = gr({
         scene: c.value,
         canvas: d,
         windowSize: r.windowSize ?? !1,
@@ -1637,7 +1641,7 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
       ref: a,
       "data-scene": c.value.uuid,
       class: kt(d.$attrs.class),
-      "data-tres": `tresjs ${J(An).version}`,
+      "data-tres": `tresjs ${J(xn).version}`,
       style: Lt({
         display: "block",
         width: "100%",
@@ -1649,19 +1653,19 @@ const kr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ Be({
         touchAction: "none",
         ...d.$attrs.style
       })
-    }, null, 14, kr));
+    }, null, 14, Lr));
   }
-}), Rr = [
+}), Or = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Or = {
+], Dr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !Rr.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Or.includes(e) || e === "primitive"
     }
   }
-}, Jr = Or, Kr = {
+}, Kr = Dr, Qr = {
   mounted: (e, t) => {
     if (t.arg) {
       console.log(`v-log:${t.arg}`, e[t.arg]);
@@ -1695,19 +1699,19 @@ class wt extends zt {
 }
 const { logWarning: Ze } = Y();
 let le, W;
-const Dr = {
+const jr = {
   DirectionalLight: qt,
   PointLight: Jt,
   SpotLight: Kt,
   HemisphereLight: Qt,
   RectAreaLight: wt
-}, Qr = {
+}, Xr = {
   mounted: (e) => {
     if (!e.isLight) {
       Ze(`${e.type} is not a light`);
       return;
     }
-    le = Dr[e.type], e.parent.add(new le(e, 1, e.color.getHex()));
+    le = jr[e.type], e.parent.add(new le(e, 1, e.color.getHex()));
   },
   updated: (e) => {
     W = e.parent.children.find((t) => t instanceof le), !(W instanceof wt) && W.update();
@@ -1719,14 +1723,14 @@ const Dr = {
     }
     W = e.parent.children.find((t) => t instanceof le), W && W.dispose && W.dispose(), e.parent.remove(W);
   }
-}, { logWarning: jr } = Y();
+}, { logWarning: Br } = Y();
 let I = null;
-const Xr = {
+const Zr = {
   updated: (e, t) => {
     var s;
-    const n = Xn(t);
+    const n = Zn(t);
     if (!n) {
-      jr(`v-distance-to: problem with binding value: ${t.value}`);
+      Br(`v-distance-to: problem with binding value: ${t.value}`);
       return;
     }
     I && (I.dispose(), e.parent.remove(I));
@@ -1742,38 +1746,38 @@ const Xr = {
   unmounted: (e) => {
     I == null || I.dispose(), e.parent.remove(I);
   }
-}, Zr = {
+}, eo = {
   install(e) {
-    e.component("TresCanvas", Lr);
+    e.component("TresCanvas", Rr);
   }
 };
 export {
-  Lr as TresCanvas,
+  Rr as TresCanvas,
   Ce as catalogue,
-  pr as createRenderLoop,
-  Zr as default,
+  mr as createRenderLoop,
+  eo as default,
   dt as dispose,
   Me 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,
+  Wr as isProd,
+  Fn as normalizeColor,
+  Nr as normalizeVectorFlexibleParam,
+  Yr as onTresReady,
+  Kr as templateCompilerOptions,
+  cr as trasverseObjects,
+  In as useCamera,
+  zr 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,
+  Jr as useLoop,
+  ur as useRaycaster,
+  Fr as useRenderLoop,
+  ar as useRenderer,
+  Vr as useSeek,
+  Gr as useTexture,
+  qr as useTres,
   pe as useTresContext,
-  hr as useTresContextProvider,
-  fr as useTresEventManager,
-  Xr as vDistanceTo,
-  Qr as vLightHelper,
-  Kr as vLog
+  gr as useTresContextProvider,
+  dr as useTresEventManager,
+  Zr as vDistanceTo,
+  Xr as vLightHelper,
+  Qr as vLog
 };

package/dist/tres.umd.cjs

@@ -1,8 +1,8 @@
 /**
  * name: @tresjs/core
- * version: v4.2.6
+ * version: v4.2.7
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(b,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],p):(b=typeof globalThis<"u"?globalThis:b||self,p(b.tres={},b.Vue,b.Three,b.VueUseCore))})(this,function(b,p,y,C){"use strict";var _n=Object.defineProperty;var wn=(b,p,y)=>p in b?_n(b,p,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[p]=y;var ye=(b,p,y)=>wn(b,typeof p!="symbol"?p+"":p,y);function it(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const _e=it(y),at={name:"@tresjs/core",type:"module",version:"4.2.6",packageManager:"pnpm@9.1.4",description:"Declarative ThreeJS using Vue Components",author:"Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",license:"MIT",keywords:["vue","3d","threejs","three","threejs-vue"],sideEffects:!1,exports:{".":{types:"./dist/index.d.ts",import:"./dist/tres.js",require:"./dist/tres.umd.cjs"},"./components":{types:"./dist/src/components/index.d.ts"},"./composables":{types:"./dist/src/composables/index.d.ts"},"./types":{types:"./dist/src/types/index.d.ts"},"./utils":{types:"./dist/src/utils/index.d.ts"},"./*":"./*"},main:"./dist/tres.js",module:"./dist/tres.js",types:"./dist/index.d.ts",files:["*.d.ts","dist"],publishConfig:{access:"public"},scripts:{dev:"cd playground && npm run dev",build:"vite build",playground:"cd playground && npm run dev",test:"vitest","test:ci":"vitest run","test:ui":"vitest --ui --coverage.enabled=true",release:"release-it",coverage:"vitest run --coverage",lint:"eslint .","lint:fix":"eslint . --fix","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:serve":"vitepress serve docs","docs:preview":"vitepress preview docs","docs:contributors":"esno scripts/update-contributors.ts",prepare:"node .husky/install.mjs"},peerDependencies:{three:">=0.133",vue:">=3.4"},dependencies:{"@alvarosabu/utils":"^3.2.0","@vue/devtools-api":"^6.6.3","@vueuse/core":"^10.11.0"},devDependencies:{"@release-it/conventional-changelog":"^8.0.1","@stackblitz/sdk":"^1.11.0","@tresjs/cientos":"3.9.0","@tresjs/eslint-config":"^1.1.0","@types/three":"^0.166.0","@typescript-eslint/eslint-plugin":"^7.16.0","@typescript-eslint/parser":"^7.16.0","@vitejs/plugin-vue":"^5.0.5","@vitest/coverage-c8":"^0.33.0","@vitest/coverage-v8":"^2.0.2","@vitest/ui":"^2.0.2","@vue/test-utils":"^2.4.6",eslint:"^9.6.0","eslint-plugin-vue":"^9.27.0",esno:"^4.7.0",gsap:"^3.12.5",husky:"^9.0.11",jsdom:"^24.1.0",kolorist:"^1.8.0",ohmyfetch:"^0.4.21",pathe:"^1.1.2","release-it":"^17.5.0","rollup-plugin-analyzer":"^4.0.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-visualizer":"^5.12.0",sponsorkit:"^0.14.6",three:"^0.166.1",unocss:"^0.61.3",unplugin:"^1.11.0","unplugin-vue-components":"^0.27.2",vite:"^5.3.3","vite-plugin-banner":"^0.7.1","vite-plugin-dts":"3.9.1","vite-plugin-inspect":"^0.8.4","vite-plugin-require-transform":"^1.0.21","vite-svg-loader":"^5.1.0",vitepress:"1.3.0",vitest:"^2.0.2",vue:"^3.4.31","vue-demi":"^0.14.8"}};function fe(e){return typeof e>"u"}function Z(e){return Array.isArray(e)}function lt(e){return typeof e=="number"}function we(e){return typeof e=="string"}function G(e){return typeof e=="function"}function U(e){return e===Object(e)&&!Z(e)&&!G(e)}function F(e){return U(e)&&"isObject3D"in e&&!!e.isObject3D}function be(e){return U(e)&&"isCamera"in e&&!!e.isCamera}function ct(e){return U(e)&&"isBufferGeometry"in e&&!!e.isBufferGeometry}function ut(e){return U(e)&&"isMaterial"in e&&!!e.isMaterial}function ft(e){return U(e)&&"isLight"in e&&!!e.isLight}function dt(e){return U(e)&&"isFog"in e&&!!e.isFog}function pt(e){return U(e)&&"isScene"in e&&!!e.isScene}function ee(e){return F(e)||ct(e)||ut(e)||dt(e)}function mt(e){return U(e)&&!!e.isPrimitive}const Ce=({sizes:e})=>{const t=p.ref([]),n=p.computed(()=>t.value[0]),r=i=>{const a=i instanceof y.Camera?i:t.value.find(o=>o.uuid===i);if(!a)return;const c=t.value.filter(({uuid:o})=>o!==a.uuid);t.value=[a,...c]},s=(i,a=!1)=>{if(be(i)){const c=i;if(t.value.some(({uuid:o})=>o===c.uuid))return;a?r(c):t.value.push(c)}},l=i=>{if(be(i)){const a=i;t.value=t.value.filter(({uuid:c})=>c!==a.uuid)}};return p.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(i=>{!i.manual&&(i instanceof y.PerspectiveCamera||ht(i))&&(i instanceof y.PerspectiveCamera?i.aspect=e.aspectRatio.value:(i.left=e.width.value*-.5,i.right=e.width.value*.5,i.top=e.height.value*.5,i.bottom=e.height.value*-.5),i.updateProjectionMatrix())})}),p.onUnmounted(()=>{t.value=[]}),{camera:n,cameras:t,registerCamera:s,deregisterCamera:l,setCameraActive:r}};function ht(e){return e.hasOwnProperty("isOrthographicCamera")&&e.isOrthographicCamera}const Me=C.createEventHook(),Pe=C.createEventHook(),de=C.createEventHook(),K=new y.Clock;let te=0,ne=0;const{pause:gt,resume:Se,isActive:vt}=C.useRafFn(()=>{Me.trigger({delta:te,elapsed:ne,clock:K}),Pe.trigger({delta:te,elapsed:ne,clock:K}),de.trigger({delta:te,elapsed:ne,clock:K})},{immediate:!1});de.on(()=>{te=K.getDelta(),ne=K.getElapsedTime()});let ke=!1;const yt=()=>(ke||(ke=!0,Se()),{onBeforeLoop:Me.on,onLoop:Pe.on,onAfterLoop:de.on,pause:gt,resume:Se,isActive:vt}),_t=!0,re="[TresJS ▲ ■ ●] ";function W(){function e(...r){typeof r[0]=="string"?r[0]=re+r[0]:r.unshift(re),console.error(...r)}function t(...r){typeof r[0]=="string"?r[0]=re+r[0]:r.unshift(re),console.warn(...r)}function n(r,s){}return{logError:e,logWarning:t,logMessage:n}}function wt(e){return typeof e=="number"?[e,e,e]:e instanceof y.Vector3?[e.x,e.y,e.z]:e}function Ae(e){return e instanceof y.Color?e:Array.isArray(e)?new y.Color(...e):new y.Color(e)}class bt extends _e.Mesh{constructor(...n){super(...n);ye(this,"type","HightlightMesh");ye(this,"createTime");this.createTime=Date.now()}onBeforeRender(){const r=(Date.now()-this.createTime)/1e3,i=1+.07*Math.sin(2.5*r);this.scale.set(i,i,i)}}const Le=(e,t)=>{for(const n of Object.keys(t))t[n]instanceof Object&&Object.assign(t[n],Le(e[n],t[n]));return Object.assign(e||{},t),e},Ct=St("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot");function Oe(e){return e&&e.nodeType===1}function oe(e){return e.replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}const Mt=/\B([A-Z])/g;function Pt(e){return e.replace(Mt,"-$1").toLowerCase()}function St(e,t){const n=Object.create(null),r=e.split(",");for(let s=0;s<r.length;s++)n[r[s]]=!0;return s=>!!n[s]}const De=(e,t)=>{if(!t)return;const n=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return n==null?void 0:n.reduce((r,s)=>r&&r[s],e)},kt=(e,t,n)=>{const r=Array.isArray(t)?t:t.match(/([^[.\]])+/g);r&&r.reduce((s,l,i)=>(s[l]===void 0&&(s[l]={}),i===r.length-1&&(s[l]=n),s[l]),e)};function je(e,t){if(Oe(e)&&Oe(t)){const s=e.attributes,l=t.attributes;return s.length!==l.length?!1:Array.from(s).every(({name:i,value:a})=>t.getAttribute(i)===a)}if(e===t)return!0;if(e===null||typeof e!="object"||t===null||typeof t!="object")return!1;const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(const s of n)if(!r.includes(s)||!je(e[s],t[s]))return!1;return!0}function At(e,t){if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!je(e[n],t[n]))return!1;return!0}const Lt=Array.isArray;function Ot(e,t,n,r){const s=c=>{if(c.uuid===t)return c;for(const o of c.children){const u=s(o);if(u)return u}},l=s(e);if(!l){console.warn("Object with UUID not found in the scene.");return}let i=l;for(let c=0;c<n.length-1;c++)if(i[n[c]]!==void 0)i=i[n[c]];else{console.warn(`Property path is not valid: ${n.join(".")}`);return}const a=n[n.length-1];i[a]!==void 0?i[a]=r:console.warn(`Property path is not valid: ${n.join(".")}`)}function Dt(e){const t=new y.MeshBasicMaterial({color:11003607,transparent:!0,opacity:.2,depthTest:!1,side:y.DoubleSide});return new bt(e.geometry.clone(),t)}function jt(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 y.Vector3(...t)),t}function Tt(e){return"map"in e}function Te(e){Tt(e)&&e.map&&e.map.dispose(),e.dispose()}function pe(e){var n,r;if(e.parent&&((n=e.removeFromParent)==null||n.call(e)),delete e.__tres,[...e.children].forEach(s=>pe(s)),!(e instanceof y.Scene)){const s=e;e&&((r=e.dispose)==null||r.call(e)),s.geometry&&(s.geometry.dispose(),delete s.geometry),Array.isArray(s.material)?(s.material.forEach(l=>Te(l)),delete s.material):s.material&&(Te(s.material),delete s.material)}}function xt(e,t){let n=0;for(let r=0;r<e.length;r++)t(e[r],r)&&(e[n]=e[r],n++);return e.length=n,e}function me(e,t){let n=e;if(t.includes("-")){const r=t.split("-");let s=r.shift();for(;n&&r.length;)s in n?(n=n[s],s=r.shift()):s=xe(s,r.shift());return{target:n,key:xe(s,...r)}}else return{target:n,key:t}}function xe(...e){return e.map((t,n)=>n===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}const Be=/-\d+$/;function Bt(e,t,n){if(we(n)){if(Be.test(n)){const l=n.replace(Be,""),{target:i,key:a}=me(e,l);if(!Array.isArray(i[a])){const c=i[a],o=[];o.__tresDetach=()=>{o.every(u=>fe(u))&&(i[a]=c)},i[a]=o}}const{target:r,key:s}=me(e,n);t.__tres.previousAttach=r[s],r[s]=Y(t)}else t.__tres.previousAttach=n(e,t)}function It(e,t,n){var r,s,l;if(we(n)){const{target:i,key:a}=me(e,n),c=t.__tres.previousAttach;c===void 0?delete i[a]:i[a]=c,"__tresDetach"in i&&i.__tresDetach()}else(s=(r=t.__tres)==null?void 0:r.previousAttach)==null||s.call(r,e,t);(l=t.__tres)==null||delete l.previousAttach}function q(e,t,n){const r=e;return r.__tres={type:"unknown",eventCount:0,root:n,handlers:{},memoizedProps:{},objects:[],parent:null,previousAttach:null,...t},r.__tres.attach||(r.isMaterial?r.__tres.attach="material":r.isBufferGeometry?r.__tres.attach="geometry":r.isFog&&(r.__tres.attach="fog")),r}function Ie(e){var n;const t=(n=e==null?void 0:e.__tres)==null?void 0:n.root;t&&t.render&&t.render.canBeInvalidated.value&&t.invalidate()}function Fn(e){}function Rt(e,t,n){var s;if(!G(e.setPixelRatio))return;let r=0;if(Z(n)&&n.length>=2){const[l,i]=n;r=y.MathUtils.clamp(t,l,i)}else lt(n)?r=n:r=t;r!==((s=e.getPixelRatio)==null?void 0:s.call(e))&&e.setPixelRatio(r)}function Et(e,t,n,r,s){const l=[...t.__tres.objects],i=Y(t);if(e=Y(e),i===e)return!0;const a=q(e,t.__tres??{},s),c=t.parent??t.__tres.parent??null,o={...t.__tres.memoizedProps};delete o.object;for(const u of l)Re(u,s),Ee(u,s);i.__tres.objects=[],r.remove(t);for(const[u,_]of Object.entries(o))r.patchProp(a,u,a[u],_);n(e),r.insert(t,c);for(const u of l)r.insert(u,t);return!0}function Y(e){return mt(e)?(e.object.__tres=e.__tres,e.object):e}function Re(e,t){var r,s,l,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&&xt(n.__tres.objects,a=>a!==e),(s=e.__tres)!=null&&s.attach?It(n,e,e.__tres.attach):((i=(l=e.parent)==null?void 0:l.remove)==null||i.call(l,Y(e)),e.parent=null)}function Ee(e,t){var n;(n=e.traverse)==null||n.call(e,r=>{var s;t.deregisterCamera(r),(s=t.eventManager)==null||s.deregisterPointerMissedObject(r)}),t.deregisterCamera(e),Ie(e)}const $t=Number.parseInt(y.REVISION.replace("dev","")),se={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:y.SRGBColorSpace,toneMapping:y.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:y.PCFSoftShadowMap}},flat:{toneMapping:y.NoToneMapping,toneMappingExposure:1}};function $e({canvas:e,options:t,contextParts:{sizes:n,render:r,invalidate:s,advance:l}}){const i=p.computed(()=>({alpha:C.toValue(t.alpha)??!0,depth:C.toValue(t.depth),canvas:C.unrefElement(e),context:C.toValue(t.context),stencil:C.toValue(t.stencil),antialias:C.toValue(t.antialias)??!0,precision:C.toValue(t.precision),powerPreference:C.toValue(t.powerPreference),premultipliedAlpha:C.toValue(t.premultipliedAlpha),preserveDrawingBuffer:C.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:C.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:C.toValue(t.failIfMajorPerformanceCaveat)})),a=p.shallowRef(new y.WebGLRenderer(i.value));function c(){t.renderMode==="on-demand"&&s()}p.watch(i,()=>{a.value.dispose(),a.value=new y.WebGLRenderer(i.value),c()}),p.watch([n.width,n.height],()=>{a.value.setSize(n.width.value,n.height.value),c()},{immediate:!0}),p.watch(()=>t.clearColor,c);const{pixelRatio:o}=C.useDevicePixelRatio(),{logError:u}=W(),f=(()=>{const v=new y.WebGLRenderer,S={shadowMap:{enabled:v.shadowMap.enabled,type:v.shadowMap.type},toneMapping:v.toneMapping,toneMappingExposure:v.toneMappingExposure,outputColorSpace:v.outputColorSpace};return v.dispose(),S})(),g=C.toValue(t.renderMode);return g==="on-demand"&&s(),g==="manual"&&setTimeout(()=>{l()},100),p.watchEffect(()=>{const v=C.toValue(t.preset);v&&(v in se||u(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`),Le(a.value,se[v])),Rt(a.value,o.value,C.toValue(t.dpr)),g==="always"&&(r.frames.value=Math.max(1,r.frames.value));const S=(A,L)=>{const k=C.toValue(A),O=()=>{if(v)return De(se[v],L)};if(k!==void 0)return k;const j=O();return j!==void 0?j:De(f,L)},w=(A,L)=>kt(a.value,L,S(A,L));w(t.shadows,"shadowMap.enabled"),w(t.toneMapping??y.ACESFilmicToneMapping,"toneMapping"),w(t.shadowMapType,"shadowMap.type"),$t<150&&w(!t.useLegacyLights,"physicallyCorrectLights"),w(t.outputColorSpace,"outputColorSpace"),w(t.toneMappingExposure,"toneMappingExposure");const d=S(t.clearColor,"clearColor");d&&a.value.setClearColor(d?Ae(d):new y.Color(0))}),p.onUnmounted(()=>{a.value.dispose(),a.value.forceContextLoss()}),{renderer:a}}const Ut=e=>!!e&&e.constructor===Array;function Ue(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 Vt(e,t,n,r,s){const{logError:l}=W(),i=new e;s&&s(i),n&&n(i);const c=(Array.isArray(t)?t:[t]).map(o=>new Promise((u,_)=>{i.load(o,f=>{const g=f;g.scene&&Object.assign(g,Ue(g.scene)),u(g)},r,f=>_(l("[useLoader] - Failed to load resource",f)))}));return Ut(t)?await Promise.all(c):await c[0]}async function Ft(e,t){const n=new y.TextureLoader(t),r=s=>new Promise((l,i)=>{n.load(s,a=>l(a),()=>null,()=>{i(new Error("[useTextures] - Failed to load texture"))})});if(Lt(e)){const s=await Promise.all(e.map(l=>r(l)));return e.length>1?s:s[0]}else{const{map:s,displacementMap:l,normalMap:i,roughnessMap:a,metalnessMap:c,aoMap:o,alphaMap:u,matcap:_}=e;return{map:s?await r(s):null,displacementMap:l?await r(l):null,normalMap:i?await r(i):null,roughnessMap:a?await r(a):null,metalnessMap:c?await r(c):null,aoMap:o?await r(o):null,alphaMap:u?await r(u):null,matcap:_?await r(_):null}}}const Ve=(e,t)=>{const n=p.computed(()=>t.renderer.value.domElement),r=p.shallowRef([]),{x:s,y:l}=C.usePointer({target:n});let i=0;const{width:a,height:c,top:o,left:u}=C.useElementBounding(n),_=({x:h,y:D})=>{if(n.value)return{x:(h-u.value)/a.value*2-1,y:-((D-o.value)/c.value)*2+1}},f=({x:h,y:D})=>{if(t.camera.value)return t.raycaster.value.setFromCamera(new y.Vector2(h,D),t.camera.value),r.value=t.raycaster.value.intersectObjects(e.value,!0),r.value},g=h=>{const D=_({x:(h==null?void 0:h.clientX)??s.value,y:(h==null?void 0:h.clientY)??l.value});return D?f(D)||[]:[]},v=C.createEventHook(),S=C.createEventHook(),w=C.createEventHook(),d=C.createEventHook(),A=C.createEventHook(),L=C.createEventHook(),k=C.createEventHook(),O=C.createEventHook();function j(h){const D={};for(const z in h)typeof z!="function"&&(D[z]=h[z]);return D}const M=(h,D)=>{var rt,ot,st;const z=j(D),ue=new y.Vector3(D==null?void 0:D.clientX,D==null?void 0:D.clientY,0).unproject((rt=t.camera)==null?void 0:rt.value);h.trigger({...z,intersections:r.value,unprojectedPoint:ue,ray:(ot=t.raycaster)==null?void 0:ot.value.ray,camera:(st=t.camera)==null?void 0:st.value,sourceEvent:D,delta:i,stopPropagating:!1})};let T;const B=h=>{g(h),M(w,h),T=h},m=()=>{T&&B(T)};let P,x,E;const R=h=>{var D;P=(D=r.value[0])==null?void 0:D.object,i=0,x=new y.Vector2((h==null?void 0:h.clientX)??s.value,(h==null?void 0:h.clientY)??l.value),M(A,h)};let $,I=!1;const ce=h=>{var D,z,ue;h instanceof PointerEvent&&(r.value.length===0&&M(L,h),P===((D=r.value[0])==null?void 0:D.object)&&(E=new y.Vector2((h==null?void 0:h.clientX)??s.value,(h==null?void 0:h.clientY)??l.value),i=x==null?void 0:x.distanceTo(E),h.button===0?(M(v,h),$===((z=r.value[0])==null?void 0:z.object)?I=!0:($=(ue=r.value[0])==null?void 0:ue.object,I=!1)):h.button===2&&M(k,h)),M(d,h))},et=h=>{I&&(M(S,h),$=void 0,I=!1)},tt=h=>M(w,h),nt=h=>M(O,h);return n.value.addEventListener("pointerup",ce),n.value.addEventListener("pointerdown",R),n.value.addEventListener("pointermove",B),n.value.addEventListener("pointerleave",tt),n.value.addEventListener("dblclick",et),n.value.addEventListener("wheel",nt),p.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",ce),n.value.removeEventListener("pointerdown",R),n.value.removeEventListener("pointermove",B),n.value.removeEventListener("pointerleave",tt),n.value.removeEventListener("dblclick",et),n.value.removeEventListener("wheel",nt))}),{intersects:r,onClick:h=>v.on(h).off,onDblClick:h=>S.on(h).off,onContextMenu:h=>k.on(h).off,onPointerMove:h=>w.on(h).off,onPointerUp:h=>d.on(h).off,onPointerDown:h=>A.on(h).off,onPointerMissed:h=>L.on(h).off,onWheel:h=>O.on(h).off,forceUpdate:m}};function Wt(){const{logWarning:e}=W();function t(l,i,a){let c=null;return l.traverse(o=>{o[i]===a&&(c=o)}),c||e(`Child with ${i} '${a}' not found.`),c}function n(l,i,a){const c=[];return l.traverse(o=>{o[i].includes(a)&&c.push(o)}),c.length||e(`Children with ${i} '${a}' not found.`),c}function r(l,i){return t(l,"name",i)}function s(l,i){return n(l,"name",i)}return{seek:t,seekByName:r,seekAll:n,seekAllByName:s}}function he(e){let t=0;return e.traverse(n=>{if(n.isMesh&&n.geometry&&n.type!=="HightlightMesh"){const r=n.geometry,s=r.attributes.position.count*3*Float32Array.BYTES_PER_ELEMENT,l=r.index?r.index.count*Uint32Array.BYTES_PER_ELEMENT:0,i=r.attributes.normal?r.attributes.normal.count*3*Float32Array.BYTES_PER_ELEMENT:0,a=r.attributes.uv?r.attributes.uv.count*2*Float32Array.BYTES_PER_ELEMENT:0,c=s+l+i+a;t+=c}}),t}function Nt(e){return(e/1024).toFixed(2)}const ie=p.ref({}),ae=e=>Object.assign(ie.value,e);function Fe(e,t,n){var B;const r=p.shallowRef(),s=p.shallowRef();e&&(r.value=e),t&&(s.value=t);const l=m=>{var P;return((P=m.__tres)==null?void 0:P.eventCount)>0},i=m=>{var P;return((P=m.children)==null?void 0:P.some(x=>i(x)))||l(m)},a=p.shallowRef(((B=r.value)==null?void 0:B.children).filter(i)||[]);function c(m,P){if(Array.isArray(m))for(const x of m)x(P);typeof m=="function"&&m(P)}function o(m,P){const x=[],E=()=>P.stopPropagating=!0;P.stopPropagation=E;for(const R of P==null?void 0:P.intersections){if(P.stopPropagating)return;P={...P,...R};const{object:$}=R;P.eventObject=$,c($[m],P),x.push($);let I=$.parent;for(;I!==null&&!P.stopPropagating&&!x.includes(I);)P.eventObject=I,c(I[m],P),x.push(I),I=I.parent;const ce=Pt(m.slice(2));n(ce,{intersection:R,event:P})}}const{onClick:u,onDblClick:_,onContextMenu:f,onPointerMove:g,onPointerDown:v,onPointerUp:S,onPointerMissed:w,onWheel:d,forceUpdate:A}=Ve(a,t);S(m=>o("onPointerUp",m)),v(m=>o("onPointerDown",m)),u(m=>o("onClick",m)),_(m=>o("onDoubleClick",m)),f(m=>o("onContextMenu",m)),d(m=>o("onWheel",m));let L=[];g(m=>{const P=m.intersections.map(({object:E})=>E),x=m.intersections;L.forEach(({object:E})=>{P.includes(E)||(m.intersections=L,o("onPointerLeave",m),o("onPointerOut",m))}),m.intersections=x,m.intersections.forEach(({object:E})=>{L.includes(E)||(o("onPointerEnter",m),o("onPointerOver",m))}),o("onPointerMove",m),L=m.intersections});const k=[];w(m=>{const P=()=>m.stopPropagating=!0;m.stopPropagation=P,k.forEach(x=>{m.stopPropagating||(m.eventObject=x,c(x.onPointerMissed,m))}),n("pointer-missed",{event:m})});function O(m){ee(m)&&F(m)&&a.value.push(m)}function j(m){if(ee(m)&&F(m)){const P=a.value.indexOf(m);P>-1&&a.value.splice(P,1)}}function M(m){ee(m)&&F(m)&&m.onPointerMissed&&k.push(m)}function T(m){if(ee(m)&&F(m)){const P=k.indexOf(m);P>-1&&k.splice(P,1)}}return t.eventManager={forceUpdate:A,registerObject:O,deregisterObject:j,registerPointerMissedObject:M,deregisterPointerMissedObject:T},{forceUpdate:A,registerObject:O,deregisterObject:j,registerPointerMissedObject:M,deregisterPointerMissedObject:T}}function zt(e,t,n=10){const r=C.toValue(e)?C.useWindowSize():C.useElementSize(p.computed(()=>C.toValue(t).parentElement)),s=p.readonly(C.refDebounced(r.width,n)),l=p.readonly(C.refDebounced(r.height,n)),i=p.computed(()=>s.value/l.value);return{height:l,width:s,aspectRatio:i}}function ge(){const e=new Map,t=new Set;let n=0,r=!1;const s=()=>{const o=Array.from(e.entries()).sort((u,_)=>{const f=u[1].priority-_[1].priority;return f===0?u[1].addI-_[1].addI:f});t.clear(),o.forEach(u=>t.add(u[0]))},l=o=>{e.delete(o),t.delete(o)};return{on:(o,u=0)=>{e.set(o,{priority:u,addI:n++});const _=()=>l(o);return C.tryOnScopeDispose(_),r=!0,{off:_}},off:l,trigger:(...o)=>{r&&(s(),r=!1),t.forEach(u=>u(...o))},dispose:()=>{e.clear(),t.clear()},get count(){return e.size}}}function We(){let e=!0,t=!0,n=!1;const r=new y.Clock(!1),s=p.ref(r.running),l=p.ref(!1);let i;const a=y.MathUtils.generateUUID();let c=null;const o=ge(),u=ge(),_=ge();j();let f={};function g(M){f=M}function v(M,T,B=0){switch(T){case"before":return o.on(M,B);case"render":return c||(c=M),u.dispose(),u.on(M);case"after":return _.on(M,B)}}function S(){t&&(t=!1,j(),O())}function w(){t=!0,j(),cancelAnimationFrame(i)}function d(){n=!1,j()}function A(){n=!0,j()}function L(){l.value=!0}function k(){l.value=!1}function O(){if(!e){i=requestAnimationFrame(O);return}const M=r.getDelta(),T=r.getElapsedTime(),B={camera:p.unref(f.camera),scene:p.unref(f.scene),renderer:p.unref(f.renderer),raycaster:p.unref(f.raycaster),controls:p.unref(f.controls),invalidate:f.invalidate,advance:f.advance},m={delta:M,elapsed:T,clock:r,...B};s.value&&o.trigger(m),l.value||(u.count?u.trigger(m):c&&c(m)),s.value&&_.trigger(m),i=requestAnimationFrame(O)}function j(){const M=!t&&!n;r.running!==M&&(r.running?r.stop():r.start()),s.value=r.running}return{loopId:a,register:(M,T,B)=>v(M,T,B),start:S,stop:w,pause:A,resume:d,pauseRender:L,resumeRender:k,isRenderPaused:l,isActive:s,setContext:g,setReady:M=>e=M}}function Gt(e,t,n=100){n=n<=0?100:n;const r=C.createEventHook(),s=new Set;let l=!1,i=!1,a=null;function c(){a&&clearTimeout(a),!i&&!l&&e()?(r.trigger(t),s.forEach(f=>f()),s.clear(),l=!0):!i&&!l&&(a=setTimeout(c,n))}function o(){i=!0,a&&clearTimeout(a)}c();const u=(f,...g)=>{f(...g)};return{on:f=>{if(l)return u(f,t),{off:()=>{}};{const g=r.on(f);return s.add(g.off),r.on(f)}},off:r.off,trigger:r.trigger,cancel:o}}const Q=new WeakMap;function Ne(e){if(e=e||X(),Q.has(e))return Q.get(e);const t=100,n=Date.now(),l=Gt(()=>{if(Date.now()-n>=t)return!0;{const i=e.renderer.value,a=(i==null?void 0:i.domElement)||{width:0,height:0};return!!(i&&a.width>0&&a.height>0)}},e);return Q.set(e,l),l}function qt(e){const t=X();if(t)return Q.has(t)?Q.get(t).on(e):Ne(t).on(e)}function ze({scene:e,canvas:t,windowSize:n,disableRender:r,rendererOptions:s,emit:l}){const i=p.shallowRef(e),a=zt(n,t),{camera:c,cameras:o,registerCamera:u,deregisterCamera:_,setCameraActive:f}=Ce({sizes:a,scene:e}),g={mode:p.ref(s.renderMode||"always"),priority:p.ref(0),frames:p.ref(0),maxFrames:60,canBeInvalidated:p.computed(()=>g.mode.value==="on-demand"&&g.frames.value===0)};function v(R=1){s.renderMode==="on-demand"&&(g.frames.value=Math.min(g.maxFrames,g.frames.value+R))}function S(){s.renderMode==="manual"&&(g.frames.value=1)}const{renderer:w}=$e({scene:e,canvas:t,options:s,emit:l,contextParts:{sizes:a,camera:c,render:g,invalidate:v,advance:S},disableRender:r}),d={sizes:a,scene:i,camera:c,cameras:p.readonly(o),renderer:w,raycaster:p.shallowRef(new y.Raycaster),controls:p.ref(null),perf:{maxFrames:160,fps:{value:0,accumulator:[]},memory:{currentMem:0,allocatedMem:0,accumulator:[]}},render:g,advance:S,extend:ae,invalidate:v,registerCamera:u,setCameraActive:f,deregisterCamera:_,loop:We()};p.provide("useTres",d),d.scene.value.__tres={root:d},d.loop.register(()=>{c.value&&g.frames.value>0&&(w.value.render(e,c.value),l("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:A,cancel:L}=Ne(d);d.loop.setReady(!1),d.loop.start(),A(()=>{l("ready",d),d.loop.setReady(!0),Fe(e,d,l)}),p.onUnmounted(()=>{L(),d.loop.stop()});const k=100,O=C.useFps({every:k}),{isSupported:j,memory:M}=C.useMemory({interval:k}),T=160;let B=performance.now();const m=({timestamp:R})=>{d.scene.value&&(d.perf.memory.allocatedMem=he(d.scene.value)),R-B>=k&&(B=R,d.perf.fps.accumulator.push(O.value),d.perf.fps.accumulator.length>T&&d.perf.fps.accumulator.shift(),d.perf.fps.value=O.value,j.value&&M.value&&(d.perf.memory.accumulator.push(M.value.usedJSHeapSize/1024/1024),d.perf.memory.accumulator.length>T&&d.perf.memory.accumulator.shift(),d.perf.memory.currentMem=d.perf.memory.accumulator.reduce(($,I)=>$+I,0)/d.perf.memory.accumulator.length))};let P=0;const x=1,{pause:E}=C.useRafFn(({delta:R})=>{window.__TRES__DEVTOOLS__&&(m({timestamp:performance.now()}),P+=R,P>=x&&(window.__TRES__DEVTOOLS__.cb(d),P=0))},{immediate:!0});return p.onUnmounted(()=>{E()}),d}function X(){const e=p.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const Yt=X;function Jt(){const{camera:e,scene:t,renderer:n,loop:r,raycaster:s,controls:l,invalidate:i,advance:a}=X();r.setContext({camera:e,scene:t,renderer:n,raycaster:s,controls:l,invalidate:i,advance:a});function c(_,f=0){return r.register(_,"before",f)}function o(_){return r.register(_,"render")}function u(_,f=0){return r.register(_,"after",f)}return{pause:r.pause,resume:r.resume,pauseRender:r.pauseRender,resumeRender:r.resumeRender,isActive:r.isActive,onBeforeRender:c,render:o,onAfterRender:u}}function Kt(e,t={},n={}){let r=e;const s=a=>{r=a};let l=new Proxy({},{});const i={has(a,c){return c in t||c in r},get(a,c,o){return c in t?t[c](r):r[c]},set(a,c,o){return n[c]?n[c](o,r,l,s):r[c]=o,!0}};return l=new Proxy({},i),l}const{logError:Ge}=W(),qe=["onClick","onContextMenu","onPointerMove","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onDoubleClick","onPointerDown","onPointerUp","onPointerCancel","onPointerMissed","onLostPointerCapture","onWheel"],Qt=e=>{const t=e.scene.value;function n(o,u,_,f){if(f||(f={}),f.args||(f.args=[]),o==="template"||Ct(o))return null;let g=o.replace("Tres",""),v;if(o==="primitive"){(!U(f.object)||p.isRef(f.object))&&Ge("Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"),g=f.object.type;const S={};v=Kt(f.object,{object:d=>d,isPrimitive:()=>!0,__tres:()=>S},{object:(d,A,L,k)=>{Et(d,L,k,{patchProp:l,remove:s,insert:r},e)},__tres:d=>{Object.assign(S,d)}})}else{const S=ie.value[g];S||Ge(`${g} is not defined on the THREE namespace. Use extend to add it to the catalog.`),v=new S(...f.args)}return v?(v.isCamera&&(f!=null&&f.position||v.position.set(3,3,3),f!=null&&f.lookAt||v.lookAt(0,0,0)),v=q(v,{...v.__tres,type:g,memoizedProps:f,eventCount:0,primitive:o==="primitive",attach:f.attach},e),v):null}function r(o,u){var g,v,S;if(!o)return;u=u||t;const _=o.__tres?o:q(o,{},e),f=u.__tres?u:q(u,{},e);o=Y(_),u=Y(f),o.__tres&&((g=o.__tres)==null?void 0:g.eventCount)>0&&((v=e.eventManager)==null||v.registerObject(o)),e.registerCamera(o),(S=e.eventManager)==null||S.registerPointerMissedObject(o),_.__tres.attach?Bt(f,_,_.__tres.attach):F(o)&&F(f)&&(f.add(o),o.dispatchEvent({type:"added"})),_.__tres.parent=f,f.__tres.objects&&!f.__tres.objects.includes(_)&&f.__tres.objects.push(_)}function s(o,u){var v,S,w,d;if(!o)return;o!=null&&o.__tres&&((v=o.__tres)==null?void 0:v.eventCount)>0&&((S=e.eventManager)==null||S.deregisterObject(o)),u=fe(u)?"default":u;const _=(w=o.__tres)==null?void 0:w.dispose;fe(_)||(_===null?u=!1:u=_);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(A=>s(A,u)),g&&o.children&&[...o.children].forEach(A=>s(A,u)),Re(o,e),Ee(o,e),g&&!pt(o)){if(G(u))u(o);else if(G(o.dispose))try{o.dispose()}catch{}}"__tres"in o&&delete o.__tres}function l(o,u,_,f){var A,L;if(!o)return;let g=o,v=u;if(o.__tres&&(o.__tres.memoizedProps[u]=f),u==="attach"){const k=((A=o.__tres)==null?void 0:A.parent)||o.parent;s(o),q(o,{attach:f},e),k&&r(o,k);return}if(u==="dispose"){o.__tres||(o=q(o,{},e)),o.__tres.dispose=f;return}if(F(o)&&v==="blocks-pointer-events"){f||f===""?o[v]=f:delete o[v];return}qe.includes(u)&&o.__tres&&(o.__tres.eventCount+=1);let S=oe(v),w=g==null?void 0:g[S];if(v==="args"){const k=o,O=_??[],j=f??[],M=((L=o.__tres)==null?void 0:L.type)||o.type;M&&O.length&&!At(O,j)&&(g=Object.assign(k,new ie.value[M](...f)));return}if(g.type==="BufferGeometry"){if(v==="args")return;g.setAttribute(oe(v),new y.BufferAttribute(...f));return}if(v.includes("-")&&w===void 0){const k=v.split("-");w=k.reduce((O,j)=>O[oe(j)],g),v=k.pop(),S=v,w!=null&&w.set||(g=k.reduce((O,j)=>O[oe(j)],g))}let d=f;if(d===""&&(d=!0),G(w)){qe.includes(u)||(Z(d)?o[S](...d):o[S](d)),S.startsWith("on")&&G(d)&&(g[S]=d);return}!(w!=null&&w.set)&&!G(w)?g[S]=d:w.constructor===d.constructor&&(w!=null&&w.copy)?w==null||w.copy(d):Z(d)?w.set(...d):!w.isColor&&w.setScalar?w.setScalar(d):w.set(d),Ie(o)}function i(o){var u;return((u=o==null?void 0:o.__tres)==null?void 0:u.parent)||null}function a(o){const u=q(new y.Object3D,{type:"Comment"},e);return u.name=o,u}function c(o){var g;const u=i(o),_=((g=u==null?void 0:u.__tres)==null?void 0:g.objects)||[],f=_.indexOf(o);return f<0||f>=_.length-1?null:_[f+1]}return{insert:r,remove:s,createElement:n,patchProp:l,parentNode:i,createText:()=>void 0,createComment:a,setText:()=>void 0,setElementText:()=>void 0,nextSibling:c,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0}};function Xt(){return Ye().__VUE_DEVTOOLS_GLOBAL_HOOK__}function Ye(){return typeof navigator<"u"&&typeof window<"u"?window:typeof globalThis<"u"?globalThis:{}}const Ht=typeof Proxy=="function",Zt="devtools-plugin:setup",en="plugin:settings:set";let J,ve;function tn(){var e;return J!==void 0||(typeof window<"u"&&window.performance?(J=!0,ve=window.performance):typeof globalThis<"u"&&(!((e=globalThis.perf_hooks)===null||e===void 0)&&e.performance)?(J=!0,ve=globalThis.perf_hooks.performance):J=!1),J}function nn(){return tn()?ve.now():Date.now()}class rn{constructor(t,n){this.target=null,this.targetQueue=[],this.onQueue=[],this.plugin=t,this.hook=n;const r={};if(t.settings)for(const i in t.settings){const a=t.settings[i];r[i]=a.defaultValue}const s=`__vue-devtools-plugin-settings__${t.id}`;let l=Object.assign({},r);try{const i=localStorage.getItem(s),a=JSON.parse(i);Object.assign(l,a)}catch{}this.fallbacks={getSettings(){return l},setSettings(i){try{localStorage.setItem(s,JSON.stringify(i))}catch{}l=i},now(){return nn()}},n&&n.on(en,(i,a)=>{i===this.plugin.id&&this.fallbacks.setSettings(a)}),this.proxiedOn=new Proxy({},{get:(i,a)=>this.target?this.target.on[a]:(...c)=>{this.onQueue.push({method:a,args:c})}}),this.proxiedTarget=new Proxy({},{get:(i,a)=>this.target?this.target[a]:a==="on"?this.proxiedOn:Object.keys(this.fallbacks).includes(a)?(...c)=>(this.targetQueue.push({method:a,args:c,resolve:()=>{}}),this.fallbacks[a](...c)):(...c)=>new Promise(o=>{this.targetQueue.push({method:a,args:c,resolve:o})})})}async setRealTarget(t){this.target=t;for(const n of this.onQueue)this.target.on[n.method](...n.args);for(const n of this.targetQueue)n.resolve(await this.target[n.method](...n.args))}}function on(e,t){const n=e,r=Ye(),s=Xt(),l=Ht&&n.enableEarlyProxy;if(s&&(r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__||!l))s.emit(Zt,e,t);else{const i=l?new rn(n,s):null;(r.__VUE_DEVTOOLS_PLUGINS__=r.__VUE_DEVTOOLS_PLUGINS__||[]).push({pluginDescriptor:n,setupFn:t,proxy:i}),i&&t(i.proxiedTarget)}}function sn(e,t){const n=`▲ ■ ●${e}`;typeof Je=="function"?Je(n,t):console.log(n)}function Je(e,t){throw new Error(e+t)}const Ke=e=>{const t={id:e.uuid,label:e.type,children:[],tags:[]};e.name!==""&&t.tags.push({label:e.name,textColor:5750629,backgroundColor:15793395});const n=he(e);return n>0&&t.tags.push({label:`${Nt(n)} KB`,textColor:15707189,backgroundColor:16775644,tooltip:"Memory usage"}),e.type.includes("Light")&&(ft(e)&&t.tags.push({label:`${e.intensity}`,textColor:9738662,backgroundColor:16316922,tooltip:"Intensity"}),t.tags.push({label:`#${new y.Color(e.color).getHexString()}`,textColor:9738662,backgroundColor:16316922,tooltip:"Color"})),e.type.includes("Camera")&&(t.tags.push({label:`${e.fov}°`,textColor:9738662,backgroundColor:16316922,tooltip:"Field of view"}),t.tags.push({label:`x: ${Math.round(e.position.x)} y: ${Math.round(e.position.y)} z: ${Math.round(e.position.z)}`,textColor:9738662,backgroundColor:16316922,tooltip:"Position"})),t};function Qe(e,t,n=""){e.children.forEach(r=>{if(r.type==="HightlightMesh"||n&&!r.type.includes(n)&&!r.name.includes(n))return;const s=Ke(r);t.children.push(s),Qe(r,s,n)})}const an=[],H="tres:inspector",ln=p.reactive({sceneGraph:null});function cn(e,t){on({id:"dev.esm.tres",label:"TresJS 🪐",logo:"https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",packageName:"tresjs",homepage:"https://tresjs.org",componentStateTypes:an,app:e},n=>{typeof n.now!="function"&&sn("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:H,label:"TresJS 🪐",icon:"account_tree",treeFilterPlaceholder:"Search instances"}),setInterval(()=>{n.sendInspectorTree(H)},1e3),setInterval(()=>{n.notifyComponentUpdate()},5e3),n.on.getInspectorTree(l=>{if(l.inspectorId===H){const i=Ke(t.scene.value);Qe(t.scene.value,i,l.filter),ln.sceneGraph=i,l.rootNodes=[i]}});let r=null,s=null;n.on.getInspectorState(l=>{var i;if(l.inspectorId===H){const[a]=t.scene.value.getObjectsByProperty("uuid",l.nodeId);if(!a)return;if(s&&r&&r.parent&&s.remove(r),a.isMesh){const c=Dt(a);a.add(c),r=c,s=a}l.state={object:Object.entries(a).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")},a.isScene&&(l.state.info={memory:he(a),objects:a.children.length,calls:t.renderer.value.info.render.calls,triangles:t.renderer.value.info.render.triangles,points:t.renderer.value.info.render.points,lines:t.renderer.value.info.render.lines},l.state.programs=((i=t.renderer.value.info.programs)==null?void 0:i.map(c=>({key:c.name,value:{...c,vertexShader:c.vertexShader,attributes:c.getAttributes(),uniforms:c.getUniforms()}})))||[])}}),n.on.editInspectorState(l=>{l.inspectorId===H&&Ot(t.scene.value,l.nodeId,l.path,l.state.value)})})}const un=["data-scene","data-tres"],Xe=p.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},renderMode:{default:"always"},dpr:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},depth:{type:Boolean,default:void 0},logarithmicDepthBuffer:{type:Boolean,default:void 0},failIfMajorPerformanceCaveat:{type:Boolean,default:void 0}},emits:["render","click","double-click","context-menu","pointer-move","pointer-up","pointer-down","pointer-enter","pointer-leave","pointer-over","pointer-out","pointer-missed","wheel","ready"],setup(e,{expose:t,emit:n}){var w;const r=e,s=n,l=p.useSlots(),{logWarning:i}=W(),a=p.ref(),c=p.shallowRef(new y.Scene),o=(w=p.getCurrentInstance())==null?void 0:w.appContext.app;ae(_e);const u=(d,A=!1)=>p.defineComponent({setup(){var k;const L=(k=p.getCurrentInstance())==null?void 0:k.appContext;return L&&(L.app=o),p.provide("useTres",d),p.provide("extend",ae),typeof window<"u"&&cn(L==null?void 0:L.app,d),()=>p.h(p.Fragment,null,A?[]:l.default())}}),_=(d,A=!1)=>{const L=u(d,A),{render:k}=p.createRenderer(Qt(d));k(p.h(L),c.value)},f=(d,A=!1)=>{pe(d.scene.value),A&&(d.renderer.value.dispose(),d.renderer.value.renderLists.dispose(),d.renderer.value.forceContextLoss()),c.value.__tres={root:d}},g=p.computed(()=>r.disableRender),v=p.shallowRef(null);t({context:v,dispose:()=>f(v.value,!0)});const S=()=>{f(v.value),_(v.value,!0)};return p.onMounted(()=>{const d=a;v.value=ze({scene:c.value,canvas:d,windowSize:r.windowSize??!1,disableRender:g.value??!1,rendererOptions:r,emit:s});const{registerCamera:A,camera:L,cameras:k,deregisterCamera:O}=v.value;_(v.value);const j=()=>{const M=new y.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);M.position.set(3,3,3),M.lookAt(0,0,0),A(M);const T=p.watchEffect(()=>{k.value.length>=2&&(M.removeFromParent(),O(M),T==null||T())})};p.watch(()=>r.camera,(M,T)=>{M&&A(M),T&&(T.removeFromParent(),O(T))},{immediate:!0}),L.value||(i("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),j())}),p.onUnmounted(S),(d,A)=>(p.openBlock(),p.createElementBlock("canvas",{ref_key:"canvas",ref:a,"data-scene":c.value.uuid,class:p.normalizeClass(d.$attrs.class),"data-tres":`tresjs ${p.unref(at).version}`,style:p.normalizeStyle({display:"block",width:"100%",height:"100%",position:d.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none",...d.$attrs.style})},null,14,un))}}),fn=["TresCanvas","TresLeches","TresScene"],dn={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!fn.includes(e)||e==="primitive"}}},pn={mounted:(e,t)=>{if(t.arg){console.log(`v-log:${t.arg}`,e[t.arg]);return}console.log("v-log",e)}};class He extends y.Line{constructor(t,n){const r=[1,1,0,-1,1,0,-1,-1,0,1,-1,0,1,1,0],s=new y.BufferGeometry;s.setAttribute("position",new y.Float32BufferAttribute(r,3)),s.computeBoundingSphere();const l=new y.LineBasicMaterial({fog:!1});super(s,l),this.light=t,this.color=n,this.type="RectAreaLightHelper";const i=[1,1,0,-1,1,0,-1,-1,0,1,1,0,-1,-1,0,1,-1,0],a=new y.BufferGeometry;a.setAttribute("position",new y.Float32BufferAttribute(i,3)),a.computeBoundingSphere(),this.add(new y.Mesh(a,new y.MeshBasicMaterial({side:y.BackSide,fog:!1})))}updateMatrixWorld(){if(this.scale.set(.5*this.light.width,.5*this.light.height,1),this.color!==void 0)this.material.color.set(this.color),this.children[0].material.color.set(this.color);else{this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);const t=this.material.color,n=Math.max(t.r,t.g,t.b);n>1&&t.multiplyScalar(1/n),this.children[0].material.color.copy(this.material.color)}this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld),this.children[0].matrixWorld.copy(this.matrixWorld)}dispose(){this.geometry.dispose(),this.material.dispose(),this.children[0].geometry.dispose(),this.children[0].material.dispose()}}const{logWarning:Ze}=W();let le,N;const mn={DirectionalLight:y.DirectionalLightHelper,PointLight:y.PointLightHelper,SpotLight:y.SpotLightHelper,HemisphereLight:y.HemisphereLightHelper,RectAreaLight:He},hn={mounted:e=>{if(!e.isLight){Ze(`${e.type} is not a light`);return}le=mn[e.type],e.parent.add(new le(e,1,e.color.getHex()))},updated:e=>{N=e.parent.children.find(t=>t instanceof le),!(N instanceof He)&&N.update()},unmounted:e=>{if(!e.isLight){Ze(`${e.type} is not a light`);return}N=e.parent.children.find(t=>t instanceof le),N&&N.dispose&&N.dispose(),e.parent.remove(N)}},{logWarning:gn}=W();let V=null;const vn={updated:(e,t)=>{var s;const n=jt(t);if(!n){gn(`v-distance-to: problem with binding value: ${t.value}`);return}V&&(V.dispose(),e.parent.remove(V));const r=n.clone().sub(e.position);r.normalize(),V=new y.ArrowHelper(r,e.position,e.position.distanceTo(n),16776960),e.parent.add(V),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}`],[`Destiny: ${e.name||e.type}`,`x:${n.x}, y:${n.y}, z:${n==null?void 0:n.z}`]])},unmounted:e=>{V==null||V.dispose(),e.parent.remove(V)}},yn={install(e){e.component("TresCanvas",Xe)}};b.TresCanvas=Xe,b.catalogue=ie,b.createRenderLoop=We,b.default=yn,b.dispose=pe,b.extend=ae,b.isProd=_t,b.normalizeColor=Ae,b.normalizeVectorFlexibleParam=wt,b.onTresReady=qt,b.templateCompilerOptions=dn,b.trasverseObjects=Ue,b.useCamera=Ce,b.useLoader=Vt,b.useLogger=W,b.useLoop=Jt,b.useRaycaster=Ve,b.useRenderLoop=yt,b.useRenderer=$e,b.useSeek=Wt,b.useTexture=Ft,b.useTres=Yt,b.useTresContext=X,b.useTresContextProvider=ze,b.useTresEventManager=Fe,b.vDistanceTo=vn,b.vLightHelper=hn,b.vLog=pn,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(b,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],p):(b=typeof globalThis<"u"?globalThis:b||self,p(b.tres={},b.Vue,b.Three,b.VueUseCore))})(this,function(b,p,y,C){"use strict";var _n=Object.defineProperty;var wn=(b,p,y)=>p in b?_n(b,p,{enumerable:!0,configurable:!0,writable:!0,value:y}):b[p]=y;var ye=(b,p,y)=>wn(b,typeof p!="symbol"?p+"":p,y);function it(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const _e=it(y),at={name:"@tresjs/core",type:"module",version:"4.2.7",packageManager:"pnpm@9.1.4",description:"Declarative ThreeJS using Vue Components",author:"Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",license:"MIT",repository:{type:"git",url:"git+https://github.com/Tresjs/tres.git"},keywords:["vue","3d","threejs","three","threejs-vue"],sideEffects:!1,exports:{".":{types:"./dist/index.d.ts",import:"./dist/tres.js",require:"./dist/tres.umd.cjs"},"./components":{types:"./dist/src/components/index.d.ts"},"./composables":{types:"./dist/src/composables/index.d.ts"},"./types":{types:"./dist/src/types/index.d.ts"},"./utils":{types:"./dist/src/utils/index.d.ts"},"./*":"./*"},main:"./dist/tres.js",module:"./dist/tres.js",types:"./dist/index.d.ts",files:["*.d.ts","dist"],publishConfig:{access:"public"},scripts:{dev:"cd playground && npm run dev",build:"vite build",playground:"cd playground && npm run dev",test:"vitest","test:ci":"vitest run","test:ui":"vitest --ui --coverage.enabled=true",release:"release-it",coverage:"vitest run --coverage",lint:"eslint .","lint:fix":"eslint . --fix","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:serve":"vitepress serve docs","docs:preview":"vitepress preview docs","docs:contributors":"esno scripts/update-contributors.ts",prepare:"node .husky/install.mjs"},peerDependencies:{three:">=0.133",vue:">=3.4"},dependencies:{"@alvarosabu/utils":"^3.2.0","@vue/devtools-api":"^6.6.3","@vueuse/core":"^10.11.0"},devDependencies:{"@release-it/conventional-changelog":"^8.0.1","@stackblitz/sdk":"^1.11.0","@tresjs/cientos":"3.9.0","@tresjs/eslint-config":"^1.1.0","@types/three":"^0.166.0","@typescript-eslint/eslint-plugin":"^7.16.0","@typescript-eslint/parser":"^7.16.0","@vitejs/plugin-vue":"^5.0.5","@vitest/coverage-c8":"^0.33.0","@vitest/coverage-v8":"^2.0.2","@vitest/ui":"^2.0.2","@vue/test-utils":"^2.4.6",eslint:"^9.6.0","eslint-plugin-vue":"^9.27.0",esno:"^4.7.0",gsap:"^3.12.5",husky:"^9.0.11",jsdom:"^24.1.0",kolorist:"^1.8.0",ohmyfetch:"^0.4.21",pathe:"^1.1.2","release-it":"^17.5.0","rollup-plugin-analyzer":"^4.0.0","rollup-plugin-copy":"^3.5.0","rollup-plugin-visualizer":"^5.12.0",sponsorkit:"^0.14.6",three:"^0.166.1",unocss:"^0.61.3",unplugin:"^1.11.0","unplugin-vue-components":"^0.27.2",vite:"^5.3.3","vite-plugin-banner":"^0.7.1","vite-plugin-dts":"3.9.1","vite-plugin-inspect":"^0.8.4","vite-plugin-require-transform":"^1.0.21","vite-svg-loader":"^5.1.0",vitepress:"1.3.0",vitest:"^2.0.2",vue:"^3.4.31","vue-demi":"^0.14.8"}};function fe(e){return typeof e>"u"}function Z(e){return Array.isArray(e)}function lt(e){return typeof e=="number"}function we(e){return typeof e=="string"}function G(e){return typeof e=="function"}function U(e){return e===Object(e)&&!Z(e)&&!G(e)}function F(e){return U(e)&&"isObject3D"in e&&!!e.isObject3D}function be(e){return U(e)&&"isCamera"in e&&!!e.isCamera}function ct(e){return U(e)&&"isBufferGeometry"in e&&!!e.isBufferGeometry}function ut(e){return U(e)&&"isMaterial"in e&&!!e.isMaterial}function ft(e){return U(e)&&"isLight"in e&&!!e.isLight}function dt(e){return U(e)&&"isFog"in e&&!!e.isFog}function pt(e){return U(e)&&"isScene"in e&&!!e.isScene}function ee(e){return F(e)||ct(e)||ut(e)||dt(e)}function mt(e){return U(e)&&!!e.isPrimitive}const Ce=({sizes:e})=>{const t=p.ref([]),n=p.computed(()=>t.value[0]),r=i=>{const a=i instanceof y.Camera?i:t.value.find(o=>o.uuid===i);if(!a)return;const c=t.value.filter(({uuid:o})=>o!==a.uuid);t.value=[a,...c]},s=(i,a=!1)=>{if(be(i)){const c=i;if(t.value.some(({uuid:o})=>o===c.uuid))return;a?r(c):t.value.push(c)}},l=i=>{if(be(i)){const a=i;t.value=t.value.filter(({uuid:c})=>c!==a.uuid)}};return p.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(i=>{!i.manual&&(i instanceof y.PerspectiveCamera||ht(i))&&(i instanceof y.PerspectiveCamera?i.aspect=e.aspectRatio.value:(i.left=e.width.value*-.5,i.right=e.width.value*.5,i.top=e.height.value*.5,i.bottom=e.height.value*-.5),i.updateProjectionMatrix())})}),p.onUnmounted(()=>{t.value=[]}),{camera:n,cameras:t,registerCamera:s,deregisterCamera:l,setCameraActive:r}};function ht(e){return e.hasOwnProperty("isOrthographicCamera")&&e.isOrthographicCamera}const Me=C.createEventHook(),Pe=C.createEventHook(),de=C.createEventHook(),K=new y.Clock;let te=0,ne=0;const{pause:gt,resume:Se,isActive:vt}=C.useRafFn(()=>{Me.trigger({delta:te,elapsed:ne,clock:K}),Pe.trigger({delta:te,elapsed:ne,clock:K}),de.trigger({delta:te,elapsed:ne,clock:K})},{immediate:!1});de.on(()=>{te=K.getDelta(),ne=K.getElapsedTime()});let ke=!1;const yt=()=>(ke||(ke=!0,Se()),{onBeforeLoop:Me.on,onLoop:Pe.on,onAfterLoop:de.on,pause:gt,resume:Se,isActive:vt}),_t=!0,re="[TresJS ▲ ■ ●] ";function W(){function e(...r){typeof r[0]=="string"?r[0]=re+r[0]:r.unshift(re),console.error(...r)}function t(...r){typeof r[0]=="string"?r[0]=re+r[0]:r.unshift(re),console.warn(...r)}function n(r,s){}return{logError:e,logWarning:t,logMessage:n}}function wt(e){return typeof e=="number"?[e,e,e]:e instanceof y.Vector3?[e.x,e.y,e.z]:e}function Ae(e){return e instanceof y.Color?e:Array.isArray(e)?new y.Color(...e):new y.Color(e)}class bt extends _e.Mesh{constructor(...n){super(...n);ye(this,"type","HightlightMesh");ye(this,"createTime");this.createTime=Date.now()}onBeforeRender(){const r=(Date.now()-this.createTime)/1e3,i=1+.07*Math.sin(2.5*r);this.scale.set(i,i,i)}}const Le=(e,t)=>{for(const n of Object.keys(t))t[n]instanceof Object&&Object.assign(t[n],Le(e[n],t[n]));return Object.assign(e||{},t),e},Ct=St("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot");function Oe(e){return e&&e.nodeType===1}function oe(e){return e.replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}const Mt=/\B([A-Z])/g;function Pt(e){return e.replace(Mt,"-$1").toLowerCase()}function St(e,t){const n=Object.create(null),r=e.split(",");for(let s=0;s<r.length;s++)n[r[s]]=!0;return s=>!!n[s]}const De=(e,t)=>{if(!t)return;const n=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return n==null?void 0:n.reduce((r,s)=>r&&r[s],e)},kt=(e,t,n)=>{const r=Array.isArray(t)?t:t.match(/([^[.\]])+/g);r&&r.reduce((s,l,i)=>(s[l]===void 0&&(s[l]={}),i===r.length-1&&(s[l]=n),s[l]),e)};function je(e,t){if(Oe(e)&&Oe(t)){const s=e.attributes,l=t.attributes;return s.length!==l.length?!1:Array.from(s).every(({name:i,value:a})=>t.getAttribute(i)===a)}if(e===t)return!0;if(e===null||typeof e!="object"||t===null||typeof t!="object")return!1;const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(const s of n)if(!r.includes(s)||!je(e[s],t[s]))return!1;return!0}function At(e,t){if(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!je(e[n],t[n]))return!1;return!0}const Lt=Array.isArray;function Ot(e,t,n,r){const s=c=>{if(c.uuid===t)return c;for(const o of c.children){const u=s(o);if(u)return u}},l=s(e);if(!l){console.warn("Object with UUID not found in the scene.");return}let i=l;for(let c=0;c<n.length-1;c++)if(i[n[c]]!==void 0)i=i[n[c]];else{console.warn(`Property path is not valid: ${n.join(".")}`);return}const a=n[n.length-1];i[a]!==void 0?i[a]=r:console.warn(`Property path is not valid: ${n.join(".")}`)}function Dt(e){const t=new y.MeshBasicMaterial({color:11003607,transparent:!0,opacity:.2,depthTest:!1,side:y.DoubleSide});return new bt(e.geometry.clone(),t)}function jt(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 y.Vector3(...t)),t}function Tt(e){return"map"in e}function Te(e){Tt(e)&&e.map&&e.map.dispose(),e.dispose()}function pe(e){var n,r;if(e.parent&&((n=e.removeFromParent)==null||n.call(e)),delete e.__tres,[...e.children].forEach(s=>pe(s)),!(e instanceof y.Scene)){const s=e;e&&((r=e.dispose)==null||r.call(e)),s.geometry&&(s.geometry.dispose(),delete s.geometry),Array.isArray(s.material)?(s.material.forEach(l=>Te(l)),delete s.material):s.material&&(Te(s.material),delete s.material)}}function xt(e,t){let n=0;for(let r=0;r<e.length;r++)t(e[r],r)&&(e[n]=e[r],n++);return e.length=n,e}function me(e,t){let n=e;if(t.includes("-")){const r=t.split("-");let s=r.shift();for(;n&&r.length;)s in n?(n=n[s],s=r.shift()):s=xe(s,r.shift());return{target:n,key:xe(s,...r)}}else return{target:n,key:t}}function xe(...e){return e.map((t,n)=>n===0?t:t.charAt(0).toUpperCase()+t.slice(1)).join("")}const Be=/-\d+$/;function Bt(e,t,n){if(we(n)){if(Be.test(n)){const l=n.replace(Be,""),{target:i,key:a}=me(e,l);if(!Array.isArray(i[a])){const c=i[a],o=[];o.__tresDetach=()=>{o.every(u=>fe(u))&&(i[a]=c)},i[a]=o}}const{target:r,key:s}=me(e,n);t.__tres.previousAttach=r[s],r[s]=Y(t)}else t.__tres.previousAttach=n(e,t)}function It(e,t,n){var r,s,l;if(we(n)){const{target:i,key:a}=me(e,n),c=t.__tres.previousAttach;c===void 0?delete i[a]:i[a]=c,"__tresDetach"in i&&i.__tresDetach()}else(s=(r=t.__tres)==null?void 0:r.previousAttach)==null||s.call(r,e,t);(l=t.__tres)==null||delete l.previousAttach}function q(e,t,n){const r=e;return r.__tres={type:"unknown",eventCount:0,root:n,handlers:{},memoizedProps:{},objects:[],parent:null,previousAttach:null,...t},r.__tres.attach||(r.isMaterial?r.__tres.attach="material":r.isBufferGeometry?r.__tres.attach="geometry":r.isFog&&(r.__tres.attach="fog")),r}function Ie(e){var n;const t=(n=e==null?void 0:e.__tres)==null?void 0:n.root;t&&t.render&&t.render.canBeInvalidated.value&&t.invalidate()}function Wn(e){}function Rt(e,t,n){var s;if(!G(e.setPixelRatio))return;let r=0;if(Z(n)&&n.length>=2){const[l,i]=n;r=y.MathUtils.clamp(t,l,i)}else lt(n)?r=n:r=t;r!==((s=e.getPixelRatio)==null?void 0:s.call(e))&&e.setPixelRatio(r)}function Et(e,t,n,r,s){const l=[...t.__tres.objects],i=Y(t);if(e=Y(e),i===e)return!0;const a=q(e,t.__tres??{},s),c=t.parent??t.__tres.parent??null,o={...t.__tres.memoizedProps};delete o.object;for(const u of l)Re(u,s),Ee(u,s);i.__tres.objects=[],r.remove(t);for(const[u,_]of Object.entries(o))r.patchProp(a,u,a[u],_);n(e),r.insert(t,c);for(const u of l)r.insert(u,t);return!0}function Y(e){return mt(e)?(e.object.__tres=e.__tres,e.object):e}function Re(e,t){var r,s,l,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&&xt(n.__tres.objects,a=>a!==e),(s=e.__tres)!=null&&s.attach?It(n,e,e.__tres.attach):((i=(l=e.parent)==null?void 0:l.remove)==null||i.call(l,Y(e)),e.parent=null)}function Ee(e,t){var n;(n=e.traverse)==null||n.call(e,r=>{var s;t.deregisterCamera(r),(s=t.eventManager)==null||s.deregisterPointerMissedObject(r)}),t.deregisterCamera(e),Ie(e)}const $t=Number.parseInt(y.REVISION.replace("dev","")),se={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:y.SRGBColorSpace,toneMapping:y.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:y.PCFSoftShadowMap}},flat:{toneMapping:y.NoToneMapping,toneMappingExposure:1}};function $e({canvas:e,options:t,contextParts:{sizes:n,render:r,invalidate:s,advance:l}}){const i=p.computed(()=>({alpha:C.toValue(t.alpha)??!0,depth:C.toValue(t.depth),canvas:C.unrefElement(e),context:C.toValue(t.context),stencil:C.toValue(t.stencil),antialias:C.toValue(t.antialias)??!0,precision:C.toValue(t.precision),powerPreference:C.toValue(t.powerPreference),premultipliedAlpha:C.toValue(t.premultipliedAlpha),preserveDrawingBuffer:C.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:C.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:C.toValue(t.failIfMajorPerformanceCaveat)})),a=p.shallowRef(new y.WebGLRenderer(i.value));function c(){t.renderMode==="on-demand"&&s()}p.watch(i,()=>{a.value.dispose(),a.value=new y.WebGLRenderer(i.value),c()}),p.watch([n.width,n.height],()=>{a.value.setSize(n.width.value,n.height.value),c()},{immediate:!0}),p.watch(()=>t.clearColor,c);const{pixelRatio:o}=C.useDevicePixelRatio(),{logError:u}=W(),f=(()=>{const v=new y.WebGLRenderer,S={shadowMap:{enabled:v.shadowMap.enabled,type:v.shadowMap.type},toneMapping:v.toneMapping,toneMappingExposure:v.toneMappingExposure,outputColorSpace:v.outputColorSpace};return v.dispose(),S})(),g=C.toValue(t.renderMode);return g==="on-demand"&&s(),g==="manual"&&setTimeout(()=>{l()},100),p.watchEffect(()=>{const v=C.toValue(t.preset);v&&(v in se||u(`Renderer Preset must be one of these: ${Object.keys(se).join(", ")}`),Le(a.value,se[v])),Rt(a.value,o.value,C.toValue(t.dpr)),g==="always"&&(r.frames.value=Math.max(1,r.frames.value));const S=(A,L)=>{const k=C.toValue(A),O=()=>{if(v)return De(se[v],L)};if(k!==void 0)return k;const j=O();return j!==void 0?j:De(f,L)},w=(A,L)=>kt(a.value,L,S(A,L));w(t.shadows,"shadowMap.enabled"),w(t.toneMapping??y.ACESFilmicToneMapping,"toneMapping"),w(t.shadowMapType,"shadowMap.type"),$t<150&&w(!t.useLegacyLights,"physicallyCorrectLights"),w(t.outputColorSpace,"outputColorSpace"),w(t.toneMappingExposure,"toneMappingExposure");const d=S(t.clearColor,"clearColor");d&&a.value.setClearColor(d?Ae(d):new y.Color(0))}),p.onUnmounted(()=>{a.value.dispose(),a.value.forceContextLoss()}),{renderer:a}}const Ut=e=>!!e&&e.constructor===Array;function Ue(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 Vt(e,t,n,r,s){const{logError:l}=W(),i=new e;s&&s(i),n&&n(i);const c=(Array.isArray(t)?t:[t]).map(o=>new Promise((u,_)=>{i.load(o,f=>{const g=f;g.scene&&Object.assign(g,Ue(g.scene)),u(g)},r,f=>_(l("[useLoader] - Failed to load resource",f)))}));return Ut(t)?await Promise.all(c):await c[0]}async function Ft(e,t){const n=new y.TextureLoader(t),r=s=>new Promise((l,i)=>{n.load(s,a=>l(a),()=>null,()=>{i(new Error("[useTextures] - Failed to load texture"))})});if(Lt(e)){const s=await Promise.all(e.map(l=>r(l)));return e.length>1?s:s[0]}else{const{map:s,displacementMap:l,normalMap:i,roughnessMap:a,metalnessMap:c,aoMap:o,alphaMap:u,matcap:_}=e;return{map:s?await r(s):null,displacementMap:l?await r(l):null,normalMap:i?await r(i):null,roughnessMap:a?await r(a):null,metalnessMap:c?await r(c):null,aoMap:o?await r(o):null,alphaMap:u?await r(u):null,matcap:_?await r(_):null}}}const Ve=(e,t)=>{const n=p.computed(()=>t.renderer.value.domElement),r=p.shallowRef([]),{x:s,y:l}=C.usePointer({target:n});let i=0;const{width:a,height:c,top:o,left:u}=C.useElementBounding(n),_=({x:h,y:D})=>{if(n.value)return{x:(h-u.value)/a.value*2-1,y:-((D-o.value)/c.value)*2+1}},f=({x:h,y:D})=>{if(t.camera.value)return t.raycaster.value.setFromCamera(new y.Vector2(h,D),t.camera.value),r.value=t.raycaster.value.intersectObjects(e.value,!0),r.value},g=h=>{const D=_({x:(h==null?void 0:h.clientX)??s.value,y:(h==null?void 0:h.clientY)??l.value});return D?f(D)||[]:[]},v=C.createEventHook(),S=C.createEventHook(),w=C.createEventHook(),d=C.createEventHook(),A=C.createEventHook(),L=C.createEventHook(),k=C.createEventHook(),O=C.createEventHook();function j(h){const D={};for(const z in h)typeof z!="function"&&(D[z]=h[z]);return D}const M=(h,D)=>{var rt,ot,st;const z=j(D),ue=new y.Vector3(D==null?void 0:D.clientX,D==null?void 0:D.clientY,0).unproject((rt=t.camera)==null?void 0:rt.value);h.trigger({...z,intersections:r.value,unprojectedPoint:ue,ray:(ot=t.raycaster)==null?void 0:ot.value.ray,camera:(st=t.camera)==null?void 0:st.value,sourceEvent:D,delta:i,stopPropagating:!1})};let T;const B=h=>{g(h),M(w,h),T=h},m=()=>{T&&B(T)};let P,x,E;const R=h=>{var D;P=(D=r.value[0])==null?void 0:D.object,i=0,x=new y.Vector2((h==null?void 0:h.clientX)??s.value,(h==null?void 0:h.clientY)??l.value),M(A,h)};let $,I=!1;const ce=h=>{var D,z,ue;h instanceof PointerEvent&&(r.value.length===0&&M(L,h),P===((D=r.value[0])==null?void 0:D.object)&&(E=new y.Vector2((h==null?void 0:h.clientX)??s.value,(h==null?void 0:h.clientY)??l.value),i=x==null?void 0:x.distanceTo(E),h.button===0?(M(v,h),$===((z=r.value[0])==null?void 0:z.object)?I=!0:($=(ue=r.value[0])==null?void 0:ue.object,I=!1)):h.button===2&&M(k,h)),M(d,h))},et=h=>{I&&(M(S,h),$=void 0,I=!1)},tt=h=>M(w,h),nt=h=>M(O,h);return n.value.addEventListener("pointerup",ce),n.value.addEventListener("pointerdown",R),n.value.addEventListener("pointermove",B),n.value.addEventListener("pointerleave",tt),n.value.addEventListener("dblclick",et),n.value.addEventListener("wheel",nt),p.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",ce),n.value.removeEventListener("pointerdown",R),n.value.removeEventListener("pointermove",B),n.value.removeEventListener("pointerleave",tt),n.value.removeEventListener("dblclick",et),n.value.removeEventListener("wheel",nt))}),{intersects:r,onClick:h=>v.on(h).off,onDblClick:h=>S.on(h).off,onContextMenu:h=>k.on(h).off,onPointerMove:h=>w.on(h).off,onPointerUp:h=>d.on(h).off,onPointerDown:h=>A.on(h).off,onPointerMissed:h=>L.on(h).off,onWheel:h=>O.on(h).off,forceUpdate:m}};function Wt(){const{logWarning:e}=W();function t(l,i,a){let c=null;return l.traverse(o=>{o[i]===a&&(c=o)}),c||e(`Child with ${i} '${a}' not found.`),c}function n(l,i,a){const c=[];return l.traverse(o=>{o[i].includes(a)&&c.push(o)}),c.length||e(`Children with ${i} '${a}' not found.`),c}function r(l,i){return t(l,"name",i)}function s(l,i){return n(l,"name",i)}return{seek:t,seekByName:r,seekAll:n,seekAllByName:s}}function he(e){let t=0;return e.traverse(n=>{if(n.isMesh&&n.geometry&&n.type!=="HightlightMesh"){const r=n.geometry,s=r.attributes.position.count*3*Float32Array.BYTES_PER_ELEMENT,l=r.index?r.index.count*Uint32Array.BYTES_PER_ELEMENT:0,i=r.attributes.normal?r.attributes.normal.count*3*Float32Array.BYTES_PER_ELEMENT:0,a=r.attributes.uv?r.attributes.uv.count*2*Float32Array.BYTES_PER_ELEMENT:0,c=s+l+i+a;t+=c}}),t}function Nt(e){return(e/1024).toFixed(2)}const ie=p.ref({}),ae=e=>Object.assign(ie.value,e);function Fe(e,t,n){var B;const r=p.shallowRef(),s=p.shallowRef();e&&(r.value=e),t&&(s.value=t);const l=m=>{var P;return((P=m.__tres)==null?void 0:P.eventCount)>0},i=m=>{var P;return((P=m.children)==null?void 0:P.some(x=>i(x)))||l(m)},a=p.shallowRef(((B=r.value)==null?void 0:B.children).filter(i)||[]);function c(m,P){if(Array.isArray(m))for(const x of m)x(P);typeof m=="function"&&m(P)}function o(m,P){const x=[],E=()=>P.stopPropagating=!0;P.stopPropagation=E;for(const R of P==null?void 0:P.intersections){if(P.stopPropagating)return;P={...P,...R};const{object:$}=R;P.eventObject=$,c($[m],P),x.push($);let I=$.parent;for(;I!==null&&!P.stopPropagating&&!x.includes(I);)P.eventObject=I,c(I[m],P),x.push(I),I=I.parent;const ce=Pt(m.slice(2));n(ce,{intersection:R,event:P})}}const{onClick:u,onDblClick:_,onContextMenu:f,onPointerMove:g,onPointerDown:v,onPointerUp:S,onPointerMissed:w,onWheel:d,forceUpdate:A}=Ve(a,t);S(m=>o("onPointerUp",m)),v(m=>o("onPointerDown",m)),u(m=>o("onClick",m)),_(m=>o("onDoubleClick",m)),f(m=>o("onContextMenu",m)),d(m=>o("onWheel",m));let L=[];g(m=>{const P=m.intersections.map(({object:E})=>E),x=m.intersections;L.forEach(({object:E})=>{P.includes(E)||(m.intersections=L,o("onPointerLeave",m),o("onPointerOut",m))}),m.intersections=x,m.intersections.forEach(({object:E})=>{L.includes(E)||(o("onPointerEnter",m),o("onPointerOver",m))}),o("onPointerMove",m),L=m.intersections});const k=[];w(m=>{const P=()=>m.stopPropagating=!0;m.stopPropagation=P,k.forEach(x=>{m.stopPropagating||(m.eventObject=x,c(x.onPointerMissed,m))}),n("pointer-missed",{event:m})});function O(m){ee(m)&&F(m)&&a.value.push(m)}function j(m){if(ee(m)&&F(m)){const P=a.value.indexOf(m);P>-1&&a.value.splice(P,1)}}function M(m){ee(m)&&F(m)&&m.onPointerMissed&&k.push(m)}function T(m){if(ee(m)&&F(m)){const P=k.indexOf(m);P>-1&&k.splice(P,1)}}return t.eventManager={forceUpdate:A,registerObject:O,deregisterObject:j,registerPointerMissedObject:M,deregisterPointerMissedObject:T},{forceUpdate:A,registerObject:O,deregisterObject:j,registerPointerMissedObject:M,deregisterPointerMissedObject:T}}function zt(e,t,n=10){const r=C.toValue(e)?C.useWindowSize():C.useElementSize(p.computed(()=>C.toValue(t).parentElement)),s=p.readonly(C.refDebounced(r.width,n)),l=p.readonly(C.refDebounced(r.height,n)),i=p.computed(()=>s.value/l.value);return{height:l,width:s,aspectRatio:i}}function ge(){const e=new Map,t=new Set;let n=0,r=!1;const s=()=>{const o=Array.from(e.entries()).sort((u,_)=>{const f=u[1].priority-_[1].priority;return f===0?u[1].addI-_[1].addI:f});t.clear(),o.forEach(u=>t.add(u[0]))},l=o=>{e.delete(o),t.delete(o)};return{on:(o,u=0)=>{e.set(o,{priority:u,addI:n++});const _=()=>l(o);return C.tryOnScopeDispose(_),r=!0,{off:_}},off:l,trigger:(...o)=>{r&&(s(),r=!1),t.forEach(u=>u(...o))},dispose:()=>{e.clear(),t.clear()},get count(){return e.size}}}function We(){let e=!0,t=!0,n=!1;const r=new y.Clock(!1),s=p.ref(r.running),l=p.ref(!1);let i;const a=y.MathUtils.generateUUID();let c=null;const o=ge(),u=ge(),_=ge();j();let f={};function g(M){f=M}function v(M,T,B=0){switch(T){case"before":return o.on(M,B);case"render":return c||(c=M),u.dispose(),u.on(M);case"after":return _.on(M,B)}}function S(){t&&(t=!1,j(),O())}function w(){t=!0,j(),cancelAnimationFrame(i)}function d(){n=!1,j()}function A(){n=!0,j()}function L(){l.value=!0}function k(){l.value=!1}function O(){if(!e){i=requestAnimationFrame(O);return}const M=r.getDelta(),T=r.getElapsedTime(),B={camera:p.unref(f.camera),scene:p.unref(f.scene),renderer:p.unref(f.renderer),raycaster:p.unref(f.raycaster),controls:p.unref(f.controls),invalidate:f.invalidate,advance:f.advance},m={delta:M,elapsed:T,clock:r,...B};s.value&&o.trigger(m),l.value||(u.count?u.trigger(m):c&&c(m)),s.value&&_.trigger(m),i=requestAnimationFrame(O)}function j(){const M=!t&&!n;r.running!==M&&(r.running?r.stop():r.start()),s.value=r.running}return{loopId:a,register:(M,T,B)=>v(M,T,B),start:S,stop:w,pause:A,resume:d,pauseRender:L,resumeRender:k,isRenderPaused:l,isActive:s,setContext:g,setReady:M=>e=M}}function Gt(e,t,n=100){n=n<=0?100:n;const r=C.createEventHook(),s=new Set;let l=!1,i=!1,a=null;function c(){a&&clearTimeout(a),!i&&!l&&e()?(r.trigger(t),s.forEach(f=>f()),s.clear(),l=!0):!i&&!l&&(a=setTimeout(c,n))}function o(){i=!0,a&&clearTimeout(a)}c();const u=(f,...g)=>{f(...g)};return{on:f=>{if(l)return u(f,t),{off:()=>{}};{const g=r.on(f);return s.add(g.off),r.on(f)}},off:r.off,trigger:r.trigger,cancel:o}}const Q=new WeakMap;function Ne(e){if(e=e||X(),Q.has(e))return Q.get(e);const t=100,n=Date.now(),l=Gt(()=>{if(Date.now()-n>=t)return!0;{const i=e.renderer.value,a=(i==null?void 0:i.domElement)||{width:0,height:0};return!!(i&&a.width>0&&a.height>0)}},e);return Q.set(e,l),l}function qt(e){const t=X();if(t)return Q.has(t)?Q.get(t).on(e):Ne(t).on(e)}function ze({scene:e,canvas:t,windowSize:n,disableRender:r,rendererOptions:s,emit:l}){const i=p.shallowRef(e),a=zt(n,t),{camera:c,cameras:o,registerCamera:u,deregisterCamera:_,setCameraActive:f}=Ce({sizes:a,scene:e}),g={mode:p.ref(s.renderMode||"always"),priority:p.ref(0),frames:p.ref(0),maxFrames:60,canBeInvalidated:p.computed(()=>g.mode.value==="on-demand"&&g.frames.value===0)};function v(R=1){s.renderMode==="on-demand"&&(g.frames.value=Math.min(g.maxFrames,g.frames.value+R))}function S(){s.renderMode==="manual"&&(g.frames.value=1)}const{renderer:w}=$e({scene:e,canvas:t,options:s,emit:l,contextParts:{sizes:a,camera:c,render:g,invalidate:v,advance:S},disableRender:r}),d={sizes:a,scene:i,camera:c,cameras:p.readonly(o),renderer:w,raycaster:p.shallowRef(new y.Raycaster),controls:p.ref(null),perf:{maxFrames:160,fps:{value:0,accumulator:[]},memory:{currentMem:0,allocatedMem:0,accumulator:[]}},render:g,advance:S,extend:ae,invalidate:v,registerCamera:u,setCameraActive:f,deregisterCamera:_,loop:We()};p.provide("useTres",d),d.scene.value.__tres={root:d},d.loop.register(()=>{c.value&&g.frames.value>0&&(w.value.render(e,c.value),l("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:A,cancel:L}=Ne(d);d.loop.setReady(!1),d.loop.start(),A(()=>{l("ready",d),d.loop.setReady(!0),Fe(e,d,l)}),p.onUnmounted(()=>{L(),d.loop.stop()});const k=100,O=C.useFps({every:k}),{isSupported:j,memory:M}=C.useMemory({interval:k}),T=160;let B=performance.now();const m=({timestamp:R})=>{d.scene.value&&(d.perf.memory.allocatedMem=he(d.scene.value)),R-B>=k&&(B=R,d.perf.fps.accumulator.push(O.value),d.perf.fps.accumulator.length>T&&d.perf.fps.accumulator.shift(),d.perf.fps.value=O.value,j.value&&M.value&&(d.perf.memory.accumulator.push(M.value.usedJSHeapSize/1024/1024),d.perf.memory.accumulator.length>T&&d.perf.memory.accumulator.shift(),d.perf.memory.currentMem=d.perf.memory.accumulator.reduce(($,I)=>$+I,0)/d.perf.memory.accumulator.length))};let P=0;const x=1,{pause:E}=C.useRafFn(({delta:R})=>{window.__TRES__DEVTOOLS__&&(m({timestamp:performance.now()}),P+=R,P>=x&&(window.__TRES__DEVTOOLS__.cb(d),P=0))},{immediate:!0});return p.onUnmounted(()=>{E()}),d}function X(){const e=p.inject("useTres");if(!e)throw new Error("useTresContext must be used together with useTresContextProvider");return e}const Yt=X;function Jt(){const{camera:e,scene:t,renderer:n,loop:r,raycaster:s,controls:l,invalidate:i,advance:a}=X();r.setContext({camera:e,scene:t,renderer:n,raycaster:s,controls:l,invalidate:i,advance:a});function c(_,f=0){return r.register(_,"before",f)}function o(_){return r.register(_,"render")}function u(_,f=0){return r.register(_,"after",f)}return{pause:r.pause,resume:r.resume,pauseRender:r.pauseRender,resumeRender:r.resumeRender,isActive:r.isActive,onBeforeRender:c,render:o,onAfterRender:u}}function Kt(e,t={},n={}){let r=e;const s=a=>{r=a};let l=new Proxy({},{});const i={has(a,c){return c in t||c in r},get(a,c,o){return c in t?t[c](r):r[c]},set(a,c,o){return n[c]?n[c](o,r,l,s):r[c]=o,!0}};return l=new Proxy({},i),l}const{logError:Ge}=W(),qe=["onClick","onContextMenu","onPointerMove","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onDoubleClick","onPointerDown","onPointerUp","onPointerCancel","onPointerMissed","onLostPointerCapture","onWheel"],Qt=e=>{const t=e.scene.value;function n(o,u,_,f){if(f||(f={}),f.args||(f.args=[]),o==="template"||Ct(o))return null;let g=o.replace("Tres",""),v;if(o==="primitive"){(!U(f.object)||p.isRef(f.object))&&Ge("Tres primitives need an 'object' prop, whose value is an object or shallowRef<object>"),g=f.object.type;const S={};v=Kt(f.object,{object:d=>d,isPrimitive:()=>!0,__tres:()=>S},{object:(d,A,L,k)=>{Et(d,L,k,{patchProp:l,remove:s,insert:r},e)},__tres:d=>{Object.assign(S,d)}})}else{const S=ie.value[g];S||Ge(`${g} is not defined on the THREE namespace. Use extend to add it to the catalog.`),v=new S(...f.args)}return v?(v.isCamera&&(f!=null&&f.position||v.position.set(3,3,3),f!=null&&f.lookAt||v.lookAt(0,0,0)),v=q(v,{...v.__tres,type:g,memoizedProps:f,eventCount:0,primitive:o==="primitive",attach:f.attach},e),v):null}function r(o,u){var g,v,S;if(!o)return;u=u||t;const _=o.__tres?o:q(o,{},e),f=u.__tres?u:q(u,{},e);o=Y(_),u=Y(f),o.__tres&&((g=o.__tres)==null?void 0:g.eventCount)>0&&((v=e.eventManager)==null||v.registerObject(o)),e.registerCamera(o),(S=e.eventManager)==null||S.registerPointerMissedObject(o),_.__tres.attach?Bt(f,_,_.__tres.attach):F(o)&&F(f)&&(f.add(o),o.dispatchEvent({type:"added"})),_.__tres.parent=f,f.__tres.objects&&!f.__tres.objects.includes(_)&&f.__tres.objects.push(_)}function s(o,u){var v,S,w,d;if(!o)return;o!=null&&o.__tres&&((v=o.__tres)==null?void 0:v.eventCount)>0&&((S=e.eventManager)==null||S.deregisterObject(o)),u=fe(u)?"default":u;const _=(w=o.__tres)==null?void 0:w.dispose;fe(_)||(_===null?u=!1:u=_);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(A=>s(A,u)),g&&o.children&&[...o.children].forEach(A=>s(A,u)),Re(o,e),Ee(o,e),g&&!pt(o)){if(G(u))u(o);else if(G(o.dispose))try{o.dispose()}catch{}}"__tres"in o&&delete o.__tres}function l(o,u,_,f){var A,L;if(!o)return;let g=o,v=u;if(o.__tres&&(o.__tres.memoizedProps[u]=f),u==="attach"){const k=((A=o.__tres)==null?void 0:A.parent)||o.parent;s(o),q(o,{attach:f},e),k&&r(o,k);return}if(u==="dispose"){o.__tres||(o=q(o,{},e)),o.__tres.dispose=f;return}if(F(o)&&v==="blocks-pointer-events"){f||f===""?o[v]=f:delete o[v];return}qe.includes(u)&&o.__tres&&(o.__tres.eventCount+=1);let S=oe(v),w=g==null?void 0:g[S];if(v==="args"){const k=o,O=_??[],j=f??[],M=((L=o.__tres)==null?void 0:L.type)||o.type;M&&O.length&&!At(O,j)&&(g=Object.assign(k,new ie.value[M](...f)));return}if(g.type==="BufferGeometry"){if(v==="args")return;g.setAttribute(oe(v),new y.BufferAttribute(...f));return}if(v.includes("-")&&w===void 0){const k=v.split("-");w=k.reduce((O,j)=>O[oe(j)],g),v=k.pop(),S=v,w!=null&&w.set||(g=k.reduce((O,j)=>O[oe(j)],g))}let d=f;if(d===""&&(d=!0),G(w)){qe.includes(u)||(Z(d)?o[S](...d):o[S](d)),S.startsWith("on")&&G(d)&&(g[S]=d);return}!(w!=null&&w.set)&&!G(w)?g[S]=d:w.constructor===d.constructor&&(w!=null&&w.copy)?w==null||w.copy(d):Z(d)?w.set(...d):!w.isColor&&w.setScalar?w.setScalar(d):w.set(d),Ie(o)}function i(o){var u;return((u=o==null?void 0:o.__tres)==null?void 0:u.parent)||null}function a(o){const u=q(new y.Object3D,{type:"Comment"},e);return u.name=o,u}function c(o){var g;const u=i(o),_=((g=u==null?void 0:u.__tres)==null?void 0:g.objects)||[],f=_.indexOf(o);return f<0||f>=_.length-1?null:_[f+1]}return{insert:r,remove:s,createElement:n,patchProp:l,parentNode:i,createText:()=>void 0,createComment:a,setText:()=>void 0,setElementText:()=>void 0,nextSibling:c,querySelector:()=>void 0,setScopeId:()=>void 0,cloneNode:()=>void 0,insertStaticContent:()=>void 0}};function Xt(){return Ye().__VUE_DEVTOOLS_GLOBAL_HOOK__}function Ye(){return typeof navigator<"u"&&typeof window<"u"?window:typeof globalThis<"u"?globalThis:{}}const Ht=typeof Proxy=="function",Zt="devtools-plugin:setup",en="plugin:settings:set";let J,ve;function tn(){var e;return J!==void 0||(typeof window<"u"&&window.performance?(J=!0,ve=window.performance):typeof globalThis<"u"&&(!((e=globalThis.perf_hooks)===null||e===void 0)&&e.performance)?(J=!0,ve=globalThis.perf_hooks.performance):J=!1),J}function nn(){return tn()?ve.now():Date.now()}class rn{constructor(t,n){this.target=null,this.targetQueue=[],this.onQueue=[],this.plugin=t,this.hook=n;const r={};if(t.settings)for(const i in t.settings){const a=t.settings[i];r[i]=a.defaultValue}const s=`__vue-devtools-plugin-settings__${t.id}`;let l=Object.assign({},r);try{const i=localStorage.getItem(s),a=JSON.parse(i);Object.assign(l,a)}catch{}this.fallbacks={getSettings(){return l},setSettings(i){try{localStorage.setItem(s,JSON.stringify(i))}catch{}l=i},now(){return nn()}},n&&n.on(en,(i,a)=>{i===this.plugin.id&&this.fallbacks.setSettings(a)}),this.proxiedOn=new Proxy({},{get:(i,a)=>this.target?this.target.on[a]:(...c)=>{this.onQueue.push({method:a,args:c})}}),this.proxiedTarget=new Proxy({},{get:(i,a)=>this.target?this.target[a]:a==="on"?this.proxiedOn:Object.keys(this.fallbacks).includes(a)?(...c)=>(this.targetQueue.push({method:a,args:c,resolve:()=>{}}),this.fallbacks[a](...c)):(...c)=>new Promise(o=>{this.targetQueue.push({method:a,args:c,resolve:o})})})}async setRealTarget(t){this.target=t;for(const n of this.onQueue)this.target.on[n.method](...n.args);for(const n of this.targetQueue)n.resolve(await this.target[n.method](...n.args))}}function on(e,t){const n=e,r=Ye(),s=Xt(),l=Ht&&n.enableEarlyProxy;if(s&&(r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__||!l))s.emit(Zt,e,t);else{const i=l?new rn(n,s):null;(r.__VUE_DEVTOOLS_PLUGINS__=r.__VUE_DEVTOOLS_PLUGINS__||[]).push({pluginDescriptor:n,setupFn:t,proxy:i}),i&&t(i.proxiedTarget)}}function sn(e,t){const n=`▲ ■ ●${e}`;typeof Je=="function"?Je(n,t):console.log(n)}function Je(e,t){throw new Error(e+t)}const Ke=e=>{const t={id:e.uuid,label:e.type,children:[],tags:[]};e.name!==""&&t.tags.push({label:e.name,textColor:5750629,backgroundColor:15793395});const n=he(e);return n>0&&t.tags.push({label:`${Nt(n)} KB`,textColor:15707189,backgroundColor:16775644,tooltip:"Memory usage"}),e.type.includes("Light")&&(ft(e)&&t.tags.push({label:`${e.intensity}`,textColor:9738662,backgroundColor:16316922,tooltip:"Intensity"}),t.tags.push({label:`#${new y.Color(e.color).getHexString()}`,textColor:9738662,backgroundColor:16316922,tooltip:"Color"})),e.type.includes("Camera")&&(t.tags.push({label:`${e.fov}°`,textColor:9738662,backgroundColor:16316922,tooltip:"Field of view"}),t.tags.push({label:`x: ${Math.round(e.position.x)} y: ${Math.round(e.position.y)} z: ${Math.round(e.position.z)}`,textColor:9738662,backgroundColor:16316922,tooltip:"Position"})),t};function Qe(e,t,n=""){e.children.forEach(r=>{if(r.type==="HightlightMesh"||n&&!r.type.includes(n)&&!r.name.includes(n))return;const s=Ke(r);t.children.push(s),Qe(r,s,n)})}const an=[],H="tres:inspector",ln=p.reactive({sceneGraph:null});function cn(e,t){on({id:"dev.esm.tres",label:"TresJS 🪐",logo:"https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",packageName:"tresjs",homepage:"https://tresjs.org",componentStateTypes:an,app:e},n=>{typeof n.now!="function"&&sn("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:H,label:"TresJS 🪐",icon:"account_tree",treeFilterPlaceholder:"Search instances"}),setInterval(()=>{n.sendInspectorTree(H)},1e3),setInterval(()=>{n.notifyComponentUpdate()},5e3),n.on.getInspectorTree(l=>{if(l.inspectorId===H){const i=Ke(t.scene.value);Qe(t.scene.value,i,l.filter),ln.sceneGraph=i,l.rootNodes=[i]}});let r=null,s=null;n.on.getInspectorState(l=>{var i;if(l.inspectorId===H){const[a]=t.scene.value.getObjectsByProperty("uuid",l.nodeId);if(!a)return;if(s&&r&&r.parent&&s.remove(r),a.isMesh){const c=Dt(a);a.add(c),r=c,s=a}l.state={object:Object.entries(a).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")},a.isScene&&(l.state.info={memory:he(a),objects:a.children.length,calls:t.renderer.value.info.render.calls,triangles:t.renderer.value.info.render.triangles,points:t.renderer.value.info.render.points,lines:t.renderer.value.info.render.lines},l.state.programs=((i=t.renderer.value.info.programs)==null?void 0:i.map(c=>({key:c.name,value:{...c,vertexShader:c.vertexShader,attributes:c.getAttributes(),uniforms:c.getUniforms()}})))||[])}}),n.on.editInspectorState(l=>{l.inspectorId===H&&Ot(t.scene.value,l.nodeId,l.path,l.state.value)})})}const un=["data-scene","data-tres"],Xe=p.defineComponent({__name:"TresCanvas",props:{shadows:{type:Boolean,default:void 0},clearColor:{},toneMapping:{},shadowMapType:{},useLegacyLights:{type:Boolean,default:void 0},outputColorSpace:{},toneMappingExposure:{},renderMode:{default:"always"},dpr:{},camera:{},preset:{},windowSize:{type:Boolean,default:void 0},disableRender:{type:Boolean,default:void 0},context:{},precision:{},alpha:{type:Boolean,default:void 0},premultipliedAlpha:{type:Boolean},antialias:{type:Boolean,default:void 0},stencil:{type:Boolean,default:void 0},preserveDrawingBuffer:{type:Boolean,default:void 0},powerPreference:{},depth:{type:Boolean,default:void 0},logarithmicDepthBuffer:{type:Boolean,default:void 0},failIfMajorPerformanceCaveat:{type:Boolean,default:void 0}},emits:["render","click","double-click","context-menu","pointer-move","pointer-up","pointer-down","pointer-enter","pointer-leave","pointer-over","pointer-out","pointer-missed","wheel","ready"],setup(e,{expose:t,emit:n}){var w;const r=e,s=n,l=p.useSlots(),{logWarning:i}=W(),a=p.ref(),c=p.shallowRef(new y.Scene),o=(w=p.getCurrentInstance())==null?void 0:w.appContext.app;ae(_e);const u=(d,A=!1)=>p.defineComponent({setup(){var k;const L=(k=p.getCurrentInstance())==null?void 0:k.appContext;return L&&(L.app=o),p.provide("useTres",d),p.provide("extend",ae),typeof window<"u"&&cn(L==null?void 0:L.app,d),()=>p.h(p.Fragment,null,A?[]:l.default())}}),_=(d,A=!1)=>{const L=u(d,A),{render:k}=p.createRenderer(Qt(d));k(p.h(L),c.value)},f=(d,A=!1)=>{pe(d.scene.value),A&&(d.renderer.value.dispose(),d.renderer.value.renderLists.dispose(),d.renderer.value.forceContextLoss()),c.value.__tres={root:d}},g=p.computed(()=>r.disableRender),v=p.shallowRef(null);t({context:v,dispose:()=>f(v.value,!0)});const S=()=>{f(v.value),_(v.value,!0)};return p.onMounted(()=>{const d=a;v.value=ze({scene:c.value,canvas:d,windowSize:r.windowSize??!1,disableRender:g.value??!1,rendererOptions:r,emit:s});const{registerCamera:A,camera:L,cameras:k,deregisterCamera:O}=v.value;_(v.value);const j=()=>{const M=new y.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);M.position.set(3,3,3),M.lookAt(0,0,0),A(M);const T=p.watchEffect(()=>{k.value.length>=2&&(M.removeFromParent(),O(M),T==null||T())})};p.watch(()=>r.camera,(M,T)=>{M&&A(M),T&&(T.removeFromParent(),O(T))},{immediate:!0}),L.value||(i("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),j())}),p.onUnmounted(S),(d,A)=>(p.openBlock(),p.createElementBlock("canvas",{ref_key:"canvas",ref:a,"data-scene":c.value.uuid,class:p.normalizeClass(d.$attrs.class),"data-tres":`tresjs ${p.unref(at).version}`,style:p.normalizeStyle({display:"block",width:"100%",height:"100%",position:d.windowSize?"fixed":"relative",top:0,left:0,pointerEvents:"auto",touchAction:"none",...d.$attrs.style})},null,14,un))}}),fn=["TresCanvas","TresLeches","TresScene"],dn={template:{compilerOptions:{isCustomElement:e=>e.startsWith("Tres")&&!fn.includes(e)||e==="primitive"}}},pn={mounted:(e,t)=>{if(t.arg){console.log(`v-log:${t.arg}`,e[t.arg]);return}console.log("v-log",e)}};class He extends y.Line{constructor(t,n){const r=[1,1,0,-1,1,0,-1,-1,0,1,-1,0,1,1,0],s=new y.BufferGeometry;s.setAttribute("position",new y.Float32BufferAttribute(r,3)),s.computeBoundingSphere();const l=new y.LineBasicMaterial({fog:!1});super(s,l),this.light=t,this.color=n,this.type="RectAreaLightHelper";const i=[1,1,0,-1,1,0,-1,-1,0,1,1,0,-1,-1,0,1,-1,0],a=new y.BufferGeometry;a.setAttribute("position",new y.Float32BufferAttribute(i,3)),a.computeBoundingSphere(),this.add(new y.Mesh(a,new y.MeshBasicMaterial({side:y.BackSide,fog:!1})))}updateMatrixWorld(){if(this.scale.set(.5*this.light.width,.5*this.light.height,1),this.color!==void 0)this.material.color.set(this.color),this.children[0].material.color.set(this.color);else{this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);const t=this.material.color,n=Math.max(t.r,t.g,t.b);n>1&&t.multiplyScalar(1/n),this.children[0].material.color.copy(this.material.color)}this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld),this.children[0].matrixWorld.copy(this.matrixWorld)}dispose(){this.geometry.dispose(),this.material.dispose(),this.children[0].geometry.dispose(),this.children[0].material.dispose()}}const{logWarning:Ze}=W();let le,N;const mn={DirectionalLight:y.DirectionalLightHelper,PointLight:y.PointLightHelper,SpotLight:y.SpotLightHelper,HemisphereLight:y.HemisphereLightHelper,RectAreaLight:He},hn={mounted:e=>{if(!e.isLight){Ze(`${e.type} is not a light`);return}le=mn[e.type],e.parent.add(new le(e,1,e.color.getHex()))},updated:e=>{N=e.parent.children.find(t=>t instanceof le),!(N instanceof He)&&N.update()},unmounted:e=>{if(!e.isLight){Ze(`${e.type} is not a light`);return}N=e.parent.children.find(t=>t instanceof le),N&&N.dispose&&N.dispose(),e.parent.remove(N)}},{logWarning:gn}=W();let V=null;const vn={updated:(e,t)=>{var s;const n=jt(t);if(!n){gn(`v-distance-to: problem with binding value: ${t.value}`);return}V&&(V.dispose(),e.parent.remove(V));const r=n.clone().sub(e.position);r.normalize(),V=new y.ArrowHelper(r,e.position,e.position.distanceTo(n),16776960),e.parent.add(V),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}`],[`Destiny: ${e.name||e.type}`,`x:${n.x}, y:${n.y}, z:${n==null?void 0:n.z}`]])},unmounted:e=>{V==null||V.dispose(),e.parent.remove(V)}},yn={install(e){e.component("TresCanvas",Xe)}};b.TresCanvas=Xe,b.catalogue=ie,b.createRenderLoop=We,b.default=yn,b.dispose=pe,b.extend=ae,b.isProd=_t,b.normalizeColor=Ae,b.normalizeVectorFlexibleParam=wt,b.onTresReady=qt,b.templateCompilerOptions=dn,b.trasverseObjects=Ue,b.useCamera=Ce,b.useLoader=Vt,b.useLogger=W,b.useLoop=Jt,b.useRaycaster=Ve,b.useRenderLoop=yt,b.useRenderer=$e,b.useSeek=Wt,b.useTexture=Ft,b.useTres=Yt,b.useTresContext=X,b.useTresContextProvider=ze,b.useTresEventManager=Fe,b.vDistanceTo=vn,b.vLightHelper=hn,b.vLog=pn,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "4.2.6",
+  "version": "4.2.7",
   "packageManager": "pnpm@9.1.4",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Tresjs/tres.git"
+  },
   "keywords": [
     "vue",
     "3d",