@j-kyoda/vue-three-vrm 0.5.0

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

@@ -0,0 +1,2730 @@
+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 * 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 { VRMLoaderPlugin as Ct, VRMUtils as It } from "@pixiv/three-vrm";
+class Fe {
+  constructor() {
+    this.status = 0, this.url = null, this.data = null;
+  }
+  is_loaded() {
+    return this.status == 2;
+  }
+  is_failed() {
+    return this.status == 3;
+  }
+  async loadUrl(e, t) {
+    this.url = t, this.data = null, this.status = 1;
+    const n = await e.get(t);
+    return n.status != 200 ? (this.status = 3, null) : n.data ? (this.data = n.data, this.status = 2, this.data) : (this.status = 3, null);
+  }
+  async loadPose(e, t) {
+    const n = await this.loadUrl(e, t);
+    return n == null ? null : "pose" in n ? (this.data = n.pose, this.data) : this.data;
+  }
+  async loadExpression(e, t) {
+    const n = await this.loadUrl(e, t);
+    return n == null ? null : "expressions" in n ? (this.data = n.expressions, this.data) : this.data;
+  }
+}
+class vt {
+  constructor() {
+    this.vrm = null;
+  }
+  // getter
+  get scene() {
+    return this.vrm ? this.vrm.scene : null;
+  }
+  // methods
+  setModel(e) {
+    this.vrm = e;
+  }
+  setPosition(e) {
+    this.vrm.scene.position.x = e.x, this.vrm.scene.position.y = e.y, this.vrm.scene.position.z = e.z;
+  }
+  getPosition() {
+    return {
+      x: this.vrm.scene.position.x,
+      y: this.vrm.scene.position.y,
+      z: this.vrm.scene.position.z
+    };
+  }
+  setPose(e) {
+    this.vrm && this.vrm.humanoid.setNormalizedPose(e);
+  }
+  getPose() {
+    return this.vrm ? this.vrm.humanoid.getNormalizedPose() : null;
+  }
+  updatePose() {
+    this.vrm && this.vrm.humanoid.update();
+  }
+  resetPose() {
+    this.vrm && this.vrm.humanoid.resetNormalizedPose();
+  }
+  getBoneNode(e) {
+    return this.vrm ? this.vrm.humanoid.getNormalizedBoneNode(e) : null;
+  }
+  isValid() {
+    return !!this.vrm;
+  }
+  getBoneRotate(e) {
+    const t = this.getBoneNode(e);
+    return t ? {
+      x: t.rotation.x,
+      y: t.rotation.y,
+      z: t.rotation.z
+    } : null;
+  }
+  setBoneRotate(e, t, n, s) {
+    const i = this.getBoneNode(e);
+    i && (i.rotation.x = t, i.rotation.y = n, i.rotation.z = s);
+  }
+  getBonePosition(e) {
+    const t = this.getBoneNode(e);
+    return t ? {
+      x: t.position.x,
+      y: t.position.y,
+      z: t.position.z
+    } : null;
+  }
+  setBonePosition(e, t, n, s) {
+    const i = this.getBoneNode(e);
+    i && (i.position.x = t, i.position.y = n, i.position.z = s);
+  }
+  getMetaVersion() {
+    return this.vrm ? this.vrm.meta.metaVersion : null;
+  }
+  setExpression(e, t) {
+    this.vrm && this.vrm.expressionManager.setValue(e, t);
+  }
+  getExpression(e) {
+    return this.vrm ? this.vrm.expressionManager.getValue(e) : null;
+  }
+  updateExpression() {
+    return this.vrm ? this.vrm.expressionManager.update() : null;
+  }
+  getExpressionNames() {
+    if (this.vrm) {
+      let e = [];
+      for (const t in this.vrm.expressionManager.expressionMap)
+        e.push(t);
+      return e;
+    }
+    return null;
+  }
+  importExpression(e) {
+    if (this.vrm)
+      for (const t in e)
+        this.vrm.expressionManager.setValue(t, e[t]);
+  }
+  exportExpression() {
+    if (this.vrm) {
+      let e = {};
+      const t = this.getExpressionNames();
+      for (const n in t)
+        e[n] = this.getExpression(n);
+      return e;
+    }
+    return null;
+  }
+}
+class xe {
+  /**
+   * Returns `true` if WebGL 2 is available.
+   *
+   * @return {boolean} Whether WebGL 2 is available or not.
+   */
+  static isWebGL2Available() {
+    try {
+      const e = document.createElement("canvas");
+      return !!(window.WebGL2RenderingContext && e.getContext("webgl2"));
+    } catch {
+      return !1;
+    }
+  }
+  /**
+   * Returns `true` if the given color space is available. This method can only be used
+   * if WebGL 2 is supported.
+   *
+   * @param {string} colorSpace - The color space to test.
+   * @return {boolean} Whether the given color space is available or not.
+   */
+  static isColorSpaceAvailable(e) {
+    try {
+      const t = document.createElement("canvas"), n = window.WebGL2RenderingContext && t.getContext("webgl2");
+      return n.drawingBufferColorSpace = e, n.drawingBufferColorSpace === e;
+    } catch {
+      return !1;
+    }
+  }
+  /**
+   * Returns a `div` element representing a formatted error message that can be appended in
+   * web sites if WebGL 2 isn't supported.
+   *
+   * @return {HTMLDivElement} A `div` element representing a formatted error message that WebGL 2 isn't supported.
+   */
+  static getWebGL2ErrorMessage() {
+    return this._getErrorMessage(2);
+  }
+  // private
+  static _getErrorMessage(e) {
+    const t = {
+      1: "WebGL",
+      2: "WebGL 2"
+    }, n = {
+      1: window.WebGLRenderingContext,
+      2: window.WebGL2RenderingContext
+    };
+    let s = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
+    const i = document.createElement("div");
+    return i.id = "webglmessage", i.style.fontFamily = "monospace", i.style.fontSize = "13px", i.style.fontWeight = "normal", i.style.textAlign = "center", i.style.background = "#fff", i.style.color = "#000", i.style.padding = "1.5em", i.style.width = "400px", i.style.margin = "5em auto 0", n[e] ? s = s.replace("$0", "graphics card") : s = s.replace("$0", "browser"), s = s.replace("$1", t[e]), i.innerHTML = s, i;
+  }
+  // @deprecated, r168
+  static isWebGLAvailable() {
+    console.warn("isWebGLAvailable() has been deprecated and will be removed in r178. Use isWebGL2Available() instead.");
+    try {
+      const e = document.createElement("canvas");
+      return !!(window.WebGLRenderingContext && (e.getContext("webgl") || e.getContext("experimental-webgl")));
+    } catch {
+      return !1;
+    }
+  }
+  static getWebGLErrorMessage() {
+    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 = {
+  NONE: -1,
+  ROTATE: 0,
+  DOLLY: 1,
+  PAN: 2,
+  TOUCH_ROTATE: 3,
+  TOUCH_PAN: 4,
+  TOUCH_DOLLY_PAN: 5,
+  TOUCH_DOLLY_ROTATE: 6
+}, ne = 1e-6;
+class jt extends Ye {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @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();
+  }
+  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";
+  }
+  disconnect() {
+    this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerUp), this.domElement.removeEventListener("wheel", this._onMouseWheel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.stopListenToKeyEvents(), this.domElement.getRootNode().removeEventListener("keydown", this._interceptControlDown, { capture: !0 }), this.domElement.style.touchAction = "auto";
+  }
+  dispose() {
+    this.disconnect();
+  }
+  /**
+   * Get the current vertical rotation, in radians.
+   *
+   * @return {number} The current vertical rotation, in radians.
+   */
+  getPolarAngle() {
+    return this._spherical.phi;
+  }
+  /**
+   * Get the current horizontal rotation, in radians.
+   *
+   * @return {number} The current horizontal rotation, in radians.
+   */
+  getAzimuthalAngle() {
+    return this._spherical.theta;
+  }
+  /**
+   * Returns the distance from the camera to the target.
+   *
+   * @return {number} The distance from the camera to the target.
+   */
+  getDistance() {
+    return this.object.position.distanceTo(this.target);
+  }
+  /**
+   * Adds key event listeners to the given DOM element.
+   * `window` is a recommended argument for using this method.
+   *
+   * @param {HTMLDOMElement} domElement - The DOM element
+   */
+  listenToKeyEvents(e) {
+    e.addEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = e;
+  }
+  /**
+   * Removes the key event listener previously defined with `listenToKeyEvents()`.
+   */
+  stopListenToKeyEvents() {
+    this._domElementKeyEvents !== null && (this._domElementKeyEvents.removeEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = null);
+  }
+  /**
+   * Save the current state of the controls. This can later be recovered with `reset()`.
+   */
+  saveState() {
+    this.target0.copy(this.target), this.position0.copy(this.object.position), this.zoom0 = this.object.zoom;
+  }
+  /**
+   * Reset the controls to their state from either the last time the `saveState()`
+   * 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;
+  }
+  update(e = null) {
+    const t = this.object.position;
+    R.copy(t).sub(this.target), R.applyQuaternion(this._quat), this._spherical.setFromVector3(R), this.autoRotate && this.state === E.NONE && this._rotateLeft(this._getAutoRotationAngle(e)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
+    let n = this.minAzimuthAngle, s = this.maxAzimuthAngle;
+    isFinite(n) && isFinite(s) && (n < -Math.PI ? n += w : n > Math.PI && (n -= w), s < -Math.PI ? s += w : s > Math.PI && (s -= w), n <= s ? this._spherical.theta = Math.max(n, Math.min(s, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (n + s) / 2 ? Math.max(n, this._spherical.theta) : Math.min(s, this._spherical.theta)), this._spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this._spherical.phi)), this._spherical.makeSafe(), this.enableDamping === !0 ? this.target.addScaledVector(this._panOffset, this.dampingFactor) : this.target.add(this._panOffset), this.target.sub(this.cursor), this.target.clampLength(this.minTargetRadius, this.maxTargetRadius), this.target.add(this.cursor);
+    let i = !1;
+    if (this.zoomToCursor && this._performCursorZoom || this.object.isOrthographicCamera)
+      this._spherical.radius = this._clampDistance(this._spherical.radius);
+    else {
+      const o = this._spherical.radius;
+      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), i = o != this._spherical.radius;
+    }
+    if (R.setFromSpherical(this._spherical), R.applyQuaternion(this._quatInverse), t.copy(this.target).add(R), this.object.lookAt(this.target), this.enableDamping === !0 ? (this._sphericalDelta.theta *= 1 - this.dampingFactor, this._sphericalDelta.phi *= 1 - this.dampingFactor, this._panOffset.multiplyScalar(1 - this.dampingFactor)) : (this._sphericalDelta.set(0, 0, 0), this._panOffset.set(0, 0, 0)), this.zoomToCursor && this._performCursorZoom) {
+      let o = null;
+      if (this.object.isPerspectiveCamera) {
+        const r = R.length();
+        o = this._clampDistance(r * this._scale);
+        const a = r - o;
+        this.object.position.addScaledVector(this._dollyDirection, a), this.object.updateMatrixWorld(), i = !!a;
+      } else if (this.object.isOrthographicCamera) {
+        const r = new M(this._mouse.x, this._mouse.y, 0);
+        r.unproject(this.object);
+        const a = this.object.zoom;
+        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), i = a !== this.object.zoom;
+        const c = new M(this._mouse.x, this._mouse.y, 0);
+        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))));
+    } 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;
+  }
+  _getAutoRotationAngle(e) {
+    return e !== null ? w / 60 * this.autoRotateSpeed * e : w / 60 / 60 * this.autoRotateSpeed;
+  }
+  _getZoomScale(e) {
+    const t = Math.abs(e * 0.01);
+    return Math.pow(0.95, this.zoomSpeed * t);
+  }
+  _rotateLeft(e) {
+    this._sphericalDelta.theta -= e;
+  }
+  _rotateUp(e) {
+    this._sphericalDelta.phi -= e;
+  }
+  _panLeft(e, t) {
+    R.setFromMatrixColumn(t, 0), R.multiplyScalar(-e), this._panOffset.add(R);
+  }
+  _panUp(e, t) {
+    this.screenSpacePanning === !0 ? R.setFromMatrixColumn(t, 1) : (R.setFromMatrixColumn(t, 0), R.crossVectors(this.object.up, R)), R.multiplyScalar(e), this._panOffset.add(R);
+  }
+  // deltaX and deltaY are in pixels; right and down are positive
+  _pan(e, t) {
+    const n = this.domElement;
+    if (this.object.isPerspectiveCamera) {
+      const s = this.object.position;
+      R.copy(s).sub(this.target);
+      let i = R.length();
+      i *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * e * i / n.clientHeight, this.object.matrix), this._panUp(2 * t * i / n.clientHeight, this.object.matrix);
+    } else this.object.isOrthographicCamera ? (this._panLeft(e * (this.object.right - this.object.left) / this.object.zoom / n.clientWidth, this.object.matrix), this._panUp(t * (this.object.top - this.object.bottom) / this.object.zoom / n.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
+  }
+  _dollyOut(e) {
+    this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale /= e : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+  }
+  _dollyIn(e) {
+    this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale *= e : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+  }
+  _updateZoomParameters(e, t) {
+    if (!this.zoomToCursor)
+      return;
+    this._performCursorZoom = !0;
+    const n = this.domElement.getBoundingClientRect(), s = e - n.left, i = t - n.top, o = n.width, r = n.height;
+    this._mouse.x = s / o * 2 - 1, this._mouse.y = -(i / r) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
+  }
+  _clampDistance(e) {
+    return Math.max(this.minDistance, Math.min(this.maxDistance, e));
+  }
+  //
+  // event callbacks - update the object state
+  //
+  _handleMouseDownRotate(e) {
+    this._rotateStart.set(e.clientX, e.clientY);
+  }
+  _handleMouseDownDolly(e) {
+    this._updateZoomParameters(e.clientX, e.clientX), this._dollyStart.set(e.clientX, e.clientY);
+  }
+  _handleMouseDownPan(e) {
+    this._panStart.set(e.clientX, e.clientY);
+  }
+  _handleMouseMoveRotate(e) {
+    this._rotateEnd.set(e.clientX, e.clientY), this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+    const t = this.domElement;
+    this._rotateLeft(w * this._rotateDelta.x / t.clientHeight), this._rotateUp(w * this._rotateDelta.y / t.clientHeight), this._rotateStart.copy(this._rotateEnd), this.update();
+  }
+  _handleMouseMoveDolly(e) {
+    this._dollyEnd.set(e.clientX, e.clientY), this._dollyDelta.subVectors(this._dollyEnd, this._dollyStart), this._dollyDelta.y > 0 ? this._dollyOut(this._getZoomScale(this._dollyDelta.y)) : this._dollyDelta.y < 0 && this._dollyIn(this._getZoomScale(this._dollyDelta.y)), this._dollyStart.copy(this._dollyEnd), this.update();
+  }
+  _handleMouseMovePan(e) {
+    this._panEnd.set(e.clientX, e.clientY), this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd), this.update();
+  }
+  _handleMouseWheel(e) {
+    this._updateZoomParameters(e.clientX, e.clientY), e.deltaY < 0 ? this._dollyIn(this._getZoomScale(e.deltaY)) : e.deltaY > 0 && this._dollyOut(this._getZoomScale(e.deltaY)), this.update();
+  }
+  _handleKeyDown(e) {
+    let t = !1;
+    switch (e.code) {
+      case this.keys.UP:
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(w * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), t = !0;
+        break;
+      case this.keys.BOTTOM:
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(-w * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), t = !0;
+        break;
+      case this.keys.LEFT:
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(w * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), t = !0;
+        break;
+      case this.keys.RIGHT:
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(-w * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), t = !0;
+        break;
+    }
+    t && (e.preventDefault(), this.update());
+  }
+  _handleTouchStartRotate(e) {
+    if (this._pointers.length === 1)
+      this._rotateStart.set(e.pageX, e.pageY);
+    else {
+      const t = this._getSecondPointerPosition(e), n = 0.5 * (e.pageX + t.x), s = 0.5 * (e.pageY + t.y);
+      this._rotateStart.set(n, s);
+    }
+  }
+  _handleTouchStartPan(e) {
+    if (this._pointers.length === 1)
+      this._panStart.set(e.pageX, e.pageY);
+    else {
+      const t = this._getSecondPointerPosition(e), n = 0.5 * (e.pageX + t.x), s = 0.5 * (e.pageY + t.y);
+      this._panStart.set(n, s);
+    }
+  }
+  _handleTouchStartDolly(e) {
+    const t = this._getSecondPointerPosition(e), n = e.pageX - t.x, s = e.pageY - t.y, i = Math.sqrt(n * n + s * s);
+    this._dollyStart.set(0, i);
+  }
+  _handleTouchStartDollyPan(e) {
+    this.enableZoom && this._handleTouchStartDolly(e), this.enablePan && this._handleTouchStartPan(e);
+  }
+  _handleTouchStartDollyRotate(e) {
+    this.enableZoom && this._handleTouchStartDolly(e), this.enableRotate && this._handleTouchStartRotate(e);
+  }
+  _handleTouchMoveRotate(e) {
+    if (this._pointers.length == 1)
+      this._rotateEnd.set(e.pageX, e.pageY);
+    else {
+      const n = this._getSecondPointerPosition(e), s = 0.5 * (e.pageX + n.x), i = 0.5 * (e.pageY + n.y);
+      this._rotateEnd.set(s, i);
+    }
+    this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+    const t = this.domElement;
+    this._rotateLeft(w * this._rotateDelta.x / t.clientHeight), this._rotateUp(w * this._rotateDelta.y / t.clientHeight), this._rotateStart.copy(this._rotateEnd);
+  }
+  _handleTouchMovePan(e) {
+    if (this._pointers.length === 1)
+      this._panEnd.set(e.pageX, e.pageY);
+    else {
+      const t = this._getSecondPointerPosition(e), n = 0.5 * (e.pageX + t.x), s = 0.5 * (e.pageY + t.y);
+      this._panEnd.set(n, s);
+    }
+    this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd);
+  }
+  _handleTouchMoveDolly(e) {
+    const t = this._getSecondPointerPosition(e), n = e.pageX - t.x, s = e.pageY - t.y, i = Math.sqrt(n * n + s * s);
+    this._dollyEnd.set(0, i), this._dollyDelta.set(0, Math.pow(this._dollyEnd.y / this._dollyStart.y, this.zoomSpeed)), this._dollyOut(this._dollyDelta.y), this._dollyStart.copy(this._dollyEnd);
+    const o = (e.pageX + t.x) * 0.5, r = (e.pageY + t.y) * 0.5;
+    this._updateZoomParameters(o, r);
+  }
+  _handleTouchMoveDollyPan(e) {
+    this.enableZoom && this._handleTouchMoveDolly(e), this.enablePan && this._handleTouchMovePan(e);
+  }
+  _handleTouchMoveDollyRotate(e) {
+    this.enableZoom && this._handleTouchMoveDolly(e), this.enableRotate && this._handleTouchMoveRotate(e);
+  }
+  // pointers
+  _addPointer(e) {
+    this._pointers.push(e.pointerId);
+  }
+  _removePointer(e) {
+    delete this._pointerPositions[e.pointerId];
+    for (let t = 0; t < this._pointers.length; t++)
+      if (this._pointers[t] == e.pointerId) {
+        this._pointers.splice(t, 1);
+        return;
+      }
+  }
+  _isTrackingPointer(e) {
+    for (let t = 0; t < this._pointers.length; t++)
+      if (this._pointers[t] == e.pointerId) return !0;
+    return !1;
+  }
+  _trackPointer(e) {
+    let t = this._pointerPositions[e.pointerId];
+    t === void 0 && (t = new S(), this._pointerPositions[e.pointerId] = t), t.set(e.pageX, e.pageY);
+  }
+  _getSecondPointerPosition(e) {
+    const t = e.pointerId === this._pointers[0] ? this._pointers[1] : this._pointers[0];
+    return this._pointerPositions[t];
+  }
+  //
+  _customWheelEvent(e) {
+    const t = e.deltaMode, n = {
+      clientX: e.clientX,
+      clientY: e.clientY,
+      deltaY: e.deltaY
+    };
+    switch (t) {
+      case 1:
+        n.deltaY *= 16;
+        break;
+      case 2:
+        n.deltaY *= 100;
+        break;
+    }
+    return e.ctrlKey && !this._controlActive && (n.deltaY *= 10), n;
+  }
+}
+function Ft(l) {
+  this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(l.pointerId), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(l) && (this._addPointer(l), l.pointerType === "touch" ? this._onTouchStart(l) : this._onMouseDown(l)));
+}
+function Ht(l) {
+  this.enabled !== !1 && (l.pointerType === "touch" ? this._onTouchMove(l) : this._onMouseMove(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;
+      break;
+    case 1:
+      const e = this._pointers[0], t = this._pointerPositions[e];
+      this._onTouchStart({ pointerId: e, pageX: t.x, pageY: t.y });
+      break;
+  }
+}
+function Gt(l) {
+  let e;
+  switch (l.button) {
+    case 0:
+      e = this.mouseButtons.LEFT;
+      break;
+    case 1:
+      e = this.mouseButtons.MIDDLE;
+      break;
+    case 2:
+      e = this.mouseButtons.RIGHT;
+      break;
+    default:
+      e = -1;
+  }
+  switch (e) {
+    case U.DOLLY:
+      if (this.enableZoom === !1) return;
+      this._handleMouseDownDolly(l), this.state = E.DOLLY;
+      break;
+    case U.ROTATE:
+      if (l.ctrlKey || l.metaKey || l.shiftKey) {
+        if (this.enablePan === !1) return;
+        this._handleMouseDownPan(l), this.state = E.PAN;
+      } else {
+        if (this.enableRotate === !1) return;
+        this._handleMouseDownRotate(l), this.state = E.ROTATE;
+      }
+      break;
+    case U.PAN:
+      if (l.ctrlKey || l.metaKey || l.shiftKey) {
+        if (this.enableRotate === !1) return;
+        this._handleMouseDownRotate(l), this.state = E.ROTATE;
+      } else {
+        if (this.enablePan === !1) return;
+        this._handleMouseDownPan(l), this.state = E.PAN;
+      }
+      break;
+    default:
+      this.state = E.NONE;
+  }
+  this.state !== E.NONE && this.dispatchEvent(pe);
+}
+function Kt(l) {
+  switch (this.state) {
+    case E.ROTATE:
+      if (this.enableRotate === !1) return;
+      this._handleMouseMoveRotate(l);
+      break;
+    case E.DOLLY:
+      if (this.enableZoom === !1) return;
+      this._handleMouseMoveDolly(l);
+      break;
+    case E.PAN:
+      if (this.enablePan === !1) return;
+      this._handleMouseMovePan(l);
+      break;
+  }
+}
+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));
+}
+function Vt(l) {
+  this.enabled !== !1 && this._handleKeyDown(l);
+}
+function zt(l) {
+  switch (this._trackPointer(l), this._pointers.length) {
+    case 1:
+      switch (this.touches.ONE) {
+        case H.ROTATE:
+          if (this.enableRotate === !1) return;
+          this._handleTouchStartRotate(l), this.state = E.TOUCH_ROTATE;
+          break;
+        case H.PAN:
+          if (this.enablePan === !1) return;
+          this._handleTouchStartPan(l), this.state = E.TOUCH_PAN;
+          break;
+        default:
+          this.state = E.NONE;
+      }
+      break;
+    case 2:
+      switch (this.touches.TWO) {
+        case H.DOLLY_PAN:
+          if (this.enableZoom === !1 && this.enablePan === !1) return;
+          this._handleTouchStartDollyPan(l), this.state = E.TOUCH_DOLLY_PAN;
+          break;
+        case H.DOLLY_ROTATE:
+          if (this.enableZoom === !1 && this.enableRotate === !1) return;
+          this._handleTouchStartDollyRotate(l), this.state = E.TOUCH_DOLLY_ROTATE;
+          break;
+        default:
+          this.state = E.NONE;
+      }
+      break;
+    default:
+      this.state = E.NONE;
+  }
+  this.state !== E.NONE && this.dispatchEvent(pe);
+}
+function Xt(l) {
+  switch (this._trackPointer(l), this.state) {
+    case E.TOUCH_ROTATE:
+      if (this.enableRotate === !1) return;
+      this._handleTouchMoveRotate(l), this.update();
+      break;
+    case E.TOUCH_PAN:
+      if (this.enablePan === !1) return;
+      this._handleTouchMovePan(l), this.update();
+      break;
+    case E.TOUCH_DOLLY_PAN:
+      if (this.enableZoom === !1 && this.enablePan === !1) return;
+      this._handleTouchMoveDollyPan(l), this.update();
+      break;
+    case E.TOUCH_DOLLY_ROTATE:
+      if (this.enableZoom === !1 && this.enableRotate === !1) return;
+      this._handleTouchMoveDollyRotate(l), this.update();
+      break;
+    default:
+      this.state = E.NONE;
+  }
+}
+function Yt(l) {
+  this.enabled !== !1 && l.preventDefault();
+}
+function Wt(l) {
+  l.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
+}
+function Zt(l) {
+  l.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
+}
+const qt = (l, e) => {
+  const t = l.__vccOpts || l;
+  for (const [n, s] of e)
+    t[n] = s;
+  return t;
+}, Qt = {
+  __name: "ThreeFrame",
+  props: {
+    animation: {
+      type: Boolean,
+      default: !1
+    },
+    useOrbitControls: {
+      type: Boolean,
+      default: !1
+    },
+    useGridHelper: {
+      type: Boolean,
+      default: !1
+    },
+    useAxesHelper: {
+      type: Boolean,
+      default: !1
+    },
+    useDefaultLight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["init", "animate"],
+  setup(l, { emit: e }) {
+    const t = e, n = l, s = "dom" + Ke().uid, i = Be(s);
+    let o = null, r = null, a = null, c = null, h = null;
+    const u = () => {
+      t("animate", {
+        scene: r,
+        camera: a,
+        renderer: c,
+        controls: h
+      }), o != null && (cancelAnimationFrame(o), o = null), n.animation && (o = requestAnimationFrame(u)), c.render(r, a);
+    }, d = () => {
+      o != null && (cancelAnimationFrame(o), o = null), o = requestAnimationFrame(u);
+    }, p = () => {
+      o != null && (cancelAnimationFrame(o), o = null);
+    };
+    Ve(() => n.animation, (g) => {
+      g == !0 ? d() : p();
+    });
+    const m = () => {
+      const g = i.value, f = g.clientWidth, _ = g.clientHeight, x = {
+        antialias: !0,
+        alpha: !1
+      };
+      if (O.ColorManagement.enabled = !1, c = new O.WebGLRenderer(x), c.setPixelRatio(window.devicePixelRatio), c.setSize(f, _), c.setClearColor(8372223, 1), c.outputColorSpace = O.SRGBColorSpace, g.appendChild(c.domElement), r = new O.Scene(), a = new O.PerspectiveCamera(
+        45,
+        f / _,
+        0.1,
+        1e3
+      ), a.position.set(0, 1.25, 1), n.useOrbitControls && (h = new jt(a, g), h.screenSpacePanning = !0, h.target.set(0, 1.25, 0), h.update()), n.useGridHelper) {
+        const T = new O.GridHelper(10, 10);
+        r.add(T), T.visible = !0;
+      }
+      if (n.useAxesHelper) {
+        const T = new O.AxesHelper(5);
+        r.add(T);
+      }
+      if (n.useDefaultLight) {
+        const T = new O.DirectionalLight(16777215);
+        T.intensity = 3, T.position.set(1, 1, 1).normalize(), r.add(T);
+        const A = new O.AmbientLight(4210752);
+        r.add(A);
+      }
+      t("init", {
+        scene: r,
+        camera: a,
+        renderer: c,
+        controls: h
+      });
+    };
+    return Q(async () => {
+      if (!xe.isWebGL2Available()) {
+        const f = xe.getWebGLErrorMessage();
+        console.error(f);
+        return;
+      }
+      const g = () => {
+        const f = i.value, _ = f.clientWidth, x = f.clientHeight;
+        c.setPixelRatio(window.devicePixelRatio), c.setSize(_, x), a.aspect = _ / x, a.updateProjectionMatrix();
+      };
+      window.addEventListener("resize", g), m();
+    }), (g, f) => (de(), Le("div", {
+      ref: s,
+      class: "box"
+    }));
+  }
+}, Us = /* @__PURE__ */ qt(Qt, [["__scopeId", "data-v-1ac174e9"]]), $t = {
+  __name: "VroidExpression",
+  props: {
+    command: {
+      type: String
+    },
+    name: {
+      type: String
+    },
+    url: {
+      type: String
+    },
+    data: {
+      type: [Object, null],
+      default: null
+    }
+  },
+  emits: ["loading", "loaded"],
+  setup(l, { emit: e }) {
+    const t = Pe("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);
+      let h = !1;
+      c && (h = !0), n("loaded", s.name, s.command, h, c);
+    }, o = (r) => {
+      n("loading", s.name, s.command);
+      let a = !1;
+      r && (a = !0), n("loaded", s.name, s.command, a, r);
+    };
+    return Q(async () => {
+      s.data != null ? o(s.data) : i(s.url);
+    }), (r, a) => null;
+  }
+}, Jt = {
+  __name: "VroidPose",
+  props: {
+    command: {
+      type: String
+    },
+    name: {
+      type: String
+    },
+    url: {
+      type: String
+    },
+    data: {
+      type: [Object, null],
+      default: null
+    }
+  },
+  emits: ["loading", "loaded"],
+  setup(l, { emit: e }) {
+    const t = Pe("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);
+      let h = !1;
+      c && (h = !0), n("loaded", s.name, s.command, h, c);
+    }, o = (r) => {
+      n("loading", s.name, s.command);
+      let a = !1;
+      r && (a = !0), n("loaded", s.name, s.command, a, r);
+    };
+    return Q(async () => {
+      s.data != null ? o(s.data) : i(s.url);
+    }), (r, a) => null;
+  }
+};
+function Re(l, e) {
+  if (e === qe)
+    return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), l;
+  if (e === ae || e === Oe) {
+    let t = l.getIndex();
+    if (t === null) {
+      const o = [], r = l.getAttribute("position");
+      if (r !== void 0) {
+        for (let a = 0; a < r.count; a++)
+          o.push(a);
+        l.setIndex(o), t = l.getIndex();
+      } else
+        return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Undefined position attribute. Processing not possible."), l;
+    }
+    const n = t.count - 2, s = [];
+    if (e === ae)
+      for (let o = 1; o <= n; o++)
+        s.push(t.getX(0)), s.push(t.getX(o)), s.push(t.getX(o + 1));
+    else
+      for (let o = 0; o < n; o++)
+        o % 2 === 0 ? (s.push(t.getX(o)), s.push(t.getX(o + 1)), s.push(t.getX(o + 2))) : (s.push(t.getX(o + 2)), s.push(t.getX(o + 1)), s.push(t.getX(o)));
+    s.length / 3 !== n && console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unable to generate correct amount of triangles.");
+    const i = l.clone();
+    return i.setIndex(s), i.clearGroups(), i;
+  } else
+    return console.error("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unknown draw mode:", e), l;
+}
+class es extends Qe {
+  /**
+   * Constructs a new glTF loader.
+   *
+   * @param {LoadingManager} [manager] - The loading manager.
+   */
+  constructor(e) {
+    super(e), this.dracoLoader = null, this.ktx2Loader = null, this.meshoptDecoder = null, this.pluginCallbacks = [], this.register(function(t) {
+      return new os(t);
+    }), this.register(function(t) {
+      return new rs(t);
+    }), this.register(function(t) {
+      return new ms(t);
+    }), this.register(function(t) {
+      return new _s(t);
+    }), this.register(function(t) {
+      return new gs(t);
+    }), this.register(function(t) {
+      return new cs(t);
+    }), this.register(function(t) {
+      return new ls(t);
+    }), this.register(function(t) {
+      return new hs(t);
+    }), this.register(function(t) {
+      return new us(t);
+    }), this.register(function(t) {
+      return new is(t);
+    }), this.register(function(t) {
+      return new ds(t);
+    }), this.register(function(t) {
+      return new as(t);
+    }), this.register(function(t) {
+      return new fs(t);
+    }), this.register(function(t) {
+      return new ps(t);
+    }), this.register(function(t) {
+      return new ss(t);
+    }), this.register(function(t) {
+      return new Ts(t);
+    }), this.register(function(t) {
+      return new ys(t);
+    });
+  }
+  /**
+   * Starts loading from the given URL and passes the loaded glTF asset
+   * to the `onLoad()` callback.
+   *
+   * @param {string} url - The path/URL of the file to be loaded. This can also be a data URI.
+   * @param {function(GLTFLoader~LoadObject)} onLoad - Executed when the loading process has been finished.
+   * @param {onProgressCallback} onProgress - Executed while the loading is in progress.
+   * @param {onErrorCallback} onError - Executed when errors occur.
+   */
+  load(e, t, n, s) {
+    const i = this;
+    let o;
+    if (this.resourcePath !== "")
+      o = this.resourcePath;
+    else if (this.path !== "") {
+      const c = z.extractUrlBase(e);
+      o = z.resolveURL(c, this.path);
+    } else
+      o = z.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.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) {
+          t(h), i.manager.itemEnd(e);
+        }, r);
+      } catch (h) {
+        r(h);
+      }
+    }, n, r);
+  }
+  /**
+   * Sets the given Draco loader to this loader. Required for decoding assets
+   * compressed with the `KHR_draco_mesh_compression` extension.
+   *
+   * @param {DRACOLoader} dracoLoader - The Draco loader to set.
+   * @return {GLTFLoader} A reference to this loader.
+   */
+  setDRACOLoader(e) {
+    return this.dracoLoader = e, this;
+  }
+  /**
+   * Sets the given KTX2 loader to this loader. Required for loading KTX2
+   * compressed textures.
+   *
+   * @param {KTX2Loader} ktx2Loader - The KTX2 loader to set.
+   * @return {GLTFLoader} A reference to this loader.
+   */
+  setKTX2Loader(e) {
+    return this.ktx2Loader = e, this;
+  }
+  /**
+   * Sets the given meshopt decoder. Required for decoding assets
+   * compressed with the `EXT_meshopt_compression` extension.
+   *
+   * @param {Object} meshoptDecoder - The meshopt decoder to set.
+   * @return {GLTFLoader} A reference to this loader.
+   */
+  setMeshoptDecoder(e) {
+    return this.meshoptDecoder = e, this;
+  }
+  /**
+   * Registers a plugin callback. This API is internally used to implement the various
+   * glTF extensions but can also used by third-party code to add additional logic
+   * to the loader.
+   *
+   * @param {function(parser:GLTFParser)} callback - The callback function to register.
+   * @return {GLTFLoader} A reference to this loader.
+   */
+  register(e) {
+    return this.pluginCallbacks.indexOf(e) === -1 && this.pluginCallbacks.push(e), this;
+  }
+  /**
+   * Unregisters a plugin callback.
+   *
+   * @param {Function} callback - The callback function to unregister.
+   * @return {GLTFLoader} A reference to this loader.
+   */
+  unregister(e) {
+    return this.pluginCallbacks.indexOf(e) !== -1 && this.pluginCallbacks.splice(this.pluginCallbacks.indexOf(e), 1), this;
+  }
+  /**
+   * Parses the given FBX data and returns the resulting group.
+   *
+   * @param {string|ArrayBuffer} data - The raw glTF data.
+   * @param {string} path - The URL base path.
+   * @param {function(GLTFLoader~LoadObject)} onLoad - Executed when the loading process has been finished.
+   * @param {onErrorCallback} onError - Executed when errors occur.
+   */
+  parse(e, t, n, s) {
+    let i;
+    const o = {}, r = {}, a = new TextDecoder();
+    if (typeof e == "string")
+      i = JSON.parse(e);
+    else if (e instanceof ArrayBuffer)
+      if (a.decode(new Uint8Array(e, 0, 4)) === Ue) {
+        try {
+          o[y.KHR_BINARY_GLTF] = new xs(e);
+        } catch (u) {
+          s && s(u);
+          return;
+        }
+        i = JSON.parse(o[y.KHR_BINARY_GLTF].content);
+      } else
+        i = JSON.parse(a.decode(e));
+    else
+      i = e;
+    if (i.asset === void 0 || i.asset.version[0] < 2) {
+      s && s(new Error("THREE.GLTFLoader: Unsupported asset. glTF versions >=2.0 are supported."));
+      return;
+    }
+    const c = new Cs(i, {
+      path: t || this.resourcePath || "",
+      crossOrigin: this.crossOrigin,
+      requestHeader: this.requestHeader,
+      manager: this.manager,
+      ktx2Loader: this.ktx2Loader,
+      meshoptDecoder: this.meshoptDecoder
+    });
+    c.fileLoader.setRequestHeader(this.requestHeader);
+    for (let h = 0; h < this.pluginCallbacks.length; h++) {
+      const u = this.pluginCallbacks[h](c);
+      u.name || console.error("THREE.GLTFLoader: Invalid plugin found: missing name"), r[u.name] = u, o[u.name] = !0;
+    }
+    if (i.extensionsUsed)
+      for (let h = 0; h < i.extensionsUsed.length; ++h) {
+        const u = i.extensionsUsed[h], d = i.extensionsRequired || [];
+        switch (u) {
+          case y.KHR_MATERIALS_UNLIT:
+            o[u] = new ns();
+            break;
+          case y.KHR_DRACO_MESH_COMPRESSION:
+            o[u] = new Es(i, this.dracoLoader);
+            break;
+          case y.KHR_TEXTURE_TRANSFORM:
+            o[u] = new bs();
+            break;
+          case y.KHR_MESH_QUANTIZATION:
+            o[u] = new Rs();
+            break;
+          default:
+            d.indexOf(u) >= 0 && r[u] === void 0 && console.warn('THREE.GLTFLoader: Unknown extension "' + u + '".');
+        }
+      }
+    c.setExtensions(o), c.setPlugins(r), c.parse(n, s);
+  }
+  /**
+   * Async version of {@link GLTFLoader#parse}.
+   *
+   * @async
+   * @param {string|ArrayBuffer} data - The raw glTF data.
+   * @param {string} path - The URL base path.
+   * @return {Promise<GLTFLoader~LoadObject>} A Promise that resolves with the loaded glTF when the parsing has been finished.
+   */
+  parseAsync(e, t) {
+    const n = this;
+    return new Promise(function(s, i) {
+      n.parse(e, t, s, i);
+    });
+  }
+}
+function ts() {
+  let l = {};
+  return {
+    get: function(e) {
+      return l[e];
+    },
+    add: function(e, t) {
+      l[e] = t;
+    },
+    remove: function(e) {
+      delete l[e];
+    },
+    removeAll: function() {
+      l = {};
+    }
+  };
+}
+const y = {
+  KHR_BINARY_GLTF: "KHR_binary_glTF",
+  KHR_DRACO_MESH_COMPRESSION: "KHR_draco_mesh_compression",
+  KHR_LIGHTS_PUNCTUAL: "KHR_lights_punctual",
+  KHR_MATERIALS_CLEARCOAT: "KHR_materials_clearcoat",
+  KHR_MATERIALS_DISPERSION: "KHR_materials_dispersion",
+  KHR_MATERIALS_IOR: "KHR_materials_ior",
+  KHR_MATERIALS_SHEEN: "KHR_materials_sheen",
+  KHR_MATERIALS_SPECULAR: "KHR_materials_specular",
+  KHR_MATERIALS_TRANSMISSION: "KHR_materials_transmission",
+  KHR_MATERIALS_IRIDESCENCE: "KHR_materials_iridescence",
+  KHR_MATERIALS_ANISOTROPY: "KHR_materials_anisotropy",
+  KHR_MATERIALS_UNLIT: "KHR_materials_unlit",
+  KHR_MATERIALS_VOLUME: "KHR_materials_volume",
+  KHR_TEXTURE_BASISU: "KHR_texture_basisu",
+  KHR_TEXTURE_TRANSFORM: "KHR_texture_transform",
+  KHR_MESH_QUANTIZATION: "KHR_mesh_quantization",
+  KHR_MATERIALS_EMISSIVE_STRENGTH: "KHR_materials_emissive_strength",
+  EXT_MATERIALS_BUMP: "EXT_materials_bump",
+  EXT_TEXTURE_WEBP: "EXT_texture_webp",
+  EXT_TEXTURE_AVIF: "EXT_texture_avif",
+  EXT_MESHOPT_COMPRESSION: "EXT_meshopt_compression",
+  EXT_MESH_GPU_INSTANCING: "EXT_mesh_gpu_instancing"
+};
+class ss {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_LIGHTS_PUNCTUAL, this.cache = { refs: {}, uses: {} };
+  }
+  _markDefs() {
+    const e = this.parser, t = this.parser.json.nodes || [];
+    for (let n = 0, s = t.length; n < s; n++) {
+      const i = t[n];
+      i.extensions && i.extensions[this.name] && i.extensions[this.name].light !== void 0 && e._addNodeRef(this.cache, i.extensions[this.name].light);
+    }
+  }
+  _loadLight(e) {
+    const t = this.parser, n = "light:" + e;
+    let s = t.cache.get(n);
+    if (s) return s;
+    const i = t.json, a = ((i.extensions && i.extensions[this.name] || {}).lights || [])[e];
+    let c;
+    const h = new F(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) {
+      case "directional":
+        c = new et(h), c.target.position.set(0, 0, -1), c.add(c.target);
+        break;
+      case "point":
+        c = new Je(h), c.distance = u;
+        break;
+      case "spot":
+        c = new $e(h), c.distance = u, a.spot = a.spot || {}, a.spot.innerConeAngle = a.spot.innerConeAngle !== void 0 ? a.spot.innerConeAngle : 0, a.spot.outerConeAngle = a.spot.outerConeAngle !== void 0 ? a.spot.outerConeAngle : Math.PI / 4, c.angle = a.spot.outerConeAngle, c.penumbra = 1 - a.spot.innerConeAngle / a.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
+        break;
+      default:
+        throw new Error("THREE.GLTFLoader: Unexpected light type: " + a.type);
+    }
+    return c.position.set(0, 0, 0), D(c, a), a.intensity !== void 0 && (c.intensity = a.intensity), c.name = t.createUniqueName(a.name || "light_" + e), s = Promise.resolve(c), t.cache.add(n, s), s;
+  }
+  getDependency(e, t) {
+    if (e === "light")
+      return this._loadLight(t);
+  }
+  createNodeAttachment(e) {
+    const t = this, n = this.parser, i = n.json.nodes[e], r = (i.extensions && i.extensions[this.name] || {}).light;
+    return r === void 0 ? null : this._loadLight(r).then(function(a) {
+      return n._getNodeRef(t.cache, r, a);
+    });
+  }
+}
+class ns {
+  constructor() {
+    this.name = y.KHR_MATERIALS_UNLIT;
+  }
+  getMaterialType() {
+    return V;
+  }
+  extendParams(e, t, n) {
+    const s = [];
+    e.color = new F(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));
+    }
+    return Promise.all(s);
+  }
+}
+class is {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_EMISSIVE_STRENGTH;
+  }
+  extendMaterialParams(e, t) {
+    const s = this.parser.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = s.extensions[this.name].emissiveStrength;
+    return i !== void 0 && (t.emissiveIntensity = i), Promise.resolve();
+  }
+}
+class os {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_CLEARCOAT;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = [], o = s.extensions[this.name];
+    if (o.clearcoatFactor !== void 0 && (t.clearcoat = o.clearcoatFactor), o.clearcoatTexture !== void 0 && i.push(n.assignTexture(t, "clearcoatMap", o.clearcoatTexture)), o.clearcoatRoughnessFactor !== void 0 && (t.clearcoatRoughness = o.clearcoatRoughnessFactor), o.clearcoatRoughnessTexture !== void 0 && i.push(n.assignTexture(t, "clearcoatRoughnessMap", o.clearcoatRoughnessTexture)), o.clearcoatNormalTexture !== void 0 && (i.push(n.assignTexture(t, "clearcoatNormalMap", o.clearcoatNormalTexture)), o.clearcoatNormalTexture.scale !== void 0)) {
+      const r = o.clearcoatNormalTexture.scale;
+      t.clearcoatNormalScale = new S(r, r);
+    }
+    return Promise.all(i);
+  }
+}
+class rs {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_DISPERSION;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const s = this.parser.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = s.extensions[this.name];
+    return t.dispersion = i.dispersion !== void 0 ? i.dispersion : 0, Promise.resolve();
+  }
+}
+class as {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_IRIDESCENCE;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = [], o = s.extensions[this.name];
+    return o.iridescenceFactor !== void 0 && (t.iridescence = o.iridescenceFactor), o.iridescenceTexture !== void 0 && i.push(n.assignTexture(t, "iridescenceMap", o.iridescenceTexture)), o.iridescenceIor !== void 0 && (t.iridescenceIOR = o.iridescenceIor), t.iridescenceThicknessRange === void 0 && (t.iridescenceThicknessRange = [100, 400]), o.iridescenceThicknessMinimum !== void 0 && (t.iridescenceThicknessRange[0] = o.iridescenceThicknessMinimum), o.iridescenceThicknessMaximum !== void 0 && (t.iridescenceThicknessRange[1] = o.iridescenceThicknessMaximum), o.iridescenceThicknessTexture !== void 0 && i.push(n.assignTexture(t, "iridescenceThicknessMap", o.iridescenceThicknessTexture)), Promise.all(i);
+  }
+}
+class cs {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_SHEEN;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    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;
+    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);
+  }
+}
+class ls {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_TRANSMISSION;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = [], o = s.extensions[this.name];
+    return o.transmissionFactor !== void 0 && (t.transmission = o.transmissionFactor), o.transmissionTexture !== void 0 && i.push(n.assignTexture(t, "transmissionMap", o.transmissionTexture)), Promise.all(i);
+  }
+}
+class hs {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_VOLUME;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    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);
+  }
+}
+class us {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_IOR;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const s = this.parser.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = s.extensions[this.name];
+    return t.ior = i.ior !== void 0 ? i.ior : 1.5, Promise.resolve();
+  }
+}
+class ds {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_SPECULAR;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    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);
+  }
+}
+class ps {
+  constructor(e) {
+    this.parser = e, this.name = y.EXT_MATERIALS_BUMP;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = [], o = s.extensions[this.name];
+    return t.bumpScale = o.bumpFactor !== void 0 ? o.bumpFactor : 1, o.bumpTexture !== void 0 && i.push(n.assignTexture(t, "bumpMap", o.bumpTexture)), Promise.all(i);
+  }
+}
+class fs {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_MATERIALS_ANISOTROPY;
+  }
+  getMaterialType(e) {
+    const n = this.parser.json.materials[e];
+    return !n.extensions || !n.extensions[this.name] ? null : N;
+  }
+  extendMaterialParams(e, t) {
+    const n = this.parser, s = n.json.materials[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return Promise.resolve();
+    const i = [], o = s.extensions[this.name];
+    return o.anisotropyStrength !== void 0 && (t.anisotropy = o.anisotropyStrength), o.anisotropyRotation !== void 0 && (t.anisotropyRotation = o.anisotropyRotation), o.anisotropyTexture !== void 0 && i.push(n.assignTexture(t, "anisotropyMap", o.anisotropyTexture)), Promise.all(i);
+  }
+}
+class ms {
+  constructor(e) {
+    this.parser = e, this.name = y.KHR_TEXTURE_BASISU;
+  }
+  loadTexture(e) {
+    const t = this.parser, n = t.json, s = n.textures[e];
+    if (!s.extensions || !s.extensions[this.name])
+      return null;
+    const i = s.extensions[this.name], o = t.options.ktx2Loader;
+    if (!o) {
+      if (n.extensionsRequired && n.extensionsRequired.indexOf(this.name) >= 0)
+        throw new Error("THREE.GLTFLoader: setKTX2Loader must be called before loading KTX2 textures");
+      return null;
+    }
+    return t.loadTextureImage(e, i.source, o);
+  }
+}
+class _s {
+  constructor(e) {
+    this.parser = e, this.name = y.EXT_TEXTURE_WEBP;
+  }
+  loadTexture(e) {
+    const t = this.name, n = this.parser, s = n.json, i = s.textures[e];
+    if (!i.extensions || !i.extensions[t])
+      return null;
+    const o = i.extensions[t], r = s.images[o.source];
+    let a = n.textureLoader;
+    if (r.uri) {
+      const c = n.options.manager.getHandler(r.uri);
+      c !== null && (a = c);
+    }
+    return n.loadTextureImage(e, o.source, a);
+  }
+}
+class gs {
+  constructor(e) {
+    this.parser = e, this.name = y.EXT_TEXTURE_AVIF;
+  }
+  loadTexture(e) {
+    const t = this.name, n = this.parser, s = n.json, i = s.textures[e];
+    if (!i.extensions || !i.extensions[t])
+      return null;
+    const o = i.extensions[t], r = s.images[o.source];
+    let a = n.textureLoader;
+    if (r.uri) {
+      const c = n.options.manager.getHandler(r.uri);
+      c !== null && (a = c);
+    }
+    return n.loadTextureImage(e, o.source, a);
+  }
+}
+class Ts {
+  constructor(e) {
+    this.name = y.EXT_MESHOPT_COMPRESSION, this.parser = e;
+  }
+  loadBufferView(e) {
+    const t = this.parser.json, n = t.bufferViews[e];
+    if (n.extensions && n.extensions[this.name]) {
+      const s = n.extensions[this.name], i = this.parser.getDependency("buffer", s.buffer), o = this.parser.options.meshoptDecoder;
+      if (!o || !o.supported) {
+        if (t.extensionsRequired && t.extensionsRequired.indexOf(this.name) >= 0)
+          throw new Error("THREE.GLTFLoader: setMeshoptDecoder must be called before loading compressed files");
+        return null;
+      }
+      return i.then(function(r) {
+        const a = s.byteOffset || 0, c = s.byteLength || 0, h = s.count, u = s.byteStride, d = new Uint8Array(r, a, c);
+        return o.decodeGltfBufferAsync ? o.decodeGltfBufferAsync(h, u, d, s.mode, s.filter).then(function(p) {
+          return p.buffer;
+        }) : o.ready.then(function() {
+          const p = new ArrayBuffer(h * u);
+          return o.decodeGltfBuffer(new Uint8Array(p), h, u, d, s.mode, s.filter), p;
+        });
+      });
+    } else
+      return null;
+  }
+}
+class ys {
+  constructor(e) {
+    this.name = y.EXT_MESH_GPU_INSTANCING, this.parser = e;
+  }
+  createNodeMesh(e) {
+    const t = this.parser.json, n = t.nodes[e];
+    if (!n.extensions || !n.extensions[this.name] || n.mesh === void 0)
+      return null;
+    const s = t.meshes[n.mesh];
+    for (const c of s.primitives)
+      if (c.mode !== L.TRIANGLES && c.mode !== L.TRIANGLE_STRIP && c.mode !== L.TRIANGLE_FAN && c.mode !== void 0)
+        return null;
+    const o = n.extensions[this.name].attributes, r = [], a = {};
+    for (const c in o)
+      r.push(this.parser.getDependency("accessor", o[c]).then((h) => (a[c] = h, a[c])));
+    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);
+        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)
+          if (T === "_COLOR_0") {
+            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);
+      }
+      return h.isGroup ? (h.clear(), h.add(...p), h) : p[0];
+    }));
+  }
+}
+const Ue = "glTF", B = 12, Me = { 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();
+    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)
+      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);
+    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);
+        this.content = n.decode(c);
+      } else if (a === Me.BIN) {
+        const c = B + o;
+        this.body = e.slice(c, c + r);
+      }
+      o += r;
+    }
+    if (this.content === null)
+      throw new Error("THREE.GLTFLoader: JSON content not found.");
+  }
+}
+class Es {
+  constructor(e, t) {
+    if (!t)
+      throw new Error("THREE.GLTFLoader: No DRACOLoader instance provided.");
+    this.name = y.KHR_DRACO_MESH_COMPRESSION, this.json = e, this.dracoLoader = t, this.dracoLoader.preload();
+  }
+  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();
+      r[u] = o[h];
+    }
+    for (const h in e.attributes) {
+      const u = he[h] || h.toLowerCase();
+      if (o[h] !== void 0) {
+        const d = n.accessors[e.attributes[h]], p = G[d.componentType];
+        c[u] = p.name, a[u] = d.normalized === !0;
+      }
+    }
+    return t.getDependency("bufferView", i).then(function(h) {
+      return new Promise(function(u, d) {
+        s.decodeDracoFile(h, function(p) {
+          for (const m in p.attributes) {
+            const g = p.attributes[m], f = a[m];
+            f !== void 0 && (g.normalized = f);
+          }
+          u(p);
+        }, r, c, C, d);
+      });
+    });
+  }
+}
+class bs {
+  constructor() {
+    this.name = y.KHR_TEXTURE_TRANSFORM;
+  }
+  extendTexture(e, t) {
+    return (t.texCoord === void 0 || t.texCoord === e.channel) && t.offset === void 0 && t.rotation === void 0 && t.scale === void 0 || (e = e.clone(), t.texCoord !== void 0 && (e.channel = t.texCoord), t.offset !== void 0 && e.offset.fromArray(t.offset), t.rotation !== void 0 && (e.rotation = t.rotation), t.scale !== void 0 && e.repeat.fromArray(t.scale), e.needsUpdate = !0), e;
+  }
+}
+class Rs {
+  constructor() {
+    this.name = y.KHR_MESH_QUANTIZATION;
+  }
+}
+class Ge extends Nt {
+  constructor(e, t, n, s) {
+    super(e, t, n, s);
+  }
+  copySampleValue_(e) {
+    const t = this.resultBuffer, n = this.sampleValues, s = this.valueSize, i = e * s * 3 + s;
+    for (let o = 0; o !== s; o++)
+      t[o] = n[i + o];
+    return t;
+  }
+  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;
+    }
+    return i;
+  }
+}
+const Ms = new Z();
+class ws extends Ge {
+  interpolate_(e, t, n, s) {
+    const i = super.interpolate_(e, t, n, s);
+    return Ms.fromArray(i).normalize().toArray(i), i;
+  }
+}
+const L = {
+  POINTS: 0,
+  LINES: 1,
+  LINE_LOOP: 2,
+  LINE_STRIP: 3,
+  TRIANGLES: 4,
+  TRIANGLE_STRIP: 5,
+  TRIANGLE_FAN: 6
+}, G = {
+  5120: Int8Array,
+  5121: Uint8Array,
+  5122: Int16Array,
+  5123: Uint16Array,
+  5125: Uint32Array,
+  5126: Float32Array
+}, we = {
+  9728: ve,
+  9729: ce,
+  9984: lt,
+  9985: ct,
+  9986: at,
+  9987: Ie
+}, Se = {
+  33071: ut,
+  33648: ht,
+  10497: le
+}, ie = {
+  SCALAR: 1,
+  VEC2: 2,
+  VEC3: 3,
+  VEC4: 4,
+  MAT2: 4,
+  MAT3: 9,
+  MAT4: 16
+}, he = {
+  POSITION: "position",
+  NORMAL: "normal",
+  TANGENT: "tangent",
+  TEXCOORD_0: "uv",
+  TEXCOORD_1: "uv1",
+  TEXCOORD_2: "uv2",
+  TEXCOORD_3: "uv3",
+  COLOR_0: "color",
+  WEIGHTS_0: "skinWeight",
+  JOINTS_0: "skinIndex"
+}, k = {
+  scale: "scale",
+  translation: "position",
+  rotation: "quaternion",
+  weights: "morphTargetInfluences"
+}, Ss = {
+  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,
+  STEP: Lt
+}, oe = {
+  OPAQUE: "OPAQUE",
+  MASK: "MASK",
+  BLEND: "BLEND"
+};
+function As(l) {
+  return l.DefaultMaterial === void 0 && (l.DefaultMaterial = new ke({
+    color: 16777215,
+    emissive: 0,
+    metalness: 1,
+    roughness: 1,
+    transparent: !1,
+    depthTest: !0,
+    side: Pt
+  })), l.DefaultMaterial;
+}
+function j(l, e, t) {
+  for (const n in t.extensions)
+    l[n] === void 0 && (e.userData.gltfExtensions = e.userData.gltfExtensions || {}, e.userData.gltfExtensions[n] = t.extensions[n]);
+}
+function D(l, e) {
+  e.extras !== void 0 && (typeof e.extras == "object" ? Object.assign(l.userData, e.extras) : console.warn("THREE.GLTFLoader: Ignoring primitive type .extras, " + e.extras));
+}
+function Ls(l, e, t) {
+  let n = !1, s = !1, i = !1;
+  for (let c = 0, h = e.length; c < h; c++) {
+    const u = e[c];
+    if (u.POSITION !== void 0 && (n = !0), u.NORMAL !== void 0 && (s = !0), u.COLOR_0 !== void 0 && (i = !0), n && s && i) break;
+  }
+  if (!n && !s && !i) return Promise.resolve(l);
+  const o = [], r = [], a = [];
+  for (let c = 0, h = e.length; c < h; c++) {
+    const u = e[c];
+    if (n) {
+      const d = u.POSITION !== void 0 ? t.getDependency("accessor", u.POSITION) : l.attributes.position;
+      o.push(d);
+    }
+    if (s) {
+      const d = u.NORMAL !== void 0 ? t.getDependency("accessor", u.NORMAL) : l.attributes.normal;
+      r.push(d);
+    }
+    if (i) {
+      const d = u.COLOR_0 !== void 0 ? t.getDependency("accessor", u.COLOR_0) : l.attributes.color;
+      a.push(d);
+    }
+  }
+  return Promise.all([
+    Promise.all(o),
+    Promise.all(r),
+    Promise.all(a)
+  ]).then(function(c) {
+    const h = c[0], u = c[1], d = c[2];
+    return n && (l.morphAttributes.position = h), s && (l.morphAttributes.normal = u), i && (l.morphAttributes.color = d), l.morphTargetsRelative = !0, l;
+  });
+}
+function Ps(l, e) {
+  if (l.updateMorphTargets(), e.weights !== void 0)
+    for (let t = 0, n = e.weights.length; t < n; t++)
+      l.morphTargetInfluences[t] = e.weights[t];
+  if (e.extras && Array.isArray(e.extras.targetNames)) {
+    const t = e.extras.targetNames;
+    if (l.morphTargetInfluences.length === t.length) {
+      l.morphTargetDictionary = {};
+      for (let n = 0, s = t.length; n < s; n++)
+        l.morphTargetDictionary[t[n]] = n;
+    } else
+      console.warn("THREE.GLTFLoader: Invalid extras.targetNames length. Ignoring names.");
+  }
+}
+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)
+    for (let n = 0, s = l.targets.length; n < s; n++)
+      e += ":" + re(l.targets[n]);
+  return e;
+}
+function re(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) {
+  switch (l) {
+    case Int8Array:
+      return 1 / 127;
+    case Uint8Array:
+      return 1 / 255;
+    case Int16Array:
+      return 1 / 32767;
+    case Uint16Array:
+      return 1 / 65535;
+    default:
+      throw new Error("THREE.GLTFLoader: Unsupported normalized accessor component type.");
+  }
+}
+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();
+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 = {};
+    let n = !1, s = -1, i = !1, o = -1;
+    if (typeof navigator < "u") {
+      const r = navigator.userAgent;
+      n = /^((?!chrome|android).)*safari/i.test(r) === !0;
+      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);
+  }
+  setExtensions(e) {
+    this.extensions = e;
+  }
+  setPlugins(e) {
+    this.plugins = e;
+  }
+  parse(e, t) {
+    const n = this, s = this.json, i = this.extensions;
+    this.cache.removeAll(), this.nodeCache = {}, this._invokeAll(function(o) {
+      return o._markDefs && o._markDefs();
+    }), Promise.all(this._invokeAll(function(o) {
+      return o.beforeRoot && o.beforeRoot();
+    })).then(function() {
+      return Promise.all([
+        n.getDependencies("scene"),
+        n.getDependencies("animation"),
+        n.getDependencies("camera")
+      ]);
+    }).then(function(o) {
+      const r = {
+        scene: o[0][s.scene || 0],
+        scenes: o[0],
+        animations: o[1],
+        cameras: o[2],
+        asset: s.asset,
+        parser: n,
+        userData: {}
+      };
+      return j(i, r, s), D(r, s), Promise.all(n._invokeAll(function(a) {
+        return a.afterRoot && a.afterRoot(r);
+      })).then(function() {
+        for (const a of r.scenes)
+          a.updateMatrixWorld();
+        e(r);
+      });
+    }).catch(t);
+  }
+  /**
+   * Marks the special nodes/meshes in json for efficient parse.
+   *
+   * @private
+   */
+  _markDefs() {
+    const e = this.json.nodes || [], t = this.json.skins || [], n = this.json.meshes || [];
+    for (let s = 0, i = t.length; s < i; s++) {
+      const o = t[s].joints;
+      for (let r = 0, a = o.length; r < a; r++)
+        e[o[r]].isBone = !0;
+    }
+    for (let s = 0, i = e.length; s < i; s++) {
+      const o = e[s];
+      o.mesh !== void 0 && (this._addNodeRef(this.meshCache, o.mesh), o.skin !== void 0 && (n[o.mesh].isSkinnedMesh = !0)), o.camera !== void 0 && this._addNodeRef(this.cameraCache, o.camera);
+    }
+  }
+  /**
+   * Counts references to shared node / Object3D resources. These resources
+   * can be reused, or "instantiated", at multiple nodes in the scene
+   * hierarchy. Mesh, Camera, and Light instances are instantiated and must
+   * be marked. Non-scenegraph resources (like Materials, Geometries, and
+   * Textures) can be reused directly and are not marked here.
+   *
+   * Example: CesiumMilkTruck sample model reuses "Wheel" meshes.
+   *
+   * @private
+   * @param {Object} cache
+   * @param {Object3D} index
+   */
+  _addNodeRef(e, t) {
+    t !== void 0 && (e.refs[t] === void 0 && (e.refs[t] = e.uses[t] = 0), e.refs[t]++);
+  }
+  /**
+   * Returns a reference to a shared resource, cloning it if necessary.
+   *
+   * @private
+   * @param {Object} cache
+   * @param {number} index
+   * @param {Object} object
+   * @return {Object}
+   */
+  _getNodeRef(e, t, n) {
+    if (e.refs[t] <= 1) return n;
+    const s = n.clone(), i = (o, r) => {
+      const a = this.associations.get(o);
+      a != null && this.associations.set(r, a);
+      for (const [c, h] of o.children.entries())
+        i(h, r.children[c]);
+    };
+    return i(n, s), s.name += "_instance_" + e.uses[t]++, s;
+  }
+  _invokeOne(e) {
+    const t = Object.values(this.plugins);
+    t.push(this);
+    for (let n = 0; n < t.length; n++) {
+      const s = e(t[n]);
+      if (s) return s;
+    }
+    return null;
+  }
+  _invokeAll(e) {
+    const t = Object.values(this.plugins);
+    t.unshift(this);
+    const n = [];
+    for (let s = 0; s < t.length; s++) {
+      const i = e(t[s]);
+      i && n.push(i);
+    }
+    return n;
+  }
+  /**
+   * Requests the specified dependency asynchronously, with caching.
+   *
+   * @private
+   * @param {string} type
+   * @param {number} index
+   * @return {Promise<Object3D|Material|THREE.Texture|AnimationClip|ArrayBuffer|Object>}
+   */
+  getDependency(e, t) {
+    const n = e + ":" + t;
+    let s = this.cache.get(n);
+    if (!s) {
+      switch (e) {
+        case "scene":
+          s = this.loadScene(t);
+          break;
+        case "node":
+          s = this._invokeOne(function(i) {
+            return i.loadNode && i.loadNode(t);
+          });
+          break;
+        case "mesh":
+          s = this._invokeOne(function(i) {
+            return i.loadMesh && i.loadMesh(t);
+          });
+          break;
+        case "accessor":
+          s = this.loadAccessor(t);
+          break;
+        case "bufferView":
+          s = this._invokeOne(function(i) {
+            return i.loadBufferView && i.loadBufferView(t);
+          });
+          break;
+        case "buffer":
+          s = this.loadBuffer(t);
+          break;
+        case "material":
+          s = this._invokeOne(function(i) {
+            return i.loadMaterial && i.loadMaterial(t);
+          });
+          break;
+        case "texture":
+          s = this._invokeOne(function(i) {
+            return i.loadTexture && i.loadTexture(t);
+          });
+          break;
+        case "skin":
+          s = this.loadSkin(t);
+          break;
+        case "animation":
+          s = this._invokeOne(function(i) {
+            return i.loadAnimation && i.loadAnimation(t);
+          });
+          break;
+        case "camera":
+          s = this.loadCamera(t);
+          break;
+        default:
+          if (s = this._invokeOne(function(i) {
+            return i != this && i.getDependency && i.getDependency(e, t);
+          }), !s)
+            throw new Error("Unknown type: " + e);
+          break;
+      }
+      this.cache.add(n, s);
+    }
+    return s;
+  }
+  /**
+   * Requests all dependencies of the specified type asynchronously, with caching.
+   *
+   * @private
+   * @param {string} type
+   * @return {Promise<Array<Object>>}
+   */
+  getDependencies(e) {
+    let t = this.cache.get(e);
+    if (!t) {
+      const n = this, s = this.json[e + (e === "mesh" ? "es" : "s")] || [];
+      t = Promise.all(s.map(function(i, o) {
+        return n.getDependency(e, o);
+      })), this.cache.add(e, t);
+    }
+    return t;
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views
+   *
+   * @private
+   * @param {number} bufferIndex
+   * @return {Promise<ArrayBuffer>}
+   */
+  loadBuffer(e) {
+    const t = this.json.buffers[e], n = this.fileLoader;
+    if (t.type && t.type !== "arraybuffer")
+      throw new Error("THREE.GLTFLoader: " + t.type + " buffer type is not supported.");
+    if (t.uri === void 0 && e === 0)
+      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() {
+        o(new Error('THREE.GLTFLoader: Failed to load buffer "' + t.uri + '".'));
+      });
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#buffers-and-buffer-views
+   *
+   * @private
+   * @param {number} bufferViewIndex
+   * @return {Promise<ArrayBuffer>}
+   */
+  loadBufferView(e) {
+    const t = this.json.bufferViews[e];
+    return this.getDependency("buffer", t.buffer).then(function(n) {
+      const s = t.byteLength || 0, i = t.byteOffset || 0;
+      return n.slice(i, i + s);
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#accessors
+   *
+   * @private
+   * @param {number} accessorIndex
+   * @return {Promise<BufferAttribute|InterleavedBufferAttribute>}
+   */
+  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 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;
+      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);
+      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 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.");
+        }
+        f.normalized = m;
+      }
+      return f;
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#textures
+   *
+   * @private
+   * @param {number} textureIndex
+   * @return {Promise<THREE.Texture|null>}
+   */
+  loadTexture(e) {
+    const t = this.json, n = this.options, i = t.textures[e].source, o = t.images[i];
+    let r = this.textureLoader;
+    if (o.uri) {
+      const a = n.manager.getHandler(o.uri);
+      a !== null && (r = a);
+    }
+    return this.loadTextureImage(e, i, r);
+  }
+  loadTextureImage(e, t, n) {
+    const s = this, i = this.json, o = i.textures[e], r = i.images[t], a = (r.uri || r.bufferView) + ":" + o.sampler;
+    if (this.textureCache[a])
+      return this.textureCache[a];
+    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;
+    }).catch(function() {
+      return null;
+    });
+    return this.textureCache[a] = c, c;
+  }
+  loadImageSource(e, t) {
+    const n = this, s = this.json, i = this.options;
+    if (this.sourceCache[e] !== void 0)
+      return this.sourceCache[e].then((u) => u.clone());
+    const o = s.images[e], r = self.URL || self.webkitURL;
+    let a = o.uri || "", c = !1;
+    if (o.bufferView !== void 0)
+      a = n.getDependency("bufferView", o.bufferView).then(function(u) {
+        c = !0;
+        const d = new Blob([u], { type: o.mimeType });
+        return a = r.createObjectURL(d), a;
+      });
+    else if (o.uri === void 0)
+      throw new Error("THREE.GLTFLoader: Image " + e + " is missing URI and bufferView");
+    const h = Promise.resolve(a).then(function(u) {
+      return new Promise(function(d, p) {
+        let m = d;
+        t.isImageBitmapLoader === !0 && (m = function(g) {
+          const f = new me(g);
+          f.needsUpdate = !0, d(f);
+        }), t.load(z.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;
+    }).catch(function(u) {
+      throw console.error("THREE.GLTFLoader: Couldn't load texture", a), u;
+    });
+    return this.sourceCache[e] = h, h;
+  }
+  /**
+   * Asynchronously assigns a texture to the given material parameters.
+   *
+   * @private
+   * @param {Object} materialParams
+   * @param {string} mapName
+   * @param {Object} mapDef
+   * @param {string} [colorSpace]
+   * @return {Promise<Texture>}
+   */
+  assignTexture(e, t, n, s) {
+    const i = this;
+    return this.getDependency("texture", n.index).then(function(o) {
+      if (!o) return null;
+      if (n.texCoord !== void 0 && n.texCoord > 0 && (o = o.clone(), o.channel = n.texCoord), i.extensions[y.KHR_TEXTURE_TRANSFORM]) {
+        const r = n.extensions !== void 0 ? n.extensions[y.KHR_TEXTURE_TRANSFORM] : void 0;
+        if (r) {
+          const a = i.associations.get(o);
+          o = i.extensions[y.KHR_TEXTURE_TRANSFORM].extendTexture(o, r), i.associations.set(o, a);
+        }
+      }
+      return s !== void 0 && (o.colorSpace = s), e[t] = o, o;
+    });
+  }
+  /**
+   * Assigns final material to a Mesh, Line, or Points instance. The instance
+   * already has a material (generated from the glTF material options alone)
+   * but reuse of the same glTF material may require multiple threejs materials
+   * to accommodate different primitive types, defines, etc. New materials will
+   * be created if necessary, and reused from a cache.
+   *
+   * @private
+   * @param {Object3D} mesh Mesh, Line, or Points instance.
+   */
+  assignFinalMaterial(e) {
+    const t = e.geometry;
+    let n = e.material;
+    const s = t.attributes.tangent === void 0, i = t.attributes.color !== void 0, o = t.attributes.normal === void 0;
+    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;
+    } 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;
+    }
+    if (s || i || o) {
+      let r = "ClonedMaterial:" + n.uuid + ":";
+      s && (r += "derivative-tangents:"), i && (r += "vertex-colors:"), o && (r += "flat-shading:");
+      let a = this.cache.get(r);
+      a || (a = n.clone(), i && (a.vertexColors = !0), o && (a.flatShading = !0), s && (a.normalScale && (a.normalScale.y *= -1), a.clearcoatNormalScale && (a.clearcoatNormalScale.y *= -1)), this.cache.add(r, a), this.associations.set(a, this.associations.get(n))), n = a;
+    }
+    e.material = n;
+  }
+  getMaterialType() {
+    return ke;
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#materials
+   *
+   * @private
+   * @param {number} materialIndex
+   * @return {Promise<Material>}
+   */
+  loadMaterial(e) {
+    const t = this, n = this.json, s = this.extensions, i = n.materials[e];
+    let o;
+    const r = {}, a = i.extensions || {}, c = [];
+    if (a[y.KHR_MATERIALS_UNLIT]) {
+      const u = s[y.KHR_MATERIALS_UNLIT];
+      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)) {
+        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) {
+        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 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) {
+      const u = i.emissiveFactor;
+      r.emissive = new F().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() {
+      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;
+    });
+  }
+  /**
+   * When Object3D instances are targeted by animation, they need unique names.
+   *
+   * @private
+   * @param {string} originalName
+   * @return {string}
+   */
+  createUniqueName(e) {
+    const t = mt.sanitizeNodeName(e || "");
+    return t in this.nodeNamesUsed ? t + "_" + ++this.nodeNamesUsed[t] : (this.nodeNamesUsed[t] = 0, t);
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#geometry
+   *
+   * Creates BufferGeometries from primitives.
+   *
+   * @private
+   * @param {Array<GLTF.Primitive>} primitives
+   * @return {Promise<Array<BufferGeometry>>}
+   */
+  loadGeometries(e) {
+    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);
+      });
+    }
+    const o = [];
+    for (let r = 0, a = e.length; r < a; r++) {
+      const c = e[r], h = Ns(c), u = s[h];
+      if (u)
+        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);
+      }
+    }
+    return Promise.all(o);
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/blob/master/specification/2.0/README.md#meshes
+   *
+   * @private
+   * @param {number} meshIndex
+   * @return {Promise<Group|Mesh|SkinnedMesh|Line|Points>}
+   */
+  loadMesh(e) {
+    const t = this, n = this.json, s = this.extensions, i = n.meshes[e], o = i.primitives, r = [];
+    for (let a = 0, c = o.length; a < c; a++) {
+      const h = o[a].material === void 0 ? As(this.cache) : this.getDependency("material", o[a].material);
+      r.push(h);
+    }
+    return r.push(t.loadGeometries(o)), Promise.all(r).then(function(a) {
+      const c = a.slice(0, a.length - 1), h = a[a.length - 1], u = [];
+      for (let p = 0, m = h.length; p < m; p++) {
+        const g = h[p], f = o[p];
+        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));
+        else if (f.mode === L.LINES)
+          _ = new yt(g, x);
+        else if (f.mode === L.LINE_STRIP)
+          _ = new xt(g, x);
+        else if (f.mode === L.LINE_LOOP)
+          _ = new Et(g, x);
+        else if (f.mode === L.POINTS)
+          _ = new bt(g, x);
+        else
+          throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + f.mode);
+        Object.keys(_.geometry.morphAttributes).length > 0 && Ps(_, i), _.name = t.createUniqueName(i.name || "mesh_" + e), D(_, i), f.extensions && j(s, _, f), t.assignFinalMaterial(_), u.push(_);
+      }
+      for (let p = 0, m = u.length; p < m; p++)
+        t.associations.set(u[p], {
+          meshes: e,
+          primitives: p
+        });
+      if (u.length === 1)
+        return i.extensions && j(s, u[0], i), u[0];
+      const d = new se();
+      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]);
+      return d;
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#cameras
+   *
+   * @private
+   * @param {number} cameraIndex
+   * @return {Promise<THREE.Camera>}
+   */
+  loadCamera(e) {
+    let t;
+    const n = this.json.cameras[e], s = n[n.type];
+    if (!s) {
+      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);
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins
+   *
+   * @private
+   * @param {number} skinIndex
+   * @return {Promise<Skeleton>}
+   */
+  loadSkin(e) {
+    const t = this.json.skins[e], n = [];
+    for (let s = 0, i = t.joints.length; s < i; s++)
+      n.push(this._loadNodeShallow(t.joints[s]));
+    return t.inverseBindMatrices !== void 0 ? n.push(this.getDependency("accessor", t.inverseBindMatrices)) : n.push(null), Promise.all(n).then(function(s) {
+      const i = s.pop(), o = s, r = [], a = [];
+      for (let c = 0, h = o.length; c < h; c++) {
+        const u = o[c];
+        if (u) {
+          r.push(u);
+          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]);
+      }
+      return new wt(r, a);
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#animations
+   *
+   * @private
+   * @param {number} animationIndex
+   * @return {Promise<AnimationClip>}
+   */
+  loadAnimation(e) {
+    const t = this.json, n = this, s = t.animations[e], i = s.name ? s.name : "animation_" + e, o = [], r = [], a = [], c = [], h = [];
+    for (let u = 0, d = s.channels.length; u < d; u++) {
+      const p = s.channels[u], m = s.samplers[p.sampler], g = p.target, f = g.node, _ = s.parameters !== void 0 ? s.parameters[m.input] : m.input, x = s.parameters !== void 0 ? s.parameters[m.output] : m.output;
+      g.node !== void 0 && (o.push(this.getDependency("node", f)), r.push(this.getDependency("accessor", _)), a.push(this.getDependency("accessor", x)), c.push(m), h.push(g));
+    }
+    return Promise.all([
+      Promise.all(o),
+      Promise.all(r),
+      Promise.all(a),
+      Promise.all(c),
+      Promise.all(h)
+    ]).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];
+        if (T === void 0) continue;
+        T.updateMatrix && T.updateMatrix();
+        const v = n._createAnimationTracks(T, A, I, P, K);
+        if (v)
+          for (let $ = 0; $ < v.length; $++)
+            _.push(v[$]);
+      }
+      return new St(i, void 0, _);
+    });
+  }
+  createNodeMesh(e) {
+    const t = this.json, n = this, s = t.nodes[e];
+    return s.mesh === void 0 ? null : n.getDependency("mesh", s.mesh).then(function(i) {
+      const o = n._getNodeRef(n.meshCache, s.mesh, i);
+      return s.weights !== void 0 && o.traverse(function(r) {
+        if (r.isMesh)
+          for (let a = 0, c = s.weights.length; a < c; a++)
+            r.morphTargetInfluences[a] = s.weights[a];
+      }), o;
+    });
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#nodes-and-hierarchy
+   *
+   * @private
+   * @param {number} nodeIndex
+   * @return {Promise<Object3D>}
+   */
+  loadNode(e) {
+    const t = this.json, n = this, s = t.nodes[e], i = n._loadNodeShallow(e), o = [], r = s.children || [];
+    for (let c = 0, h = r.length; c < h; c++)
+      o.push(n.getDependency("node", r[c]));
+    const a = s.skin === void 0 ? Promise.resolve(null) : n.getDependency("skin", s.skin);
+    return Promise.all([
+      i,
+      Promise.all(o),
+      a
+    ]).then(function(c) {
+      const h = c[0], u = c[1], d = c[2];
+      d !== null && h.traverse(function(p) {
+        p.isSkinnedMesh && p.bind(d, Ds);
+      });
+      for (let p = 0, m = u.length; p < m; p++)
+        h.add(u[p]);
+      return h;
+    });
+  }
+  // ._loadNodeShallow() parses a single node.
+  // skin and child nodes are created and added in .loadNode() (no '_' prefix).
+  _loadNodeShallow(e) {
+    const t = this.json, n = this.extensions, s = this;
+    if (this.nodeCache[e] !== void 0)
+      return this.nodeCache[e];
+    const i = t.nodes[e], o = i.name ? s.createUniqueName(i.name) : "", r = [], a = s._invokeOne(function(c) {
+      return c.createNodeMesh && c.createNodeMesh(e);
+    });
+    return a && r.push(a), i.camera !== void 0 && r.push(s.getDependency("camera", i.camera).then(function(c) {
+      return s._getNodeRef(s.cameraCache, i.camera, c);
+    })), s._invokeAll(function(c) {
+      return c.createNodeAttachment && c.createNodeAttachment(e);
+    }).forEach(function(c) {
+      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])
+        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();
+        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);
+      if (!s.associations.has(h))
+        s.associations.set(h, {});
+      else if (i.mesh !== void 0 && s.meshCache.refs[i.mesh] > 1) {
+        const u = s.associations.get(h);
+        s.associations.set(h, { ...u });
+      }
+      return s.associations.get(h).nodes = e, h;
+    }), this.nodeCache[e];
+  }
+  /**
+   * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#scenes
+   *
+   * @private
+   * @param {number} sceneIndex
+   * @return {Promise<Group>}
+   */
+  loadScene(e) {
+    const t = this.extensions, n = this.json.scenes[e], s = this, i = new se();
+    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++)
+      r.push(s.getDependency("node", o[a]));
+    return Promise.all(r).then(function(a) {
+      for (let h = 0, u = a.length; h < u; h++)
+        i.add(a[h]);
+      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);
+        return h.traverse((d) => {
+          const p = s.associations.get(d);
+          p != null && u.set(d, p);
+        }), u;
+      };
+      return s.associations = c(i), i;
+    });
+  }
+  _createAnimationTracks(e, t, n, s, i) {
+    const o = [], r = e.name ? e.name : e.uuid, a = [];
+    k[i.path] === k.weights ? e.traverse(function(d) {
+      d.morphTargetInfluences && a.push(d.name ? d.name : d.uuid);
+    }) : a.push(r);
+    let c;
+    switch (k[i.path]) {
+      case k.weights:
+        c = ge;
+        break;
+      case k.rotation:
+        c = Te;
+        break;
+      case k.translation:
+      case k.scale:
+        c = _e;
+        break;
+      default:
+        switch (n.itemSize) {
+          case 1:
+            c = ge;
+            break;
+          case 2:
+          case 3:
+          default:
+            c = _e;
+            break;
+        }
+        break;
+    }
+    const h = s.interpolation !== void 0 ? Ss[s.interpolation] : je, u = this._getArrayFromAccessor(n);
+    for (let d = 0, p = a.length; d < p; d++) {
+      const m = new c(
+        a[d] + "." + k[i.path],
+        t.array,
+        u,
+        h
+      );
+      s.interpolation === "CUBICSPLINE" && this._createCubicSplineTrackInterpolant(m), o.push(m);
+    }
+    return o;
+  }
+  _getArrayFromAccessor(e) {
+    let t = e.array;
+    if (e.normalized) {
+      const n = ue(t.constructor), s = new Float32Array(t.length);
+      for (let i = 0, o = t.length; i < o; i++)
+        s[i] = t[i] * n;
+      t = s;
+    }
+    return t;
+  }
+  _createCubicSplineTrackInterpolant(e) {
+    e.createInterpolant = function(n) {
+      const s = this instanceof Te ? ws : Ge;
+      return new s(this.times, this.values, this.getValueSize() / 3, n);
+    }, e.createInterpolant.isInterpolantFactoryMethodGLTFCubicSpline = !0;
+  }
+}
+function Is(l, e, t) {
+  const n = e.attributes, s = new Ot();
+  if (n.POSITION !== void 0) {
+    const r = t.json.accessors[n.POSITION], a = r.min, c = r.max;
+    if (a !== void 0 && c !== void 0) {
+      if (s.set(
+        new M(a[0], a[1], a[2]),
+        new M(c[0], c[1], c[2])
+      ), r.normalized) {
+        const h = ue(G[r.componentType]);
+        s.min.multiplyScalar(h), s.max.multiplyScalar(h);
+      }
+    } else {
+      console.warn("THREE.GLTFLoader: Missing min/max properties for accessor POSITION.");
+      return;
+    }
+  } else
+    return;
+  const i = e.targets;
+  if (i !== void 0) {
+    const r = new M(), a = new M();
+    for (let c = 0, h = i.length; c < h; c++) {
+      const u = i[c];
+      if (u.POSITION !== void 0) {
+        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]);
+            a.multiplyScalar(g);
+          }
+          r.max(a);
+        } else
+          console.warn("THREE.GLTFLoader: Missing min/max properties for accessor POSITION.");
+      }
+    }
+    s.expandByVector(r);
+  }
+  l.boundingBox = s;
+  const o = new Dt();
+  s.getCenter(o.center), o.radius = s.min.distanceTo(s.max) / 2, l.boundingSphere = o;
+}
+function Ae(l, e, t) {
+  const n = e.attributes, s = [];
+  function i(o, r) {
+    return t.getDependency("accessor", o).then(function(a) {
+      l.setAttribute(r, a);
+    });
+  }
+  for (const o in n) {
+    const r = he[o] || o.toLowerCase();
+    r in l.attributes || s.push(i(n[o], r));
+  }
+  if (e.indices !== void 0 && !l.index) {
+    const o = t.getDependency("accessor", e.indices).then(function(r) {
+      l.setIndex(r);
+    });
+    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 e.targets !== void 0 ? Ls(l, e.targets, t) : l;
+  });
+}
+const vs = {
+  __name: "VroidVrm",
+  props: {
+    url: {
+      type: String
+    },
+    data: {
+      type: [Object, null],
+      default: null
+    },
+    name: {
+      type: String
+    },
+    command: {
+      type: String
+    }
+  },
+  emits: ["loading", "loaded"],
+  setup(l, { emit: e }) {
+    const t = e, n = l, s = async (r) => {
+      const a = new es();
+      return a.register((c) => new Ct(c)), await a.loadAsync(r).then((c) => {
+        const h = c.userData.vrm;
+        return It.rotateVRM0(h), h;
+      });
+    }, i = async (r) => {
+      if (!r)
+        return;
+      t("loading", n.name, n.command);
+      const a = await s(r);
+      let c = !1;
+      a && (c = !0), t("loaded", n.name, n.command, c, a);
+    }, o = (r) => {
+      t("loading", n.name, n.command);
+      let a = !1;
+      r && (a = !0), t("loaded", n.name, n.command, a, r);
+    };
+    return Q(async () => {
+      n.data != null ? o(n.data) : i(n.url);
+    }), (r, a) => null;
+  }
+}, ks = {
+  __name: "VroidModel",
+  props: {
+    name: {
+      type: String
+    },
+    expression_name: {
+      type: String
+    },
+    expression_url: {
+      type: String
+    },
+    expression_data: {
+      type: [Object, null],
+      default: null
+    },
+    pose_name: {
+      type: String
+    },
+    pose_url: {
+      type: String
+    },
+    pose_data: {
+      type: [Object, null],
+      default: null
+    },
+    vrm_name: {
+      type: String
+    },
+    vrm_url: {
+      type: String
+    },
+    vrm_data: {
+      type: [Object, null],
+      default: null
+    }
+  },
+  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 p = Object.keys(s).length;
+      s[u] = d;
+      const m = Object.keys(s).length;
+      p == 0 && m && t("loading", n.name);
+    }, h = (u, d, p, m) => {
+      const g = Object.keys(s).length;
+      p && (d == "load_expression" && (o.value = m), d == "load_pose" && (r.value = m), d == "load_vrm" && (a.value = m), i[u] = d), delete s[u];
+      const f = Object.keys(s).length;
+      if (g && f == 0) {
+        const _ = {};
+        for (const b in i) {
+          const T = i[b];
+          T == "load_expression" && (_.expression = o.value), T == "load_pose" && (_.pose = r.value), T == "load_vrm" && (_.vrm = a.value);
+        }
+        t("loaded", n.name, _);
+        const x = Object.keys(i);
+        for (const b of x)
+          delete i[b];
+      }
+    };
+    return (u, d) => (de(), Le(ze, null, [
+      J($t, {
+        command: "load_expression",
+        name: n.expression_name,
+        url: n.expression_url,
+        data: n.expression_data,
+        onLoading: c,
+        onLoaded: h
+      }, null, 8, ["name", "url", "data"]),
+      J(Jt, {
+        command: "load_pose",
+        name: n.pose_name,
+        url: n.pose_url,
+        data: n.expression_data,
+        onLoading: c,
+        onLoaded: h
+      }, null, 8, ["name", "url", "data"]),
+      J(vs, {
+        command: "load_vrm",
+        name: n.vrm_name,
+        url: n.vrm_url,
+        data: n.vrm_data,
+        onLoading: c,
+        onLoaded: h
+      }, null, 8, ["name", "url", "data"])
+    ], 64));
+  }
+}, Gs = {
+  __name: "VroidControl",
+  props: {
+    model_name: {
+      type: String,
+      required: !0
+    },
+    expression_name: {
+      type: String,
+      default: "expression"
+    },
+    expression_url: {
+      type: String,
+      default: ""
+    },
+    expression_data: {
+      type: [Object, null],
+      default: null
+    },
+    pose_name: {
+      type: String,
+      default: "pose"
+    },
+    pose_url: {
+      type: String,
+      default: ""
+    },
+    pose_data: {
+      type: [Object, null],
+      default: null
+    },
+    vrm_name: {
+      type: String,
+      default: "vrm"
+    },
+    vrm_url: {
+      type: String,
+      default: ""
+    },
+    vrm_data: {
+      type: [Object, null],
+      default: null
+    }
+  },
+  emits: ["loading", "loaded"],
+  setup(l, { emit: e }) {
+    const t = e, n = W(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, {
+      name: l.model_name,
+      expression_name: l.expression_name,
+      expression_url: l.expression_url,
+      expression_data: l.expression_data,
+      pose_name: l.pose_name,
+      pose_url: l.pose_url,
+      pose_data: l.pose_data,
+      vrm_name: l.vrm_name,
+      vrm_url: l.vrm_url,
+      vrm_data: l.vrm_data,
+      onLoading: s,
+      onLoaded: i
+    }, null, 8, ["name", "expression_name", "expression_url", "expression_data", "pose_name", "pose_url", "pose_data", "vrm_name", "vrm_url", "vrm_data"]));
+  }
+};
+export {
+  Fe as ResourceLoader,
+  Us as ThreeFrame,
+  vt as VrmModel,
+  Gs as VroidControl,
+  $t as VroidExpression,
+  ks as VroidModel,
+  Jt as VroidPose,
+  vs as VroidVrm
+};