@quick-threejs/reactive 0.1.41 → 0.1.43

package/dist/worker.mjs

@@ -1,9 +1,9 @@
-var Ye = Object.defineProperty;
-var Fe = (t, e, i) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var a = (t, e, i) => Fe(t, typeof e != "symbol" ? e + "" : e, i);
-import { w as Ue, _ as ue, y as me, O as Ze, z as Ae, B as ze, G as Ke, H as We, s as p, L as d, I as Xe, i as h, P as qe, h as ce, S as N, k as C, m as q, l as x, E as fe, D as ve, j as Be, p as Ge, J as be, M as Ve, R as Qe, A as Je, d as ke, f as et, q as tt, C as it } from "./FontLoader-Cp39O036.mjs";
-import { Ray as st, Plane as rt, MathUtils as nt, Vector3 as b, Controls as ot, MOUSE as $, TOUCH as D, Quaternion as Pe, Spherical as ge, Vector2 as v, PerspectiveCamera as E, OrthographicCamera as I, Camera as j, Scene as Le, WebGLRenderer as Ce, PCFSoftShadowMap as at, SRGBColorSpace as ht, CineonToneMapping as ct, AxesHelper as lt, GridHelper as _t, AnimationClip as pt } from "three";
-var dt = {
+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 = {
   now: function() {
     return performance.now();
   },
@@ -15,28 +15,28 @@ var dt = {
     var r = e(function(n) {
       i = void 0, t(n);
     });
-    return new Ue(function() {
+    return new Xe(function() {
       return i == null ? void 0 : i(r);
     });
   },
   requestAnimationFrame: function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return requestAnimationFrame.apply(void 0, ue([], me(t)));
+    return requestAnimationFrame.apply(void 0, ve([], be(t)));
   },
   cancelAnimationFrame: function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return cancelAnimationFrame.apply(void 0, ue([], me(t)));
+    return cancelAnimationFrame.apply(void 0, ve([], be(t)));
   },
   delegate: void 0
 };
-function ut(t) {
-  return t ? Ie(t) : mt;
+function vt(t) {
+  return t ? Ye(t) : bt;
 }
-function Ie(t) {
-  return new Ze(function(e) {
-    var i = t || dt, s = i.now(), r = 0, n = function() {
+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) {
         r = 0;
         var c = i.now();
@@ -51,38 +51,38 @@ function Ie(t) {
     };
   });
 }
-var mt = Ie();
-function ft(t, e) {
-  return e === void 0 && (e = !1), Ae(function(i, s) {
+var bt = Ye();
+function Pt(t, e) {
+  return e === void 0 && (e = !1), Ne(function(i, s) {
     var r = 0;
-    i.subscribe(ze(s, function(n) {
+    i.subscribe(He(s, function(n) {
       var o = t(n, r++);
       (o || e) && s.next(n), !o && s.complete();
     }));
   });
 }
-function vt(t, e, i) {
-  var s = We(t) || e || i ? { next: t, error: e, complete: i } : t;
-  return s ? Ae(function(r, n) {
+function gt(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);
     var c = !0;
-    r.subscribe(ze(n, function(_) {
-      var m;
-      (m = s.next) === null || m === void 0 || m.call(s, _), n.next(_);
+    r.subscribe(He(n, function(l) {
+      var u;
+      (u = s.next) === null || u === void 0 || u.call(s, l), n.next(l);
     }, function() {
-      var _;
-      c = !1, (_ = s.complete) === null || _ === void 0 || _.call(s), n.complete();
-    }, function(_) {
-      var m;
-      c = !1, (m = s.error) === null || m === void 0 || m.call(s, _), n.error(_);
+      var l;
+      c = !1, (l = s.complete) === null || l === void 0 || l.call(s), n.complete();
+    }, function(l) {
+      var u;
+      c = !1, (u = s.error) === null || u === void 0 || u.call(s, l), n.error(l);
     }, function() {
-      var _, m;
-      c && ((_ = s.unsubscribe) === null || _ === void 0 || _.call(s)), (m = s.finalize) === null || m === void 0 || m.call(s);
+      var l, u;
+      c && ((l = s.unsubscribe) === null || l === void 0 || l.call(s)), (u = s.finalize) === null || u === void 0 || u.call(s);
     }));
-  }) : Ke;
+  }) : Be;
 }
-const Se = { type: "change" }, le = { type: "start" }, Ne = { type: "end" }, L = new st(), we = new rt(), bt = Math.cos(70 * nt.DEG2RAD), u = new b(), f = 2 * Math.PI, l = {
+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, _ = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -92,12 +92,18 @@ const Se = { type: "change" }, le = { type: "start" }, Ne = { type: "end" }, L =
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
 }, Z = 1e-6;
-class ye extends ot {
+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.
+   */
   constructor(e, i = null) {
-    super(e, i), this.state = l.NONE, this.enabled = !0, 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 Pe(), this._lastTargetPosition = new b(), this._quat = new Pe().setFromUnitVectors(e.up, new b(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new ge(), this._sphericalDelta = new ge(), 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 = gt.bind(this), this._onPointerDown = Pt.bind(this), this._onPointerUp = Ct.bind(this), this._onContextMenu = $t.bind(this), this._onMouseWheel = yt.bind(this), this._onKeyDown = Ot.bind(this), this._onTouchStart = Dt.bind(this), this._onTouchMove = Et.bind(this), this._onMouseDown = St.bind(this), this._onMouseMove = wt.bind(this), this._interceptControlDown = Rt.bind(this), this._interceptControlUp = Tt.bind(this), this.domElement !== null && this.connect(), 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._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();
   }
-  connect() {
-    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";
+  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";
@@ -105,30 +111,61 @@ class ye extends ot {
   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(Se), this.update(), this.state = l.NONE;
+    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(De), this.update(), this.state = _.NONE;
   }
   update(e = null) {
     const i = this.object.position;
-    u.copy(i).sub(this.target), u.applyQuaternion(this._quat), this._spherical.setFromVector3(u), this.autoRotate && this.state === l.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);
+    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;
@@ -138,28 +175,28 @@ class ye extends ot {
       const o = this._spherical.radius;
       this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), n = o != this._spherical.radius;
     }
-    if (u.setFromSpherical(this._spherical), u.applyQuaternion(this._quatInverse), i.copy(this.target).add(u), 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) {
+    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;
       if (this.object.isPerspectiveCamera) {
-        const c = u.length();
+        const c = m.length();
         o = this._clampDistance(c * this._scale);
-        const _ = c - o;
-        this.object.position.addScaledVector(this._dollyDirection, _), this.object.updateMatrixWorld(), n = !!_;
+        const l = c - o;
+        this.object.position.addScaledVector(this._dollyDirection, l), this.object.updateMatrixWorld(), n = !!l;
       } else if (this.object.isOrthographicCamera) {
         const c = new b(this._mouse.x, this._mouse.y, 0);
         c.unproject(this.object);
-        const _ = this.object.zoom;
-        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), n = _ !== this.object.zoom;
-        const m = new b(this._mouse.x, this._mouse.y, 0);
-        m.unproject(this.object), this.object.position.sub(m).add(c), this.object.updateMatrixWorld(), o = u.length();
+        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;
+        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();
       } 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)) < bt ? this.object.lookAt(this.target) : (we.setFromNormalAndCoplanarPoint(this.object.up, this.target), L.intersectPlane(we, this.target))));
+      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))));
     } 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);
     }
-    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(Se), 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, 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;
   }
   _getAutoRotationAngle(e) {
     return e !== null ? f / 60 * this.autoRotateSpeed * e : f / 60 / 60 * this.autoRotateSpeed;
@@ -175,18 +212,18 @@ class ye extends ot {
     this._sphericalDelta.phi -= e;
   }
   _panLeft(e, i) {
-    u.setFromMatrixColumn(i, 0), u.multiplyScalar(-e), this._panOffset.add(u);
+    m.setFromMatrixColumn(i, 0), m.multiplyScalar(-e), this._panOffset.add(m);
   }
   _panUp(e, i) {
-    this.screenSpacePanning === !0 ? u.setFromMatrixColumn(i, 1) : (u.setFromMatrixColumn(i, 0), u.crossVectors(this.object.up, u)), u.multiplyScalar(e), this._panOffset.add(u);
+    this.screenSpacePanning === !0 ? m.setFromMatrixColumn(i, 1) : (m.setFromMatrixColumn(i, 0), m.crossVectors(this.object.up, m)), m.multiplyScalar(e), this._panOffset.add(m);
   }
   // deltaX and deltaY are in pixels; right and down are positive
   _pan(e, i) {
     const s = this.domElement;
     if (this.object.isPerspectiveCamera) {
       const r = this.object.position;
-      u.copy(r).sub(this.target);
-      let n = u.length();
+      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);
     } 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);
   }
@@ -351,16 +388,16 @@ class ye extends ot {
     return e.ctrlKey && !this._controlActive && (s.deltaY *= 10), s;
   }
 }
-function Pt(t) {
+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 gt(t) {
+function wt(t) {
   this.enabled !== !1 && (t.pointerType === "touch" ? this._onTouchMove(t) : this._onMouseMove(t));
 }
-function Ct(t) {
+function yt(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(Ne), this.state = l.NONE;
+      this.domElement.releasePointerCapture(t.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ue), this.state = _.NONE;
       break;
     case 1:
       const e = this._pointers[0], i = this._pointerPositions[e];
@@ -368,7 +405,7 @@ function Ct(t) {
       break;
   }
 }
-function St(t) {
+function Ot(t) {
   let e;
   switch (t.button) {
     case 0:
@@ -386,128 +423,128 @@ function St(t) {
   switch (e) {
     case $.DOLLY:
       if (this.enableZoom === !1) return;
-      this._handleMouseDownDolly(t), this.state = l.DOLLY;
+      this._handleMouseDownDolly(t), this.state = _.DOLLY;
       break;
     case $.ROTATE:
       if (t.ctrlKey || t.metaKey || t.shiftKey) {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(t), this.state = l.PAN;
+        this._handleMouseDownPan(t), this.state = _.PAN;
       } else {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(t), this.state = l.ROTATE;
+        this._handleMouseDownRotate(t), this.state = _.ROTATE;
       }
       break;
     case $.PAN:
       if (t.ctrlKey || t.metaKey || t.shiftKey) {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(t), this.state = l.ROTATE;
+        this._handleMouseDownRotate(t), this.state = _.ROTATE;
       } else {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(t), this.state = l.PAN;
+        this._handleMouseDownPan(t), this.state = _.PAN;
       }
       break;
     default:
-      this.state = l.NONE;
+      this.state = _.NONE;
   }
-  this.state !== l.NONE && this.dispatchEvent(le);
+  this.state !== _.NONE && this.dispatchEvent(le);
 }
-function wt(t) {
+function Dt(t) {
   switch (this.state) {
-    case l.ROTATE:
+    case _.ROTATE:
       if (this.enableRotate === !1) return;
       this._handleMouseMoveRotate(t);
       break;
-    case l.DOLLY:
+    case _.DOLLY:
       if (this.enableZoom === !1) return;
       this._handleMouseMoveDolly(t);
       break;
-    case l.PAN:
+    case _.PAN:
       if (this.enablePan === !1) return;
       this._handleMouseMovePan(t);
       break;
   }
 }
-function yt(t) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== l.NONE || (t.preventDefault(), this.dispatchEvent(le), this._handleMouseWheel(this._customWheelEvent(t)), this.dispatchEvent(Ne));
+function Et(t) {
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== _.NONE || (t.preventDefault(), this.dispatchEvent(le), this._handleMouseWheel(this._customWheelEvent(t)), this.dispatchEvent(Ue));
 }
-function Ot(t) {
+function $t(t) {
   this.enabled !== !1 && this._handleKeyDown(t);
 }
-function Dt(t) {
+function Rt(t) {
   switch (this._trackPointer(t), this._pointers.length) {
     case 1:
       switch (this.touches.ONE) {
         case D.ROTATE:
           if (this.enableRotate === !1) return;
-          this._handleTouchStartRotate(t), this.state = l.TOUCH_ROTATE;
+          this._handleTouchStartRotate(t), this.state = _.TOUCH_ROTATE;
           break;
         case D.PAN:
           if (this.enablePan === !1) return;
-          this._handleTouchStartPan(t), this.state = l.TOUCH_PAN;
+          this._handleTouchStartPan(t), this.state = _.TOUCH_PAN;
           break;
         default:
-          this.state = l.NONE;
+          this.state = _.NONE;
       }
       break;
     case 2:
       switch (this.touches.TWO) {
         case D.DOLLY_PAN:
           if (this.enableZoom === !1 && this.enablePan === !1) return;
-          this._handleTouchStartDollyPan(t), this.state = l.TOUCH_DOLLY_PAN;
+          this._handleTouchStartDollyPan(t), this.state = _.TOUCH_DOLLY_PAN;
           break;
         case D.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
-          this._handleTouchStartDollyRotate(t), this.state = l.TOUCH_DOLLY_ROTATE;
+          this._handleTouchStartDollyRotate(t), this.state = _.TOUCH_DOLLY_ROTATE;
           break;
         default:
-          this.state = l.NONE;
+          this.state = _.NONE;
       }
       break;
     default:
-      this.state = l.NONE;
+      this.state = _.NONE;
   }
-  this.state !== l.NONE && this.dispatchEvent(le);
+  this.state !== _.NONE && this.dispatchEvent(le);
 }
-function Et(t) {
+function Tt(t) {
   switch (this._trackPointer(t), this.state) {
-    case l.TOUCH_ROTATE:
+    case _.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
       this._handleTouchMoveRotate(t), this.update();
       break;
-    case l.TOUCH_PAN:
+    case _.TOUCH_PAN:
       if (this.enablePan === !1) return;
       this._handleTouchMovePan(t), this.update();
       break;
-    case l.TOUCH_DOLLY_PAN:
+    case _.TOUCH_DOLLY_PAN:
       if (this.enableZoom === !1 && this.enablePan === !1) return;
       this._handleTouchMoveDollyPan(t), this.update();
       break;
-    case l.TOUCH_DOLLY_ROTATE:
+    case _.TOUCH_DOLLY_ROTATE:
       if (this.enableZoom === !1 && this.enableRotate === !1) return;
       this._handleTouchMoveDollyRotate(t), this.update();
       break;
     default:
-      this.state = l.NONE;
+      this.state = _.NONE;
   }
 }
-function $t(t) {
+function Mt(t) {
   this.enabled !== !1 && t.preventDefault();
 }
-function Rt(t) {
+function jt(t) {
   t.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function Tt(t) {
+function xt(t) {
   t.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-var Mt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, xt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? jt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Mt(e, i, r), r;
+  return s && r && At(e, i, r), r;
 };
 let A = class {
   constructor() {
     a(this, "_canvas");
-    a(this, "proxyReceiver", new Xe());
+    a(this, "proxyReceiver", new Ge());
     a(this, "isInitialized", !1);
   }
   get canvas() {
@@ -520,15 +557,15 @@ let A = class {
     }, this._canvas = t;
   }
 };
-A = xt([
+A = Lt([
   p(d.ContainerScoped)
 ], A);
-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--)
+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 && At(e, i, r), r;
-}, It = (t, e) => (i, s) => e(i, s, t);
-let H = class extends qe {
+  return s && r && It(e, i, r), r;
+}, Ft = (t, e) => (i, s) => e(i, s, t);
+let H = class extends Qe {
   constructor(t) {
     super(), this._service = t;
     for (const e of ce)
@@ -540,16 +577,16 @@ let H = class extends qe {
       };
   }
 };
-H = Lt([
+H = Ht([
   p(d.ContainerScoped),
-  It(0, h(A))
+  Ft(0, h(A))
 ], H);
-var Nt = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, Yt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Ht(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Nt(e, i, r), r;
+  return s && r && Yt(e, i, r), r;
 };
-let Y = class {
+let F = class {
   constructor() {
     a(this, "frame", 1e3 / 60);
     a(this, "initialTime", Date.now());
@@ -564,42 +601,42 @@ let Y = class {
     this.deltaTime = t - this.currentTime, this.currentTime = t, this.elapsedTime = t - this.initialTime, this.deltaRatio = this.deltaTime / this.frame;
   }
 };
-Y = Yt([
+F = Zt([
   p(d.ContainerScoped)
-], Y);
-var Ft = 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--)
+], 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 && Ft(e, i, r), r;
-}, Kt = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Kt(e, i, r), r;
+}, qt = (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$", ut().pipe(
-      vt(({ elapsed: t }) => {
+    a(this, "step$", vt().pipe(
+      gt(({ elapsed: t }) => {
         var e;
-        this._oldElapsed !== t && ((e = this._beforeStep$$) == null || e.next(fe(this._service, [])), this._oldElapsed = t);
+        this._oldElapsed !== t && ((e = this._beforeStep$$) == null || e.next(Pe(this._service, [])), this._oldElapsed = t);
       }),
       C(() => this._service.enabled),
-      ft(() => this._service.enabled),
-      q(() => fe(this._service, [])),
+      Pt(() => this._service.enabled),
+      q(() => Pe(this._service, [])),
       x()
     ));
     this._service = t;
   }
 };
-R = Zt([
+R = Xt([
   p(d.ContainerScoped),
-  Kt(0, h(Y))
+  qt(0, h(F))
 ], R);
-var Wt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, qt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Xt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Wt(e, i, r), r;
-}, Oe = (t, e) => (i, s) => e(i, s, t);
-let G = class {
+  return s && r && Bt(e, i, r), r;
+}, Re = (t, e) => (i, s) => e(i, s, t);
+let V = class {
   constructor(t, e) {
     a(this, "_initialAnimationFrameId");
     a(this, "_subscriptions", []);
@@ -632,15 +669,15 @@ let G = class {
     return this._controller.step$;
   }
 };
-G = qt([
+V = Gt([
   p(d.ContainerScoped),
-  Oe(0, h(R)),
-  Oe(1, h(Y))
-], G);
-var Bt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, Vt = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Gt(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+  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 && Bt(e, i, r), r;
+  return s && r && Qt(e, i, r), r;
 };
 let S = class {
   constructor() {
@@ -655,15 +692,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 = Vt([
+S = kt([
   p(d.ContainerScoped)
 ], S);
-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--)
+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 && Qt(e, i, r), r;
-}, ei = (t, e) => (i, s) => e(i, s, t);
-let y = class {
+  return s && r && ei(e, i, r), r;
+}, si = (t, e) => (i, s) => e(i, s, t);
+let w = class {
   constructor(t) {
     a(this, "instance");
     a(this, "enabled", !0);
@@ -686,16 +723,16 @@ let y = class {
     (e = this.instance) == null || e.rotation.copy(t);
   }
   init(t) {
-    if (this.dispose(), t === ve.PERSPECTIVE || t === void 0) {
+    if (this.dispose(), t === ge.PERSPECTIVE || t === void 0) {
       this.instance = new E(
         70,
         this._sizesService.width / this._sizesService.height,
-        1e-4,
+        0.1,
         100
       ), this.instance.position.z = 8;
       return;
     }
-    t === ve.ORTHOGRAPHIC && (this.instance = new I(
+    t === ge.ORTHOGRAPHIC && (this.instance = new I(
       -this._sizesService.aspect * this._sizesService.frustrum / 2,
       this._sizesService.aspect * this._sizesService.frustrum / 2,
       this._sizesService.frustrum / 2,
@@ -708,16 +745,16 @@ let y = class {
     this.instance instanceof j && ((this.instance instanceof E || this.instance instanceof I) && this.instance.clearViewOffset(), this.instance.clear(), this.instance = void 0);
   }
 };
-y = kt([
+w = ii([
   p(d.ContainerScoped),
-  ei(0, h(S))
-], y);
-var ti = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, si = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? ii(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+  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 && ti(e, i, r), r;
-}, De = (t, e) => (i, s) => e(i, s, t);
-let V = class {
+  return s && r && ri(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(
@@ -725,15 +762,15 @@ let V = class {
     );
   }
 };
-V = si([
+G = oi([
   p(d.ContainerScoped),
-  De(0, h(R)),
-  De(1, h(y))
-], V);
-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--)
+  Te(0, h(R)),
+  Te(1, h(w))
+], 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 && ri(e, i, r), r;
+  return s && r && ai(e, i, r), r;
 }, K = (t, e) => (i, s) => e(i, s, t);
 let Q = class {
   constructor(t, e, i) {
@@ -767,39 +804,39 @@ let Q = class {
     this._subscriptions.forEach((t) => t.unsubscribe()), this._service.dispose();
   }
 };
-Q = oi([
+Q = ci([
   p(d.ContainerScoped),
   K(0, h(S)),
-  K(1, h(V)),
-  K(2, h(y))
+  K(1, h(G)),
+  K(2, h(w))
 ], Q);
-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--)
+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 && ai(e, i, r), r;
+  return s && r && li(e, i, r), r;
 };
 let T = class {
   constructor() {
-    a(this, "scene", new Le());
+    a(this, "scene", new Fe());
     a(this, "enabled", !0);
   }
 };
-T = ci([
+T = pi([
   p(d.ContainerScoped)
 ], T);
-var He = Object.defineProperty, li = Object.getOwnPropertyDescriptor, _i = (t, e, i) => e in t ? He(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, pi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? li(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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);
-  return s && r && He(e, i, r), r;
-}, W = (t, e) => (i, s) => e(i, s, t), di = (t, e, i) => _i(t, e + "", i);
-let O = class {
+  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 {
   constructor(t, e, i) {
     a(this, "enabled", !0);
     a(this, "instance");
     this._worldService = t, this._cameraService = e, this._sizesService = i;
   }
   setWebGLRenderer(t) {
-    this.instance = new Ce({
+    this.instance = new Oe({
       canvas: t,
       context: t.getContext("webgl2", {
         stencil: !0,
@@ -808,14 +845,14 @@ let O = class {
       powerPreference: "high-performance",
       depth: !0,
       antialias: !0
-    }), this.instance.autoClear = !1, this.instance.setPixelRatio(O.RENDERER_PIXEL_RATIO), this.instance.setClearColor(0, 0), this.instance.shadowMap.enabled = !0, this.instance.shadowMap.type = at, this.instance.outputColorSpace = ht, this.instance.toneMapping = ct, this.instance.toneMappingExposure = 1.75;
+    }), 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;
   }
   setSize(t, e) {
     var i;
     (i = this.instance) == null || i.setSize(t, e);
   }
   render() {
-    this.enabled && this._cameraService.instance instanceof j && this.instance instanceof Ce && (this.instance.setViewport(
+    this.enabled && this._cameraService.instance instanceof j && this.instance instanceof Oe && (this.instance.setViewport(
       0,
       0,
       this._sizesService.width,
@@ -826,19 +863,19 @@ let O = class {
     ));
   }
 };
-di(O, "RENDERER_PIXEL_RATIO", 1);
-O = pi([
+fi(y, "RENDERER_PIXEL_RATIO", 1);
+y = mi([
   p(d.ContainerScoped),
   W(0, h(T)),
-  W(1, h(y)),
+  W(1, h(w)),
   W(2, h(S))
-], O);
-var ui = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, fi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? mi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+], 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 && ui(e, i, r), r;
-}, Ee = (t, e) => (i, s) => e(i, s, t);
-let F = class {
+  return s && r && vi(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(
@@ -846,15 +883,15 @@ let F = class {
     );
   }
 };
-F = fi([
+Y = Pi([
   p(d.ContainerScoped),
-  Ee(0, h(H)),
-  Ee(1, h(S))
-], F);
-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--)
+  Me(0, h(H)),
+  Me(1, h(S))
+], 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 && vi(e, i, r), r;
+  return s && r && gi(e, i, r), r;
 }, X = (t, e) => (i, s) => e(i, s, t);
 let J = class {
   constructor(t, e, i) {
@@ -867,17 +904,17 @@ let J = class {
     );
   }
 };
-J = Pi([
+J = Si([
   p(d.ContainerScoped),
-  X(0, h(O)),
+  X(0, h(y)),
   X(1, h(R)),
-  X(2, h(F))
+  X(2, h(Y))
 ], J);
-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--)
+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 && gi(e, i, r), r;
-}, $e = (t, e) => (i, s) => e(i, s, t);
+  return s && r && wi(e, i, r), r;
+}, je = (t, e) => (i, s) => e(i, s, t);
 let k = class {
   constructor(t, e) {
     this._controller = t, this._service = e;
@@ -904,16 +941,16 @@ let k = class {
     (t = this._service.instance) == null || t.dispose(), this._service.instance = void 0;
   }
 };
-k = Si([
+k = Oi([
   p(d.ContainerScoped),
-  $e(0, h(J)),
-  $e(1, h(O))
+  je(0, h(J)),
+  je(1, h(y))
 ], k);
-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--)
+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 && wi(e, i, r), r;
-}, Re = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Di(e, i, r), r;
+}, xe = (t, e) => (i, s) => e(i, s, t);
 let ee = class {
   constructor(t, e) {
     this._controller = t, this._service = e;
@@ -947,16 +984,16 @@ let ee = class {
     return this._controller.resize$;
   }
 };
-ee = Oi([
+ee = $i([
   p(d.ContainerScoped),
-  Re(0, h(F)),
-  Re(1, h(S))
+  xe(0, h(Y)),
+  xe(1, h(S))
 ], ee);
-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--)
+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 && Di(e, i, r), r;
-}, Ri = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Ri(e, i, r), r;
+}, ji = (t, e) => (i, s) => e(i, s, t);
 let te = class {
   constructor(t) {
     a(this, "_beforeRender$$", new N());
@@ -966,15 +1003,15 @@ let te = class {
     this._worldService = t, this._worldService.scene.onBeforeRender = () => this._beforeRender$$.next({}), this._worldService.scene.onAfterRender = () => this._afterRender$$.next({});
   }
 };
-te = $i([
+te = Mi([
   p(d.ContainerScoped),
-  Ri(0, h(T))
+  ji(0, h(T))
 ], te);
-var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Mi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Ti(e, i, r), r;
-}, Te = (t, e) => (i, s) => e(i, s, t);
+  return s && r && xi(e, i, r), r;
+}, Ae = (t, e) => (i, s) => e(i, s, t);
 let ie = class {
   constructor(t, e) {
     this._service = t, this._controller = e;
@@ -984,7 +1021,7 @@ let ie = class {
   dispose() {
   }
   scene(t) {
-    return t instanceof Le && (this._service.scene = t), this._service.scene;
+    return t instanceof Fe && (this._service.scene = t), this._service.scene;
   }
   enabled(t) {
     return typeof t == "boolean" && (this._service.enabled = t), this._service.enabled;
@@ -996,15 +1033,15 @@ let ie = class {
     return this._controller.afterRender$;
   }
 };
-ie = ji([
+ie = zi([
   p(d.ContainerScoped),
-  Te(0, h(T)),
-  Te(1, h(te))
+  Ae(0, h(T)),
+  Ae(1, h(te))
 ], ie);
-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--)
+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 && xi(e, i, r), r;
+  return s && r && Li(e, i, r), r;
 }, M = (t, e) => (i, s) => e(i, s, t);
 let se = class {
   constructor(t, e, i, s, r) {
@@ -1043,22 +1080,22 @@ let se = class {
   }
   initOrbitControl() {
     var t;
-    this.cameraControls && ((t = this.cameraControls) == null || t.dispose()), !(!this.enabled || !(this._cameraService.instance instanceof j)) && this._cameraService.instance instanceof j && (this.cameraControls = new ye(
+    this.cameraControls && ((t = this.cameraControls) == null || t.dispose()), !(!this.enabled || !(this._cameraService.instance instanceof j)) && this._cameraService.instance instanceof j && (this.cameraControls = new $e(
       this._cameraService.instance,
       this._appService.proxyReceiver
     ), this.cameraControls.rotateSpeed = 0.1, this.cameraControls.enableDamping = !0);
   }
   initMiniCameraOrbitControls() {
-    this.miniCameraControls && this.miniCameraControls.dispose(), !(!this.enabled || !this.miniCamera) && (this.miniCameraControls = new ye(
+    this.miniCameraControls && this.miniCameraControls.dispose(), !(!this.enabled || !this.miniCamera) && (this.miniCameraControls = new $e(
       this.miniCamera,
       this._appService.proxyReceiver
     ), this.miniCameraControls.rotateSpeed = 0.15, this.miniCameraControls.enableDamping = !0);
   }
   initAxesHelper(t) {
-    this.enabled && (this.axesHelper = new lt(t), this._worldService.scene.add(this.axesHelper));
+    this.enabled && (this.axesHelper = new dt(t), this._worldService.scene.add(this.axesHelper));
   }
   initGridHelper(t) {
-    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new _t(t, t), this._worldService.scene.add(this.gridHelper));
+    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new ut(t, t), this._worldService.scene.add(this.gridHelper));
   }
   disposeMiniCamera() {
     this.miniCamera instanceof j && (this.miniCamera.clearViewOffset(), this.miniCamera.clear(), this.miniCamera = void 0);
@@ -1072,19 +1109,19 @@ 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 = zi([
+se = Ni([
   p(d.ContainerScoped),
   M(0, h(A)),
   M(1, h(S)),
-  M(2, h(O)),
-  M(3, h(y)),
+  M(2, h(y)),
+  M(3, h(w)),
   M(4, h(T))
 ], se);
-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--)
+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 && Li(e, i, r), r;
-}, Me = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Hi(e, i, r), r;
+}, ze = (t, e) => (i, s) => e(i, s, t);
 let re = class {
   constructor(t, e) {
     a(this, "step$");
@@ -1093,16 +1130,16 @@ let re = class {
     );
   }
 };
-re = Ni([
+re = Yi([
   p(d.ContainerScoped),
-  Me(0, h(R)),
-  Me(1, h(y))
+  ze(0, h(R)),
+  ze(1, h(w))
 ], re);
-var Hi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Fi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Yi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Hi(e, i, r), r;
-}, je = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Ui(e, i, r), r;
+}, Le = (t, e) => (i, s) => e(i, s, t);
 let ne = class {
   constructor(t, e) {
     a(this, "_subscriptions", []);
@@ -1140,15 +1177,15 @@ let ne = class {
     this._service.dispose(), this._subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-ne = Fi([
+ne = Ki([
   p(d.ContainerScoped),
-  je(0, h(se)),
-  je(1, h(re))
+  Le(0, h(se)),
+  Le(1, h(re))
 ], ne);
-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--)
+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 && Ui(e, i, r), r;
+  return s && r && Wi(e, i, r), r;
 };
 let U = class {
   constructor() {
@@ -1161,42 +1198,42 @@ let U = class {
     i && (this.loadedResources[e.name] = i, this.toLoadCount = s, this.loadedCount = r);
   }
 };
-U = Ki([
+U = qi([
   p(d.ResolutionScoped)
 ], U);
-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--)
+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 && Wi(e, i, r), r;
-}, Bi = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Bi(e, i, r), r;
+}, Qi = (t, e) => (i, s) => e(i, s, t);
 let oe = class {
   constructor(t) {
-    a(this, "load$", Be(self, "message").pipe(
+    a(this, "load$", Je(self, "message").pipe(
       C(
         (t) => {
           var e, i, s;
-          return ((e = t.data) == null ? void 0 : e.token) === Ge && !!((s = (i = t.data) == null ? void 0 : i.payload) != null && s.resource);
+          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;
         const { payload: e } = t.data || {};
         if (((i = e == null ? void 0 : e.source) == null ? void 0 : i.type) === "gltf") {
-          const c = e.resource, _ = (s = c.animations) == null ? void 0 : s.map(
-            (g) => pt.parse(g)
-          ), m = (r = c.cameras) == null ? void 0 : r.map(
-            (g) => be(g)
-          ), w = (n = c.scenes) == null ? void 0 : n.map(
-            (g) => be(g)
-          ), z = w == null ? void 0 : w[0];
+          const c = e.resource, l = (s = c.animations) == null ? void 0 : s.map(
+            (g) => mt.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];
           return {
             ...e,
-            resource: { ...c, animations: _, cameras: m, scene: z, scenes: w }
+            resource: { ...c, animations: l, cameras: u, scene: z, scenes: O }
           };
         }
         return ((o = e == null ? void 0 : e.source) == null ? void 0 : o.type) === "font" ? {
           ...e,
-          resource: new Ve(e.resource.data)
+          resource: new et(e.resource.data)
         } : e;
       }),
       x()
@@ -1206,7 +1243,7 @@ let oe = class {
         (t) => !!t && t.toLoadCount === t.loadedCount
       ),
       q(
-        () => Qe(this._service, [
+        () => tt(this._service, [
           "loadedCount",
           "loadedResources",
           "toLoadCount"
@@ -1217,15 +1254,15 @@ let oe = class {
     this._service = t;
   }
 };
-oe = qi([
+oe = Gi([
   p(d.ContainerScoped),
-  Bi(0, h(U))
+  Qi(0, h(U))
 ], oe);
-var Gi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, Qi = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? Vi(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+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 && Gi(e, i, r), r;
-}, xe = (t, e) => (i, s) => e(i, s, t);
+  return s && r && Ji(e, i, r), r;
+}, Ie = (t, e) => (i, s) => e(i, s, t);
 let ae = class {
   constructor(t, e) {
     a(this, "_subscriptions", []);
@@ -1257,19 +1294,19 @@ let ae = class {
     this._subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-ae = Qi([
+ae = es([
   p(d.ContainerScoped),
-  xe(0, h(oe)),
-  xe(1, h(U))
+  Ie(0, h(oe)),
+  Ie(1, h(U))
 ], ae);
-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--)
+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 && Ji(e, i, r), r;
+  return s && r && ts(e, i, r), r;
 }, P = (t, e) => (i, s) => e(i, s, t);
-let he = class extends Je {
-  constructor(t, e, i, s, r, n, o, c, _) {
-    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 = _, this._initProxyEvents();
+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();
   }
   _initProxyEvents() {
     ce.forEach((t) => {
@@ -1304,17 +1341,17 @@ let he = class extends Je {
     return this.world.getAfterRender$();
   }
   init(t) {
-    this._service.isInitialized || !(t != null && t.canvas) || !(this._service.canvas = t.canvas) || (this._service.isInitialized = !0, this.sizes.init(this._service.canvas), this.camera.init(), this.world.init(), this.renderer.init(this._service.canvas), this.timer.init(t.startTimer), this.loader.init(), this.debug.init(t));
+    this._service.canvas = t.canvas, !(this._service.isInitialized || !this._service.canvas) && (this._service.isInitialized = !0, this.sizes.init(this._service.canvas), this.camera.init(), this.world.init(), this.renderer.init(this._service.canvas), this.timer.init(t.startTimer), this.loader.init(), this.debug.init(t));
   }
   dispose() {
     this.sizes.dispose(), this.camera.dispose(), this.world.dispose(), this.renderer.dispose(), this.timer.dispose(), this.loader.dispose(), this.debug.dispose();
   }
 };
-he = es([
+he = ss([
   p(d.ContainerScoped),
   P(0, h(H)),
   P(1, h(A)),
-  P(2, h(G)),
+  P(2, h(V)),
   P(3, h(ee)),
   P(4, h(Q)),
   P(5, h(ie)),
@@ -1322,26 +1359,31 @@ he = es([
   P(7, h(ae)),
   P(8, h(ne))
 ], he);
-var ts = ke();
-const _e = /* @__PURE__ */ et(ts), is = _e.expose;
+var rs = st();
+const _e = /* @__PURE__ */ rt(rs), ns = _e.expose;
 _e.registerSerializer;
 _e.Transfer;
-const os = (t) => {
-  const e = tt.createChildContainer(), i = e.resolve(he), s = { container: e, module: i }, r = {}, n = (o) => {
-    var w, z, g, pe, de;
-    if (!((w = o.data) != null && w.canvas) || i.getIsInitialized()) return;
-    const c = !!((z = o.data) != null && z.startTimer), _ = !!((g = o.data) != null && g.withMiniCamera), m = !!((pe = o.data) != null && pe.fullScreen);
+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())
+      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({
-      ...o.data,
-      startTimer: c,
-      withMiniCamera: _,
-      fullScreen: m
-    }), (de = t == null ? void 0 : t.onReady) == null || de.call(t, s), self == null || self.removeEventListener("message", n);
+      ...c.data,
+      canvas: (t == null ? void 0 : t.canvas) || c.data.canvas || (c.data.mainThread ? (me = self == null ? void 0 : self.document) == null ? void 0 : me.getElementsByTagName(
+        "canvas"
+      )[0] : void 0),
+      startTimer: l,
+      withMiniCamera: u,
+      fullScreen: O
+    }), (fe = t == null ? void 0 : t.onReady) == null || fe.call(t, s), self == null || self.removeEventListener("message", n);
   };
-  return e.register(it, { useValue: e }), ce.forEach((o) => {
-    var c, _;
-    r[o] = (_ = (c = i[o]) == null ? void 0 : c.bind) == null ? void 0 : _.call(c, i);
-  }), self == null || self.addEventListener("message", n), is({
+  e.register(nt, { 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 = {
     ...r,
     getProxyReceiver: i.getProxyReceiver.bind(i),
     getIsInitialized: i.getIsInitialized.bind(i),
@@ -1350,9 +1392,16 @@ const os = (t) => {
     getStep$: i.getStep$.bind(i),
     getAfterRender$: i.getAfterRender$.bind(i),
     dispose: i.dispose.bind(i)
-  }), s;
+  };
+  Se.register("MAIN_THREAD_APP", { useValue: o });
+  try {
+    ns(o);
+  } catch (c) {
+    console.warn("Failed to expose the app module.", c.message);
+  }
+  return s;
 };
 export {
   he as AppModule,
-  os as launchApp
+  cs as launchApp
 };