@tresjs/cientos 4.1.0 → 4.1.1

package/dist/core/controls/ScrollControls.vue.d.ts

@@ -19,7 +19,7 @@ export interface ScrollControlsProps {
      * The smooth factor of the scrolling.
      *
      * @type {number}
-     * @default 0.5
+     * @default 0.1
      * @memberof ScrollControlsProps
      */
     smoothScroll?: number;

package/dist/trescientos.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/cientos
- * version: v4.1.0
+ * version: v4.1.1
  * (c) 2025
  * description: Collection of useful helpers and fully functional, ready-made abstractions for Tres
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -9,7 +9,7 @@ var bl = Object.defineProperty;
 var El = (a, e, t) => e in a ? bl(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var de = (a, e, t) => El(a, typeof e != "symbol" ? e + "" : e, t);
 import * as Jn from "three";
-import { TextureLoader as ai, DoubleSide as sn, WebGLCubeRenderTarget as oa, HalfFloatType as Dt, CubeCamera as ra, Group as Xt, Quaternion as je, Euler as en, AudioListener as aa, Audio as Ml, AudioLoader as la, MathUtils as Ye, ShaderMaterial as Tt, UniformsUtils as Dn, Color as be, Vector2 as ve, FrontSide as ss, REVISION as Ts, Vector3 as $, BufferAttribute as ut, TrianglesDrawMode as Sl, TriangleFanDrawMode as io, TriangleStripDrawMode as ca, CompressedTexture as mi, Texture as es, RGBAFormat as ei, PropertyBinding as on, InterpolateDiscrete as ua, Matrix4 as Ie, Scene as xs, PlaneGeometry as Gt, Uniform as Se, Mesh as pe, PerspectiveCamera as Lt, WebGLRenderer as Al, InterpolateLinear as bo, NearestFilter as Kn, NearestMipmapNearestFilter as ha, NearestMipmapLinearFilter as fa, LinearFilter as xt, LinearMipmapNearestFilter as da, LinearMipmapLinearFilter as Eo, ClampToEdgeWrapping as Vt, RepeatWrapping as Ln, MirroredRepeatWrapping as pa, Plane as bs, Vector4 as at, WebGLRenderTarget as Yt, NoToneMapping as Pl, BufferGeometry as ht, InterleavedBuffer as Mo, InterleavedBufferAttribute as tn, MeshBasicMaterial as Wt, DataTexture as ti, RawShaderMaterial as gi, AdditiveBlending as So, Box2 as ma, UniformsLib as ni, BackSide as li, BoxGeometry as zt, Triangle as Rl, Object3D as Pt, Raycaster as ga, LineBasicMaterial as ws, CylinderGeometry as Ct, Float32BufferAttribute as gt, Line as ke, OctahedronGeometry as Mn, TorusGeometry as Ds, SphereGeometry as Cl, EventDispatcher as va, Ray as Il, MOUSE as mn, TOUCH as Ht, OrthographicCamera as _n, Spherical as si, Loader as Un, LoaderUtils as qn, FileLoader as kn, SpotLight as ya, PointLight as oo, DirectionalLight as _a, MeshPhysicalMaterial as $t, InstancedMesh as xa, InstancedBufferAttribute as Ol, ImageBitmapLoader as Dl, PointsMaterial as Ll, Material as vi, MeshStandardMaterial as Es, SkinnedMesh as Ao, LineSegments as kl, LineLoop as Nl, Points as wa, Skeleton as Ta, AnimationClip as ba, Bone as ro, VectorKeyframeTrack as ao, NumberKeyframeTrack as lo, QuaternionKeyframeTrack as co, Box3 as yt, Sphere as Ms, Interpolant as Bl, ExtrudeGeometry as Ul, Curve as Fl, MeshPhongMaterial as yi, MeshLambertMaterial as zl, EquirectangularReflectionMapping as uo, AmbientLight as Gl, Uint16BufferAttribute as Hl, Matrix3 as Cn, ShapePath as dn, DataTextureLoader as jl, FloatType as qs, DataUtils as Ls, ShapeUtils as Vl, Shape as Yl, Path as _i, InstancedBufferGeometry as Wl, InstancedInterleavedBuffer as ho, WireframeGeometry as Xl, Line3 as $l, AlwaysStencilFunc as Zl, ReplaceStencilOp as xi, AnimationMixer as Kl, NotEqualStencilFunc as Xo, EqualStencilFunc as $o, KeepStencilOp as wi, DepthTexture as Ea, EdgesGeometry as ql, CubeTextureLoader as Ql, CubeReflectionMapping as Jl, ShapeGeometry as ec, DefaultLoadingManager as ks, VideoTexture as tc, Clock as nc, NoBlending as sc, Camera as ic, TangentSpaceNormalMap as oc, CatmullRomCurve3 as rc, QuadraticBezierCurve3 as ac, MeshDepthMaterial as Zo, ShaderChunk as Ti, UnsignedByteType as lc, UVMapping as cc, IcosahedronGeometry as uc } from "three";
+import { TextureLoader as ai, DoubleSide as sn, WebGLCubeRenderTarget as oa, HalfFloatType as Ot, CubeCamera as ra, Group as Xt, Quaternion as je, Euler as en, AudioListener as aa, Audio as Ml, AudioLoader as la, MathUtils as Ye, ShaderMaterial as Tt, UniformsUtils as Dn, Color as be, Vector2 as ve, FrontSide as ss, REVISION as Ts, Vector3 as $, BufferAttribute as ut, TrianglesDrawMode as Sl, TriangleFanDrawMode as io, TriangleStripDrawMode as ca, CompressedTexture as mi, Texture as es, RGBAFormat as ei, PropertyBinding as on, InterpolateDiscrete as ua, Matrix4 as Ie, Scene as xs, PlaneGeometry as Gt, Uniform as Se, Mesh as pe, PerspectiveCamera as Dt, WebGLRenderer as Al, InterpolateLinear as bo, NearestFilter as Kn, NearestMipmapNearestFilter as ha, NearestMipmapLinearFilter as fa, LinearFilter as xt, LinearMipmapNearestFilter as da, LinearMipmapLinearFilter as Eo, ClampToEdgeWrapping as Vt, RepeatWrapping as Ln, MirroredRepeatWrapping as pa, Plane as bs, Vector4 as at, WebGLRenderTarget as Yt, NoToneMapping as Pl, BufferGeometry as ht, InterleavedBuffer as Mo, InterleavedBufferAttribute as tn, MeshBasicMaterial as Wt, DataTexture as ti, RawShaderMaterial as gi, AdditiveBlending as So, Box2 as ma, UniformsLib as ni, BackSide as li, BoxGeometry as zt, Triangle as Rl, Object3D as Pt, Raycaster as ga, LineBasicMaterial as ws, CylinderGeometry as Rt, Float32BufferAttribute as gt, Line as ke, OctahedronGeometry as Mn, TorusGeometry as Ds, SphereGeometry as Cl, EventDispatcher as va, Ray as Il, MOUSE as mn, TOUCH as Ht, OrthographicCamera as _n, Spherical as si, Loader as Un, LoaderUtils as qn, FileLoader as kn, SpotLight as ya, PointLight as oo, DirectionalLight as _a, MeshPhysicalMaterial as $t, InstancedMesh as xa, InstancedBufferAttribute as Ol, ImageBitmapLoader as Dl, PointsMaterial as Ll, Material as vi, MeshStandardMaterial as Es, SkinnedMesh as Ao, LineSegments as kl, LineLoop as Nl, Points as wa, Skeleton as Ta, AnimationClip as ba, Bone as ro, VectorKeyframeTrack as ao, NumberKeyframeTrack as lo, QuaternionKeyframeTrack as co, Box3 as yt, Sphere as Ms, Interpolant as Bl, ExtrudeGeometry as Ul, Curve as Fl, MeshPhongMaterial as yi, MeshLambertMaterial as zl, EquirectangularReflectionMapping as uo, AmbientLight as Gl, Uint16BufferAttribute as Hl, Matrix3 as Cn, ShapePath as dn, DataTextureLoader as jl, FloatType as qs, DataUtils as Ls, ShapeUtils as Vl, Shape as Yl, Path as _i, InstancedBufferGeometry as Wl, InstancedInterleavedBuffer as ho, WireframeGeometry as Xl, Line3 as $l, AlwaysStencilFunc as Zl, ReplaceStencilOp as xi, AnimationMixer as Kl, NotEqualStencilFunc as Xo, EqualStencilFunc as $o, KeepStencilOp as wi, DepthTexture as Ea, EdgesGeometry as ql, CubeTextureLoader as Ql, CubeReflectionMapping as Jl, ShapeGeometry as ec, DefaultLoadingManager as ks, VideoTexture as tc, Clock as nc, NoBlending as sc, Camera as ic, TangentSpaceNormalMap as oc, CatmullRomCurve3 as rc, QuadraticBezierCurve3 as ac, MeshDepthMaterial as Zo, ShaderChunk as Ti, UnsignedByteType as lc, UVMapping as cc, IcosahedronGeometry as uc } from "three";
 import { defineComponent as ue, watch as J, ref as ge, shallowRef as re, withAsyncContext as Tn, onUnmounted as tt, openBlock as ae, createElementBlock as ce, createElementVNode as ye, unref as F, renderSlot as Ne, getCurrentScope as hc, onScopeDispose as fc, onMounted as bn, nextTick as Po, isRef as ii, getCurrentInstance as Ma, computed as Pe, reactive as ts, watchEffect as et, toValue as ze, isReactive as fo, createVNode as ms, mergeProps as $e, toRefs as Le, shallowReactive as Sa, onBeforeUnmount as Ro, useSlots as Co, createCommentVNode as rn, createBlock as Io, Fragment as Aa, renderList as Pa, useAttrs as dc, render as pc, triggerRef as mc, toRaw as Ko } from "vue";
 import { useLogger as _t, useLoader as Nn, useTresContext as xe, useLoop as Ve, normalizeVectorFlexibleParam as Ra, useTres as xn, extend as Ca, useTexture as Bn, normalizeColor as Jt } from "@tresjs/core";
 function gc(a) {
@@ -830,7 +830,7 @@ function nu(a) {
     e = ze(a.resolution) ?? 255, o = ze(a.near) ?? 0.1, r = ze(a.far) ?? 1e3, s = ze(a.envMap) ?? void 0, i = ze(a.fog) ?? void 0, t = ze(a.renderer) ?? t, n = ze(a.scene) ?? n;
   });
   const c = Pe(() => new oa(ze(e)));
-  c.value.texture.type = Dt, ci(() => {
+  c.value.texture.type = Ot, ci(() => {
     c.value.dispose();
   });
   const f = Pe(() => new ra(ze(o), ze(r), ze(c))), u = () => {
@@ -1236,7 +1236,7 @@ function Ei(a, e = 1 / 0, t = null) {
       `
     )
   })), Fn.uniforms.blitTexture.value = a, Fn.defines.IS_SRGB = "colorSpace" in a ? a.colorSpace === "srgb" : a.encoding === 3001, Fn.needsUpdate = !0, Us || (Us = new pe(bi, Fn), Us.frustrumCulled = !1);
-  const n = new Lt(), s = new xs();
+  const n = new Dt(), s = new xs();
   s.add(Us), t || (t = Bs = new Al({ antialias: !1 })), t.setSize(Math.min(a.image.width, e), Math.min(a.image.height, e)), t.clear(), t.render(s, n);
   const i = new es(t.domElement);
   return i.minFilter = a.minFilter, i.magFilter = a.magFilter, i.wrapS = a.wrapS, i.wrapT = a.wrapT, i.name = a.name, Bs && (Bs.dispose(), Bs = null), i;
@@ -2521,7 +2521,7 @@ var Bu = /* @__PURE__ */ ys(As, 9, 1), Uu = /* @__PURE__ */ ys(Ga, 5, 1), Ai = f
   for (var e = a[0], t = 1; t < a.length; ++t)
     a[t] > e && (e = a[t]);
   return e;
-}, It = function(a, e, t) {
+}, Ct = function(a, e, t) {
   var n = e / 8 | 0;
   return (a[n] | a[n + 1] << 8) >> (e & 7) & t;
 }, Pi = function(a, e) {
@@ -2548,26 +2548,26 @@ var Bu = /* @__PURE__ */ ys(As, 9, 1), Uu = /* @__PURE__ */ ys(Ga, 5, 1), Ai = f
   }, r = t.f || 0, l = t.p || 0, c = t.b || 0, f = t.l, u = t.d, d = t.m, h = t.n, p = n * 8;
   do {
     if (!f) {
-      t.f = r = It(a, l, 1);
-      var m = It(a, l + 1, 3);
+      t.f = r = Ct(a, l, 1);
+      var m = Ct(a, l + 1, 3);
       if (l += 3, m)
         if (m == 1)
           f = Bu, u = Uu, d = 9, h = 5;
         else if (m == 2) {
-          var x = It(a, l, 31) + 257, M = It(a, l + 10, 15) + 4, R = x + It(a, l + 5, 31) + 1;
+          var x = Ct(a, l, 31) + 257, M = Ct(a, l + 10, 15) + 4, R = x + Ct(a, l + 5, 31) + 1;
           l += 14;
           for (var w = new At(R), E = new At(19), _ = 0; _ < M; ++_)
-            E[Du[_]] = It(a, l + _ * 3, 7);
+            E[Du[_]] = Ct(a, l + _ * 3, 7);
           l += M * 3;
           for (var T = Ai(E), y = (1 << T) - 1, A = ys(E, T, 1), _ = 0; _ < R; ) {
-            var C = A[It(a, l, y)];
+            var C = A[Ct(a, l, y)];
             l += C & 15;
             var v = C >>> 4;
             if (v < 16)
               w[_++] = v;
             else {
               var N = 0, U = 0;
-              for (v == 16 ? (U = 3 + It(a, l, 3), l += 2, N = w[_ - 1]) : v == 17 ? (U = 3 + It(a, l, 7), l += 3) : v == 18 && (U = 11 + It(a, l, 127), l += 7); U--; )
+              for (v == 16 ? (U = 3 + Ct(a, l, 3), l += 2, N = w[_ - 1]) : v == 17 ? (U = 3 + Ct(a, l, 7), l += 3) : v == 18 && (U = 11 + Ct(a, l, 127), l += 7); U--; )
                 w[_++] = N;
             }
           }
@@ -2610,7 +2610,7 @@ var Bu = /* @__PURE__ */ ys(As, 9, 1), Uu = /* @__PURE__ */ ys(Ga, 5, 1), Ai = f
         var fe = te - 254;
         if (te > 264) {
           var _ = te - 257, he = Na[_];
-          fe = It(a, l, (1 << he) - 1) + za[_], l += he;
+          fe = Ct(a, l, (1 << he) - 1) + za[_], l += he;
         }
         var we = u[Pi(a, l) & Z], I = we >>> 4;
         if (!we)
@@ -2652,10 +2652,10 @@ try {
 var Xu = Object.defineProperty, $u = (a, e, t) => e in a ? Xu(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, Zu = (a, e, t) => ($u(a, e + "", t), t);
 const Ha = class extends pe {
   constructor(a, e = {}) {
-    super(a), this.isReflector = !0, this.type = "Reflector", this.camera = new Lt();
+    super(a), this.isReflector = !0, this.type = "Reflector", this.camera = new Dt();
     const t = this, n = e.color !== void 0 ? new be(e.color) : new be(8355711), s = e.textureWidth || 512, i = e.textureHeight || 512, o = e.clipBias || 0, r = e.shader || Ha.ReflectorShader, l = e.multisample !== void 0 ? e.multisample : 4, c = new bs(), f = new $(), u = new $(), d = new $(), h = new Ie(), p = new $(0, 0, -1), m = new at(), v = new $(), g = new $(), b = new at(), x = new Ie(), M = this.camera, R = new Yt(s, i, {
       samples: l,
-      type: Dt
+      type: Ot
     }), w = new Tt({
       uniforms: Dn.clone(r.uniforms),
       fragmentShader: r.fragmentShader,
@@ -2963,7 +2963,7 @@ ja(Wa, "Shader", {
 class Ju extends pe {
   constructor(e, t = {}) {
     super(e), this.isWater = !0;
-    const n = this, s = t.textureWidth !== void 0 ? t.textureWidth : 512, i = t.textureHeight !== void 0 ? t.textureHeight : 512, o = t.clipBias !== void 0 ? t.clipBias : 0, r = t.alpha !== void 0 ? t.alpha : 1, l = t.time !== void 0 ? t.time : 0, c = t.waterNormals !== void 0 ? t.waterNormals : null, f = t.sunDirection !== void 0 ? t.sunDirection : new $(0.70707, 0.70707, 0), u = new be(t.sunColor !== void 0 ? t.sunColor : 16777215), d = new be(t.waterColor !== void 0 ? t.waterColor : 8355711), h = t.eye !== void 0 ? t.eye : new $(0, 0, 0), p = t.distortionScale !== void 0 ? t.distortionScale : 20, m = t.side !== void 0 ? t.side : ss, v = t.fog !== void 0 ? t.fog : !1, g = new bs(), b = new $(), x = new $(), M = new $(), R = new Ie(), w = new $(0, 0, -1), E = new at(), _ = new $(), T = new $(), y = new at(), A = new Ie(), C = new Lt(), N = new Yt(s, i), U = {
+    const n = this, s = t.textureWidth !== void 0 ? t.textureWidth : 512, i = t.textureHeight !== void 0 ? t.textureHeight : 512, o = t.clipBias !== void 0 ? t.clipBias : 0, r = t.alpha !== void 0 ? t.alpha : 1, l = t.time !== void 0 ? t.time : 0, c = t.waterNormals !== void 0 ? t.waterNormals : null, f = t.sunDirection !== void 0 ? t.sunDirection : new $(0.70707, 0.70707, 0), u = new be(t.sunColor !== void 0 ? t.sunColor : 16777215), d = new be(t.waterColor !== void 0 ? t.waterColor : 8355711), h = t.eye !== void 0 ? t.eye : new $(0, 0, 0), p = t.distortionScale !== void 0 ? t.distortionScale : 20, m = t.side !== void 0 ? t.side : ss, v = t.fog !== void 0 ? t.fog : !1, g = new bs(), b = new $(), x = new $(), M = new $(), R = new Ie(), w = new $(0, 0, -1), E = new at(), _ = new $(), T = new $(), y = new at(), A = new Ie(), C = new Dt(), N = new Yt(s, i), U = {
       uniforms: Dn.merge([
         ni.fog,
         ni.lights,
@@ -3550,7 +3550,7 @@ class rh extends Pt {
     x.color.set(7895160);
     const M = b.clone();
     M.opacity = 0.25;
-    const R = new Ct(0, 0.05, 0.2, 12, 1, !1), w = new zt(0.125, 0.125, 0.125), E = new ht();
+    const R = new Rt(0, 0.05, 0.2, 12, 1, !1), w = new zt(0.125, 0.125, 0.125), E = new ht();
     E.setAttribute("position", new gt([0, 0, 0, 1, 0, 0], 3));
     const _ = (te, fe) => {
       const he = new ht(), we = [];
@@ -3597,9 +3597,9 @@ class rh extends Pt {
         [new ke(E, g), [0.3, 0, 0.18], [0, -Math.PI / 2, 0], [0.125, 1, 1]]
       ]
     }, A = {
-      X: [[new pe(new Ct(0.2, 0, 1, 4, 1, !1), n), [0.6, 0, 0], [0, 0, -Math.PI / 2]]],
-      Y: [[new pe(new Ct(0.2, 0, 1, 4, 1, !1), n), [0, 0.6, 0]]],
-      Z: [[new pe(new Ct(0.2, 0, 1, 4, 1, !1), n), [0, 0, 0.6], [Math.PI / 2, 0, 0]]],
+      X: [[new pe(new Rt(0.2, 0, 1, 4, 1, !1), n), [0.6, 0, 0], [0, 0, -Math.PI / 2]]],
+      Y: [[new pe(new Rt(0.2, 0, 1, 4, 1, !1), n), [0, 0.6, 0]]],
+      Z: [[new pe(new Rt(0.2, 0, 1, 4, 1, !1), n), [0, 0, 0.6], [Math.PI / 2, 0, 0]]],
       XYZ: [[new pe(new Mn(0.2, 0), n)]],
       XY: [[new pe(new Gt(0.4, 0.4), n), [0.2, 0.2, 0]]],
       YZ: [[new pe(new Gt(0.4, 0.4), n), [0, 0.2, 0.2], [0, Math.PI / 2, 0]]],
@@ -3627,25 +3627,25 @@ class rh extends Pt {
       E: [
         [new ke(_(1.25, 1), M), null, [0, Math.PI / 2, 0]],
         [
-          new pe(new Ct(0.03, 0, 0.15, 4, 1, !1), M),
+          new pe(new Rt(0.03, 0, 0.15, 4, 1, !1), M),
           [1.17, 0, 0],
           [0, 0, -Math.PI / 2],
           [1, 1, 1e-3]
         ],
         [
-          new pe(new Ct(0.03, 0, 0.15, 4, 1, !1), M),
+          new pe(new Rt(0.03, 0, 0.15, 4, 1, !1), M),
           [-1.17, 0, 0],
           [0, 0, Math.PI / 2],
           [1, 1, 1e-3]
         ],
         [
-          new pe(new Ct(0.03, 0, 0.15, 4, 1, !1), M),
+          new pe(new Rt(0.03, 0, 0.15, 4, 1, !1), M),
           [0, -1.17, 0],
           [Math.PI, 0, 0],
           [1, 1, 1e-3]
         ],
         [
-          new pe(new Ct(0.03, 0, 0.15, 4, 1, !1), M),
+          new pe(new Rt(0.03, 0, 0.15, 4, 1, !1), M),
           [0, 1.17, 0],
           [0, 0, 0],
           [1, 1, 1e-3]
@@ -3692,9 +3692,9 @@ class rh extends Pt {
       XYZY: [[new pe(new zt(0.125, 0.125, 0.125), l.clone()), [0, 1.1, 0]]],
       XYZZ: [[new pe(new zt(0.125, 0.125, 0.125), l.clone()), [0, 0, 1.1]]]
     }, ee = {
-      X: [[new pe(new Ct(0.2, 0, 0.8, 4, 1, !1), n), [0.5, 0, 0], [0, 0, -Math.PI / 2]]],
-      Y: [[new pe(new Ct(0.2, 0, 0.8, 4, 1, !1), n), [0, 0.5, 0]]],
-      Z: [[new pe(new Ct(0.2, 0, 0.8, 4, 1, !1), n), [0, 0, 0.5], [Math.PI / 2, 0, 0]]],
+      X: [[new pe(new Rt(0.2, 0, 0.8, 4, 1, !1), n), [0.5, 0, 0], [0, 0, -Math.PI / 2]]],
+      Y: [[new pe(new Rt(0.2, 0, 0.8, 4, 1, !1), n), [0, 0.5, 0]]],
+      Z: [[new pe(new Rt(0.2, 0, 0.8, 4, 1, !1), n), [0, 0, 0.5], [Math.PI / 2, 0, 0]]],
       XY: [[new pe(w, n), [0.85, 0.85, 0], null, [3, 3, 0.2]]],
       YZ: [[new pe(w, n), [0, 0.85, 0.85], null, [0.2, 3, 3]]],
       XZ: [[new pe(w, n), [0.85, 0, 0.85], null, [3, 0.2, 3]]],
@@ -3818,9 +3818,9 @@ class Ka extends va {
       let Ue = Math.abs(le - Ee);
       2 * Math.PI - Ue < Ue && (le < Ee ? le += 2 * Math.PI : Ee += 2 * Math.PI), u.theta = le - Ee, n.update();
     }, this.getDistance = () => n.object.position.distanceTo(n.target), this.listenToKeyEvents = (W) => {
-      W.addEventListener("keydown", kt), this._domElementKeyEvents = W;
+      W.addEventListener("keydown", Lt), this._domElementKeyEvents = W;
     }, this.stopListenToKeyEvents = () => {
-      this._domElementKeyEvents.removeEventListener("keydown", kt), this._domElementKeyEvents = null;
+      this._domElementKeyEvents.removeEventListener("keydown", Lt), this._domElementKeyEvents = null;
     }, this.saveState = () => {
       n.target0.copy(n.target), n.position0.copy(n.object.position), n.zoom0 = n.object.zoom;
     }, this.reset = () => {
@@ -3835,7 +3835,7 @@ class Ka extends va {
         let os = !1;
         if (n.zoomToCursor && T) {
           let rs = null;
-          if (n.object instanceof Lt && n.object.isPerspectiveCamera) {
+          if (n.object instanceof Dt && n.object.isPerspectiveCamera) {
             const as = W.length();
             rs = we(as * d);
             const Os = as - rs;
@@ -3855,7 +3855,7 @@ class Ka extends va {
       n.domElement = W, n.domElement.style.touchAction = "none", n.domElement.addEventListener("contextmenu", is), n.domElement.addEventListener("pointerdown", Re), n.domElement.addEventListener("pointercancel", He), n.domElement.addEventListener("wheel", En);
     }, this.dispose = () => {
       var W, le, Ee, Ue, nt, Zt;
-      n.domElement && (n.domElement.style.touchAction = "auto"), (W = n.domElement) == null || W.removeEventListener("contextmenu", is), (le = n.domElement) == null || le.removeEventListener("pointerdown", Re), (Ee = n.domElement) == null || Ee.removeEventListener("pointercancel", He), (Ue = n.domElement) == null || Ue.removeEventListener("wheel", En), (nt = n.domElement) == null || nt.ownerDocument.removeEventListener("pointermove", Ke), (Zt = n.domElement) == null || Zt.ownerDocument.removeEventListener("pointerup", He), n._domElementKeyEvents !== null && n._domElementKeyEvents.removeEventListener("keydown", kt);
+      n.domElement && (n.domElement.style.touchAction = "auto"), (W = n.domElement) == null || W.removeEventListener("contextmenu", is), (le = n.domElement) == null || le.removeEventListener("pointerdown", Re), (Ee = n.domElement) == null || Ee.removeEventListener("pointercancel", He), (Ue = n.domElement) == null || Ue.removeEventListener("wheel", En), (nt = n.domElement) == null || nt.ownerDocument.removeEventListener("pointermove", Ke), (Zt = n.domElement) == null || Zt.ownerDocument.removeEventListener("pointerup", He), n._domElementKeyEvents !== null && n._domElementKeyEvents.removeEventListener("keydown", Lt);
     };
     const n = this, s = { type: "change" }, i = { type: "start" }, o = { type: "end" }, r = {
       NONE: -1,
@@ -3899,7 +3899,7 @@ class Ka extends va {
       const W = new $();
       return function(Ee, Ue) {
         const nt = n.domElement;
-        if (nt && n.object instanceof Lt && n.object.isPerspectiveCamera) {
+        if (nt && n.object instanceof Dt && n.object.isPerspectiveCamera) {
           const Zt = n.object.position;
           W.copy(Zt).sub(n.target);
           let un = W.length();
@@ -3914,7 +3914,7 @@ class Ka extends va {
       };
     })();
     function ne(W) {
-      n.object instanceof Lt && n.object.isPerspectiveCamera || n.object instanceof _n && n.object.isOrthographicCamera ? d = W : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), n.enableZoom = !1);
+      n.object instanceof Dt && n.object.isPerspectiveCamera || n.object instanceof _n && n.object.isOrthographicCamera ? d = W : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), n.enableZoom = !1);
     }
     function te(W) {
       ne(d / W);
@@ -4034,7 +4034,7 @@ class Ka extends va {
       n.enabled !== !1 && (y.length === 0 && ((le = n.domElement) == null || le.ownerDocument.addEventListener("pointermove", Ke), (Ee = n.domElement) == null || Ee.ownerDocument.addEventListener("pointerup", He)), Cs(W), W.pointerType === "touch" ? vt(W) : bt(W));
     }
     function Ke(W) {
-      n.enabled !== !1 && (W.pointerType === "touch" ? Rt(W) : cn(W));
+      n.enabled !== !1 && (W.pointerType === "touch" ? kt(W) : cn(W));
     }
     function He(W) {
       var le, Ee, Ue;
@@ -4111,7 +4111,7 @@ class Ka extends va {
     function En(W) {
       n.enabled === !1 || n.enableZoom === !1 || l !== r.NONE && l !== r.ROTATE || (W.preventDefault(), n.dispatchEvent(i), P(W), n.dispatchEvent(o));
     }
-    function kt(W) {
+    function Lt(W) {
       n.enabled === !1 || n.enablePan === !1 || L(W);
     }
     function vt(W) {
@@ -4153,7 +4153,7 @@ class Ka extends va {
       }
       l !== r.NONE && n.dispatchEvent(i);
     }
-    function Rt(W) {
+    function kt(W) {
       switch (Is(W), l) {
         case r.TOUCH_ROTATE:
           if (n.enableRotate === !1)
@@ -5635,7 +5635,7 @@ class qh {
       console.warn("THREE.GLTFLoader: Missing camera parameters.");
       return;
     }
-    return n.type === "perspective" ? t = new Lt(
+    return n.type === "perspective" ? t = new Dt(
       Ye.radToDeg(s.yfov),
       s.aspectRatio || 1,
       s.znear || 1,
@@ -6606,7 +6606,7 @@ class hf {
       const u = n.FocalLength ? n.FocalLength.value : null;
       switch (s) {
         case 0:
-          t = new Lt(f, c, i, o), u !== null && t.setFocalLength(u);
+          t = new Dt(f, c, i, o), u !== null && t.setFocalLength(u);
           break;
         case 1:
           t = new _n(
@@ -7787,7 +7787,7 @@ function Sf(a, e, t, n, s) {
 }
 class xr extends jl {
   constructor(e) {
-    super(e), this.type = Dt;
+    super(e), this.type = Ot;
   }
   // adapted from http://www.graphics.cornell.edu/~bjw/rgbe.html
   parse(e) {
@@ -7888,12 +7888,12 @@ class xr extends jl {
           p(M, y * 4, _, y * 4);
         R = _, w = qs;
         break;
-      case Dt:
+      case Ot:
         E = M.length / 4;
         const T = new Uint16Array(E * 4);
         for (let y = 0; y < E; y++)
           m(M, y * 4, T, y * 4);
-        R = T, w = Dt;
+        R = T, w = Ot;
         break;
       default:
         throw new Error("THREE.RGBELoader: Unsupported type: " + this.type);
@@ -7915,7 +7915,7 @@ class xr extends jl {
     function i(o, r) {
       switch (o.type) {
         case qs:
-        case Dt:
+        case Ot:
           "colorSpace" in o ? o.colorSpace = "srgb-linear" : o.encoding = 3e3, o.minFilter = xt, o.magFilter = xt, o.generateMipmaps = !1, o.flipY = !0;
           break;
       }
@@ -8198,14 +8198,14 @@ class _s extends Un {
       let se = B * B, ie = D * D;
       const G = j * j, k = K * K, oe = G / se + k / ie;
       if (oe > 1) {
-        const Rt = Math.sqrt(oe);
-        B = Rt * B, D = Rt * D, se = B * B, ie = D * D;
+        const kt = Math.sqrt(oe);
+        B = kt * B, D = kt * D, se = B * B, ie = D * D;
       }
       const me = se * k + ie * G, Re = (se * ie - me) / me;
       let Ke = Math.sqrt(Math.max(0, Re));
       z === S && (Ke = -Ke);
-      const He = Ke * B * K / D, bt = -Ke * D * j / B, cn = Math.cos(O) * He - Math.sin(O) * bt + (P.x + L.x) / 2, En = Math.sin(O) * He + Math.cos(O) * bt + (P.y + L.y) / 2, kt = r(1, 0, (j - He) / B, (K - bt) / D), vt = r((j - He) / B, (K - bt) / D, (-j - He) / B, (-K - bt) / D) % (Math.PI * 2);
-      I.currentPath.absellipse(cn, En, B, D, kt, kt + vt, S === 0, O);
+      const He = Ke * B * K / D, bt = -Ke * D * j / B, cn = Math.cos(O) * He - Math.sin(O) * bt + (P.x + L.x) / 2, En = Math.sin(O) * He + Math.cos(O) * bt + (P.y + L.y) / 2, Lt = r(1, 0, (j - He) / B, (K - bt) / D), vt = r((j - He) / B, (K - bt) / D, (-j - He) / B, (-K - bt) / D) % (Math.PI * 2);
+      I.currentPath.absellipse(cn, En, B, D, Lt, Lt + vt, S === 0, O);
     }
     function r(I, B, D, O) {
       const z = I * D + B * O, S = Math.sqrt(I * I + B * B) * Math.sqrt(D * D + O * O);
@@ -8483,8 +8483,8 @@ class _s extends Un {
       function O(P) {
         const L = P.xRadius, X = P.yRadius, H = Math.cos(P.aRotation), j = Math.sin(P.aRotation), K = new $(L * H, L * j, 0), se = new $(-X * j, X * H, 0), ie = K.applyMatrix3(B), G = se.applyMatrix3(B), k = V.set(ie.x, G.x, 0, ie.y, G.y, 0, 0, 0, 1), oe = Y.copy(k).invert(), Ke = ee.copy(oe).transpose().multiply(oe).elements, He = A(Ke[0], Ke[1], Ke[4]), bt = Math.sqrt(He.rt1), cn = Math.sqrt(He.rt2);
         if (P.xRadius = 1 / bt, P.yRadius = 1 / cn, P.aRotation = Math.atan2(He.sn, He.cs), !((P.aEndAngle - P.aStartAngle) % (2 * Math.PI) < Number.EPSILON)) {
-          const kt = Y.set(bt, 0, 0, 0, cn, 0, 0, 0, 1), vt = ee.set(He.cs, He.sn, 0, -He.sn, He.cs, 0, 0, 0, 1), Rt = kt.multiply(vt).multiply(k), is = (Cs) => {
-            const { x: di, y: Is } = new $(Math.cos(Cs), Math.sin(Cs), 0).applyMatrix3(Rt);
+          const Lt = Y.set(bt, 0, 0, 0, cn, 0, 0, 0, 1), vt = ee.set(He.cs, He.sn, 0, -He.sn, He.cs, 0, 0, 0, 1), kt = Lt.multiply(vt).multiply(k), is = (Cs) => {
+            const { x: di, y: Is } = new $(Math.cos(Cs), Math.sin(Cs), 0).applyMatrix3(kt);
             return Math.atan2(Is, di);
           };
           P.aStartAngle = is(P.aStartAngle), P.aEndAngle = is(P.aEndAngle), E(B) && (P.aClockwise = !P.aClockwise);
@@ -10522,7 +10522,7 @@ function od(a) {
     (h = e.value) == null || h.dispose(), e.value = new Yt((n == null ? void 0 : n.value) || u.width.value, (t == null ? void 0 : t.value) || u.height.value, {
       minFilter: xt,
       magFilter: xt,
-      type: Dt,
+      type: Ot,
       ...s == null ? void 0 : s.value
     }), i != null && i.value && (e.value.depthTexture = new Ea(
       (n == null ? void 0 : n.value) || u.width.value,
@@ -10786,7 +10786,7 @@ function pn(a) {
   return a.isOrthographicCamera;
 }
 const Vn = Math.PI * 2, Ir = Math.PI / 2, ul = 1e-5, us = Math.PI / 180;
-function Ot(a, e, t) {
+function It(a, e, t) {
   return Math.max(e, Math.min(t, a));
 }
 function We(a, e = ul) {
@@ -10809,7 +10809,7 @@ function Ws(a, e, t, n, s = 1 / 0, i) {
   const o = 2 / n, r = o * i, l = 1 / (1 + r + 0.48 * r * r + 0.235 * r * r * r);
   let c = a - e;
   const f = e, u = s * n;
-  c = Ot(c, -u, u), e = a - c;
+  c = It(c, -u, u), e = a - c;
   const d = (t.value + o * c) * i;
   t.value = (t.value - o * d) * l;
   let h = e + (c + d) * l;
@@ -10990,7 +10990,7 @@ class lt extends gd {
       const x = Vn * this.azimuthRotateSpeed * g / this._elementRect.height, M = Vn * this.polarRotateSpeed * b / this._elementRect.height;
       this.rotate(x, M, !0);
     }, this._dollyInternal = (g, b, x) => {
-      const M = Math.pow(0.95, -g * this.dollySpeed), R = this._sphericalEnd.radius, w = this._sphericalEnd.radius * M, E = Ot(w, this.minDistance, this.maxDistance), _ = E - w;
+      const M = Math.pow(0.95, -g * this.dollySpeed), R = this._sphericalEnd.radius, w = this._sphericalEnd.radius * M, E = It(w, this.minDistance, this.maxDistance), _ = E - w;
       this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(w, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(_, !0), this._dollyToNoClamp(E, !0)) : this._dollyToNoClamp(E, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? w : E) - R, this._dollyControlCoord.set(b, x)), this._lastDollyDirection = Math.sign(-g);
     }, this._zoomInternal = (g, b, x) => {
       const M = Math.pow(0.95, g * this.dollySpeed), R = this._zoom, w = this._zoom * M;
@@ -11281,7 +11281,7 @@ class lt extends gd {
    * @category Properties
    */
   set interactiveArea(e) {
-    this._interactiveArea.width = Ot(e.width, 0, 1), this._interactiveArea.height = Ot(e.height, 0, 1), this._interactiveArea.x = Ot(e.x, 0, 1 - this._interactiveArea.width), this._interactiveArea.y = Ot(e.y, 0, 1 - this._interactiveArea.height);
+    this._interactiveArea.width = It(e.width, 0, 1), this._interactiveArea.height = It(e.height, 0, 1), this._interactiveArea.x = It(e.x, 0, 1 - this._interactiveArea.width), this._interactiveArea.y = It(e.y, 0, 1 - this._interactiveArea.height);
   }
   /**
    * Adds the specified event listener.
@@ -11403,7 +11403,7 @@ class lt extends gd {
    */
   rotateTo(e, t, n = !1) {
     this._isUserControllingRotate = !1;
-    const s = Ot(e, this.minAzimuthAngle, this.maxAzimuthAngle), i = Ot(t, this.minPolarAngle, this.maxPolarAngle);
+    const s = It(e, this.minAzimuthAngle, this.maxAzimuthAngle), i = It(t, this.minPolarAngle, this.maxPolarAngle);
     this._sphericalEnd.theta = s, this._sphericalEnd.phi = i, this._sphericalEnd.makeSafe(), this._needsUpdate = !0, n || (this._spherical.theta = this._sphericalEnd.theta, this._spherical.phi = this._sphericalEnd.phi);
     const o = !n || Fe(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && Fe(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold);
     return this._createOnRestPromise(o);
@@ -11424,7 +11424,7 @@ class lt extends gd {
    * @category Methods
    */
   dollyTo(e, t = !1) {
-    return this._isUserControllingDolly = !1, this._lastDollyDirection = jn.NONE, this._changedDolly = 0, this._dollyToNoClamp(Ot(e, this.minDistance, this.maxDistance), t);
+    return this._isUserControllingDolly = !1, this._lastDollyDirection = jn.NONE, this._changedDolly = 0, this._dollyToNoClamp(It(e, this.minDistance, this.maxDistance), t);
   }
   _dollyToNoClamp(e, t = !1) {
     const n = this._sphericalEnd.radius;
@@ -11469,7 +11469,7 @@ class lt extends gd {
    * @category Methods
    */
   zoomTo(e, t = !1) {
-    this._isUserControllingZoom = !1, this._zoomEnd = Ot(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
+    this._isUserControllingZoom = !1, this._zoomEnd = It(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
     const n = !t || Fe(this._zoom, this._zoomEnd, this.restThreshold);
     return this._changedZoom = 0, this._createOnRestPromise(n);
   }
@@ -11659,7 +11659,7 @@ class lt extends gd {
    */
   setTarget(e, t, n, s = !1) {
     const i = this.getPosition(Ae), o = this.setLookAt(i.x, i.y, i.z, e, t, n, s);
-    return this._sphericalEnd.phi = Ot(this._sphericalEnd.phi, this.minPolarAngle, this.maxPolarAngle), o;
+    return this._sphericalEnd.phi = It(this._sphericalEnd.phi, this.minPolarAngle, this.maxPolarAngle), o;
   }
   /**
    * Set focal offset using the screen parallel coordinates. z doesn't affect in Orthographic as with Dolly.
@@ -15489,7 +15489,7 @@ class Dp {
       magFilter: xt,
       stencilBuffer: !1,
       depthBuffer: !1,
-      type: Dt
+      type: Ot
     }), this.renderTargetB = this.renderTargetA.clone(), this.convolutionMaterial = new Op(), this.convolutionMaterial.setTexelSize(1 / t, 1 / n), this.convolutionMaterial.setResolution(new ve(t, n)), this.scene = new xs(), this.camera = new ic(), this.convolutionMaterial.uniforms.depthEdge0.value = s, this.convolutionMaterial.uniforms.depthEdge1.value = i, this.convolutionMaterial.uniforms.depthScale.value = o, this.convolutionMaterial.uniforms.depthBias.value = r, this.convolutionMaterial.defines.USE_DEPTH = o > 0;
     const l = new Float32Array([-1, -1, 0, 3, -1, 0, -1, 3, 0]), c = new Float32Array([0, 0, 2, 0, 0, 2]), f = new ht();
     f.setAttribute("position", new ut(l, 3)), f.setAttribute("uv", new ut(c, 2)), this.screen = new pe(f, this.convolutionMaterial), this.screen.frustumCulled = !1, this.scene.add(this.screen);
@@ -15781,7 +15781,7 @@ const kp = ["texture-matrix", "t-sharp", "t-depth", "t-blur", "defines-USE_BLUR"
       view: new $(),
       target: new $(),
       q: new at(),
-      virtualCamera: new Lt(),
+      virtualCamera: new Dt(),
       textureMatrix: new Ie()
     }, p = new Yt(
       t.resolution,
@@ -15789,7 +15789,7 @@ const kp = ["texture-matrix", "t-sharp", "t-depth", "t-blur", "defines-USE_BLUR"
       {
         minFilter: xt,
         magFilter: xt,
-        type: Dt,
+        type: Ot,
         depthBuffer: !0,
         depthTexture: new Ea(
           t.resolution,
@@ -15802,7 +15802,7 @@ const kp = ["texture-matrix", "t-sharp", "t-depth", "t-blur", "defines-USE_BLUR"
       {
         minFilter: xt,
         magFilter: xt,
-        type: Dt
+        type: Ot
       }
     );
     function v(g, b, x, M) {
@@ -15983,7 +15983,8 @@ function ta(a, e, t) {
   const s = t.width / 2, i = t.height / 2;
   return [
     (Number.isNaN(n.x) ? 0 : n.x) * s + s,
-    -(n.y * i) + i
+    -(n.y * i) + i,
+    n.z
   ];
 }
 function Gp(a, e) {
@@ -16003,14 +16004,14 @@ function Hp(a, e, t, n) {
 function jp(a, e) {
   if (e instanceof _n)
     return e.zoom;
-  if (e instanceof Lt) {
+  if (e instanceof Dt) {
     const t = Rs.setFromMatrixPosition(a.matrixWorld), n = jo.setFromMatrixPosition(e.matrixWorld), s = e.fov * Math.PI / 180, i = t.distanceTo(n);
     return 1 / (2 * Math.tan(s / 2) * i);
   } else
     return 1;
 }
 function Vp(a, e, t) {
-  if (e instanceof Lt || e instanceof _n) {
+  if (e instanceof Dt || e instanceof _n) {
     const n = Rs.setFromMatrixPosition(a.matrixWorld), s = jo.setFromMatrixPosition(e.matrixWorld), i = n.distanceTo(s), o = (t[1] - t[0]) / (e.far - e.near), r = t[1] - o * e.far;
     return Math.round(o * i + r);
   }
@@ -16057,7 +16058,7 @@ const Yp = /* @__PURE__ */ ((a) => (e) => _l(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
       sprite: M,
       occlude: R,
       zIndexRange: w
-    } = Le(n), { renderer: E, scene: _, camera: T, raycaster: y, sizes: A } = xe(), C = Pe(() => document.createElement(u.value)), N = ge([0, 0]), U = ge(0), V = ge(), Y = Pe(() => d.value ? {
+    } = Le(n), { renderer: E, scene: _, camera: T, raycaster: y, sizes: A } = xe(), C = Pe(() => document.createElement(u.value)), N = ge([0, 0, 0]), U = ge(0), V = ge(), Y = Pe(() => d.value ? {
       position: "absolute",
       top: 0,
       left: 0,
@@ -16065,8 +16066,7 @@ const Yp = /* @__PURE__ */ ((a) => (e) => _l(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
       height: `${A.height.value}px`,
       transformStyle: "preserve-3d",
       pointerEvents: "none",
-      zIndex: 2,
-      willChange: "transform"
+      zIndex: 2
     } : {
       position: "absolute",
       transform: b.value ? "translate3d(-50%,-50%,0)" : "none",
@@ -16077,8 +16077,7 @@ const Yp = /* @__PURE__ */ ((a) => (e) => _l(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
         height: `${A.height.value}px`
       },
       zIndex: 2,
-      ...Object.assign({}, o.style),
-      willChange: "transform"
+      ...Object.assign({}, o.style)
     }), ee = Pe(() => ({
       position: "absolute",
       pointerEvents: x.value
@@ -16136,7 +16135,7 @@ const Yp = /* @__PURE__ */ ((a) => (e) => _l(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
           width: A.width.value || 0,
           height: A.height.value || 0
         });
-        if (d.value || Math.abs(U.value - T.value.zoom) > m.value || Math.abs(N.value[0] - H[0]) > m.value || Math.abs(N.value[1] - H[1]) > m.value) {
+        if (d.value || Math.abs(U.value - T.value.zoom) > m.value || Math.abs(N.value[0] - H[0]) > m.value || Math.abs(N.value[1] - H[1]) > m.value || Math.abs(N.value[2] - H[2]) > m.value) {
           const j = Gp(r.value, T.value);
           let K = !1;
           te.value && (Array.isArray(R == null ? void 0 : R.value) ? K = R == null ? void 0 : R.value : (R == null ? void 0 : R.value) !== "blending" && (K = [_.value]));
@@ -16153,16 +16152,16 @@ const Yp = /* @__PURE__ */ ((a) => (e) => _l(e, a))([1, -1, 1, 1, 1, -1, 1, 1, 1
             fe.value = !j;
           se !== fe.value && (s("onOcclude", !fe.value), C.value.style.display = fe.value ? "block" : "none");
           const ie = Math.floor(w.value[0] / 2), G = R != null && R.value ? te.value ? [w.value[0], ie] : [ie - 1, 0] : w.value;
-          if (C.value.style.zIndex = `${Vp(r.value, T.value, G)}`, C.value.style.willChange = "transform", d.value) {
+          if (C.value.style.zIndex = `${Vp(r.value, T.value, G)}`, d.value) {
             const [k, oe] = [
               A.width.value / 2,
               A.height.value / 2
-            ], me = T.value.projectionMatrix.elements[5] * oe, { isOrthographicCamera: Re, top: Ke, left: He, bottom: bt, right: cn } = T.value, En = Yp(T.value.matrixWorldInverse), kt = Re ? `scale(${me})translate(${To(-(cn + He) / 2)}px,${To((Ke + bt) / 2)}px)` : `translateZ(${me}px)`;
+            ], me = T.value.projectionMatrix.elements[5] * oe, { isOrthographicCamera: Re, top: Ke, left: He, bottom: bt, right: cn } = T.value, En = Yp(T.value.matrixWorldInverse), Lt = Re ? `scale(${me})translate(${To(-(cn + He) / 2)}px,${To((Ke + bt) / 2)}px)` : `translateZ(${me}px)`;
             let vt = r.value.matrixWorld;
             if (M.value && (vt = T.value.matrixWorldInverse.clone().transpose().copyPosition(vt).scale(r.value.scale), vt.elements[3] = vt.elements[7] = vt.elements[11] = 0, vt.elements[15] = 1), C.value.style.width = `${A.width.value}px`, C.value.style.height = `${A.height.value}px`, C.value.style.perspective = Re ? "" : `${me}px`, (O = V.value) != null && O.el && ((z = V.value) != null && z.children) && Array.isArray(V.value.children)) {
-              V.value.el.style.willChange = "transform", V.value.el.style.transform = `${kt}${En}translate(${k}px,${oe}px)`;
-              const Rt = V.value.children[0];
-              Rt && Rt.el && (Rt.el.style.willChange = "transform", Rt.el.style.transform = Wp(
+              V.value.el.style.transform = `${Lt}${En}translate(${k}px,${oe}px)`;
+              const kt = V.value.children[0];
+              kt && kt.el && (kt.el.style.transform = Wp(
                 vt,
                 1 / (((v == null ? void 0 : v.value) || 10) / 400)
               ));
@@ -18447,7 +18446,7 @@ const Jv = /* @__PURE__ */ ue({
     }, { immediate: !0, deep: !0 }), J(() => Co().default, (g) => {
       var b;
       if (g && (c = g(), Array.isArray(c) && c.length > 0)) {
-        o({ EnvironmentScene: ia }), f.value = new oa(s.resolution), f.value.texture.type = Dt, u = new ra(s.near, s.far, f.value), v(f.value);
+        o({ EnvironmentScene: ia }), f.value = new oa(s.resolution), f.value.texture.type = Ot, u = new ra(s.near, s.far, f.value), v(f.value);
         return;
       }
       (b = f.value) == null || b.dispose(), f.value = null, v();