@quick-threejs/reactive 0.1.46 → 0.1.47

package/dist/worker.mjs

@@ -1,88 +1,88 @@
-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 Ne = Object.defineProperty;
+var We = (t, e, i) => e in t ? Ne(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 { 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 = {
+import { w as Ue, _ as de, x as ue, O as Ye, y as xe, z as ze, B as Fe, G as Ze, s as _, L as d, H as Ke, i as h, P as Ve, j as ce, S as I, l as P, m as X, n as j, J as fe, q as me, k as Xe, p as qe, I as be, M as Be, U as Ge, A as Qe, d as Je, f as ke, h as ve, C as et } from "./FontLoader-YhZm0TOQ.mjs";
+import { Ray as tt, Plane as it, MathUtils as st, Vector3 as v, Controls as rt, MOUSE as E, TOUCH as D, Quaternion as ge, Spherical as we, Vector2 as b, Timer as nt, PerspectiveCamera as O, OrthographicCamera as L, Camera as M, Scene as Le, WebGLRenderer as F, PCFSoftShadowMap as ot, SRGBColorSpace as at, CineonToneMapping as ht, AxesHelper as ct, GridHelper as lt, AnimationClip as pt } from "three";
+var _t = {
   now: function() {
     return performance.now();
   },
   delegate: void 0
-}, B = {
+}, q = {
   schedule: function(t) {
-    var e = requestAnimationFrame, i = cancelAnimationFrame, s = B.delegate;
+    var e = requestAnimationFrame, i = cancelAnimationFrame, s = q.delegate;
     s && (e = s.requestAnimationFrame, i = s.cancelAnimationFrame);
-    var r = e(function(o) {
-      i = void 0, t(o);
+    var r = e(function(n) {
+      i = void 0, t(n);
     });
-    return new Xe(function() {
+    return new Ue(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, ve([], be(t)));
+    return requestAnimationFrame.apply(void 0, de([], ue(t)));
   },
   cancelAnimationFrame: function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return cancelAnimationFrame.apply(void 0, ve([], be(t)));
+    return cancelAnimationFrame.apply(void 0, de([], ue(t)));
   },
   delegate: void 0
 };
-function bt(t) {
-  return t ? Ye(t) : Pt;
+function dt(t) {
+  return t ? He(t) : ut;
 }
-function Ye(t) {
-  return new qe(function(e) {
-    var i = t || vt, s = i.now(), r = 0, o = function() {
-      e.closed || (r = B.requestAnimationFrame(function(n) {
+function He(t) {
+  return new Ye(function(e) {
+    var i = t || _t, s = i.now(), r = 0, n = function() {
+      e.closed || (r = q.requestAnimationFrame(function(o) {
         r = 0;
         var c = i.now();
         e.next({
-          timestamp: t ? c : n,
+          timestamp: t ? c : o,
           elapsed: c - s
-        }), o();
+        }), n();
       }));
     };
-    return o(), function() {
-      r && B.cancelAnimationFrame(r);
+    return n(), function() {
+      r && q.cancelAnimationFrame(r);
     };
   });
 }
-var Pt = Ye();
-function gt(t, e) {
-  return e === void 0 && (e = !1), Ne(function(i, s) {
+var ut = He();
+function ft(t, e) {
+  return e === void 0 && (e = !1), xe(function(i, s) {
     var r = 0;
-    i.subscribe(He(s, function(o) {
-      var n = t(o, r++);
-      (n || e) && s.next(o), !n && s.complete();
+    i.subscribe(ze(s, function(n) {
+      var o = t(n, r++);
+      (o || e) && s.next(n), !o && s.complete();
     }));
   });
 }
-function St(t, e, i) {
-  var s = Ve(t) || e || i ? { next: t, error: e, complete: i } : t;
-  return s ? Ne(function(r, o) {
-    var n;
-    (n = s.subscribe) === null || n === void 0 || n.call(s);
+function mt(t, e, i) {
+  var s = Ze(t) || e || i ? { next: t, error: e, complete: i } : t;
+  return s ? xe(function(r, n) {
+    var o;
+    (o = s.subscribe) === null || o === void 0 || o.call(s);
     var c = !0;
-    r.subscribe(He(o, function(l) {
+    r.subscribe(ze(n, function(l) {
       var u;
-      (u = s.next) === null || u === void 0 || u.call(s, l), o.next(l);
+      (u = s.next) === null || u === void 0 || u.call(s, l), n.next(l);
     }, function() {
       var l;
-      c = !1, (l = s.complete) === null || l === void 0 || l.call(s), o.complete();
+      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), o.error(l);
+      c = !1, (u = s.error) === null || u === void 0 || u.call(s, l), n.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;
+  }) : Fe;
 }
-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, _ = {
+const Pe = { type: "change" }, le = { type: "start" }, Ie = { type: "end" }, H = new tt(), ye = new it(), bt = Math.cos(70 * st.DEG2RAD), f = new v(), m = 2 * Math.PI, p = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -92,7 +92,7 @@ const De = { type: "change" }, le = { type: "start" }, Ue = { type: "end" }, z =
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
 }, Z = 1e-6;
-class $e extends ct {
+class Ce extends rt {
   /**
    * Constructs a new controls instance.
    *
@@ -100,7 +100,7 @@ class $e extends ct {
    * @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._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();
+    super(e, i), this.state = p.NONE, this.target = new v(), this.cursor = new v(), 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: E.ROTATE, MIDDLE: E.DOLLY, RIGHT: E.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 v(), this._lastQuaternion = new ge(), this._lastTargetPosition = new v(), this._quat = new ge().setFromUnitVectors(e.up, new v(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new we(), this._sphericalDelta = new we(), this._scale = 1, this._panOffset = new v(), this._rotateStart = new b(), this._rotateEnd = new b(), this._rotateDelta = new b(), this._panStart = new b(), this._panEnd = new b(), this._panDelta = new b(), this._dollyStart = new b(), this._dollyEnd = new b(), this._dollyDelta = new b(), this._dollyDirection = new v(), this._mouse = new b(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = gt.bind(this), this._onPointerDown = vt.bind(this), this._onPointerUp = wt.bind(this), this._onContextMenu = Et.bind(this), this._onMouseWheel = Ct.bind(this), this._onKeyDown = St.bind(this), this._onTouchStart = Ot.bind(this), this._onTouchMove = Dt.bind(this), this._onMouseDown = Pt.bind(this), this._onMouseMove = yt.bind(this), this._interceptControlDown = $t.bind(this), this._interceptControlUp = Rt.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
   /**
    * Defines the visual representation of the cursor.
@@ -173,7 +173,7 @@ class $e extends ct {
    * 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(De), this.update(), this.state = _.NONE;
+    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(Pe), this.update(), this.state = p.NONE;
   }
   /**
    * Programmatically pan the camera.
@@ -218,41 +218,41 @@ class $e extends ct {
   }
   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);
+    f.copy(i).sub(this.target), f.applyQuaternion(this._quat), this._spherical.setFromVector3(f), this.autoRotate && this.state === p.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 o = !1;
+    isFinite(s) && isFinite(r) && (s < -Math.PI ? s += m : s > Math.PI && (s -= m), r < -Math.PI ? r += m : r > Math.PI && (r -= m), 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;
     if (this.zoomToCursor && this._performCursorZoom || this.object.isOrthographicCamera)
       this._spherical.radius = this._clampDistance(this._spherical.radius);
     else {
-      const n = this._spherical.radius;
-      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), o = n != this._spherical.radius;
+      const o = this._spherical.radius;
+      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), n = o != 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 n = null;
+    if (f.setFromSpherical(this._spherical), f.applyQuaternion(this._quatInverse), i.copy(this.target).add(f), 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 = m.length();
-        n = this._clampDistance(c * this._scale);
-        const l = c - n;
-        this.object.position.addScaledVector(this._dollyDirection, l), this.object.updateMatrixWorld(), o = !!l;
+        const c = f.length();
+        o = this._clampDistance(c * this._scale);
+        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);
+        const c = new v(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(), 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(), n = m.length();
+        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 v(this._mouse.x, this._mouse.y, 0);
+        u.unproject(this.object), this.object.position.sub(u).add(c), this.object.updateMatrixWorld(), o = f.length();
       } else
         console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
-      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))));
+      o !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(o).add(this.object.position) : (H.origin.copy(this.object.position), H.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(H.direction)) < bt ? this.object.lookAt(this.target) : (ye.setFromNormalAndCoplanarPoint(this.object.up, this.target), H.intersectPlane(ye, this.target))));
     } else if (this.object.isOrthographicCamera) {
-      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);
+      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, 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;
+    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(Pe), 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;
+    return e !== null ? m / 60 * this.autoRotateSpeed * e : m / 60 / 60 * this.autoRotateSpeed;
   }
   _getZoomScale(e) {
     const i = Math.abs(e * 0.01);
@@ -265,19 +265,19 @@ class $e extends ct {
     this._sphericalDelta.phi -= e;
   }
   _panLeft(e, i) {
-    m.setFromMatrixColumn(i, 0), m.multiplyScalar(-e), this._panOffset.add(m);
+    f.setFromMatrixColumn(i, 0), f.multiplyScalar(-e), this._panOffset.add(f);
   }
   _panUp(e, i) {
-    this.screenSpacePanning === !0 ? m.setFromMatrixColumn(i, 1) : (m.setFromMatrixColumn(i, 0), m.crossVectors(this.object.up, m)), m.multiplyScalar(e), this._panOffset.add(m);
+    this.screenSpacePanning === !0 ? f.setFromMatrixColumn(i, 1) : (f.setFromMatrixColumn(i, 0), f.crossVectors(this.object.up, f)), f.multiplyScalar(e), this._panOffset.add(f);
   }
   // 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;
-      m.copy(r).sub(this.target);
-      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);
+      f.copy(r).sub(this.target);
+      let n = f.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);
   }
   _dollyOut(e) {
@@ -290,8 +290,8 @@ class $e extends ct {
     if (!this.zoomToCursor)
       return;
     this._performCursorZoom = !0;
-    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();
+    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();
   }
   _clampDistance(e) {
     return Math.max(this.minDistance, Math.min(this.maxDistance, e));
@@ -311,7 +311,7 @@ class $e extends ct {
   _handleMouseMoveRotate(e) {
     this._rotateEnd.set(e.clientX, e.clientY), this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
     const i = this.domElement;
-    this._rotateLeft(f * this._rotateDelta.x / i.clientHeight), this._rotateUp(f * this._rotateDelta.y / i.clientHeight), this._rotateStart.copy(this._rotateEnd), this.update();
+    this._rotateLeft(m * this._rotateDelta.x / i.clientHeight), this._rotateUp(m * this._rotateDelta.y / i.clientHeight), this._rotateStart.copy(this._rotateEnd), this.update();
   }
   _handleMouseMoveDolly(e) {
     this._dollyEnd.set(e.clientX, e.clientY), this._dollyDelta.subVectors(this._dollyEnd, this._dollyStart), this._dollyDelta.y > 0 ? this._dollyOut(this._getZoomScale(this._dollyDelta.y)) : this._dollyDelta.y < 0 && this._dollyIn(this._getZoomScale(this._dollyDelta.y)), this._dollyStart.copy(this._dollyEnd), this.update();
@@ -326,16 +326,16 @@ class $e extends ct {
     let i = !1;
     switch (e.code) {
       case this.keys.UP:
-        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(f * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), i = !0;
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(m * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), i = !0;
         break;
       case this.keys.BOTTOM:
-        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(-f * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), i = !0;
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateUp(-m * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), i = !0;
         break;
       case this.keys.LEFT:
-        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(f * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), i = !0;
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(m * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), i = !0;
         break;
       case this.keys.RIGHT:
-        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(-f * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), i = !0;
+        e.ctrlKey || e.metaKey || e.shiftKey ? this.enableRotate && this._rotateLeft(-m * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), i = !0;
         break;
     }
     i && (e.preventDefault(), this.update());
@@ -357,8 +357,8 @@ class $e extends ct {
     }
   }
   _handleTouchStartDolly(e) {
-    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);
+    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);
   }
   _handleTouchStartDollyPan(e) {
     this.enableZoom && this._handleTouchStartDolly(e), this.enablePan && this._handleTouchStartPan(e);
@@ -370,12 +370,12 @@ 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), o = 0.5 * (e.pageY + s.y);
-      this._rotateEnd.set(r, o);
+      const s = this._getSecondPointerPosition(e), r = 0.5 * (e.pageX + s.x), n = 0.5 * (e.pageY + s.y);
+      this._rotateEnd.set(r, n);
     }
     this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
     const i = this.domElement;
-    this._rotateLeft(f * this._rotateDelta.x / i.clientHeight), this._rotateUp(f * this._rotateDelta.y / i.clientHeight), this._rotateStart.copy(this._rotateEnd);
+    this._rotateLeft(m * this._rotateDelta.x / i.clientHeight), this._rotateUp(m * this._rotateDelta.y / i.clientHeight), this._rotateStart.copy(this._rotateEnd);
   }
   _handleTouchMovePan(e) {
     if (this._pointers.length === 1)
@@ -387,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, 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);
+    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);
   }
   _handleTouchMoveDollyPan(e) {
     this.enableZoom && this._handleTouchMoveDolly(e), this.enablePan && this._handleTouchMovePan(e);
@@ -417,7 +417,7 @@ class $e extends ct {
   }
   _trackPointer(e) {
     let i = this._pointerPositions[e.pointerId];
-    i === void 0 && (i = new v(), this._pointerPositions[e.pointerId] = i), i.set(e.pageX, e.pageY);
+    i === void 0 && (i = new b(), this._pointerPositions[e.pointerId] = i), i.set(e.pageX, e.pageY);
   }
   _getSecondPointerPosition(e) {
     const i = e.pointerId === this._pointers[0] ? this._pointers[1] : this._pointers[0];
@@ -441,16 +441,16 @@ class $e extends ct {
     return e.ctrlKey && !this._controlActive && (s.deltaY *= 10), s;
   }
 }
-function yt(t) {
+function vt(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 Ct(t) {
+function gt(t) {
   this.enabled !== !1 && (t.pointerType === "touch" ? this._onTouchMove(t) : this._onMouseMove(t));
 }
-function Ot(t) {
+function wt(t) {
   switch (this._removePointer(t), this._pointers.length) {
     case 0:
-      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");
+      this.domElement.releasePointerCapture(t.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(Ie), this.state = p.NONE, this._cursorStyle === "grab" && (this.domElement.style.cursor = "grab");
       break;
     case 1:
       const e = this._pointers[0], i = this._pointerPositions[e];
@@ -458,7 +458,7 @@ function Ot(t) {
       break;
   }
 }
-function Dt(t) {
+function Pt(t) {
   let e;
   switch (t.button) {
     case 0:
@@ -474,132 +474,136 @@ function Dt(t) {
       e = -1;
   }
   switch (e) {
-    case $.DOLLY:
+    case E.DOLLY:
       if (this.enableZoom === !1) return;
-      this._handleMouseDownDolly(t), this.state = _.DOLLY;
+      this._handleMouseDownDolly(t), this.state = p.DOLLY;
       break;
-    case $.ROTATE:
+    case E.ROTATE:
       if (t.ctrlKey || t.metaKey || t.shiftKey) {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(t), this.state = _.PAN;
+        this._handleMouseDownPan(t), this.state = p.PAN;
       } else {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(t), this.state = _.ROTATE;
+        this._handleMouseDownRotate(t), this.state = p.ROTATE;
       }
       break;
-    case $.PAN:
+    case E.PAN:
       if (t.ctrlKey || t.metaKey || t.shiftKey) {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(t), this.state = _.ROTATE;
+        this._handleMouseDownRotate(t), this.state = p.ROTATE;
       } else {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(t), this.state = _.PAN;
+        this._handleMouseDownPan(t), this.state = p.PAN;
       }
       break;
     default:
-      this.state = _.NONE;
+      this.state = p.NONE;
   }
-  this.state !== _.NONE && this.dispatchEvent(le);
+  this.state !== p.NONE && this.dispatchEvent(le);
 }
-function Et(t) {
+function yt(t) {
   switch (this.state) {
-    case _.ROTATE:
+    case p.ROTATE:
       if (this.enableRotate === !1) return;
       this._handleMouseMoveRotate(t);
       break;
-    case _.DOLLY:
+    case p.DOLLY:
       if (this.enableZoom === !1) return;
       this._handleMouseMoveDolly(t);
       break;
-    case _.PAN:
+    case p.PAN:
       if (this.enablePan === !1) return;
       this._handleMouseMovePan(t);
       break;
   }
 }
-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 Ct(t) {
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== p.NONE || (t.preventDefault(), this.dispatchEvent(le), this._handleMouseWheel(this._customWheelEvent(t)), this.dispatchEvent(Ie));
 }
-function Rt(t) {
+function St(t) {
   this.enabled !== !1 && this._handleKeyDown(t);
 }
-function Tt(t) {
+function Ot(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 = _.TOUCH_ROTATE;
+          this._handleTouchStartRotate(t), this.state = p.TOUCH_ROTATE;
           break;
         case D.PAN:
           if (this.enablePan === !1) return;
-          this._handleTouchStartPan(t), this.state = _.TOUCH_PAN;
+          this._handleTouchStartPan(t), this.state = p.TOUCH_PAN;
           break;
         default:
-          this.state = _.NONE;
+          this.state = p.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 = _.TOUCH_DOLLY_PAN;
+          this._handleTouchStartDollyPan(t), this.state = p.TOUCH_DOLLY_PAN;
           break;
         case D.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
-          this._handleTouchStartDollyRotate(t), this.state = _.TOUCH_DOLLY_ROTATE;
+          this._handleTouchStartDollyRotate(t), this.state = p.TOUCH_DOLLY_ROTATE;
           break;
         default:
-          this.state = _.NONE;
+          this.state = p.NONE;
       }
       break;
     default:
-      this.state = _.NONE;
+      this.state = p.NONE;
   }
-  this.state !== _.NONE && this.dispatchEvent(le);
+  this.state !== p.NONE && this.dispatchEvent(le);
 }
-function Mt(t) {
+function Dt(t) {
   switch (this._trackPointer(t), this.state) {
-    case _.TOUCH_ROTATE:
+    case p.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
       this._handleTouchMoveRotate(t), this.update();
       break;
-    case _.TOUCH_PAN:
+    case p.TOUCH_PAN:
       if (this.enablePan === !1) return;
       this._handleTouchMovePan(t), this.update();
       break;
-    case _.TOUCH_DOLLY_PAN:
+    case p.TOUCH_DOLLY_PAN:
       if (this.enableZoom === !1 && this.enablePan === !1) return;
       this._handleTouchMoveDollyPan(t), this.update();
       break;
-    case _.TOUCH_DOLLY_ROTATE:
+    case p.TOUCH_DOLLY_ROTATE:
       if (this.enableZoom === !1 && this.enableRotate === !1) return;
       this._handleTouchMoveDollyRotate(t), this.update();
       break;
     default:
-      this.state = _.NONE;
+      this.state = p.NONE;
   }
 }
-function jt(t) {
+function Et(t) {
   this.enabled !== !1 && t.preventDefault();
 }
-function xt(t) {
+function $t(t) {
   t.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function At(t) {
+function Rt(t) {
   t.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-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;
+var Tt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, jt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Mt(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 && Tt(e, i, r), r;
 };
 let A = class {
   constructor() {
     a(this, "_canvas");
-    a(this, "proxyReceiver", new Ge());
+    a(this, "proxyReceiver", new Ke());
     a(this, "isInitialized", !1);
   }
+  init(t) {
+    if (!t) throw new Error("Core App Canvas is not initialized.");
+    this.canvas = t, this.isInitialized = !0;
+  }
   get canvas() {
     return this._canvas;
   }
@@ -610,19 +614,19 @@ let A = class {
     }, this._canvas = t;
   }
 };
-A = It([
-  p(d.ContainerScoped)
+A = jt([
+  _(d.ContainerScoped)
 ], A);
-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 {
+var At = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, zt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? xt(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;
+}, Lt = (t, e) => (i, s) => e(i, s, t);
+let N = class extends Ve {
   constructor(t) {
     super(), this._service = t;
     for (const e of ce)
-      this[`${e}$$`] = new N(), this[`${e}$`] = this[`${e}$$`].pipe(), this[e] = (i) => {
+      this[`${e}$$`] = new I(), this[`${e}$`] = this[`${e}$$`].pipe(), this[e] = (i) => {
         const s = {
           ...i,
           type: i.type || e
@@ -631,20 +635,20 @@ let H = class extends Qe {
       };
   }
 };
-H = Ft([
-  p(d.ContainerScoped),
-  Yt(0, h(A))
-], H);
-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;
+N = zt([
+  _(d.ContainerScoped),
+  Lt(0, h(A))
+], N);
+var Ht = Object.defineProperty, It = Object.getOwnPropertyDescriptor, Nt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? It(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 && Ht(e, i, r), r;
 };
-let F = class {
+let W = class {
   constructor() {
     a(this, "fps", 60);
     a(this, "frame", 1e3 / this.fps);
-    a(this, "timer", new lt());
+    a(this, "timer", new nt());
     a(this, "initialTime", Date.now());
     a(this, "elapsed", 0);
     a(this, "previousDelta", 0);
@@ -659,42 +663,42 @@ let F = class {
     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 = Kt([
-  p(d.ContainerScoped)
-], F);
-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);
+W = Nt([
+  _(d.ContainerScoped)
+], W);
+var Wt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, Yt = (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 && Wt(e, i, r), r;
-}, Bt = (t, e) => (i, s) => e(i, s, t);
-let R = class {
+}, Ft = (t, e) => (i, s) => e(i, s, t);
+let $ = class {
   constructor(t) {
-    a(this, "_beforeStep$$", new N());
+    a(this, "_beforeStep$$", new I());
     a(this, "_oldElapsed", 0);
     a(this, "beforeStep$", this._beforeStep$$.asObservable());
-    a(this, "step$", bt().pipe(
-      St(({ elapsed: t }) => {
+    a(this, "step$", dt().pipe(
+      mt(({ elapsed: t }) => {
         var e;
-        this._oldElapsed !== t && ((e = this._beforeStep$$) == null || e.next(Pe(this._service, [])), this._oldElapsed = t);
+        this._oldElapsed !== t && ((e = this._beforeStep$$) == null || e.next(fe(this._service, [])), this._oldElapsed = t);
       }),
-      S(() => this._service.enabled),
-      gt(() => this._service.enabled),
-      q(() => Pe(this._service, [])),
-      x()
+      P(() => this._service.enabled),
+      ft(() => this._service.enabled),
+      X(() => fe(this._service, [])),
+      j()
     ));
     this._service = t;
   }
 };
-R = qt([
-  p(d.ContainerScoped),
-  Bt(0, h(F))
-], 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 {
+$ = Yt([
+  _(d.ContainerScoped),
+  Ft(0, h(W))
+], $);
+var Zt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, Vt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Kt(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 && Zt(e, i, r), r;
+}, Se = (t, e) => (i, s) => e(i, s, t);
+let B = class {
   constructor(t, e) {
     a(this, "_initialAnimationFrameId");
     a(this, "_subscriptions", []);
@@ -718,7 +722,7 @@ let V = class {
     return typeof t == "boolean" && (this._service.enabled = t), this._service.enabled;
   }
   dispose() {
-    this._initialAnimationFrameId !== void 0 && cancelAnimationFrame(this._initialAnimationFrameId), this._service.enabled = !1;
+    this._initialAnimationFrameId !== void 0 && cancelAnimationFrame(this._initialAnimationFrameId), this._service.enabled = !1, this._subscriptions.forEach((t) => t.unsubscribe()), this._subscriptions = [];
   }
   beforeStep$() {
     return this._controller.beforeStep$;
@@ -727,46 +731,61 @@ let V = class {
     return this._controller.step$;
   }
 };
-V = Qt([
-  p(d.ContainerScoped),
-  Re(0, h(R)),
-  Re(1, h(F))
-], V);
-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;
+B = Vt([
+  _(d.ContainerScoped),
+  Se(0, h($)),
+  Se(1, h(W))
+], B);
+var Xt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Bt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? qt(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 && Xt(e, i, r), r;
 };
-let w = class {
+let C = class {
   constructor() {
     a(this, "width", 0);
     a(this, "height", 0);
+    a(this, "wrapperWidth", 0);
+    a(this, "wrapperHeight", 0);
+    a(this, "windowWidth", 0);
+    a(this, "windowHeight", 0);
     a(this, "aspect", 0);
-    a(this, "pixelRatio", 0);
+    a(this, "pixelRatio", 1);
     a(this, "frustrum", 5);
     a(this, "enabled", !0);
+    a(this, "fullscreen", !1);
+    a(this, "hasCanvasWrapper", !1);
+  }
+  init(t, e = 1, i = !0, s = !1, r = !0) {
+    this.height = Number(t.height ?? this.height), this.width = Number(t.width ?? this.width), this.aspect = this.width / this.height, this.pixelRatio = typeof e == "number" ? e : 1, this.fullscreen = i, this.hasCanvasWrapper = s, this.enabled = r;
   }
-  init(t, e) {
-    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;
+  handleResize(t) {
+    this.width = t.width, this.height = t.height, this.wrapperWidth = t.wrapperWidth, this.wrapperHeight = t.wrapperHeight, this.windowWidth = t.windowWidth, this.windowHeight = t.windowHeight, this.aspect = this.fullscreen ? t.windowWidth / t.windowHeight : this.hasCanvasWrapper ? t.wrapperWidth / t.wrapperHeight : t.width / t.height, console.log("size", this);
+  }
+  getViewPortSizes() {
+    return {
+      width: this.fullscreen ? this.windowWidth : this.hasCanvasWrapper ? this.wrapperWidth : this.width,
+      height: this.fullscreen ? this.windowHeight : this.hasCanvasWrapper ? this.wrapperHeight : this.height
+    };
   }
 };
-w = ei([
-  p(d.ContainerScoped)
-], 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 {
+C = Bt([
+  _(d.ContainerScoped)
+], C);
+var Gt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, Jt = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Qt(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 && Gt(e, i, r), r;
+}, kt = (t, e) => (i, s) => e(i, s, t);
+let S = class {
   constructor(t) {
     a(this, "instance");
     a(this, "enabled", !0);
-    this._sizesService = t;
+    this._sizes = t;
   }
   set aspectRatio(t) {
     var e;
-    this.instance instanceof E && (this.instance.aspect = t), (this.instance instanceof E || this.instance instanceof I) && ((e = this.instance) == null || e.updateProjectionMatrix());
+    this.instance instanceof O && (this.instance.aspect = t), (this.instance instanceof O || this.instance instanceof L) && ((e = this.instance) == null || e.updateProjectionMatrix());
   }
   set quaternion(t) {
     var e;
@@ -781,66 +800,64 @@ let y = class {
     (e = this.instance) == null || e.rotation.copy(t);
   }
   init(t) {
-    if (this.dispose(), t === ge.PERSPECTIVE || t === void 0) {
-      this.instance = new E(
-        70,
-        this._sizesService.width / this._sizesService.height,
-        0.1,
-        100
-      ), this.instance.position.z = 8;
+    if (this.dispose(), t === me.PERSPECTIVE || t === void 0) {
+      this.instance = new O(70, this._sizes.aspect, 0.1, 100), this.instance.position.z = 8;
       return;
     }
-    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,
-      -this._sizesService.frustrum / 2,
+    t === me.ORTHOGRAPHIC && (this.instance = new L(
+      -this._sizes.aspect * this._sizes.frustrum / 2,
+      this._sizes.aspect * this._sizes.frustrum / 2,
+      this._sizes.frustrum / 2,
+      -this._sizes.frustrum / 2,
       -50,
       50
     ));
   }
+  handleStep() {
+    var t;
+    this.aspectRatio = this._sizes.aspect, (this.instance instanceof O || this.instance instanceof L) && ((t = this.instance) == null || t.updateProjectionMatrix());
+  }
   dispose() {
-    this.instance instanceof j && ((this.instance instanceof E || this.instance instanceof I) && this.instance.clearViewOffset(), this.instance.clear(), this.instance = void 0);
+    this.instance instanceof M && ((this.instance instanceof O || this.instance instanceof L) && this.instance.clearViewOffset(), this.instance.clear(), this.instance = void 0);
   }
 };
-y = si([
-  p(d.ContainerScoped),
-  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);
+S = Jt([
+  _(d.ContainerScoped),
+  kt(0, h(C))
+], 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;
+}, Oe = (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(
-      S(() => this._service.enabled)
+      P(() => this._service.enabled)
     );
   }
 };
-G = ai([
-  p(d.ContainerScoped),
-  Te(0, h(R)),
-  Te(1, h(y))
+G = ii([
+  _(d.ContainerScoped),
+  Oe(0, h($)),
+  Oe(1, h(S))
 ], G);
-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);
+var si = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, ni = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ri(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 && si(e, i, r), r;
+}, De = (t, e) => (i, s) => e(i, s, t);
 let Q = class {
-  constructor(t, e, i) {
+  constructor(t, e) {
     a(this, "_subscriptions", []);
-    this._sizesService = t, this._controller = e, this._service = i;
+    this._controller = t, this._service = e;
   }
   init() {
     this._service.init(), this._subscriptions.push(
-      this._controller.step$.subscribe(() => {
-        var t;
-        this._service.enabled && (this._service.aspectRatio = this._sizesService.aspect, (this._service.instance instanceof E || this._service.instance instanceof I) && ((t = this._service.instance) == null || t.updateProjectionMatrix()));
-      })
+      this._controller.step$.subscribe(
+        this._service.handleStep.bind(this._service)
+      )
     );
   }
   enabled(t) {
@@ -859,42 +876,42 @@ let Q = class {
     return t && (this._service.quaternion = t), this._service.quaternion;
   }
   dispose() {
-    this._subscriptions.forEach((t) => t.unsubscribe()), this._service.dispose();
+    this._subscriptions.forEach((t) => t.unsubscribe()), this._subscriptions = [], this._service.dispose();
   }
 };
-Q = li([
-  p(d.ContainerScoped),
-  K(0, h(w)),
-  K(1, h(G)),
-  K(2, h(y))
+Q = ni([
+  _(d.ContainerScoped),
+  De(0, h(G)),
+  De(1, h(S))
 ], Q);
-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;
+var oi = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, hi = (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 && oi(e, i, r), r;
 };
-let T = class {
+let R = class {
   constructor() {
-    a(this, "scene", new Fe());
+    a(this, "scene", new Le());
     a(this, "enabled", !0);
   }
 };
-T = di([
-  p(d.ContainerScoped)
-], T);
-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), vi = (t, e, i) => mi(t, e + "", i);
-let C = class {
+R = hi([
+  _(d.ContainerScoped)
+], R);
+var ci = Object.defineProperty, li = Object.getOwnPropertyDescriptor, 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--)
+    (o = t[n]) && (r = (s ? o(e, i, r) : o(r)) || r);
+  return s && r && ci(e, i, r), r;
+}, K = (t, e) => (i, s) => e(i, s, t);
+let x = class {
   constructor(t, e, i) {
     a(this, "enabled", !0);
+    a(this, "enabledAutoResize", !0);
     a(this, "instance");
-    this._worldService = t, this._cameraService = e, this._sizesService = i;
+    this._worldService = t, this._cameraService = e, this._sizes = i;
   }
-  setWebGLRenderer(t) {
-    this.instance = new Oe({
+  init(t) {
+    this.instance = new F({
       canvas: t,
       context: t.getContext("webgl2", {
         stencil: !0,
@@ -903,125 +920,137 @@ let C = class {
       powerPreference: "high-performance",
       depth: !0,
       antialias: !0
-    }), 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;
+    }), this.instance.autoClear = !1, this.instance.setPixelRatio(this._sizes.pixelRatio), this.instance.setClearColor(0, 0), this.instance.shadowMap.enabled = !0, this.instance.shadowMap.type = ot, this.instance.outputColorSpace = at, this.instance.toneMapping = ht, this.instance.toneMappingExposure = 1.75;
   }
-  setSize(t, e) {
+  handleAutoResize() {
     var i;
+    if (!this.enabledAutoResize || !(this.instance instanceof F))
+      return;
+    const { width: t, height: e } = this._sizes.getViewPortSizes();
     (i = this.instance) == null || i.setSize(t, e);
   }
   render() {
-    this.enabled && this._cameraService.instance instanceof j && this.instance instanceof Oe && (this.instance.setViewport(
-      0,
-      0,
-      this._sizesService.width,
-      this._sizesService.height
-    ), this.instance.render(
+    if (!(this._cameraService.instance instanceof M) || !(this.instance instanceof F))
+      return;
+    const t = this._sizes.fullscreen ? this._sizes.windowWidth : this._sizes.hasCanvasWrapper ? this._sizes.wrapperWidth : this._sizes.width, e = this._sizes.fullscreen ? this._sizes.windowHeight : this._sizes.hasCanvasWrapper ? this._sizes.wrapperHeight : this._sizes.height;
+    this.instance.setViewport(0, 0, t, e), this.instance.render(
       this._worldService.scene,
       this._cameraService.instance
-    ));
+    );
   }
 };
-vi(C, "RENDERER_PIXEL_RATIO", 1);
-C = fi([
-  p(d.ContainerScoped),
-  W(0, h(T)),
-  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 {
+x = pi([
+  _(d.ContainerScoped),
+  K(0, h(R)),
+  K(1, h(S)),
+  K(2, h(C))
+], x);
+var _i = Object.defineProperty, di = Object.getOwnPropertyDescriptor, ui = (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 && _i(e, i, r), r;
+}, Ee = (t, e) => (i, s) => e(i, s, t);
+let U = class {
   constructor(t, e) {
     a(this, "resize$");
     this._appController = t, this._service = e, this.resize$ = this._appController.resize$$.pipe(
-      S(() => this._service.enabled)
+      P(() => this._service.enabled)
     );
   }
 };
-Y = gi([
-  p(d.ContainerScoped),
-  Me(0, h(H)),
-  Me(1, h(w))
-], Y);
-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);
+U = ui([
+  _(d.ContainerScoped),
+  Ee(0, h(N)),
+  Ee(1, h(C))
+], U);
+var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, bi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? mi(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 && fi(e, i, r), r;
+}, V = (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(
-      S(() => this._service.enabled)
+      P(() => this._service.enabled)
     ), this.resize$ = this._sizesController.resize$.pipe(
-      S(() => this._service.enabled)
+      P(() => this._service.enabled)
     );
   }
 };
-J = yi([
-  p(d.ContainerScoped),
-  X(0, h(C)),
-  X(1, h(R)),
-  X(2, h(Y))
+J = bi([
+  _(d.ContainerScoped),
+  V(0, h(x)),
+  V(1, h($)),
+  V(2, h(U))
 ], J);
-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);
+var vi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, wi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? gi(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;
+}, $e = (t, e) => (i, s) => e(i, s, t);
 let k = class {
   constructor(t, e) {
+    a(this, "_subscriptions", []);
     this._controller = t, this._service = e;
   }
-  init(t) {
-    this._controller.step$.subscribe(() => this._service.render()), this._controller.resize$.subscribe(
-      (e) => this._service.setSize(e.windowWidth, e.windowHeight)
-    ), this._service.setWebGLRenderer(t);
+  init({ canvas: t }) {
+    this._subscriptions.push(
+      this._controller.step$.subscribe(
+        this._service.render.bind(this._service)
+      ),
+      this._controller.resize$.subscribe(
+        this._service.handleAutoResize.bind(this._service)
+      )
+    ), this._service.init(t);
   }
   enabled(t) {
     return typeof t == "boolean" && (this._service.enabled = t), this._service.enabled;
   }
+  enabledAutoResize(t) {
+    return typeof t == "boolean" && (this._service.enabledAutoResize = t), this._service.enabledAutoResize;
+  }
   instance() {
     return this._service.instance;
   }
-  setSize(t) {
-    return this._service.setSize(t.x, t.y);
-  }
   render() {
     return this._service.render();
   }
   dispose() {
     var t;
-    (t = this._service.instance) == null || t.dispose(), this._service.instance = void 0;
+    this._subscriptions.forEach((e) => e.unsubscribe()), this._subscriptions = [], (t = this._service.instance) == null || t.dispose(), this._service.instance = void 0;
   }
 };
-k = Di([
-  p(d.ContainerScoped),
-  je(0, h(J)),
-  je(1, h(C))
+k = wi([
+  _(d.ContainerScoped),
+  $e(0, h(J)),
+  $e(1, h(x))
 ], k);
-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);
+var Pi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, Ci = (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 && Pi(e, i, r), r;
+}, Re = (t, e) => (i, s) => e(i, s, t);
 let ee = class {
   constructor(t, e) {
+    a(this, "_subscriptions", []);
     this._controller = t, this._service = e;
   }
-  init(t) {
-    this._controller.resize$.subscribe((e) => {
-      this._service.width = e.windowWidth, this._service.height = e.windowHeight, this._service.aspect = e.windowWidth / e.windowHeight;
-    }), this._service.init(t);
+  init({
+    canvas: t,
+    pixelRatio: e,
+    fullScreen: i,
+    hasCanvasWrapper: s
+  }) {
+    this._subscriptions.push(
+      this._controller.resize$.subscribe(
+        this._service.handleResize.bind(this._service)
+      )
+    ), this._service.init(t, e, i, s);
   }
   dispose() {
-  }
-  aspect(t) {
-    return typeof t == "number" && (this._service.aspect = t), this._service.aspect;
+    this._subscriptions.forEach((t) => t.unsubscribe()), this._subscriptions = [];
   }
   enabled(t) {
     return typeof t == "boolean" && (this._service.enabled = t), this._service.enabled;
@@ -1032,44 +1061,62 @@ let ee = class {
   height(t) {
     return typeof t == "number" && (this._service.height = t), this._service.height;
   }
+  width(t) {
+    return typeof t == "number" && (this._service.width = t), this._service.width;
+  }
+  wrapperHeight(t) {
+    return typeof t == "number" && (this._service.wrapperHeight = t), this._service.wrapperHeight;
+  }
+  wrapperWidth(t) {
+    return typeof t == "number" && (this._service.wrapperWidth = t), this._service.wrapperWidth;
+  }
+  windowHeight(t) {
+    return typeof t == "number" && (this._service.windowHeight = t), this._service.windowHeight;
+  }
+  windowWidth(t) {
+    return typeof t == "number" && (this._service.windowWidth = t), this._service.windowWidth;
+  }
+  aspect(t) {
+    return typeof t == "number" && (this._service.aspect = t), this._service.aspect;
+  }
   pixelRatio(t) {
     return typeof t == "number" && (this._service.pixelRatio = t), this._service.pixelRatio;
   }
-  width(t) {
-    return typeof t == "number" && (this._service.width = t), this._service.width;
+  getViewPortSizes() {
+    return this._service.getViewPortSizes();
   }
   resize$() {
     return this._controller.resize$;
   }
 };
-ee = Ri([
-  p(d.ContainerScoped),
-  xe(0, h(Y)),
-  xe(1, h(w))
+ee = Ci([
+  _(d.ContainerScoped),
+  Re(0, h(U)),
+  Re(1, h(C))
 ], ee);
-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);
+var Si = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Di = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Oi(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 && Si(e, i, r), r;
+}, Ei = (t, e) => (i, s) => e(i, s, t);
 let te = class {
   constructor(t) {
-    a(this, "_beforeRender$$", new N());
-    a(this, "_afterRender$$", new N());
-    a(this, "beforeRender$", this._beforeRender$$.pipe(x()));
-    a(this, "afterRender$", this._afterRender$$.pipe(x()));
+    a(this, "_beforeRender$$", new I());
+    a(this, "_afterRender$$", new I());
+    a(this, "beforeRender$", this._beforeRender$$.pipe(j()));
+    a(this, "afterRender$", this._afterRender$$.pipe(j()));
     this._worldService = t, this._worldService.scene.onBeforeRender = () => this._beforeRender$$.next({}), this._worldService.scene.onAfterRender = () => this._afterRender$$.next({});
   }
 };
-te = ji([
-  p(d.ContainerScoped),
-  xi(0, h(T))
+te = Di([
+  _(d.ContainerScoped),
+  Ei(0, h(R))
 ], te);
-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);
+var $i = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Ti = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ri(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 && $i(e, i, r), r;
+}, Te = (t, e) => (i, s) => e(i, s, t);
 let ie = class {
   constructor(t, e) {
     this._service = t, this._controller = e;
@@ -1079,7 +1126,7 @@ let ie = class {
   dispose() {
   }
   scene(t) {
-    return t instanceof Fe && (this._service.scene = t), this._service.scene;
+    return t instanceof Le && (this._service.scene = t), this._service.scene;
   }
   enabled(t) {
     return typeof t == "boolean" && (this._service.enabled = t), this._service.enabled;
@@ -1091,16 +1138,16 @@ let ie = class {
     return this._controller.afterRender$;
   }
 };
-ie = zi([
-  p(d.ContainerScoped),
-  Ae(0, h(T)),
-  Ae(1, h(te))
+ie = Ti([
+  _(d.ContainerScoped),
+  Te(0, h(R)),
+  Te(1, h(te))
 ], ie);
-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);
+var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Ai = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? ji(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 && Mi(e, i, r), r;
+}, T = (t, e) => (i, s) => e(i, s, t);
 let se = class {
   constructor(t, e, i, s, r) {
     a(this, "enabled", !1);
@@ -1109,54 +1156,51 @@ let se = class {
     a(this, "miniCameraControls");
     a(this, "axesHelper");
     a(this, "gridHelper");
-    this._appService = t, this._sizesService = e, this._rendererService = i, this._cameraService = s, this._worldService = r;
+    this._appService = t, this._sizes = e, this._rendererService = i, this._cameraService = s, this._worldService = r;
   }
   _renderMiniCamera() {
-    var t, e, i, s, r;
-    !this.enabled || !this.miniCamera || ((t = this._rendererService.instance) == null || t.setScissorTest(!0), (e = this._rendererService.instance) == null || e.setViewport(
-      this._sizesService.width - this._sizesService.width / 3,
-      this._sizesService.height - this._sizesService.height / 3,
-      this._sizesService.width / 3,
-      this._sizesService.height / 3
-    ), (i = this._rendererService.instance) == null || i.setScissor(
-      this._sizesService.width - this._sizesService.width / 3,
-      this._sizesService.height - this._sizesService.height / 3,
-      this._sizesService.width / 3,
-      this._sizesService.height / 3
-    ), (s = this._rendererService.instance) == null || s.render(
+    var i, s, r, n, o;
+    if (!this.enabled || !this.miniCamera) return;
+    const { width: t, height: e } = this._sizes.getViewPortSizes();
+    (i = this._rendererService.instance) == null || i.setScissorTest(!0), (s = this._rendererService.instance) == null || s.setViewport(
+      t - t / 3,
+      e - e / 3,
+      t / 3,
+      e / 3
+    ), (r = this._rendererService.instance) == null || r.setScissor(
+      t - t / 3,
+      e - e / 3,
+      t / 3,
+      e / 3
+    ), (n = this._rendererService.instance) == null || n.render(
       this._worldService.scene,
       this.miniCamera
-    ), (r = this._rendererService.instance) == null || r.setScissorTest(!1));
+    ), (o = this._rendererService.instance) == null || o.setScissorTest(!1);
   }
   initMiniCamera() {
-    this.disposeMiniCamera(), this.enabled && (this.miniCamera = new E(
-      75,
-      this._sizesService.width / this._sizesService.height,
-      0.1,
-      500
-    ), this.miniCamera.position.z = 10, this.miniCamera.position.x = -5);
+    this.disposeMiniCamera(), this.enabled && (this.miniCamera = new O(75, this._sizes.aspect, 0.1, 500), this.miniCamera.position.z = 10, this.miniCamera.position.x = -5);
   }
   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 $e(
+    this.cameraControls && ((t = this.cameraControls) == null || t.dispose()), !(!this.enabled || !(this._cameraService.instance instanceof M)) && this._cameraService.instance instanceof M && (this.cameraControls = new Ce(
       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 $e(
+    this.miniCameraControls && this.miniCameraControls.dispose(), !(!this.enabled || !this.miniCamera) && (this.miniCameraControls = new Ce(
       this.miniCamera,
       this._appService.proxyReceiver
     ), this.miniCameraControls.rotateSpeed = 0.15, this.miniCameraControls.enableDamping = !0);
   }
   initAxesHelper(t) {
-    this.enabled && (this.axesHelper = new ut(t), this._worldService.scene.add(this.axesHelper));
+    this.enabled && (this.axesHelper = new ct(t), this._worldService.scene.add(this.axesHelper));
   }
   initGridHelper(t) {
-    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new mt(t, t), this._worldService.scene.add(this.gridHelper));
+    this.gridHelper && this._worldService.scene.remove(this.gridHelper), this.enabled && (this.gridHelper = new lt(t, t), this._worldService.scene.add(this.gridHelper));
   }
   disposeMiniCamera() {
-    this.miniCamera instanceof j && (this.miniCamera.clearViewOffset(), this.miniCamera.clear(), this.miniCamera = void 0);
+    this.miniCamera instanceof M && (this.miniCamera.clearViewOffset(), this.miniCamera.clear(), this.miniCamera = void 0);
   }
   update() {
     var t, e;
@@ -1167,47 +1211,46 @@ 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 = Hi([
-  p(d.ContainerScoped),
-  M(0, h(A)),
-  M(1, h(w)),
-  M(2, h(C)),
-  M(3, h(y)),
-  M(4, h(T))
+se = Ai([
+  _(d.ContainerScoped),
+  T(0, h(A)),
+  T(1, h(C)),
+  T(2, h(x)),
+  T(3, h(S)),
+  T(4, h(R))
 ], se);
-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);
+var xi = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, Li = (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 && xi(e, i, r), r;
+}, Me = (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(
-      S(() => this._service.enabled)
+      P(() => this._service.enabled)
     );
   }
 };
-re = Ui([
-  p(d.ContainerScoped),
-  Le(0, h(R)),
-  Le(1, h(y))
+re = Li([
+  _(d.ContainerScoped),
+  Me(0, h($)),
+  Me(1, h(S))
 ], re);
-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 {
+var Hi = 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 && Hi(e, i, r), r;
+}, je = (t, e) => (i, s) => e(i, s, t);
+let ne = class {
   constructor(t, e) {
     a(this, "_subscriptions", []);
     this._service = t, this._controller = e;
   }
   init(t) {
-    this._service.enabled = !!t.enableDebug, this._service.enabled && (t.withMiniCamera && this._service.initMiniCamera(), t.enableControls && (this._service.initOrbitControl(), this._service.initMiniCameraOrbitControls()), typeof (t == null ? void 0 : t.axesSizes) == "number" && this._service.initAxesHelper(t.axesSizes), typeof (t == null ? void 0 : t.gridSizes) == "number" && this._service.initGridHelper(t.gridSizes), this._subscriptions.push(
-      this._controller.step$.subscribe(() => {
-        this._service.update();
-      })
+    var e, i, s, r, n;
+    this._service.enabled = !!((e = t.debug) != null && e.enabled), this._service.enabled && ((i = t.debug) != null && i.withMiniCamera && this._service.initMiniCamera(), (s = t.debug) != null && s.enableControls && (this._service.initOrbitControl(), this._service.initMiniCameraOrbitControls()), typeof ((r = t.debug) == null ? void 0 : r.axesSizes) == "number" && this._service.initAxesHelper(t.debug.axesSizes), typeof ((n = t.debug) == null ? void 0 : n.gridSizes) == "number" && this._service.initGridHelper(t.debug.gridSizes), this._subscriptions.push(
+      this._controller.step$.subscribe(this._service.update.bind(this._service))
     ));
   }
   enabled(t) {
@@ -1232,20 +1275,20 @@ let oe = class {
     return this._controller.step$;
   }
   dispose() {
-    this._service.dispose(), this._subscriptions.forEach((t) => t.unsubscribe());
+    this._service.dispose(), this._subscriptions.forEach((t) => t.unsubscribe()), this._subscriptions = [];
   }
 };
-oe = Wi([
-  p(d.ContainerScoped),
-  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;
+ne = Ni([
+  _(d.ContainerScoped),
+  je(0, h(se)),
+  je(1, h(re))
+], ne);
+var Wi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Yi = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ui(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;
 };
-let U = class {
+let Y = class {
   constructor() {
     a(this, "loadedResources", {});
     a(this, "toLoadCount", 0);
@@ -1256,71 +1299,71 @@ let U = class {
     i && (this.loadedResources[e.name] = i, this.toLoadCount = s, this.loadedCount = r);
   }
 };
-U = Bi([
-  p(d.ResolutionScoped)
-], U);
-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 {
+Y = Yi([
+  _(d.ResolutionScoped)
+], Y);
+var Fi = 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 && Fi(e, i, r), r;
+}, Vi = (t, e) => (i, s) => e(i, s, t);
+let oe = class {
   constructor(t) {
-    a(this, "load$", Je(self, "message").pipe(
-      S(
+    a(this, "load$", Xe(self, "message").pipe(
+      P(
         (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);
+          return ((e = t.data) == null ? void 0 : e.token) === qe && !!((s = (i = t.data) == null ? void 0 : i.payload) != null && s.resource);
         }
       ),
-      q((t) => {
-        var i, s, r, o, n;
+      X((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, l = (s = c.animations) == null ? void 0 : s.map(
-            (g) => ft.parse(g)
+            (w) => pt.parse(w)
           ), u = (r = c.cameras) == null ? void 0 : r.map(
-            (g) => Se(g)
-          ), O = (o = c.scenes) == null ? void 0 : o.map(
-            (g) => Se(g)
-          ), L = O == null ? void 0 : O[0];
+            (w) => be(w)
+          ), y = (n = c.scenes) == null ? void 0 : n.map(
+            (w) => be(w)
+          ), z = y == null ? void 0 : y[0];
           return {
             ...e,
-            resource: { ...c, animations: l, cameras: u, scene: L, scenes: O }
+            resource: { ...c, animations: l, cameras: u, scene: z, scenes: y }
           };
         }
-        return ((n = e == null ? void 0 : e.source) == null ? void 0 : n.type) === "font" ? {
+        return ((o = e == null ? void 0 : e.source) == null ? void 0 : o.type) === "font" ? {
           ...e,
-          resource: new et(e.resource.data)
+          resource: new Be(e.resource.data)
         } : e;
       }),
-      x()
+      j()
     ));
     a(this, "loadCompleted$", this.load$.pipe(
-      S(
+      P(
         (t) => !!t && t.toLoadCount === t.loadedCount
       ),
-      q(
-        () => tt(this._service, [
+      X(
+        () => Ge(this._service, [
           "loadedCount",
           "loadedResources",
           "toLoadCount"
         ])
       ),
-      x()
+      j()
     ));
     this._service = t;
   }
 };
-ne = Qi([
-  p(d.ContainerScoped),
-  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);
+oe = Ki([
+  _(d.ContainerScoped),
+  Vi(0, h(Y))
+], 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, 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;
+}, Ae = (t, e) => (i, s) => e(i, s, t);
 let ae = class {
   constructor(t, e) {
     a(this, "_subscriptions", []);
@@ -1349,22 +1392,22 @@ let ae = class {
     return this._controller.loadCompleted$;
   }
   dispose() {
-    this._subscriptions.forEach((t) => t.unsubscribe());
+    this._subscriptions.forEach((t) => t.unsubscribe()), this._subscriptions = [];
   }
 };
-ae = ts([
-  p(d.ContainerScoped),
-  Ie(0, h(ne)),
-  Ie(1, h(U))
+ae = Bi([
+  _(d.ContainerScoped),
+  Ae(0, h(oe)),
+  Ae(1, h(Y))
 ], ae);
-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, 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();
+var Gi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, Ji = (t, e, i, s) => {
+  for (var r = s > 1 ? void 0 : s ? Qi(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;
+}, g = (t, e) => (i, s) => e(i, s, t);
+let he = class extends Qe {
+  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) => {
@@ -1399,49 +1442,46 @@ let he = class extends it {
     return this.world.getAfterRender$();
   }
   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));
+    this._service.init(t.canvas), this.sizes.init(t), this.camera.init(), this.world.init(), this.renderer.init(t), 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 = rs([
-  p(d.ContainerScoped),
-  P(0, h(H)),
-  P(1, h(A)),
-  P(2, h(V)),
-  P(3, h(ee)),
-  P(4, h(Q)),
-  P(5, h(ie)),
-  P(6, h(k)),
-  P(7, h(ae)),
-  P(8, h(oe))
+he = Ji([
+  _(d.ContainerScoped),
+  g(0, h(N)),
+  g(1, h(A)),
+  g(2, h(B)),
+  g(3, h(ee)),
+  g(4, h(Q)),
+  g(5, h(ie)),
+  g(6, h(k)),
+  g(7, h(ae)),
+  g(8, h(ne))
 ], he);
-var os = st();
-const _e = /* @__PURE__ */ rt(os), ns = _e.expose;
-_e.registerSerializer;
-_e.Transfer;
-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())
+var ki = Je();
+const pe = /* @__PURE__ */ ke(ki), es = pe.expose;
+pe.registerSerializer;
+pe.Transfer;
+const rs = async (t) => {
+  const e = ve.createChildContainer(), i = e.resolve(he), s = { container: e, module: i }, r = {}, n = (c) => {
+    var u, y, z, w, _e;
+    if (!((u = c.data) != null && u.initApp) || !((y = c.data) != null && y.canvas) && !((z = c.data) != null && z.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);
+    const l = c.data.canvas || (t == null ? void 0 : t.canvas) || (c.data.mainThread ? (w = self == null ? void 0 : self.document) == null ? void 0 : w.getElementsByTagName(
+      "canvas"
+    )[0] : void 0);
     i.init({
       ...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", o);
+      canvas: l
+    }), (_e = t == null ? void 0 : t.onReady) == null || _e.call(t, s), self == null || self.removeEventListener("message", n);
   };
-  e.register(ot, { useValue: e }), ce.forEach((c) => {
+  e.register(et, { 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", o);
-  const n = {
+  }), self == null || self.addEventListener("message", n);
+  const o = {
     ...r,
     getProxyReceiver: i.getProxyReceiver.bind(i),
     getIsInitialized: i.getIsInitialized.bind(i),
@@ -1451,15 +1491,16 @@ const ls = (t) => {
     getAfterRender$: i.getAfterRender$.bind(i),
     dispose: i.dispose.bind(i)
   };
-  we.register("MAIN_THREAD_APP", { useValue: n });
+  ve.register("MAIN_THREAD_APP", { useValue: o });
   try {
-    ns(n);
+    es(o);
   } catch (c) {
-    console.warn("Failed to expose the app module.", c.message);
+    const l = c instanceof Error ? c.message : "Unknown error";
+    console.warn("Unable to expose the App Module.", l);
   }
   return s;
 };
 export {
   he as AppModule,
-  ls as launchApp
+  rs as launchApp
 };