@j-kyoda/vue-three-vrm 0.5.3 → 0.6.0

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

@@ -1,8 +1,8 @@
-import { getCurrentInstance as Ke, useTemplateRef as Be, watch as Ve, onMounted as Q, createElementBlock as Le, openBlock as de, inject as Pe, ref as W, Fragment as ze, createVNode as J, createBlock as Xe } from "vue";
+import { getCurrentInstance as Be, useTemplateRef as Ve, watch as F, onMounted as $, createElementBlock as Pe, openBlock as pe, inject as Ne, ref as Z, Fragment as ze, createVNode as ee, createBlock as Xe } from "vue";
 import * as O from "three";
-import { Controls as Ye, Vector3 as M, MOUSE as U, TOUCH as H, Quaternion as Z, Spherical as fe, Vector2 as S, Ray as We, Plane as Ze, MathUtils as Ne, TrianglesDrawMode as qe, TriangleFanDrawMode as ae, TriangleStripDrawMode as Oe, Loader as Qe, LoaderUtils as z, FileLoader as De, MeshPhysicalMaterial as N, Color as F, LinearSRGBColorSpace as C, SRGBColorSpace as X, SpotLight as $e, PointLight as Je, DirectionalLight as et, Matrix4 as q, InstancedMesh as tt, InstancedBufferAttribute as st, Object3D as Ce, TextureLoader as nt, ImageBitmapLoader as it, BufferAttribute as ee, InterleavedBuffer as ot, InterleavedBufferAttribute as rt, LinearMipmapLinearFilter as Ie, NearestMipmapLinearFilter as at, LinearMipmapNearestFilter as ct, NearestMipmapNearestFilter as lt, LinearFilter as ce, NearestFilter as ve, RepeatWrapping as le, MirroredRepeatWrapping as ht, ClampToEdgeWrapping as ut, PointsMaterial as dt, Material as te, LineBasicMaterial as pt, MeshStandardMaterial as ke, DoubleSide as ft, MeshBasicMaterial as V, PropertyBinding as mt, BufferGeometry as _t, SkinnedMesh as gt, Mesh as Tt, LineSegments as yt, Line as xt, LineLoop as Et, Points as bt, Group as se, PerspectiveCamera as Rt, OrthographicCamera as Mt, Skeleton as wt, AnimationClip as St, Bone as At, InterpolateDiscrete as Lt, InterpolateLinear as je, Texture as me, VectorKeyframeTrack as _e, NumberKeyframeTrack as ge, QuaternionKeyframeTrack as Te, ColorManagement as ye, FrontSide as Pt, Interpolant as Nt, Box3 as Ot, Sphere as Dt } from "three";
+import { Controls as Ye, Vector3 as M, MOUSE as G, TOUCH as U, Quaternion as q, Spherical as me, Vector2 as S, Ray as We, Plane as Ze, MathUtils as Oe, TrianglesDrawMode as qe, TriangleFanDrawMode as ce, TriangleStripDrawMode as De, Loader as Qe, LoaderUtils as X, FileLoader as Ce, MeshPhysicalMaterial as N, Color as H, LinearSRGBColorSpace as C, SRGBColorSpace as Y, SpotLight as $e, PointLight as Je, DirectionalLight as et, Matrix4 as Q, InstancedMesh as tt, InstancedBufferAttribute as st, Object3D as Ie, TextureLoader as nt, ImageBitmapLoader as it, BufferAttribute as te, InterleavedBuffer as ot, InterleavedBufferAttribute as rt, LinearMipmapLinearFilter as ve, NearestMipmapLinearFilter as at, LinearMipmapNearestFilter as ct, NearestMipmapNearestFilter as lt, LinearFilter as le, NearestFilter as ke, RepeatWrapping as he, MirroredRepeatWrapping as ht, ClampToEdgeWrapping as ut, PointsMaterial as dt, Material as se, LineBasicMaterial as pt, MeshStandardMaterial as je, DoubleSide as ft, MeshBasicMaterial as z, PropertyBinding as mt, BufferGeometry as _t, SkinnedMesh as gt, Mesh as Tt, LineSegments as yt, Line as xt, LineLoop as Et, Points as bt, Group as ne, PerspectiveCamera as Rt, OrthographicCamera as Mt, Skeleton as wt, AnimationClip as St, Bone as At, InterpolateDiscrete as Lt, InterpolateLinear as Fe, Texture as _e, VectorKeyframeTrack as ge, NumberKeyframeTrack as Te, QuaternionKeyframeTrack as ye, ColorManagement as xe, FrontSide as Pt, Interpolant as Nt, Box3 as Ot, Sphere as Dt } from "three";
 import { VRMLoaderPlugin as Ct, VRMUtils as It } from "@pixiv/three-vrm";
-class Fe {
+class He {
   constructor() {
     this.status = 0, this.url = null, this.data = null;
   }
@@ -127,7 +127,7 @@ class vt {
     return null;
   }
 }
-class xe {
+class Ee {
   /**
    * Returns `true` if WebGL 2 is available.
    *
@@ -192,7 +192,7 @@ class xe {
     return console.warn("getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead."), this._getErrorMessage(1);
   }
 }
-const Ee = { type: "change" }, pe = { type: "start" }, He = { type: "end" }, Y = new We(), be = new Ze(), kt = Math.cos(70 * Ne.DEG2RAD), R = new M(), w = 2 * Math.PI, E = {
+const be = { type: "change" }, fe = { type: "start" }, Ue = { type: "end" }, W = new We(), Re = new Ze(), kt = Math.cos(70 * Oe.DEG2RAD), R = new M(), w = 2 * Math.PI, E = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -201,7 +201,7 @@ const Ee = { type: "change" }, pe = { type: "start" }, He = { type: "end" }, Y =
   TOUCH_PAN: 4,
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
-}, ne = 1e-6;
+}, ie = 1e-6;
 class jt extends Ye {
   /**
    * Constructs a new controls instance.
@@ -210,7 +210,7 @@ class jt extends Ye {
    * @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: H.ROTATE, TWO: H.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 Z(), this._lastTargetPosition = new M(), this._quat = new Z().setFromUnitVectors(e.up, new M(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new fe(), this._sphericalDelta = new fe(), 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 = Ht.bind(this), this._onPointerDown = Ft.bind(this), this._onPointerUp = Ut.bind(this), this._onContextMenu = Yt.bind(this), this._onMouseWheel = Bt.bind(this), this._onKeyDown = Vt.bind(this), this._onTouchStart = zt.bind(this), this._onTouchMove = Xt.bind(this), this._onMouseDown = Gt.bind(this), this._onMouseMove = Kt.bind(this), this._interceptControlDown = Wt.bind(this), this._interceptControlUp = Zt.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: G.ROTATE, MIDDLE: G.DOLLY, RIGHT: G.PAN }, this.touches = { ONE: U.ROTATE, TWO: U.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 me(), this._sphericalDelta = new me(), 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 = Ht.bind(this), this._onPointerDown = Ft.bind(this), this._onPointerUp = Ut.bind(this), this._onContextMenu = Yt.bind(this), this._onMouseWheel = Bt.bind(this), this._onKeyDown = Vt.bind(this), this._onTouchStart = zt.bind(this), this._onTouchMove = Xt.bind(this), this._onMouseDown = Gt.bind(this), this._onMouseMove = Kt.bind(this), this._interceptControlDown = Wt.bind(this), this._interceptControlUp = Zt.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";
@@ -271,7 +271,7 @@ class jt extends Ye {
    * 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(Ee), 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(be), this.update(), this.state = E.NONE;
   }
   update(e = null) {
     const t = this.object.position;
@@ -301,12 +301,12 @@ class jt extends Ye {
         c.unproject(this.object), this.object.position.sub(c).add(r), 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) : (Y.origin.copy(this.object.position), Y.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(Y.direction)) < kt ? this.object.lookAt(this.target) : (be.setFromNormalAndCoplanarPoint(this.object.up, this.target), Y.intersectPlane(be, 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)) < kt ? this.object.lookAt(this.target) : (Re.setFromNormalAndCoplanarPoint(this.object.up, this.target), W.intersectPlane(Re, 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) > ne || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > ne || this._lastTargetPosition.distanceToSquared(this.target) > ne ? (this.dispatchEvent(Ee), 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) > ie || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > ie || this._lastTargetPosition.distanceToSquared(this.target) > ie ? (this.dispatchEvent(be), 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;
@@ -507,7 +507,7 @@ function Ht(l) {
 function Ut(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(He), this.state = E.NONE;
+      this.domElement.releasePointerCapture(l.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ue), this.state = E.NONE;
       break;
     case 1:
       const e = this._pointers[0], t = this._pointerPositions[e];
@@ -531,11 +531,11 @@ function Gt(l) {
       e = -1;
   }
   switch (e) {
-    case U.DOLLY:
+    case G.DOLLY:
       if (this.enableZoom === !1) return;
       this._handleMouseDownDolly(l), this.state = E.DOLLY;
       break;
-    case U.ROTATE:
+    case G.ROTATE:
       if (l.ctrlKey || l.metaKey || l.shiftKey) {
         if (this.enablePan === !1) return;
         this._handleMouseDownPan(l), this.state = E.PAN;
@@ -544,7 +544,7 @@ function Gt(l) {
         this._handleMouseDownRotate(l), this.state = E.ROTATE;
       }
       break;
-    case U.PAN:
+    case G.PAN:
       if (l.ctrlKey || l.metaKey || l.shiftKey) {
         if (this.enableRotate === !1) return;
         this._handleMouseDownRotate(l), this.state = E.ROTATE;
@@ -556,7 +556,7 @@ function Gt(l) {
     default:
       this.state = E.NONE;
   }
-  this.state !== E.NONE && this.dispatchEvent(pe);
+  this.state !== E.NONE && this.dispatchEvent(fe);
 }
 function Kt(l) {
   switch (this.state) {
@@ -575,7 +575,7 @@ function Kt(l) {
   }
 }
 function Bt(l) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== E.NONE || (l.preventDefault(), this.dispatchEvent(pe), this._handleMouseWheel(this._customWheelEvent(l)), this.dispatchEvent(He));
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== E.NONE || (l.preventDefault(), this.dispatchEvent(fe), this._handleMouseWheel(this._customWheelEvent(l)), this.dispatchEvent(Ue));
 }
 function Vt(l) {
   this.enabled !== !1 && this._handleKeyDown(l);
@@ -584,11 +584,11 @@ function zt(l) {
   switch (this._trackPointer(l), this._pointers.length) {
     case 1:
       switch (this.touches.ONE) {
-        case H.ROTATE:
+        case U.ROTATE:
           if (this.enableRotate === !1) return;
           this._handleTouchStartRotate(l), this.state = E.TOUCH_ROTATE;
           break;
-        case H.PAN:
+        case U.PAN:
           if (this.enablePan === !1) return;
           this._handleTouchStartPan(l), this.state = E.TOUCH_PAN;
           break;
@@ -598,11 +598,11 @@ function zt(l) {
       break;
     case 2:
       switch (this.touches.TWO) {
-        case H.DOLLY_PAN:
+        case U.DOLLY_PAN:
           if (this.enableZoom === !1 && this.enablePan === !1) return;
           this._handleTouchStartDollyPan(l), this.state = E.TOUCH_DOLLY_PAN;
           break;
-        case H.DOLLY_ROTATE:
+        case U.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
           this._handleTouchStartDollyRotate(l), this.state = E.TOUCH_DOLLY_ROTATE;
           break;
@@ -613,7 +613,7 @@ function zt(l) {
     default:
       this.state = E.NONE;
   }
-  this.state !== E.NONE && this.dispatchEvent(pe);
+  this.state !== E.NONE && this.dispatchEvent(fe);
 }
 function Xt(l) {
   switch (this._trackPointer(l), this.state) {
@@ -677,7 +677,7 @@ const qt = (l, e) => {
   },
   emits: ["init", "animate"],
   setup(l, { emit: e }) {
-    const t = e, n = l, s = "dom" + Ke().uid, i = Be(s);
+    const t = e, n = l, s = "dom" + Be().uid, i = Ve(s);
     let o = null, r = null, a = null, c = null, h = null;
     const u = () => {
       t("animate", {
@@ -691,7 +691,7 @@ const qt = (l, e) => {
     }, p = () => {
       o != null && (cancelAnimationFrame(o), o = null);
     };
-    Ve(() => n.animation, (g) => {
+    F(() => n.animation, (g) => {
       g == !0 ? d() : p();
     });
     const m = () => {
@@ -725,9 +725,9 @@ const qt = (l, e) => {
         controls: h
       });
     };
-    return Q(async () => {
-      if (!xe.isWebGL2Available()) {
-        const f = xe.getWebGLErrorMessage();
+    return $(async () => {
+      if (!Ee.isWebGL2Available()) {
+        const f = Ee.getWebGLErrorMessage();
         console.error(f);
         return;
       }
@@ -736,7 +736,7 @@ const qt = (l, e) => {
         c.setPixelRatio(window.devicePixelRatio), c.setSize(_, x), a.aspect = _ / x, a.updateProjectionMatrix();
       };
       window.addEventListener("resize", g), m();
-    }), (g, f) => (de(), Le("div", {
+    }), (g, f) => (pe(), Pe("div", {
       ref: s,
       class: "box"
     }));
@@ -760,11 +760,11 @@ const qt = (l, e) => {
   },
   emits: ["loading", "loaded"],
   setup(l, { emit: e }) {
-    const t = Pe("axios"), n = e, s = l, i = async (r) => {
+    const t = Ne("axios"), n = e, s = l, i = async (r) => {
       if (!r)
         return;
       n("loading", s.name, s.command);
-      const c = await new Fe().loadExpression(t, r);
+      const c = await new He().loadExpression(t, r);
       let h = !1;
       c && (h = !0), n("loaded", s.name, s.command, h, c);
     }, o = (r) => {
@@ -772,8 +772,12 @@ const qt = (l, e) => {
       let a = !1;
       r && (a = !0), n("loaded", s.name, s.command, a, r);
     };
-    return Q(async () => {
+    return $(async () => {
       s.data != null ? o(s.data) : i(s.url);
+    }), F(() => s.data, () => {
+      s.data != null && o(s.data);
+    }), F(() => s.url, () => {
+      s.url && i(s.url);
     }), (r, a) => null;
   }
 }, Jt = {
@@ -795,11 +799,11 @@ const qt = (l, e) => {
   },
   emits: ["loading", "loaded"],
   setup(l, { emit: e }) {
-    const t = Pe("axios"), n = e, s = l, i = async (r) => {
+    const t = Ne("axios"), n = e, s = l, i = async (r) => {
       if (!r)
         return;
       n("loading", s.name, s.command);
-      const c = await new Fe().loadPose(t, r);
+      const c = await new He().loadPose(t, r);
       let h = !1;
       c && (h = !0), n("loaded", s.name, s.command, h, c);
     }, o = (r) => {
@@ -807,15 +811,19 @@ const qt = (l, e) => {
       let a = !1;
       r && (a = !0), n("loaded", s.name, s.command, a, r);
     };
-    return Q(async () => {
+    return $(async () => {
       s.data != null ? o(s.data) : i(s.url);
+    }), F(() => s.data, () => {
+      s.data != null && o(s.data);
+    }), F(() => s.url, () => {
+      s.url && i(s.url);
     }), (r, a) => null;
   }
 };
-function Re(l, e) {
+function Me(l, e) {
   if (e === qe)
     return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), l;
-  if (e === ae || e === Oe) {
+  if (e === ce || e === De) {
     let t = l.getIndex();
     if (t === null) {
       const o = [], r = l.getAttribute("position");
@@ -827,7 +835,7 @@ function Re(l, e) {
         return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Undefined position attribute. Processing not possible."), l;
     }
     const n = t.count - 2, s = [];
-    if (e === ae)
+    if (e === ce)
       for (let o = 1; o <= n; o++)
         s.push(t.getX(0)), s.push(t.getX(o)), s.push(t.getX(o + 1));
     else
@@ -897,14 +905,14 @@ class es extends Qe {
     if (this.resourcePath !== "")
       o = this.resourcePath;
     else if (this.path !== "") {
-      const c = z.extractUrlBase(e);
-      o = z.resolveURL(c, this.path);
+      const c = X.extractUrlBase(e);
+      o = X.resolveURL(c, this.path);
     } else
-      o = z.extractUrlBase(e);
+      o = X.extractUrlBase(e);
     this.manager.itemStart(e);
     const r = function(c) {
       s ? s(c) : console.error(c), i.manager.itemError(e), i.manager.itemEnd(e);
-    }, a = new De(this.manager);
+    }, a = new Ce(this.manager);
     a.setPath(this.path), a.setResponseType("arraybuffer"), a.setRequestHeader(this.requestHeader), a.setWithCredentials(this.withCredentials), a.load(e, function(c) {
       try {
         i.parse(c, o, function(h) {
@@ -979,7 +987,7 @@ class es extends Qe {
     if (typeof e == "string")
       i = JSON.parse(e);
     else if (e instanceof ArrayBuffer)
-      if (a.decode(new Uint8Array(e, 0, 4)) === Ue) {
+      if (a.decode(new Uint8Array(e, 0, 4)) === Ge) {
         try {
           o[y.KHR_BINARY_GLTF] = new xs(e);
         } catch (u) {
@@ -1103,7 +1111,7 @@ class ss {
     if (s) return s;
     const i = t.json, a = ((i.extensions && i.extensions[this.name] || {}).lights || [])[e];
     let c;
-    const h = new F(16777215);
+    const h = new H(16777215);
     a.color !== void 0 && h.setRGB(a.color[0], a.color[1], a.color[2], C);
     const u = a.range !== void 0 ? a.range : 0;
     switch (a.type) {
@@ -1137,18 +1145,18 @@ class ns {
     this.name = y.KHR_MATERIALS_UNLIT;
   }
   getMaterialType() {
-    return V;
+    return z;
   }
   extendParams(e, t, n) {
     const s = [];
-    e.color = new F(1, 1, 1), e.opacity = 1;
+    e.color = new H(1, 1, 1), e.opacity = 1;
     const i = t.pbrMetallicRoughness;
     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];
       }
-      i.baseColorTexture !== void 0 && s.push(n.assignTexture(e, "map", i.baseColorTexture, X));
+      i.baseColorTexture !== void 0 && s.push(n.assignTexture(e, "map", i.baseColorTexture, Y));
     }
     return Promise.all(s);
   }
@@ -1230,13 +1238,13 @@ class cs {
     if (!s.extensions || !s.extensions[this.name])
       return Promise.resolve();
     const i = [];
-    t.sheenColor = new F(0, 0, 0), t.sheenRoughness = 0, t.sheen = 1;
+    t.sheenColor = new H(0, 0, 0), t.sheenRoughness = 0, t.sheen = 1;
     const o = s.extensions[this.name];
     if (o.sheenColorFactor !== void 0) {
       const r = o.sheenColorFactor;
       t.sheenColor.setRGB(r[0], r[1], r[2], C);
     }
-    return o.sheenRoughnessFactor !== void 0 && (t.sheenRoughness = o.sheenRoughnessFactor), o.sheenColorTexture !== void 0 && i.push(n.assignTexture(t, "sheenColorMap", o.sheenColorTexture, X)), o.sheenRoughnessTexture !== void 0 && i.push(n.assignTexture(t, "sheenRoughnessMap", o.sheenRoughnessTexture)), Promise.all(i);
+    return o.sheenRoughnessFactor !== void 0 && (t.sheenRoughness = o.sheenRoughnessFactor), o.sheenColorTexture !== void 0 && i.push(n.assignTexture(t, "sheenColorMap", o.sheenColorTexture, Y)), o.sheenRoughnessTexture !== void 0 && i.push(n.assignTexture(t, "sheenRoughnessMap", o.sheenRoughnessTexture)), Promise.all(i);
   }
 }
 class ls {
@@ -1270,7 +1278,7 @@ class hs {
     const i = [], o = s.extensions[this.name];
     t.thickness = o.thicknessFactor !== void 0 ? o.thicknessFactor : 0, o.thicknessTexture !== void 0 && i.push(n.assignTexture(t, "thicknessMap", o.thicknessTexture)), t.attenuationDistance = o.attenuationDistance || 1 / 0;
     const r = o.attenuationColor || [1, 1, 1];
-    return t.attenuationColor = new F().setRGB(r[0], r[1], r[2], C), Promise.all(i);
+    return t.attenuationColor = new H().setRGB(r[0], r[1], r[2], C), Promise.all(i);
   }
 }
 class us {
@@ -1304,7 +1312,7 @@ class ds {
     const i = [], o = s.extensions[this.name];
     t.specularIntensity = o.specularFactor !== void 0 ? o.specularFactor : 1, o.specularTexture !== void 0 && i.push(n.assignTexture(t, "specularIntensityMap", o.specularTexture));
     const r = o.specularColorFactor || [1, 1, 1];
-    return t.specularColor = new F().setRGB(r[0], r[1], r[2], C), o.specularColorTexture !== void 0 && i.push(n.assignTexture(t, "specularColorMap", o.specularColorTexture, X)), Promise.all(i);
+    return t.specularColor = new H().setRGB(r[0], r[1], r[2], C), o.specularColorTexture !== void 0 && i.push(n.assignTexture(t, "specularColorMap", o.specularColorTexture, Y)), Promise.all(i);
   }
 }
 class ps {
@@ -1434,7 +1442,7 @@ class ys {
     return r.length < 1 ? null : (r.push(this.parser.createNodeMesh(e)), Promise.all(r).then((c) => {
       const h = c.pop(), u = h.isGroup ? h.children : [h], d = c[0].count, p = [];
       for (const m of u) {
-        const g = new q(), f = new M(), _ = new Z(), x = new M(1, 1, 1), b = new tt(m.geometry, m.material, d);
+        const g = new Q(), f = new M(), _ = new q(), x = new M(1, 1, 1), b = new tt(m.geometry, m.material, d);
         for (let T = 0; T < d; T++)
           a.TRANSLATION && f.fromBufferAttribute(a.TRANSLATION, T), a.ROTATION && _.fromBufferAttribute(a.ROTATION, T), a.SCALE && x.fromBufferAttribute(a.SCALE, T), b.setMatrixAt(T, g.compose(f, _, x));
         for (const T in a)
@@ -1442,36 +1450,36 @@ class ys {
             const A = a[T];
             b.instanceColor = new st(A.array, A.itemSize, A.normalized);
           } else T !== "TRANSLATION" && T !== "ROTATION" && T !== "SCALE" && m.geometry.setAttribute(T, a[T]);
-        Ce.prototype.copy.call(b, m), this.parser.assignFinalMaterial(b), p.push(b);
+        Ie.prototype.copy.call(b, m), this.parser.assignFinalMaterial(b), p.push(b);
       }
       return h.isGroup ? (h.clear(), h.add(...p), h) : p[0];
     }));
   }
 }
-const Ue = "glTF", B = 12, Me = { JSON: 1313821514, BIN: 5130562 };
+const Ge = "glTF", V = 12, we = { JSON: 1313821514, BIN: 5130562 };
 class xs {
   constructor(e) {
     this.name = y.KHR_BINARY_GLTF, this.content = null, this.body = null;
-    const t = new DataView(e, 0, B), n = new TextDecoder();
+    const t = new DataView(e, 0, V), n = new TextDecoder();
     if (this.header = {
       magic: n.decode(new Uint8Array(e.slice(0, 4))),
       version: t.getUint32(4, !0),
       length: t.getUint32(8, !0)
-    }, this.header.magic !== Ue)
+    }, this.header.magic !== Ge)
       throw new Error("THREE.GLTFLoader: Unsupported glTF-Binary header.");
     if (this.header.version < 2)
       throw new Error("THREE.GLTFLoader: Legacy binary file detected.");
-    const s = this.header.length - B, i = new DataView(e, B);
+    const s = this.header.length - V, i = new DataView(e, V);
     let o = 0;
     for (; o < s; ) {
       const r = i.getUint32(o, !0);
       o += 4;
       const a = i.getUint32(o, !0);
-      if (o += 4, a === Me.JSON) {
-        const c = new Uint8Array(e, B + o, r);
+      if (o += 4, a === we.JSON) {
+        const c = new Uint8Array(e, V + o, r);
         this.content = n.decode(c);
-      } else if (a === Me.BIN) {
-        const c = B + o;
+      } else if (a === we.BIN) {
+        const c = V + o;
         this.body = e.slice(c, c + r);
       }
       o += r;
@@ -1489,13 +1497,13 @@ class Es {
   decodePrimitive(e, t) {
     const n = this.json, s = this.dracoLoader, i = e.extensions[this.name].bufferView, o = e.extensions[this.name].attributes, r = {}, a = {}, c = {};
     for (const h in o) {
-      const u = he[h] || h.toLowerCase();
+      const u = ue[h] || h.toLowerCase();
       r[u] = o[h];
     }
     for (const h in e.attributes) {
-      const u = he[h] || h.toLowerCase();
+      const u = ue[h] || h.toLowerCase();
       if (o[h] !== void 0) {
-        const d = n.accessors[e.attributes[h]], p = G[d.componentType];
+        const d = n.accessors[e.attributes[h]], p = K[d.componentType];
         c[u] = p.name, a[u] = d.normalized === !0;
       }
     }
@@ -1525,7 +1533,7 @@ class Rs {
     this.name = y.KHR_MESH_QUANTIZATION;
   }
 }
-class Ge extends Nt {
+class Ke extends Nt {
   constructor(e, t, n, s) {
     super(e, t, n, s);
   }
@@ -1538,14 +1546,14 @@ class Ge extends Nt {
   interpolate_(e, t, n, s) {
     const i = this.resultBuffer, o = this.sampleValues, r = this.valueSize, a = r * 2, c = r * 3, h = s - t, u = (n - t) / h, d = u * u, p = d * u, m = e * c, g = m - c, f = -2 * p + 3 * d, _ = p - d, x = 1 - f, b = _ - d + u;
     for (let T = 0; T !== r; T++) {
-      const A = o[g + T + r], I = o[g + T + a] * h, P = o[m + T + r], K = o[m + T] * h;
-      i[T] = x * A + b * I + f * P + _ * K;
+      const A = o[g + T + r], I = o[g + T + a] * h, P = o[m + T + r], B = o[m + T] * h;
+      i[T] = x * A + b * I + f * P + _ * B;
     }
     return i;
   }
 }
-const Ms = new Z();
-class ws extends Ge {
+const Ms = new q();
+class ws extends Ke {
   interpolate_(e, t, n, s) {
     const i = super.interpolate_(e, t, n, s);
     return Ms.fromArray(i).normalize().toArray(i), i;
@@ -1559,25 +1567,25 @@ const L = {
   TRIANGLES: 4,
   TRIANGLE_STRIP: 5,
   TRIANGLE_FAN: 6
-}, G = {
+}, K = {
   5120: Int8Array,
   5121: Uint8Array,
   5122: Int16Array,
   5123: Uint16Array,
   5125: Uint32Array,
   5126: Float32Array
-}, we = {
-  9728: ve,
-  9729: ce,
+}, Se = {
+  9728: ke,
+  9729: le,
   9984: lt,
   9985: ct,
   9986: at,
-  9987: Ie
-}, Se = {
+  9987: ve
+}, Ae = {
   33071: ut,
   33648: ht,
-  10497: le
-}, ie = {
+  10497: he
+}, oe = {
   SCALAR: 1,
   VEC2: 2,
   VEC3: 3,
@@ -1585,7 +1593,7 @@ const L = {
   MAT2: 4,
   MAT3: 9,
   MAT4: 16
-}, he = {
+}, ue = {
   POSITION: "position",
   NORMAL: "normal",
   TANGENT: "tangent",
@@ -1605,15 +1613,15 @@ 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: je,
+  LINEAR: Fe,
   STEP: Lt
-}, oe = {
+}, re = {
   OPAQUE: "OPAQUE",
   MASK: "MASK",
   BLEND: "BLEND"
 };
 function As(l) {
-  return l.DefaultMaterial === void 0 && (l.DefaultMaterial = new ke({
+  return l.DefaultMaterial === void 0 && (l.DefaultMaterial = new je({
     color: 16777215,
     emissive: 0,
     metalness: 1,
@@ -1679,19 +1687,19 @@ function Ps(l, e) {
 function Ns(l) {
   let e;
   const t = l.extensions && l.extensions[y.KHR_DRACO_MESH_COMPRESSION];
-  if (t ? e = "draco:" + t.bufferView + ":" + t.indices + ":" + re(t.attributes) : e = l.indices + ":" + re(l.attributes) + ":" + l.mode, l.targets !== void 0)
+  if (t ? e = "draco:" + t.bufferView + ":" + t.indices + ":" + ae(t.attributes) : e = l.indices + ":" + ae(l.attributes) + ":" + l.mode, l.targets !== void 0)
     for (let n = 0, s = l.targets.length; n < s; n++)
-      e += ":" + re(l.targets[n]);
+      e += ":" + ae(l.targets[n]);
   return e;
 }
-function re(l) {
+function ae(l) {
   let e = "";
   const t = Object.keys(l).sort();
   for (let n = 0, s = t.length; n < s; n++)
     e += t[n] + ":" + l[t[n]] + ";";
   return e;
 }
-function ue(l) {
+function de(l) {
   switch (l) {
     case Int8Array:
       return 1 / 127;
@@ -1708,7 +1716,7 @@ function ue(l) {
 function Os(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 Ds = new q();
+const Ds = new Q();
 class Cs {
   constructor(e = {}, t = {}) {
     this.json = e, this.extensions = {}, this.plugins = {}, this.options = t, this.cache = new ts(), 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 = {};
@@ -1719,7 +1727,7 @@ class Cs {
       const a = r.match(/Version\/(\d+)/);
       s = n && a ? parseInt(a[1], 10) : -1, i = r.indexOf("Firefox") > -1, o = i ? r.match(/Firefox\/([0-9]+)\./)[1] : -1;
     }
-    typeof createImageBitmap > "u" || n && s < 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 De(this.options.manager), this.fileLoader.setResponseType("arraybuffer"), this.options.crossOrigin === "use-credentials" && this.fileLoader.setWithCredentials(!0);
+    typeof createImageBitmap > "u" || n && s < 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 Ce(this.options.manager), this.fileLoader.setResponseType("arraybuffer"), this.options.crossOrigin === "use-credentials" && this.fileLoader.setWithCredentials(!0);
   }
   setExtensions(e) {
     this.extensions = e;
@@ -1930,7 +1938,7 @@ class Cs {
       return Promise.resolve(this.extensions[y.KHR_BINARY_GLTF].body);
     const s = this.options;
     return new Promise(function(i, o) {
-      n.load(z.resolveURL(t.uri, s.path), i, void 0, function() {
+      n.load(X.resolveURL(t.uri, s.path), i, void 0, function() {
         o(new Error('THREE.GLTFLoader: Failed to load buffer "' + t.uri + '".'));
       });
     });
@@ -1959,23 +1967,23 @@ class Cs {
   loadAccessor(e) {
     const t = this, n = this.json, s = this.json.accessors[e];
     if (s.bufferView === void 0 && s.sparse === void 0) {
-      const o = ie[s.type], r = G[s.componentType], a = s.normalized === !0, c = new r(s.count * o);
-      return Promise.resolve(new ee(c, o, a));
+      const o = oe[s.type], r = K[s.componentType], a = s.normalized === !0, c = new r(s.count * o);
+      return Promise.resolve(new te(c, o, a));
     }
     const i = [];
     return s.bufferView !== void 0 ? i.push(this.getDependency("bufferView", s.bufferView)) : i.push(null), s.sparse !== void 0 && (i.push(this.getDependency("bufferView", s.sparse.indices.bufferView)), i.push(this.getDependency("bufferView", s.sparse.values.bufferView))), Promise.all(i).then(function(o) {
-      const r = o[0], a = ie[s.type], c = G[s.componentType], h = c.BYTES_PER_ELEMENT, u = h * a, d = s.byteOffset || 0, p = s.bufferView !== void 0 ? n.bufferViews[s.bufferView].byteStride : void 0, m = s.normalized === !0;
+      const r = o[0], a = oe[s.type], c = K[s.componentType], h = c.BYTES_PER_ELEMENT, u = h * a, d = s.byteOffset || 0, p = s.bufferView !== void 0 ? n.bufferViews[s.bufferView].byteStride : void 0, m = s.normalized === !0;
       let g, f;
       if (p && p !== u) {
         const _ = Math.floor(d / p), x = "InterleavedBuffer:" + s.bufferView + ":" + s.componentType + ":" + _ + ":" + s.count;
         let b = t.cache.get(x);
         b || (g = new c(r, _ * p, s.count * p / h), b = new ot(g, p / h), t.cache.add(x, b)), f = new rt(b, a, d % p / h, m);
       } else
-        r === null ? g = new c(s.count * a) : g = new c(r, d, s.count * a), f = new ee(g, a, m);
+        r === null ? g = new c(s.count * a) : g = new c(r, d, s.count * a), f = new te(g, a, m);
       if (s.sparse !== void 0) {
-        const _ = ie.SCALAR, x = G[s.sparse.indices.componentType], b = s.sparse.indices.byteOffset || 0, T = s.sparse.values.byteOffset || 0, A = new x(o[1], b, s.sparse.count * _), I = new c(o[2], T, s.sparse.count * a);
-        r !== null && (f = new ee(f.array.slice(), f.itemSize, f.normalized)), f.normalized = !1;
-        for (let P = 0, K = A.length; P < K; P++) {
+        const _ = oe.SCALAR, x = K[s.sparse.indices.componentType], b = s.sparse.indices.byteOffset || 0, T = s.sparse.values.byteOffset || 0, A = new x(o[1], b, s.sparse.count * _), I = new c(o[2], T, s.sparse.count * a);
+        r !== 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 * a]), a >= 2 && f.setY(v, I[P * a + 1]), a >= 3 && f.setZ(v, I[P * a + 2]), a >= 4 && f.setW(v, I[P * a + 3]), a >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
         }
@@ -2007,7 +2015,7 @@ class Cs {
     const c = this.loadImageSource(t, n).then(function(h) {
       h.flipY = !1, h.name = o.name || r.name || "", h.name === "" && typeof r.uri == "string" && r.uri.startsWith("data:image/") === !1 && (h.name = r.uri);
       const d = (i.samplers || {})[o.sampler] || {};
-      return h.magFilter = we[d.magFilter] || ce, h.minFilter = we[d.minFilter] || Ie, h.wrapS = Se[d.wrapS] || le, h.wrapT = Se[d.wrapT] || le, h.generateMipmaps = !h.isCompressedTexture && h.minFilter !== ve && h.minFilter !== ce, s.associations.set(h, { textures: e }), h;
+      return h.magFilter = Se[d.magFilter] || le, h.minFilter = Se[d.minFilter] || ve, h.wrapS = Ae[d.wrapS] || he, h.wrapT = Ae[d.wrapT] || he, h.generateMipmaps = !h.isCompressedTexture && h.minFilter !== ke && h.minFilter !== le, s.associations.set(h, { textures: e }), h;
     }).catch(function() {
       return null;
     });
@@ -2031,9 +2039,9 @@ class Cs {
       return new Promise(function(d, p) {
         let m = d;
         t.isImageBitmapLoader === !0 && (m = function(g) {
-          const f = new me(g);
+          const f = new _e(g);
           f.needsUpdate = !0, d(f);
-        }), t.load(z.resolveURL(u, i.path), m, void 0, p);
+        }), t.load(X.resolveURL(u, i.path), m, void 0, p);
       });
     }).then(function(u) {
       return c === !0 && r.revokeObjectURL(a), D(u, o), u.userData.mimeType = o.mimeType || Os(o.uri), u;
@@ -2083,11 +2091,11 @@ class Cs {
     if (e.isPoints) {
       const r = "PointsMaterial:" + n.uuid;
       let a = this.cache.get(r);
-      a || (a = new dt(), te.prototype.copy.call(a, n), a.color.copy(n.color), a.map = n.map, a.sizeAttenuation = !1, this.cache.add(r, a)), n = a;
+      a || (a = new dt(), se.prototype.copy.call(a, n), a.color.copy(n.color), a.map = n.map, a.sizeAttenuation = !1, this.cache.add(r, a)), n = a;
     } else if (e.isLine) {
       const r = "LineBasicMaterial:" + n.uuid;
       let a = this.cache.get(r);
-      a || (a = new pt(), te.prototype.copy.call(a, n), a.color.copy(n.color), a.map = n.map, this.cache.add(r, a)), n = a;
+      a || (a = new pt(), se.prototype.copy.call(a, n), a.color.copy(n.color), a.map = n.map, this.cache.add(r, a)), n = a;
     }
     if (s || i || o) {
       let r = "ClonedMaterial:" + n.uuid + ":";
@@ -2098,7 +2106,7 @@ class Cs {
     e.material = n;
   }
   getMaterialType() {
-    return ke;
+    return je;
   }
   /**
    * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#materials
@@ -2116,27 +2124,27 @@ class Cs {
       o = u.getMaterialType(), c.push(u.extendParams(r, i, t));
     } else {
       const u = i.pbrMetallicRoughness || {};
-      if (r.color = new F(1, 1, 1), r.opacity = 1, Array.isArray(u.baseColorFactor)) {
+      if (r.color = new H(1, 1, 1), r.opacity = 1, Array.isArray(u.baseColorFactor)) {
         const d = u.baseColorFactor;
         r.color.setRGB(d[0], d[1], d[2], C), r.opacity = d[3];
       }
-      u.baseColorTexture !== void 0 && c.push(t.assignTexture(r, "map", u.baseColorTexture, X)), r.metalness = u.metallicFactor !== void 0 ? u.metallicFactor : 1, r.roughness = u.roughnessFactor !== void 0 ? u.roughnessFactor : 1, u.metallicRoughnessTexture !== void 0 && (c.push(t.assignTexture(r, "metalnessMap", u.metallicRoughnessTexture)), c.push(t.assignTexture(r, "roughnessMap", u.metallicRoughnessTexture))), o = this._invokeOne(function(d) {
+      u.baseColorTexture !== void 0 && c.push(t.assignTexture(r, "map", u.baseColorTexture, Y)), r.metalness = u.metallicFactor !== void 0 ? u.metallicFactor : 1, r.roughness = u.roughnessFactor !== void 0 ? u.roughnessFactor : 1, u.metallicRoughnessTexture !== void 0 && (c.push(t.assignTexture(r, "metalnessMap", u.metallicRoughnessTexture)), c.push(t.assignTexture(r, "roughnessMap", u.metallicRoughnessTexture))), o = this._invokeOne(function(d) {
         return d.getMaterialType && d.getMaterialType(e);
       }), c.push(Promise.all(this._invokeAll(function(d) {
         return d.extendMaterialParams && d.extendMaterialParams(e, r);
       })));
     }
     i.doubleSided === !0 && (r.side = ft);
-    const h = i.alphaMode || oe.OPAQUE;
-    if (h === oe.BLEND ? (r.transparent = !0, r.depthWrite = !1) : (r.transparent = !1, h === oe.MASK && (r.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && o !== V && (c.push(t.assignTexture(r, "normalMap", i.normalTexture)), r.normalScale = new S(1, 1), i.normalTexture.scale !== void 0)) {
+    const h = i.alphaMode || re.OPAQUE;
+    if (h === re.BLEND ? (r.transparent = !0, r.depthWrite = !1) : (r.transparent = !1, h === re.MASK && (r.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && o !== z && (c.push(t.assignTexture(r, "normalMap", i.normalTexture)), r.normalScale = new S(1, 1), i.normalTexture.scale !== void 0)) {
       const u = i.normalTexture.scale;
       r.normalScale.set(u, u);
     }
-    if (i.occlusionTexture !== void 0 && o !== V && (c.push(t.assignTexture(r, "aoMap", i.occlusionTexture)), i.occlusionTexture.strength !== void 0 && (r.aoMapIntensity = i.occlusionTexture.strength)), i.emissiveFactor !== void 0 && o !== V) {
+    if (i.occlusionTexture !== void 0 && o !== z && (c.push(t.assignTexture(r, "aoMap", i.occlusionTexture)), i.occlusionTexture.strength !== void 0 && (r.aoMapIntensity = i.occlusionTexture.strength)), i.emissiveFactor !== void 0 && o !== z) {
       const u = i.emissiveFactor;
-      r.emissive = new F().setRGB(u[0], u[1], u[2], C);
+      r.emissive = new H().setRGB(u[0], u[1], u[2], C);
     }
-    return i.emissiveTexture !== void 0 && o !== V && c.push(t.assignTexture(r, "emissiveMap", i.emissiveTexture, X)), Promise.all(c).then(function() {
+    return i.emissiveTexture !== void 0 && o !== z && c.push(t.assignTexture(r, "emissiveMap", i.emissiveTexture, Y)), Promise.all(c).then(function() {
       const u = new o(r);
       return i.name && (u.name = i.name), D(u, i), t.associations.set(u, { materials: e }), i.extensions && j(s, u, i), u;
     });
@@ -2165,7 +2173,7 @@ class Cs {
     const t = this, n = this.extensions, s = this.primitiveCache;
     function i(r) {
       return n[y.KHR_DRACO_MESH_COMPRESSION].decodePrimitive(r, t).then(function(a) {
-        return Ae(a, r, t);
+        return Le(a, r, t);
       });
     }
     const o = [];
@@ -2175,7 +2183,7 @@ class Cs {
         o.push(u.promise);
       else {
         let d;
-        c.extensions && c.extensions[y.KHR_DRACO_MESH_COMPRESSION] ? d = i(c) : d = Ae(new _t(), c, t), s[h] = { primitive: c, promise: d }, o.push(d);
+        c.extensions && c.extensions[y.KHR_DRACO_MESH_COMPRESSION] ? d = i(c) : d = Le(new _t(), c, t), s[h] = { primitive: c, promise: d }, o.push(d);
       }
     }
     return Promise.all(o);
@@ -2200,7 +2208,7 @@ class Cs {
         let _;
         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 gt(g, x) : new Tt(g, x), _.isSkinnedMesh === !0 && _.normalizeSkinWeights(), f.mode === L.TRIANGLE_STRIP ? _.geometry = Re(_.geometry, Oe) : f.mode === L.TRIANGLE_FAN && (_.geometry = Re(_.geometry, ae));
+          _ = i.isSkinnedMesh === !0 ? new gt(g, x) : new Tt(g, x), _.isSkinnedMesh === !0 && _.normalizeSkinWeights(), f.mode === L.TRIANGLE_STRIP ? _.geometry = Me(_.geometry, De) : f.mode === L.TRIANGLE_FAN && (_.geometry = Me(_.geometry, ce));
         else if (f.mode === L.LINES)
           _ = new yt(g, x);
         else if (f.mode === L.LINE_STRIP)
@@ -2220,7 +2228,7 @@ class Cs {
         });
       if (u.length === 1)
         return i.extensions && j(s, u[0], i), u[0];
-      const d = new se();
+      const d = new ne();
       i.extensions && j(s, d, i), t.associations.set(d, { meshes: e });
       for (let p = 0, m = u.length; p < m; p++)
         d.add(u[p]);
@@ -2241,7 +2249,7 @@ class Cs {
       console.warn("THREE.GLTFLoader: Missing camera parameters.");
       return;
     }
-    return n.type === "perspective" ? t = new Rt(Ne.radToDeg(s.yfov), s.aspectRatio || 1, s.znear || 1, s.zfar || 2e6) : n.type === "orthographic" && (t = new Mt(-s.xmag, s.xmag, s.ymag, -s.ymag, s.znear, s.zfar)), n.name && (t.name = this.createUniqueName(n.name)), D(t, n), Promise.resolve(t);
+    return n.type === "perspective" ? t = new Rt(Oe.radToDeg(s.yfov), s.aspectRatio || 1, s.znear || 1, s.zfar || 2e6) : n.type === "orthographic" && (t = new Mt(-s.xmag, s.xmag, s.ymag, -s.ymag, s.znear, s.zfar)), n.name && (t.name = this.createUniqueName(n.name)), D(t, n), Promise.resolve(t);
   }
   /**
    * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins
@@ -2260,7 +2268,7 @@ class Cs {
         const u = o[c];
         if (u) {
           r.push(u);
-          const d = new q();
+          const d = new Q();
           i !== null && d.fromArray(i.array, c * 16), a.push(d);
         } else
           console.warn('THREE.GLTFLoader: Joint "%s" could not be found.', t.joints[c]);
@@ -2290,13 +2298,13 @@ class Cs {
     ]).then(function(u) {
       const d = u[0], p = u[1], m = u[2], g = u[3], f = u[4], _ = [];
       for (let x = 0, b = d.length; x < b; x++) {
-        const T = d[x], A = p[x], I = m[x], P = g[x], K = f[x];
+        const T = d[x], A = p[x], I = m[x], P = g[x], B = f[x];
         if (T === void 0) continue;
         T.updateMatrix && T.updateMatrix();
-        const v = n._createAnimationTracks(T, A, I, P, K);
+        const v = n._createAnimationTracks(T, A, I, P, B);
         if (v)
-          for (let $ = 0; $ < v.length; $++)
-            _.push(v[$]);
+          for (let J = 0; J < v.length; J++)
+            _.push(v[J]);
       }
       return new St(i, void 0, _);
     });
@@ -2355,11 +2363,11 @@ class Cs {
       r.push(c);
     }), this.nodeCache[e] = Promise.all(r).then(function(c) {
       let h;
-      if (i.isBone === !0 ? h = new At() : c.length > 1 ? h = new se() : c.length === 1 ? h = c[0] : h = new Ce(), h !== c[0])
+      if (i.isBone === !0 ? h = new At() : c.length > 1 ? h = new ne() : c.length === 1 ? h = c[0] : h = new Ie(), h !== c[0])
         for (let u = 0, d = c.length; u < d; u++)
           h.add(c[u]);
       if (i.name && (h.userData.name = i.name, h.name = o), D(h, i), i.extensions && j(n, h, i), i.matrix !== void 0) {
-        const u = new q();
+        const u = new Q();
         u.fromArray(i.matrix), h.applyMatrix4(u);
       } else
         i.translation !== void 0 && h.position.fromArray(i.translation), i.rotation !== void 0 && h.quaternion.fromArray(i.rotation), i.scale !== void 0 && h.scale.fromArray(i.scale);
@@ -2380,7 +2388,7 @@ class Cs {
    * @return {Promise<Group>}
    */
   loadScene(e) {
-    const t = this.extensions, n = this.json.scenes[e], s = this, i = new se();
+    const t = this.extensions, n = this.json.scenes[e], s = this, i = new ne();
     n.name && (i.name = s.createUniqueName(n.name)), D(i, n), n.extensions && j(t, i, n);
     const o = n.nodes || [], r = [];
     for (let a = 0, c = o.length; a < c; a++)
@@ -2391,7 +2399,7 @@ class Cs {
       const c = (h) => {
         const u = /* @__PURE__ */ new Map();
         for (const [d, p] of s.associations)
-          (d instanceof te || d instanceof me) && u.set(d, p);
+          (d instanceof se || d instanceof _e) && u.set(d, p);
         return h.traverse((d) => {
           const p = s.associations.get(d);
           p != null && u.set(d, p);
@@ -2408,29 +2416,29 @@ class Cs {
     let c;
     switch (k[i.path]) {
       case k.weights:
-        c = ge;
+        c = Te;
         break;
       case k.rotation:
-        c = Te;
+        c = ye;
         break;
       case k.translation:
       case k.scale:
-        c = _e;
+        c = ge;
         break;
       default:
         switch (n.itemSize) {
           case 1:
-            c = ge;
+            c = Te;
             break;
           case 2:
           case 3:
           default:
-            c = _e;
+            c = ge;
             break;
         }
         break;
     }
-    const h = s.interpolation !== void 0 ? Ss[s.interpolation] : je, u = this._getArrayFromAccessor(n);
+    const h = s.interpolation !== void 0 ? Ss[s.interpolation] : Fe, u = this._getArrayFromAccessor(n);
     for (let d = 0, p = a.length; d < p; d++) {
       const m = new c(
         a[d] + "." + k[i.path],
@@ -2445,7 +2453,7 @@ class Cs {
   _getArrayFromAccessor(e) {
     let t = e.array;
     if (e.normalized) {
-      const n = ue(t.constructor), s = new Float32Array(t.length);
+      const n = de(t.constructor), s = new Float32Array(t.length);
       for (let i = 0, o = t.length; i < o; i++)
         s[i] = t[i] * n;
       t = s;
@@ -2454,7 +2462,7 @@ class Cs {
   }
   _createCubicSplineTrackInterpolant(e) {
     e.createInterpolant = function(n) {
-      const s = this instanceof Te ? ws : Ge;
+      const s = this instanceof ye ? ws : Ke;
       return new s(this.times, this.values, this.getValueSize() / 3, n);
     }, e.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = !0;
   }
@@ -2468,7 +2476,7 @@ function Is(l, e, t) {
         new M(a[0], a[1], a[2]),
         new M(c[0], c[1], c[2])
       ), r.normalized) {
-        const h = ue(G[r.componentType]);
+        const h = de(K[r.componentType]);
         s.min.multiplyScalar(h), s.max.multiplyScalar(h);
       }
     } else {
@@ -2486,7 +2494,7 @@ function Is(l, e, t) {
         const d = t.json.accessors[u.POSITION], p = d.min, m = d.max;
         if (p !== void 0 && m !== void 0) {
           if (a.setX(Math.max(Math.abs(p[0]), Math.abs(m[0]))), a.setY(Math.max(Math.abs(p[1]), Math.abs(m[1]))), a.setZ(Math.max(Math.abs(p[2]), Math.abs(m[2]))), d.normalized) {
-            const g = ue(G[d.componentType]);
+            const g = de(K[d.componentType]);
             a.multiplyScalar(g);
           }
           r.max(a);
@@ -2500,7 +2508,7 @@ function Is(l, e, t) {
   const o = new Dt();
   s.getCenter(o.center), o.radius = s.min.distanceTo(s.max) / 2, l.boundingSphere = o;
 }
-function Ae(l, e, t) {
+function Le(l, e, t) {
   const n = e.attributes, s = [];
   function i(o, r) {
     return t.getDependency("accessor", o).then(function(a) {
@@ -2508,7 +2516,7 @@ function Ae(l, e, t) {
     });
   }
   for (const o in n) {
-    const r = he[o] || o.toLowerCase();
+    const r = ue[o] || o.toLowerCase();
     r in l.attributes || s.push(i(n[o], r));
   }
   if (e.indices !== void 0 && !l.index) {
@@ -2517,7 +2525,7 @@ function Ae(l, e, t) {
     });
     s.push(o);
   }
-  return ye.workingColorSpace !== C && "COLOR_0" in n && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${ye.workingColorSpace}" not supported.`), D(l, e), Is(l, e, t), Promise.all(s).then(function() {
+  return xe.workingColorSpace !== C && "COLOR_0" in n && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${xe.workingColorSpace}" not supported.`), D(l, e), Is(l, e, t), Promise.all(s).then(function() {
     return e.targets !== void 0 ? Ls(l, e.targets, t) : l;
   });
 }
@@ -2558,8 +2566,12 @@ const vs = {
       let a = !1;
       r && (a = !0), t("loaded", n.name, n.command, a, r);
     };
-    return Q(async () => {
+    return $(async () => {
       n.data != null ? o(n.data) : i(n.url);
+    }), F(() => n.data, () => {
+      n.data != null && o(n.data);
+    }), F(() => n.url, () => {
+      n.url && i(n.url);
     }), (r, a) => null;
   }
 }, ks = {
@@ -2601,7 +2613,7 @@ const vs = {
   },
   emits: ["loading", "loaded"],
   setup(l, { emit: e }) {
-    const t = e, n = l, s = {}, i = {}, o = W(null), r = W(null), a = W(null), c = (u, d) => {
+    const t = e, n = l, s = {}, i = {}, o = Z(null), r = Z(null), a = Z(null), c = (u, d) => {
       const p = Object.keys(s).length;
       s[u] = d;
       const m = Object.keys(s).length;
@@ -2622,8 +2634,8 @@ const vs = {
           delete i[b];
       }
     };
-    return (u, d) => (de(), Le(ze, null, [
-      J($t, {
+    return (u, d) => (pe(), Pe(ze, null, [
+      ee($t, {
         command: "load_expression",
         name: n.expression_name,
         url: n.expression_url,
@@ -2631,15 +2643,15 @@ const vs = {
         onLoading: c,
         onLoaded: h
       }, null, 8, ["name", "url", "data"]),
-      J(Jt, {
+      ee(Jt, {
         command: "load_pose",
         name: n.pose_name,
         url: n.pose_url,
-        data: n.expression_data,
+        data: n.pose_data,
         onLoading: c,
         onLoaded: h
       }, null, 8, ["name", "url", "data"]),
-      J(vs, {
+      ee(vs, {
         command: "load_vrm",
         name: n.vrm_name,
         url: n.vrm_url,
@@ -2695,14 +2707,14 @@ const vs = {
   },
   emits: ["loading", "loaded"],
   setup(l, { emit: e }) {
-    const t = e, n = W(null);
+    const t = e, n = Z(null);
     n.value = new vt();
     const s = (o) => {
       t("loading", o);
     }, i = (o, r) => {
       "vrm" in r && n.value.setModel(r.vrm), "pose" in r && (n.value.setPose(r.pose), n.value.updatePose()), "expression" in r && (n.value.importExpression(r.expression), n.value.updateExpression()), t("loaded", o, n.value);
     };
-    return (o, r) => (de(), Xe(ks, {
+    return (o, r) => (pe(), Xe(ks, {
       name: l.model_name,
       expression_name: l.expression_name,
       expression_url: l.expression_url,
@@ -2719,7 +2731,7 @@ const vs = {
   }
 };
 export {
-  Fe as ResourceLoader,
+  He as ResourceLoader,
   Us as ThreeFrame,
   vt as VrmModel,
   Gs as VroidControl,