@realsee/dnalogel 2.1.0 → 2.1.2-alpha.0

package/libs/CSS3DRenderPlugin/CSS3DRender.js

@@ -1,30 +1,54 @@
-var J = Object.defineProperty;
-var K = (S, e, t) => e in S ? J(S, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : S[e] = t;
-var b = (S, e, t) => (K(S, typeof e != "symbol" ? e + "" : e, t), t);
-import * as C from "three";
-import { CSS3DRenderer as B } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { Subscribe as X } from "../shared-utils/Subscribe.js";
-import { evenNumber as L } from "./utils/evenNumber.js";
-import { anyPositionToVector3 as Y } from "./utils/positionToVector3.js";
-import { CSS3DObjectPlus as Z } from "./utils/CSS3DObjectPlus.js";
-import { MinRatio as fe } from "./utils/CSS3DObjectPlus.js";
-import "./utils/centerPoint.js";
-const ee = "v2.0.1", x = "CSS3DRenderer", ce = "__CSS3DOBJECT_CSS3DRENDER_CONTAINER__", m = `${x}@${ee}`, P = (S) => `${m}--${S}`, o = {};
-class ae {
+var Z = Object.defineProperty;
+var x = Object.getOwnPropertySymbols;
+var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
+var F = (b, e, t) => e in b ? Z(b, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : b[e] = t, U = (b, e) => {
+  for (var t in e || (e = {}))
+    ee.call(e, t) && F(b, t, e[t]);
+  if (x)
+    for (var t of x(e))
+      te.call(e, t) && F(b, t, e[t]);
+  return b;
+};
+var l = (b, e, t) => (F(b, typeof e != "symbol" ? e + "" : e, t), t);
+var C = (b, e, t) => new Promise((s, n) => {
+  var d = (i) => {
+    try {
+      a(t.next(i));
+    } catch (f) {
+      n(f);
+    }
+  }, c = (i) => {
+    try {
+      a(t.throw(i));
+    } catch (f) {
+      n(f);
+    }
+  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(d, c);
+  a((t = t.apply(b, e)).next());
+});
+import * as y from "three";
+import { CSS3DRenderer as H } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { Subscribe as se } from "../shared-utils/Subscribe.js";
+import { evenNumber as N } from "./utils/evenNumber.js";
+import { anyPositionToVector3 as oe } from "./utils/positionToVector3.js";
+import { CSS3DObjectPlus as ne } from "./utils/CSS3DObjectPlus.js";
+import { MinRatio as Se } from "./utils/CSS3DObjectPlus.js";
+const re = "v2.0.1", _ = "CSS3DRenderer", m = `${_}@${re}`, V = (b) => `${m}--${b}`, o = {};
+class fe {
   constructor() {
-    b(this, "hooks", new X());
-    b(this, "state", {
+    l(this, "hooks", new se());
+    l(this, "state", {
       enabled: !0,
       visible: !0,
       disposed: !1
     });
-    b(this, "store", {
+    l(this, "store", {
       rendered: !1,
       disposers: [],
       frontModeCSS3DObjects: {},
       behindModeCSS3DObjects: {}
     });
-    b(this, "create3DElement", (e, t, s) => {
+    l(this, "create3DElement", (e, t, s) => {
       if (this.state.disposed)
         return this.disposedErrorLog();
       const n = (() => {
@@ -37,131 +61,131 @@ class ae {
           pointerEvents: "none"
         };
         return Object.assign(r, s);
-      })(), i = t.map(Y);
-      if ((i == null ? void 0 : i.length) < 4)
+      })(), d = t.map(oe);
+      if ((d == null ? void 0 : d.length) < 4)
         return console.error(`${m}: requires 4 point but params may have fewer`);
-      const { ratio: d, devicePixelRatio: a, mode: h, autoRender: p, container: f, pointerEvents: N } = n, w = [], { css3DObject: c, opacityMesh: O } = this.createObject(i, { ratio: d, dpr: a, container: f, mode: h, pointerEvents: N });
-      f.id = `container--${c.uuid}`;
-      const U = h === "front" && !o.frontModeStore, H = h === "behind" && !o.behindModeStore;
-      h === "front" && this.initGlobalModeStore("front"), h === "behind" && this.initGlobalModeStore("behind", n.scene), c.hooks.on("changeMode", (r, D, M) => {
-        var k, T, $;
+      const { ratio: c, devicePixelRatio: a, mode: i, autoRender: f, container: u, pointerEvents: G } = n, z = [], { css3DObject: h, opacityMesh: O } = this.createObject(d, { ratio: c, dpr: a, container: u, mode: i, pointerEvents: G });
+      u.id = `container--${h.uuid}`;
+      const Q = i === "front" && !o.frontModeStore, W = i === "behind" && !o.behindModeStore;
+      i === "front" && this.initGlobalModeStore("front"), i === "behind" && this.initGlobalModeStore("behind", n.scene), h.hooks.on("changeMode", (r, D, M) => {
+        var B, L, P;
         if (r === D)
           return;
         r === "front" && this.initGlobalModeStore("front"), r === "behind" && this.initGlobalModeStore("behind", M);
-        const l = D === "front" ? o.frontModeStore : o.behindModeStore, u = r === "front" ? o.frontModeStore : o.behindModeStore, A = D === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects, I = r === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects;
-        if (!A || !I)
+        const S = D === "front" ? o.frontModeStore : o.behindModeStore, p = r === "front" ? o.frontModeStore : o.behindModeStore, I = D === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects, w = r === "behind" ? this.store.behindModeCSS3DObjects : this.store.frontModeCSS3DObjects;
+        if (!I || !w)
           return console.error(`${m}: changeMode error: prevObjects or nextObjects is undefined`);
-        const j = A[c.uuid];
+        const j = I[h.uuid];
         if (!j)
           return console.error(`${m}: changeMode error: prevObject is undefined`);
         if (r === "behind") {
-          const _ = (k = j.opacityMesh) != null ? k : this.createOpacityMesh(j.css3DObject);
-          l == null || l.css3DScene.remove(j.css3DObject), I[c.uuid] = { css3DObject: c, opacityMesh: _, visible: !0, enabled: !0, mode: r, scene: M }, u == null || u.css3DScene.add(c), M == null || M.add(_);
+          const T = (B = j.opacityMesh) != null ? B : this.createOpacityMesh(j.css3DObject);
+          S == null || S.css3DScene.remove(j.css3DObject), w[h.uuid] = { css3DObject: h, opacityMesh: T, visible: !0, enabled: !0, mode: r, scene: M }, p == null || p.css3DScene.add(h), M == null || M.add(T);
         }
-        r === "front" && (l == null || l.css3DScene.remove(j.css3DObject), ($ = (T = A[c.uuid]) == null ? void 0 : T.scene) == null || $.remove(j.opacityMesh), I[c.uuid] = { css3DObject: c, visible: !0, enabled: !0, mode: r }, u == null || u.css3DScene.add(c)), r === "behind" && this.appendToElement(o.behindModeContainer, "behind"), r === "front" && this.appendToElement(o.frontModeContainer, "front"), this.render(e), console.log("change success");
+        r === "front" && (S == null || S.css3DScene.remove(j.css3DObject), (P = (L = I[h.uuid]) == null ? void 0 : L.scene) == null || P.remove(j.opacityMesh), w[h.uuid] = { css3DObject: h, visible: !0, enabled: !0, mode: r }, p == null || p.css3DScene.add(h)), r === "behind" && this.appendToElement(o.behindModeContainer, "behind"), r === "front" && this.appendToElement(o.frontModeContainer, "front"), this.render(e), console.log("change success");
       });
-      const y = h === "front" ? o.frontModeStore : o.behindModeStore, { css3DScene: E, css3DRenderer: v } = y, F = (() => {
+      const g = i === "front" ? o.frontModeStore : o.behindModeStore, { css3DScene: E, css3DRenderer: v } = g, q = (() => {
         const r = () => {
-          var M, l;
-          const D = c.mode;
+          var M, S;
+          const D = h.mode;
           if (D === "front")
-            this.store.frontModeCSS3DObjects[c.uuid] = {
+            this.store.frontModeCSS3DObjects[h.uuid] = {
               visible: !0,
               enabled: !0,
-              css3DObject: c,
+              css3DObject: h,
               mode: "front"
             };
           else {
             if (!n.scene)
               return;
-            this.store.behindModeCSS3DObjects[c.uuid] = {
+            this.store.behindModeCSS3DObjects[h.uuid] = {
               visible: !0,
               enabled: !0,
-              css3DObject: c,
+              css3DObject: h,
               opacityMesh: O,
               mode: "behind",
               scene: n.scene
             };
           }
-          E.getObjectById(c.id) || E.add(c), D === "behind" && O && ((M = n.scene) != null && M.getObjectById(O.id) || (l = n.scene) == null || l.add(O), w.push(() => {
-            var u;
-            return O && ((u = n.scene) == null ? void 0 : u.remove(O));
+          E.getObjectById(h.id) || E.add(h), D === "behind" && O && ((M = n.scene) != null && M.getObjectById(O.id) || (S = n.scene) == null || S.add(O), z.push(() => {
+            var p;
+            return O && ((p = n.scene) == null ? void 0 : p.remove(O));
           }));
         };
-        return U || H ? (v.domElement.style.position = "absolute", v.domElement.style.top = "0", v.domElement.style.userSelect = "none", v.domElement.style.pointerEvents = "none", v.domElement.classList.add(P(h)), () => {
+        return Q || W ? (v.domElement.style.position = "absolute", v.domElement.style.top = "0", v.domElement.style.userSelect = "none", v.domElement.style.pointerEvents = "none", v.domElement.classList.add(V(i)), () => {
           r(), this.render(e);
         }) : (this.store.rendered = !0, () => r());
-      })(), z = h === "front" ? o.frontModeContainer : o.behindModeContainer;
-      if (z) {
-        this.appendToElement(z, h);
-        const r = h === "front" ? o.frontModeStore : o.behindModeStore;
+      })(), k = i === "front" ? o.frontModeContainer : o.behindModeContainer;
+      if (k) {
+        this.appendToElement(k, i);
+        const r = i === "front" ? o.frontModeStore : o.behindModeStore;
         r && (r.appendedToPage = !0);
       }
-      const g = (r) => this.setVisibleById(c.uuid, r), R = (r) => this.setEnabledById(c.uuid, r), V = () => g(!0), G = () => g(!1), Q = () => R(!0), W = () => R(!1), q = () => (delete this.store.frontModeCSS3DObjects[c.uuid], delete this.store.behindModeCSS3DObjects[c.uuid], w.forEach((r) => r == null ? void 0 : r()), E.remove(c), E.children.length === 0 && (typeof y.requestAnimationFrameId == "number" && cancelAnimationFrame(y.requestAnimationFrameId), v.domElement.remove(), h === "front" && (o.frontModeStore = void 0), h === "behind" && (o.behindModeStore = void 0), o.frontModeResizeObserver = void 0, o.behindModeResizeObserver = void 0), !0);
-      return this.store.disposers.push(q), p && F(), {
-        id: c.uuid,
-        container: f,
-        dispose: q,
-        css3DObject: c,
-        render: p ? void 0 : F,
-        show: V,
-        hide: G,
-        setVisible: g,
-        disable: W,
-        enable: Q,
-        setEnabled: R,
-        appendToElement: (r) => this.appendToElement(r, h)
+      const R = (r) => this.setVisibleById(h.uuid, r), A = (r) => this.setEnabledById(h.uuid, r), J = () => R(!0), K = () => R(!1), X = () => A(!0), Y = () => A(!1), $ = () => (delete this.store.frontModeCSS3DObjects[h.uuid], delete this.store.behindModeCSS3DObjects[h.uuid], z.forEach((r) => r == null ? void 0 : r()), E.remove(h), E.children.length === 0 && (typeof g.requestAnimationFrameId == "number" && cancelAnimationFrame(g.requestAnimationFrameId), v.domElement.remove(), i === "front" && (o.frontModeStore = void 0), i === "behind" && (o.behindModeStore = void 0), o.frontModeResizeObserver = void 0, o.behindModeResizeObserver = void 0), !0);
+      return this.store.disposers.push($), f && q(), {
+        id: h.uuid,
+        container: u,
+        dispose: $,
+        css3DObject: h,
+        render: f ? void 0 : q,
+        show: J,
+        hide: K,
+        setVisible: R,
+        disable: Y,
+        enable: X,
+        setEnabled: A,
+        appendToElement: (r) => this.appendToElement(r, i)
       };
     });
-    b(this, "setVisibleById", (e, t) => {
+    l(this, "setVisibleById", (e, t) => {
       var n;
       const s = (n = this.store.frontModeCSS3DObjects[e]) != null ? n : this.store.behindModeCSS3DObjects[e];
       if (!s)
         return console.error("id not found", e);
       s.visible = t, this.state.visible && (s.css3DObject.visible = t, s.mode === "behind" && (s.opacityMesh.visible = t));
     });
-    b(this, "setEnabledById", (e, t) => {
-      var i, d, a;
-      const s = (i = this.store.frontModeCSS3DObjects[e]) != null ? i : this.store.behindModeCSS3DObjects[e];
+    l(this, "setEnabledById", (e, t) => {
+      var d, c, a;
+      const s = (d = this.store.frontModeCSS3DObjects[e]) != null ? d : this.store.behindModeCSS3DObjects[e];
       if (!s)
         return;
-      const n = s.mode === "front" ? (d = o.frontModeStore) == null ? void 0 : d.css3DScene : (a = o.behindModeStore) == null ? void 0 : a.css3DScene;
+      const n = s.mode === "front" ? (c = o.frontModeStore) == null ? void 0 : c.css3DScene : (a = o.behindModeStore) == null ? void 0 : a.css3DScene;
       !n || (t ? (n.add(s.css3DObject), s.mode === "behind" && s.scene.add(s.opacityMesh)) : (n.remove(s.css3DObject), s.mode === "behind" && s.scene.remove(s.opacityMesh)), s.enabled = t);
     });
-    b(this, "createObject", (e, t) => {
-      const { ratio: s, dpr: n, container: i, mode: d, pointerEvents: a } = t, h = new Z(i, e, s, n, d);
-      i.style.pointerEvents = a, i.classList.add(`${x}__container`);
-      const p = d === "behind" ? this.createOpacityMesh(h) : void 0;
-      return { css3DObject: h, opacityMesh: p };
+    l(this, "createObject", (e, t) => {
+      const { ratio: s, dpr: n, container: d, mode: c, pointerEvents: a } = t, i = new ne(d, e, s, n, c);
+      d.style.pointerEvents = a, d.classList.add(`${_}__container`);
+      const f = c === "behind" ? this.createOpacityMesh(i) : void 0;
+      return { css3DObject: i, opacityMesh: f };
     });
-    b(this, "createOpacityMesh", (e) => {
-      const { domWidthPx: t, domHeightPx: s } = e, n = new C.MeshBasicMaterial({
+    l(this, "createOpacityMesh", (e) => {
+      const { domWidthPx: t, domHeightPx: s } = e, n = new y.MeshBasicMaterial({
         opacity: 0,
         color: 0,
         transparent: !1,
-        side: C.DoubleSide
-      }), i = new C.PlaneGeometry(t, s), d = new C.Mesh(i, n);
-      return d.name = P("mesh"), d.position.copy(e.position), d.rotation.copy(e.rotation), d.scale.copy(e.scale), e.hooks.on("applyMatrix4", (a) => d.applyMatrix4(a)), e.hooks.on("applyQuaternion", (a) => d.applyQuaternion(a)), e.hooks.on("applyScaleMatrix4", (a) => d.scale.applyMatrix4(a)), d;
+        side: y.DoubleSide
+      }), d = new y.PlaneGeometry(t, s), c = new y.Mesh(d, n);
+      return c.name = V("mesh"), c.position.copy(e.position), c.rotation.copy(e.rotation), c.scale.copy(e.scale), e.hooks.on("applyMatrix4", (a) => c.applyMatrix4(a)), e.hooks.on("applyQuaternion", (a) => c.applyQuaternion(a)), e.hooks.on("applyScaleMatrix4", (a) => c.scale.applyMatrix4(a)), c;
     });
-    b(this, "createResizeObserver", (e, t, s = !0) => {
+    l(this, "createResizeObserver", (e, t, s = !0) => {
       if (!e)
         return console.error("createResizeObserver: element is undefined"), { observe: () => {
         }, unobserve: () => {
         } };
       const n = () => {
-        const d = L(e.clientWidth, { smaller: !0 }), a = L(e.clientHeight, { smaller: !0 });
-        t(d, a);
+        const c = N(e.clientWidth, { smaller: !0 }), a = N(e.clientHeight, { smaller: !0 });
+        t(c, a);
       };
-      if (typeof ResizeObserver > "u" || !ResizeObserver)
+      if (typeof ResizeObserver == "undefined" || !ResizeObserver)
         return console.warn("createResizeObserver: ResizeObserver is undefined"), { observe: () => n(), unobserve: () => {
         } };
-      const i = new ResizeObserver(n);
+      const d = new ResizeObserver(n);
       return s && n(), {
-        observe: () => i.observe(e),
-        unobserve: () => i.unobserve(e)
+        observe: () => d.observe(e),
+        unobserve: () => d.unobserve(e)
       };
     });
-    b(this, "disposedErrorLog", () => {
+    l(this, "disposedErrorLog", () => {
       console.error(`${m} is disposed`);
     });
   }
@@ -171,21 +195,25 @@ class ae {
   setState(e, t = { userAction: !0 }) {
     if (this.state.disposed)
       return this.disposedErrorLog();
-    const s = { ...this.state };
+    const s = U({}, 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()), this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: t.userAction });
   }
   dispose() {
     this.store.disposers.forEach((e) => e == null ? void 0 : e()), this.store.disposers = [], this.hooks.emit("dispose"), this.state.disposed = !0;
   }
-  async show({ userAction: e } = { userAction: !0 }) {
-    if (this.state.disposed)
-      return this.disposedErrorLog();
-    this.setState({ visible: !0 }, { userAction: e }), this.hooks.emit("show", { userAction: e });
+  show() {
+    return C(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !0 }, { userAction: e }), this.hooks.emit("show", { userAction: e });
+    });
   }
-  async hide({ userAction: e } = { userAction: !0 }) {
-    if (this.state.disposed)
-      return this.disposedErrorLog();
-    this.setState({ visible: !1 }, { userAction: e }), this.hooks.emit("hide", { userAction: e });
+  hide() {
+    return C(this, arguments, function* ({ userAction: e } = { userAction: !0 }) {
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.setState({ visible: !1 }, { userAction: e }), this.hooks.emit("hide", { userAction: e });
+    });
   }
   enable({ userAction: e } = { userAction: !0 }) {
     if (this.state.disposed)
@@ -221,18 +249,18 @@ class ae {
     if (!n)
       return console.error("wrapper is undefined");
     if (n.appendChild(s.css3DRenderer.domElement), t === "behind" && !o.behindModeResizeObserver) {
-      const i = (h, p) => {
-        var f;
-        (f = o.behindModeStore) == null || f.css3DRenderer.setSize(h, p);
-      }, { observe: d, unobserve: a } = this.createResizeObserver(n, i, !0);
-      o.behindModeResizeObserver = { observe: d, unobserve: a }, d(), this.store.disposers.push(a);
+      const d = (i, f) => {
+        var u;
+        (u = o.behindModeStore) == null || u.css3DRenderer.setSize(i, f);
+      }, { observe: c, unobserve: a } = this.createResizeObserver(n, d, !0);
+      o.behindModeResizeObserver = { observe: c, unobserve: a }, c(), this.store.disposers.push(a);
     }
     if (t === "front" && !o.frontModeResizeObserver) {
-      const i = (h, p) => {
-        var f;
-        (f = o.frontModeStore) == null || f.css3DRenderer.setSize(h, p);
-      }, { observe: d, unobserve: a } = this.createResizeObserver(n, i, !0);
-      o.frontModeResizeObserver = { observe: d, unobserve: a }, d(), this.store.disposers.push(a);
+      const d = (i, f) => {
+        var u;
+        (u = o.frontModeStore) == null || u.css3DRenderer.setSize(i, f);
+      }, { observe: c, unobserve: a } = this.createResizeObserver(n, d, !0);
+      o.frontModeResizeObserver = { observe: c, unobserve: a }, c(), this.store.disposers.push(a);
     }
     s.appendedToPage = !0;
   }
@@ -240,15 +268,15 @@ class ae {
     const t = o.behindModeStore, s = o.frontModeStore;
     if (t && Object.keys(this.store.behindModeCSS3DObjects).length > 0 && !t.requestAnimationFrameId) {
       const n = () => {
-        const i = requestAnimationFrame(n);
-        t.requestAnimationFrameId = i, t.css3DRenderer.render(t.css3DScene, e);
+        const d = requestAnimationFrame(n);
+        t.requestAnimationFrameId = d, t.css3DRenderer.render(t.css3DScene, e);
       };
       n();
     }
     if (s && Object.keys(this.store.frontModeCSS3DObjects).length > 0 && !s.requestAnimationFrameId) {
       const n = () => {
-        const i = requestAnimationFrame(n);
-        s.requestAnimationFrameId = i, s.css3DRenderer.render(s.css3DScene, e);
+        const d = requestAnimationFrame(n);
+        s.requestAnimationFrameId = d, s.css3DRenderer.render(s.css3DScene, e);
       };
       n();
     }
@@ -256,20 +284,24 @@ class ae {
   }
   initGlobalModeStore(e, t) {
     const s = e === "front" && !o.frontModeStore;
-    e === "behind" && !o.behindModeStore && (o.behindModeStore = { scene: t, css3DScene: new C.Scene(), css3DRenderer: new B() }), s && (o.frontModeStore = { css3DScene: new C.Scene(), css3DRenderer: new B() });
+    e === "behind" && !o.behindModeStore && (o.behindModeStore = { scene: t, css3DScene: new y.Scene(), css3DRenderer: new H() }), s && (o.frontModeStore = { css3DScene: new y.Scene(), css3DRenderer: new H() });
   }
-  async handleShow() {
-    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
-      e.css3DObject.visible = e.visible;
-    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
-      e.css3DObject.visible = e.visible, e.opacityMesh.visible = e.visible;
+  handleShow() {
+    return C(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = e.visible, e.opacityMesh.visible = e.visible;
+      });
     });
   }
-  async handleHide() {
-    Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
-      e.css3DObject.visible = !1;
-    }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
-      e.css3DObject.visible = !1, e.opacityMesh.visible = !1;
+  handleHide() {
+    return C(this, null, function* () {
+      Object.values(this.store.frontModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1;
+      }), Object.values(this.store.behindModeCSS3DObjects).forEach((e) => {
+        e.css3DObject.visible = !1, e.opacityMesh.visible = !1;
+      });
     });
   }
   handleEnable() {
@@ -292,9 +324,8 @@ class ae {
   }
 }
 export {
-  ae as CSS3DRender,
-  fe as MinRatio,
+  fe as CSS3DRender,
+  Se as MinRatio,
   m as PLUGIN,
-  ce as __ELEMENT__,
   o as globalStore
 };

package/libs/CSS3DRenderPlugin/Controller.d.ts

@@ -64,9 +64,9 @@ export default class Controller extends CSS3DRender implements BasePlugin.Contro
      * ```
      */
     create3DDomContainer: (points: Create3DDomContainerParamsType['points'], config?: Create3DDomContainerParamsType['config']) => {
-        render: (() => void) | undefined;
+        render: () => void;
         id: string;
-        container: HTMLDivElement & HTMLElement;
+        container: HTMLElement;
         dispose: () => boolean;
         css3DObject: import("./utils/CSS3DObjectPlus").CSS3DObjectPlus<HTMLElement>;
         show: () => void;
@@ -76,6 +76,6 @@ export default class Controller extends CSS3DRender implements BasePlugin.Contro
         enable: () => void;
         setEnabled: (enabled: boolean) => void;
         appendToElement: (container: Element) => void;
-    } | undefined;
+    };
     private getBehindFiveElement;
 }

package/libs/CSS3DRenderPlugin/Controller.js

@@ -1,81 +1,84 @@
-var b = Object.defineProperty;
-var E = (r, n, t) => n in r ? b(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var l = (r, n, t) => (E(r, typeof n != "symbol" ? n + "" : n, t), t);
-import { CSS3DRender as R } from "./CSS3DRender.js";
-import "three";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/Subscribe.js";
-import "./utils/evenNumber.js";
-import "./utils/positionToVector3.js";
-import "./utils/CSS3DObjectPlus.js";
-import "./utils/centerPoint.js";
-const C = "v2.0.1", f = `CSS3DRenderPlugin@${C}`;
-class N extends R {
-  constructor(t) {
+var y = Object.defineProperty, F = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var h = (s, n, e) => n in s ? y(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e, v = (s, n) => {
+  for (var e in n || (n = {}))
+    S.call(n, e) && h(s, e, n[e]);
+  if (R)
+    for (var e of R(n))
+      D.call(n, e) && h(s, e, n[e]);
+  return s;
+}, m = (s, n) => F(s, P(n));
+var l = (s, n, e) => (h(s, typeof n != "symbol" ? n + "" : n, e), e);
+import { CSS3DRender as w } from "./CSS3DRender.js";
+const x = "v2.0.1", C = `CSS3DRenderPlugin@${x}`;
+class N extends w {
+  constructor(e) {
     super();
     l(this, "five");
     l(this, "behindFiveContainer");
     l(this, "staticPrefix", "//vrlab-static.ljcdn.com");
-    l(this, "create3DDomContainer", (t, e) => {
+    l(this, "create3DDomContainer", (e, t) => {
       if (this.state.disposed)
         return;
       const i = (() => {
-        var v;
-        (e == null ? void 0 : e.dpr) !== void 0 && console.warn(`${f}: please use "config.devicePixelRatio" replace "config.dpr"`);
+        var E;
+        (t == null ? void 0 : t.dpr) !== void 0 && console.warn(`${C}: please use "config.devicePixelRatio" replace "config.dpr"`);
         const a = {
           ratio: 216e-5,
-          devicePixelRatio: (v = e == null ? void 0 : e.dpr) != null ? v : 1,
+          devicePixelRatio: (E = t == null ? void 0 : t.dpr) != null ? E : 1,
           mode: "front",
           autoRender: !0
         };
-        return Object.assign(a, e, (e == null ? void 0 : e.mode) === "behind" ? { scene: this.five.scene } : void 0);
+        return Object.assign(a, t, (t == null ? void 0 : t.mode) === "behind" ? { scene: this.five.scene } : void 0);
       })(), o = this.five.getElement();
       if (!o) {
-        console.error(`${f}: five.getElement() is ${o}`);
+        console.error(`${C}: five.getElement() is ${o}`);
         return;
       }
-      const { autoRender: d, mode: s } = i, c = s === "front" ? o.parentElement : i.behindFiveContainer;
-      this.setContainer(c || document.body, "front");
-      const p = this.getBehindFiveElement();
-      p && this.setContainer(p, "behind"), this.appendToElement(c || document.body, s);
-      const m = this.create3DElement(this.five.camera, t, { ...i, autoRender: !1 });
-      if (!m)
+      const { autoRender: d, mode: r } = i, p = r === "front" ? o.parentElement : i.behindFiveContainer;
+      this.setContainer(p || document.body, "front");
+      const f = this.getBehindFiveElement();
+      f && this.setContainer(f, "behind"), this.appendToElement(p || document.body, r);
+      const u = this.create3DElement(this.five.camera, e, m(v({}, i), { autoRender: !1 }));
+      if (!u)
         return;
-      const u = m.render, h = () => {
+      const c = u.render, b = () => {
         var a;
-        s === "front" && u(), s === "behind" && ((a = this.five.model) != null && a.loaded ? u() : this.five.once("modelLoaded", () => u()));
+        r === "front" && c(), r === "behind" && ((a = this.five.model) != null && a.loaded ? c() : this.five.once("modelLoaded", () => c()));
       };
-      return d && h(), { ...m, render: d ? void 0 : h };
+      return d && b(), m(v({}, u), { render: d ? void 0 : b });
     });
-    this.five = t;
+    this.five = e;
   }
   disposeAll() {
     return this.dispose();
   }
-  setState(...t) {
-    const e = super.setState(...t);
-    return this.five.needsRender = !0, e;
+  setState(...e) {
+    const t = super.setState(...e);
+    return this.five.needsRender = !0, t;
   }
   getBehindFiveElement() {
-    var s;
-    const { behindFiveContainer: t } = this;
-    if (t)
-      return t;
-    const e = document.createElement("div");
-    e.style.position = "absolute", e.style.pointerEvents = "none", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "100%", this.behindFiveContainer = e;
+    var r;
+    const { behindFiveContainer: e } = this;
+    if (e)
+      return e;
+    const t = document.createElement("div");
+    t.style.position = "absolute", t.style.pointerEvents = "none", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", this.behindFiveContainer = t;
     const i = this.five.getElement();
     if (!i)
       return;
-    const o = (s = i == null ? void 0 : i.style.position) != null ? s : getComputedStyle(i);
+    const o = (r = i == null ? void 0 : i.style.position) != null ? r : getComputedStyle(i);
     (!o || o === "static") && console.warn(
       "if you want to use css3DRenderPlugin behind mode, five element position is static, please set position to relative or absolute"
     );
     const d = i == null ? void 0 : i.parentElement;
     if (d)
-      return d.insertBefore(e, i), e;
+      return d.insertBefore(t, i), t;
   }
 }
 export {
-  f as PLUGIN_NAME,
+  C as PLUGIN_NAME,
   N as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,14 +1,6 @@
-import r from "./Controller.js";
-import "./CSS3DRender.js";
-import "three";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/Subscribe.js";
-import "./utils/evenNumber.js";
-import "./utils/positionToVector3.js";
-import "./utils/CSS3DObjectPlus.js";
-import "./utils/centerPoint.js";
-const f = (o) => new r(o);
+import o from "./Controller.js";
+const n = (e) => new o(e);
 export {
-  f as CSS3DRenderPlugin,
-  f as default
+  n as CSS3DRenderPlugin,
+  n as default
 };