@realsee/dnalogel 3.0.0-11 → 3.0.0-13

package/libs/CSS3DRenderPlugin/utils/three/CSS3DGroup.d.ts

@@ -1,14 +1,10 @@
 import * as THREE from 'three';
-import { Subscribe } from '../../../shared-utils/Subscribe';
 import type { Object3D } from 'three';
 import type { Mode } from './CSS3DObject';
 export declare class CSS3DGroup extends THREE.Group {
     readonly isCSS3DGroup = true;
     mode: Mode;
     CSS3DObjectLength: number;
-    hooks: Subscribe<{
-        visibleChange: (visible: boolean) => void;
-    }>;
     constructor(mode: Mode);
     add(...objects: Object3D[]): this;
     setVisible(visible: boolean): void;

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

@@ -1,54 +1,55 @@
-var n = Object.defineProperty;
-var d = (r, t, e) => t in r ? n(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var s = (r, t, e) => (d(r, typeof t != "symbol" ? t + "" : t, e), e);
+var d = Object.defineProperty;
+var n = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var i = (r, t, e) => (n(r, typeof t != "symbol" ? t + "" : t, e), e);
 import * as u from "three";
-import { Subscribe as p } from "../../../shared-utils/Subscribe.js";
-import i from "../getAllCSS3DObject.js";
-class h extends u.Group {
+import h from "../getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
+class o extends u.Group {
   constructor(e) {
     super();
-    s(this, "isCSS3DGroup", !0);
-    s(this, "mode");
-    s(this, "CSS3DObjectLength", 0);
-    s(this, "hooks", new p());
+    i(this, "isCSS3DGroup", !0);
+    i(this, "mode");
+    i(this, "CSS3DObjectLength", 0);
     this.mode = e;
   }
   add(...e) {
-    return i(...e).forEach((o) => {
-      o.mode = this.mode;
+    return h(e).forEach((s) => {
+      s.mode = this.mode;
     }), super.add(...e), this.updateLength(), this;
   }
   setVisible(e) {
-    this.visible = e, this.hooks.emit("visibleChange", e);
+    this.visible = e, this.traverse((s) => {
+      s.isCSS3DObjectPlus && s.updateVisible();
+    });
   }
   remove(...e) {
     return super.remove(...e), this.updateLength(), this;
   }
   updateLength() {
-    this.CSS3DObjectLength = i(this).length;
+    this.CSS3DObjectLength = h(this).length;
   }
 }
-class m extends h {
+class c extends o {
   constructor() {
     super("front");
   }
 }
-class g extends h {
+class m extends o {
   constructor(e) {
     super("behind");
-    s(this, "scene");
+    i(this, "scene");
     if (!e)
       throw new Error("CSS3DBehindScene: scene is required");
     this.scene = e;
   }
   add(...e) {
-    return i(...e).forEach((o) => {
-      this.scene.add(o.getOpacityMesh());
+    return h(e).forEach((s) => {
+      this.scene.add(s.getOpacityMesh());
     }), super.add(...e), this;
   }
 }
 export {
-  g as CSS3DBehindGroup,
-  m as CSS3DFrontGroup,
-  h as CSS3DGroup
+  m as CSS3DBehindGroup,
+  c as CSS3DFrontGroup,
+  o as CSS3DGroup
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DObject.d.ts

@@ -1,5 +1,6 @@
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import { Matrix4, Quaternion, Vector3 } from 'three';
+import type { Matrix4, Quaternion } from 'three';
+import { Vector3 } from 'three';
 import { Subscribe } from '../../../shared-utils/Subscribe';
 import OpacityMesh from './OpacityMesh';
 export declare const MinRatio = 0.00216;
@@ -26,7 +27,6 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
     readonly hooks: Subscribe<CSS3DRenderEventMap>;
     opacityMesh?: OpacityMesh;
     private selfVisible;
-    private parentVisibleListenerDisposer?;
     constructor(params: {
         container: T;
         mode?: 'front' | 'behind';
@@ -34,10 +34,10 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
         ratio?: number;
         dpr?: number;
         pointerEvents?: 'none' | 'auto';
+        style?: Partial<CSSStyleDeclaration>;
     });
-    setVisible(visible: boolean, params?: {
-        setSelfVisible: boolean;
-    }): void;
+    setVisible: (visible: boolean) => void;
+    updateVisible: () => void;
     removeFromParent(): this;
     removeOpacityMesh(): this;
     dispose(): void;
@@ -49,6 +49,4 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
      * @description: 生成透明Mesh
      */
     private createOpacityMesh;
-    private addParentVisibleListener;
-    private removeParentVisibleListener;
 }

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

@@ -1,28 +1,29 @@
-var $ = Object.defineProperty;
-var D = (a, r, t) => r in a ? $(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t;
-var i = (a, r, t) => (D(a, typeof r != "symbol" ? r + "" : r, t), t);
-import { CSS3DObject as F } from "three/examples/jsm/renderers/CSS3DRenderer";
+var W = Object.defineProperty;
+var H = (c, r, t) => r in c ? W(c, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[r] = t;
+var i = (c, r, t) => (H(c, typeof r != "symbol" ? r + "" : r, t), t);
+import { CSS3DObject as C } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { Vector3 as l } from "three";
-import { even as S } from "../even.js";
-import { Subscribe as W } from "../../../shared-utils/Subscribe.js";
-import H from "./OpacityMesh.js";
-import { centerPoint as k } from "../../../shared-utils/three/centerPoint.js";
-const w = 1, A = `CSS3DObjectPlus@${w}`, Q = 216e-5, R = 3e-3;
-class U extends F {
+import { even as w } from "../even.js";
+import { Subscribe as j } from "../../../shared-utils/Subscribe.js";
+import A from "./OpacityMesh.js";
+import { centerPoint as Q } from "../../../shared-utils/three/centerPoint.js";
+import { getObjectVisible as R } from "../../../shared-utils/three/getObjectVisible.js";
+const S = 1, D = `CSS3DObjectPlus@${S}`, L = 216e-5, N = 3e-3;
+class G extends C {
   constructor(t) {
-    var v, x, V;
-    const e = t.container, s = t.cornerPoints, n = (v = t.ratio) != null ? v : R, P = (x = t.dpr) != null ? x : 1, E = (V = t.pointerEvents) != null ? V : "auto", h = Math.max(Q, n), d = s[0].distanceTo(s[1]), m = s[1].distanceTo(s[2]), c = S(d / n * P), p = S(m / n * P), y = k(...s);
+    var f, b, g;
+    const e = t.container, o = t.cornerPoints, n = (f = t.ratio) != null ? f : N, M = (b = t.dpr) != null ? b : 1, O = (g = t.pointerEvents) != null ? g : "auto", h = Math.max(L, n), d = o[0].distanceTo(o[1]), y = o[1].distanceTo(o[2]), a = w(d / n * M), p = w(y / n * M), m = Q(...o);
     let u;
     if (h === n)
-      e.style.width = `${c}px`, e.style.height = `${p}px`, u = e;
+      e.style.width = `${a}px`, e.style.height = `${p}px`, u = e;
     else {
-      const o = document.createElement("div");
-      o.style.width = `${c}px`, o.style.height = `${p}px`, o.style.pointerEvents = "none";
-      const g = n / h;
-      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${g * c}px`, e.style.height = `${g * p}px`, o.appendChild(e), u = o;
+      const s = document.createElement("div");
+      s.style.width = `${a}px`, s.style.height = `${p}px`, s.style.pointerEvents = "none";
+      const V = n / h;
+      e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = `${V * a}px`, e.style.height = `${V * p}px`, s.appendChild(e), u = s;
     }
     super(u);
-    i(this, "version", w);
+    i(this, "version", S);
     i(this, "isCSS3DObjectPlus", !0);
     i(this, "container");
     i(this, "width");
@@ -33,51 +34,40 @@ class U extends F {
     i(this, "centerPosition");
     i(this, "ratio");
     i(this, "mode", "front");
-    i(this, "hooks", new W());
+    i(this, "hooks", new j());
     i(this, "opacityMesh");
     i(this, "selfVisible", !0);
-    i(this, "parentVisibleListenerDisposer");
+    i(this, "setVisible", (t) => {
+      this.selfVisible = t, this.visible = R(this.parent) && this.selfVisible, this.opacityMesh && (this.opacityMesh.visible = this.visible);
+    });
+    i(this, "updateVisible", () => {
+      this.setVisible(this.selfVisible);
+    });
     /**
      * @description: 生成透明Mesh
      */
     i(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: e, domHeightPx: s } = t, n = new H(e, s);
+      const { domWidthPx: e, domHeightPx: o } = t, n = new A(e, o);
       return n.position.copy(t.position), n.rotation.copy(t.rotation), n.scale.copy(t.scale), n;
     });
-    i(this, "addParentVisibleListener", () => {
-      var t;
-      if ((t = this.parent) != null && t.isCSS3DGroup) {
-        const e = this.parent, s = (n) => {
-          this.setVisible(n && this.selfVisible, { setSelfVisible: !1 });
-        };
-        e.hooks.on("visibleChange", s), this.parentVisibleListenerDisposer = () => e.hooks.off("visibleChange", s);
-      }
-    });
-    i(this, "removeParentVisibleListener", () => {
-      var t;
-      (t = this.parentVisibleListenerDisposer) == null || t.call(this);
-    });
-    if (e.style.pointerEvents = E, this.scale.set(h, h, h), this.cornerPoints = s, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), h === n)
-      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = p, this.centerPosition = y;
+    if (e.style.pointerEvents = O, Object.assign(e.style, t.style), this.scale.set(h, h, h), this.cornerPoints = o, this.ratio = n, this.container = e, t.mode && (this.mode = t.mode), h === n)
+      this.width = d, this.height = y, this.domWidthPx = a, this.domHeightPx = p, this.centerPosition = m;
     else {
-      const o = n / h;
-      this.width = o * d, this.height = o * m, this.domWidthPx = o * c, this.domHeightPx = o * p, this.centerPosition = new l().subVectors(y, s[0]).multiplyScalar(o).add(s[0]);
+      const s = n / h;
+      this.width = s * d, this.height = s * y, this.domWidthPx = s * a, this.domHeightPx = s * p, this.centerPosition = new l().subVectors(m, o[0]).multiplyScalar(s).add(o[0]);
     }
-    e.classList.add(`${A}__container`);
-    const L = new l().subVectors(s[1], s[0]), M = new l().subVectors(s[3], s[0]), O = new l().crossVectors(L, M).normalize();
-    this.lookAt(O);
-    const f = this.up.clone().applyQuaternion(this.quaternion), b = M.clone(), C = new l().crossVectors(f, b).normalize();
-    this.rotateOnWorldAxis(C, f.angleTo(b)), this.position.copy(y), this.addEventListener("added", () => {
-      var o;
-      this.mode === "front" && ((o = this.opacityMesh) == null || o.removeFromParent()), this.addParentVisibleListener();
+    e.classList.add(`${D}__container`);
+    const E = new l().subVectors(o[1], o[0]), P = new l().subVectors(o[3], o[0]), $ = new l().crossVectors(E, P).normalize();
+    this.lookAt($);
+    const x = this.up.clone().applyQuaternion(this.quaternion), v = P.clone(), F = new l().crossVectors(x, v).normalize();
+    this.rotateOnWorldAxis(F, x.angleTo(v)), this.position.copy(m), this.addEventListener("added", () => {
+      var s;
+      this.mode === "front" && ((s = this.opacityMesh) == null || s.removeFromParent());
     }), this.addEventListener("removed", () => {
-      var o;
-      (o = this.opacityMesh) == null || o.removeFromParent(), this.removeParentVisibleListener();
+      var s;
+      (s = this.opacityMesh) == null || s.removeFromParent();
     });
   }
-  setVisible(t, e = { setSelfVisible: !0 }) {
-    e.setSelfVisible && (this.selfVisible = t), this.visible = t, this.opacityMesh && (this.opacityMesh.visible = t);
-  }
   removeFromParent() {
     var e;
     const t = this.parent;
@@ -113,7 +103,7 @@ class U extends F {
   }
 }
 export {
-  U as CSS3DObjectPlus,
-  R as DefaultRatio,
-  Q as MinRatio
+  G as CSS3DObjectPlus,
+  N as DefaultRatio,
+  L as MinRatio
 };

package/libs/CSS3DRenderPlugin/utils/three/CSS3DRender.d.ts

@@ -47,6 +47,7 @@ export interface Create3DDElementParamsType {
         autoRender?: boolean;
         container?: HTMLElement;
         pointerEvents?: 'none' | 'auto';
+        wrapperStyle?: Partial<CSSStyleDeclaration>;
         scene?: THREE.Scene;
     } & ({
         mode?: 'front';

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

@@ -1,16 +1,17 @@
-var x = Object.defineProperty;
+var $ = Object.defineProperty, _ = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var C = (o, e, t) => e in o ? x(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, g = (o, e) => {
+var P = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+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 = {}))
-    V.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))
-      $.call(e, t) && C(o, t, e[t]);
-  return o;
-};
-var i = (o, e, t) => (C(o, typeof e != "symbol" ? e + "" : e, t), t);
-var p = (o, e, t) => new Promise((s, r) => {
+      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 {
       l(t.next(c));
@@ -24,46 +25,48 @@ var p = (o, e, t) => new Promise((s, r) => {
       r(S);
     }
   }, l = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(d, f);
-  l((t = t.apply(o, e)).next());
+  l((t = t.apply(n, e)).next());
 });
-import { anyPositionToVector3 as _ } from "../../../shared-utils/positionToVector3.js";
-import v from "./CSS3DRenderer.js";
-import { Subscribe as k } from "../../../shared-utils/Subscribe.js";
-import { CSS3DObjectPlus as P } from "./CSS3DObject.js";
-import { MinRatio as he } from "./CSS3DObject.js";
-import { CSS3DFrontScene as L, CSS3DBehindScene as q } from "./CSS3DScene.js";
-import { CSS3DFrontGroup as A, CSS3DBehindGroup as W } from "./CSS3DGroup.js";
-import { CSS3DObject as B } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { anyPositionToVector3 as q } from "../../../shared-utils/positionToVector3.js";
+import B from "./CSS3DRenderer.js";
+import { Subscribe as A } from "../../../shared-utils/Subscribe.js";
+import { CSS3DObjectPlus as W } from "./CSS3DObject.js";
+import { MinRatio as pe } 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 "three/examples/jsm/renderers/CSS3DRenderer";
 import "three";
 import "../getAllCSS3DObject.js";
+import "../../../shared-utils/util.js";
 import "../createResizeObserver.js";
 import "../even.js";
 import "./OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
-const H = 3, G = "CSS3DRenderer", b = `${G}@${H}`, u = () => {
+import "../../../shared-utils/three/getObjectVisible.js";
+const J = 3, G = "CSS3DRenderer", b = `${G}@${J}`, u = () => {
   console.error(`${b} is disposed`);
-}, n = {
+}, o = {
   css3DObjects: [],
   frontModeStore: {
-    css3DRenderer: new v()
+    css3DRenderer: new B()
   },
   behindModeStore: {
-    css3DRenderer: new v()
+    css3DRenderer: new B()
   }
 };
-function j(o) {
-  return n.css3DObjects.find((e) => e.id === o);
+function w(n) {
+  return o.css3DObjects.find((e) => e.id === n);
 }
-function T(o) {
-  n.frontModeStore.css3DRenderer.setWrapper(o);
+function K(n) {
+  o.frontModeStore.css3DRenderer.setWrapper(n);
 }
-function U(o) {
-  n.behindModeStore.css3DRenderer.setWrapper(o);
+function Q(n) {
+  o.behindModeStore.css3DRenderer.setWrapper(n);
 }
-class w {
+class y {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(e) {
-    i(this, "hooks", new k());
+    i(this, "hooks", new A());
     i(this, "state", {
       enabled: !0,
       visible: !0,
@@ -71,7 +74,7 @@ class w {
     });
     i(this, "_scene");
     i(this, "store", {
-      frontModeGroup: new A()
+      frontModeGroup: new U()
     });
     /**
      * @description 根据传入的四个点位创建一个 3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
@@ -117,24 +120,25 @@ class w {
           mode: "front",
           autoRender: !0,
           container: document.createElement("div"),
-          pointerEvents: "none"
+          pointerEvents: "none",
+          wrapperStyle: {}
         };
         return Object.assign(h, s);
-      })(), d = t.map(_);
+      })(), d = t.map(q);
       if ((d == null ? void 0 : d.length) < 4)
         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 } = r;
+      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 });
-      n.css3DObjects.push(a), r.scene && this.setScene(r.scene);
-      const I = () => {
+      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 (D)
           return;
         const h = a.mode === "front" ? this.getFrontCSS3DObjectGroup() : this.getBehindCSS3DObjectGroup();
         h && h.add(a);
       }, E = () => {
-        D || (I(), this.render(e), this.hooks.emit("render"));
-      }, m = (h) => this.setVisibleById(a.id, h), M = (h) => this.setEnabledById(a.id, h), y = () => (D = !0, a.removeFromParent(), !0), N = c === "front" ? n.frontModeStore.css3DRenderer : n.behindModeStore.css3DRenderer;
+        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,
@@ -146,23 +150,23 @@ class w {
         enable: () => M(!0),
         disable: () => M(!1),
         setEnabled: M,
-        dispose: y,
-        appendToElement: (h) => N.setWrapper(h)
+        dispose: x,
+        appendToElement: (h) => V.setWrapper(h)
       };
     });
     i(this, "setVisibleById", (e, t) => {
       var s;
-      (s = j(e)) == null || s.setVisible(t);
+      (s = w(e)) == null || s.setVisible(t);
     });
     i(this, "setEnabledById", (e, t) => {
-      const s = j(e);
+      const s = w(e);
       if (!s)
         return;
       const r = s.mode === "front" ? this.getFrontCSS3DObjectGroup({ addGroupIfNotExists: !1 }) : this.getBehindCSS3DObjectGroup({ addGroupIfNotExists: !1 });
       r && (t ? r.add(s) : r.remove(s));
     });
     i(this, "createObject", (e, t) => {
-      const s = new P(g({ cornerPoints: 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);
@@ -171,16 +175,16 @@ class w {
     return this._scene || console.error("scene doesn't exist!, please call setScene(scene) first"), this._scene;
   }
   static get frontModeCSS3DRenderer() {
-    return n.frontModeStore.css3DRenderer;
+    return o.frontModeStore.css3DRenderer;
   }
   static get behindModeCSS3DRenderer() {
-    return n.behindModeStore.css3DRenderer;
+    return o.behindModeStore.css3DRenderer;
   }
   get frontModeCSS3DRenderer() {
-    return n.frontModeStore.css3DRenderer;
+    return o.frontModeStore.css3DRenderer;
   }
   get behindModeCSS3DRenderer() {
-    return n.behindModeStore.css3DRenderer;
+    return o.behindModeStore.css3DRenderer;
   }
   setScene(e) {
     this._scene = e;
@@ -223,30 +227,30 @@ class w {
   }
   getFrontCSS3DScene({ createSceneIfNotExists: e = !1 } = {}) {
     var s;
-    const t = (s = n.frontModeStore) == null ? void 0 : s.css3DScene;
+    const t = (s = o.frontModeStore) == null ? void 0 : s.css3DScene;
     if (t)
       return t;
     if (e) {
-      const r = new L();
-      n.frontModeStore.css3DScene = r;
+      const r = new H();
+      o.frontModeStore.css3DScene = r;
     }
-    return n.frontModeStore.css3DScene;
+    return o.frontModeStore.css3DScene;
   }
   getBehindCSS3DScene({ createSceneIfNotExists: e = !1 } = {}) {
     var s, r;
-    const t = (s = n.behindModeStore) == null ? void 0 : s.css3DScene;
+    const t = (s = o.behindModeStore) == null ? void 0 : s.css3DScene;
     if (t)
       return t;
     if (e) {
-      const d = (r = n.behindModeStore.scene) != null ? r : this.scene;
+      const d = (r = o.behindModeStore.scene) != null ? r : this.scene;
       if (!d) {
         console.error(`${b}: scene is required when mode is behind`);
         return;
       }
-      const f = new q(d);
-      n.behindModeStore.css3DScene = f, n.behindModeStore.scene = d;
+      const f = new T(d);
+      o.behindModeStore.css3DScene = f, o.behindModeStore.scene = d;
     }
-    return n.behindModeStore.css3DScene;
+    return o.behindModeStore.css3DScene;
   }
   getFrontCSS3DObjectGroup({ addGroupIfNotExists: e = !0 } = {}) {
     const t = this.getFrontCSS3DScene({ createSceneIfNotExists: e });
@@ -256,7 +260,7 @@ class w {
     var s;
     const t = this.getBehindCSS3DScene({ createSceneIfNotExists: e });
     if (e && t && this.scene) {
-      const r = (s = this.store.behindModeGroup) != null ? s : new W(this.scene);
+      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;
@@ -267,13 +271,13 @@ class w {
       const r = this.getFrontCSS3DScene({ createSceneIfNotExists: !0 });
       if (!r)
         return console.error(`${b}: css3DScene is required when mode is front`);
-      n.frontModeStore.css3DRenderer.renderEveryFrame(r, e);
+      o.frontModeStore.css3DRenderer.renderEveryFrame(r, 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`);
-      n.behindModeStore.css3DRenderer.renderEveryFrame(r, e);
+      o.behindModeStore.css3DRenderer.renderEveryFrame(r, e);
     }
   }
   handleShow() {
@@ -295,19 +299,19 @@ class w {
   handleDisable() {
     var e, t, s;
     this.store.frontModeGroup.children.forEach((r) => {
-      r instanceof B && r.element instanceof Element && r.element.parentNode !== null && r.element.remove();
+      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 B && r.element instanceof Element && r.element.parentNode !== null && r.element.remove();
+      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();
   }
 }
-i(w, "setFrontModeContainer", T), i(w, "setBehindModeContainer", U);
+i(y, "setFrontModeContainer", K), i(y, "setBehindModeContainer", Q);
 export {
-  w as CSS3DRender,
-  he as MinRatio,
+  y as CSS3DRender,
+  pe as MinRatio,
   b as PLUGIN,
-  n as globalStore
+  o as globalStore
 };

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

@@ -4,8 +4,9 @@ var n = (r, t, e) => (l(r, typeof t != "symbol" ? t + "" : t, e), e);
 import { CSS3DRenderer as p } from "three/examples/jsm/renderers/CSS3DRenderer";
 import h from "../getAllCSS3DObject.js";
 import u from "../createResizeObserver.js";
+import "../../../shared-utils/util.js";
 import "../even.js";
-class A extends p {
+class F extends p {
   constructor() {
     super();
     n(this, "wrapper");
@@ -43,6 +44,6 @@ class A extends p {
   }
 }
 export {
-  A as ICSS3DRenderer,
-  A as default
+  F as ICSS3DRenderer,
+  F as default
 };

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

@@ -1,39 +1,40 @@
 var a = Object.defineProperty;
 var h = (n, r, e) => r in n ? a(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
-var s = (n, r, e) => (h(n, typeof r != "symbol" ? r + "" : r, e), e);
-import * as i from "three";
+var i = (n, r, e) => (h(n, typeof r != "symbol" ? r + "" : r, e), e);
+import * as s from "three";
 import o from "../getAllCSS3DObject.js";
-class p extends i.Scene {
+import "../../../shared-utils/util.js";
+class m extends s.Scene {
   constructor() {
     super();
   }
   add(...r) {
-    return super.add(...r), o(...r).forEach((e) => {
+    return super.add(...r), o(r).forEach((e) => {
       e.mode = "front";
     }), this;
   }
 }
-class m extends i.Scene {
+class u extends s.Scene {
   constructor(e) {
     super();
-    s(this, "scene");
+    i(this, "scene");
     if (!e)
       throw new Error("CSS3DBehindScene: scene is required");
     this.scene = e;
   }
   add(...e) {
-    return super.add(...e), o(...e).forEach((t) => {
+    return super.add(...e), o(e).forEach((t) => {
       t.mode = "behind", this.scene.add(t.getOpacityMesh());
     }), this;
   }
   remove(...e) {
-    return o(...e).forEach((t) => {
+    return o(e).forEach((t) => {
       var d;
       (d = t.opacityMesh) == null || d.removeFromParent(), t.opacityMesh = null;
     }), super.remove(...e), this;
   }
 }
 export {
-  m as CSS3DBehindScene,
-  p as CSS3DFrontScene
+  u as CSS3DBehindScene,
+  m as CSS3DFrontScene
 };