@j-kyoda/vue-three-vrm 0.8.2 → 0.9.1

package/dist/vue-three-vrm.es.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as Ve, useTemplateRef as Xe, watch as F, onMounted as $, createElementBlock as Ce, openBlock as me, ref as Z, Fragment as Ye, createVNode as ee, createBlock as We } from "vue";
-import * as N from "three";
-import { TrianglesDrawMode as Ze, TriangleFanDrawMode as ce, TriangleStripDrawMode as Ie, Loader as qe, LoaderUtils as X, FileLoader as ve, MeshPhysicalMaterial as O, Vector2 as S, Color as H, LinearSRGBColorSpace as C, SRGBColorSpace as Y, SpotLight as Qe, PointLight as $e, DirectionalLight as Je, Matrix4 as q, Vector3 as M, Quaternion as Q, InstancedMesh as et, InstancedBufferAttribute as tt, Object3D as ke, TextureLoader as st, ImageBitmapLoader as nt, BufferAttribute as te, InterleavedBuffer as it, InterleavedBufferAttribute as ot, LinearMipmapLinearFilter as je, NearestMipmapLinearFilter as rt, LinearMipmapNearestFilter as at, NearestMipmapNearestFilter as ct, LinearFilter as le, NearestFilter as Fe, RepeatWrapping as he, MirroredRepeatWrapping as lt, ClampToEdgeWrapping as ht, PointsMaterial as ut, Material as se, LineBasicMaterial as dt, MeshStandardMaterial as He, DoubleSide as pt, MeshBasicMaterial as V, PropertyBinding as ft, BufferGeometry as mt, SkinnedMesh as _t, Mesh as gt, LineSegments as Tt, Line as yt, LineLoop as xt, Points as Et, Group as ne, PerspectiveCamera as bt, MathUtils as Ge, OrthographicCamera as Rt, Skeleton as Mt, AnimationClip as wt, Bone as St, InterpolateDiscrete as At, InterpolateLinear as Ue, Texture as ge, VectorKeyframeTrack as Te, NumberKeyframeTrack as ye, QuaternionKeyframeTrack as xe, ColorManagement as Ee, FrontSide as Lt, Interpolant as Pt, Box3 as Nt, Sphere as Ot, Controls as Dt, MOUSE as U, TOUCH as G, Spherical as be, Ray as Ct, Plane as It } from "three";
-import { VRMHumanBoneName as Re, VRMExpressionPresetName as Me, VRMLoaderPlugin as vt, VRMUtils as kt } from "@pixiv/three-vrm";
-class ue {
+import { getCurrentInstance as Xe, useTemplateRef as Ye, watch as C, onMounted as $, createElementBlock as Ie, openBlock as ge, ref as Z, Fragment as We, createVNode as ee, createBlock as Ze } from "vue";
+import * as L from "three";
+import { TrianglesDrawMode as qe, TriangleFanDrawMode as ce, TriangleStripDrawMode as ve, Loader as Qe, LoaderUtils as X, FileLoader as ke, MeshPhysicalMaterial as O, Vector2 as S, Color as H, LinearSRGBColorSpace as I, SRGBColorSpace as Y, SpotLight as $e, PointLight as Je, DirectionalLight as et, Matrix4 as q, Vector3 as M, Quaternion as Q, InstancedMesh as tt, InstancedBufferAttribute as st, Object3D as je, TextureLoader as nt, ImageBitmapLoader as it, BufferAttribute as te, InterleavedBuffer as ot, InterleavedBufferAttribute as rt, LinearMipmapLinearFilter as Fe, NearestMipmapLinearFilter as at, LinearMipmapNearestFilter as ct, NearestMipmapNearestFilter as lt, LinearFilter as le, NearestFilter as He, RepeatWrapping as he, MirroredRepeatWrapping as ht, ClampToEdgeWrapping as ut, PointsMaterial as dt, Material as se, LineBasicMaterial as pt, MeshStandardMaterial as Ge, DoubleSide as ft, MeshBasicMaterial as V, PropertyBinding as mt, BufferGeometry as gt, SkinnedMesh as _t, Mesh as Tt, LineSegments as yt, Line as xt, LineLoop as Et, Points as bt, Group as ne, PerspectiveCamera as Rt, MathUtils as Ue, OrthographicCamera as Mt, Skeleton as wt, AnimationClip as St, Bone as At, InterpolateDiscrete as Lt, InterpolateLinear as Ke, Texture as Te, VectorKeyframeTrack as ye, NumberKeyframeTrack as xe, QuaternionKeyframeTrack as Ee, ColorManagement as be, FrontSide as Pt, Interpolant as Nt, Box3 as Ot, Sphere as Dt, Controls as Ct, MOUSE as U, TOUCH as G, Spherical as Re, Ray as It, Plane as vt } from "three";
+import { VRMUtils as ue, VRMHumanBoneName as Me, VRMExpressionPresetName as we, VRMLoaderPlugin as kt } from "@pixiv/three-vrm";
+class de {
   constructor() {
   }
   async fetchJSON(e) {
@@ -125,7 +125,7 @@ class jt {
     return null;
   }
 }
-class we {
+class Se {
   /**
    * Returns `true` if WebGL 2 is available.
    *
@@ -190,10 +190,10 @@ class we {
     return console.warn("getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead."), this._getErrorMessage(1);
   }
 }
-function Se(l, e) {
-  if (e === Ze)
+function Ae(l, e) {
+  if (e === qe)
     return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), l;
-  if (e === ce || e === Ie) {
+  if (e === ce || e === ve) {
     let t = l.getIndex();
     if (t === null) {
       const o = [], a = l.getAttribute("position");
@@ -217,7 +217,7 @@ function Se(l, e) {
   } else
     return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unknown draw mode:", e), l;
 }
-class de extends qe {
+class pe extends Qe {
   /**
    * Constructs a new glTF loader.
    *
@@ -282,7 +282,7 @@ class de extends qe {
     this.manager.itemStart(e);
     const a = function(c) {
       n ? n(c) : console.error(c), i.manager.itemError(e), i.manager.itemEnd(e);
-    }, r = new ve(this.manager);
+    }, r = new ke(this.manager);
     r.setPath(this.path), r.setResponseType("arraybuffer"), r.setRequestHeader(this.requestHeader), r.setWithCredentials(this.withCredentials), r.load(e, function(c) {
       try {
         i.parse(c, o, function(u) {
@@ -357,7 +357,7 @@ class de extends qe {
     if (typeof e == "string")
       i = JSON.parse(e);
     else if (e instanceof ArrayBuffer)
-      if (r.decode(new Uint8Array(e, 0, 4)) === Ke) {
+      if (r.decode(new Uint8Array(e, 0, 4)) === Be) {
         try {
           o[y.KHR_BINARY_GLTF] = new ns(e);
         } catch (h) {
@@ -373,7 +373,7 @@ class de extends qe {
       n && n(new Error("THREE.GLTFLoader: Unsupported asset. glTF versions >=2.0 are supported."));
       return;
     }
-    const c = new _s(i, {
+    const c = new gs(i, {
       path: t || this.resourcePath || "",
       crossOrigin: this.crossOrigin,
       requestHeader: this.requestHeader,
@@ -482,17 +482,17 @@ class Ht {
     const i = t.json, r = ((i.extensions && i.extensions[this.name] || {}).lights || [])[e];
     let c;
     const u = new H(16777215);
-    r.color !== void 0 && u.setRGB(r.color[0], r.color[1], r.color[2], C);
+    r.color !== void 0 && u.setRGB(r.color[0], r.color[1], r.color[2], I);
     const h = r.range !== void 0 ? r.range : 0;
     switch (r.type) {
       case "directional":
-        c = new Je(u), c.target.position.set(0, 0, -1), c.add(c.target);
+        c = new et(u), c.target.position.set(0, 0, -1), c.add(c.target);
         break;
       case "point":
-        c = new $e(u), c.distance = h;
+        c = new Je(u), c.distance = h;
         break;
       case "spot":
-        c = new Qe(u), c.distance = h, r.spot = r.spot || {}, r.spot.innerConeAngle = r.spot.innerConeAngle !== void 0 ? r.spot.innerConeAngle : 0, r.spot.outerConeAngle = r.spot.outerConeAngle !== void 0 ? r.spot.outerConeAngle : Math.PI / 4, c.angle = r.spot.outerConeAngle, c.penumbra = 1 - r.spot.innerConeAngle / r.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
+        c = new $e(u), c.distance = h, r.spot = r.spot || {}, r.spot.innerConeAngle = r.spot.innerConeAngle !== void 0 ? r.spot.innerConeAngle : 0, r.spot.outerConeAngle = r.spot.outerConeAngle !== void 0 ? r.spot.outerConeAngle : Math.PI / 4, c.angle = r.spot.outerConeAngle, c.penumbra = 1 - r.spot.innerConeAngle / r.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
         break;
       default:
         throw new Error("THREE.GLTFLoader: Unexpected light type: " + r.type);
@@ -524,7 +524,7 @@ class Gt {
     if (i) {
       if (Array.isArray(i.baseColorFactor)) {
         const o = i.baseColorFactor;
-        e.color.setRGB(o[0], o[1], o[2], C), e.opacity = o[3];
+        e.color.setRGB(o[0], o[1], o[2], I), e.opacity = o[3];
       }
       i.baseColorTexture !== void 0 && n.push(s.assignTexture(e, "map", i.baseColorTexture, Y));
     }
@@ -612,7 +612,7 @@ class Vt {
     const o = n.extensions[this.name];
     if (o.sheenColorFactor !== void 0) {
       const a = o.sheenColorFactor;
-      t.sheenColor.setRGB(a[0], a[1], a[2], C);
+      t.sheenColor.setRGB(a[0], a[1], a[2], I);
     }
     return o.sheenRoughnessFactor !== void 0 && (t.sheenRoughness = o.sheenRoughnessFactor), o.sheenColorTexture !== void 0 && i.push(s.assignTexture(t, "sheenColorMap", o.sheenColorTexture, Y)), o.sheenRoughnessTexture !== void 0 && i.push(s.assignTexture(t, "sheenRoughnessMap", o.sheenRoughnessTexture)), Promise.all(i);
   }
@@ -648,7 +648,7 @@ class Yt {
     const i = [], o = n.extensions[this.name];
     t.thickness = o.thicknessFactor !== void 0 ? o.thicknessFactor : 0, o.thicknessTexture !== void 0 && i.push(s.assignTexture(t, "thicknessMap", o.thicknessTexture)), t.attenuationDistance = o.attenuationDistance || 1 / 0;
     const a = o.attenuationColor || [1, 1, 1];
-    return t.attenuationColor = new H().setRGB(a[0], a[1], a[2], C), Promise.all(i);
+    return t.attenuationColor = new H().setRGB(a[0], a[1], a[2], I), Promise.all(i);
   }
 }
 class Wt {
@@ -682,7 +682,7 @@ class Zt {
     const i = [], o = n.extensions[this.name];
     t.specularIntensity = o.specularFactor !== void 0 ? o.specularFactor : 1, o.specularTexture !== void 0 && i.push(s.assignTexture(t, "specularIntensityMap", o.specularTexture));
     const a = o.specularColorFactor || [1, 1, 1];
-    return t.specularColor = new H().setRGB(a[0], a[1], a[2], C), o.specularColorTexture !== void 0 && i.push(s.assignTexture(t, "specularColorMap", o.specularColorTexture, Y)), Promise.all(i);
+    return t.specularColor = new H().setRGB(a[0], a[1], a[2], I), o.specularColorTexture !== void 0 && i.push(s.assignTexture(t, "specularColorMap", o.specularColorTexture, Y)), Promise.all(i);
   }
 }
 class qt {
@@ -804,7 +804,7 @@ class ss {
       return null;
     const n = t.meshes[s.mesh];
     for (const c of n.primitives)
-      if (c.mode !== L.TRIANGLES && c.mode !== L.TRIANGLE_STRIP && c.mode !== L.TRIANGLE_FAN && c.mode !== void 0)
+      if (c.mode !== P.TRIANGLES && c.mode !== P.TRIANGLE_STRIP && c.mode !== P.TRIANGLE_FAN && c.mode !== void 0)
         return null;
     const o = s.extensions[this.name].attributes, a = [], r = {};
     for (const c in o)
@@ -812,21 +812,21 @@ class ss {
     return a.length < 1 ? null : (a.push(this.parser.createNodeMesh(e)), Promise.all(a).then((c) => {
       const u = c.pop(), h = u.isGroup ? u.children : [u], d = c[0].count, p = [];
       for (const m of h) {
-        const g = new q(), f = new M(), _ = new Q(), x = new M(1, 1, 1), b = new et(m.geometry, m.material, d);
+        const _ = new q(), f = new M(), g = new Q(), x = new M(1, 1, 1), b = new tt(m.geometry, m.material, d);
         for (let T = 0; T < d; T++)
-          r.TRANSLATION && f.fromBufferAttribute(r.TRANSLATION, T), r.ROTATION && _.fromBufferAttribute(r.ROTATION, T), r.SCALE && x.fromBufferAttribute(r.SCALE, T), b.setMatrixAt(T, g.compose(f, _, x));
+          r.TRANSLATION && f.fromBufferAttribute(r.TRANSLATION, T), r.ROTATION && g.fromBufferAttribute(r.ROTATION, T), r.SCALE && x.fromBufferAttribute(r.SCALE, T), b.setMatrixAt(T, _.compose(f, g, x));
         for (const T in r)
           if (T === "_COLOR_0") {
             const A = r[T];
-            b.instanceColor = new tt(A.array, A.itemSize, A.normalized);
+            b.instanceColor = new st(A.array, A.itemSize, A.normalized);
           } else T !== "TRANSLATION" && T !== "ROTATION" && T !== "SCALE" && m.geometry.setAttribute(T, r[T]);
-        ke.prototype.copy.call(b, m), this.parser.assignFinalMaterial(b), p.push(b);
+        je.prototype.copy.call(b, m), this.parser.assignFinalMaterial(b), p.push(b);
       }
       return u.isGroup ? (u.clear(), u.add(...p), u) : p[0];
     }));
   }
 }
-const Ke = "glTF", z = 12, Ae = { JSON: 1313821514, BIN: 5130562 };
+const Be = "glTF", z = 12, Le = { JSON: 1313821514, BIN: 5130562 };
 class ns {
   constructor(e) {
     this.name = y.KHR_BINARY_GLTF, this.content = null, this.body = null;
@@ -835,7 +835,7 @@ class ns {
       magic: s.decode(new Uint8Array(e.slice(0, 4))),
       version: t.getUint32(4, !0),
       length: t.getUint32(8, !0)
-    }, this.header.magic !== Ke)
+    }, this.header.magic !== Be)
       throw new Error("THREE.GLTFLoader: Unsupported glTF-Binary header.");
     if (this.header.version < 2)
       throw new Error("THREE.GLTFLoader: Legacy binary file detected.");
@@ -845,10 +845,10 @@ class ns {
       const a = i.getUint32(o, !0);
       o += 4;
       const r = i.getUint32(o, !0);
-      if (o += 4, r === Ae.JSON) {
+      if (o += 4, r === Le.JSON) {
         const c = new Uint8Array(e, z + o, a);
         this.content = s.decode(c);
-      } else if (r === Ae.BIN) {
+      } else if (r === Le.BIN) {
         const c = z + o;
         this.body = e.slice(c, c + a);
       }
@@ -867,11 +867,11 @@ class is {
   decodePrimitive(e, t) {
     const s = this.json, n = this.dracoLoader, i = e.extensions[this.name].bufferView, o = e.extensions[this.name].attributes, a = {}, r = {}, c = {};
     for (const u in o) {
-      const h = pe[u] || u.toLowerCase();
+      const h = fe[u] || u.toLowerCase();
       a[h] = o[u];
     }
     for (const u in e.attributes) {
-      const h = pe[u] || u.toLowerCase();
+      const h = fe[u] || u.toLowerCase();
       if (o[u] !== void 0) {
         const d = s.accessors[e.attributes[u]], p = K[d.componentType];
         c[h] = p.name, r[h] = d.normalized === !0;
@@ -881,11 +881,11 @@ class is {
       return new Promise(function(h, d) {
         n.decodeDracoFile(u, function(p) {
           for (const m in p.attributes) {
-            const g = p.attributes[m], f = r[m];
-            f !== void 0 && (g.normalized = f);
+            const _ = p.attributes[m], f = r[m];
+            f !== void 0 && (_.normalized = f);
           }
           h(p);
-        }, a, c, C, d);
+        }, a, c, I, d);
       });
     });
   }
@@ -903,7 +903,7 @@ class rs {
     this.name = y.KHR_MESH_QUANTIZATION;
   }
 }
-class Be extends Pt {
+class ze extends Nt {
   constructor(e, t, s, n) {
     super(e, t, s, n);
   }
@@ -914,22 +914,22 @@ class Be extends Pt {
     return t;
   }
   interpolate_(e, t, s, n) {
-    const i = this.resultBuffer, o = this.sampleValues, a = this.valueSize, r = a * 2, c = a * 3, u = n - t, h = (s - t) / u, d = h * h, p = d * h, m = e * c, g = m - c, f = -2 * p + 3 * d, _ = p - d, x = 1 - f, b = _ - d + h;
+    const i = this.resultBuffer, o = this.sampleValues, a = this.valueSize, r = a * 2, c = a * 3, u = n - t, h = (s - t) / u, d = h * h, p = d * h, m = e * c, _ = m - c, f = -2 * p + 3 * d, g = p - d, x = 1 - f, b = g - d + h;
     for (let T = 0; T !== a; T++) {
-      const A = o[g + T + a], I = o[g + T + r] * u, P = o[m + T + a], B = o[m + T] * u;
-      i[T] = x * A + b * I + f * P + _ * B;
+      const A = o[_ + T + a], v = o[_ + T + r] * u, N = o[m + T + a], B = o[m + T] * u;
+      i[T] = x * A + b * v + f * N + g * B;
     }
     return i;
   }
 }
 const as = new Q();
-class cs extends Be {
+class cs extends ze {
   interpolate_(e, t, s, n) {
     const i = super.interpolate_(e, t, s, n);
     return as.fromArray(i).normalize().toArray(i), i;
   }
 }
-const L = {
+const P = {
   POINTS: 0,
   LINES: 1,
   LINE_LOOP: 2,
@@ -944,16 +944,16 @@ const L = {
   5123: Uint16Array,
   5125: Uint32Array,
   5126: Float32Array
-}, Le = {
-  9728: Fe,
-  9729: le,
-  9984: ct,
-  9985: at,
-  9986: rt,
-  9987: je
 }, Pe = {
-  33071: ht,
-  33648: lt,
+  9728: He,
+  9729: le,
+  9984: lt,
+  9985: ct,
+  9986: at,
+  9987: Fe
+}, Ne = {
+  33071: ut,
+  33648: ht,
   10497: he
 }, ie = {
   SCALAR: 1,
@@ -963,7 +963,7 @@ const L = {
   MAT2: 4,
   MAT3: 9,
   MAT4: 16
-}, pe = {
+}, fe = {
   POSITION: "position",
   NORMAL: "normal",
   TANGENT: "tangent",
@@ -974,7 +974,7 @@ const L = {
   COLOR_0: "color",
   WEIGHTS_0: "skinWeight",
   JOINTS_0: "skinIndex"
-}, k = {
+}, j = {
   scale: "scale",
   translation: "position",
   rotation: "quaternion",
@@ -983,25 +983,25 @@ const L = {
   CUBICSPLINE: void 0,
   // We use a custom interpolant (GLTFCubicSplineInterpolation) for CUBICSPLINE tracks. Each
   // keyframe track will be initialized with a default interpolation type, then modified.
-  LINEAR: Ue,
-  STEP: At
+  LINEAR: Ke,
+  STEP: Lt
 }, oe = {
   OPAQUE: "OPAQUE",
   MASK: "MASK",
   BLEND: "BLEND"
 };
 function hs(l) {
-  return l.DefaultMaterial === void 0 && (l.DefaultMaterial = new He({
+  return l.DefaultMaterial === void 0 && (l.DefaultMaterial = new Ge({
     color: 16777215,
     emissive: 0,
     metalness: 1,
     roughness: 1,
     transparent: !1,
     depthTest: !0,
-    side: Lt
+    side: Pt
   })), l.DefaultMaterial;
 }
-function j(l, e, t) {
+function F(l, e, t) {
   for (const s in t.extensions)
     l[s] === void 0 && (e.userData.gltfExtensions = e.userData.gltfExtensions || {}, e.userData.gltfExtensions[s] = t.extensions[s]);
 }
@@ -1069,7 +1069,7 @@ function re(l) {
     e += t[s] + ":" + l[t[s]] + ";";
   return e;
 }
-function fe(l) {
+function me(l) {
   switch (l) {
     case Int8Array:
       return 1 / 127;
@@ -1087,7 +1087,7 @@ function fs(l) {
   return l.search(/\.jpe?g($|\?)/i) > 0 || l.search(/^data\:image\/jpeg/) === 0 ? "image/jpeg" : l.search(/\.webp($|\?)/i) > 0 || l.search(/^data\:image\/webp/) === 0 ? "image/webp" : l.search(/\.ktx2($|\?)/i) > 0 || l.search(/^data\:image\/ktx2/) === 0 ? "image/ktx2" : "image/png";
 }
 const ms = new q();
-class _s {
+class gs {
   constructor(e = {}, t = {}) {
     this.json = e, this.extensions = {}, this.plugins = {}, this.options = t, this.cache = new Ft(), this.associations = /* @__PURE__ */ new Map(), this.primitiveCache = {}, this.nodeCache = {}, this.meshCache = { refs: {}, uses: {} }, this.cameraCache = { refs: {}, uses: {} }, this.lightCache = { refs: {}, uses: {} }, this.sourceCache = {}, this.textureCache = {}, this.nodeNamesUsed = {};
     let s = !1, n = -1, i = !1, o = -1;
@@ -1097,7 +1097,7 @@ class _s {
       const r = a.match(/Version\/(\d+)/);
       n = s && r ? parseInt(r[1], 10) : -1, i = a.indexOf("Firefox") > -1, o = i ? a.match(/Firefox\/([0-9]+)\./)[1] : -1;
     }
-    typeof createImageBitmap > "u" || s && n < 17 || i && o < 98 ? this.textureLoader = new st(this.options.manager) : this.textureLoader = new nt(this.options.manager), this.textureLoader.setCrossOrigin(this.options.crossOrigin), this.textureLoader.setRequestHeader(this.options.requestHeader), this.fileLoader = new ve(this.options.manager), this.fileLoader.setResponseType("arraybuffer"), this.options.crossOrigin === "use-credentials" && this.fileLoader.setWithCredentials(!0);
+    typeof createImageBitmap > "u" || s && n < 17 || i && o < 98 ? this.textureLoader = new nt(this.options.manager) : this.textureLoader = new it(this.options.manager), this.textureLoader.setCrossOrigin(this.options.crossOrigin), this.textureLoader.setRequestHeader(this.options.requestHeader), this.fileLoader = new ke(this.options.manager), this.fileLoader.setResponseType("arraybuffer"), this.options.crossOrigin === "use-credentials" && this.fileLoader.setWithCredentials(!0);
   }
   setExtensions(e) {
     this.extensions = e;
@@ -1127,7 +1127,7 @@ class _s {
         parser: s,
         userData: {}
       };
-      return j(i, a, n), D(a, n), Promise.all(s._invokeAll(function(r) {
+      return F(i, a, n), D(a, n), Promise.all(s._invokeAll(function(r) {
         return r.afterRoot && r.afterRoot(a);
       })).then(function() {
         for (const r of a.scenes)
@@ -1343,19 +1343,19 @@ class _s {
     const i = [];
     return n.bufferView !== void 0 ? i.push(this.getDependency("bufferView", n.bufferView)) : i.push(null), n.sparse !== void 0 && (i.push(this.getDependency("bufferView", n.sparse.indices.bufferView)), i.push(this.getDependency("bufferView", n.sparse.values.bufferView))), Promise.all(i).then(function(o) {
       const a = o[0], r = ie[n.type], c = K[n.componentType], u = c.BYTES_PER_ELEMENT, h = u * r, d = n.byteOffset || 0, p = n.bufferView !== void 0 ? s.bufferViews[n.bufferView].byteStride : void 0, m = n.normalized === !0;
-      let g, f;
+      let _, f;
       if (p && p !== h) {
-        const _ = Math.floor(d / p), x = "InterleavedBuffer:" + n.bufferView + ":" + n.componentType + ":" + _ + ":" + n.count;
+        const g = Math.floor(d / p), x = "InterleavedBuffer:" + n.bufferView + ":" + n.componentType + ":" + g + ":" + n.count;
         let b = t.cache.get(x);
-        b || (g = new c(a, _ * p, n.count * p / u), b = new it(g, p / u), t.cache.add(x, b)), f = new ot(b, r, d % p / u, m);
+        b || (_ = new c(a, g * p, n.count * p / u), b = new ot(_, p / u), t.cache.add(x, b)), f = new rt(b, r, d % p / u, m);
       } else
-        a === null ? g = new c(n.count * r) : g = new c(a, d, n.count * r), f = new te(g, r, m);
+        a === null ? _ = new c(n.count * r) : _ = new c(a, d, n.count * r), f = new te(_, r, m);
       if (n.sparse !== void 0) {
-        const _ = ie.SCALAR, x = K[n.sparse.indices.componentType], b = n.sparse.indices.byteOffset || 0, T = n.sparse.values.byteOffset || 0, A = new x(o[1], b, n.sparse.count * _), I = new c(o[2], T, n.sparse.count * r);
+        const g = ie.SCALAR, x = K[n.sparse.indices.componentType], b = n.sparse.indices.byteOffset || 0, T = n.sparse.values.byteOffset || 0, A = new x(o[1], b, n.sparse.count * g), v = new c(o[2], T, n.sparse.count * r);
         a !== null && (f = new te(f.array.slice(), f.itemSize, f.normalized)), f.normalized = !1;
-        for (let P = 0, B = A.length; P < B; P++) {
-          const v = A[P];
-          if (f.setX(v, I[P * r]), r >= 2 && f.setY(v, I[P * r + 1]), r >= 3 && f.setZ(v, I[P * r + 2]), r >= 4 && f.setW(v, I[P * r + 3]), r >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
+        for (let N = 0, B = A.length; N < B; N++) {
+          const k = A[N];
+          if (f.setX(k, v[N * r]), r >= 2 && f.setY(k, v[N * r + 1]), r >= 3 && f.setZ(k, v[N * r + 2]), r >= 4 && f.setW(k, v[N * r + 3]), r >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
         }
         f.normalized = m;
       }
@@ -1385,7 +1385,7 @@ class _s {
     const c = this.loadImageSource(t, s).then(function(u) {
       u.flipY = !1, u.name = o.name || a.name || "", u.name === "" && typeof a.uri == "string" && a.uri.startsWith("data:image/") === !1 && (u.name = a.uri);
       const d = (i.samplers || {})[o.sampler] || {};
-      return u.magFilter = Le[d.magFilter] || le, u.minFilter = Le[d.minFilter] || je, u.wrapS = Pe[d.wrapS] || he, u.wrapT = Pe[d.wrapT] || he, u.generateMipmaps = !u.isCompressedTexture && u.minFilter !== Fe && u.minFilter !== le, n.associations.set(u, { textures: e }), u;
+      return u.magFilter = Pe[d.magFilter] || le, u.minFilter = Pe[d.minFilter] || Fe, u.wrapS = Ne[d.wrapS] || he, u.wrapT = Ne[d.wrapT] || he, u.generateMipmaps = !u.isCompressedTexture && u.minFilter !== He && u.minFilter !== le, n.associations.set(u, { textures: e }), u;
     }).catch(function() {
       return null;
     });
@@ -1408,8 +1408,8 @@ class _s {
     const u = Promise.resolve(r).then(function(h) {
       return new Promise(function(d, p) {
         let m = d;
-        t.isImageBitmapLoader === !0 && (m = function(g) {
-          const f = new ge(g);
+        t.isImageBitmapLoader === !0 && (m = function(_) {
+          const f = new Te(_);
           f.needsUpdate = !0, d(f);
         }), t.load(X.resolveURL(h, i.path), m, void 0, p);
       });
@@ -1461,11 +1461,11 @@ class _s {
     if (e.isPoints) {
       const a = "PointsMaterial:" + s.uuid;
       let r = this.cache.get(a);
-      r || (r = new ut(), se.prototype.copy.call(r, s), r.color.copy(s.color), r.map = s.map, r.sizeAttenuation = !1, this.cache.add(a, r)), s = r;
+      r || (r = new dt(), se.prototype.copy.call(r, s), r.color.copy(s.color), r.map = s.map, r.sizeAttenuation = !1, this.cache.add(a, r)), s = r;
     } else if (e.isLine) {
       const a = "LineBasicMaterial:" + s.uuid;
       let r = this.cache.get(a);
-      r || (r = new dt(), se.prototype.copy.call(r, s), r.color.copy(s.color), r.map = s.map, this.cache.add(a, r)), s = r;
+      r || (r = new pt(), se.prototype.copy.call(r, s), r.color.copy(s.color), r.map = s.map, this.cache.add(a, r)), s = r;
     }
     if (n || i || o) {
       let a = "ClonedMaterial:" + s.uuid + ":";
@@ -1476,7 +1476,7 @@ class _s {
     e.material = s;
   }
   getMaterialType() {
-    return He;
+    return Ge;
   }
   /**
    * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#materials
@@ -1496,7 +1496,7 @@ class _s {
       const h = i.pbrMetallicRoughness || {};
       if (a.color = new H(1, 1, 1), a.opacity = 1, Array.isArray(h.baseColorFactor)) {
         const d = h.baseColorFactor;
-        a.color.setRGB(d[0], d[1], d[2], C), a.opacity = d[3];
+        a.color.setRGB(d[0], d[1], d[2], I), a.opacity = d[3];
       }
       h.baseColorTexture !== void 0 && c.push(t.assignTexture(a, "map", h.baseColorTexture, Y)), a.metalness = h.metallicFactor !== void 0 ? h.metallicFactor : 1, a.roughness = h.roughnessFactor !== void 0 ? h.roughnessFactor : 1, h.metallicRoughnessTexture !== void 0 && (c.push(t.assignTexture(a, "metalnessMap", h.metallicRoughnessTexture)), c.push(t.assignTexture(a, "roughnessMap", h.metallicRoughnessTexture))), o = this._invokeOne(function(d) {
         return d.getMaterialType && d.getMaterialType(e);
@@ -1504,7 +1504,7 @@ class _s {
         return d.extendMaterialParams && d.extendMaterialParams(e, a);
       })));
     }
-    i.doubleSided === !0 && (a.side = pt);
+    i.doubleSided === !0 && (a.side = ft);
     const u = i.alphaMode || oe.OPAQUE;
     if (u === oe.BLEND ? (a.transparent = !0, a.depthWrite = !1) : (a.transparent = !1, u === oe.MASK && (a.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && o !== V && (c.push(t.assignTexture(a, "normalMap", i.normalTexture)), a.normalScale = new S(1, 1), i.normalTexture.scale !== void 0)) {
       const h = i.normalTexture.scale;
@@ -1512,11 +1512,11 @@ class _s {
     }
     if (i.occlusionTexture !== void 0 && o !== V && (c.push(t.assignTexture(a, "aoMap", i.occlusionTexture)), i.occlusionTexture.strength !== void 0 && (a.aoMapIntensity = i.occlusionTexture.strength)), i.emissiveFactor !== void 0 && o !== V) {
       const h = i.emissiveFactor;
-      a.emissive = new H().setRGB(h[0], h[1], h[2], C);
+      a.emissive = new H().setRGB(h[0], h[1], h[2], I);
     }
     return i.emissiveTexture !== void 0 && o !== V && c.push(t.assignTexture(a, "emissiveMap", i.emissiveTexture, Y)), Promise.all(c).then(function() {
       const h = new o(a);
-      return i.name && (h.name = i.name), D(h, i), t.associations.set(h, { materials: e }), i.extensions && j(n, h, i), h;
+      return i.name && (h.name = i.name), D(h, i), t.associations.set(h, { materials: e }), i.extensions && F(n, h, i), h;
     });
   }
   /**
@@ -1527,7 +1527,7 @@ class _s {
    * @return {string}
    */
   createUniqueName(e) {
-    const t = ft.sanitizeNodeName(e || "");
+    const t = mt.sanitizeNodeName(e || "");
     return t in this.nodeNamesUsed ? t + "_" + ++this.nodeNamesUsed[t] : (this.nodeNamesUsed[t] = 0, t);
   }
   /**
@@ -1543,7 +1543,7 @@ class _s {
     const t = this, s = this.extensions, n = this.primitiveCache;
     function i(a) {
       return s[y.KHR_DRACO_MESH_COMPRESSION].decodePrimitive(a, t).then(function(r) {
-        return Ne(r, a, t);
+        return Oe(r, a, t);
       });
     }
     const o = [];
@@ -1553,7 +1553,7 @@ class _s {
         o.push(h.promise);
       else {
         let d;
-        c.extensions && c.extensions[y.KHR_DRACO_MESH_COMPRESSION] ? d = i(c) : d = Ne(new mt(), c, t), n[u] = { primitive: c, promise: d }, o.push(d);
+        c.extensions && c.extensions[y.KHR_DRACO_MESH_COMPRESSION] ? d = i(c) : d = Oe(new gt(), c, t), n[u] = { primitive: c, promise: d }, o.push(d);
       }
     }
     return Promise.all(o);
@@ -1574,22 +1574,22 @@ class _s {
     return a.push(t.loadGeometries(o)), Promise.all(a).then(function(r) {
       const c = r.slice(0, r.length - 1), u = r[r.length - 1], h = [];
       for (let p = 0, m = u.length; p < m; p++) {
-        const g = u[p], f = o[p];
-        let _;
+        const _ = u[p], f = o[p];
+        let g;
         const x = c[p];
-        if (f.mode === L.TRIANGLES || f.mode === L.TRIANGLE_STRIP || f.mode === L.TRIANGLE_FAN || f.mode === void 0)
-          _ = i.isSkinnedMesh === !0 ? new _t(g, x) : new gt(g, x), _.isSkinnedMesh === !0 && _.normalizeSkinWeights(), f.mode === L.TRIANGLE_STRIP ? _.geometry = Se(_.geometry, Ie) : f.mode === L.TRIANGLE_FAN && (_.geometry = Se(_.geometry, ce));
-        else if (f.mode === L.LINES)
-          _ = new Tt(g, x);
-        else if (f.mode === L.LINE_STRIP)
-          _ = new yt(g, x);
-        else if (f.mode === L.LINE_LOOP)
-          _ = new xt(g, x);
-        else if (f.mode === L.POINTS)
-          _ = new Et(g, x);
+        if (f.mode === P.TRIANGLES || f.mode === P.TRIANGLE_STRIP || f.mode === P.TRIANGLE_FAN || f.mode === void 0)
+          g = i.isSkinnedMesh === !0 ? new _t(_, x) : new Tt(_, x), g.isSkinnedMesh === !0 && g.normalizeSkinWeights(), f.mode === P.TRIANGLE_STRIP ? g.geometry = Ae(g.geometry, ve) : f.mode === P.TRIANGLE_FAN && (g.geometry = Ae(g.geometry, ce));
+        else if (f.mode === P.LINES)
+          g = new yt(_, x);
+        else if (f.mode === P.LINE_STRIP)
+          g = new xt(_, x);
+        else if (f.mode === P.LINE_LOOP)
+          g = new Et(_, x);
+        else if (f.mode === P.POINTS)
+          g = new bt(_, x);
         else
           throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + f.mode);
-        Object.keys(_.geometry.morphAttributes).length > 0 && ds(_, i), _.name = t.createUniqueName(i.name || "mesh_" + e), D(_, i), f.extensions && j(n, _, f), t.assignFinalMaterial(_), h.push(_);
+        Object.keys(g.geometry.morphAttributes).length > 0 && ds(g, i), g.name = t.createUniqueName(i.name || "mesh_" + e), D(g, i), f.extensions && F(n, g, f), t.assignFinalMaterial(g), h.push(g);
       }
       for (let p = 0, m = h.length; p < m; p++)
         t.associations.set(h[p], {
@@ -1597,9 +1597,9 @@ class _s {
           primitives: p
         });
       if (h.length === 1)
-        return i.extensions && j(n, h[0], i), h[0];
+        return i.extensions && F(n, h[0], i), h[0];
       const d = new ne();
-      i.extensions && j(n, d, i), t.associations.set(d, { meshes: e });
+      i.extensions && F(n, d, i), t.associations.set(d, { meshes: e });
       for (let p = 0, m = h.length; p < m; p++)
         d.add(h[p]);
       return d;
@@ -1619,7 +1619,7 @@ class _s {
       console.warn("THREE.GLTFLoader: Missing camera parameters.");
       return;
     }
-    return s.type === "perspective" ? t = new bt(Ge.radToDeg(n.yfov), n.aspectRatio || 1, n.znear || 1, n.zfar || 2e6) : s.type === "orthographic" && (t = new Rt(-n.xmag, n.xmag, n.ymag, -n.ymag, n.znear, n.zfar)), s.name && (t.name = this.createUniqueName(s.name)), D(t, s), Promise.resolve(t);
+    return s.type === "perspective" ? t = new Rt(Ue.radToDeg(n.yfov), n.aspectRatio || 1, n.znear || 1, n.zfar || 2e6) : s.type === "orthographic" && (t = new Mt(-n.xmag, n.xmag, n.ymag, -n.ymag, n.znear, n.zfar)), s.name && (t.name = this.createUniqueName(s.name)), D(t, s), Promise.resolve(t);
   }
   /**
    * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins
@@ -1643,7 +1643,7 @@ class _s {
         } else
           console.warn('THREE.GLTFLoader: Joint "%s" could not be found.', t.joints[c]);
       }
-      return new Mt(a, r);
+      return new wt(a, r);
     });
   }
   /**
@@ -1656,8 +1656,8 @@ class _s {
   loadAnimation(e) {
     const t = this.json, s = this, n = t.animations[e], i = n.name ? n.name : "animation_" + e, o = [], a = [], r = [], c = [], u = [];
     for (let h = 0, d = n.channels.length; h < d; h++) {
-      const p = n.channels[h], m = n.samplers[p.sampler], g = p.target, f = g.node, _ = n.parameters !== void 0 ? n.parameters[m.input] : m.input, x = n.parameters !== void 0 ? n.parameters[m.output] : m.output;
-      g.node !== void 0 && (o.push(this.getDependency("node", f)), a.push(this.getDependency("accessor", _)), r.push(this.getDependency("accessor", x)), c.push(m), u.push(g));
+      const p = n.channels[h], m = n.samplers[p.sampler], _ = p.target, f = _.node, g = n.parameters !== void 0 ? n.parameters[m.input] : m.input, x = n.parameters !== void 0 ? n.parameters[m.output] : m.output;
+      _.node !== void 0 && (o.push(this.getDependency("node", f)), a.push(this.getDependency("accessor", g)), r.push(this.getDependency("accessor", x)), c.push(m), u.push(_));
     }
     return Promise.all([
       Promise.all(o),
@@ -1666,17 +1666,17 @@ class _s {
       Promise.all(c),
       Promise.all(u)
     ]).then(function(h) {
-      const d = h[0], p = h[1], m = h[2], g = h[3], f = h[4], _ = [];
+      const d = h[0], p = h[1], m = h[2], _ = h[3], f = h[4], g = [];
       for (let x = 0, b = d.length; x < b; x++) {
-        const T = d[x], A = p[x], I = m[x], P = g[x], B = f[x];
+        const T = d[x], A = p[x], v = m[x], N = _[x], B = f[x];
         if (T === void 0) continue;
         T.updateMatrix && T.updateMatrix();
-        const v = s._createAnimationTracks(T, A, I, P, B);
-        if (v)
-          for (let J = 0; J < v.length; J++)
-            _.push(v[J]);
+        const k = s._createAnimationTracks(T, A, v, N, B);
+        if (k)
+          for (let J = 0; J < k.length; J++)
+            g.push(k[J]);
       }
-      return new wt(i, void 0, _);
+      return new St(i, void 0, g);
     });
   }
   createNodeMesh(e) {
@@ -1733,10 +1733,10 @@ class _s {
       a.push(c);
     }), this.nodeCache[e] = Promise.all(a).then(function(c) {
       let u;
-      if (i.isBone === !0 ? u = new St() : c.length > 1 ? u = new ne() : c.length === 1 ? u = c[0] : u = new ke(), u !== c[0])
+      if (i.isBone === !0 ? u = new At() : c.length > 1 ? u = new ne() : c.length === 1 ? u = c[0] : u = new je(), u !== c[0])
         for (let h = 0, d = c.length; h < d; h++)
           u.add(c[h]);
-      if (i.name && (u.userData.name = i.name, u.name = o), D(u, i), i.extensions && j(s, u, i), i.matrix !== void 0) {
+      if (i.name && (u.userData.name = i.name, u.name = o), D(u, i), i.extensions && F(s, u, i), i.matrix !== void 0) {
         const h = new q();
         h.fromArray(i.matrix), u.applyMatrix4(h);
       } else
@@ -1759,7 +1759,7 @@ class _s {
    */
   loadScene(e) {
     const t = this.extensions, s = this.json.scenes[e], n = this, i = new ne();
-    s.name && (i.name = n.createUniqueName(s.name)), D(i, s), s.extensions && j(t, i, s);
+    s.name && (i.name = n.createUniqueName(s.name)), D(i, s), s.extensions && F(t, i, s);
     const o = s.nodes || [], a = [];
     for (let r = 0, c = o.length; r < c; r++)
       a.push(n.getDependency("node", o[r]));
@@ -1769,7 +1769,7 @@ class _s {
       const c = (u) => {
         const h = /* @__PURE__ */ new Map();
         for (const [d, p] of n.associations)
-          (d instanceof se || d instanceof ge) && h.set(d, p);
+          (d instanceof se || d instanceof Te) && h.set(d, p);
         return u.traverse((d) => {
           const p = n.associations.get(d);
           p != null && h.set(d, p);
@@ -1780,38 +1780,38 @@ class _s {
   }
   _createAnimationTracks(e, t, s, n, i) {
     const o = [], a = e.name ? e.name : e.uuid, r = [];
-    k[i.path] === k.weights ? e.traverse(function(d) {
+    j[i.path] === j.weights ? e.traverse(function(d) {
       d.morphTargetInfluences && r.push(d.name ? d.name : d.uuid);
     }) : r.push(a);
     let c;
-    switch (k[i.path]) {
-      case k.weights:
-        c = ye;
-        break;
-      case k.rotation:
+    switch (j[i.path]) {
+      case j.weights:
         c = xe;
         break;
-      case k.translation:
-      case k.scale:
-        c = Te;
+      case j.rotation:
+        c = Ee;
+        break;
+      case j.translation:
+      case j.scale:
+        c = ye;
         break;
       default:
         switch (s.itemSize) {
           case 1:
-            c = ye;
+            c = xe;
             break;
           case 2:
           case 3:
           default:
-            c = Te;
+            c = ye;
             break;
         }
         break;
     }
-    const u = n.interpolation !== void 0 ? ls[n.interpolation] : Ue, h = this._getArrayFromAccessor(s);
+    const u = n.interpolation !== void 0 ? ls[n.interpolation] : Ke, h = this._getArrayFromAccessor(s);
     for (let d = 0, p = r.length; d < p; d++) {
       const m = new c(
-        r[d] + "." + k[i.path],
+        r[d] + "." + j[i.path],
         t.array,
         h,
         u
@@ -1823,7 +1823,7 @@ class _s {
   _getArrayFromAccessor(e) {
     let t = e.array;
     if (e.normalized) {
-      const s = fe(t.constructor), n = new Float32Array(t.length);
+      const s = me(t.constructor), n = new Float32Array(t.length);
       for (let i = 0, o = t.length; i < o; i++)
         n[i] = t[i] * s;
       t = n;
@@ -1832,13 +1832,13 @@ class _s {
   }
   _createCubicSplineTrackInterpolant(e) {
     e.createInterpolant = function(s) {
-      const n = this instanceof xe ? cs : Be;
+      const n = this instanceof Ee ? cs : ze;
       return new n(this.times, this.values, this.getValueSize() / 3, s);
     }, e.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = !0;
   }
 }
-function gs(l, e, t) {
-  const s = e.attributes, n = new Nt();
+function _s(l, e, t) {
+  const s = e.attributes, n = new Ot();
   if (s.POSITION !== void 0) {
     const a = t.json.accessors[s.POSITION], r = a.min, c = a.max;
     if (r !== void 0 && c !== void 0) {
@@ -1846,7 +1846,7 @@ function gs(l, e, t) {
         new M(r[0], r[1], r[2]),
         new M(c[0], c[1], c[2])
       ), a.normalized) {
-        const u = fe(K[a.componentType]);
+        const u = me(K[a.componentType]);
         n.min.multiplyScalar(u), n.max.multiplyScalar(u);
       }
     } else {
@@ -1864,8 +1864,8 @@ function gs(l, e, t) {
         const d = t.json.accessors[h.POSITION], p = d.min, m = d.max;
         if (p !== void 0 && m !== void 0) {
           if (r.setX(Math.max(Math.abs(p[0]), Math.abs(m[0]))), r.setY(Math.max(Math.abs(p[1]), Math.abs(m[1]))), r.setZ(Math.max(Math.abs(p[2]), Math.abs(m[2]))), d.normalized) {
-            const g = fe(K[d.componentType]);
-            r.multiplyScalar(g);
+            const _ = me(K[d.componentType]);
+            r.multiplyScalar(_);
           }
           a.max(r);
         } else
@@ -1875,10 +1875,10 @@ function gs(l, e, t) {
     n.expandByVector(a);
   }
   l.boundingBox = n;
-  const o = new Ot();
+  const o = new Dt();
   n.getCenter(o.center), o.radius = n.min.distanceTo(n.max) / 2, l.boundingSphere = o;
 }
-function Ne(l, e, t) {
+function Oe(l, e, t) {
   const s = e.attributes, n = [];
   function i(o, a) {
     return t.getDependency("accessor", o).then(function(r) {
@@ -1886,7 +1886,7 @@ function Ne(l, e, t) {
     });
   }
   for (const o in s) {
-    const a = pe[o] || o.toLowerCase();
+    const a = fe[o] || o.toLowerCase();
     a in l.attributes || n.push(i(s[o], a));
   }
   if (e.indices !== void 0 && !l.index) {
@@ -1895,11 +1895,11 @@ function Ne(l, e, t) {
     });
     n.push(o);
   }
-  return Ee.workingColorSpace !== C && "COLOR_0" in s && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${Ee.workingColorSpace}" not supported.`), D(l, e), gs(l, e, t), Promise.all(n).then(function() {
+  return be.workingColorSpace !== I && "COLOR_0" in s && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${be.workingColorSpace}" not supported.`), D(l, e), _s(l, e, t), Promise.all(n).then(function() {
     return e.targets !== void 0 ? us(l, e.targets, t) : l;
   });
 }
-const Oe = { type: "change" }, _e = { type: "start" }, ze = { type: "end" }, W = new Ct(), De = new It(), Ts = Math.cos(70 * Ge.DEG2RAD), R = new M(), w = 2 * Math.PI, E = {
+const De = { type: "change" }, _e = { type: "start" }, Ve = { type: "end" }, W = new It(), Ce = new vt(), Ts = Math.cos(70 * Ue.DEG2RAD), R = new M(), w = 2 * Math.PI, E = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -1909,7 +1909,7 @@ const Oe = { type: "change" }, _e = { type: "start" }, ze = { type: "end" }, W =
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
 }, ae = 1e-6;
-class ys extends Dt {
+class ys extends Ct {
   /**
    * Constructs a new controls instance.
    *
@@ -1917,7 +1917,7 @@ class ys extends Dt {
    * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
    */
   constructor(e, t = null) {
-    super(e, t), this.state = E.NONE, this.target = new M(), this.cursor = new M(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: U.ROTATE, MIDDLE: U.DOLLY, RIGHT: U.PAN }, this.touches = { ONE: G.ROTATE, TWO: G.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new M(), this._lastQuaternion = new Q(), this._lastTargetPosition = new M(), this._quat = new Q().setFromUnitVectors(e.up, new M(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new be(), this._sphericalDelta = new be(), this._scale = 1, this._panOffset = new M(), this._rotateStart = new S(), this._rotateEnd = new S(), this._rotateDelta = new S(), this._panStart = new S(), this._panEnd = new S(), this._panDelta = new S(), this._dollyStart = new S(), this._dollyEnd = new S(), this._dollyDelta = new S(), this._dollyDirection = new M(), this._mouse = new S(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = Es.bind(this), this._onPointerDown = xs.bind(this), this._onPointerUp = bs.bind(this), this._onContextMenu = Ps.bind(this), this._onMouseWheel = ws.bind(this), this._onKeyDown = Ss.bind(this), this._onTouchStart = As.bind(this), this._onTouchMove = Ls.bind(this), this._onMouseDown = Rs.bind(this), this._onMouseMove = Ms.bind(this), this._interceptControlDown = Ns.bind(this), this._interceptControlUp = Os.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+    super(e, t), this.state = E.NONE, this.target = new M(), this.cursor = new M(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: U.ROTATE, MIDDLE: U.DOLLY, RIGHT: U.PAN }, this.touches = { ONE: G.ROTATE, TWO: G.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new M(), this._lastQuaternion = new Q(), this._lastTargetPosition = new M(), this._quat = new Q().setFromUnitVectors(e.up, new M(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new Re(), this._sphericalDelta = new Re(), this._scale = 1, this._panOffset = new M(), this._rotateStart = new S(), this._rotateEnd = new S(), this._rotateDelta = new S(), this._panStart = new S(), this._panEnd = new S(), this._panDelta = new S(), this._dollyStart = new S(), this._dollyEnd = new S(), this._dollyDelta = new S(), this._dollyDirection = new M(), this._mouse = new S(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = Es.bind(this), this._onPointerDown = xs.bind(this), this._onPointerUp = bs.bind(this), this._onContextMenu = Ps.bind(this), this._onMouseWheel = ws.bind(this), this._onKeyDown = Ss.bind(this), this._onTouchStart = As.bind(this), this._onTouchMove = Ls.bind(this), this._onMouseDown = Rs.bind(this), this._onMouseMove = Ms.bind(this), this._interceptControlDown = Ns.bind(this), this._interceptControlUp = Os.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
   connect(e) {
     super.connect(e), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, { passive: !0, capture: !0 }), this.domElement.style.touchAction = "none";
@@ -1978,7 +1978,7 @@ class ys extends Dt {
    * was called, or the initial state.
    */
   reset() {
-    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(Oe), this.update(), this.state = E.NONE;
+    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(De), this.update(), this.state = E.NONE;
   }
   update(e = null) {
     const t = this.object.position;
@@ -2008,12 +2008,12 @@ class ys extends Dt {
         c.unproject(this.object), this.object.position.sub(c).add(a), this.object.updateMatrixWorld(), o = R.length();
       } else
         console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
-      o !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(o).add(this.object.position) : (W.origin.copy(this.object.position), W.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(W.direction)) < Ts ? this.object.lookAt(this.target) : (De.setFromNormalAndCoplanarPoint(this.object.up, this.target), W.intersectPlane(De, this.target))));
+      o !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(o).add(this.object.position) : (W.origin.copy(this.object.position), W.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(W.direction)) < Ts ? this.object.lookAt(this.target) : (Ce.setFromNormalAndCoplanarPoint(this.object.up, this.target), W.intersectPlane(Ce, this.target))));
     } else if (this.object.isOrthographicCamera) {
       const o = this.object.zoom;
       this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), o !== this.object.zoom && (this.object.updateProjectionMatrix(), i = !0);
     }
-    return this._scale = 1, this._performCursorZoom = !1, i || this._lastPosition.distanceToSquared(this.object.position) > ae || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > ae || this._lastTargetPosition.distanceToSquared(this.target) > ae ? (this.dispatchEvent(Oe), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
+    return this._scale = 1, this._performCursorZoom = !1, i || this._lastPosition.distanceToSquared(this.object.position) > ae || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > ae || this._lastTargetPosition.distanceToSquared(this.target) > ae ? (this.dispatchEvent(De), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
   }
   _getAutoRotationAngle(e) {
     return e !== null ? w / 60 * this.autoRotateSpeed * e : w / 60 / 60 * this.autoRotateSpeed;
@@ -2214,7 +2214,7 @@ function Es(l) {
 function bs(l) {
   switch (this._removePointer(l), this._pointers.length) {
     case 0:
-      this.domElement.releasePointerCapture(l.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(ze), this.state = E.NONE;
+      this.domElement.releasePointerCapture(l.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ve), this.state = E.NONE;
       break;
     case 1:
       const e = this._pointers[0], t = this._pointerPositions[e];
@@ -2282,7 +2282,7 @@ function Ms(l) {
   }
 }
 function ws(l) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== E.NONE || (l.preventDefault(), this.dispatchEvent(_e), this._handleMouseWheel(this._customWheelEvent(l)), this.dispatchEvent(ze));
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== E.NONE || (l.preventDefault(), this.dispatchEvent(_e), this._handleMouseWheel(this._customWheelEvent(l)), this.dispatchEvent(Ve));
 }
 function Ss(l) {
   this.enabled !== !1 && this._handleKeyDown(l);
@@ -2365,6 +2365,14 @@ const Ds = (l, e) => {
       type: Boolean,
       default: !1
     },
+    clearAlpha: {
+      type: [String, Number],
+      default: 1
+    },
+    clearColor: {
+      type: String,
+      default: "#7fbfff"
+    },
     useOrbitControls: {
       type: Boolean,
       default: !1
@@ -2384,14 +2392,15 @@ const Ds = (l, e) => {
   },
   emits: ["initialized", "animate"],
   setup(l, { emit: e }) {
-    const t = e, s = l, n = "dom" + Ve().uid, i = Xe(n);
+    const t = e, s = l, n = "dom" + Xe().uid, i = Ye(n);
     let o = null, a = null, r = null, c = null, u = null;
     const h = () => {
       t("animate", {
-        GLTFLoader: de,
-        THREE: N,
-        VRMExpressionPresetName: Me,
-        VRMHumanBoneName: Re,
+        GLTFLoader: pe,
+        THREE: L,
+        VRMExpressionPresetName: we,
+        VRMHumanBoneName: Me,
+        VRMUtils: ue,
         camera: r,
         controls: u,
         renderer: c,
@@ -2402,38 +2411,46 @@ const Ds = (l, e) => {
     }, p = () => {
       o != null && (cancelAnimationFrame(o), o = null);
     };
-    F(() => s.animation, (g) => {
-      g == !0 ? d() : p();
+    C(() => s.animation, (_) => {
+      _ == !0 ? d() : p();
+    }), C(() => s.clearAlpha, (_) => {
+      c && c.setClearAlpha(parseFloat(_));
+    }), C(() => s.clearColor, (_) => {
+      if (c) {
+        const f = new L.Color(_), g = c.getClearAlpha();
+        c.setClearColor(f, g);
+      }
     });
     const m = () => {
-      const g = i.value, f = g.clientWidth, _ = g.clientHeight, x = {
+      const _ = i.value, f = _.clientWidth, g = _.clientHeight, x = {
         antialias: !0,
         alpha: !1
       };
-      if (N.ColorManagement.enabled = !1, c = new N.WebGLRenderer(x), c.setPixelRatio(window.devicePixelRatio), c.setSize(f, _), c.setClearColor(8372223, 1), c.outputColorSpace = N.SRGBColorSpace, g.appendChild(c.domElement), a = new N.Scene(), r = new N.PerspectiveCamera(
+      if (L.ColorManagement.enabled = !1, c = new L.WebGLRenderer(x), c.setPixelRatio(window.devicePixelRatio), c.setSize(f, g), c.setClearColor(s.clearColor, s.clearAlpha), c.outputColorSpace = L.SRGBColorSpace, _.appendChild(c.domElement), a = new L.Scene(), r = new L.PerspectiveCamera(
         45,
-        f / _,
+        f / g,
         0.1,
         1e3
-      ), r.position.set(0, 1.25, 1), s.useOrbitControls && (u = new ys(r, g), u.screenSpacePanning = !0, u.target.set(0, 1.25, 0), u.update()), s.useGridHelper) {
-        const T = new N.GridHelper(10, 10);
+      ), r.position.set(0, 1.25, 1), s.useOrbitControls && (u = new ys(r, _), u.screenSpacePanning = !0, u.target.set(0, 1.25, 0), u.update()), s.useGridHelper) {
+        const T = new L.GridHelper(10, 10);
         a.add(T), T.visible = !0;
       }
       if (s.useAxesHelper) {
-        const T = new N.AxesHelper(5);
+        const T = new L.AxesHelper(5);
         a.add(T);
       }
       if (s.useDefaultLight) {
-        const T = new N.DirectionalLight(16777215);
+        const T = new L.DirectionalLight(16777215);
         T.intensity = 3, T.position.set(1, 1, 1).normalize(), a.add(T);
-        const A = new N.AmbientLight(4210752);
+        const A = new L.AmbientLight(4210752);
         a.add(A);
       }
       t("initialized", {
-        GLTFLoader: de,
-        THREE: N,
-        VRMExpressionPresetName: Me,
-        VRMHumanBoneName: Re,
+        GLTFLoader: pe,
+        THREE: L,
+        VRMExpressionPresetName: we,
+        VRMHumanBoneName: Me,
+        VRMUtils: ue,
         camera: r,
         controls: u,
         renderer: c,
@@ -2441,22 +2458,22 @@ const Ds = (l, e) => {
       });
     };
     return $(async () => {
-      if (!we.isWebGL2Available()) {
-        const f = we.getWebGLErrorMessage();
+      if (!Se.isWebGL2Available()) {
+        const f = Se.getWebGLErrorMessage();
         console.error(f);
         return;
       }
-      const g = () => {
-        const f = i.value, _ = f.clientWidth, x = f.clientHeight;
-        c.setPixelRatio(window.devicePixelRatio), c.setSize(_, x), r.aspect = _ / x, r.updateProjectionMatrix();
+      const _ = () => {
+        const f = i.value, g = f.clientWidth, x = f.clientHeight;
+        c.setPixelRatio(window.devicePixelRatio), c.setSize(g, x), r.aspect = g / x, r.updateProjectionMatrix();
       };
-      window.addEventListener("resize", g), m();
-    }), (g, f) => (me(), Ce("div", {
+      window.addEventListener("resize", _), m();
+    }), (_, f) => (ge(), Ie("div", {
       ref: n,
       class: "box"
     }));
   }
-}, Us = /* @__PURE__ */ Ds(Cs, [["__scopeId", "data-v-8fb60132"]]), Is = {
+}, Us = /* @__PURE__ */ Ds(Cs, [["__scopeId", "data-v-60c3a6e5"]]), Is = {
   __name: "VroidExpression",
   props: {
     command: {
@@ -2479,7 +2496,7 @@ const Ds = (l, e) => {
       if (!o)
         return;
       t("loading", s.name, s.command);
-      const r = await new ue().fetchExpression(o);
+      const r = await new de().fetchExpression(o);
       let c = !1;
       r && (c = !0), t("loaded", s.name, s.command, c, r);
     }, i = (o) => {
@@ -2489,9 +2506,9 @@ const Ds = (l, e) => {
     };
     return $(async () => {
       s.data != null ? i(s.data) : n(s.url);
-    }), F(() => s.data, () => {
+    }), C(() => s.data, () => {
       s.data != null && i(s.data);
-    }), F(() => s.url, () => {
+    }), C(() => s.url, () => {
       s.url && n(s.url);
     }), (o, a) => null;
   }
@@ -2518,20 +2535,20 @@ const Ds = (l, e) => {
       if (!o)
         return;
       t("loading", s.name, s.command);
-      const r = await new ue().fetchPose(o);
+      const r = await new de().fetchPose(o);
       let c = !1;
       r && (c = !0), t("loaded", s.name, s.command, c, r);
     }, i = (o) => {
       t("loading", s.name, s.command);
-      const r = new ue().normalizePose(o);
+      const r = new de().normalizePose(o);
       let c = !1;
       r && (c = !0), t("loaded", s.name, s.command, c, r);
     };
     return $(async () => {
       s.data != null ? i(s.data) : n(s.url);
-    }), F(() => s.data, () => {
+    }), C(() => s.data, () => {
       s.data != null && i(s.data);
-    }), F(() => s.url, () => {
+    }), C(() => s.url, () => {
       s.url && n(s.url);
     }), (o, a) => null;
   }
@@ -2555,10 +2572,10 @@ const Ds = (l, e) => {
   emits: ["loading", "loaded"],
   setup(l, { emit: e }) {
     const t = e, s = l, n = async (a) => {
-      const r = new de();
-      return r.register((c) => new vt(c)), await r.loadAsync(a).then((c) => {
+      const r = new pe();
+      return r.register((c) => new kt(c)), await r.loadAsync(a).then((c) => {
         const u = c.userData.vrm;
-        return kt.rotateVRM0(u), u;
+        return ue.rotateVRM0(u), u;
       });
     }, i = async (a) => {
       if (!a)
@@ -2574,9 +2591,9 @@ const Ds = (l, e) => {
     };
     return $(async () => {
       s.data != null ? o(s.data) : i(s.url);
-    }), F(() => s.data, () => {
+    }), C(() => s.data, () => {
       s.data != null && o(s.data);
-    }), F(() => s.url, () => {
+    }), C(() => s.url, () => {
       s.url && i(s.url);
     }), (a, r) => null;
   }
@@ -2625,22 +2642,22 @@ const Ds = (l, e) => {
       const m = Object.keys(n).length;
       p == 0 && m && t("loading", s.name);
     }, u = (h, d, p, m) => {
-      const g = Object.keys(n).length;
+      const _ = Object.keys(n).length;
       p && (d == "load_expression" && (o.value = m), d == "load_pose" && (a.value = m), d == "load_vrm" && (r.value = m), i[h] = d), delete n[h];
       const f = Object.keys(n).length;
-      if (g && f == 0) {
-        const _ = {};
+      if (_ && f == 0) {
+        const g = {};
         for (const b in i) {
           const T = i[b];
-          T == "load_expression" && (_.expression = o.value), T == "load_pose" && (_.pose = a.value), T == "load_vrm" && (_.vrm = r.value);
+          T == "load_expression" && (g.expression = o.value), T == "load_pose" && (g.pose = a.value), T == "load_vrm" && (g.vrm = r.value);
         }
-        t("loaded", s.name, _);
+        t("loaded", s.name, g);
         const x = Object.keys(i);
         for (const b of x)
           delete i[b];
       }
     };
-    return (h, d) => (me(), Ce(Ye, null, [
+    return (h, d) => (ge(), Ie(We, null, [
       ee(Is, {
         command: "load_expression",
         name: s.expression_name,
@@ -2720,7 +2737,7 @@ const Ds = (l, e) => {
     }, i = (o, a) => {
       "vrm" in a && s.value.setModel(a.vrm), "pose" in a && (s.value.resetPose(), s.value.setPose(a.pose), s.value.updatePose()), "expression" in a && (s.value.resetExpression(), s.value.importExpression(a.expression), s.value.updateExpression()), t("loaded", o, s.value);
     };
-    return (o, a) => (me(), We(js, {
+    return (o, a) => (ge(), Ze(js, {
       name: l.model_name,
       expression_name: l.expression_name,
       expression_url: l.expression_url,
@@ -2737,7 +2754,7 @@ const Ds = (l, e) => {
   }
 };
 export {
-  ue as ResourceLoader,
+  de as ResourceLoader,
   Us as ThreeFrame,
   jt as VrmModel,
   Ks as VroidControl,