@realsee/dnalogel 3.0.0-0 → 3.0.0-2

package/libs/AreaMakerPlugin/Controller.js

@@ -38,16 +38,18 @@ import { equal as k } from "../shared-utils/equal.js";
 import { AreaMakerItem as y } from "./utils/Item.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../CSS3DRenderPlugin/utils/even.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/isTruelyObject.js";
@@ -59,7 +61,7 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-class ot extends _ {
+class rt extends _ {
   /** AreaMakerPlugin
    * @param `five` `<Five>` Five 实例
    * @param `params` `<PluginType.Params> | <undefined>` 插件初始化参数
@@ -334,5 +336,5 @@ class ot extends _ {
   }
 }
 export {
-  ot as Controller
+  rt as Controller
 };

package/libs/AreaMakerPlugin/index.js

@@ -11,15 +11,17 @@ import "../shared-utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../CSS3DRenderPlugin/utils/even.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "./utils/Item.js";
@@ -31,7 +33,7 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-const I = (r, o) => new t(r, o);
+const K = (r, o) => new t(r, o);
 export {
-  I as AreaMakerPlugin
+  K as AreaMakerPlugin
 };

package/libs/AreaMakerPlugin/utils/Item.js

@@ -17,11 +17,13 @@ import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../shared-utils/util.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";
+import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/index.js";
@@ -37,7 +39,7 @@ class v extends b {
     this.areaMakerItem.makerObject.raycast(e, s);
   }
 }
-class q {
+class Q {
   constructor(t, e) {
     i(this, "id");
     /** 标注名称 */
@@ -123,8 +125,8 @@ class q {
         this.opacityAnime = new y({ makerObjectOpacity: s, outlineOpacity: r }).to({
           makerObjectOpacity: o,
           outlineOpacity: l
-        }).onUpdate(({ makerObjectOpacity: c, outlineOpacity: m }) => {
-          this.makerObject.material.opacity = c, this.outline.material.opacity = m, this.plugin.five.needsRender = !0;
+        }).onUpdate(({ makerObjectOpacity: m, outlineOpacity: c }) => {
+          this.makerObject.material.opacity = m, this.outline.material.opacity = c, this.plugin.five.needsRender = !0;
         }).onComplete(() => p(!0)).onDispose(() => {
           this.makerObject.material.opacity = o, this.outline.material.opacity = l, this.plugin.five.needsRender = !0, p(!1);
         }).play();
@@ -197,9 +199,9 @@ class q {
       };
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(e, 100);
     });
-    var p, c, m;
-    const s = e.object_data, o = s.bottom_y, r = s.height, l = new n.Color((p = s.color) != null ? p : "#FFFFFF"), h = (c = s.opacity) != null ? c : 0.4;
-    this.id = e.id, this.name = (m = e.name) != null ? m : "", this.plugin = t, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new n.Shape().fromJSON(s.shape), this.floorIndex = e.floor_index, this.makerObject = new n.Mesh(g(this.shape, r), M(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new k(
+    var p, m, c;
+    const s = e.object_data, o = s.bottom_y, r = s.height, l = new n.Color((p = s.color) != null ? p : "#FFFFFF"), h = (m = s.opacity) != null ? m : 0.4;
+    this.id = e.id, this.name = (c = e.name) != null ? c : "", this.plugin = t, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new n.Shape().fromJSON(s.shape), this.floorIndex = e.floor_index, this.makerObject = new n.Mesh(g(this.shape, r), M(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new k(
       new n.EdgesGeometry(this.makerObject.geometry),
       new n.LineBasicMaterial({ color: l, transparent: !0 })
     ), u(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new v(this);
@@ -278,5 +280,5 @@ function u(a, t) {
   e.multiply(s), e.multiply(o), e.multiply(r), a.applyMatrix4(e);
 }
 export {
-  q as AreaMakerItem
+  Q as AreaMakerItem
 };

package/libs/CSS3DRenderPlugin/Controller.js

@@ -18,21 +18,23 @@ import "hammerjs";
 import "three";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import { absoluteUrl as $ } from "../shared-utils/absoluteUrl.js";
+import { absoluteUrl as $ } from "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/positionToVector3.js";
 import "./utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/three/CSS3DGroup.js";
 const E = "v2.0.1", h = `CSS3DRenderPlugin@${E}`;
-class W extends x {
+class Y extends x {
   constructor(e) {
     super();
     o(this, "five");
@@ -130,5 +132,5 @@ class W extends x {
 }
 export {
   h as PLUGIN_NAME,
-  W as default
+  Y as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,27 +1,29 @@
 import o from "./Controller.js";
-import { CSS3DRender as j } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as q } from "./utils/three/CSS3DRender.js";
 import "./utils/waitFiveModelLoaded.js";
 import "./utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "three";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/positionToVector3.js";
 import "./utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
 import "./utils/three/CSS3DScene.js";
 import "./utils/three/CSS3DGroup.js";
-const P = (r) => new o(r);
+const h = (r) => new o(r);
 export {
-  j as CSS3DRender,
-  P as CSS3DRenderPlugin,
-  P as default
+  q as CSS3DRender,
+  h as CSS3DRenderPlugin,
+  h as default
 };

package/libs/CSS3DRenderPlugin/utils/getAllCSS3DObject.d.ts

@@ -1,3 +1,3 @@
 import type { Object3D } from 'three';
 import type { CSS3DObjectPlus } from './three/CSS3DObject';
-export default function getAllCSS3DObject(...object: Object3D[]): CSS3DObjectPlus<HTMLElement>[];
+export default function getAllCSS3DObject(object: Object3D[] | Object3D): CSS3DObjectPlus<HTMLElement>[];

package/libs/CSS3DRenderPlugin/utils/getAllCSS3DObject.js

@@ -1,9 +1,12 @@
-function t(...l) {
-  const s = [];
-  return l.forEach((e) => {
-    e.isCSS3DObjectPlus ? s.push(e) : s.push(...t(...e.children));
-  }), s;
+import { toArray as c } from "../../shared-utils/util.js";
+function a(e) {
+  const t = [];
+  return c(e).forEach((r) => {
+    r.traverse((s) => {
+      s.isCSS3DObjectPlus && t.push(s);
+    });
+  }), t;
 }
 export {
-  t as default
+  a as default
 };

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

@@ -27,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';
@@ -37,9 +36,8 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
         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;
@@ -51,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";
-import { Vector3 as p } 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 {
+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 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]), y = s[1].distanceTo(s[2]), c = S(d / n * P), l = S(y / n * P), m = 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 = `${l}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 = `${l}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 * l}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, Object.assign(e.style, t.style), 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 = y, this.domWidthPx = c, this.domHeightPx = l, this.centerPosition = m;
+    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 * y, this.domWidthPx = o * c, this.domHeightPx = o * l, this.centerPosition = new p().subVectors(m, 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 p().subVectors(s[1], s[0]), M = new p().subVectors(s[3], s[0]), O = new p().crossVectors(L, M).normalize();
-    this.lookAt(O);
-    const f = this.up.clone().applyQuaternion(this.quaternion), b = M.clone(), C = new p().crossVectors(f, b).normalize();
-    this.rotateOnWorldAxis(C, f.angleTo(b)), this.position.copy(m), 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.js

@@ -31,16 +31,18 @@ import { anyPositionToVector3 as q } from "../../../shared-utils/positionToVecto
 import B from "./CSS3DRenderer.js";
 import { Subscribe as A } from "../../../shared-utils/Subscribe.js";
 import { CSS3DObjectPlus as W } from "./CSS3DObject.js";
-import { MinRatio as fe } 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";
+import "../../../shared-utils/three/getObjectVisible.js";
 const J = 3, G = "CSS3DRenderer", b = `${G}@${J}`, u = () => {
   console.error(`${b} is disposed`);
 }, o = {
@@ -309,7 +311,7 @@ class y {
 i(y, "setFrontModeContainer", K), i(y, "setBehindModeContainer", Q);
 export {
   y as CSS3DRender,
-  fe as MinRatio,
+  pe as MinRatio,
   b as PLUGIN,
   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
 };