@quick-threejs/reactive 0.1.43 → 0.1.45

package/dist/worker.mjs

@@ -1,9 +1,9 @@
 var Ke = Object.defineProperty;
 var We = (t, e, i) => e in t ? Ke(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
 var a = (t, e, i) => We(t, typeof e != "symbol" ? e + "" : e, i);
-import { w as Xe, _ as ve, y as be, O as qe, z as Ne, B as He, G as Be, H as Ve, s as p, L as d, I as Ge, i as h, P as Qe, j as ce, S as N, l as C, m as q, n as x, E as Pe, D as ge, k as Je, q as ke, J as Ce, M as et, R as tt, A as it, d as st, f as rt, h as Se, C as nt } from "./FontLoader-Dz0z8aMc.mjs";
-import { Ray as ot, Plane as at, MathUtils as ht, Vector3 as b, Controls as ct, MOUSE as $, TOUCH as D, Quaternion as we, Spherical as ye, Vector2 as v, PerspectiveCamera as E, OrthographicCamera as I, Camera as j, Scene as Fe, WebGLRenderer as Oe, PCFSoftShadowMap as lt, SRGBColorSpace as _t, CineonToneMapping as pt, AxesHelper as dt, GridHelper as ut, AnimationClip as mt } from "three";
-var ft = {
+import { v as Xe, _ as ve, w as be, O as qe, x as Ne, y as He, B as Be, G as Ve, s as p, L as d, H as Ge, i as h, P as Qe, j as ce, S as N, l as S, m as q, n as x, U as Pe, D as ge, k as Je, p as ke, I as Se, J as et, E as tt, A as it, d as st, f as rt, h as we, C as ot } from "./FontLoader-ejhD_xZ1.mjs";
+import { Ray as nt, Plane as at, MathUtils as ht, Vector3 as b, Controls as ct, MOUSE as $, TOUCH as D, Quaternion as ye, Spherical as Ce, Vector2 as v, Timer as lt, PerspectiveCamera as E, OrthographicCamera as I, Camera as j, Scene as Fe, WebGLRenderer as Oe, PCFSoftShadowMap as _t, SRGBColorSpace as pt, CineonToneMapping as dt, AxesHelper as ut, GridHelper as mt, AnimationClip as ft } from "three";
+var vt = {
   now: function() {
     return performance.now();
   },
@@ -12,8 +12,8 @@ var ft = {
   schedule: function(t) {
     var e = requestAnimationFrame, i = cancelAnimationFrame, s = B.delegate;
     s && (e = s.requestAnimationFrame, i = s.cancelAnimationFrame);
-    var r = e(function(n) {
-      i = void 0, t(n);
+    var r = e(function(o) {
+      i = void 0, t(o);
     });
     return new Xe(function() {
       return i == null ? void 0 : i(r);
@@ -31,58 +31,58 @@ var ft = {
   },
   delegate: void 0
 };
-function vt(t) {
-  return t ? Ye(t) : bt;
+function bt(t) {
+  return t ? Ye(t) : Pt;
 }
 function Ye(t) {
   return new qe(function(e) {
-    var i = t || ft, s = i.now(), r = 0, n = function() {
-      e.closed || (r = B.requestAnimationFrame(function(o) {
+    var i = t || vt, s = i.now(), r = 0, o = function() {
+      e.closed || (r = B.requestAnimationFrame(function(n) {
         r = 0;
         var c = i.now();
         e.next({
-          timestamp: t ? c : o,
+          timestamp: t ? c : n,
           elapsed: c - s
-        }), n();
+        }), o();
       }));
     };
-    return n(), function() {
+    return o(), function() {
       r && B.cancelAnimationFrame(r);
     };
   });
 }
-var bt = Ye();
-function Pt(t, e) {
+var Pt = Ye();
+function gt(t, e) {
   return e === void 0 && (e = !1), Ne(function(i, s) {
     var r = 0;
-    i.subscribe(He(s, function(n) {
-      var o = t(n, r++);
-      (o || e) && s.next(n), !o && s.complete();
+    i.subscribe(He(s, function(o) {
+      var n = t(o, r++);
+      (n || e) && s.next(o), !n && s.complete();
     }));
   });
 }
-function gt(t, e, i) {
+function St(t, e, i) {
   var s = Ve(t) || e || i ? { next: t, error: e, complete: i } : t;
-  return s ? Ne(function(r, n) {
-    var o;
-    (o = s.subscribe) === null || o === void 0 || o.call(s);
+  return s ? Ne(function(r, o) {
+    var n;
+    (n = s.subscribe) === null || n === void 0 || n.call(s);
     var c = !0;
-    r.subscribe(He(n, function(l) {
+    r.subscribe(He(o, function(l) {
       var u;
-      (u = s.next) === null || u === void 0 || u.call(s, l), n.next(l);
+      (u = s.next) === null || u === void 0 || u.call(s, l), o.next(l);
     }, function() {
       var l;
-      c = !1, (l = s.complete) === null || l === void 0 || l.call(s), n.complete();
+      c = !1, (l = s.complete) === null || l === void 0 || l.call(s), o.complete();
     }, function(l) {
       var u;
-      c = !1, (u = s.error) === null || u === void 0 || u.call(s, l), n.error(l);
+      c = !1, (u = s.error) === null || u === void 0 || u.call(s, l), o.error(l);
     }, function() {
       var l, u;
       c && ((l = s.unsubscribe) === null || l === void 0 || l.call(s)), (u = s.finalize) === null || u === void 0 || u.call(s);
     }));
   }) : Be;
 }
-const De = { type: "change" }, le = { type: "start" }, Ue = { type: "end" }, L = new ot(), Ee = new at(), Ct = Math.cos(70 * ht.DEG2RAD), m = new b(), f = 2 * Math.PI, _ = {
+const De = { type: "change" }, le = { type: "start" }, Ue = { type: "end" }, z = new nt(), Ee = new at(), wt = Math.cos(70 * ht.DEG2RAD), m = new b(), f = 2 * Math.PI, _ = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -97,16 +97,28 @@ class $e extends ct {
    * 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.
+   * @param {?HTMLElement} domElement - The HTML element used for event listeners.
    */
   constructor(e, i = null) {
-    super(e, i), this.state = _.NONE, this.target = new b(), this.cursor = new b(), 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: $.ROTATE, MIDDLE: $.DOLLY, RIGHT: $.PAN }, this.touches = { ONE: D.ROTATE, TWO: D.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new b(), this._lastQuaternion = new we(), this._lastTargetPosition = new b(), this._quat = new we().setFromUnitVectors(e.up, new b(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new ye(), this._sphericalDelta = new ye(), this._scale = 1, this._panOffset = new b(), this._rotateStart = new v(), this._rotateEnd = new v(), this._rotateDelta = new v(), this._panStart = new v(), this._panEnd = new v(), this._panDelta = new v(), this._dollyStart = new v(), this._dollyEnd = new v(), this._dollyDelta = new v(), this._dollyDirection = new b(), this._mouse = new v(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = wt.bind(this), this._onPointerDown = St.bind(this), this._onPointerUp = yt.bind(this), this._onContextMenu = Mt.bind(this), this._onMouseWheel = Et.bind(this), this._onKeyDown = $t.bind(this), this._onTouchStart = Rt.bind(this), this._onTouchMove = Tt.bind(this), this._onMouseDown = Ot.bind(this), this._onMouseMove = Dt.bind(this), this._interceptControlDown = jt.bind(this), this._interceptControlUp = xt.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+    super(e, i), this.state = _.NONE, this.target = new b(), this.cursor = new b(), 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: $.ROTATE, MIDDLE: $.DOLLY, RIGHT: $.PAN }, this.touches = { ONE: D.ROTATE, TWO: D.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._cursorStyle = "auto", this._domElementKeyEvents = null, this._lastPosition = new b(), this._lastQuaternion = new ye(), this._lastTargetPosition = new b(), this._quat = new ye().setFromUnitVectors(e.up, new b(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new Ce(), this._sphericalDelta = new Ce(), this._scale = 1, this._panOffset = new b(), this._rotateStart = new v(), this._rotateEnd = new v(), this._rotateDelta = new v(), this._panStart = new v(), this._panEnd = new v(), this._panDelta = new v(), this._dollyStart = new v(), this._dollyEnd = new v(), this._dollyDelta = new v(), this._dollyDirection = new b(), this._mouse = new v(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = Ct.bind(this), this._onPointerDown = yt.bind(this), this._onPointerUp = Ot.bind(this), this._onContextMenu = jt.bind(this), this._onMouseWheel = $t.bind(this), this._onKeyDown = Rt.bind(this), this._onTouchStart = Tt.bind(this), this._onTouchMove = Mt.bind(this), this._onMouseDown = Dt.bind(this), this._onMouseMove = Et.bind(this), this._interceptControlDown = xt.bind(this), this._interceptControlUp = At.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+  }
+  /**
+   * Defines the visual representation of the cursor.
+   *
+   * @type {('auto'|'grab')}
+   * @default 'auto'
+   */
+  set cursorStyle(e) {
+    this._cursorStyle = e, e === "grab" ? this.domElement.style.cursor = "grab" : this.domElement.style.cursor = "auto";
+  }
+  get cursorStyle() {
+    return this._cursorStyle;
   }
   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";
+    this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.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();
@@ -139,7 +151,7 @@ class $e extends ct {
    * Adds key event listeners to the given DOM element.
    * `window` is a recommended argument for using this method.
    *
-   * @param {HTMLDOMElement} domElement - The DOM element
+   * @param {HTMLElement} domElement - The DOM element
    */
   listenToKeyEvents(e) {
     e.addEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = e;
@@ -163,40 +175,81 @@ class $e extends ct {
   reset() {
     this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(De), this.update(), this.state = _.NONE;
   }
+  /**
+   * Programmatically pan the camera.
+   *
+   * @param {number} deltaX - The horizontal pan amount in pixels.
+   * @param {number} deltaY - The vertical pan amount in pixels.
+   */
+  pan(e, i) {
+    this._pan(e, i), this.update();
+  }
+  /**
+   * Programmatically dolly in (zoom in for perspective camera).
+   *
+   * @param {number} dollyScale - The dolly scale factor.
+   */
+  dollyIn(e) {
+    this._dollyIn(e), this.update();
+  }
+  /**
+   * Programmatically dolly out (zoom out for perspective camera).
+   *
+   * @param {number} dollyScale - The dolly scale factor.
+   */
+  dollyOut(e) {
+    this._dollyOut(e), this.update();
+  }
+  /**
+   * Programmatically rotate the camera left (around the vertical axis).
+   *
+   * @param {number} angle - The rotation angle in radians.
+   */
+  rotateLeft(e) {
+    this._rotateLeft(e), this.update();
+  }
+  /**
+   * Programmatically rotate the camera up (around the horizontal axis).
+   *
+   * @param {number} angle - The rotation angle in radians.
+   */
+  rotateUp(e) {
+    this._rotateUp(e), this.update();
+  }
   update(e = null) {
     const i = this.object.position;
     m.copy(i).sub(this.target), m.applyQuaternion(this._quat), this._spherical.setFromVector3(m), this.autoRotate && this.state === _.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 s = this.minAzimuthAngle, r = this.maxAzimuthAngle;
     isFinite(s) && isFinite(r) && (s < -Math.PI ? s += f : s > Math.PI && (s -= f), r < -Math.PI ? r += f : r > Math.PI && (r -= f), s <= r ? this._spherical.theta = Math.max(s, Math.min(r, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (s + r) / 2 ? Math.max(s, this._spherical.theta) : Math.min(r, 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 n = !1;
+    let o = !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), n = o != this._spherical.radius;
+      const n = this._spherical.radius;
+      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), o = n != this._spherical.radius;
     }
     if (m.setFromSpherical(this._spherical), m.applyQuaternion(this._quatInverse), i.copy(this.target).add(m), 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;
+      let n = null;
       if (this.object.isPerspectiveCamera) {
         const c = m.length();
-        o = this._clampDistance(c * this._scale);
-        const l = c - o;
-        this.object.position.addScaledVector(this._dollyDirection, l), this.object.updateMatrixWorld(), n = !!l;
+        n = this._clampDistance(c * this._scale);
+        const l = c - n;
+        this.object.position.addScaledVector(this._dollyDirection, l), this.object.updateMatrixWorld(), o = !!l;
       } else if (this.object.isOrthographicCamera) {
         const c = new b(this._mouse.x, this._mouse.y, 0);
         c.unproject(this.object);
         const l = this.object.zoom;
-        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), n = l !== this.object.zoom;
+        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), o = l !== this.object.zoom;
         const u = new b(this._mouse.x, this._mouse.y, 0);
-        u.unproject(this.object), this.object.position.sub(u).add(c), this.object.updateMatrixWorld(), o = m.length();
+        u.unproject(this.object), this.object.position.sub(u).add(c), this.object.updateMatrixWorld(), n = m.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) : (L.origin.copy(this.object.position), L.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(L.direction)) < Ct ? this.object.lookAt(this.target) : (Ee.setFromNormalAndCoplanarPoint(this.object.up, this.target), L.intersectPlane(Ee, this.target))));
+      n !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(n).add(this.object.position) : (z.origin.copy(this.object.position), z.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(z.direction)) < wt ? this.object.lookAt(this.target) : (Ee.setFromNormalAndCoplanarPoint(this.object.up, this.target), z.intersectPlane(Ee, 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(), n = !0);
+      const n = this.object.zoom;
+      this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), n !== this.object.zoom && (this.object.updateProjectionMatrix(), o = !0);
     }
-    return this._scale = 1, this._performCursorZoom = !1, n || this._lastPosition.distanceToSquared(this.object.position) > Z || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > Z || this._lastTargetPosition.distanceToSquared(this.target) > Z ? (this.dispatchEvent(De), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
+    return this._scale = 1, this._performCursorZoom = !1, o || this._lastPosition.distanceToSquared(this.object.position) > Z || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > Z || this._lastTargetPosition.distanceToSquared(this.target) > Z ? (this.dispatchEvent(De), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
   }
   _getAutoRotationAngle(e) {
     return e !== null ? f / 60 * this.autoRotateSpeed * e : f / 60 / 60 * this.autoRotateSpeed;
@@ -223,8 +276,8 @@ class $e extends ct {
     if (this.object.isPerspectiveCamera) {
       const r = this.object.position;
       m.copy(r).sub(this.target);
-      let n = m.length();
-      n *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * e * n / s.clientHeight, this.object.matrix), this._panUp(2 * i * n / s.clientHeight, this.object.matrix);
+      let o = m.length();
+      o *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * e * o / s.clientHeight, this.object.matrix), this._panUp(2 * i * o / s.clientHeight, this.object.matrix);
     } else this.object.isOrthographicCamera ? (this._panLeft(e * (this.object.right - this.object.left) / this.object.zoom / s.clientWidth, this.object.matrix), this._panUp(i * (this.object.top - this.object.bottom) / this.object.zoom / s.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
   }
   _dollyOut(e) {
@@ -237,8 +290,8 @@ class $e extends ct {
     if (!this.zoomToCursor)
       return;
     this._performCursorZoom = !0;
-    const s = this.domElement.getBoundingClientRect(), r = e - s.left, n = i - s.top, o = s.width, c = s.height;
-    this._mouse.x = r / o * 2 - 1, this._mouse.y = -(n / c) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
+    const s = this.domElement.getBoundingClientRect(), r = e - s.left, o = i - s.top, n = s.width, c = s.height;
+    this._mouse.x = r / n * 2 - 1, this._mouse.y = -(o / c) * 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));
@@ -304,8 +357,8 @@ class $e extends ct {
     }
   }
   _handleTouchStartDolly(e) {
-    const i = this._getSecondPointerPosition(e), s = e.pageX - i.x, r = e.pageY - i.y, n = Math.sqrt(s * s + r * r);
-    this._dollyStart.set(0, n);
+    const i = this._getSecondPointerPosition(e), s = e.pageX - i.x, r = e.pageY - i.y, o = Math.sqrt(s * s + r * r);
+    this._dollyStart.set(0, o);
   }
   _handleTouchStartDollyPan(e) {
     this.enableZoom && this._handleTouchStartDolly(e), this.enablePan && this._handleTouchStartPan(e);
@@ -317,8 +370,8 @@ class $e extends ct {
     if (this._pointers.length == 1)
       this._rotateEnd.set(e.pageX, e.pageY);
     else {
-      const s = this._getSecondPointerPosition(e), r = 0.5 * (e.pageX + s.x), n = 0.5 * (e.pageY + s.y);
-      this._rotateEnd.set(r, n);
+      const s = this._getSecondPointerPosition(e), r = 0.5 * (e.pageX + s.x), o = 0.5 * (e.pageY + s.y);
+      this._rotateEnd.set(r, o);
     }
     this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
     const i = this.domElement;
@@ -334,10 +387,10 @@ class $e extends ct {
     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 i = this._getSecondPointerPosition(e), s = e.pageX - i.x, r = e.pageY - i.y, n = Math.sqrt(s * s + r * r);
-    this._dollyEnd.set(0, n), 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 + i.x) * 0.5, c = (e.pageY + i.y) * 0.5;
-    this._updateZoomParameters(o, c);
+    const i = this._getSecondPointerPosition(e), s = e.pageX - i.x, r = e.pageY - i.y, o = Math.sqrt(s * s + r * r);
+    this._dollyEnd.set(0, o), 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 n = (e.pageX + i.x) * 0.5, c = (e.pageY + i.y) * 0.5;
+    this._updateZoomParameters(n, c);
   }
   _handleTouchMoveDollyPan(e) {
     this.enableZoom && this._handleTouchMoveDolly(e), this.enablePan && this._handleTouchMovePan(e);
@@ -388,16 +441,16 @@ class $e extends ct {
     return e.ctrlKey && !this._controlActive && (s.deltaY *= 10), s;
   }
 }
-function St(t) {
-  this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(t.pointerId), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(t) && (this._addPointer(t), t.pointerType === "touch" ? this._onTouchStart(t) : this._onMouseDown(t)));
+function yt(t) {
+  this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(t.pointerId), this.domElement.ownerDocument.addEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(t) && (this._addPointer(t), t.pointerType === "touch" ? this._onTouchStart(t) : this._onMouseDown(t), this._cursorStyle === "grab" && (this.domElement.style.cursor = "grabbing")));
 }
-function wt(t) {
+function Ct(t) {
   this.enabled !== !1 && (t.pointerType === "touch" ? this._onTouchMove(t) : this._onMouseMove(t));
 }
-function yt(t) {
+function Ot(t) {
   switch (this._removePointer(t), this._pointers.length) {
     case 0:
-      this.domElement.releasePointerCapture(t.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ue), this.state = _.NONE;
+      this.domElement.releasePointerCapture(t.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ue), this.state = _.NONE, this._cursorStyle === "grab" && (this.domElement.style.cursor = "grab");
       break;
     case 1:
       const e = this._pointers[0], i = this._pointerPositions[e];
@@ -405,7 +458,7 @@ function yt(t) {
       break;
   }
 }
-function Ot(t) {
+function Dt(t) {
   let e;
   switch (t.button) {
     case 0:
@@ -448,7 +501,7 @@ function Ot(t) {
   }
   this.state !== _.NONE && this.dispatchEvent(le);
 }
-function Dt(t) {
+function Et(t) {
   switch (this.state) {
     case _.ROTATE:
       if (this.enableRotate === !1) return;
@@ -464,13 +517,13 @@ function Dt(t) {
       break;
   }
 }
-function Et(t) {
+function $t(t) {
   this.enabled === !1 || this.enableZoom === !1 || this.state !== _.NONE || (t.preventDefault(), this.dispatchEvent(le), this._handleMouseWheel(this._customWheelEvent(t)), this.dispatchEvent(Ue));
 }
-function $t(t) {
+function Rt(t) {
   this.enabled !== !1 && this._handleKeyDown(t);
 }
-function Rt(t) {
+function Tt(t) {
   switch (this._trackPointer(t), this._pointers.length) {
     case 1:
       switch (this.touches.ONE) {
@@ -505,7 +558,7 @@ function Rt(t) {
   }
   this.state !== _.NONE && this.dispatchEvent(le);
 }
-function Tt(t) {
+function Mt(t) {
   switch (this._trackPointer(t), this.state) {
     case _.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
@@ -527,19 +580,19 @@ function Tt(t) {
       this.state = _.NONE;
   }
 }
-function Mt(t) {
+function jt(t) {
   this.enabled !== !1 && t.preventDefault();
 }
-function jt(t) {
+function xt(t) {
   t.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function xt(t) {
+function At(t) {
   t.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-var At = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Lt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? zt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && At(e, i, r), r;
+var Lt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, It = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? zt(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Lt(e, i, r), r;
 };
 let A = class {
   constructor() {
@@ -557,84 +610,89 @@ let A = class {
     }, this._canvas = t;
   }
 };
-A = Lt([
+A = It([
   p(d.ContainerScoped)
 ], A);
-var It = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, Ht = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Nt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && It(e, i, r), r;
-}, Ft = (t, e) => (i, s) => e(i, s, t);
+var Nt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, Ft = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ht(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Nt(e, i, r), r;
+}, Yt = (t, e) => (i, s) => e(i, s, t);
 let H = class extends Qe {
   constructor(t) {
     super(), this._service = t;
     for (const e of ce)
       this[`${e}$$`] = new N(), this[`${e}$`] = this[`${e}$$`].pipe(), this[e] = (i) => {
-        this._service.proxyReceiver.handleEvent({
+        const s = {
           ...i,
           type: i.type || e
-        }), this[`${e}$$`].next(i);
+        };
+        this._service.proxyReceiver.handleEvent(s), this._service.proxyReceiver.ownerDocument.handleEvent(s), this[`${e}$$`].next(i);
       };
   }
 };
-H = Ht([
+H = Ft([
   p(d.ContainerScoped),
-  Ft(0, h(A))
+  Yt(0, h(A))
 ], H);
-var Yt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, Zt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ut(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Yt(e, i, r), r;
+var Ut = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, Kt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Zt(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ut(e, i, r), r;
 };
 let F = class {
   constructor() {
-    a(this, "frame", 1e3 / 60);
+    a(this, "fps", 60);
+    a(this, "frame", 1e3 / this.fps);
+    a(this, "timer", new lt());
     a(this, "initialTime", Date.now());
-    a(this, "currentTime", 0);
-    a(this, "deltaTime", 0);
+    a(this, "elapsed", 0);
+    a(this, "previousDelta", 0);
+    a(this, "delta", 0);
     a(this, "deltaRatio", 0);
-    a(this, "elapsedTime", 0);
     a(this, "enabled", !1);
   }
+  init(t) {
+    this.timer.connect(t);
+  }
   step() {
-    const t = Date.now();
-    this.deltaTime = t - this.currentTime, this.currentTime = t, this.elapsedTime = t - this.initialTime, this.deltaRatio = this.deltaTime / this.frame;
+    this.timer.update(), this.elapsed = this.timer.getElapsed(), this.delta = this.elapsed - this.previousDelta, this.previousDelta = this.elapsed, this.deltaRatio = this.delta / this.frame;
   }
 };
-F = Zt([
+F = Kt([
   p(d.ContainerScoped)
 ], F);
-var Kt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, Xt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Wt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Kt(e, i, r), r;
-}, qt = (t, e) => (i, s) => e(i, s, t);
+var Wt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, qt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Xt(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Wt(e, i, r), r;
+}, Bt = (t, e) => (i, s) => e(i, s, t);
 let R = class {
   constructor(t) {
     a(this, "_beforeStep$$", new N());
     a(this, "_oldElapsed", 0);
     a(this, "beforeStep$", this._beforeStep$$.asObservable());
-    a(this, "step$", vt().pipe(
-      gt(({ elapsed: t }) => {
+    a(this, "step$", bt().pipe(
+      St(({ elapsed: t }) => {
         var e;
         this._oldElapsed !== t && ((e = this._beforeStep$$) == null || e.next(Pe(this._service, [])), this._oldElapsed = t);
       }),
-      C(() => this._service.enabled),
-      Pt(() => this._service.enabled),
+      S(() => this._service.enabled),
+      gt(() => this._service.enabled),
       q(() => Pe(this._service, [])),
       x()
     ));
     this._service = t;
   }
 };
-R = Xt([
+R = qt([
   p(d.ContainerScoped),
-  qt(0, h(F))
+  Bt(0, h(F))
 ], R);
-var Bt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, Gt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Vt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Bt(e, i, r), r;
+var Vt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, Qt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Gt(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Vt(e, i, r), r;
 }, Re = (t, e) => (i, s) => e(i, s, t);
 let V = class {
   constructor(t, e) {
@@ -651,7 +709,7 @@ let V = class {
     return this._service.frame;
   }
   deltaTime(t) {
-    return typeof t == "number" && (this._service.deltaTime = t), this._service.deltaTime;
+    return typeof t == "number" && (this._service.delta = t), this._service.delta;
   }
   deltaRatio(t) {
     return typeof t == "number" && (this._service.deltaRatio = t), this._service.deltaRatio;
@@ -669,17 +727,17 @@ let V = class {
     return this._controller.step$;
   }
 };
-V = Gt([
+V = Qt([
   p(d.ContainerScoped),
   Re(0, h(R)),
   Re(1, h(F))
 ], V);
-var Qt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, kt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Jt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Qt(e, i, r), r;
+var Jt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, ei = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? kt(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Jt(e, i, r), r;
 };
-let S = class {
+let w = class {
   constructor() {
     a(this, "width", 0);
     a(this, "height", 0);
@@ -692,15 +750,15 @@ let S = class {
     this.height = Number(t.height ?? this.height), this.width = Number(t.width ?? this.width), this.aspect = this.width / this.height, this.enabled = e === void 0 ? !0 : !!e;
   }
 };
-S = kt([
+w = ei([
   p(d.ContainerScoped)
-], S);
-var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ii = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? ti(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && ei(e, i, r), r;
-}, si = (t, e) => (i, s) => e(i, s, t);
-let w = class {
+], w);
+var ti = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, si = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ii(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && ti(e, i, r), r;
+}, ri = (t, e) => (i, s) => e(i, s, t);
+let y = class {
   constructor(t) {
     a(this, "instance");
     a(this, "enabled", !0);
@@ -745,32 +803,32 @@ let w = class {
     this.instance instanceof j && ((this.instance instanceof E || this.instance instanceof I) && this.instance.clearViewOffset(), this.instance.clear(), this.instance = void 0);
   }
 };
-w = ii([
+y = si([
   p(d.ContainerScoped),
-  si(0, h(S))
-], w);
-var ri = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, oi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? ni(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && ri(e, i, r), r;
+  ri(0, h(w))
+], y);
+var oi = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ai = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ni(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && oi(e, i, r), r;
 }, Te = (t, e) => (i, s) => e(i, s, t);
 let G = class {
   constructor(t, e) {
     a(this, "step$");
     this.timerController = t, this._service = e, this.step$ = this.timerController.step$.pipe(
-      C(() => this._service.enabled)
+      S(() => this._service.enabled)
     );
   }
 };
-G = oi([
+G = ai([
   p(d.ContainerScoped),
   Te(0, h(R)),
-  Te(1, h(w))
+  Te(1, h(y))
 ], G);
-var ai = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, ci = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? hi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && ai(e, i, r), r;
+var hi = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, li = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ci(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && hi(e, i, r), r;
 }, K = (t, e) => (i, s) => e(i, s, t);
 let Q = class {
   constructor(t, e, i) {
@@ -804,16 +862,16 @@ let Q = class {
     this._subscriptions.forEach((t) => t.unsubscribe()), this._service.dispose();
   }
 };
-Q = ci([
+Q = li([
   p(d.ContainerScoped),
-  K(0, h(S)),
+  K(0, h(w)),
   K(1, h(G)),
-  K(2, h(w))
+  K(2, h(y))
 ], Q);
-var li = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, pi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? _i(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && li(e, i, r), r;
+var _i = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, di = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? pi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && _i(e, i, r), r;
 };
 let T = class {
   constructor() {
@@ -821,15 +879,15 @@ let T = class {
     a(this, "enabled", !0);
   }
 };
-T = pi([
+T = di([
   p(d.ContainerScoped)
 ], T);
-var Ze = Object.defineProperty, di = Object.getOwnPropertyDescriptor, ui = (t, e, i) => e in t ? Ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, mi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? di(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
+var Ze = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, mi = (t, e, i) => e in t ? Ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, fi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ui(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
   return s && r && Ze(e, i, r), r;
-}, W = (t, e) => (i, s) => e(i, s, t), fi = (t, e, i) => ui(t, e + "", i);
-let y = class {
+}, W = (t, e) => (i, s) => e(i, s, t), vi = (t, e, i) => mi(t, e + "", i);
+let C = class {
   constructor(t, e, i) {
     a(this, "enabled", !0);
     a(this, "instance");
@@ -845,7 +903,7 @@ let y = class {
       powerPreference: "high-performance",
       depth: !0,
       antialias: !0
-    }), this.instance.autoClear = !1, this.instance.setPixelRatio(y.RENDERER_PIXEL_RATIO), this.instance.setClearColor(0, 0), this.instance.shadowMap.enabled = !0, this.instance.shadowMap.type = lt, this.instance.outputColorSpace = _t, this.instance.toneMapping = pt, this.instance.toneMappingExposure = 1.75;
+    }), this.instance.autoClear = !1, this.instance.setPixelRatio(C.RENDERER_PIXEL_RATIO), this.instance.setClearColor(0, 0), this.instance.shadowMap.enabled = !0, this.instance.shadowMap.type = _t, this.instance.outputColorSpace = pt, this.instance.toneMapping = dt, this.instance.toneMappingExposure = 1.75;
   }
   setSize(t, e) {
     var i;
@@ -863,57 +921,57 @@ let y = class {
     ));
   }
 };
-fi(y, "RENDERER_PIXEL_RATIO", 1);
-y = mi([
+vi(C, "RENDERER_PIXEL_RATIO", 1);
+C = fi([
   p(d.ContainerScoped),
   W(0, h(T)),
-  W(1, h(w)),
-  W(2, h(S))
-], y);
-var vi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Pi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? bi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && vi(e, i, r), r;
+  W(1, h(y)),
+  W(2, h(w))
+], C);
+var bi = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, gi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Pi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && bi(e, i, r), r;
 }, Me = (t, e) => (i, s) => e(i, s, t);
 let Y = class {
   constructor(t, e) {
     a(this, "resize$");
     this._appController = t, this._service = e, this.resize$ = this._appController.resize$$.pipe(
-      C(() => this._service.enabled)
+      S(() => this._service.enabled)
     );
   }
 };
-Y = Pi([
+Y = gi([
   p(d.ContainerScoped),
   Me(0, h(H)),
-  Me(1, h(S))
+  Me(1, h(w))
 ], Y);
-var gi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Si = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ci(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && gi(e, i, r), r;
+var Si = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, yi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? wi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Si(e, i, r), r;
 }, X = (t, e) => (i, s) => e(i, s, t);
 let J = class {
   constructor(t, e, i) {
     a(this, "step$");
     a(this, "resize$");
     this._service = t, this._timerController = e, this._sizesController = i, this.step$ = this._timerController.step$.pipe(
-      C(() => this._service.enabled)
+      S(() => this._service.enabled)
     ), this.resize$ = this._sizesController.resize$.pipe(
-      C(() => this._service.enabled)
+      S(() => this._service.enabled)
     );
   }
 };
-J = Si([
+J = yi([
   p(d.ContainerScoped),
-  X(0, h(y)),
+  X(0, h(C)),
   X(1, h(R)),
   X(2, h(Y))
 ], J);
-var wi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, Oi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? yi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && wi(e, i, r), r;
+var Ci = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Di = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Oi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ci(e, i, r), r;
 }, je = (t, e) => (i, s) => e(i, s, t);
 let k = class {
   constructor(t, e) {
@@ -941,15 +999,15 @@ let k = class {
     (t = this._service.instance) == null || t.dispose(), this._service.instance = void 0;
   }
 };
-k = Oi([
+k = Di([
   p(d.ContainerScoped),
   je(0, h(J)),
-  je(1, h(y))
+  je(1, h(C))
 ], k);
-var Di = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, $i = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ei(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Di(e, i, r), r;
+var Ei = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Ri = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? $i(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ei(e, i, r), r;
 }, xe = (t, e) => (i, s) => e(i, s, t);
 let ee = class {
   constructor(t, e) {
@@ -984,16 +1042,16 @@ let ee = class {
     return this._controller.resize$;
   }
 };
-ee = $i([
+ee = Ri([
   p(d.ContainerScoped),
   xe(0, h(Y)),
-  xe(1, h(S))
+  xe(1, h(w))
 ], ee);
-var Ri = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Mi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ti(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Ri(e, i, r), r;
-}, ji = (t, e) => (i, s) => e(i, s, t);
+var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Mi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ti(e, i, r), r;
+}, xi = (t, e) => (i, s) => e(i, s, t);
 let te = class {
   constructor(t) {
     a(this, "_beforeRender$$", new N());
@@ -1003,14 +1061,14 @@ let te = class {
     this._worldService = t, this._worldService.scene.onBeforeRender = () => this._beforeRender$$.next({}), this._worldService.scene.onAfterRender = () => this._afterRender$$.next({});
   }
 };
-te = Mi([
+te = ji([
   p(d.ContainerScoped),
-  ji(0, h(T))
+  xi(0, h(T))
 ], te);
-var xi = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, zi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ai(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && xi(e, i, r), r;
+var Ai = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, zi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Li(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ai(e, i, r), r;
 }, Ae = (t, e) => (i, s) => e(i, s, t);
 let ie = class {
   constructor(t, e) {
@@ -1038,10 +1096,10 @@ ie = zi([
   Ae(0, h(T)),
   Ae(1, h(te))
 ], ie);
-var Li = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Ni = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ii(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Li(e, i, r), r;
+var Ii = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, Hi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ni(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Ii(e, i, r), r;
 }, M = (t, e) => (i, s) => e(i, s, t);
 let se = class {
   constructor(t, e, i, s, r) {
@@ -1092,10 +1150,10 @@ let se = class {
     ), this.miniCameraControls.rotateSpeed = 0.15, this.miniCameraControls.enableDamping = !0);
   }
   initAxesHelper(t) {
-    this.enabled && (this.axesHelper = new dt(t), this._worldService.scene.add(this.axesHelper));
+    this.enabled && (this.axesHelper = new ut(t), this._worldService.scene.add(this.axesHelper));
   }
   initGridHelper(t) {
-    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new ut(t, t), this._worldService.scene.add(this.gridHelper));
+    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new mt(t, t), this._worldService.scene.add(this.gridHelper));
   }
   disposeMiniCamera() {
     this.miniCamera instanceof j && (this.miniCamera.clearViewOffset(), this.miniCamera.clear(), this.miniCamera = void 0);
@@ -1109,38 +1167,38 @@ let se = class {
     this.disposeMiniCamera(), (t = this.cameraControls) == null || t.dispose(), this.cameraControls = void 0, (e = this.miniCameraControls) == null || e.dispose(), this.miniCameraControls = void 0, this.axesHelper && this._worldService.scene.remove(this.axesHelper), (i = this.axesHelper) == null || i.dispose(), this.axesHelper = void 0, this.gridHelper && this._worldService.scene.remove(this.gridHelper), (s = this.gridHelper) == null || s.dispose(), this.gridHelper = void 0;
   }
 };
-se = Ni([
+se = Hi([
   p(d.ContainerScoped),
   M(0, h(A)),
-  M(1, h(S)),
-  M(2, h(y)),
-  M(3, h(w)),
+  M(1, h(w)),
+  M(2, h(C)),
+  M(3, h(y)),
   M(4, h(T))
 ], se);
-var Hi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, Yi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Fi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Hi(e, i, r), r;
-}, ze = (t, e) => (i, s) => e(i, s, t);
+var Fi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Ui = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Yi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Fi(e, i, r), r;
+}, Le = (t, e) => (i, s) => e(i, s, t);
 let re = class {
   constructor(t, e) {
     a(this, "step$");
     this.timerController = t, this._service = e, this.step$ = this.timerController.step$.pipe(
-      C(() => this._service.enabled)
+      S(() => this._service.enabled)
     );
   }
 };
-re = Yi([
+re = Ui([
   p(d.ContainerScoped),
-  ze(0, h(R)),
-  ze(1, h(w))
+  Le(0, h(R)),
+  Le(1, h(y))
 ], re);
-var Ui = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, Ki = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Zi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Ui(e, i, r), r;
-}, Le = (t, e) => (i, s) => e(i, s, t);
-let ne = class {
+var Zi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, Wi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ki(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Zi(e, i, r), r;
+}, ze = (t, e) => (i, s) => e(i, s, t);
+let oe = class {
   constructor(t, e) {
     a(this, "_subscriptions", []);
     this._service = t, this._controller = e;
@@ -1177,15 +1235,15 @@ let ne = class {
     this._service.dispose(), this._subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-ne = Ki([
+oe = Wi([
   p(d.ContainerScoped),
-  Le(0, h(se)),
-  Le(1, h(re))
-], ne);
-var Wi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, qi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Xi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Wi(e, i, r), r;
+  ze(0, h(se)),
+  ze(1, h(re))
+], oe);
+var Xi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Bi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? qi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Xi(e, i, r), r;
 };
 let U = class {
   constructor() {
@@ -1198,40 +1256,40 @@ let U = class {
     i && (this.loadedResources[e.name] = i, this.toLoadCount = s, this.loadedCount = r);
   }
 };
-U = qi([
+U = Bi([
   p(d.ResolutionScoped)
 ], U);
-var Bi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, Gi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Vi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Bi(e, i, r), r;
-}, Qi = (t, e) => (i, s) => e(i, s, t);
-let oe = class {
+var Vi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, Qi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Gi(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && Vi(e, i, r), r;
+}, Ji = (t, e) => (i, s) => e(i, s, t);
+let ne = class {
   constructor(t) {
     a(this, "load$", Je(self, "message").pipe(
-      C(
+      S(
         (t) => {
           var e, i, s;
           return ((e = t.data) == null ? void 0 : e.token) === ke && !!((s = (i = t.data) == null ? void 0 : i.payload) != null && s.resource);
         }
       ),
       q((t) => {
-        var i, s, r, n, o;
+        var i, s, r, o, n;
         const { payload: e } = t.data || {};
         if (((i = e == null ? void 0 : e.source) == null ? void 0 : i.type) === "gltf") {
           const c = e.resource, l = (s = c.animations) == null ? void 0 : s.map(
-            (g) => mt.parse(g)
+            (g) => ft.parse(g)
           ), u = (r = c.cameras) == null ? void 0 : r.map(
-            (g) => Ce(g)
-          ), O = (n = c.scenes) == null ? void 0 : n.map(
-            (g) => Ce(g)
-          ), z = O == null ? void 0 : O[0];
+            (g) => Se(g)
+          ), O = (o = c.scenes) == null ? void 0 : o.map(
+            (g) => Se(g)
+          ), L = O == null ? void 0 : O[0];
           return {
             ...e,
-            resource: { ...c, animations: l, cameras: u, scene: z, scenes: O }
+            resource: { ...c, animations: l, cameras: u, scene: L, scenes: O }
           };
         }
-        return ((o = e == null ? void 0 : e.source) == null ? void 0 : o.type) === "font" ? {
+        return ((n = e == null ? void 0 : e.source) == null ? void 0 : n.type) === "font" ? {
           ...e,
           resource: new et(e.resource.data)
         } : e;
@@ -1239,7 +1297,7 @@ let oe = class {
       x()
     ));
     a(this, "loadCompleted$", this.load$.pipe(
-      C(
+      S(
         (t) => !!t && t.toLoadCount === t.loadedCount
       ),
       q(
@@ -1254,14 +1312,14 @@ let oe = class {
     this._service = t;
   }
 };
-oe = Gi([
+ne = Qi([
   p(d.ContainerScoped),
-  Qi(0, h(U))
-], oe);
-var Ji = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, es = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? ki(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && Ji(e, i, r), r;
+  Ji(0, h(U))
+], ne);
+var ki = Object.defineProperty, es = Object.getOwnPropertyDescriptor, ts = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? es(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && ki(e, i, r), r;
 }, Ie = (t, e) => (i, s) => e(i, s, t);
 let ae = class {
   constructor(t, e) {
@@ -1294,19 +1352,19 @@ let ae = class {
     this._subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-ae = es([
+ae = ts([
   p(d.ContainerScoped),
-  Ie(0, h(oe)),
+  Ie(0, h(ne)),
   Ie(1, h(U))
 ], ae);
-var ts = Object.defineProperty, is = Object.getOwnPropertyDescriptor, ss = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? is(e, i) : e, n = t.length - 1, o; n >= 0; n--)
-    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
-  return s && r && ts(e, i, r), r;
+var is = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, rs = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ss(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (r = (s ? n(e, i, r) : n(r)) || r);
+  return s && r && is(e, i, r), r;
 }, P = (t, e) => (i, s) => e(i, s, t);
 let he = class extends it {
-  constructor(t, e, i, s, r, n, o, c, l) {
-    super(), this._controller = t, this._service = e, this.timer = i, this.sizes = s, this.camera = r, this.world = n, this.renderer = o, this.loader = c, this.debug = l, this._initProxyEvents();
+  constructor(t, e, i, s, r, o, n, c, l) {
+    super(), this._controller = t, this._service = e, this.timer = i, this.sizes = s, this.camera = r, this.world = o, this.renderer = n, this.loader = c, this.debug = l, this._initProxyEvents();
   }
   _initProxyEvents() {
     ce.forEach((t) => {
@@ -1347,7 +1405,7 @@ let he = class extends it {
     this.sizes.dispose(), this.camera.dispose(), this.world.dispose(), this.renderer.dispose(), this.timer.dispose(), this.loader.dispose(), this.debug.dispose();
   }
 };
-he = ss([
+he = rs([
   p(d.ContainerScoped),
   P(0, h(H)),
   P(1, h(A)),
@@ -1357,16 +1415,16 @@ he = ss([
   P(5, h(ie)),
   P(6, h(k)),
   P(7, h(ae)),
-  P(8, h(ne))
+  P(8, h(oe))
 ], he);
-var rs = st();
-const _e = /* @__PURE__ */ rt(rs), ns = _e.expose;
+var os = st();
+const _e = /* @__PURE__ */ rt(os), ns = _e.expose;
 _e.registerSerializer;
 _e.Transfer;
-const cs = (t) => {
-  const e = Se.createChildContainer(), i = e.resolve(he), s = { container: e, module: i }, r = {}, n = (c) => {
-    var z, g, pe, de, ue, me, fe;
-    if (!((z = c.data) != null && z.canvas) && !((g = c.data) != null && g.mainThread) || i.getIsInitialized())
+const ls = (t) => {
+  const e = we.createChildContainer(), i = e.resolve(he), s = { container: e, module: i }, r = {}, o = (c) => {
+    var L, g, pe, de, ue, me, fe;
+    if (!((L = c.data) != null && L.canvas) && !((g = c.data) != null && g.mainThread) || i.getIsInitialized())
       return;
     const l = !!((pe = c.data) != null && pe.startTimer), u = !!((de = c.data) != null && de.withMiniCamera), O = !!((ue = c.data) != null && ue.fullScreen);
     i.init({
@@ -1377,13 +1435,13 @@ const cs = (t) => {
       startTimer: l,
       withMiniCamera: u,
       fullScreen: O
-    }), (fe = t == null ? void 0 : t.onReady) == null || fe.call(t, s), self == null || self.removeEventListener("message", n);
+    }), (fe = t == null ? void 0 : t.onReady) == null || fe.call(t, s), self == null || self.removeEventListener("message", o);
   };
-  e.register(nt, { useValue: e }), ce.forEach((c) => {
+  e.register(ot, { useValue: e }), ce.forEach((c) => {
     var l, u;
     r[c] = (u = (l = i[c]) == null ? void 0 : l.bind) == null ? void 0 : u.call(l, i);
-  }), self == null || self.addEventListener("message", n);
-  const o = {
+  }), self == null || self.addEventListener("message", o);
+  const n = {
     ...r,
     getProxyReceiver: i.getProxyReceiver.bind(i),
     getIsInitialized: i.getIsInitialized.bind(i),
@@ -1393,9 +1451,9 @@ const cs = (t) => {
     getAfterRender$: i.getAfterRender$.bind(i),
     dispose: i.dispose.bind(i)
   };
-  Se.register("MAIN_THREAD_APP", { useValue: o });
+  we.register("MAIN_THREAD_APP", { useValue: n });
   try {
-    ns(o);
+    ns(n);
   } catch (c) {
     console.warn("Failed to expose the app module.", c.message);
   }
@@ -1403,5 +1461,5 @@ const cs = (t) => {
 };
 export {
   he as AppModule,
-  cs as launchApp
+  ls as launchApp
 };