@tresjs/core 3.1.0-next.2 → 3.1.0

package/dist/tres.js

@@ -1,523 +1,513 @@
 /**
  * name: @tresjs/core
- * version: v3.1.0-next.2
+ * version: v3.1.0
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { computed as M, ref as H, watchEffect as O, triggerRef as z, shallowRef as N, watch as V, onUnmounted as ue, watchPostEffect as le, reactive as ce, readonly as fe, provide as ee, inject as me, createRenderer as pe, defineComponent as q, useSlots as ve, h as U, Fragment as ge, openBlock as de, createElementBlock as ye, normalizeStyle as we } from "vue";
-import * as Ce from "three";
-import { PerspectiveCamera as W, OrthographicCamera as Pe, Camera as Me, Clock as _e, SRGBColorSpace as Ee, ACESFilmicToneMapping as Le, PCFSoftShadowMap as xe, Vector3 as Ae, Color as B, WebGLRenderer as j, LoadingManager as he, TextureLoader as De, Vector2 as ke, Raycaster as Te, BufferAttribute as be, Scene as Se } from "three";
-import { createEventHook as D, useRafFn as Oe, toValue as d, unrefElement as Be, useDevicePixelRatio as Re, usePointer as Fe, useElementBounding as ze, useWindowSize as He, useElementSize as je } from "@vueuse/core";
-const Ge = ({ sizes: e, scene: n }) => {
-  var i, l;
-  const r = M(() => n.value.children.filter((u) => u.isCamera)), a = H(((l = (i = r.value) == null ? void 0 : i[0]) == null ? void 0 : l.uuid) ?? ""), t = M(
-    () => r.value.find((u) => u.uuid === a.value) ?? r.value.at(0)
-  ), s = (u, c = !1) => {
-    r.value.some(({ uuid: p }) => p === u.uuid) || (n.value.add(u), z(n), c && o(u));
-  }, f = (u) => {
-    n.value.remove(u), z(n);
-  }, o = (u) => {
-    const c = u instanceof Me ? u.uuid : u;
-    c && (a.value = c);
+import { ref as H, computed as _, watchEffect as L, onUnmounted as N, shallowRef as z, watch as ee, reactive as ie, readonly as ue, provide as I, inject as le, createRenderer as ce, defineComponent as U, useSlots as fe, onMounted as me, openBlock as pe, createElementBlock as ve, normalizeStyle as de, h as J, Fragment as ge } from "vue";
+import * as ye from "three";
+import { PerspectiveCamera as V, OrthographicCamera as we, Camera as Ce, Clock as Pe, SRGBColorSpace as Me, ACESFilmicToneMapping as _e, PCFSoftShadowMap as Ee, Vector3 as xe, Color as B, REVISION as Ae, WebGLRenderer as j, LoadingManager as De, TextureLoader as Le, Vector2 as he, Raycaster as ke, BufferAttribute as Te, Scene as be } from "three";
+import { createEventHook as k, useRafFn as Se, toValue as w, unrefElement as Oe, useDevicePixelRatio as Be, usePointer as Re, useElementBounding as Fe, useWindowSize as ze, useElementSize as He } from "@vueuse/core";
+const je = ({ sizes: e, scene: n }) => {
+  const t = H([]), a = _(
+    () => t.value[0]
+  ), r = (o, s = !1) => {
+    t.value.some(({ uuid: u }) => u === o.uuid) || (s ? l(o) : t.value.push(o));
+  }, i = (o) => {
+    t.value = t.value.filter(({ uuid: s }) => s !== o.uuid);
+  }, l = (o) => {
+    const s = o instanceof Ce ? o : t.value.find((c) => c.uuid === o);
+    if (!s)
+      return;
+    const u = t.value.filter(({ uuid: c }) => c !== s.uuid);
+    t.value = [s, ...u];
   };
-  return O(() => {
-    e.aspectRatio.value && r.value.forEach((u) => {
-      u instanceof W && (u.aspect = e.aspectRatio.value), (u instanceof W || u instanceof Pe) && u.updateProjectionMatrix();
+  return L(() => {
+    e.aspectRatio.value && t.value.forEach((o) => {
+      o instanceof V && (o.aspect = e.aspectRatio.value), (o instanceof V || o instanceof we) && o.updateProjectionMatrix();
     });
-  }), n.value.userData.tres__registerCamera = s, n.value.userData.tres__deregisterCamera = f, {
-    camera: t,
-    cameras: r,
-    addCamera: s,
-    removeCamera: f,
-    setCameraActive: o
+  }), n.userData.tres__registerCamera = r, n.userData.tres__deregisterCamera = i, N(() => {
+    t.value = [];
+  }), {
+    camera: a,
+    cameras: t,
+    addCamera: r,
+    removeCamera: i,
+    setCameraActive: l
   };
-}, te = D(), re = D(), I = D(), h = new _e();
+}, te = k(), re = k(), $ = k(), h = new Pe();
 let R = 0, F = 0;
-const { pause: Ve, resume: We, isActive: $e } = Oe(
+const { pause: Ge, resume: Ie, isActive: Ve } = Se(
   () => {
-    te.trigger({ delta: R, elapsed: F, clock: h }), re.trigger({ delta: R, elapsed: F, clock: h }), I.trigger({ delta: R, elapsed: F, clock: h });
+    te.trigger({ delta: R, elapsed: F, clock: h }), re.trigger({ delta: R, elapsed: F, clock: h }), $.trigger({ delta: R, elapsed: F, clock: h });
   },
   { immediate: !1 }
 );
-I.on(() => {
+$.on(() => {
   R = h.getDelta(), F = h.getElapsedTime();
 });
 const ne = () => ({
   onBeforeLoop: te.on,
   onLoop: re.on,
-  onAfterLoop: I.on,
-  pause: Ve,
-  resume: We,
-  isActive: $e
-}), b = {
+  onAfterLoop: $.on,
+  pause: Ge,
+  resume: Ie,
+  isActive: Ve
+}), S = {
   realistic: {
-    outputColorSpace: Ee,
-    toneMapping: Le,
+    outputColorSpace: Me,
+    toneMapping: _e,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: xe
+      type: Ee
     }
   }
 }, ae = (e, n) => {
-  for (const r of Object.keys(n))
-    n[r] instanceof Object && Object.assign(n[r], ae(e[r], n[r]));
+  for (const t of Object.keys(n))
+    n[t] instanceof Object && Object.assign(n[t], ae(e[t], n[t]));
   return Object.assign(e || {}, n), e;
-}, Ne = "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", Ie = /* @__PURE__ */ qe(Ne);
-function J(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", Ne = /* @__PURE__ */ $e(We);
+function K(e) {
   return e && e.nodeType === 1;
 }
-function S(e) {
-  return e.replace(/-([a-z])/g, (n, r) => r.toUpperCase());
+function O(e) {
+  return e.replace(/-([a-z])/g, (n, t) => t.toUpperCase());
 }
-function qe(e, n) {
-  const r = /* @__PURE__ */ Object.create(null), a = e.split(",");
-  for (let t = 0; t < a.length; t++)
-    r[a[t]] = !0;
-  return n ? (t) => !!r[t.toLowerCase()] : (t) => !!r[t];
+function $e(e, n) {
+  const t = /* @__PURE__ */ Object.create(null), a = e.split(",");
+  for (let r = 0; r < a.length; r++)
+    t[a[r]] = !0;
+  return n ? (r) => !!t[r.toLowerCase()] : (r) => !!t[r];
 }
-const Ue = (e, n) => {
-  const r = /* @__PURE__ */ new Set(), a = [];
-  for (const t of e) {
-    const s = n(t);
-    r.has(s) || (r.add(s), a.push(t));
+const qe = (e, n) => {
+  const t = /* @__PURE__ */ new Set(), a = [];
+  for (const r of e) {
+    const i = n(r);
+    t.has(i) || (t.add(i), a.push(r));
   }
   return a;
-}, K = (e, n) => {
+}, X = (e, n) => {
   if (!n)
     return;
-  const r = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
-  return r == null ? void 0 : r.reduce((a, t) => a && a[t], e);
-}, Je = (e, n, r) => {
+  const t = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
+  return t == null ? void 0 : t.reduce((a, r) => a && a[r], e);
+}, Ue = (e, n, t) => {
   const a = Array.isArray(n) ? n : n.match(/([^[.\]])+/g);
-  a && a.reduce((t, s, f) => (t[s] === void 0 && (t[s] = {}), f === a.length - 1 && (t[s] = r), t[s]), e);
+  a && a.reduce((r, i, l) => (r[i] === void 0 && (r[i] = {}), l === a.length - 1 && (r[i] = t), r[i]), e);
 };
 function oe(e, n) {
-  if (J(e) && J(n)) {
-    const t = e.attributes, s = n.attributes;
-    if (t.length !== s.length)
-      return !1;
-    for (let f = 0; f < t.length; f++) {
-      const { name: o, value: i } = t[f];
-      if (n.getAttribute(o) !== i)
-        return !1;
-    }
-    return !0;
+  if (K(e) && K(n)) {
+    const r = e.attributes, i = n.attributes;
+    return r.length !== i.length ? !1 : Array.from(r).every(({ name: l, value: o }) => n.getAttribute(l) === o);
   }
   if (e === n)
     return !0;
   if (e === null || typeof e != "object" || n === null || typeof n != "object")
     return !1;
-  const r = Object.keys(e), a = Object.keys(n);
-  if (r.length !== a.length)
+  const t = Object.keys(e), a = Object.keys(n);
+  if (t.length !== a.length)
     return !1;
-  for (const t of r)
-    if (!a.includes(t) || !oe(e[t], n[t]))
+  for (const r of t)
+    if (!a.includes(r) || !oe(e[r], n[r]))
       return !1;
   return !0;
 }
-function X(e, n) {
+function Je(e, n) {
   if (!Array.isArray(e) || !Array.isArray(n) || e.length !== n.length)
     return !1;
-  for (let r = 0; r < e.length; r++)
-    if (!oe(e[r], n[r]))
+  for (let t = 0; t < e.length; t++)
+    if (!oe(e[t], n[t]))
       return !1;
   return !0;
 }
-const ft = !0, Y = "[TresJS ▲ ■ ●] ";
-function k() {
-  function e(a, t) {
-    console.error(`${Y} ${a}`, t || "");
+const mt = !0, Y = "[TresJS ▲ ■ ●] ";
+function T() {
+  function e(a, r) {
+    console.error(`${Y} ${a}`, r || "");
   }
   function n(a) {
     console.warn(`${Y} ${a}`);
   }
-  function r(a, t) {
+  function t(a, r) {
   }
   return {
     logError: e,
     logWarning: n,
-    logMessage: r
+    logMessage: t
   };
 }
-function mt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Ae ? [e.x, e.y, e.z] : e;
+function pt(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof xe ? [e.x, e.y, e.z] : e;
 }
 function Ke(e) {
   return e instanceof B ? e : Array.isArray(e) ? new B(...e) : new B(e);
 }
-function Xe({
+const Xe = Number.parseInt(Ae.replace("dev", ""));
+function Ye({
   scene: e,
   canvas: n,
-  options: r,
+  options: t,
   disableRender: a,
-  contextParts: { sizes: t, camera: s }
+  contextParts: { sizes: r, camera: i }
 }) {
-  const f = M(() => ({
-    alpha: d(r.alpha),
-    depth: d(r.depth),
-    canvas: Be(n),
-    context: d(r.context),
-    stencil: d(r.stencil),
-    antialias: d(r.antialias) === void 0 ? (
+  const l = _(() => ({
+    alpha: w(t.alpha),
+    depth: w(t.depth),
+    canvas: Oe(n),
+    context: w(t.context),
+    stencil: w(t.stencil),
+    antialias: w(t.antialias) === void 0 ? (
       // an opinionated default of tres
       !0
-    ) : d(r.antialias),
-    precision: d(r.precision),
-    powerPreference: d(r.powerPreference),
-    premultipliedAlpha: d(r.premultipliedAlpha),
-    preserveDrawingBuffer: d(r.preserveDrawingBuffer),
-    logarithmicDepthBuffer: d(r.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: d(r.failIfMajorPerformanceCaveat)
-  })), o = N(new j(f.value));
-  V(f, () => {
-    o.value.dispose(), o.value = new j(f.value), z(o);
-  }), O(() => {
-    o.value.setSize(t.width.value, t.height.value);
+    ) : w(t.antialias),
+    precision: w(t.precision),
+    powerPreference: w(t.powerPreference),
+    premultipliedAlpha: w(t.premultipliedAlpha),
+    preserveDrawingBuffer: w(t.preserveDrawingBuffer),
+    logarithmicDepthBuffer: w(t.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: w(t.failIfMajorPerformanceCaveat)
+  })), o = z(new j(l.value));
+  ee(l, () => {
+    o.value.dispose(), o.value = new j(l.value);
+  }), L(() => {
+    o.value.setSize(r.width.value, r.height.value);
   });
-  const { pixelRatio: i } = Re();
-  O(() => {
-    o.value.setPixelRatio(i.value);
+  const { pixelRatio: s } = Be();
+  L(() => {
+    o.value.setPixelRatio(s.value);
   });
-  const { logError: l } = k(), c = (() => {
-    const v = new j(), C = {
+  const { logError: u } = T(), f = (() => {
+    const d = new j(), g = {
       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,
-      useLegacyLights: v.useLegacyLights
+      toneMapping: d.toneMapping,
+      toneMappingExposure: d.toneMappingExposure,
+      outputColorSpace: d.outputColorSpace
     };
-    return v.dispose(), C;
+    return d.dispose(), g;
   })();
-  O(() => {
-    const v = d(r.preset);
-    v && (v in b || l("Renderer Preset must be one of these: " + Object.keys(b).join(", ")), ae(o.value, b[v]));
-    const C = (x, E) => {
-      const A = d(x), T = () => {
-        if (v)
-          return K(b[v], E);
+  L(() => {
+    const d = w(t.preset);
+    d && (d in S || u("Renderer Preset must be one of these: " + Object.keys(S).join(", ")), ae(o.value, S[d]));
+    const g = (A, x) => {
+      const D = w(A), b = () => {
+        if (d)
+          return X(S[d], x);
       };
-      if (A !== void 0)
-        return A;
-      const m = T();
-      return m !== void 0 ? m : K(c, E);
-    }, y = (x, E) => Je(o.value, E, C(x, E));
-    y(r.shadows, "shadowMap.enabled"), y(r.toneMapping, "toneMapping"), y(r.shadowMapType, "shadowMap.type"), y(r.useLegacyLights, "useLegacyLights"), y(r.outputColorSpace, "outputColorSpace"), y(r.toneMappingExposure, "toneMappingExposure");
-    const _ = C(r.clearColor, "clearColor");
-    _ && o.value.setClearColor(
-      _ ? Ke(_) : new B(0)
+      if (D !== void 0)
+        return D;
+      const m = b();
+      return m !== void 0 ? m : X(f, x);
+    }, p = (A, x) => Ue(o.value, x, g(A, x));
+    p(t.shadows, "shadowMap.enabled"), p(t.toneMapping, "toneMapping"), p(t.shadowMapType, "shadowMap.type"), Xe < 150 && p(!t.useLegacyLights, "physicallyCorrectLights"), p(t.outputColorSpace, "outputColorSpace"), p(t.toneMappingExposure, "toneMappingExposure");
+    const E = g(t.clearColor, "clearColor");
+    E && o.value.setClearColor(
+      E ? Ke(E) : new B(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: p, resume: P, onLoop: L } = ne();
-  return L(() => {
-    s.value && !d(a) && o.value.render(e.value, s.value);
-  }), P(), ue(() => {
-    p(), o.value.dispose(), o.value.forceContextLoss();
+  const { pause: v, resume: C, onLoop: M } = ne();
+  return M(() => {
+    i.value && !w(a) && o.value.render(e, i.value);
+  }), C(), N(() => {
+    v(), o.value.dispose(), o.value.forceContextLoss();
   }), {
     renderer: o
   };
 }
 const Q = (e) => typeof e == "function", se = (e) => !!e && e.constructor === Array;
-function Ye(e) {
+function Qe(e) {
   const n = { nodes: {}, materials: {} };
-  return e && e.traverse((r) => {
-    r.name && (n.nodes[r.name] = r), r.material && !n.materials[r.material.name] && (n.materials[r.material.name] = r.material);
+  return e && e.traverse((t) => {
+    t.name && (n.nodes[t.name] = t), t.material && !n.materials[t.material.name] && (n.materials[t.material.name] = t.material);
   }), n;
 }
-async function pt(e, n, r, a, t) {
-  const { logError: s } = k(), f = new e();
-  t && t(f), r && r(f);
-  const i = (Array.isArray(n) ? n : [n]).map(
-    (l) => new Promise((u, c) => {
-      f.load(
-        l,
-        (p) => {
-          p.scene && Object.assign(p, Ye(p.scene)), u(p);
+async function vt(e, n, t, a, r) {
+  const { logError: i } = T(), l = new e();
+  r && r(l), t && t(l);
+  const s = (Array.isArray(n) ? n : [n]).map(
+    (u) => new Promise((c, f) => {
+      l.load(
+        u,
+        (v) => {
+          v.scene && Object.assign(v, Qe(v.scene)), c(v);
         },
         a,
-        (p) => c(s("[useLoader] - Failed to load resource", p))
+        (v) => f(i("[useLoader] - Failed to load resource", v))
       );
     })
   );
-  return se(n) ? await Promise.all(i) : await i[0];
+  return se(n) ? await Promise.all(s) : await s[0];
 }
-async function vt(e) {
-  const n = new he(), r = new De(n), a = (t) => new Promise((s, f) => {
-    r.load(
-      t,
-      (o) => s(o),
+async function dt(e) {
+  const n = new De(), t = new Le(n), a = (r) => new Promise((i, l) => {
+    t.load(
+      r,
+      (o) => i(o),
       () => null,
       () => {
-        f(new Error("[useTextures] - Failed to load texture"));
+        l(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
   if (se(e)) {
-    const t = await Promise.all(e.map((s) => a(s)));
-    return e.length > 1 ? t : t[0];
+    const r = await Promise.all(e.map((i) => a(i)));
+    return e.length > 1 ? r : r[0];
   } else {
     const {
-      map: t,
-      displacementMap: s,
-      normalMap: f,
+      map: r,
+      displacementMap: i,
+      normalMap: l,
       roughnessMap: o,
-      metalnessMap: i,
-      aoMap: l,
-      alphaMap: u,
-      matcap: c
+      metalnessMap: s,
+      aoMap: u,
+      alphaMap: c,
+      matcap: f
     } = e;
     return {
-      map: t ? await a(t) : null,
-      displacementMap: s ? await a(s) : null,
-      normalMap: f ? await a(f) : null,
+      map: r ? await a(r) : null,
+      displacementMap: i ? await a(i) : null,
+      normalMap: l ? await a(l) : null,
       roughnessMap: o ? await a(o) : null,
-      metalnessMap: i ? await a(i) : null,
-      aoMap: l ? await a(l) : null,
-      alphaMap: u ? await a(u) : null,
-      matcap: c ? await a(c) : null
+      metalnessMap: s ? await a(s) : null,
+      aoMap: u ? await a(u) : null,
+      alphaMap: c ? await a(c) : null,
+      matcap: f ? await a(f) : null
     };
   }
 }
-const Qe = (e, { renderer: n, camera: r, raycaster: a }) => {
-  const t = M(() => n.value.domElement), { x: s, y: f } = Fe({ target: t }), { width: o, height: i, top: l, left: u } = ze(t), c = ({ x: m, y: w }) => {
-    if (t.value)
+const Ze = (e, { renderer: n, camera: t, raycaster: a }) => {
+  const r = _(() => n.value.domElement), { x: i, y: l } = Re({ target: r }), { width: o, height: s, top: u, left: c } = Fe(r), f = ({ x: m, y: P }) => {
+    if (r.value)
       return {
-        x: (m - u.value) / o.value * 2 - 1,
-        y: -((w - l.value) / i.value) * 2 + 1
+        x: (m - c.value) / o.value * 2 - 1,
+        y: -((P - u.value) / s.value) * 2 + 1
       };
-  }, p = ({ x: m, y: w }) => {
-    if (r.value)
-      return a.value.setFromCamera(new ke(m, w), r.value), a.value.intersectObjects(e.value, !1);
-  }, P = (m) => {
-    const w = c({
-      x: (m == null ? void 0 : m.clientX) ?? s.value,
-      y: (m == null ? void 0 : m.clientY) ?? f.value
+  }, v = ({ x: m, y: P }) => {
+    if (t.value)
+      return a.value.setFromCamera(new he(m, P), t.value), a.value.intersectObjects(e.value, !1);
+  }, C = (m) => {
+    const P = f({
+      x: (m == null ? void 0 : m.clientX) ?? i.value,
+      y: (m == null ? void 0 : m.clientY) ?? l.value
     });
-    return w ? p(w) || [] : [];
-  }, L = M(() => P()), v = D(), C = D(), y = (m, w) => {
-    m.trigger({ event: w, intersects: P(w) });
-  }, _ = (m) => {
-    y(C, m);
+    return P ? v(P) || [] : [];
+  }, M = _(() => C()), d = k(), g = k(), p = (m, P) => {
+    m.trigger({ event: P, intersects: C(P) });
+  }, E = (m) => {
+    p(g, m);
   };
-  let x;
-  const E = (m) => {
-    var w;
-    x = (w = P(m)[0]) == null ? void 0 : w.object;
-  }, A = (m) => {
-    var w;
-    m instanceof PointerEvent && x === ((w = P(m)[0]) == null ? void 0 : w.object) && y(v, m);
-  }, T = (m) => C.trigger({ event: m, intersects: [] });
-  return le((m) => {
-    t.value && (t.value.addEventListener("pointerup", A), t.value.addEventListener("pointerdown", E), t.value.addEventListener("pointermove", _), t.value.addEventListener("pointerleave", T), m(() => {
-      t != null && t.value && (t.value.removeEventListener("pointerup", A), t.value.removeEventListener("pointerdown", E), t.value.removeEventListener("pointermove", _), t.value.removeEventListener("pointerleave", T));
-    }));
+  let A;
+  const x = (m) => {
+    var P;
+    A = (P = C(m)[0]) == null ? void 0 : P.object;
+  }, D = (m) => {
+    var P;
+    m instanceof PointerEvent && A === ((P = C(m)[0]) == null ? void 0 : P.object) && p(d, m);
+  }, b = (m) => g.trigger({ event: m, intersects: [] });
+  return r.value.addEventListener("pointerup", D), r.value.addEventListener("pointerdown", x), r.value.addEventListener("pointermove", E), r.value.addEventListener("pointerleave", b), N(() => {
+    r != null && r.value && (r.value.removeEventListener("pointerup", D), r.value.removeEventListener("pointerdown", x), r.value.removeEventListener("pointermove", E), r.value.removeEventListener("pointerleave", b));
   }), {
-    intersects: L,
-    onClick: (m) => v.on(m).off,
-    onPointerMove: (m) => C.on(m).off
+    intersects: M,
+    onClick: (m) => d.on(m).off,
+    onPointerMove: (m) => g.on(m).off
   };
 };
 function gt() {
-  const { logWarning: e } = k();
-  function n(a, t, s) {
-    let f = null;
+  const { logWarning: e } = T();
+  function n(a, r, i) {
+    let l = null;
     return a.traverse((o) => {
-      o[t] === s && (f = o);
-    }), f || e(`Child with ${t} '${s}' not found.`), f;
+      o[r] === i && (l = o);
+    }), l || e(`Child with ${r} '${i}' not found.`), l;
   }
-  function r(a, t) {
-    return n(a, "name", t);
+  function t(a, r) {
+    return n(a, "name", r);
   }
   return {
     seek: n,
-    seekByName: r
+    seekByName: t
   };
 }
-const Ze = ({ scene: e, contextParts: n }) => {
-  const r = ce({
+const et = ({ scene: e, contextParts: n }) => {
+  const t = ie({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), a = (l) => {
-    Object.values(r).forEach((u) => u.delete(l));
-  }, t = (l) => {
-    const { onClick: u, onPointerMove: c, onPointerEnter: p, onPointerLeave: P } = l;
-    u && r.click.set(l, u), c && r.pointerMove.set(l, c), p && r.pointerEnter.set(l, p), P && r.pointerLeave.set(l, P);
+  }), a = (u) => {
+    Object.values(t).forEach((c) => c.delete(u));
+  }, r = (u) => {
+    const { onClick: c, onPointerMove: f, onPointerEnter: v, onPointerLeave: C } = u;
+    c && t.click.set(u, c), f && t.pointerMove.set(u, f), v && t.pointerEnter.set(u, v), C && t.pointerLeave.set(u, C);
   };
-  e.userData.tres__registerAtPointerEventHandler = t, e.userData.tres__deregisterAtPointerEventHandler = a;
-  const s = M(
-    () => Ue(
-      Object.values(r).map((l) => Array.from(l.keys())).flat(),
-      ({ uuid: l }) => l
+  e.userData.tres__registerAtPointerEventHandler = r, e.userData.tres__deregisterAtPointerEventHandler = a;
+  const i = _(
+    () => qe(
+      Object.values(t).map((u) => Array.from(u.keys())).flat(),
+      ({ uuid: u }) => u
     )
-  ), { onClick: f, onPointerMove: o } = Qe(s, n);
-  f(({ intersects: l, event: u }) => {
-    var c;
-    l.length && ((c = r.click.get(l[0].object)) == null || c(l[0], u));
+  ), { onClick: l, onPointerMove: o } = Ze(i, n);
+  l(({ intersects: u, event: c }) => {
+    var f;
+    u.length && ((f = t.click.get(u[0].object)) == null || f(u[0], c));
   });
-  let i;
-  return o(({ intersects: l, event: u }) => {
-    var v, C, y, _;
-    const c = (v = l == null ? void 0 : l[0]) == null ? void 0 : v.object, { pointerLeave: p, pointerEnter: P, pointerMove: L } = r;
-    i && i !== c && ((C = p.get(i)) == null || C(i, u)), c && (i !== c && ((y = P.get(c)) == null || y(l[0], u)), (_ = L.get(c)) == null || _(l[0], u)), i = c || null;
+  let s;
+  return o(({ intersects: u, event: c }) => {
+    var d, g, p, E;
+    const f = (d = u == null ? void 0 : u[0]) == null ? void 0 : d.object, { pointerLeave: v, pointerEnter: C, pointerMove: M } = t;
+    s && s !== f && ((g = v.get(s)) == null || g(s, c)), f && (s !== f && ((p = C.get(f)) == null || p(u[0], c)), (E = M.get(f)) == null || E(u[0], c)), s = f || null;
   }), {
-    registerObject: t,
+    registerObject: r,
     deregisterObject: a
   };
-}, $ = H({}), ie = (e) => void Object.assign($.value, e);
-function et({
+}, W = H({}), q = (e) => void Object.assign(W.value, e);
+function tt({
   scene: e,
   canvas: n,
-  windowSize: r,
+  windowSize: t,
   disableRender: a,
-  rendererOptions: t
+  rendererOptions: r
 }) {
-  const s = M(
-    () => {
-      var y;
-      return d(r) ? He() : je((y = d(n)) == null ? void 0 : y.parentElement);
-    }
-  ), f = M(() => s.value.width.value), o = M(() => s.value.height.value), i = M(() => f.value / o.value), l = {
+  const i = _(
+    () => w(t) ? ze() : He(w(n).parentElement)
+  ), l = _(() => i.value.width.value), o = _(() => i.value.height.value), s = _(() => l.value / o.value), u = {
     height: o,
-    width: f,
-    aspectRatio: i
-  }, {
-    camera: u,
-    cameras: c,
-    addCamera: p,
-    removeCamera: P,
-    setCameraActive: L
-  } = Ge({ sizes: l, scene: e }), { renderer: v } = Xe(
+    width: l,
+    aspectRatio: s
+  }, c = z(e), {
+    camera: f,
+    cameras: v,
+    addCamera: C,
+    removeCamera: M,
+    setCameraActive: d
+  } = je({ sizes: u, scene: e }), { renderer: g } = Ye(
     {
       scene: e,
       canvas: n,
-      options: t,
-      contextParts: { sizes: l, camera: u },
+      options: r,
+      contextParts: { sizes: u, camera: f },
       disableRender: a
     }
-  ), C = {
-    sizes: l,
-    scene: e,
-    camera: u,
-    cameras: fe(c),
-    renderer: v,
-    raycaster: N(new Te()),
+  ), p = {
+    sizes: u,
+    scene: c,
+    camera: f,
+    cameras: ue(v),
+    renderer: g,
+    raycaster: z(new ke()),
     controls: H(null),
-    extend: ie,
-    addCamera: p,
-    removeCamera: P,
-    setCameraActive: L
+    extend: q,
+    addCamera: C,
+    removeCamera: M,
+    setCameraActive: d
   };
-  return ee("useTres", C), C;
+  return I("useTres", p), p;
 }
-function tt() {
-  const e = me("useTres");
+function rt() {
+  const e = le("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const dt = tt;
-let G = null, g = null;
-const { logError: Z } = k(), rt = {
-  createElement(e, n, r, a) {
-    var f, o;
-    if (a || (a = {}), a.args || (a.args = []), e === "template" || Ie(e))
+const yt = rt;
+let G = null, y = null;
+const { logError: Z } = T(), nt = {
+  createElement(e, n, t, a) {
+    var l, o;
+    if (a || (a = {}), a.args || (a.args = []), e === "template" || Ne(e))
       return null;
-    let t = e.replace("Tres", ""), s;
+    let r = e.replace("Tres", ""), i;
     if (e === "primitive") {
       (a == null ? void 0 : a.object) === void 0 && Z("Tres primitives need a prop 'object'");
-      const i = a.object;
-      t = i.type, s = Object.assign(i, { type: t, attach: a.attach, primitive: !0 });
+      const s = a.object;
+      r = s.type, i = Object.assign(s, { type: r, attach: a.attach, primitive: !0 });
     } else {
-      const i = $.value[t];
-      i || Z(`${t} is not defined on the THREE namespace. Use extend to add it to the catalog.`), s = new i(...a.args);
+      const s = W.value[r];
+      s || Z(`${r} is not defined on the THREE namespace. Use extend to add it to the catalog.`), i = new s(...a.args);
     }
-    return s.isCamera && (a != null && a.position || s.position.set(3, 3, 3), a != null && a.lookAt || s.lookAt(0, 0, 0)), (a == null ? void 0 : a.attach) === void 0 && (s.isMaterial ? s.attach = "material" : s.isBufferGeometry && (s.attach = "geometry")), s.isObject3D && ((f = a == null ? void 0 : a.material) != null && f.isMaterial && (s.userData.tres__materialViaProp = !0), (o = a == null ? void 0 : a.geometry) != null && o.isBufferGeometry && (s.userData.tres__geometryViaProp = !0)), s.userData || (s.userData = {}), s.userData.tres__name = t, s;
+    return i.isCamera && (a != null && a.position || i.position.set(3, 3, 3), a != null && a.lookAt || i.lookAt(0, 0, 0)), (a == null ? void 0 : a.attach) === void 0 && (i.isMaterial ? i.attach = "material" : i.isBufferGeometry && (i.attach = "geometry")), i.isObject3D && ((l = a == null ? void 0 : a.material) != null && l.isMaterial && (i.userData.tres__materialViaProp = !0), (o = a == null ? void 0 : a.geometry) != null && o.isBufferGeometry && (i.userData.tres__geometryViaProp = !0)), i.userData = {
+      ...i.userData,
+      tres__name: r
+    }, i;
   },
   insert(e, n) {
-    var r, a, t, s, f, o, i, l, u;
-    if (n && n.isScene && (g = n), (((r = e == null ? void 0 : e.__vnode) == null ? void 0 : r.type) === "TresGroup" || ((a = e == null ? void 0 : e.__vnode) == null ? void 0 : a.type) === "TresObject3D") && n === null && !((s = (t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.ctx) != null && s.asyncResolved)) {
+    var t, a, r, i, l, o, s, u, c;
+    if (n && n.isScene && (y = n), (((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresGroup" || ((a = e == null ? void 0 : e.__vnode) == null ? void 0 : a.type) === "TresObject3D") && n === null && !((i = (r = e == null ? void 0 : e.__vnode) == null ? void 0 : r.ctx) != null && i.asyncResolved)) {
       G = e;
       return;
     } else
-      (f = e == null ? void 0 : e.__vnode) != null && f.type.includes("Controls") && n === null && (G = g);
+      (l = e == null ? void 0 : e.__vnode) != null && l.type.includes("Controls") && n === null && (G = y);
     if (n || (n = G), 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";
-        (i = g == null ? void 0 : (o = g.userData).tres__registerCamera) == null || i.call(o, e);
+        (s = y == null ? void 0 : (o = y.userData).tres__registerCamera) == null || s.call(o, 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 : (l = g.userData).tres__registerAtPointerEventHandler) == null || u.call(l, e);
+        (c = y == null ? void 0 : (u = y.userData).tres__registerAtPointerEventHandler) == null || c.call(u, e);
       }
     }
     e != null && e.isObject3D && (n != null && n.isObject3D) ? (n.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? n.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[n == null ? void 0 : n.attach], n && (n[e.attach] = e));
   },
   remove(e) {
-    var n, r;
+    var n, t;
     if (e) {
       if (e.isObject3D) {
-        const a = e, t = (i) => {
-          var u, c;
-          const l = i;
-          i.userData.tres__materialViaProp || (u = l.material) == null || u.dispose(), i.userData.tres__geometryViaProp || (c = l.geometry) == null || c.dispose();
-        }, s = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, f = (i) => {
-          if (!s)
+        const a = e, r = (s) => {
+          var c, f;
+          const u = s;
+          s.userData.tres__materialViaProp || (c = u.material) == null || c.dispose(), s.userData.tres__geometryViaProp || (f = u.geometry) == null || f.dispose();
+        }, i = y == null ? void 0 : y.userData.tres__deregisterAtPointerEventHandler, l = (s) => {
+          if (!i)
             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) && (s == null || s(i));
-        }, o = (i) => {
-          const l = g == null ? void 0 : g.userData.tres__deregisterCamera;
-          if (!l)
+          (s != null && s.onClick || s != null && s.onPointerMove || s != null && s.onPointerEnter || s != null && s.onPointerLeave) && (i == null || i(s));
+        }, o = (s) => {
+          const u = y == null ? void 0 : y.userData.tres__deregisterCamera;
+          if (!u)
             throw "could not find tres__deregisterCamera on scene's userData";
-          i.isCamera && (l == null || l(i));
+          s.isCamera && (u == null || u(s));
         };
-        a.traverse((i) => {
-          t(i), o(i), f == null || f(i);
-        }), t(a), o(a), f == null || f(a);
+        a.traverse((s) => {
+          r(s), o(s), l == null || l(s);
+        }), r(a), o(a), l == null || l(a);
       }
-      (n = e.removeFromParent) == null || n.call(e), (r = e.dispose) == null || r.call(e);
+      (n = e.removeFromParent) == null || n.call(e), (t = e.dispose) == null || t.call(e);
     }
   },
-  patchProp(e, n, r, a) {
+  patchProp(e, n, t, a) {
     if (e) {
-      let t = e, s = n, f = S(s), o = t == null ? void 0 : t[f];
-      if (s === "args") {
-        const l = e, u = r ?? [], c = a ?? [], p = e.userData.tres__name || e.type;
-        console.log("replacing", {
-          instanceName: p,
-          args: c,
-          prevArgs: u,
-          diff: !X(u, c)
-        }), p && !X(u, c) && (t = Object.assign(l, new $.value[p](...a)));
+      let r = e, i = n, l = O(i), o = r == null ? void 0 : r[l];
+      if (i === "args") {
+        const u = e, c = t ?? [], f = a ?? [], v = e.userData.tres__name || e.type;
+        v && c.length && !Je(c, f) && (r = Object.assign(u, new W.value[v](...a)));
         return;
       }
-      if (t.type === "BufferGeometry") {
-        if (s === "args")
+      if (r.type === "BufferGeometry") {
+        if (i === "args")
           return;
-        t.setAttribute(
-          S(s),
-          new be(...a)
+        r.setAttribute(
+          O(i),
+          new Te(...a)
         );
         return;
       }
-      if (s.includes("-") && o === void 0) {
-        const l = s.split("-");
-        o = l.reduce((u, c) => u[S(c)], t), s = l.pop(), f = s.toLowerCase(), o != null && o.set || (t = l.reduce((u, c) => u[S(c)], t));
+      if (i.includes("-") && o === void 0) {
+        const u = i.split("-");
+        o = u.reduce((c, f) => c[O(f)], r), i = u.pop(), l = i.toLowerCase(), o != null && o.set || (r = u.reduce((c, f) => c[O(f)], r));
       }
-      let i = a;
-      if (i === "" && (i = !0), Q(o)) {
-        Array.isArray(i) ? e[f](...i) : e[f](i);
+      let s = a;
+      if (s === "" && (s = !0), Q(o)) {
+        Array.isArray(s) ? e[l](...s) : e[l](s);
         return;
       }
-      !(o != null && o.set) && !Q(o) ? t[f] = i : o.constructor === i.constructor && (o != null && o.copy) ? o == null || o.copy(i) : Array.isArray(i) ? o.set(...i) : !o.isColor && o.setScalar ? o.setScalar(i) : o.set(i);
+      !(o != null && o.set) && !Q(o) ? r[l] = s : o.constructor === s.constructor && (o != null && o.copy) ? o == null || o.copy(s) : Array.isArray(s) ? o.set(...s) : !o.isColor && o.setScalar ? o.setScalar(s) : o.set(s);
     }
   },
   parentNode(e) {
@@ -532,9 +522,9 @@ const { logError: Z } = k(), rt = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: nt } = pe(rt);
-ie(Ce);
-const at = ["data-scene"], ot = /* @__PURE__ */ q({
+}, { render: at } = ce(nt);
+q(ye);
+const ot = ["data-scene"], st = /* @__PURE__ */ U({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean },
@@ -561,89 +551,95 @@ const at = ["data-scene"], ot = /* @__PURE__ */ q({
     failIfMajorPerformanceCaveat: { type: Boolean }
   },
   setup(e) {
-    const n = e, { logWarning: r } = k(), a = H(), t = N(new Se());
+    const n = e, { logWarning: t } = T(), a = H(), r = z(new be());
     ne();
-    const s = ve(), f = M(() => n.disableRender), o = et({
-      scene: t,
-      canvas: a,
-      windowSize: M(() => n.windowSize),
-      disableRender: f,
-      rendererOptions: n
-    });
-    Ze({ scene: t.value, contextParts: o });
-    const i = q({
+    const i = fe(), l = (u) => U({
       setup() {
-        return ee("useTres", o), () => U(ge, null, s && s.default ? s.default() : []);
+        return I("useTres", u), I("extend", q), () => J(ge, null, i != null && i.default ? i.default() : []);
       }
-    }), l = () => {
-      const c = t.value;
-      nt(U(i), c), z(t);
-    };
-    V(a, (c) => {
-      c && (l(), !o.camera.value && !n.camera && (r(
+    }), o = (u) => {
+      const c = l(u);
+      at(J(c), r.value);
+    }, s = _(() => n.disableRender);
+    return me(() => {
+      const u = a, c = tt({
+        scene: r.value,
+        canvas: u,
+        windowSize: n.windowSize,
+        disableRender: s,
+        rendererOptions: n
+      });
+      et({ scene: r.value, contextParts: c });
+      const { addCamera: f, camera: v, cameras: C, removeCamera: M } = c;
+      o(c);
+      const d = () => {
+        const g = new V(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
+        g.position.set(3, 3, 3), g.lookAt(0, 0, 0), f(g);
+        const p = L(
+          () => {
+            C.value.length >= 2 && (g.removeFromParent(), M(g), p == null || p());
+          }
+        );
+      };
+      ee(() => n.camera, (g, p) => {
+        g ? f(g) : p && (p.removeFromParent(), M(p));
+      }, {
+        immediate: !0
+      }), v.value || (t(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), u()));
-    }), V(() => n.camera, (c, p) => {
-      c ? o.addCamera(c, !0) : p && (p.removeFromParent(), o.removeCamera(p));
-    }, {
-      immediate: !0
-    });
-    const u = () => {
-      const c = new W(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
-      c.position.set(3, 3, 3), c.lookAt(0, 0, 0), o.addCamera(c), o.cameras.value.length >= 2 && (c.removeFromParent(), o.removeCamera(c));
-    };
-    return (c, p) => (de(), ye("canvas", {
+      ), d());
+    }), (u, c) => (pe(), ve("canvas", {
       ref_key: "canvas",
       ref: a,
-      "data-scene": t.value.uuid,
-      style: we({
+      "data-scene": r.value.uuid,
+      style: de({
         display: "block",
         width: "100%",
         height: "100%",
-        position: c.windowSize ? "fixed" : "relative",
+        position: u.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
         zIndex: 1
       })
-    }, null, 12, at));
+    }, null, 12, ot));
   }
-}), st = [
+}), it = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], it = {
+], ut = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !st.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !it.includes(e) || e === "primitive"
     }
   }
-}, yt = it, wt = {
+}, wt = ut, Ct = {
   install(e) {
-    e.component("TresCanvas", ot);
+    e.component("TresCanvas", st);
   }
 };
 export {
-  ot as TresCanvas,
-  $ as catalogue,
-  wt as default,
-  ie as extend,
-  ft as isProd,
+  st as TresCanvas,
+  W as catalogue,
+  Ct as default,
+  q as extend,
+  mt as isProd,
   Ke as normalizeColor,
-  mt as normalizeVectorFlexibleParam,
-  yt as templateCompilerOptions,
-  Ye as trasverseObjects,
-  Ge as useCamera,
-  pt as useLoader,
-  k as useLogger,
-  Ze as usePointerEventHandler,
-  Qe as useRaycaster,
+  pt as normalizeVectorFlexibleParam,
+  wt as templateCompilerOptions,
+  Qe as trasverseObjects,
+  je as useCamera,
+  vt as useLoader,
+  T as useLogger,
+  et as usePointerEventHandler,
+  Ze as useRaycaster,
   ne as useRenderLoop,
-  Xe as useRenderer,
+  Ye as useRenderer,
   gt as useSeek,
-  vt as useTexture,
-  dt as useTres,
-  tt as useTresContext,
-  et as useTresContextProvider
+  dt as useTexture,
+  yt as useTres,
+  rt as useTresContext,
+  tt as useTresContextProvider
 };