@realsee/dnalogel 3.60.1 → 3.60.2-alpha.0

package/libs/CSS3DRenderPlugin/utils/three/CSS3DObject.js

@@ -1,86 +1,37 @@
 var A = Object.defineProperty;
-var D = (c, p, t) => p in c ? A(c, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[p] = t;
-var o = (c, p, t) => (D(c, typeof p != "symbol" ? p + "" : p, t), t);
-import { Vector3 as n } from "three";
+var D = (a, h, t) => h in a ? A(a, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[h] = t;
+var o = (a, h, t) => (D(a, typeof h != "symbol" ? h + "" : h, t), t);
+import { Vector3 as r } from "three";
 import { even as E } from "../../../shared-utils/even.js";
 import { Subscribe as N } from "../../../shared-utils/Subscribe.js";
 import { OpecityMesh as Q } from "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import { centerPoint as R } from "../../../shared-utils/three/centerPoint.js";
 import { getObjectVisible as L } from "../../../shared-utils/three/getObjectVisible.js";
-import "../../../shared-utils/tag.js";
-import "../../../vendor/hammerjs/hammer.js";
-import "../../../shared-utils/three/PointSelector/index.js";
 import { CSS3DObject as T } from "../../../shared-utils/three/CSS3DRenderer/index.js";
-import "@realsee/five/line";
 import { isNil as O } from "../../../shared-utils/isNil.js";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
-import "../../../shared-utils/three/core/Sphere.js";
-import "../../../vendor/animejs/lib/anime.es.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../shared-utils/five/FivePuppet.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../shared-utils/five/vector3ToScreen.js";
-import "../../../shared-utils/five/getFiveModel.js";
-import "../../../shared-utils/Utils/FiveUtil.js";
-import "../../../shared-utils/Utils/BaseUtil.js";
-import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/transformPosition.js";
-import "../../../shared-utils/three/temp.js";
-import "../../../shared-utils/three/core/Raycaster.js";
-import "../../../shared-utils/dom/resizeObserver.js";
-import "../../../shared-utils/five/fiveEveryReadyListener.js";
-import "../../../shared-utils/throttle.js";
-import "../../../shared-utils/five/fiveModelLoad.js";
-import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
-import "../../../shared-utils/three/Magnifier.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
-import "../../../shared-utils/three/Assets/index.js";
-import "./CSS3DObject.js";
-import "../../../shared-utils/three/PointSelector/utils/html.js";
-import "../../../shared-utils/five/initialCSS3DRender.js";
-import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../../../shared-utils/createResizeObserver.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../../../Sculpt/Meshes/Line.js";
-import "../../../Sculpt/typings/style.js";
-import "../../../shared-utils/three/IObject3D.js";
-import "../../../Sculpt/utils/removeAllTag.js";
-import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
-import "../../../shared-utils/three/applyObjectMatrixWorld.js";
-import "../../../shared-utils/util.js";
-import "../../../shared-utils/three/core/LineGeometry.js";
-import "../../../shared-utils/three/core/LineMaterial.js";
-import "../../../shared-utils/three/core/Line2.js";
-import "../../../shared-utils/three/core/LineMaterial2.js";
-import "./CSS3DSprite.js";
-import "../../../shared-utils/isTouchDevice.js";
-import "../../../shared-utils/five/getPosition.js";
-import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
-import "../../../shared-utils/three/PointSelector/utils/contents.js";
-import "@realsee/five";
 const $ = 1, W = `CSS3DObjectPlus@${$}`, k = 216e-5, z = 3e-3;
-class Bt extends T {
+class Y extends T {
   constructor(t) {
     var x, b, w, g, V;
     if (O(t.cornerPoints) && O(t.width))
       throw new Error("cornerPoints and width cannot be both empty");
-    const i = (x = t.container) != null ? x : document.createElement("div"), s = (b = t.cornerPoints) != null ? b : (() => {
-      const e = t.width / 2;
+    const e = (x = t.container) != null ? x : document.createElement("div"), s = (b = t.cornerPoints) != null ? b : (() => {
+      const i = t.width / 2;
       return [
-        new n(-e, e, 0),
-        new n(-e, -e, 0),
-        new n(e, -e, 0),
-        new n(e, e, 0)
+        new r(-i, i, 0),
+        new r(-i, -i, 0),
+        new r(i, -i, 0),
+        new r(i, i, 0)
       ];
-    })(), r = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", h = Math.max(k, r), l = s[0].distanceTo(s[1]), d = s[1].distanceTo(s[2]), m = E(l / r * P), a = E(d / r * P), y = R(...s);
+    })(), n = (w = t.ratio) != null ? w : z, P = (g = t.dpr) != null ? g : 1, F = (V = t.pointerEvents) != null ? V : "auto", c = Math.max(k, n), d = s[0].distanceTo(s[1]), m = s[1].distanceTo(s[2]), l = E(d / n * P), p = E(m / n * P), y = R(...s);
     let u;
-    if (h === r)
-      i.style.width = `${m}px`, i.style.height = `${a}px`, u = i;
+    if (c === n)
+      e.style.width = `${l}px`, e.style.height = `${p}px`, u = e;
     else {
-      const e = document.createElement("div");
-      e.style.width = `${m}px`, e.style.height = `${a}px`, e.style.pointerEvents = "none";
-      const S = r / h;
-      i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.width = `${S * m}px`, i.style.height = `${S * a}px`, e.appendChild(i), u = e;
+      const i = document.createElement("div");
+      i.style.width = `${l}px`, i.style.height = `${p}px`, i.style.pointerEvents = "none";
+      const S = n / c;
+      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${S * l}px`, e.style.height = `${S * p}px`, i.appendChild(e), u = i;
     }
     super(u);
     o(this, "version", $);
@@ -109,31 +60,31 @@ class Bt extends T {
      * @description: 生成透明Mesh
      */
     o(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: i, domHeightPx: s } = t, r = new Q(i, s);
-      return r.position.copy(t.position), r.rotation.copy(t.rotation), r.scale.copy(t.scale), r;
+      const { domWidthPx: e, domHeightPx: s } = t, n = new Q(e, s);
+      return n.position.copy(t.position), n.rotation.copy(t.rotation), n.scale.copy(t.scale), n;
     });
-    if (i.style.pointerEvents = F, Object.assign(i.style, t.style), this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = r, this.container = i, t.mode && (this.mode = t.mode), h === r)
-      this.width = l, this.height = d, this.domWidthPx = m, this.domHeightPx = a, this.centerPosition = y;
+    if (e.style.pointerEvents = F, Object.assign(e.style, t.style), this.scale.set(c, c, c), this.cornerPoints = s, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), c === n)
+      this.width = d, this.height = m, this.domWidthPx = l, this.domHeightPx = p, this.centerPosition = y;
     else {
-      const e = r / h;
-      this.width = e * l, this.height = e * d, this.domWidthPx = e * m, this.domHeightPx = e * a, this.centerPosition = new n().subVectors(y, s[0]).multiplyScalar(e).add(s[0]);
+      const i = n / c;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * l, this.domHeightPx = i * p, this.centerPosition = new r().subVectors(y, s[0]).multiplyScalar(i).add(s[0]);
     }
-    i.classList.add(`${W}__container`);
-    const C = new n().subVectors(s[1], s[0]), M = new n().subVectors(s[3], s[0]), H = new n().crossVectors(C, M).normalize();
+    e.classList.add(`${W}__container`);
+    const C = new r().subVectors(s[1], s[0]), M = new r().subVectors(s[3], s[0]), H = new r().crossVectors(C, M).normalize();
     this.lookAt(H);
-    const f = this.up.clone().applyQuaternion(this.quaternion), v = M.clone(), j = new n().crossVectors(f, v).normalize();
+    const f = this.up.clone().applyQuaternion(this.quaternion), v = M.clone(), j = new r().crossVectors(f, v).normalize();
     this.rotateOnWorldAxis(j, f.angleTo(v)), this.position.copy(y), this.addEventListener("added", () => {
-      var e;
-      this.mode === "front" && ((e = this.opacityMesh) == null || e.removeFromParent());
+      var i;
+      this.mode === "front" && ((i = this.opacityMesh) == null || i.removeFromParent());
     }), this.addEventListener("removed", () => {
-      var e;
-      (e = this.opacityMesh) == null || e.removeFromParent();
+      var i;
+      (i = this.opacityMesh) == null || i.removeFromParent();
     });
   }
   removeFromParent() {
-    var i;
+    var e;
     const t = this.parent;
-    return t !== null && t.remove(this), (i = this.opacityMesh) == null || i.removeFromParent(), this;
+    return t !== null && t.remove(this), (e = this.opacityMesh) == null || e.removeFromParent(), this;
   }
   removeOpacityMesh() {
     var t;
@@ -152,20 +103,20 @@ class Bt extends T {
     }
   }
   applyMatrix4(t) {
-    var i;
-    super.applyMatrix4(t), (i = this.opacityMesh) == null || i.applyMatrix4(t);
+    var e;
+    super.applyMatrix4(t), (e = this.opacityMesh) == null || e.applyMatrix4(t);
   }
   applyQuaternion(t) {
-    var i;
-    return super.applyQuaternion(t), (i = this.opacityMesh) == null || i.applyQuaternion(t), this;
+    var e;
+    return super.applyQuaternion(t), (e = this.opacityMesh) == null || e.applyQuaternion(t), this;
   }
   applyScaleMatrix4(t) {
-    var i;
-    this.scale.applyMatrix4(t), (i = this.opacityMesh) == null || i.scale.applyMatrix4(t);
+    var e;
+    this.scale.applyMatrix4(t), (e = this.opacityMesh) == null || e.scale.applyMatrix4(t);
   }
 }
 export {
-  Bt as CSS3DObjectPlus,
+  Y as CSS3DObjectPlus,
   z as DefaultRatio,
   k as MinRatio
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRender.js

@@ -2,36 +2,36 @@ var $ = Object.defineProperty, _ = Object.defineProperties;
 var k = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var C = (o, e, t) => e in o ? $(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, g = (o, e) => {
+var C = (n, e, t) => e in n ? $(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e) => {
   for (var t in e || (e = {}))
-    P.call(e, t) && C(o, t, e[t]);
+    P.call(e, t) && C(n, t, e[t]);
   if (R)
     for (var t of R(e))
-      L.call(e, t) && C(o, t, e[t]);
-  return o;
-}, v = (o, e) => _(o, k(e));
-var n = (o, e, t) => (C(o, typeof e != "symbol" ? e + "" : e, t), t);
-var f = (o, e, t) => new Promise((r, s) => {
+      L.call(e, t) && C(n, t, e[t]);
+  return n;
+}, v = (n, e) => _(n, k(e));
+var i = (n, e, t) => (C(n, typeof e != "symbol" ? e + "" : e, t), t);
+var p = (n, e, t) => new Promise((s, r) => {
   var d = (c) => {
     try {
-      m(t.next(c));
-    } catch (p) {
-      s(p);
+      l(t.next(c));
+    } catch (S) {
+      r(S);
     }
-  }, u = (c) => {
+  }, f = (c) => {
     try {
-      m(t.throw(c));
-    } catch (p) {
-      s(p);
+      l(t.throw(c));
+    } catch (S) {
+      r(S);
     }
-  }, m = (c) => c.done ? r(c.value) : Promise.resolve(c.value).then(d, u);
-  m((t = t.apply(o, e)).next());
+  }, l = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(d, f);
+  l((t = t.apply(n, e)).next());
 });
 import { anyPositionToVector3 as q } from "../../../shared-utils/positionToVector3.js";
 import { ICSS3DRenderer as B } from "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
 import { Subscribe as A } from "../../../shared-utils/Subscribe.js";
 import { CSS3DObjectPlus as W } from "./CSS3DObject.js";
-import { MinRatio as nt } from "./CSS3DObject.js";
+import { MinRatio as be } from "./CSS3DObject.js";
 import { CSS3DFrontScene as H, CSS3DBehindScene as T } from "./CSS3DScene.js";
 import { CSS3DFrontGroup as U, CSS3DBehindGroup as z } from "./CSS3DGroup.js";
 import { CSS3DObject as j } from "../../../shared-utils/three/CSS3DRenderer/index.js";
@@ -41,56 +41,12 @@ import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/three/getObjectVisible.js";
-import "../../../shared-utils/tag.js";
-import "../../../shared-utils/five/vector3ToScreen.js";
-import "../../../shared-utils/five/getFiveModel.js";
-import "../../../shared-utils/Utils/FiveUtil.js";
-import "../../../shared-utils/Utils/BaseUtil.js";
-import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/transformPosition.js";
-import "../../../shared-utils/three/temp.js";
-import "../../../shared-utils/three/core/Raycaster.js";
-import "../../../shared-utils/dom/resizeObserver.js";
-import "../../../shared-utils/five/fiveEveryReadyListener.js";
-import "../../../shared-utils/throttle.js";
-import "../../../vendor/hammerjs/hammer.js";
-import "../../../shared-utils/three/PointSelector/index.js";
-import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
-import "../../../shared-utils/three/Magnifier.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
-import "../../../shared-utils/three/Assets/index.js";
-import "../../../shared-utils/three/PointSelector/utils/html.js";
-import "../../../shared-utils/five/initialCSS3DRender.js";
-import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../../../Sculpt/Meshes/Line.js";
-import "../../../Sculpt/typings/style.js";
-import "../../../shared-utils/three/IObject3D.js";
-import "../../../Sculpt/utils/removeAllTag.js";
-import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
-import "../../../shared-utils/three/applyObjectMatrixWorld.js";
-import "../../../shared-utils/util.js";
-import "../../../shared-utils/three/core/LineGeometry.js";
-import "@realsee/five/line";
-import "../../../shared-utils/three/core/LineMaterial.js";
 import "../../../shared-utils/isNil.js";
-import "../../../shared-utils/three/core/Line2.js";
-import "../../../shared-utils/three/core/LineMaterial2.js";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
-import "../../../shared-utils/three/core/Sphere.js";
-import "../../../vendor/animejs/lib/anime.es.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
-import "./CSS3DSprite.js";
-import "../../../shared-utils/isTouchDevice.js";
-import "../../../shared-utils/five/getPosition.js";
-import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
-import "../../../shared-utils/three/PointSelector/utils/contents.js";
-import "../../../shared-utils/five/fiveModelLoad.js";
 import "../getAllCSS3DObject.js";
-const J = 3, G = "CSS3DRenderer", l = `${G}@${J}`, S = () => {
-  console.error(`${l} is disposed`);
-}, i = {
+import "../../../shared-utils/util.js";
+const J = 3, G = "CSS3DRenderer", b = `${G}@${J}`, u = () => {
+  console.error(`${b} is disposed`);
+}, o = {
   css3DObjects: [],
   frontModeStore: {
     css3DRenderer: new B()
@@ -99,26 +55,26 @@ const J = 3, G = "CSS3DRenderer", l = `${G}@${J}`, S = () => {
     css3DRenderer: new B()
   }
 };
-function w(o) {
-  return i.css3DObjects.find((e) => e.id === o);
+function w(n) {
+  return o.css3DObjects.find((e) => e.id === n);
 }
-function K(o) {
-  i.frontModeStore.css3DRenderer.setWrapper(o);
+function K(n) {
+  o.frontModeStore.css3DRenderer.setWrapper(n);
 }
-function Q(o) {
-  i.behindModeStore.css3DRenderer.setWrapper(o);
+function Q(n) {
+  o.behindModeStore.css3DRenderer.setWrapper(n);
 }
 class y {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(e) {
-    n(this, "hooks", new A());
-    n(this, "state", {
+    i(this, "hooks", new A());
+    i(this, "state", {
       enabled: !0,
       visible: !0,
       disposed: !1
     });
-    n(this, "_scene");
-    n(this, "store", {
+    i(this, "_scene");
+    i(this, "store", {
       frontModeGroup: new U()
     });
     /**
@@ -155,10 +111,10 @@ class y {
      *    } | void
      * ```
      */
-    n(this, "create3DElement", (e, t, r) => {
+    i(this, "create3DElement", (e, t, s) => {
       if (this.state.disposed)
-        return S();
-      const s = (() => {
+        return u();
+      const r = (() => {
         const h = {
           ratio: 216e-5,
           devicePixelRatio: 1,
@@ -168,30 +124,30 @@ class y {
           pointerEvents: "none",
           wrapperStyle: {}
         };
-        return Object.assign(h, r);
+        return Object.assign(h, s);
       })(), d = t.map(q);
       if ((d == null ? void 0 : d.length) < 4)
-        return console.error(`${l}: requires 4 point but params may have fewer`);
-      const { ratio: u, devicePixelRatio: m, mode: c, autoRender: p, container: O, pointerEvents: F, wrapperStyle: I } = s;
-      let b = !1;
-      const a = this.createObject(d, { ratio: u, dpr: m, container: O, mode: c, pointerEvents: F, wrapperStyle: I });
-      i.css3DObjects.push(a), s.scene && this.setScene(s.scene);
+        return console.error(`${b}: requires 4 point but params may have fewer`);
+      const { ratio: f, devicePixelRatio: l, mode: c, autoRender: S, container: O, pointerEvents: F, wrapperStyle: I } = r;
+      let D = !1;
+      const a = this.createObject(d, { ratio: f, dpr: l, container: O, mode: c, pointerEvents: F, wrapperStyle: I });
+      o.css3DObjects.push(a), r.scene && this.setScene(r.scene);
       const N = () => {
-        if (b)
+        if (D)
           return;
         const h = a.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
         h && h.add(a);
       }, E = () => {
-        b || (N(), this.render(e), this.hooks.emit("render"));
-      }, D = (h) => this.setVisibleById(a.id, h), M = (h) => this.setEnabledById(a.id, h), x = () => (b = !0, a.removeFromParent(), !0), V = c === "front" ? i.frontModeStore.css3DRenderer : i.behindModeStore.css3DRenderer;
-      return p && E(), {
+        D || (N(), this.render(e), this.hooks.emit("render"));
+      }, m = (h) => this.setVisibleById(a.id, h), M = (h) => this.setEnabledById(a.id, h), x = () => (D = !0, a.removeFromParent(), !0), V = c === "front" ? o.frontModeStore.css3DRenderer : o.behindModeStore.css3DRenderer;
+      return S && E(), {
         id: a.uuid,
         container: O,
         css3DObject: a,
-        render: p ? void 0 : E,
-        show: () => D(!0),
-        hide: () => D(!1),
-        setVisible: D,
+        render: S ? void 0 : E,
+        show: () => m(!0),
+        hide: () => m(!1),
+        setVisible: m,
         enable: () => M(!0),
         disable: () => M(!1),
         setEnabled: M,
@@ -199,20 +155,20 @@ class y {
         appendToElement: (h) => V.setWrapper(h)
       };
     });
-    n(this, "setVisibleById", (e, t) => {
-      var r;
-      (r = w(e)) == null || r.setVisible(t);
+    i(this, "setVisibleById", (e, t) => {
+      var s;
+      (s = w(e)) == null || s.setVisible(t);
     });
-    n(this, "setEnabledById", (e, t) => {
-      const r = w(e);
-      if (!r)
+    i(this, "setEnabledById", (e, t) => {
+      const s = w(e);
+      if (!s)
         return;
-      const s = r.mode === "front" ? this.getFrontCSS3DObjectGroup({ addGroupIfNotExists: !1 }) : this.getBehindCSS3DObjectGroup({ addGroupIfNotExists: !1 });
-      s && (t ? s.add(r) : s.remove(r));
+      const r = s.mode === "front" ? this.getFrontCSS3DObjectGroup({ addGroupIfNotExists: !1 }) : this.getBehindCSS3DObjectGroup({ addGroupIfNotExists: !1 });
+      r && (t ? r.add(s) : r.remove(s));
     });
-    n(this, "createObject", (e, t) => {
-      const r = new W(v(g({ cornerPoints: e }, t), { style: t.wrapperStyle }));
-      return r.element.classList.add(`${G}__container`), r.element.id = `${G}__container--${r.uuid}`, r;
+    i(this, "createObject", (e, t) => {
+      const s = new W(v(g({ cornerPoints: e }, t), { style: t.wrapperStyle }));
+      return s.element.classList.add(`${G}__container`), s.element.id = `${G}__container--${s.uuid}`, s;
     });
     e && this.setScene(e);
   }
@@ -220,16 +176,16 @@ class y {
     return this._scene || console.error("scene doesn't exist!, please call setScene(scene) first"), this._scene;
   }
   static get frontModeCSS3DRenderer() {
-    return i.frontModeStore.css3DRenderer;
+    return o.frontModeStore.css3DRenderer;
   }
   static get behindModeCSS3DRenderer() {
-    return i.behindModeStore.css3DRenderer;
+    return o.behindModeStore.css3DRenderer;
   }
   get frontModeCSS3DRenderer() {
-    return i.frontModeStore.css3DRenderer;
+    return o.frontModeStore.css3DRenderer;
   }
   get behindModeCSS3DRenderer() {
-    return i.behindModeStore.css3DRenderer;
+    return o.behindModeStore.css3DRenderer;
   }
   setScene(e) {
     this._scene = e;
@@ -239,100 +195,100 @@ class y {
   }
   setState(e, t = { userAction: !0 }) {
     if (this.state.disposed)
-      return S();
-    const r = g({}, this.state);
-    this.state = Object.assign(this.state, e), r.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), r.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), r.disposed !== this.state.disposed && this.handleDispose(), this.hooks.emit("stateChange", { state: this.state, prevState: r, userAction: t.userAction });
+      return u();
+    const s = g({}, this.state);
+    this.state = Object.assign(this.state, e), s.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), s.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), s.disposed !== this.state.disposed && this.handleDispose(), this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: t.userAction });
   }
   dispose() {
     this.setState({ disposed: !0 }), this.hooks.emit("dispose");
   }
   show() {
-    return f(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+    return p(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
       if (this.state.disposed)
-        return S();
+        return u();
       this.setState({ visible: !0 }, { userAction: e }), this.hooks.emit("show", { userAction: e });
     });
   }
   hide() {
-    return f(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+    return p(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
       if (this.state.disposed)
-        return S();
+        return u();
       this.setState({ visible: !1 }, { userAction: e }), this.hooks.emit("hide", { userAction: e });
     });
   }
   enable({ userAction: e } = { userAction: !0 }) {
     if (this.state.disposed)
-      return S();
+      return u();
     this.setState({ enabled: !0 }, { userAction: e }), this.hooks.emit("enable", { userAction: e });
   }
   disable({ userAction: e } = { userAction: !0 }) {
     if (this.state.disposed)
-      return S();
+      return u();
     this.setState({ enabled: !1 }, { userAction: e }), this.hooks.emit("disable", { userAction: e });
   }
   getFrontCSS3DScene({ createSceneIfNotExists: e = !1 } = {}) {
-    var r;
-    const t = (r = i.frontModeStore) == null ? void 0 : r.css3DScene;
+    var s;
+    const t = (s = o.frontModeStore) == null ? void 0 : s.css3DScene;
     if (t)
       return t;
     if (e) {
-      const s = new H();
-      i.frontModeStore.css3DScene = s;
+      const r = new H();
+      o.frontModeStore.css3DScene = r;
     }
-    return i.frontModeStore.css3DScene;
+    return o.frontModeStore.css3DScene;
   }
   getBehindCSS3DScene({ createSceneIfNotExists: e = !1 } = {}) {
-    var r, s;
-    const t = (r = i.behindModeStore) == null ? void 0 : r.css3DScene;
+    var s, r;
+    const t = (s = o.behindModeStore) == null ? void 0 : s.css3DScene;
     if (t)
       return t;
     if (e) {
-      const d = (s = i.behindModeStore.scene) != null ? s : this.scene;
+      const d = (r = o.behindModeStore.scene) != null ? r : this.scene;
       if (!d) {
-        console.error(`${l}: scene is required when mode is behind`);
+        console.error(`${b}: scene is required when mode is behind`);
         return;
       }
-      const u = new T(d);
-      i.behindModeStore.css3DScene = u, i.behindModeStore.scene = d;
+      const f = new T(d);
+      o.behindModeStore.css3DScene = f, o.behindModeStore.scene = d;
     }
-    return i.behindModeStore.css3DScene;
+    return o.behindModeStore.css3DScene;
   }
   getFrontCSS3DObjectGroup({ addGroupIfNotExists: e = !0 } = {}) {
     const t = this.getFrontCSS3DScene({ createSceneIfNotExists: e });
     return e && t && (t.getObjectById(this.store.frontModeGroup.id) || t.add(this.store.frontModeGroup)), this.store.frontModeGroup;
   }
   getBehindCSS3DObjectGroup({ addGroupIfNotExists: e = !0 } = {}) {
-    var r;
+    var s;
     const t = this.getBehindCSS3DScene({ createSceneIfNotExists: e });
     if (e && t && this.scene) {
-      const s = (r = this.store.behindModeGroup) != null ? r : new z(this.scene);
-      this.store.behindModeGroup = s, t.getObjectById(s.id) || t.add(s);
+      const r = (s = this.store.behindModeGroup) != null ? s : new z(this.scene);
+      this.store.behindModeGroup = r, t.getObjectById(r.id) || t.add(r);
     }
     return this.store.behindModeGroup;
   }
   render(e) {
-    var t, r;
+    var t, s;
     if (this.getFrontCSS3DObjectGroup({ addGroupIfNotExists: !1 }).CSS3DObjectLength > 0) {
-      const s = this.getFrontCSS3DScene({ createSceneIfNotExists: !0 });
-      if (!s)
-        return console.error(`${l}: css3DScene is required when mode is front`);
-      i.frontModeStore.css3DRenderer.renderEveryFrame(s, e);
+      const r = this.getFrontCSS3DScene({ createSceneIfNotExists: !0 });
+      if (!r)
+        return console.error(`${b}: css3DScene is required when mode is front`);
+      o.frontModeStore.css3DRenderer.renderEveryFrame(r, e);
     }
-    if (((r = (t = this.getBehindCSS3DObjectGroup({ addGroupIfNotExists: !1 })) == null ? void 0 : t.CSS3DObjectLength) != null ? r : 0) > 0) {
-      const s = this.getBehindCSS3DScene({ createSceneIfNotExists: !0 });
-      if (!s)
-        return console.error(`${l}: css3DScene is required when mode is behind`);
-      i.behindModeStore.css3DRenderer.renderEveryFrame(s, e);
+    if (((s = (t = this.getBehindCSS3DObjectGroup({ addGroupIfNotExists: !1 })) == null ? void 0 : t.CSS3DObjectLength) != null ? s : 0) > 0) {
+      const r = this.getBehindCSS3DScene({ createSceneIfNotExists: !0 });
+      if (!r)
+        return console.error(`${b}: css3DScene is required when mode is behind`);
+      o.behindModeStore.css3DRenderer.renderEveryFrame(r, e);
     }
   }
   handleShow() {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       var e;
       this.store.frontModeGroup.setVisible(!0), (e = this.store.behindModeGroup) == null || e.setVisible(!0);
     });
   }
   handleHide() {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       var e;
       this.store.frontModeGroup.setVisible(!1), (e = this.store.behindModeGroup) == null || e.setVisible(!1);
     });
@@ -342,21 +298,21 @@ class y {
     (e = this.getFrontCSS3DScene()) == null || e.add(this.store.frontModeGroup), this.store.behindModeGroup && ((t = this.getBehindCSS3DScene()) == null || t.add(this.store.behindModeGroup));
   }
   handleDisable() {
-    var e, t, r;
-    this.store.frontModeGroup.children.forEach((s) => {
-      s instanceof j && s.element instanceof Element && s.element.parentNode !== null && s.element.remove();
-    }), (e = this.store.behindModeGroup) == null || e.children.forEach((s) => {
-      s instanceof j && s.element instanceof Element && s.element.parentNode !== null && s.element.remove();
-    }), (t = this.getFrontCSS3DScene()) == null || t.remove(this.store.frontModeGroup), this.store.behindModeGroup && ((r = this.getBehindCSS3DScene()) == null || r.remove(this.store.behindModeGroup));
+    var e, t, s;
+    this.store.frontModeGroup.children.forEach((r) => {
+      r instanceof j && r.element instanceof Element && r.element.parentNode !== null && r.element.remove();
+    }), (e = this.store.behindModeGroup) == null || e.children.forEach((r) => {
+      r instanceof j && r.element instanceof Element && r.element.parentNode !== null && r.element.remove();
+    }), (t = this.getFrontCSS3DScene()) == null || t.remove(this.store.frontModeGroup), this.store.behindModeGroup && ((s = this.getBehindCSS3DScene()) == null || s.remove(this.store.behindModeGroup));
   }
   handleDispose() {
     this.handleDisable();
   }
 }
-n(y, "setFrontModeContainer", K), n(y, "setBehindModeContainer", Q);
+i(y, "setFrontModeContainer", K), i(y, "setBehindModeContainer", Q);
 export {
   y as CSS3DRender,
-  nt as MinRatio,
-  l as PLUGIN,
-  i as globalStore
+  be as MinRatio,
+  b as PLUGIN,
+  o as globalStore
 };