@tresjs/core 3.5.1 → 3.6.0-next.0

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

@@ -17,6 +17,18 @@ export interface TresContext {
     }) | null>;
     renderer: ShallowRef<WebGLRenderer>;
     raycaster: ShallowRef<Raycaster>;
+    perf: {
+        maxFrames: number;
+        fps: {
+            value: number;
+            accumulator: number[];
+        };
+        memory: {
+            currentMem: number;
+            allocatedMem: number;
+            accumulator: number[];
+        };
+    };
     registerCamera: (camera: Camera) => void;
     setCameraActive: (cameraOrUuid: Camera | string) => void;
     deregisterCamera: (camera: Camera) => void;

package/dist/tres.js

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

package/dist/tres.umd.cjs

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

package/dist/utils/perf.d.ts

@@ -0,0 +1,6 @@
+import type { Scene } from 'three';
+import type { TresObject } from './../types';
+export declare function calculateMemoryUsage(object: TresObject | Scene): number;
+export declare function bytesToKB(bytes: number): string;
+export declare function bytesToMB(bytes: number): string;
+export declare function bytesToGB(bytes: number): string;

package/package.json

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