@realsee/dnalogel 3.0.0-10 → 3.0.0-11

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

@@ -1,29 +1,28 @@
-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";
+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";
 import { Vector3 as l } from "three";
-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 {
+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 {
   constructor(t) {
-    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);
+    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);
     let u;
     if (h === n)
-      e.style.width = `${a}px`, e.style.height = `${p}px`, u = e;
+      e.style.width = `${c}px`, e.style.height = `${p}px`, u = e;
     else {
-      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;
+      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;
     }
     super(u);
-    i(this, "version", S);
+    i(this, "version", w);
     i(this, "isCSS3DObjectPlus", !0);
     i(this, "container");
     i(this, "width");
@@ -34,40 +33,51 @@ class G extends C {
     i(this, "centerPosition");
     i(this, "ratio");
     i(this, "mode", "front");
-    i(this, "hooks", new j());
+    i(this, "hooks", new W());
     i(this, "opacityMesh");
     i(this, "selfVisible", !0);
-    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);
-    });
+    i(this, "parentVisibleListenerDisposer");
     /**
      * @description: 生成透明Mesh
      */
     i(this, "createOpacityMesh", (t) => {
-      const { domWidthPx: e, domHeightPx: o } = t, n = new A(e, o);
+      const { domWidthPx: e, domHeightPx: s } = t, n = new H(e, s);
       return n.position.copy(t.position), n.rotation.copy(t.rotation), n.scale.copy(t.scale), n;
     });
-    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;
+    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;
     else {
-      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]);
+      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]);
     }
-    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());
+    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();
     }), this.addEventListener("removed", () => {
-      var s;
-      (s = this.opacityMesh) == null || s.removeFromParent();
+      var o;
+      (o = this.opacityMesh) == null || o.removeFromParent(), this.removeParentVisibleListener();
     });
   }
+  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;
@@ -103,7 +113,7 @@ class G extends C {
   }
 }
 export {
-  G as CSS3DObjectPlus,
-  N as DefaultRatio,
-  L as MinRatio
+  U as CSS3DObjectPlus,
+  R as DefaultRatio,
+  Q as MinRatio
 };

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

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

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

@@ -4,9 +4,8 @@ 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 F extends p {
+class A extends p {
   constructor() {
     super();
     n(this, "wrapper");
@@ -44,6 +43,6 @@ class F extends p {
   }
 }
 export {
-  F as ICSS3DRenderer,
-  F as default
+  A as ICSS3DRenderer,
+  A as default
 };

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

@@ -1,40 +1,39 @@
 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 i = (n, r, e) => (h(n, typeof r != "symbol" ? r + "" : r, e), e);
-import * as s from "three";
+var s = (n, r, e) => (h(n, typeof r != "symbol" ? r + "" : r, e), e);
+import * as i from "three";
 import o from "../getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-class m extends s.Scene {
+class p extends i.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 u extends s.Scene {
+class m extends i.Scene {
   constructor(e) {
     super();
-    i(this, "scene");
+    s(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 {
-  u as CSS3DBehindScene,
-  m as CSS3DFrontScene
+  m as CSS3DBehindScene,
+  p as CSS3DFrontScene
 };