@tresjs/core 3.5.2 → 3.6.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,33 +1,33 @@
 /**
  * name: @tresjs/core
- * version: v3.5.2
+ * version: v3.6.0
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as O, computed as D, watchEffect as b, onUnmounted as N, shallowRef as B, 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 Le, BufferAttribute as Be, Scene as xe } from "three";
-import { createEventHook as x, useRafFn as Oe, toValue as h, 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 = O([]), r = D(
+import { ref as B, computed as b, watchEffect as D, onUnmounted as $, shallowRef as L, watch as re, reactive as pe, readonly as de, provide as V, inject as ve, createRenderer as ge, defineComponent as q, useSlots as ye, getCurrentInstance as J, onMounted as we, openBlock as Ee, createElementBlock as Ce, normalizeClass as _e, 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 Se, PCFSoftShadowMap as Be, WebGLRenderer as I, LoadingManager as xe, TextureLoader as Oe, Vector2 as Re, Raycaster as He, BufferAttribute as Fe, Scene as je } from "three";
+import { createEventHook as S, useRafFn as ne, toValue as M, 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 = B([]), r = b(
     () => t.value[0]
-  ), n = (s, u = !1) => {
-    t.value.some(({ uuid: i }) => i === s.uuid) || (u ? c(s) : t.value.push(s));
+  ), n = (s, l = !1) => {
+    t.value.some(({ uuid: i }) => i === s.uuid) || (l ? c(s) : t.value.push(s));
   }, o = (s) => {
-    t.value = t.value.filter(({ uuid: u }) => u !== s.uuid);
+    t.value = t.value.filter(({ uuid: l }) => l !== s.uuid);
   }, c = (s) => {
-    const u = s instanceof Ce ? s : t.value.find((m) => m.uuid === s);
-    if (!u)
+    const l = s instanceof ke ? s : t.value.find((p) => p.uuid === s);
+    if (!l)
       return;
-    const i = t.value.filter(({ uuid: m }) => m !== u.uuid);
-    t.value = [u, ...i];
+    const i = t.value.filter(({ uuid: p }) => p !== l.uuid);
+    t.value = [l, ...i];
   };
-  return b(() => {
+  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,
@@ -36,31 +36,31 @@ const $e = ({ sizes: e, scene: a }) => {
     deregisterCamera: o,
     setCameraActive: c
   };
-}, te = x(), re = x(), W = x(), L = new Pe();
-let j = 0, F = 0;
-const { pause: ze, resume: Ie, isActive: Ge } = Oe(
+}, ae = S(), oe = S(), U = S(), T = new be();
+let j = 0, z = 0;
+const { pause: qe, resume: Je, isActive: Ke } = ne(
   () => {
-    te.trigger({ delta: j, elapsed: F, clock: L }), re.trigger({ delta: j, elapsed: F, clock: L }), W.trigger({ delta: j, elapsed: F, clock: L });
+    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 = L.getDelta(), F = L.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 T() {
+const se = () => ({
+  onBeforeLoop: ae.on,
+  onLoop: oe.on,
+  onAfterLoop: U.on,
+  pause: qe,
+  resume: Je,
+  isActive: Ke
+}), Pt = !0, X = "[TresJS ▲ ■ ●] ";
+function x() {
   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,47 +70,47 @@ function T() {
     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, c) => (n[o] === void 0 && (n[o] = {}), c === 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: c, value: s }) => a.getAttribute(c) === s);
   }
@@ -122,128 +122,128 @@ 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: Se,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Ae
+      type: Be
     }
   }
 };
-function Qe({
+function st({
   scene: e,
   canvas: a,
   options: t,
   disableRender: r,
   contextParts: { sizes: n, camera: o }
 }) {
-  const c = D(() => ({
-    alpha: h(t.alpha),
-    depth: h(t.depth),
-    canvas: Te(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 = B(new $(c.value));
-  ee(c, () => {
-    s.value.dispose(), s.value = new $(c.value);
-  }), b(() => {
+  const c = b(() => ({
+    alpha: M(t.alpha),
+    depth: M(t.depth),
+    canvas: ze(a),
+    context: M(t.context),
+    stencil: M(t.stencil),
+    antialias: M(t.antialias) === void 0 ? !0 : M(t.antialias),
+    precision: M(t.precision),
+    powerPreference: M(t.powerPreference),
+    premultipliedAlpha: M(t.premultipliedAlpha),
+    preserveDrawingBuffer: M(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: M(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: M(t.failIfMajorPerformanceCaveat)
+  })), s = L(new I(c.value));
+  re(c, () => {
+    s.value.dispose(), s.value = new I(c.value);
+  }), D(() => {
     s.value.setSize(n.width.value, n.height.value);
   });
-  const { pixelRatio: u } = Se();
-  b(() => {
-    s.value.setPixelRatio(u.value);
+  const { pixelRatio: l } = $e();
+  D(() => {
+    s.value.setPixelRatio(l.value);
   });
-  const { logError: i } = T(), f = (() => {
-    const p = new $(), g = {
+  const { logError: i } = x(), f = (() => {
+    const m = new I(), w = {
       shadowMap: {
-        enabled: p.shadowMap.enabled,
-        type: p.shadowMap.type
+        enabled: m.shadowMap.enabled,
+        type: m.shadowMap.type
       },
-      toneMapping: p.toneMapping,
-      toneMappingExposure: p.toneMappingExposure,
-      outputColorSpace: p.outputColorSpace
+      toneMapping: m.toneMapping,
+      toneMappingExposure: m.toneMappingExposure,
+      outputColorSpace: m.outputColorSpace
     };
-    return p.dispose(), g;
+    return m.dispose(), w;
   })();
-  b(() => {
-    const p = h(t.preset);
-    p && (p in R || i(`Renderer Preset must be one of these: ${Object.keys(R).join(", ")}`), ae(s.value, R[p]));
-    const g = (M, _) => {
-      const P = h(M), A = () => {
-        if (p)
-          return Y(R[p], _);
+  D(() => {
+    const m = M(t.preset);
+    m && (m in H || i(`Renderer Preset must be one of these: ${Object.keys(H).join(", ")}`), ie(s.value, H[m]));
+    const w = (P, A) => {
+      const C = M(P), k = () => {
+        if (m)
+          return Z(H[m], A);
       };
-      if (P !== void 0)
-        return P;
-      const y = A();
-      return y !== void 0 ? y : Y(f, _);
-    }, C = (M, _) => Je(s.value, _, g(M, _));
-    C(t.shadows, "shadowMap.enabled"), C(t.toneMapping, "toneMapping"), C(t.shadowMapType, "shadowMap.type"), Ye < 150 && C(!t.useLegacyLights, "physicallyCorrectLights"), C(t.outputColorSpace, "outputColorSpace"), C(t.toneMappingExposure, "toneMappingExposure");
-    const k = g(t.clearColor, "clearColor");
-    k && s.value.setClearColor(
-      k ? Ne(k) : new H(0)
+      if (C !== void 0)
+        return C;
+      const g = k();
+      return g !== void 0 ? g : Z(f, A);
+    }, d = (P, A) => rt(s.value, A, w(P, A));
+    d(t.shadows, "shadowMap.enabled"), d(t.toneMapping, "toneMapping"), d(t.shadowMapType, "shadowMap.type"), ot < 150 && d(!t.useLegacyLights, "physicallyCorrectLights"), d(t.outputColorSpace, "outputColorSpace"), d(t.toneMappingExposure, "toneMappingExposure");
+    const h = w(t.clearColor, "clearColor");
+    h && s.value.setClearColor(
+      h ? Xe(h) : new F(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: l, resume: d, onLoop: w } = ne();
-  return w(() => {
-    o.value && !h(r) && s.value.render(e, o.value);
-  }), d(), N(() => {
-    l(), s.value.dispose(), s.value.forceContextLoss();
+  const { pause: u, resume: v, onLoop: E } = se();
+  return E(() => {
+    o.value && !M(r) && s.value.render(e, o.value);
+  }), v(), $(() => {
+    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 } = T(), c = new e();
+async function kt(e, a, t, r, n) {
+  const { logError: o } = x(), c = new e();
   n && n(c), t && t(c);
-  const u = (Array.isArray(a) ? a : [a]).map(
-    (i) => new Promise((m, f) => {
+  const l = (Array.isArray(a) ? a : [a]).map(
+    (i) => new Promise((p, f) => {
       c.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) => f(o("[useLoader] - Failed to load resource", l))
+        (u) => f(o("[useLoader] - Failed to load resource", u))
       );
     })
   );
-  return Ze(a) ? await Promise.all(u) : await u[0];
+  return it(a) ? await Promise.all(l) : await l[0];
 }
-async function yt(e) {
-  const a = new ke(), t = new De(a), r = (n) => new Promise((o, c) => {
+async function bt(e) {
+  const a = new xe(), t = new Oe(a), r = (n) => new Promise((o, c) => {
     t.load(
       n,
       (s) => o(s),
@@ -253,7 +253,7 @@ async function yt(e) {
       }
     );
   });
-  if (Xe(e)) {
+  if (at(e)) {
     const n = await Promise.all(e.map((o) => r(o)));
     return e.length > 1 ? n : n[0];
   } else {
@@ -262,9 +262,9 @@ async function yt(e) {
       displacementMap: o,
       normalMap: c,
       roughnessMap: s,
-      metalnessMap: u,
+      metalnessMap: l,
       aoMap: i,
-      alphaMap: m,
+      alphaMap: p,
       matcap: f
     } = e;
     return {
@@ -272,63 +272,63 @@ async function yt(e) {
       displacementMap: o ? await r(o) : null,
       normalMap: c ? await r(c) : null,
       roughnessMap: s ? await r(s) : null,
-      metalnessMap: u ? await r(u) : null,
+      metalnessMap: l ? await r(l) : null,
       aoMap: i ? await r(i) : null,
-      alphaMap: m ? await r(m) : null,
+      alphaMap: p ? await r(p) : null,
       matcap: f ? await r(f) : null
     };
   }
 }
-const tt = (e, { renderer: a, camera: t, raycaster: r }) => {
-  const n = D(() => a.value.domElement), { x: o, y: c } = Re({ target: n }), { width: s, height: u, top: i, left: m } = He(n), f = ({ x: y, y: E }) => {
+const lt = (e, { renderer: a, camera: t, raycaster: r }) => {
+  const n = b(() => a.value.domElement), { x: o, y: c } = Ne({ target: n }), { width: s, height: l, top: i, left: p } = Ie(n), f = ({ x: g, y: _ }) => {
     if (n.value)
       return {
-        x: (y - m.value) / s.value * 2 - 1,
-        y: -((E - i.value) / u.value) * 2 + 1
+        x: (g - p.value) / s.value * 2 - 1,
+        y: -((_ - i.value) / l.value) * 2 + 1
       };
-  }, l = ({ x: y, y: E }) => {
+  }, u = ({ x: g, y: _ }) => {
     if (t.value)
-      return r.value.setFromCamera(new be(y, E), t.value), r.value.intersectObjects(e.value, !1);
-  }, d = (y) => {
-    const E = f({
-      x: (y == null ? void 0 : y.clientX) ?? o.value,
-      y: (y == null ? void 0 : y.clientY) ?? c.value
+      return r.value.setFromCamera(new Re(g, _), t.value), r.value.intersectObjects(e.value, !1);
+  }, v = (g) => {
+    const _ = f({
+      x: (g == null ? void 0 : g.clientX) ?? o.value,
+      y: (g == null ? void 0 : g.clientY) ?? c.value
     });
-    return E ? l(E) || [] : [];
-  }, w = D(() => d()), p = x(), g = x(), C = (y, E) => {
-    y.trigger({ event: E, intersects: d(E) });
-  }, k = (y) => {
-    C(g, y);
+    return _ ? u(_) || [] : [];
+  }, E = b(() => v()), m = S(), w = S(), d = (g, _) => {
+    g.trigger({ event: _, intersects: v(_) });
+  }, h = (g) => {
+    d(w, g);
   };
-  let M;
-  const _ = (y) => {
-    var E;
-    M = (E = d(y)[0]) == null ? void 0 : E.object;
-  }, P = (y) => {
-    var E;
-    y instanceof PointerEvent && M === ((E = d(y)[0]) == null ? void 0 : E.object) && C(p, y);
-  }, A = (y) => g.trigger({ event: y, intersects: [] });
-  return n.value.addEventListener("pointerup", P), n.value.addEventListener("pointerdown", _), n.value.addEventListener("pointermove", k), n.value.addEventListener("pointerleave", A), N(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", P), n.value.removeEventListener("pointerdown", _), n.value.removeEventListener("pointermove", k), n.value.removeEventListener("pointerleave", A));
+  let P;
+  const A = (g) => {
+    var _;
+    P = (_ = v(g)[0]) == null ? void 0 : _.object;
+  }, C = (g) => {
+    var _;
+    g instanceof PointerEvent && P === ((_ = v(g)[0]) == null ? void 0 : _.object) && d(m, g);
+  }, k = (g) => w.trigger({ event: g, intersects: [] });
+  return n.value.addEventListener("pointerup", C), n.value.addEventListener("pointerdown", A), n.value.addEventListener("pointermove", h), n.value.addEventListener("pointerleave", k), $(() => {
+    n != null && n.value && (n.value.removeEventListener("pointerup", C), n.value.removeEventListener("pointerdown", A), n.value.removeEventListener("pointermove", h), n.value.removeEventListener("pointerleave", k));
   }), {
-    intersects: w,
-    onClick: (y) => p.on(y).off,
-    onPointerMove: (y) => g.on(y).off
+    intersects: E,
+    onClick: (g) => m.on(g).off,
+    onPointerMove: (g) => w.on(g).off
   };
 };
-function wt() {
-  const { logWarning: e } = T();
+function Dt() {
+  const { logWarning: e } = x();
   function a(o, c, s) {
-    let u = null;
+    let l = null;
     return o.traverse((i) => {
-      i[c] === s && (u = i);
-    }), u || e(`Child with ${c} '${s}' not found.`), u;
+      i[c] === s && (l = i);
+    }), l || e(`Child with ${c} '${s}' not found.`), l;
   }
   function t(o, c, s) {
-    const u = [];
+    const l = [];
     return o.traverse((i) => {
-      i[c].includes(s) && u.push(i);
-    }), u.length || e(`Children with ${c} '${s}' not found.`), u;
+      i[c].includes(s) && l.push(i);
+    }), l.length || e(`Children with ${c} '${s}' not found.`), l;
   }
   function r(o, c) {
     return a(o, "name", c);
@@ -343,66 +343,76 @@ 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 = O(/* @__PURE__ */ 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: w, onPointerEnter: p, onPointerLeave: g } = l;
-    d && t.click.set(l, d), w && t.pointerMove.set(l, w), p && t.pointerEnter.set(l, p), g && t.pointerLeave.set(l, g);
+  }), r = B(/* @__PURE__ */ new Set()), n = (u) => {
+    r.value.add(u);
+  }, o = (u) => {
+    r.value.delete(u);
+  }, c = (u) => {
+    Object.values(t).forEach((v) => v.delete(u)), o(u);
+  }, s = (u) => {
+    const { onClick: v, onPointerMove: E, onPointerEnter: m, onPointerLeave: w } = u;
+    v && t.click.set(u, v), E && t.pointerMove.set(u, E), m && t.pointerEnter.set(u, m), w && t.pointerLeave.set(u, w);
   };
   e.userData.tres__registerAtPointerEventHandler = s, e.userData.tres__deregisterAtPointerEventHandler = c, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
-  const u = D(
-    () => Ue(
+  const l = b(
+    () => 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(u, a);
-  i(({ intersects: l, event: d }) => {
-    var w;
-    l.length && ((w = t.click.get(l[0].object)) == null || w(l[0], d));
+  ), { onClick: i, onPointerMove: p } = lt(l, a);
+  i(({ intersects: u, event: v }) => {
+    var E;
+    u.length && ((E = t.click.get(u[0].object)) == null || E(u[0], v));
   });
   let f;
-  return m(({ intersects: l, event: d }) => {
-    var k, M, _, P;
-    const w = (k = l == null ? void 0 : l[0]) == null ? void 0 : k.object, { pointerLeave: p, pointerEnter: g, pointerMove: C } = t;
-    f && f !== w && ((M = p.get(f)) == null || M(f, d)), w && (f !== w && ((_ = g.get(w)) == null || _(l[0], d)), (P = C.get(w)) == null || P(l[0], d)), f = w || null;
+  return p(({ intersects: u, event: v }) => {
+    var h, P, A, C;
+    const E = (h = u == null ? void 0 : u[0]) == null ? void 0 : h.object, { pointerLeave: m, pointerEnter: w, pointerMove: d } = t;
+    f && f !== E && ((P = m.get(f)) == null || P(f, v)), E && (f !== E && ((A = w.get(E)) == null || A(u[0], v)), (C = d.get(E)) == null || C(u[0], v)), f = E || null;
   }), {
     registerObject: s,
     deregisterObject: c
   };
-}, G = O({}), 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, 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, l = n + o + c + s;
+      a += l;
+    }
+  }), a;
+}
+const W = B({}), Y = (e) => Object.assign(W.value, e);
+function mt({
   scene: e,
   canvas: a,
   windowSize: t,
   disableRender: r,
   rendererOptions: n
 }) {
-  const o = D(
-    () => h(t) ? je() : Fe(h(a).parentElement)
-  ), c = D(() => o.value.width.value), s = D(() => o.value.height.value), u = D(() => c.value / s.value), i = {
+  const o = b(
+    () => M(t) ? Ve() : Ge(M(a).parentElement)
+  ), c = b(() => o.value.width.value), s = b(() => o.value.height.value), l = b(() => c.value / s.value), i = {
     height: s,
     width: c,
-    aspectRatio: u
-  }, m = B(e), {
+    aspectRatio: l
+  }, p = L(e), {
     camera: f,
-    cameras: l,
-    registerCamera: d,
-    deregisterCamera: w,
-    setCameraActive: p
-  } = $e({ sizes: i, scene: e }), { renderer: g } = Qe(
+    cameras: u,
+    registerCamera: v,
+    deregisterCamera: E,
+    setCameraActive: m
+  } = Ye({ sizes: i, scene: e }), { renderer: w } = st(
     {
       scene: e,
       canvas: a,
@@ -410,42 +420,66 @@ function nt({
       contextParts: { sizes: i, camera: f },
       disableRender: r
     }
-  ), C = {
+  ), d = {
     sizes: i,
-    scene: m,
+    scene: p,
     camera: f,
-    cameras: ie(l),
-    renderer: g,
-    raycaster: B(new Le()),
-    controls: O(null),
-    extend: V,
-    registerCamera: d,
-    setCameraActive: p,
-    deregisterCamera: w
+    cameras: de(u),
+    renderer: w,
+    raycaster: L(new He()),
+    controls: B(null),
+    perf: {
+      maxFrames: 160,
+      fps: {
+        value: 0,
+        accumulator: []
+      },
+      memory: {
+        currentMem: 0,
+        allocatedMem: 0,
+        accumulator: []
+      }
+    },
+    extend: Y,
+    registerCamera: v,
+    setCameraActive: m,
+    deregisterCamera: E
   };
-  return z("useTres", C), C;
+  V("useTres", d);
+  const h = 100, P = We({ every: h }), { isSupported: A, memory: C } = Ue({ interval: h }), k = 160;
+  let g = performance.now();
+  const _ = ({ timestamp: O }) => {
+    d.scene.value && (d.perf.memory.allocatedMem = ft(d.scene.value)), O - g >= h && (g = O, d.perf.fps.accumulator.push(P.value), d.perf.fps.accumulator.length > k && d.perf.fps.accumulator.shift(), d.perf.fps.value = P.value, A.value && C.value && (d.perf.memory.accumulator.push(C.value.usedJSHeapSize / 1024 / 1024), d.perf.memory.accumulator.length > k && d.perf.memory.accumulator.shift(), d.perf.memory.currentMem = d.perf.memory.accumulator.reduce((fe, me) => fe + me, 0) / d.perf.memory.accumulator.length));
+  };
+  let N = 0;
+  const le = 1, { pause: ce, resume: Ct } = ne(({ delta: O }) => {
+    window.__TRES__DEVTOOLS__ && (_({ timestamp: performance.now() }), N += O, N >= le && (window.__TRES__DEVTOOLS__.cb(d), N = 0));
+  }, { immediate: !0 });
+  return $(() => {
+    ce();
+  }), d;
 }
-function at() {
-  const e = le("useTres");
+function pt() {
+  const e = ve("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Ct = at;
-let v = null;
-const { logError: Z } = T(), ot = {
+const Tt = pt;
+let y = null;
+const { logError: te } = x(), dt = {
   createElement(e, a, t, r) {
     var c, s;
-    if (r || (r = {}), r.args || (r.args = []), e === "template" || Ve(e))
+    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 u = r.object;
-      n = u.type, o = Object.assign(u, { type: n, attach: r.attach, primitive: !0 });
+      (r == null ? void 0 : r.object) === void 0 && te("Tres primitives need a prop 'object'");
+      const l = r.object;
+      n = l.type, o = Object.assign(l, { type: n, attach: r.attach, primitive: !0 });
     } else {
-      const u = G.value[n];
-      u || Z(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new u(...r.args);
+      const l = W.value[n];
+      l || te(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new l(...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,
@@ -454,18 +488,18 @@ const { logError: Z } = T(), ot = {
   },
   insert(e, a) {
     var r, n, o, c;
-    a && a.isScene && (v = a);
-    const t = a || v;
+    a && a.isScene && (y = a);
+    const t = a || y;
     if (e != null && e.isObject3D) {
       if (e != null && e.isCamera) {
-        if (!(v != null && v.userData.tres__registerCamera))
+        if (!(y != null && y.userData.tres__registerCamera))
           throw "could not find tres__registerCamera on scene's userData";
-        (n = v == null ? void 0 : (r = v.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 (!(v != null && v.userData.tres__registerAtPointerEventHandler))
+        if (!(y != null && y.userData.tres__registerAtPointerEventHandler))
           throw "could not find tres__registerAtPointerEventHandler on scene's userData";
-        (c = v == null ? void 0 : (o = v.userData).tres__registerAtPointerEventHandler) == null || c.call(o, e);
+        (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));
@@ -475,25 +509,25 @@ const { logError: Z } = T(), ot = {
     if (e) {
       if (e.isObject3D) {
         const r = e, n = (i) => {
-          var f, l;
-          const m = i;
-          i.userData.tres__materialViaProp || ((f = m.material) == null || f.dispose(), m.material = void 0), i.userData.tres__geometryViaProp || ((l = m.geometry) == null || l.dispose(), m.geometry = void 0);
-        }, o = v == null ? void 0 : v.userData.tres__deregisterAtPointerEventHandler, c = v == null ? void 0 : v.userData.tres__deregisterBlockingObjectAtPointerEventHandler, s = (i) => {
-          var m, f;
+          var f, u;
+          const p = i;
+          i.userData.tres__materialViaProp || ((f = p.material) == null || f.dispose(), p.material = void 0), i.userData.tres__geometryViaProp || ((u = p.geometry) == null || u.dispose(), p.geometry = void 0);
+        }, 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 = v == null ? void 0 : (m = v.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || f.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));
-        }, u = (i) => {
-          const m = v == null ? void 0 : v.userData.tres__deregisterCamera;
-          if (!m)
+        }, l = (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));
         };
         (a = e.removeFromParent) == null || a.call(e), r.traverse((i) => {
-          n(i), u(i), s == null || s(i);
-        }), n(r), u(r), s == null || s(r);
+          n(i), l(i), s == null || s(i);
+        }), n(r), l(r), s == null || s(r);
       }
       (t = e.dispose) == null || t.call(e);
     }
@@ -501,36 +535,36 @@ const { logError: Z } = T(), ot = {
   patchProp(e, a, t, r) {
     var n, o, c, s;
     if (e) {
-      let u = e, i = a;
+      let l = e, i = a;
       if (e.isObject3D && i === "blocks-pointer-events") {
-        r || r === "" ? (o = v == null ? void 0 : (n = v.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (s = v == null ? void 0 : (c = v.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || s.call(c, e);
+        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 m = S(i), f = u == null ? void 0 : u[m];
+      let p = R(i), f = l == null ? void 0 : l[p];
       if (i === "args") {
-        const d = e, w = t ?? [], p = r ?? [], g = e.userData.tres__name || e.type;
-        g && w.length && !Ke(w, p) && (u = Object.assign(d, new G.value[g](...r)));
+        const v = e, E = t ?? [], m = r ?? [], w = e.userData.tres__name || e.type;
+        w && E.length && !nt(E, m) && (l = Object.assign(v, new W.value[w](...r)));
         return;
       }
-      if (u.type === "BufferGeometry") {
+      if (l.type === "BufferGeometry") {
         if (i === "args")
           return;
-        u.setAttribute(
-          S(i),
-          new Be(...r)
+        l.setAttribute(
+          R(i),
+          new Fe(...r)
         );
         return;
       }
       if (i.includes("-") && f === void 0) {
-        const d = i.split("-");
-        f = d.reduce((w, p) => w[S(p)], u), i = d.pop(), m = i.toLowerCase(), f != null && f.set || (u = d.reduce((w, p) => w[S(p)], u));
+        const v = i.split("-");
+        f = v.reduce((E, m) => E[R(m)], l), i = v.pop(), p = i.toLowerCase(), f != null && f.set || (l = v.reduce((E, m) => E[R(m)], l));
       }
-      let l = r;
-      if (l === "" && (l = !0), Q(f)) {
-        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;
       }
-      !(f != null && f.set) && !Q(f) ? u[m] = 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);
+      !(f != null && f.set) && !ee(f) ? l[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 } = T(), ot = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: st } = ue(ot);
-V(ye);
-const it = ["data-scene"], lt = /* @__PURE__ */ q({
+}, { render: vt } = ge(dt);
+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 w;
-    const t = e, { logWarning: r } = T(), n = O(), o = B(new xe()), { resume: c } = ne(), s = ce(), u = (w = U()) == null ? void 0 : w.appContext.app, i = (p) => q({
+    var E;
+    const t = e, { logWarning: r } = x(), n = B(), o = L(new je()), { resume: c } = se(), s = ye(), l = (E = J()) == null ? void 0 : E.appContext.app, i = (m) => q({
       setup() {
-        var C;
-        const g = (C = U()) == null ? void 0 : C.appContext;
-        return g && (g.app = u), z("useTres", p), z("extend", V), () => J(ge, null, s != null && s.default ? s.default() : []);
+        var d;
+        const w = (d = J()) == null ? void 0 : d.appContext;
+        return w && (w.app = l), V("useTres", m), V("extend", Y), () => K(he, null, s != null && s.default ? s.default() : []);
       }
-    }), m = (p) => {
-      const g = i(p);
-      st(J(g), o.value);
-    }, f = (p, g = !1) => {
-      o.value.children = [], g && (p.renderer.value.dispose(), p.renderer.value.renderLists.dispose(), p.renderer.value.forceContextLoss()), m(p), c();
-    }, l = D(() => t.disableRender), d = B(null);
-    return a({ context: d, dispose: () => f(d.value, !0) }), fe(() => {
-      const p = n;
-      d.value = nt({
+    }), p = (m) => {
+      const w = i(m);
+      vt(K(w), o.value);
+    }, f = (m, w = !1) => {
+      o.value.children = [], w && (m.renderer.value.dispose(), m.renderer.value.renderLists.dispose(), m.renderer.value.forceContextLoss()), p(m), c();
+    }, u = b(() => t.disableRender), v = L(null);
+    return a({ context: v, dispose: () => f(v.value, !0) }), we(() => {
+      const m = n;
+      v.value = mt({
         scene: o.value,
-        canvas: p,
+        canvas: m,
         windowSize: t.windowSize,
-        disableRender: l,
+        disableRender: u,
         rendererOptions: t
-      }), rt({ scene: o.value, contextParts: d.value });
-      const { registerCamera: g, camera: C, cameras: k, deregisterCamera: M } = d.value;
-      m(d.value);
-      const _ = () => {
-        const P = new I(
+      }), ct({ scene: o.value, contextParts: v.value });
+      const { registerCamera: w, camera: d, cameras: h, deregisterCamera: P } = v.value;
+      p(v.value);
+      const A = () => {
+        const C = new G(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        P.position.set(3, 3, 3), P.lookAt(0, 0, 0), g(P);
-        const A = b(() => {
-          k.value.length >= 2 && (P.removeFromParent(), M(P), A == null || A());
+        C.position.set(3, 3, 3), C.lookAt(0, 0, 0), w(C);
+        const k = D(() => {
+          h.value.length >= 2 && (C.removeFromParent(), P(C), k == null || k());
         });
       };
-      ee(
+      re(
         () => t.camera,
-        (P, A) => {
-          P && g(P), A && (A.removeFromParent(), M(A));
+        (C, k) => {
+          C && w(C), k && (k.removeFromParent(), P(k));
         },
         {
           immediate: !0
         }
-      ), C.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."
-      ), _());
-    }), (p, g) => (pe(), me("canvas", {
+      ), A());
+    }), (m, w) => (Ee(), Ce("canvas", {
       ref_key: "canvas",
       ref: n,
       "data-scene": o.value.uuid,
-      class: de(p.$attrs.class),
-      style: ve({
+      class: _e(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, St = {
   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,
-  T 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,
+  St 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,
+  x 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.2
+ * version: v3.6.0
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-(function(y,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):(y=typeof globalThis<"u"?globalThis:y||self,u(y.tres={},y.Vue,y.Three,y.VueUseCore))})(this,function(y,u,_,w){"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(_),G=({sizes:e,scene:a})=>{const t=u.ref([]),r=u.computed(()=>t.value[0]),n=(s,c=!1)=>{t.value.some(({uuid:i})=>i===s.uuid)||(c?f(s):t.value.push(s))},o=s=>{t.value=t.value.filter(({uuid:c})=>c!==s.uuid)},f=s=>{const c=s instanceof _.Camera?s:t.value.find(p=>p.uuid===s);if(!c)return;const i=t.value.filter(({uuid:p})=>p!==c.uuid);t.value=[c,...i]};return u.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(s=>{s instanceof _.PerspectiveCamera&&(s.aspect=e.aspectRatio.value),(s instanceof _.PerspectiveCamera||s instanceof _.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:f}},R=w.createEventHook(),I=w.createEventHook(),F=w.createEventHook(),S=new _.Clock;let x=0,E=0;const{pause:se,resume:ie,isActive:le}=w.useRafFn(()=>{R.trigger({delta:x,elapsed:E,clock:S}),I.trigger({delta:x,elapsed:E,clock:S}),F.trigger({delta:x,elapsed:E,clock:S})},{immediate:!1});F.on(()=>{x=S.getDelta(),E=S.getElapsedTime()});const $=()=>({onBeforeLoop:R.on,onLoop:I.on,onAfterLoop:F.on,pause:se,resume:ie,isActive:le}),ue=!0,W="[TresJS ▲ ■ ●] ";function B(){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 _.Vector3?[e.x,e.y,e.z]:e}function N(e){return e instanceof _.Color?e:Array.isArray(e)?new _.Color(...e):new _.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 V(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,f)=>(n[o]===void 0&&(n[o]={}),f===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:f,value:s})=>a.getAttribute(f)===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(_.REVISION.replace("dev","")),T={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:_.SRGBColorSpace,toneMapping:_.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:_.PCFSoftShadowMap}}};function K({scene:e,canvas:a,options:t,disableRender:r,contextParts:{sizes:n,camera:o}}){const f=u.computed(()=>({alpha:w.toValue(t.alpha),depth:w.toValue(t.depth),canvas:w.unrefElement(a),context:w.toValue(t.context),stencil:w.toValue(t.stencil),antialias:w.toValue(t.antialias)===void 0?!0:w.toValue(t.antialias),precision:w.toValue(t.precision),powerPreference:w.toValue(t.powerPreference),premultipliedAlpha:w.toValue(t.premultipliedAlpha),preserveDrawingBuffer:w.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:w.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:w.toValue(t.failIfMajorPerformanceCaveat)})),s=u.shallowRef(new _.WebGLRenderer(f.value));u.watch(f,()=>{s.value.dispose(),s.value=new _.WebGLRenderer(f.value)}),u.watchEffect(()=>{s.value.setSize(n.width.value,n.height.value)});const{pixelRatio:c}=w.useDevicePixelRatio();u.watchEffect(()=>{s.value.setPixelRatio(c.value)});const{logError:i}=B(),d=(()=>{const m=new _.WebGLRenderer,C={shadowMap:{enabled:m.shadowMap.enabled,type:m.shadowMap.type},toneMapping:m.toneMapping,toneMappingExposure:m.toneMappingExposure,outputColorSpace:m.outputColorSpace};return m.dispose(),C})();u.watchEffect(()=>{const m=w.toValue(t.preset);m&&(m in T||i(`Renderer Preset must be one of these: ${Object.keys(T).join(", ")}`),q(s.value,T[m]));const C=(D,b)=>{const A=w.toValue(D),L=()=>{if(m)return H(T[m],b)};if(A!==void 0)return A;const h=L();return h!==void 0?h:H(d,b)},M=(D,b)=>pe(s.value,b,C(D,b));M(t.shadows,"shadowMap.enabled"),M(t.toneMapping,"toneMapping"),M(t.shadowMapType,"shadowMap.type"),ye<150&&M(!t.useLegacyLights,"physicallyCorrectLights"),M(t.outputColorSpace,"outputColorSpace"),M(t.toneMappingExposure,"toneMappingExposure");const O=C(t.clearColor,"clearColor");O&&s.value.setClearColor(O?N(O):new _.Color(0))});const{pause:l,resume:v,onLoop:P}=$();return P(()=>{o.value&&!w.toValue(r)&&s.value.render(e,o.value)}),v(),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}=B(),f=new e;n&&n(f),t&&t(f);const c=(Array.isArray(a)?a:[a]).map(i=>new Promise((p,d)=>{f.load(i,l=>{l.scene&&Object.assign(l,Y(l.scene)),p(l)},r,l=>d(o("[useLoader] - Failed to load resource",l)))}));return we(a)?await Promise.all(c):await c[0]}async function he(e){const a=new _.LoadingManager,t=new _.TextureLoader(a),r=n=>new Promise((o,f)=>{t.load(n,s=>o(s),()=>null,()=>{f(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:f,roughnessMap:s,metalnessMap:c,aoMap:i,alphaMap:p,matcap:d}=e;return{map:n?await r(n):null,displacementMap:o?await r(o):null,normalMap:f?await r(f):null,roughnessMap:s?await r(s):null,metalnessMap:c?await r(c):null,aoMap:i?await r(i):null,alphaMap:p?await r(p):null,matcap:d?await r(d):null}}}const Q=(e,{renderer:a,camera:t,raycaster:r})=>{const n=u.computed(()=>a.value.domElement),{x:o,y:f}=w.usePointer({target:n}),{width:s,height:c,top:i,left:p}=w.useElementBounding(n),d=({x:h,y:k})=>{if(n.value)return{x:(h-p.value)/s.value*2-1,y:-((k-i.value)/c.value)*2+1}},l=({x:h,y:k})=>{if(t.value)return r.value.setFromCamera(new _.Vector2(h,k),t.value),r.value.intersectObjects(e.value,!1)},v=h=>{const k=d({x:(h==null?void 0:h.clientX)??o.value,y:(h==null?void 0:h.clientY)??f.value});return k?l(k)||[]:[]},P=u.computed(()=>v()),m=w.createEventHook(),C=w.createEventHook(),M=(h,k)=>{h.trigger({event:k,intersects:v(k)})},O=h=>{M(C,h)};let D;const b=h=>{var k;D=(k=v(h)[0])==null?void 0:k.object},A=h=>{var k;h instanceof PointerEvent&&D===((k=v(h)[0])==null?void 0:k.object)&&M(m,h)},L=h=>C.trigger({event:h,intersects:[]});return n.value.addEventListener("pointerup",A),n.value.addEventListener("pointerdown",b),n.value.addEventListener("pointermove",O),n.value.addEventListener("pointerleave",L),u.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",A),n.value.removeEventListener("pointerdown",b),n.value.removeEventListener("pointermove",O),n.value.removeEventListener("pointerleave",L))}),{intersects:P,onClick:h=>m.on(h).off,onPointerMove:h=>C.on(h).off}};function Pe(){const{logWarning:e}=B();function a(o,f,s){let c=null;return o.traverse(i=>{i[f]===s&&(c=i)}),c||e(`Child with ${f} '${s}' not found.`),c}function t(o,f,s){const c=[];return o.traverse(i=>{i[f].includes(s)&&c.push(i)}),c.length||e(`Children with ${f} '${s}' not found.`),c}function r(o,f){return a(o,"name",f)}function n(o,f){return t(o,"name",f)}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)},f=l=>{Object.values(t).forEach(v=>v.delete(l)),o(l)},s=l=>{const{onClick:v,onPointerMove:P,onPointerEnter:m,onPointerLeave:C}=l;v&&t.click.set(l,v),P&&t.pointerMove.set(l,P),m&&t.pointerEnter.set(l,m),C&&t.pointerLeave.set(l,C)};e.userData.tres__registerAtPointerEventHandler=s,e.userData.tres__deregisterAtPointerEventHandler=f,e.userData.tres__registerBlockingObjectAtPointerEventHandler=n,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const c=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(c,a);i(({intersects:l,event:v})=>{var P;l.length&&((P=t.click.get(l[0].object))==null||P(l[0],v))});let d;return p(({intersects:l,event:v})=>{var O,D,b,A;const P=(O=l==null?void 0:l[0])==null?void 0:O.object,{pointerLeave:m,pointerEnter:C,pointerMove:M}=t;d&&d!==P&&((D=m.get(d))==null||D(d,v)),P&&(d!==P&&((b=C.get(P))==null||b(l[0],v)),(A=M.get(P))==null||A(l[0],v)),d=P||null}),{registerObject:s,deregisterObject:f}},j=u.ref({}),z=e=>Object.assign(j.value,e);function ee({scene:e,canvas:a,windowSize:t,disableRender:r,rendererOptions:n}){const o=u.computed(()=>w.toValue(t)?w.useWindowSize():w.useElementSize(w.toValue(a).parentElement)),f=u.computed(()=>o.value.width.value),s=u.computed(()=>o.value.height.value),c=u.computed(()=>f.value/s.value),i={height:s,width:f,aspectRatio:c},p=u.shallowRef(e),{camera:d,cameras:l,registerCamera:v,deregisterCamera:P,setCameraActive:m}=G({sizes:i,scene:e}),{renderer:C}=K({scene:e,canvas:a,options:n,contextParts:{sizes:i,camera:d},disableRender:r}),M={sizes:i,scene:p,camera:d,cameras:u.readonly(l),renderer:C,raycaster:u.shallowRef(new _.Raycaster),controls:u.ref(null),extend:z,registerCamera:v,setCameraActive:m,deregisterCamera:P};return u.provide("useTres",M),M}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 g=null;const{logError:re}=B(),Me={createElement(e,a,t,r){var f,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 c=r.object;n=c.type,o=Object.assign(c,{type:n,attach:r.attach,primitive:!0})}else{const c=j.value[n];c||re(`${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&&((f=r==null?void 0:r.material)!=null&&f.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,f;a&&a.isScene&&(g=a);const t=a||g;if(e!=null&&e.isObject3D){if(e!=null&&e.isCamera){if(!(g!=null&&g.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)}if(e!=null&&e.onClick||e!=null&&e.onPointerMove||e!=null&&e.onPointerEnter||e!=null&&e.onPointerLeave){if(!(g!=null&&g.userData.tres__registerAtPointerEventHandler))throw"could not find tres__registerAtPointerEventHandler on scene's userData";(f=g==null?void 0:(o=g.userData).tres__registerAtPointerEventHandler)==null||f.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 d,l;const p=i;i.userData.tres__materialViaProp||((d=p.material)==null||d.dispose(),p.material=void 0),i.userData.tres__geometryViaProp||((l=p.geometry)==null||l.dispose(),p.geometry=void 0)},o=g==null?void 0:g.userData.tres__deregisterAtPointerEventHandler,f=g==null?void 0:g.userData.tres__deregisterBlockingObjectAtPointerEventHandler,s=i=>{var p,d;if(!f)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((d=g==null?void 0:(p=g.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||d.call(p,i),!o)throw"could not find tres__deregisterAtPointerEventHandler on scene's userData";(i!=null&&i.onClick||i!=null&&i.onPointerMove||i!=null&&i.onPointerEnter||i!=null&&i.onPointerLeave)&&(o==null||o(i))},c=i=>{const p=g==null?void 0:g.userData.tres__deregisterCamera;if(!p)throw"could not find tres__deregisterCamera on scene's userData";i.isCamera&&(p==null||p(i))};(a=e.removeFromParent)==null||a.call(e),r.traverse(i=>{n(i),c(i),s==null||s(i)}),n(r),c(r),s==null||s(r)}(t=e.dispose)==null||t.call(e)}},patchProp(e,a,t,r){var n,o,f,s;if(e){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:(f=g.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||s.call(f,e);return}let p=V(i),d=c==null?void 0:c[p];if(i==="args"){const v=e,P=t??[],m=r??[],C=e.userData.tres__name||e.type;C&&P.length&&!ge(P,m)&&(c=Object.assign(v,new j.value[C](...r)));return}if(c.type==="BufferGeometry"){if(i==="args")return;c.setAttribute(V(i),new _.BufferAttribute(...r));return}if(i.includes("-")&&d===void 0){const v=i.split("-");d=v.reduce((P,m)=>P[V(m)],c),i=v.pop(),p=i.toLowerCase(),d!=null&&d.set||(c=v.reduce((P,m)=>P[V(m)],c))}let l=r;if(l===""&&(l=!0),X(d)){Array.isArray(l)?e[p](...l):e[p](l);return}!(d!=null&&d.set)&&!X(d)?c[p]=l:d.constructor===l.constructor&&(d!=null&&d.copy)?d==null||d.copy(l):Array.isArray(l)?d.set(...l):!d.isColor&&d.setScalar?d.setScalar(l):d.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);z(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 P;const t=e,{logWarning:r}=B(),n=u.ref(),o=u.shallowRef(new _.Scene),{resume:f}=$(),s=u.useSlots(),c=(P=u.getCurrentInstance())==null?void 0:P.appContext.app,i=m=>u.defineComponent({setup(){var M;const C=(M=u.getCurrentInstance())==null?void 0:M.appContext;return C&&(C.app=c),u.provide("useTres",m),u.provide("extend",z),()=>u.h(u.Fragment,null,s!=null&&s.default?s.default():[])}}),p=m=>{const C=i(m);Ae(u.h(C),o.value)},d=(m,C=!1)=>{o.value.children=[],C&&(m.renderer.value.dispose(),m.renderer.value.renderLists.dispose(),m.renderer.value.forceContextLoss()),p(m),f()},l=u.computed(()=>t.disableRender),v=u.shallowRef(null);return a({context:v,dispose:()=>d(v.value,!0)}),u.onMounted(()=>{const m=n;v.value=ee({scene:o.value,canvas:m,windowSize:t.windowSize,disableRender:l,rendererOptions:t}),Z({scene:o.value,contextParts:v.value});const{registerCamera:C,camera:M,cameras:O,deregisterCamera:D}=v.value;p(v.value);const b=()=>{const A=new _.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);A.position.set(3,3,3),A.lookAt(0,0,0),C(A);const L=u.watchEffect(()=>{O.value.length>=2&&(A.removeFromParent(),D(A),L==null||L())})};u.watch(()=>t.camera,(A,L)=>{A&&C(A),L&&(L.removeFromParent(),D(L))},{immediate:!0}),M.value||(r("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),b())}),(m,C)=>(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"}}},Le={install(e){e.component("TresCanvas",ne)}};y.TresCanvas=ne,y.catalogue=j,y.default=Le,y.extend=z,y.isProd=ue,y.normalizeColor=N,y.normalizeVectorFlexibleParam=ce,y.templateCompilerOptions=De,y.trasverseObjects=Y,y.useCamera=G,y.useLoader=Ce,y.useLogger=B,y.usePointerEventHandler=Z,y.useRaycaster=Q,y.useRenderLoop=$,y.useRenderer=K,y.useSeek=Pe,y.useTexture=he,y.useTres=_e,y.useTresContext=te,y.useTresContextProvider=ee,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,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):(h=typeof globalThis<"u"?globalThis:h||self,u(h.tres={},h.Vue,h.Three,h.VueUseCore))})(this,function(h,u,M,v){"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(M),G=({sizes:e,scene:a})=>{const t=u.ref([]),r=u.computed(()=>t.value[0]),n=(s,c=!1)=>{t.value.some(({uuid:i})=>i===s.uuid)||(c?f(s):t.value.push(s))},o=s=>{t.value=t.value.filter(({uuid:c})=>c!==s.uuid)},f=s=>{const c=s instanceof M.Camera?s:t.value.find(p=>p.uuid===s);if(!c)return;const i=t.value.filter(({uuid:p})=>p!==c.uuid);t.value=[c,...i]};return u.watchEffect(()=>{e.aspectRatio.value&&t.value.forEach(s=>{s instanceof M.PerspectiveCamera&&(s.aspect=e.aspectRatio.value),(s instanceof M.PerspectiveCamera||s instanceof M.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:f}},I=v.createEventHook(),W=v.createEventHook(),z=v.createEventHook(),E=new M.Clock;let B=0,T=0;const{pause:le,resume:ue,isActive:ce}=v.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 M.Vector3?[e.x,e.y,e.z]:e}function q(e){return e instanceof M.Color?e:Array.isArray(e)?new M.Color(...e):new M.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,f)=>(n[o]===void 0&&(n[o]={}),f===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:f,value:s})=>a.getAttribute(f)===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(M.REVISION.replace("dev","")),V={realistic:{shadows:!0,physicallyCorrectLights:!0,outputColorSpace:M.SRGBColorSpace,toneMapping:M.ACESFilmicToneMapping,toneMappingExposure:3,shadowMap:{enabled:!0,type:M.PCFSoftShadowMap}}};function X({scene:e,canvas:a,options:t,disableRender:r,contextParts:{sizes:n,camera:o}}){const f=u.computed(()=>({alpha:v.toValue(t.alpha),depth:v.toValue(t.depth),canvas:v.unrefElement(a),context:v.toValue(t.context),stencil:v.toValue(t.stencil),antialias:v.toValue(t.antialias)===void 0?!0:v.toValue(t.antialias),precision:v.toValue(t.precision),powerPreference:v.toValue(t.powerPreference),premultipliedAlpha:v.toValue(t.premultipliedAlpha),preserveDrawingBuffer:v.toValue(t.preserveDrawingBuffer),logarithmicDepthBuffer:v.toValue(t.logarithmicDepthBuffer),failIfMajorPerformanceCaveat:v.toValue(t.failIfMajorPerformanceCaveat)})),s=u.shallowRef(new M.WebGLRenderer(f.value));u.watch(f,()=>{s.value.dispose(),s.value=new M.WebGLRenderer(f.value)}),u.watchEffect(()=>{s.value.setSize(n.width.value,n.height.value)});const{pixelRatio:c}=v.useDevicePixelRatio();u.watchEffect(()=>{s.value.setPixelRatio(c.value)});const{logError:i}=S(),m=(()=>{const d=new M.WebGLRenderer,_={shadowMap:{enabled:d.shadowMap.enabled,type:d.shadowMap.type},toneMapping:d.toneMapping,toneMappingExposure:d.toneMappingExposure,outputColorSpace:d.outputColorSpace};return d.dispose(),_})();u.watchEffect(()=>{const d=v.toValue(t.preset);d&&(d in V||i(`Renderer Preset must be one of these: ${Object.keys(V).join(", ")}`),Y(s.value,V[d]));const _=(L,D)=>{const A=v.toValue(L),O=()=>{if(d)return J(V[d],D)};if(A!==void 0)return A;const C=O();return C!==void 0?C:J(m,D)},g=(L,D)=>ve(s.value,D,_(L,D));g(t.shadows,"shadowMap.enabled"),g(t.toneMapping,"toneMapping"),g(t.shadowMapType,"shadowMap.type"),Ce<150&&g(!t.useLegacyLights,"physicallyCorrectLights"),g(t.outputColorSpace,"outputColorSpace"),g(t.toneMappingExposure,"toneMappingExposure");const k=_(t.clearColor,"clearColor");k&&s.value.setClearColor(k?q(k):new M.Color(0))});const{pause:l,resume:w,onLoop:P}=N();return P(()=>{o.value&&!v.toValue(r)&&s.value.render(e,o.value)}),w(),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(),f=new e;n&&n(f),t&&t(f);const c=(Array.isArray(a)?a:[a]).map(i=>new Promise((p,m)=>{f.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(c):await c[0]}async function Pe(e){const a=new M.LoadingManager,t=new M.TextureLoader(a),r=n=>new Promise((o,f)=>{t.load(n,s=>o(s),()=>null,()=>{f(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:f,roughnessMap:s,metalnessMap:c,aoMap:i,alphaMap:p,matcap:m}=e;return{map:n?await r(n):null,displacementMap:o?await r(o):null,normalMap:f?await r(f):null,roughnessMap:s?await r(s):null,metalnessMap:c?await r(c):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:f}=v.usePointer({target:n}),{width:s,height:c,top:i,left:p}=v.useElementBounding(n),m=({x:C,y:b})=>{if(n.value)return{x:(C-p.value)/s.value*2-1,y:-((b-i.value)/c.value)*2+1}},l=({x:C,y:b})=>{if(t.value)return r.value.setFromCamera(new M.Vector2(C,b),t.value),r.value.intersectObjects(e.value,!1)},w=C=>{const b=m({x:(C==null?void 0:C.clientX)??o.value,y:(C==null?void 0:C.clientY)??f.value});return b?l(b)||[]:[]},P=u.computed(()=>w()),d=v.createEventHook(),_=v.createEventHook(),g=(C,b)=>{C.trigger({event:b,intersects:w(b)})},k=C=>{g(_,C)};let L;const D=C=>{var b;L=(b=w(C)[0])==null?void 0:b.object},A=C=>{var b;C instanceof PointerEvent&&L===((b=w(C)[0])==null?void 0:b.object)&&g(d,C)},O=C=>_.trigger({event:C,intersects:[]});return n.value.addEventListener("pointerup",A),n.value.addEventListener("pointerdown",D),n.value.addEventListener("pointermove",k),n.value.addEventListener("pointerleave",O),u.onUnmounted(()=>{n!=null&&n.value&&(n.value.removeEventListener("pointerup",A),n.value.removeEventListener("pointerdown",D),n.value.removeEventListener("pointermove",k),n.value.removeEventListener("pointerleave",O))}),{intersects:P,onClick:C=>d.on(C).off,onPointerMove:C=>_.on(C).off}};function Me(){const{logWarning:e}=S();function a(o,f,s){let c=null;return o.traverse(i=>{i[f]===s&&(c=i)}),c||e(`Child with ${f} '${s}' not found.`),c}function t(o,f,s){const c=[];return o.traverse(i=>{i[f].includes(s)&&c.push(i)}),c.length||e(`Children with ${f} '${s}' not found.`),c}function r(o,f){return a(o,"name",f)}function n(o,f){return t(o,"name",f)}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)},f=l=>{Object.values(t).forEach(w=>w.delete(l)),o(l)},s=l=>{const{onClick:w,onPointerMove:P,onPointerEnter:d,onPointerLeave:_}=l;w&&t.click.set(l,w),P&&t.pointerMove.set(l,P),d&&t.pointerEnter.set(l,d),_&&t.pointerLeave.set(l,_)};e.userData.tres__registerAtPointerEventHandler=s,e.userData.tres__deregisterAtPointerEventHandler=f,e.userData.tres__registerBlockingObjectAtPointerEventHandler=n,e.userData.tres__deregisterBlockingObjectAtPointerEventHandler=o;const c=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(c,a);i(({intersects:l,event:w})=>{var P;l.length&&((P=t.click.get(l[0].object))==null||P(l[0],w))});let m;return p(({intersects:l,event:w})=>{var k,L,D,A;const P=(k=l==null?void 0:l[0])==null?void 0:k.object,{pointerLeave:d,pointerEnter:_,pointerMove:g}=t;m&&m!==P&&((L=d.get(m))==null||L(m,w)),P&&(m!==P&&((D=_.get(P))==null||D(l[0],w)),(A=g.get(P))==null||A(l[0],w)),m=P||null}),{registerObject:s,deregisterObject:f}};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,f=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+f+s;a+=c}}),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(()=>v.toValue(t)?v.useWindowSize():v.useElementSize(v.toValue(a).parentElement)),f=u.computed(()=>o.value.width.value),s=u.computed(()=>o.value.height.value),c=u.computed(()=>f.value/s.value),i={height:s,width:f,aspectRatio:c},p=u.shallowRef(e),{camera:m,cameras:l,registerCamera:w,deregisterCamera:P,setCameraActive:d}=G({sizes:i,scene:e}),{renderer:_}=X({scene:e,canvas:a,options:n,contextParts:{sizes:i,camera:m},disableRender:r}),g={sizes:i,scene:p,camera:m,cameras:u.readonly(l),renderer:_,raycaster:u.shallowRef(new M.Raycaster),controls:u.ref(null),perf:{maxFrames:160,fps:{value:0,accumulator:[]},memory:{currentMem:0,allocatedMem:0,accumulator:[]}},extend:F,registerCamera:w,setCameraActive:d,deregisterCamera:P};u.provide("useTres",g);const k=100,L=v.useFps({every:k}),{isSupported:D,memory:A}=v.useMemory({interval:k}),O=160;let C=performance.now();const b=({timestamp:R})=>{g.scene.value&&(g.perf.memory.allocatedMem=Ae(g.scene.value)),R-C>=k&&(C=R,g.perf.fps.accumulator.push(L.value),g.perf.fps.accumulator.length>O&&g.perf.fps.accumulator.shift(),g.perf.fps.value=L.value,D.value&&A.value&&(g.perf.memory.accumulator.push(A.value.usedJSHeapSize/1024/1024),g.perf.memory.accumulator.length>O&&g.perf.memory.accumulator.shift(),g.perf.memory.currentMem=g.perf.memory.accumulator.reduce((xe,Ve)=>xe+Ve,0)/g.perf.memory.accumulator.length))};let $=0;const Be=1,{pause:Te,resume:ze}=v.useRafFn(({delta:R})=>{window.__TRES__DEVTOOLS__&&(b({timestamp:performance.now()}),$+=R,$>=Be&&(window.__TRES__DEVTOOLS__.cb(g),$=0))},{immediate:!0});return u.onUnmounted(()=>{Te()}),g}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 y=null;const{logError:ae}=S(),ke={createElement(e,a,t,r){var f,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 c=r.object;n=c.type,o=Object.assign(c,{type:n,attach:r.attach,primitive:!0})}else{const c=j.value[n];c||ae(`${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&&((f=r==null?void 0:r.material)!=null&&f.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,f;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";(f=y==null?void 0:(o=y.userData).tres__registerAtPointerEventHandler)==null||f.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(),p.material=void 0),i.userData.tres__geometryViaProp||((l=p.geometry)==null||l.dispose(),p.geometry=void 0)},o=y==null?void 0:y.userData.tres__deregisterAtPointerEventHandler,f=y==null?void 0:y.userData.tres__deregisterBlockingObjectAtPointerEventHandler,s=i=>{var p,m;if(!f)throw"could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";if((m=y==null?void 0:(p=y.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))},c=i=>{const p=y==null?void 0:y.userData.tres__deregisterCamera;if(!p)throw"could not find tres__deregisterCamera on scene's userData";i.isCamera&&(p==null||p(i))};(a=e.removeFromParent)==null||a.call(e),r.traverse(i=>{n(i),c(i),s==null||s(i)}),n(r),c(r),s==null||s(r)}(t=e.dispose)==null||t.call(e)}},patchProp(e,a,t,r){var n,o,f,s;if(e){let c=e,i=a;if(e.isObject3D&&i==="blocks-pointer-events"){r||r===""?(o=y==null?void 0:(n=y.userData).tres__registerBlockingObjectAtPointerEventHandler)==null||o.call(n,e):(s=y==null?void 0:(f=y.userData).tres__deregisterBlockingObjectAtPointerEventHandler)==null||s.call(f,e);return}let p=x(i),m=c==null?void 0:c[p];if(i==="args"){const w=e,P=t??[],d=r??[],_=e.userData.tres__name||e.type;_&&P.length&&!ye(P,d)&&(c=Object.assign(w,new j.value[_](...r)));return}if(c.type==="BufferGeometry"){if(i==="args")return;c.setAttribute(x(i),new M.BufferAttribute(...r));return}if(i.includes("-")&&m===void 0){const w=i.split("-");m=w.reduce((P,d)=>P[x(d)],c),i=w.pop(),p=i.toLowerCase(),m!=null&&m.set||(c=w.reduce((P,d)=>P[x(d)],c))}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)?c[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 P;const t=e,{logWarning:r}=S(),n=u.ref(),o=u.shallowRef(new M.Scene),{resume:f}=N(),s=u.useSlots(),c=(P=u.getCurrentInstance())==null?void 0:P.appContext.app,i=d=>u.defineComponent({setup(){var g;const _=(g=u.getCurrentInstance())==null?void 0:g.appContext;return _&&(_.app=c),u.provide("useTres",d),u.provide("extend",F),()=>u.h(u.Fragment,null,s!=null&&s.default?s.default():[])}}),p=d=>{const _=i(d);Le(u.h(_),o.value)},m=(d,_=!1)=>{o.value.children=[],_&&(d.renderer.value.dispose(),d.renderer.value.renderLists.dispose(),d.renderer.value.forceContextLoss()),p(d),f()},l=u.computed(()=>t.disableRender),w=u.shallowRef(null);return a({context:w,dispose:()=>m(w.value,!0)}),u.onMounted(()=>{const d=n;w.value=re({scene:o.value,canvas:d,windowSize:t.windowSize,disableRender:l,rendererOptions:t}),te({scene:o.value,contextParts:w.value});const{registerCamera:_,camera:g,cameras:k,deregisterCamera:L}=w.value;p(w.value);const D=()=>{const A=new M.PerspectiveCamera(45,window.innerWidth/window.innerHeight,.1,1e3);A.position.set(3,3,3),A.lookAt(0,0,0),_(A);const O=u.watchEffect(()=>{k.value.length>=2&&(A.removeFromParent(),L(A),O==null||O())})};u.watch(()=>t.camera,(A,O)=>{A&&_(A),O&&(O.removeFromParent(),L(O))},{immediate:!0}),g.value||(r("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."),D())}),(d,_)=>(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)}};h.TresCanvas=oe,h.catalogue=j,h.default=Ee,h.extend=F,h.isProd=fe,h.normalizeColor=q,h.normalizeVectorFlexibleParam=me,h.templateCompilerOptions=Se,h.trasverseObjects=Z,h.useCamera=G,h.useLoader=_e,h.useLogger=S,h.usePointerEventHandler=te,h.useRaycaster=ee,h.useRenderLoop=N,h.useRenderer=X,h.useSeek=Me,h.useTexture=Pe,h.useTres=be,h.useTresContext=ne,h.useTresContextProvider=re,Object.defineProperties(h,{__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.2",
+  "version": "3.6.0",
   "packageManager": "pnpm@8.10.2",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",