@tresjs/core 3.6.1 → 3.7.0

package/dist/tres.js

@@ -1,21 +1,24 @@
 /**
  * name: @tresjs/core
- * version: v3.6.1
+ * version: v3.7.0
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { ref as L, computed as k, watchEffect as D, onUnmounted as $, shallowRef as x, watch as ne, reactive as ve, readonly as ge, provide as W, inject as ye, createRenderer as he, defineComponent as J, useSlots as we, getCurrentInstance as K, onMounted as Ee, openBlock as be, createElementBlock as Ce, normalizeClass as _e, unref as Me, normalizeStyle as Pe, h as X, Fragment as Ae } from "vue";
-import * as ke from "three";
-import { PerspectiveCamera as G, OrthographicCamera as De, Camera as xe, Clock as Te, Vector3 as Se, Color as H, REVISION as Le, SRGBColorSpace as je, ACESFilmicToneMapping as Be, PCFSoftShadowMap as Oe, WebGLRenderer as I, LoadingManager as Re, TextureLoader as He, Vector2 as ze, Raycaster as Fe, BufferAttribute as $e, Scene as Ne } from "three";
-import { createEventHook as S, useRafFn as se, toValue as _, unrefElement as Ie, useDevicePixelRatio as Ve, usePointer as We, useElementBounding as Ge, useWindowSize as qe, useElementSize as Ue, refDebounced as Ye, useFps as Je, useMemory as Ke } from "@vueuse/core";
-const Xe = "@tresjs/core", Qe = "module", Ze = "3.6.1", et = "pnpm@8.10.2", tt = "Declarative ThreeJS using Vue Components", rt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", nt = "MIT", st = [
+var je = Object.defineProperty;
+var He = (e, r, t) => r in e ? je(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var J = (e, r, t) => (He(e, typeof r != "symbol" ? r + "" : r, t), t);
+import { ref as R, computed as P, watchEffect as O, onUnmounted as F, shallowRef as D, watch as me, reactive as ge, readonly as Re, provide as q, inject as $e, createRenderer as Ie, defineComponent as ne, useSlots as ze, getCurrentInstance as oe, onMounted as Ne, openBlock as Ve, createElementBlock as We, normalizeClass as Ue, unref as Fe, normalizeStyle as Ge, h as se, Fragment as Je } from "vue";
+import * as ve from "three";
+import { PerspectiveCamera as K, OrthographicCamera as Qe, Camera as Ye, Clock as qe, Vector3 as he, Color as V, MeshBasicMaterial as ye, DoubleSide as Ke, REVISION as Xe, SRGBColorSpace as Ze, ACESFilmicToneMapping as et, PCFSoftShadowMap as tt, WebGLRenderer as Q, LoadingManager as rt, TextureLoader as nt, Vector2 as ot, Raycaster as st, BufferAttribute as it, Scene as at, Line as lt, BufferGeometry as ie, Float32BufferAttribute as ae, LineBasicMaterial as ut, Mesh as ct, BackSide as dt, DirectionalLightHelper as ft, PointLightHelper as pt, SpotLightHelper as mt, HemisphereLightHelper as gt, ArrowHelper as vt } from "three";
+import { createEventHook as H, useRafFn as we, toValue as M, unrefElement as ht, useDevicePixelRatio as yt, usePointer as wt, useElementBounding as bt, useWindowSize as _t, useElementSize as Et, refDebounced as Mt, useFps as Ct, useMemory as St } from "@vueuse/core";
+const xt = "@tresjs/core", Pt = "module", kt = "3.7.0", At = "pnpm@8.10.2", Tt = "Declarative ThreeJS using Vue Components", Lt = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", Ot = "MIT", Dt = [
   "vue",
   "3d",
   "threejs",
   "three",
   "threejs-vue"
-], ot = !1, at = {
+], Bt = !1, jt = {
   ".": {
     types: "./dist/index.d.ts",
     require: "./dist/tres.umd.cjs",
@@ -34,12 +37,12 @@ const Xe = "@tresjs/core", Qe = "module", Ze = "3.6.1", et = "pnpm@8.10.2", tt =
     types: "./dist/utils/index.d.ts"
   },
   "./*": "./*"
-}, it = "./dist/tres.js", lt = "./dist/tres.js", ut = "./dist/index.d.ts", ct = [
+}, Ht = "./dist/tres.js", Rt = "./dist/tres.js", $t = "./dist/index.d.ts", It = [
   "dist",
   "*.d.ts"
-], ft = {
+], zt = {
   access: "public"
-}, pt = {
+}, Nt = {
   dev: "cd playground && npm run dev",
   build: "vite build",
   playground: "cd playground && npm run dev",
@@ -54,13 +57,13 @@ const Xe = "@tresjs/core", Qe = "module", Ze = "3.6.1", et = "pnpm@8.10.2", tt =
   "docs:serve": "vitepress serve docs",
   "docs:preview": "vitepress preview docs",
   "docs:contributors": "esno scripts/update-contributors.ts"
-}, dt = {
+}, Vt = {
   three: ">=0.133",
   vue: ">=3.3"
-}, mt = {
+}, Wt = {
   "@alvarosabu/utils": "^3.1.1",
   "@vueuse/core": "^10.7.0"
-}, vt = {
+}, Ut = {
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.9.0",
   "@tresjs/cientos": "3.6.0",
@@ -98,453 +101,512 @@ const Xe = "@tresjs/core", Qe = "module", Ze = "3.6.1", et = "pnpm@8.10.2", tt =
   vitest: "^1.0.4",
   vue: "^3.3.11",
   "vue-demi": "^0.14.6"
-}, gt = {
-  name: Xe,
-  type: Qe,
-  version: Ze,
-  packageManager: et,
-  description: tt,
-  author: rt,
-  license: nt,
-  keywords: st,
-  sideEffects: ot,
-  exports: at,
-  main: it,
-  module: lt,
-  types: ut,
-  files: ct,
-  publishConfig: ft,
-  scripts: pt,
-  peerDependencies: dt,
-  dependencies: mt,
-  devDependencies: vt
-}, yt = ({ sizes: e, scene: s }) => {
-  const t = L([]), r = k(
+}, Ft = {
+  name: xt,
+  type: Pt,
+  version: kt,
+  packageManager: At,
+  description: Tt,
+  author: Lt,
+  license: Ot,
+  keywords: Dt,
+  sideEffects: Bt,
+  exports: jt,
+  main: Ht,
+  module: Rt,
+  types: $t,
+  files: It,
+  publishConfig: zt,
+  scripts: Nt,
+  peerDependencies: Vt,
+  dependencies: Wt,
+  devDependencies: Ut
+}, Gt = ({ sizes: e, scene: r }) => {
+  const t = R([]), n = P(
     () => t.value[0]
-  ), n = (a, l = !1) => {
-    t.value.some(({ uuid: c }) => c === a.uuid) || (l ? u(a) : t.value.push(a));
-  }, o = (a) => {
-    t.value = t.value.filter(({ uuid: l }) => l !== a.uuid);
-  }, u = (a) => {
-    const l = a instanceof xe ? a : t.value.find((d) => d.uuid === a);
+  ), s = (i, l = !1) => {
+    t.value.some(({ uuid: c }) => c === i.uuid) || (l ? o(i) : t.value.push(i));
+  }, a = (i) => {
+    t.value = t.value.filter(({ uuid: l }) => l !== i.uuid);
+  }, o = (i) => {
+    const l = i instanceof Ye ? i : t.value.find((p) => p.uuid === i);
     if (!l)
       return;
-    const c = t.value.filter(({ uuid: d }) => d !== l.uuid);
+    const c = t.value.filter(({ uuid: p }) => p !== l.uuid);
     t.value = [l, ...c];
   };
-  return D(() => {
-    e.aspectRatio.value && t.value.forEach((a) => {
-      a instanceof G && (a.aspect = e.aspectRatio.value), (a instanceof G || a instanceof De) && a.updateProjectionMatrix();
+  return O(() => {
+    e.aspectRatio.value && t.value.forEach((i) => {
+      i instanceof K && (i.aspect = e.aspectRatio.value), (i instanceof K || i instanceof Qe) && i.updateProjectionMatrix();
     });
-  }), s.userData.tres__registerCamera = n, s.userData.tres__deregisterCamera = o, $(() => {
+  }), r.userData.tres__registerCamera = s, r.userData.tres__deregisterCamera = a, F(() => {
     t.value = [];
   }), {
-    camera: r,
+    camera: n,
     cameras: t,
-    registerCamera: n,
-    deregisterCamera: o,
-    setCameraActive: u
+    registerCamera: s,
+    deregisterCamera: a,
+    setCameraActive: o
   };
-}, oe = S(), ae = S(), U = S(), T = new Te();
-let z = 0, F = 0;
-const { pause: ht, resume: wt, isActive: Et } = se(
+}, be = H(), _e = H(), ee = H(), j = new qe();
+let W = 0, U = 0;
+const { pause: Jt, resume: Qt, isActive: Yt } = we(
   () => {
-    oe.trigger({ delta: z, elapsed: F, clock: T }), ae.trigger({ delta: z, elapsed: F, clock: T }), U.trigger({ delta: z, elapsed: F, clock: T });
+    be.trigger({ delta: W, elapsed: U, clock: j }), _e.trigger({ delta: W, elapsed: U, clock: j }), ee.trigger({ delta: W, elapsed: U, clock: j });
   },
   { immediate: !1 }
 );
-U.on(() => {
-  z = T.getDelta(), F = T.getElapsedTime();
+ee.on(() => {
+  W = j.getDelta(), U = j.getElapsedTime();
 });
-const ie = () => ({
-  onBeforeLoop: oe.on,
-  onLoop: ae.on,
-  onAfterLoop: U.on,
-  pause: ht,
-  resume: wt,
-  isActive: Et
-}), Yt = !0, Q = "[TresJS ▲ ■ ●] ";
-function j() {
-  function e(r, n) {
-    console.error(`${Q} ${r}`, n || "");
+const te = () => ({
+  onBeforeLoop: be.on,
+  onLoop: _e.on,
+  onAfterLoop: ee.on,
+  pause: Jt,
+  resume: Qt,
+  isActive: Yt
+}), Vr = !0, le = "[TresJS ▲ ■ ●] ";
+function T() {
+  function e(n, s) {
+    console.error(`${le} ${n}`, s || "");
   }
-  function s(r) {
-    console.warn(`${Q} ${r}`);
+  function r(n) {
+    console.warn(`${le} ${n}`);
   }
-  function t(r, n) {
+  function t(n, s) {
   }
   return {
     logError: e,
-    logWarning: s,
+    logWarning: r,
     logMessage: t
   };
 }
-function Jt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Se ? [e.x, e.y, e.z] : e;
+function Wr(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof he ? [e.x, e.y, e.z] : e;
 }
-function bt(e) {
-  return e instanceof H ? e : Array.isArray(e) ? new H(...e) : new H(e);
+function qt(e) {
+  return e instanceof V ? e : Array.isArray(e) ? new V(...e) : new V(e);
+}
+class Kt extends ve.Mesh {
+  constructor(...t) {
+    super(...t);
+    J(this, "type", "HightlightMesh");
+    J(this, "createTime");
+    this.createTime = Date.now();
+  }
+  onBeforeRender() {
+    const n = (Date.now() - this.createTime) / 1e3, o = 1 + 0.07 * Math.sin(2.5 * n);
+    this.scale.set(o, o, o);
+  }
 }
-const le = (e, s) => {
-  for (const t of Object.keys(s))
-    s[t] instanceof Object && Object.assign(s[t], le(e[t], s[t]));
-  return Object.assign(e || {}, s), e;
-}, Ct = "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", _t = /* @__PURE__ */ Mt(Ct);
-function Z(e) {
+const Ee = (e, r) => {
+  for (const t of Object.keys(r))
+    r[t] instanceof Object && Object.assign(r[t], Ee(e[t], r[t]));
+  return Object.assign(e || {}, r), e;
+}, Xt = "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", Zt = /* @__PURE__ */ er(Xt);
+function ue(e) {
   return e && e.nodeType === 1;
 }
-function O(e) {
-  return e.replace(/-([a-z])/g, (s, t) => t.toUpperCase());
+function I(e) {
+  return e.replace(/-([a-z])/g, (r, t) => t.toUpperCase());
 }
-function Mt(e, s) {
-  const t = /* @__PURE__ */ Object.create(null), r = e.split(",");
-  for (let n = 0; n < r.length; n++)
-    t[r[n]] = !0;
-  return s ? (n) => !!t[n.toLowerCase()] : (n) => !!t[n];
+function er(e, r) {
+  const t = /* @__PURE__ */ Object.create(null), n = e.split(",");
+  for (let s = 0; s < n.length; s++)
+    t[n[s]] = !0;
+  return r ? (s) => !!t[s.toLowerCase()] : (s) => !!t[s];
 }
-const Pt = (e, s) => {
-  const t = /* @__PURE__ */ new Set(), r = [];
-  for (const n of e) {
-    const o = s(n);
-    t.has(o) || (t.add(o), r.push(n));
+const tr = (e, r) => {
+  const t = /* @__PURE__ */ new Set(), n = [];
+  for (const s of e) {
+    const a = r(s);
+    t.has(a) || (t.add(a), n.push(s));
   }
-  return r;
-}, ee = (e, s) => {
-  if (!s)
+  return n;
+}, ce = (e, r) => {
+  if (!r)
     return;
-  const t = Array.isArray(s) ? s : s.match(/([^[.\]])+/g);
-  return t == null ? void 0 : t.reduce((r, n) => r && r[n], e);
-}, At = (e, s, t) => {
-  const r = Array.isArray(s) ? s : s.match(/([^[.\]])+/g);
-  r && r.reduce((n, o, u) => (n[o] === void 0 && (n[o] = {}), u === r.length - 1 && (n[o] = t), n[o]), e);
+  const t = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+  return t == null ? void 0 : t.reduce((n, s) => n && n[s], e);
+}, rr = (e, r, t) => {
+  const n = Array.isArray(r) ? r : r.match(/([^[.\]])+/g);
+  n && n.reduce((s, a, o) => (s[a] === void 0 && (s[a] = {}), o === n.length - 1 && (s[a] = t), s[a]), e);
 };
-function ue(e, s) {
-  if (Z(e) && Z(s)) {
-    const n = e.attributes, o = s.attributes;
-    return n.length !== o.length ? !1 : Array.from(n).every(({ name: u, value: a }) => s.getAttribute(u) === a);
+function Me(e, r) {
+  if (ue(e) && ue(r)) {
+    const s = e.attributes, a = r.attributes;
+    return s.length !== a.length ? !1 : Array.from(s).every(({ name: o, value: i }) => r.getAttribute(o) === i);
   }
-  if (e === s)
+  if (e === r)
     return !0;
-  if (e === null || typeof e != "object" || s === null || typeof s != "object")
+  if (e === null || typeof e != "object" || r === null || typeof r != "object")
     return !1;
-  const t = Object.keys(e), r = Object.keys(s);
-  if (t.length !== r.length)
+  const t = Object.keys(e), n = Object.keys(r);
+  if (t.length !== n.length)
     return !1;
-  for (const n of t)
-    if (!r.includes(n) || !ue(e[n], s[n]))
+  for (const s of t)
+    if (!n.includes(s) || !Me(e[s], r[s]))
       return !1;
   return !0;
 }
-function kt(e, s) {
-  if (!Array.isArray(e) || !Array.isArray(s) || e.length !== s.length)
+function nr(e, r) {
+  if (!Array.isArray(e) || !Array.isArray(r) || e.length !== r.length)
     return !1;
   for (let t = 0; t < e.length; t++)
-    if (!ue(e[t], s[t]))
+    if (!Me(e[t], r[t]))
       return !1;
   return !0;
 }
-const Dt = Array.isArray, xt = Number.parseInt(Le.replace("dev", "")), R = {
+const or = Array.isArray;
+function sr(e, r, t, n) {
+  const s = (l) => {
+    if (l.uuid === r)
+      return l;
+    for (const c of l.children) {
+      const p = s(c);
+      if (p)
+        return p;
+    }
+  }, a = s(e);
+  if (!a) {
+    console.warn("Object with UUID not found in the scene.");
+    return;
+  }
+  let o = a;
+  for (let l = 0; l < t.length - 1; l++)
+    if (o[t[l]] !== void 0)
+      o = o[t[l]];
+    else {
+      console.warn(`Property path is not valid: ${t.join(".")}`);
+      return;
+    }
+  const i = t[t.length - 1];
+  o[i] !== void 0 ? o[i] = n : console.warn(`Property path is not valid: ${t.join(".")}`);
+}
+function ir(e) {
+  const r = new ye({
+    color: 11003607,
+    // Highlight color, e.g., yellow
+    transparent: !0,
+    opacity: 0.2,
+    depthTest: !1,
+    // So the highlight is always visible
+    side: Ke
+    // To e
+  });
+  return new Kt(e.geometry.clone(), r);
+}
+function Ce(e) {
+  var t;
+  let r = e.value;
+  return e.value && ((t = e.value) != null && t.isMesh) && (r = e.value.position), Array.isArray(e.value) && (r = new he(...r)), r;
+}
+const ar = Number.parseInt(Xe.replace("dev", "")), z = {
   realistic: {
     shadows: !0,
     physicallyCorrectLights: !0,
-    outputColorSpace: je,
-    toneMapping: Be,
+    outputColorSpace: Ze,
+    toneMapping: et,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Oe
+      type: tt
     }
   }
 };
-function Tt({
+function lr({
   scene: e,
-  canvas: s,
+  canvas: r,
   options: t,
-  disableRender: r,
-  contextParts: { sizes: n, camera: o }
+  disableRender: n,
+  contextParts: { sizes: s, camera: a }
 }) {
-  const u = k(() => ({
-    alpha: _(t.alpha),
-    depth: _(t.depth),
-    canvas: Ie(s),
-    context: _(t.context),
-    stencil: _(t.stencil),
-    antialias: _(t.antialias) === void 0 ? !0 : _(t.antialias),
-    precision: _(t.precision),
-    powerPreference: _(t.powerPreference),
-    premultipliedAlpha: _(t.premultipliedAlpha),
-    preserveDrawingBuffer: _(t.preserveDrawingBuffer),
-    logarithmicDepthBuffer: _(t.logarithmicDepthBuffer),
-    failIfMajorPerformanceCaveat: _(t.failIfMajorPerformanceCaveat)
-  })), a = x(new I(u.value));
-  ne(u, () => {
-    a.value.dispose(), a.value = new I(u.value);
-  }), D(() => {
-    a.value.setSize(n.width.value, n.height.value);
+  const o = P(() => ({
+    alpha: M(t.alpha),
+    depth: M(t.depth),
+    canvas: ht(r),
+    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)
+  })), i = D(new Q(o.value));
+  me(o, () => {
+    i.value.dispose(), i.value = new Q(o.value);
+  }), O(() => {
+    i.value.setSize(s.width.value, s.height.value);
   });
-  const { pixelRatio: l } = Ve();
-  D(() => {
-    a.value.setPixelRatio(l.value);
+  const { pixelRatio: l } = yt();
+  O(() => {
+    i.value.setPixelRatio(l.value);
   });
-  const { logError: c } = j(), f = (() => {
-    const p = new I(), y = {
+  const { logError: c } = T(), d = (() => {
+    const f = new Q(), h = {
       shadowMap: {
-        enabled: p.shadowMap.enabled,
-        type: p.shadowMap.type
+        enabled: f.shadowMap.enabled,
+        type: f.shadowMap.type
       },
-      toneMapping: p.toneMapping,
-      toneMappingExposure: p.toneMappingExposure,
-      outputColorSpace: p.outputColorSpace
+      toneMapping: f.toneMapping,
+      toneMappingExposure: f.toneMappingExposure,
+      outputColorSpace: f.outputColorSpace
     };
-    return p.dispose(), y;
+    return f.dispose(), h;
   })();
-  D(() => {
-    const p = _(t.preset);
-    p && (p in R || c(`Renderer Preset must be one of these: ${Object.keys(R).join(", ")}`), le(a.value, R[p]));
-    const y = (M, P) => {
-      const E = _(M), A = () => {
-        if (p)
-          return ee(R[p], P);
+  O(() => {
+    const f = M(t.preset);
+    f && (f in z || c(`Renderer Preset must be one of these: ${Object.keys(z).join(", ")}`), Ee(i.value, z[f]));
+    const h = (C, S) => {
+      const b = M(C), x = () => {
+        if (f)
+          return ce(z[f], S);
       };
-      if (E !== void 0)
-        return E;
-      const v = A();
-      return v !== void 0 ? v : ee(f, P);
-    }, b = (M, P) => At(a.value, P, y(M, P));
-    b(t.shadows, "shadowMap.enabled"), b(t.toneMapping, "toneMapping"), b(t.shadowMapType, "shadowMap.type"), xt < 150 && b(!t.useLegacyLights, "physicallyCorrectLights"), b(t.outputColorSpace, "outputColorSpace"), b(t.toneMappingExposure, "toneMappingExposure");
-    const w = y(t.clearColor, "clearColor");
-    w && a.value.setClearColor(
-      w ? bt(w) : new H(0)
+      if (b !== void 0)
+        return b;
+      const g = x();
+      return g !== void 0 ? g : ce(d, S);
+    }, _ = (C, S) => rr(i.value, S, h(C, S));
+    _(t.shadows, "shadowMap.enabled"), _(t.toneMapping, "toneMapping"), _(t.shadowMapType, "shadowMap.type"), ar < 150 && _(!t.useLegacyLights, "physicallyCorrectLights"), _(t.outputColorSpace, "outputColorSpace"), _(t.toneMappingExposure, "toneMappingExposure");
+    const w = h(t.clearColor, "clearColor");
+    w && i.value.setClearColor(
+      w ? qt(w) : new V(0)
       // default clear color is not easily/efficiently retrievable from three
     );
   });
-  const { pause: i, resume: m, onLoop: h } = ie();
-  return h(() => {
-    o.value && !_(r) && a.value.render(e, o.value);
-  }), m(), $(() => {
-    i(), a.value.dispose(), a.value.forceContextLoss();
+  const { pause: u, resume: m, onLoop: y } = te();
+  return y(() => {
+    a.value && !M(n) && i.value.render(e, a.value);
+  }), m(), F(() => {
+    u(), i.value.dispose(), i.value.forceContextLoss();
   }), {
-    renderer: a
+    renderer: i
   };
 }
-const te = (e) => typeof e == "function", St = (e) => !!e && e.constructor === Array;
-function Lt(e) {
-  const s = { nodes: {}, materials: {} };
+const de = (e) => typeof e == "function", ur = (e) => !!e && e.constructor === Array;
+function cr(e) {
+  const r = { nodes: {}, materials: {} };
   return e && e.traverse((t) => {
-    t.name && (s.nodes[t.name] = t), t.material && !s.materials[t.material.name] && (s.materials[t.material.name] = t.material);
-  }), s;
+    t.name && (r.nodes[t.name] = t), t.material && !r.materials[t.material.name] && (r.materials[t.material.name] = t.material);
+  }), r;
 }
-async function Kt(e, s, t, r, n) {
-  const { logError: o } = j(), u = new e();
-  n && n(u), t && t(u);
-  const l = (Array.isArray(s) ? s : [s]).map(
-    (c) => new Promise((d, f) => {
-      u.load(
+async function Ur(e, r, t, n, s) {
+  const { logError: a } = T(), o = new e();
+  s && s(o), t && t(o);
+  const l = (Array.isArray(r) ? r : [r]).map(
+    (c) => new Promise((p, d) => {
+      o.load(
         c,
-        (i) => {
-          i.scene && Object.assign(i, Lt(i.scene)), d(i);
+        (u) => {
+          u.scene && Object.assign(u, cr(u.scene)), p(u);
         },
-        r,
-        (i) => f(o("[useLoader] - Failed to load resource", i))
+        n,
+        (u) => d(a("[useLoader] - Failed to load resource", u))
       );
     })
   );
-  return St(s) ? await Promise.all(l) : await l[0];
+  return ur(r) ? await Promise.all(l) : await l[0];
 }
-async function Xt(e) {
-  const s = new Re(), t = new He(s), r = (n) => new Promise((o, u) => {
+async function Fr(e) {
+  const r = new rt(), t = new nt(r), n = (s) => new Promise((a, o) => {
     t.load(
-      n,
-      (a) => o(a),
+      s,
+      (i) => a(i),
       () => null,
       () => {
-        u(new Error("[useTextures] - Failed to load texture"));
+        o(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (Dt(e)) {
-    const n = await Promise.all(e.map((o) => r(o)));
-    return e.length > 1 ? n : n[0];
+  if (or(e)) {
+    const s = await Promise.all(e.map((a) => n(a)));
+    return e.length > 1 ? s : s[0];
   } else {
     const {
-      map: n,
-      displacementMap: o,
-      normalMap: u,
-      roughnessMap: a,
+      map: s,
+      displacementMap: a,
+      normalMap: o,
+      roughnessMap: i,
       metalnessMap: l,
       aoMap: c,
-      alphaMap: d,
-      matcap: f
+      alphaMap: p,
+      matcap: d
     } = e;
     return {
-      map: n ? await r(n) : null,
-      displacementMap: o ? await r(o) : null,
-      normalMap: u ? await r(u) : null,
-      roughnessMap: a ? await r(a) : null,
-      metalnessMap: l ? await r(l) : null,
-      aoMap: c ? await r(c) : null,
-      alphaMap: d ? await r(d) : null,
-      matcap: f ? await r(f) : null
+      map: s ? await n(s) : null,
+      displacementMap: a ? await n(a) : null,
+      normalMap: o ? await n(o) : null,
+      roughnessMap: i ? await n(i) : null,
+      metalnessMap: l ? await n(l) : null,
+      aoMap: c ? await n(c) : null,
+      alphaMap: p ? await n(p) : null,
+      matcap: d ? await n(d) : null
     };
   }
 }
-const jt = (e, { renderer: s, camera: t, raycaster: r }) => {
-  const n = k(() => s.value.domElement), { x: o, y: u } = We({ target: n }), { width: a, height: l, top: c, left: d } = Ge(n), f = ({ x: v, y: C }) => {
-    if (n.value)
+const dr = (e, { renderer: r, camera: t, raycaster: n }) => {
+  const s = P(() => r.value.domElement), { x: a, y: o } = wt({ target: s }), { width: i, height: l, top: c, left: p } = bt(s), d = ({ x: g, y: E }) => {
+    if (s.value)
       return {
-        x: (v - d.value) / a.value * 2 - 1,
-        y: -((C - c.value) / l.value) * 2 + 1
+        x: (g - p.value) / i.value * 2 - 1,
+        y: -((E - c.value) / l.value) * 2 + 1
       };
-  }, i = ({ x: v, y: C }) => {
+  }, u = ({ x: g, y: E }) => {
     if (t.value)
-      return r.value.setFromCamera(new ze(v, C), t.value), r.value.intersectObjects(e.value, !1);
-  }, m = (v) => {
-    const C = f({
-      x: (v == null ? void 0 : v.clientX) ?? o.value,
-      y: (v == null ? void 0 : v.clientY) ?? u.value
+      return n.value.setFromCamera(new ot(g, E), t.value), n.value.intersectObjects(e.value, !1);
+  }, m = (g) => {
+    const E = d({
+      x: (g == null ? void 0 : g.clientX) ?? a.value,
+      y: (g == null ? void 0 : g.clientY) ?? o.value
     });
-    return C ? i(C) || [] : [];
-  }, h = k(() => m()), p = S(), y = S(), b = (v, C) => {
-    v.trigger({ event: C, intersects: m(C) });
-  }, w = (v) => {
-    b(y, v);
+    return E ? u(E) || [] : [];
+  }, y = P(() => m()), f = H(), h = H(), _ = (g, E) => {
+    g.trigger({ event: E, intersects: m(E) });
+  }, w = (g) => {
+    _(h, g);
   };
-  let M;
-  const P = (v) => {
-    var C;
-    M = (C = m(v)[0]) == null ? void 0 : C.object;
-  }, E = (v) => {
-    var C;
-    v instanceof PointerEvent && M === ((C = m(v)[0]) == null ? void 0 : C.object) && b(p, v);
-  }, A = (v) => y.trigger({ event: v, intersects: [] });
-  return n.value.addEventListener("pointerup", E), n.value.addEventListener("pointerdown", P), n.value.addEventListener("pointermove", w), n.value.addEventListener("pointerleave", A), $(() => {
-    n != null && n.value && (n.value.removeEventListener("pointerup", E), n.value.removeEventListener("pointerdown", P), n.value.removeEventListener("pointermove", w), n.value.removeEventListener("pointerleave", A));
+  let C;
+  const S = (g) => {
+    var E;
+    C = (E = m(g)[0]) == null ? void 0 : E.object;
+  }, b = (g) => {
+    var E;
+    g instanceof PointerEvent && C === ((E = m(g)[0]) == null ? void 0 : E.object) && _(f, g);
+  }, x = (g) => h.trigger({ event: g, intersects: [] });
+  return s.value.addEventListener("pointerup", b), s.value.addEventListener("pointerdown", S), s.value.addEventListener("pointermove", w), s.value.addEventListener("pointerleave", x), F(() => {
+    s != null && s.value && (s.value.removeEventListener("pointerup", b), s.value.removeEventListener("pointerdown", S), s.value.removeEventListener("pointermove", w), s.value.removeEventListener("pointerleave", x));
   }), {
-    intersects: h,
-    onClick: (v) => p.on(v).off,
-    onPointerMove: (v) => y.on(v).off
+    intersects: y,
+    onClick: (g) => f.on(g).off,
+    onPointerMove: (g) => h.on(g).off
   };
 };
-function Qt() {
-  const { logWarning: e } = j();
-  function s(o, u, a) {
+function Gr() {
+  const { logWarning: e } = T();
+  function r(a, o, i) {
     let l = null;
-    return o.traverse((c) => {
-      c[u] === a && (l = c);
-    }), l || e(`Child with ${u} '${a}' not found.`), l;
+    return a.traverse((c) => {
+      c[o] === i && (l = c);
+    }), l || e(`Child with ${o} '${i}' not found.`), l;
   }
-  function t(o, u, a) {
+  function t(a, o, i) {
     const l = [];
-    return o.traverse((c) => {
-      c[u].includes(a) && l.push(c);
-    }), l.length || e(`Children with ${u} '${a}' not found.`), l;
+    return a.traverse((c) => {
+      c[o].includes(i) && l.push(c);
+    }), l.length || e(`Children with ${o} '${i}' not found.`), l;
   }
-  function r(o, u) {
-    return s(o, "name", u);
+  function n(a, o) {
+    return r(a, "name", o);
   }
-  function n(o, u) {
-    return t(o, "name", u);
+  function s(a, o) {
+    return t(a, "name", o);
   }
   return {
-    seek: s,
-    seekByName: r,
+    seek: r,
+    seekByName: n,
     seekAll: t,
-    seekAllByName: n
+    seekAllByName: s
   };
 }
-const Bt = ({ scene: e, contextParts: s }) => {
-  const t = ve({
+const fr = ({ scene: e, contextParts: r }) => {
+  const t = ge({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), r = L(/* @__PURE__ */ new Set()), n = (i) => {
-    r.value.add(i);
-  }, o = (i) => {
-    r.value.delete(i);
-  }, u = (i) => {
-    Object.values(t).forEach((m) => m.delete(i)), o(i);
-  }, a = (i) => {
-    const { onClick: m, onPointerMove: h, onPointerEnter: p, onPointerLeave: y } = i;
-    m && t.click.set(i, m), h && t.pointerMove.set(i, h), p && t.pointerEnter.set(i, p), y && t.pointerLeave.set(i, y);
+  }), n = R(/* @__PURE__ */ new Set()), s = (u) => {
+    n.value.add(u);
+  }, a = (u) => {
+    n.value.delete(u);
+  }, o = (u) => {
+    Object.values(t).forEach((m) => m.delete(u)), a(u);
+  }, i = (u) => {
+    const { onClick: m, onPointerMove: y, onPointerEnter: f, onPointerLeave: h } = u;
+    m && t.click.set(u, m), y && t.pointerMove.set(u, y), f && t.pointerEnter.set(u, f), h && t.pointerLeave.set(u, h);
   };
-  e.userData.tres__registerAtPointerEventHandler = a, e.userData.tres__deregisterAtPointerEventHandler = u, e.userData.tres__registerBlockingObjectAtPointerEventHandler = n, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = o;
-  const l = k(
-    () => Pt(
+  e.userData.tres__registerAtPointerEventHandler = i, e.userData.tres__deregisterAtPointerEventHandler = o, e.userData.tres__registerBlockingObjectAtPointerEventHandler = s, e.userData.tres__deregisterBlockingObjectAtPointerEventHandler = a;
+  const l = P(
+    () => tr(
       [
-        ...Array.from(r.value),
-        ...Object.values(t).map((i) => Array.from(i.keys())).flat()
+        ...Array.from(n.value),
+        ...Object.values(t).map((u) => Array.from(u.keys())).flat()
       ],
-      ({ uuid: i }) => i
+      ({ uuid: u }) => u
     )
-  ), { onClick: c, onPointerMove: d } = jt(l, s);
-  c(({ intersects: i, event: m }) => {
-    var h;
-    i.length && ((h = t.click.get(i[0].object)) == null || h(i[0], m));
+  ), { onClick: c, onPointerMove: p } = dr(l, r);
+  c(({ intersects: u, event: m }) => {
+    var y;
+    u.length && ((y = t.click.get(u[0].object)) == null || y(u[0], m));
   });
-  let f;
-  return d(({ intersects: i, event: m }) => {
-    var w, M, P, E;
-    const h = (w = i == null ? void 0 : i[0]) == null ? void 0 : w.object, { pointerLeave: p, pointerEnter: y, pointerMove: b } = t;
-    f && f !== h && ((M = p.get(f)) == null || M(f, m)), h && (f !== h && ((P = y.get(h)) == null || P(i[0], m)), (E = b.get(h)) == null || E(i[0], m)), f = h || null;
+  let d;
+  return p(({ intersects: u, event: m }) => {
+    var w, C, S, b;
+    const y = (w = u == null ? void 0 : u[0]) == null ? void 0 : w.object, { pointerLeave: f, pointerEnter: h, pointerMove: _ } = t;
+    d && d !== y && ((C = f.get(d)) == null || C(d, m)), y && (d !== y && ((S = h.get(y)) == null || S(u[0], m)), (b = _.get(y)) == null || b(u[0], m)), d = y || null;
   }), {
-    registerObject: a,
-    deregisterObject: u
+    registerObject: i,
+    deregisterObject: o
   };
 };
-function Ot(e) {
-  let s = 0;
+function Se(e) {
+  let r = 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, u = r.attributes.normal ? r.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, a = r.attributes.uv ? r.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, l = n + o + u + a;
-      s += l;
+      const n = t.geometry, s = n.attributes.position.count * 3 * Float32Array.BYTES_PER_ELEMENT, a = n.index ? n.index.count * Uint32Array.BYTES_PER_ELEMENT : 0, o = n.attributes.normal ? n.attributes.normal.count * 3 * Float32Array.BYTES_PER_ELEMENT : 0, i = n.attributes.uv ? n.attributes.uv.count * 2 * Float32Array.BYTES_PER_ELEMENT : 0, l = s + a + o + i;
+      r += l;
     }
-  }), s;
+  }), r;
+}
+function pr(e) {
+  return (e / 1024).toFixed(2);
 }
-const q = L({}), Y = (e) => Object.assign(q.value, e);
-function Rt({
+const X = R({}), re = (e) => Object.assign(X.value, e);
+function mr({
   scene: e,
-  canvas: s,
+  canvas: r,
   windowSize: t,
-  disableRender: r,
-  rendererOptions: n
+  disableRender: n,
+  rendererOptions: s
 }) {
-  const o = k(
-    () => _(t) ? qe() : Ue(_(s).parentElement)
-  ), u = x({
+  const a = P(
+    () => M(t) ? _t() : Et(M(r).parentElement)
+  ), o = D({
     width: 0,
     height: 0
-  }), a = Ye(u, 10), l = D(() => {
-    u.value = {
-      width: o.value.width.value,
-      height: o.value.height.value
+  }), i = Mt(o, 10), l = O(() => {
+    o.value = {
+      width: a.value.width.value,
+      height: a.value.height.value
     };
-  }), c = k(() => a.value.width / a.value.height), d = {
-    height: k(() => a.value.height),
-    width: k(() => a.value.width),
+  }), c = P(() => i.value.width / i.value.height), p = {
+    height: P(() => i.value.height),
+    width: P(() => i.value.width),
     aspectRatio: c
-  }, f = x(e), {
-    camera: i,
+  }, d = D(e), {
+    camera: u,
     cameras: m,
-    registerCamera: h,
-    deregisterCamera: p,
-    setCameraActive: y
-  } = yt({ sizes: d, scene: e }), { renderer: b } = Tt(
+    registerCamera: y,
+    deregisterCamera: f,
+    setCameraActive: h
+  } = Gt({ sizes: p, scene: e }), { renderer: _ } = lr(
     {
       scene: e,
-      canvas: s,
-      options: n,
-      contextParts: { sizes: d, camera: i },
-      disableRender: r
+      canvas: r,
+      options: s,
+      contextParts: { sizes: p, camera: u },
+      disableRender: n
     }
   ), w = {
-    sizes: d,
-    scene: f,
-    camera: i,
-    cameras: ge(m),
-    renderer: b,
-    raycaster: x(new Fe()),
-    controls: L(null),
+    sizes: p,
+    scene: d,
+    camera: u,
+    cameras: Re(m),
+    renderer: _,
+    raycaster: D(new st()),
+    controls: R(null),
     perf: {
       maxFrames: 160,
       fps: {
@@ -557,136 +619,136 @@ function Rt({
         accumulator: []
       }
     },
-    extend: Y,
-    registerCamera: h,
-    setCameraActive: y,
-    deregisterCamera: p
+    extend: re,
+    registerCamera: y,
+    setCameraActive: h,
+    deregisterCamera: f
   };
-  W("useTres", w);
-  const M = 100, P = Je({ every: M }), { isSupported: E, memory: A } = Ke({ interval: M }), v = 160;
-  let C = performance.now();
-  const ce = ({ timestamp: B }) => {
-    w.scene.value && (w.perf.memory.allocatedMem = Ot(w.scene.value)), B - C >= M && (C = B, w.perf.fps.accumulator.push(P.value), w.perf.fps.accumulator.length > v && w.perf.fps.accumulator.shift(), w.perf.fps.value = P.value, E.value && A.value && (w.perf.memory.accumulator.push(A.value.usedJSHeapSize / 1024 / 1024), w.perf.memory.accumulator.length > v && w.perf.memory.accumulator.shift(), w.perf.memory.currentMem = w.perf.memory.accumulator.reduce((de, me) => de + me, 0) / w.perf.memory.accumulator.length));
+  q("useTres", w);
+  const C = 100, S = Ct({ every: C }), { isSupported: b, memory: x } = St({ interval: C }), g = 160;
+  let E = performance.now();
+  const Te = ({ timestamp: $ }) => {
+    w.scene.value && (w.perf.memory.allocatedMem = Se(w.scene.value)), $ - E >= C && (E = $, w.perf.fps.accumulator.push(S.value), w.perf.fps.accumulator.length > g && w.perf.fps.accumulator.shift(), w.perf.fps.value = S.value, b.value && x.value && (w.perf.memory.accumulator.push(x.value.usedJSHeapSize / 1024 / 1024), w.perf.memory.accumulator.length > g && w.perf.memory.accumulator.shift(), w.perf.memory.currentMem = w.perf.memory.accumulator.reduce((De, Be) => De + Be, 0) / w.perf.memory.accumulator.length));
   };
-  let N = 0;
-  const fe = 1, { pause: pe, resume: Wt } = se(({ delta: B }) => {
-    window.__TRES__DEVTOOLS__ && (ce({ timestamp: performance.now() }), N += B, N >= fe && (window.__TRES__DEVTOOLS__.cb(w), N = 0));
+  let G = 0;
+  const Le = 1, { pause: Oe, resume: Rr } = we(({ delta: $ }) => {
+    window.__TRES__DEVTOOLS__ && (Te({ timestamp: performance.now() }), G += $, G >= Le && (window.__TRES__DEVTOOLS__.cb(w), G = 0));
   }, { immediate: !0 });
-  return $(() => {
-    l(), pe();
+  return F(() => {
+    l(), Oe();
   }), w;
 }
-function Ht() {
-  const e = ye("useTres");
+function gr() {
+  const e = $e("useTres");
   if (!e)
     throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const Zt = Ht;
-let g = null;
-const { logError: re } = j(), V = [
+const Jr = gr;
+let v = null;
+const { logError: fe } = T(), Y = [
   "onClick",
   "onPointerMove",
   "onPointerEnter",
   "onPointerLeave"
-], zt = {
-  createElement(e, s, t, r) {
-    var u, a;
-    if (r || (r = {}), r.args || (r.args = []), e === "template" || _t(e))
+], vr = {
+  createElement(e, r, t, n) {
+    var o, i;
+    if (n || (n = {}), n.args || (n.args = []), e === "template" || Zt(e))
       return null;
-    let n = e.replace("Tres", ""), o;
+    let s = e.replace("Tres", ""), a;
     if (e === "primitive") {
-      (r == null ? void 0 : r.object) === void 0 && re("Tres primitives need a prop 'object'");
-      const l = r.object;
-      n = l.type, o = Object.assign(l, { type: n, attach: r.attach, primitive: !0 });
+      (n == null ? void 0 : n.object) === void 0 && fe("Tres primitives need a prop 'object'");
+      const l = n.object;
+      s = l.type, a = Object.assign(l, { type: s, attach: n.attach, primitive: !0 });
     } else {
-      const l = q.value[n];
-      l || re(`${n} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new l(...r.args);
+      const l = X.value[s];
+      l || fe(`${s} is not defined on the THREE namespace. Use extend to add it to the catalog.`), a = new l(...n.args);
     }
-    return o.isCamera && (r != null && r.position || o.position.set(3, 3, 3), r != null && r.lookAt || o.lookAt(0, 0, 0)), (r == null ? void 0 : r.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry")), o.isObject3D && ((u = r == null ? void 0 : r.material) != null && u.isMaterial && (o.userData.tres__materialViaProp = !0), (a = r == null ? void 0 : r.geometry) != null && a.isBufferGeometry && (o.userData.tres__geometryViaProp = !0)), o.userData = {
-      ...o.userData,
-      tres__name: n
-    }, o;
+    return a.isCamera && (n != null && n.position || a.position.set(3, 3, 3), n != null && n.lookAt || a.lookAt(0, 0, 0)), (n == null ? void 0 : n.attach) === void 0 && (a.isMaterial ? a.attach = "material" : a.isBufferGeometry && (a.attach = "geometry")), a.isObject3D && ((o = n == null ? void 0 : n.material) != null && o.isMaterial && (a.userData.tres__materialViaProp = !0), (i = n == null ? void 0 : n.geometry) != null && i.isBufferGeometry && (a.userData.tres__geometryViaProp = !0)), a.userData = {
+      ...a.userData,
+      tres__name: s
+    }, a;
   },
-  insert(e, s) {
-    var r, n, o, u;
-    s && s.isScene && (g = s);
-    const t = s || g;
+  insert(e, r) {
+    var n, s, a, o;
+    r && r.isScene && (v = r);
+    const t = r || v;
     if (e != null && e.isObject3D) {
       if (e != null && e.isCamera) {
-        if (!(g != null && g.userData.tres__registerCamera))
+        if (!(v != null && v.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);
+        (s = v == null ? void 0 : (n = v.userData).tres__registerCamera) == null || s.call(n, e);
       }
-      if (e && V.some((a) => e[a])) {
-        if (!(g != null && g.userData.tres__registerAtPointerEventHandler))
+      if (e && Y.some((i) => e[i])) {
+        if (!(v != null && v.userData.tres__registerAtPointerEventHandler))
           throw "could not find tres__registerAtPointerEventHandler on scene's userData";
-        (u = g == null ? void 0 : (o = g.userData).tres__registerAtPointerEventHandler) == null || u.call(o, e);
+        (o = v == null ? void 0 : (a = v.userData).tres__registerAtPointerEventHandler) == null || o.call(a, 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 s, t;
+    var r, t;
     if (e) {
       if (e.isObject3D) {
-        const r = e, n = (c) => {
-          var f, i;
-          const d = c;
-          c.userData.tres__materialViaProp || ((f = d.material) == null || f.dispose(), d.material = void 0), c.userData.tres__geometryViaProp || ((i = d.geometry) == null || i.dispose(), d.geometry = void 0);
-        }, o = g == null ? void 0 : g.userData.tres__deregisterAtPointerEventHandler, u = g == null ? void 0 : g.userData.tres__deregisterBlockingObjectAtPointerEventHandler, a = (c) => {
-          var d, f;
-          if (!u)
+        const n = e, s = (c) => {
+          var d, u;
+          const p = c;
+          c.userData.tres__materialViaProp || ((d = p.material) == null || d.dispose(), p.material = void 0), c.userData.tres__geometryViaProp || ((u = p.geometry) == null || u.dispose(), p.geometry = void 0);
+        }, a = v == null ? void 0 : v.userData.tres__deregisterAtPointerEventHandler, o = v == null ? void 0 : v.userData.tres__deregisterBlockingObjectAtPointerEventHandler, i = (c) => {
+          var p, d;
+          if (!o)
             throw "could not find tres__deregisterBlockingObjectAtPointerEventHandler on scene's userData";
-          if ((f = g == null ? void 0 : (d = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || f.call(d, c), !o)
+          if ((d = v == null ? void 0 : (p = v.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || d.call(p, c), !a)
             throw "could not find tres__deregisterAtPointerEventHandler on scene's userData";
-          c && V.some((i) => c[i]) && (o == null || o(c));
+          c && Y.some((u) => c[u]) && (a == null || a(c));
         }, l = (c) => {
-          const d = g == null ? void 0 : g.userData.tres__deregisterCamera;
-          if (!d)
+          const p = v == null ? void 0 : v.userData.tres__deregisterCamera;
+          if (!p)
             throw "could not find tres__deregisterCamera on scene's userData";
-          c.isCamera && (d == null || d(c));
+          c.isCamera && (p == null || p(c));
         };
-        (s = e.removeFromParent) == null || s.call(e), r.traverse((c) => {
-          n(c), l(c), a == null || a(c);
-        }), n(r), l(r), a == null || a(r);
+        (r = e.removeFromParent) == null || r.call(e), n.traverse((c) => {
+          s(c), l(c), i == null || i(c);
+        }), s(n), l(n), i == null || i(n);
       }
       (t = e.dispose) == null || t.call(e);
     }
   },
-  patchProp(e, s, t, r) {
-    var n, o, u, a;
+  patchProp(e, r, t, n) {
+    var s, a, o, i;
     if (e) {
-      let l = e, c = s;
+      let l = e, c = r;
       if (e.isObject3D && c === "blocks-pointer-events") {
-        r || r === "" ? (o = g == null ? void 0 : (n = g.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || o.call(n, e) : (a = g == null ? void 0 : (u = g.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || a.call(u, e);
+        n || n === "" ? (a = v == null ? void 0 : (s = v.userData).tres__registerBlockingObjectAtPointerEventHandler) == null || a.call(s, e) : (i = v == null ? void 0 : (o = v.userData).tres__deregisterBlockingObjectAtPointerEventHandler) == null || i.call(o, e);
         return;
       }
-      let d = O(c), f = l == null ? void 0 : l[d];
+      let p = I(c), d = l == null ? void 0 : l[p];
       if (c === "args") {
-        const m = e, h = t ?? [], p = r ?? [], y = e.userData.tres__name || e.type;
-        y && h.length && !kt(h, p) && (l = Object.assign(m, new q.value[y](...r)));
+        const m = e, y = t ?? [], f = n ?? [], h = e.userData.tres__name || e.type;
+        h && y.length && !nr(y, f) && (l = Object.assign(m, new X.value[h](...n)));
         return;
       }
       if (l.type === "BufferGeometry") {
         if (c === "args")
           return;
         l.setAttribute(
-          O(c),
-          new $e(...r)
+          I(c),
+          new it(...n)
         );
         return;
       }
-      if (c.includes("-") && f === void 0) {
+      if (c.includes("-") && d === void 0) {
         const m = c.split("-");
-        f = m.reduce((h, p) => h[O(p)], l), c = m.pop(), d = c.toLowerCase(), f != null && f.set || (l = m.reduce((h, p) => h[O(p)], l));
+        d = m.reduce((y, f) => y[I(f)], l), c = m.pop(), p = c.toLowerCase(), d != null && d.set || (l = m.reduce((y, f) => y[I(f)], l));
       }
-      let i = r;
-      if (i === "" && (i = !0), te(f)) {
-        V.includes(s) || (Array.isArray(i) ? e[d](...i) : e[d](i));
+      let u = n;
+      if (u === "" && (u = !0), de(d)) {
+        Y.includes(r) || (Array.isArray(u) ? e[p](...u) : e[p](u));
         return;
       }
-      !(f != null && f.set) && !te(f) ? l[d] = i : f.constructor === i.constructor && (f != null && f.copy) ? f == null || f.copy(i) : Array.isArray(i) ? f.set(...i) : !f.isColor && f.setScalar ? f.setScalar(i) : f.set(i);
+      !(d != null && d.set) && !de(d) ? l[p] = u : d.constructor === u.constructor && (d != null && d.copy) ? d == null || d.copy(u) : Array.isArray(u) ? d.set(...u) : !d.isColor && d.setScalar ? d.setScalar(u) : d.set(u);
     }
   },
   parentNode(e) {
@@ -701,9 +763,288 @@ const { logError: re } = j(), V = [
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { render: Ft } = he(zt);
-Y(ke);
-const $t = ["data-scene", "data-tres"], Nt = /* @__PURE__ */ J({
+}, { render: hr } = Ie(vr);
+re(ve);
+function yr() {
+  return xe().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+}
+function xe() {
+  return typeof navigator < "u" && typeof window < "u" ? window : typeof global < "u" ? global : {};
+}
+const wr = typeof Proxy == "function", br = "devtools-plugin:setup", _r = "plugin:settings:set";
+let L, Z;
+function Er() {
+  var e;
+  return L !== void 0 || (typeof window < "u" && window.performance ? (L = !0, Z = window.performance) : typeof global < "u" && (!((e = global.perf_hooks) === null || e === void 0) && e.performance) ? (L = !0, Z = global.perf_hooks.performance) : L = !1), L;
+}
+function Mr() {
+  return Er() ? Z.now() : Date.now();
+}
+class Cr {
+  constructor(r, t) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = r, this.hook = t;
+    const n = {};
+    if (r.settings)
+      for (const o in r.settings) {
+        const i = r.settings[o];
+        n[o] = i.defaultValue;
+      }
+    const s = `__vue-devtools-plugin-settings__${r.id}`;
+    let a = Object.assign({}, n);
+    try {
+      const o = localStorage.getItem(s), i = JSON.parse(o);
+      Object.assign(a, i);
+    } catch {
+    }
+    this.fallbacks = {
+      getSettings() {
+        return a;
+      },
+      setSettings(o) {
+        try {
+          localStorage.setItem(s, JSON.stringify(o));
+        } catch {
+        }
+        a = o;
+      },
+      now() {
+        return Mr();
+      }
+    }, t && t.on(_r, (o, i) => {
+      o === this.plugin.id && this.fallbacks.setSettings(i);
+    }), this.proxiedOn = new Proxy({}, {
+      get: (o, i) => this.target ? this.target.on[i] : (...l) => {
+        this.onQueue.push({
+          method: i,
+          args: l
+        });
+      }
+    }), this.proxiedTarget = new Proxy({}, {
+      get: (o, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...l) => (this.targetQueue.push({
+        method: i,
+        args: l,
+        resolve: () => {
+        }
+      }), this.fallbacks[i](...l)) : (...l) => new Promise((c) => {
+        this.targetQueue.push({
+          method: i,
+          args: l,
+          resolve: c
+        });
+      })
+    });
+  }
+  async setRealTarget(r) {
+    this.target = r;
+    for (const t of this.onQueue)
+      this.target.on[t.method](...t.args);
+    for (const t of this.targetQueue)
+      t.resolve(await this.target[t.method](...t.args));
+  }
+}
+function Sr(e, r) {
+  const t = e, n = xe(), s = yr(), a = wr && t.enableEarlyProxy;
+  if (s && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
+    s.emit(br, e, r);
+  else {
+    const o = a ? new Cr(t, s) : null;
+    (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: t,
+      setupFn: r,
+      proxy: o
+    }), o && r(o.proxiedTarget);
+  }
+}
+function xr(e, r) {
+  const t = `▲ ■ ●${e}`;
+  typeof __VUE_DEVTOOLS_TOAST__ == "function" ? __VUE_DEVTOOLS_TOAST__(t, r) : r === "error" ? console.error(t) : r === "warn" ? console.warn(t) : console.log(t);
+}
+const Pe = (e) => {
+  const r = {
+    id: e.uuid,
+    label: e.type,
+    children: [],
+    tags: []
+  };
+  e.name !== "" && r.tags.push({
+    label: e.name,
+    textColor: 5750629,
+    backgroundColor: 15793395
+  });
+  const t = Se(e);
+  return t > 0 && r.tags.push({
+    label: `${pr(t)} KB`,
+    textColor: 15707189,
+    backgroundColor: 16775644,
+    tooltip: "Memory usage"
+  }), e.type.includes("Light") && (r.tags.push({
+    label: `${e.intensity}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Intensity"
+  }), r.tags.push({
+    label: `#${e.color.getHexString()}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Color"
+  })), e.type.includes("Camera") && (r.tags.push({
+    label: `${e.fov}°`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Field of view"
+  }), r.tags.push({
+    // eslint-disable-next-line max-len
+    label: `x: ${Math.round(e.position.x)} y: ${Math.round(e.position.y)} z: ${Math.round(e.position.z)}`,
+    textColor: 9738662,
+    backgroundColor: 16316922,
+    tooltip: "Position"
+  })), r;
+};
+function ke(e, r) {
+  e.children.forEach((t) => {
+    if (t.type === "HightlightMesh")
+      return;
+    const n = Pe(t);
+    r.children.push(n), ke(t, n);
+  });
+}
+const Pr = [], B = "tres:inspector", kr = ge({
+  sceneGraph: null
+});
+function Ar(e, r) {
+  Sr(
+    {
+      id: "dev.esm.tres",
+      label: "TresJS 🪐",
+      logo: "https://raw.githubusercontent.com/Tresjs/tres/main/public/favicon.svg",
+      packageName: "tresjs",
+      homepage: "https://tresjs.org",
+      componentStateTypes: Pr,
+      app: e
+    },
+    (t) => {
+      typeof t.now != "function" && xr(
+        // eslint-disable-next-line max-len
+        "You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."
+      ), t.addInspector({
+        id: B,
+        label: "TresJS 🪐",
+        icon: "account_tree",
+        treeFilterPlaceholder: "Search instances"
+      }), setInterval(() => {
+        t.sendInspectorTree(B);
+      }, 1e3), setInterval(() => {
+        t.notifyComponentUpdate();
+      }, 5e3), t.on.getInspectorTree((a) => {
+        if (a.inspectorId === B) {
+          const o = Pe(r.scene.value);
+          ke(r.scene.value, o), kr.sceneGraph = o, a.rootNodes = [o];
+        }
+      });
+      let n = null, s = null;
+      t.on.getInspectorState((a) => {
+        if (a.inspectorId === B) {
+          const [o] = r.scene.value.getObjectsByProperty("uuid", a.nodeId);
+          if (!o)
+            return;
+          if (s && n && n.parent && s.remove(n), o.isMesh) {
+            const i = ir(o);
+            o.add(i), n = i, s = o;
+          }
+          a.state = {
+            object: [
+              {
+                key: "uuid",
+                editable: !0,
+                value: o.uuid
+              },
+              {
+                key: "name",
+                editable: !0,
+                value: o.name
+              },
+              {
+                key: "type",
+                editable: !0,
+                value: o.type
+              },
+              {
+                key: "position",
+                editable: !0,
+                value: o.position
+              },
+              {
+                key: "rotation",
+                editable: !0,
+                value: o.rotation
+              },
+              {
+                key: "scale",
+                editable: !0,
+                value: o.scale
+              },
+              {
+                key: "geometry",
+                value: o.geometry
+              },
+              {
+                key: "material",
+                value: o.material
+              },
+              {
+                key: "color",
+                editable: !0,
+                value: o.color
+              },
+              {
+                key: "intensity",
+                editable: !0,
+                value: o.intensity
+              },
+              {
+                key: "castShadow",
+                editable: !0,
+                value: o.castShadow
+              },
+              {
+                key: "receiveShadow",
+                editable: !0,
+                value: o.receiveShadow
+              },
+              {
+                key: "frustumCulled",
+                editable: !0,
+                value: o.frustumCulled
+              },
+              {
+                key: "matrixAutoUpdate",
+                editable: !0,
+                value: o.matrixAutoUpdate
+              },
+              {
+                key: "matrixWorldNeedsUpdate",
+                editable: !0,
+                value: o.matrixWorldNeedsUpdate
+              },
+              {
+                key: "matrixWorld",
+                value: o.matrixWorld
+              },
+              {
+                key: "visible",
+                editable: !0,
+                value: o.visible
+              }
+            ]
+          };
+        }
+      }), t.on.editInspectorState((a) => {
+        a.inspectorId === B && sr(r.scene.value, a.nodeId, a.path, a.state.value);
+      });
+    }
+  );
+}
+const Tr = ["data-scene", "data-tres"], Lr = /* @__PURE__ */ ne({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean, default: void 0 },
@@ -729,108 +1070,205 @@ const $t = ["data-scene", "data-tres"], Nt = /* @__PURE__ */ J({
     logarithmicDepthBuffer: { type: Boolean, default: void 0 },
     failIfMajorPerformanceCaveat: { type: Boolean, default: void 0 }
   },
-  setup(e, { expose: s }) {
-    var h;
-    const t = e, { logWarning: r } = j(), n = L(), o = x(new Ne()), { resume: u } = ie(), a = we(), l = (h = K()) == null ? void 0 : h.appContext.app, c = (p) => J({
+  setup(e, { expose: r }) {
+    var y;
+    const t = e, { logWarning: n } = T(), s = R(), a = D(new at()), { resume: o } = te(), i = ze(), l = (y = oe()) == null ? void 0 : y.appContext.app, c = (f) => ne({
       setup() {
-        var b;
-        const y = (b = K()) == null ? void 0 : b.appContext;
-        return y && (y.app = l), W("useTres", p), W("extend", Y), () => X(Ae, null, a != null && a.default ? a.default() : []);
+        var _;
+        const h = (_ = oe()) == null ? void 0 : _.appContext;
+        return h && (h.app = l), q("useTres", f), q("extend", re), typeof window < "u" && Ar(h.app, f), () => se(Je, null, i != null && i.default ? i.default() : []);
       }
-    }), d = (p) => {
-      const y = c(p);
-      Ft(X(y), o.value);
-    }, f = (p, y = !1) => {
-      o.value.children = [], y && (p.renderer.value.dispose(), p.renderer.value.renderLists.dispose(), p.renderer.value.forceContextLoss()), d(p), u();
-    }, i = k(() => t.disableRender), m = x(null);
-    return s({ context: m, dispose: () => f(m.value, !0) }), Ee(() => {
-      const p = n;
-      m.value = Rt({
-        scene: o.value,
-        canvas: p,
+    }), p = (f) => {
+      const h = c(f);
+      hr(se(h), a.value);
+    }, d = (f, h = !1) => {
+      a.value.children = [], h && (f.renderer.value.dispose(), f.renderer.value.renderLists.dispose(), f.renderer.value.forceContextLoss()), p(f), o();
+    }, u = P(() => t.disableRender), m = D(null);
+    return r({ context: m, dispose: () => d(m.value, !0) }), Ne(() => {
+      const f = s;
+      m.value = mr({
+        scene: a.value,
+        canvas: f,
         windowSize: t.windowSize,
-        disableRender: i,
+        disableRender: u,
         rendererOptions: t
-      }), Bt({ scene: o.value, contextParts: m.value });
-      const { registerCamera: y, camera: b, cameras: w, deregisterCamera: M } = m.value;
-      d(m.value);
-      const P = () => {
-        const E = new G(
+      }), fr({ scene: a.value, contextParts: m.value });
+      const { registerCamera: h, camera: _, cameras: w, deregisterCamera: C } = m.value;
+      p(m.value);
+      const S = () => {
+        const b = new K(
           45,
           window.innerWidth / window.innerHeight,
           0.1,
           1e3
         );
-        E.position.set(3, 3, 3), E.lookAt(0, 0, 0), y(E);
-        const A = D(() => {
-          w.value.length >= 2 && (E.removeFromParent(), M(E), A == null || A());
+        b.position.set(3, 3, 3), b.lookAt(0, 0, 0), h(b);
+        const x = O(() => {
+          w.value.length >= 2 && (b.removeFromParent(), C(b), x == null || x());
         });
       };
-      ne(
+      me(
         () => t.camera,
-        (E, A) => {
-          E && y(E), A && (A.removeFromParent(), M(A));
+        (b, x) => {
+          b && h(b), x && (x.removeFromParent(), C(x));
         },
         {
           immediate: !0
         }
-      ), b.value || (r(
+      ), _.value || (n(
         "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
-      ), P());
-    }), (p, y) => (be(), Ce("canvas", {
+      ), S());
+    }), (f, h) => (Ve(), We("canvas", {
       ref_key: "canvas",
-      ref: n,
-      "data-scene": o.value.uuid,
-      class: _e(p.$attrs.class),
-      "data-tres": `tresjs ${Me(gt).version}`,
-      style: Pe({
+      ref: s,
+      "data-scene": a.value.uuid,
+      class: Ue(f.$attrs.class),
+      "data-tres": `tresjs ${Fe(Ft).version}`,
+      style: Ge({
         display: "block",
         width: "100%",
         height: "100%",
-        position: p.windowSize ? "fixed" : "relative",
+        position: f.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
-        ...p.$attrs.style
+        ...f.$attrs.style
       })
-    }, null, 14, $t));
+    }, null, 14, Tr));
   }
-}), It = [
+}), Or = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], Vt = {
+], Dr = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !It.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Or.includes(e) || e === "primitive"
+    }
+  }
+}, Qr = Dr, Yr = {
+  mounted: (e, r) => {
+    if (r.arg) {
+      console.log(`v-log:${r.arg}`, e[r.arg]);
+      return;
+    }
+    console.log("v-log", e);
+  }
+};
+class Ae extends lt {
+  constructor(r, t) {
+    const n = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0], s = new ie();
+    s.setAttribute("position", new ae(n, 3)), s.computeBoundingSphere();
+    const a = new ut({ fog: !1 });
+    super(s, a), this.light = r, this.color = t, this.type = "RectAreaLightHelper";
+    const o = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0], i = new ie();
+    i.setAttribute("position", new ae(o, 3)), i.computeBoundingSphere(), this.add(new ct(i, new ye({ side: dt, fog: !1 })));
+  }
+  updateMatrixWorld() {
+    if (this.scale.set(0.5 * this.light.width, 0.5 * this.light.height, 1), this.color !== void 0)
+      this.material.color.set(this.color), this.children[0].material.color.set(this.color);
+    else {
+      this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);
+      const r = this.material.color, t = Math.max(r.r, r.g, r.b);
+      t > 1 && r.multiplyScalar(1 / t), this.children[0].material.color.copy(this.material.color);
     }
+    this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld), this.children[0].matrixWorld.copy(this.matrixWorld);
   }
-}, er = Vt, tr = {
+  dispose() {
+    this.geometry.dispose(), this.material.dispose(), this.children[0].geometry.dispose(), this.children[0].material.dispose();
+  }
+}
+const { logWarning: pe } = T();
+let N, A;
+const Br = {
+  DirectionalLight: ft,
+  PointLight: pt,
+  SpotLight: mt,
+  HemisphereLight: gt,
+  RectAreaLight: Ae
+}, qr = {
+  mounted: (e) => {
+    if (!e.isLight) {
+      pe(`${e.type} is not a light`);
+      return;
+    }
+    N = Br[e.type], e.parent.add(new N(e, 1, e.color.getHex()));
+  },
+  updated: (e) => {
+    A = e.parent.children.find((r) => r instanceof N), !(A instanceof Ae) && A.update();
+  },
+  unmounted: (e) => {
+    if (!e.isLight) {
+      pe(`${e.type} is not a light`);
+      return;
+    }
+    A = e.parent.children.find((r) => r instanceof N), A && A.dispose && A.dispose(), e.parent.remove(A);
+  }
+}, { logWarning: jr } = T(), Kr = {
+  updated: (e, r) => {
+    const t = Ce(r);
+    if (!t) {
+      jr(`v-always-look-at: problem with binding value: ${r.value}`);
+      return;
+    }
+    const { onLoop: n } = te();
+    n(() => {
+      e.lookAt(t);
+    });
+  }
+}, { logWarning: Hr } = T(), Xr = {
+  updated: (e, r) => {
+    var s;
+    const t = Ce(r);
+    if (!t) {
+      Hr(`v-distance-to: problem with binding value: ${r.value}`);
+      return;
+    }
+    k && (k.dispose(), e.parent.remove(k));
+    const n = t.clone().sub(e.position);
+    n.normalize(), k = new vt(n, e.position, e.position.distanceTo(t), 16776960), e.parent.add(k), console.table(
+      [
+        ["Distance:", e.position.distanceTo(t)],
+        [`origin: ${e.name || e.type}`, `x:${e.position.x}, y:${e.position.y}, z:${(s = e.position) == null ? void 0 : s.z}`],
+        [`Destiny: ${e.name || e.type}`, `x:${t.x}, y:${t.y}, z:${t == null ? void 0 : t.z}`]
+      ]
+    );
+  },
+  unmounted: (e) => {
+    k == null || k.dispose(), e.parent.remove(k);
+  }
+};
+let k = null;
+const Zr = {
   install(e) {
-    e.component("TresCanvas", Nt);
+    e.component("TresCanvas", Lr);
   }
 };
 export {
-  Nt as TresCanvas,
-  q as catalogue,
-  tr as default,
-  Y as extend,
-  Yt as isProd,
-  bt as normalizeColor,
-  Jt as normalizeVectorFlexibleParam,
-  er as templateCompilerOptions,
-  Lt as trasverseObjects,
-  yt as useCamera,
-  Kt as useLoader,
-  j as useLogger,
-  Bt as usePointerEventHandler,
-  jt as useRaycaster,
-  ie as useRenderLoop,
-  Tt as useRenderer,
-  Qt as useSeek,
-  Xt as useTexture,
-  Zt as useTres,
-  Ht as useTresContext,
-  Rt as useTresContextProvider
+  Lr as TresCanvas,
+  X as catalogue,
+  Zr as default,
+  re as extend,
+  Vr as isProd,
+  qt as normalizeColor,
+  Wr as normalizeVectorFlexibleParam,
+  Qr as templateCompilerOptions,
+  cr as trasverseObjects,
+  Gt as useCamera,
+  Ur as useLoader,
+  T as useLogger,
+  fr as usePointerEventHandler,
+  dr as useRaycaster,
+  te as useRenderLoop,
+  lr as useRenderer,
+  Gr as useSeek,
+  Fr as useTexture,
+  Jr as useTres,
+  gr as useTresContext,
+  mr as useTresContextProvider,
+  Kr as vAlwaysLookAt,
+  Xr as vDistanceTo,
+  qr as vLightHelper,
+  Yr as vLog
 };