@realsee/dnalogel 3.43.0 → 3.44.0

package/dist/shared-utils/five/getPosition.d.ts

@@ -4,11 +4,19 @@ interface IIntersection extends THREE.Intersection {
     raycaster: THREE.Raycaster;
     isVirtual: boolean;
 }
+/**
+ * @description 根据 ndc 坐标获取 Intersect
+ */
 export declare function getIntersectByNdcPosition(five: Five, position: {
     x: number;
     y: number;
-}): IIntersection;
-export declare function getIntersectByRaycaster(five: Five, raycaster: THREE.Raycaster): IIntersection;
-export declare function getVirtualIntersectByRaycaster(raycaster: THREE.Raycaster): IIntersection;
-export declare function getRealIntersectByRaycaster(five: Five, raycaster: THREE.Raycaster): IIntersection;
+}, config?: {
+    virtualPoint?: boolean;
+}): IIntersection | undefined;
+/**
+ * @description 根据射线获取 Intersect
+ */
+export declare function getIntersectByRaycaster(five: Five, raycaster: THREE.Raycaster, config?: {
+    virtualPoint?: boolean;
+}): IIntersection | undefined;
 export {};

package/dist/shared-utils/five/initialCSS3DRender.d.ts

@@ -0,0 +1,2 @@
+import { Five } from '@realsee/five';
+export declare function initialCSS3DRender(five: Five): void;

package/dist/shared-utils/math/deg2Rad.d.ts

@@ -1 +1 @@
-export default function deg2Rad(deg: number): number;
+export declare function deg2Rad(deg: number): number;

package/dist/shared-utils/math/rad2Deg.d.ts

@@ -1 +1 @@
-export default function rad2Deg(rad: number): number;
+export declare function rad2Deg(rad: number): number;

package/dist/shared-utils/positionToVector3.d.ts

@@ -1,14 +1,14 @@
 import { Vector3 } from 'three';
 export type AnyPosition = Vector3 | number[] | {
-    x: number;
-    y: number;
-    z: number;
+    x?: number;
+    y?: number;
+    z?: number;
 };
 export type AnyPositions = Array<AnyPosition>;
 export declare const positionToVector3: ({ x, y, z }: {
-    x: number;
-    y: number;
-    z: number;
+    x?: number;
+    y?: number;
+    z?: number;
 }) => Vector3;
 export declare const arrayPositionToVector3: (arrayPosition: number[]) => Vector3;
 export declare const anyPositionToVector3: (position: AnyPosition) => Vector3;

package/{libs/shared-utils/three/PointSelector.d.ts → dist/shared-utils/three/PointSelector/index.d.ts}

@@ -1,15 +1,27 @@
-import type { Five } from '@realsee/five';
-import { PointSelectorHelper, type PointIntersection } from './PointSelectorHelper';
+import type { Five, Mode as FiveMode } from '@realsee/five';
+import { PointSelectorHelper, type PointIntersection, type PointSelectorHelperConfig } from './utils/PointSelectorHelper';
 import type { Vector3 } from 'three';
-import { Subscribe } from '../Subscribe';
+import { Subscribe } from '../../Subscribe';
+export type { PointIntersection };
 interface Config {
     /**
      * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来更新点，'cursor' 为跟随鼠标移动来更新点, 'auto' 则根据设备类型自动选择
      * @default: 'auto'
      */
     mode: 'fixed' | 'cursor' | 'auto';
-    pointSelectorHelperParams: ConstructorParameters<typeof PointSelectorHelper>[1];
+    /**
+     * @description 当鼠标位置没有模型时，是否生成一个虚拟点
+     * ```markdown
+     * true: 生成虚拟点
+     * false: 不生成虚拟点
+     * FiveMode[]: 指定的five mode下才生成虚拟点，推荐 ['Panorama']
+     * ```
+     * @default: true
+     */
+    virtualPoint: boolean | FiveMode[];
+    helper: PointSelectorHelperConfig;
 }
+export type PointSelectorConfig = Partial<Config>;
 type EventMap = {
     /**
      * @description: 与模型交点更新时触发，移出监听范围时为null
@@ -57,12 +69,17 @@ export declare class PointSelector extends Subscribe<EventMap> {
     private adherePointsRadius;
     private lastFiveHelperVisible?;
     private mousePosition;
+    private config;
     private get mouseNdcPosition();
-    constructor(five: Five, config?: Partial<Config>);
+    private get virtualPoint();
+    constructor(five: Five, config?: PointSelectorConfig);
     enable(): void;
     disable(): void;
     dispose(): void;
-    setAdherePoints(points: Vector3[] | ((intersection: PointIntersection) => Vector3[]) | null, radius?: number): void;
+    setAdherePoints(points: Vector3[] | ((params: {
+        intersection: PointIntersection;
+        pointSelectorInstance: PointSelector;
+    }) => Vector3[]) | null, radius?: number): void;
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
@@ -104,4 +121,3 @@ export declare class PointSelector extends Subscribe<EventMap> {
     private renderScreenCenter;
     private emitIntersectionUpdate;
 }
-export {};

package/dist/shared-utils/three/{PointHelper.d.ts → PointSelector/utils/PointHelper.d.ts}

@@ -1,5 +1,8 @@
 import * as THREE from 'three';
-import type { Intersection } from '../../typings/typings';
+import type { Intersection } from '../../../../typings/typings';
+import type { PointHelperAbstract } from './typing';
+import { CSS3DObjectPlus } from '../../../../CSS3DRenderPlugin/utils/three/CSS3DObject';
+import type { Five } from '@realsee/five';
 export interface MouseGroupParameter {
     isMobile?: boolean;
     useNormalVector?: boolean;
@@ -8,15 +11,20 @@ export interface MouseGroupParameter {
 declare function createPlaneMesh(): THREE.Mesh<THREE.PlaneGeometry, THREE.MeshBasicMaterial>;
 declare function createLineMesh(): THREE.Mesh<THREE.TubeGeometry, THREE.ShaderMaterial>;
 declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+declare function createBorderMesh(): CSS3DObjectPlus<HTMLElement>;
 type PlanMesh = ReturnType<typeof createPlaneMesh>;
 type LineMesh = ReturnType<typeof createLineMesh>;
 type BallMesh = ReturnType<typeof createBallMesh>;
-export declare class PointHelper extends THREE.Object3D {
+type BorderMesh = ReturnType<typeof createBorderMesh>;
+export declare class PointHelper extends THREE.Object3D implements PointHelperAbstract {
     planeMesh: PlanMesh;
     lineMesh: LineMesh;
     ballMesh: BallMesh;
-    constructor();
+    borderMesh: BorderMesh;
+    constructor(five: Five);
     updateWithIntersect(intersect: Intersection): void;
+    show(): void;
+    hide(): void;
     dispose(): void;
 }
 export {};

package/dist/shared-utils/three/PointSelector/utils/PointHelper2.d.ts

@@ -0,0 +1,30 @@
+import * as THREE from 'three';
+import type { Intersection } from '../../../../typings/typings';
+import type { Five } from '@realsee/five';
+import type { PointHelperAbstract } from './typing';
+import { ICSS3DSprite } from '../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite';
+export interface MouseGroupParameter {
+    isMobile?: boolean;
+    useNormalVector?: boolean;
+    ballColor?: number;
+}
+declare function createPlaneMesh(): THREE.Mesh<THREE.CircleGeometry, THREE.ShaderMaterial>;
+declare function createCrossline(): THREE.Group;
+declare function createLineMesh(length: number): THREE.Mesh<THREE.TubeGeometry, THREE.MeshBasicMaterial>;
+declare function createRingMesh(): THREE.Mesh<THREE.RingGeometry, THREE.MeshBasicMaterial>;
+declare function createBallMesh(): THREE.Mesh<THREE.SphereGeometry, THREE.MeshBasicMaterial>;
+declare function createCSSBallMesh(): ICSS3DSprite;
+export declare class PointHelper2 extends THREE.Object3D implements PointHelperAbstract {
+    planeMesh: ReturnType<typeof createPlaneMesh>;
+    ringMesh: ReturnType<typeof createRingMesh>;
+    crossline: ReturnType<typeof createCrossline>;
+    lineMesh: ReturnType<typeof createLineMesh>;
+    ballMesh: ReturnType<typeof createBallMesh>;
+    cssBallMesh: ReturnType<typeof createCSSBallMesh>;
+    constructor(five: Five);
+    updateWithIntersect(intersect: Intersection): void;
+    show(): void;
+    hide(): void;
+    dispose(): void;
+}
+export {};

package/dist/shared-utils/three/{PointSelectorHelper.d.ts → PointSelector/utils/PointSelectorHelper.d.ts}

@@ -1,13 +1,13 @@
 import * as THREE from 'three';
 import type { Five } from '@realsee/five';
-import { Magnifier, PointHelper, PointDomHelper } from '.';
-import type { Intersection } from '../../typings/typings';
-import { Subscribe } from '../Subscribe';
-interface Options {
+import { Magnifier } from '../..';
+import type { Intersection } from '../../../../typings/typings';
+import { Subscribe } from '../../../Subscribe';
+import type { PointHelperAbstract } from './typing';
+export interface PointSelectorHelperConfig {
     magnifier?: Magnifier | null;
     magnifierParams?: ConstructorParameters<typeof Magnifier>[1];
-    pointHelper?: PointHelper | null;
-    pointDomHelper?: PointDomHelper | null;
+    pointHelper?: PointHelperAbstract | 'default' | 'highlight' | null;
     container?: Element;
 }
 type EventMap = {
@@ -26,17 +26,16 @@ export declare class PointSelectorHelper {
     hooks: Subscribe<EventMap>;
     position: PointIntersection | undefined;
     magnifier: Magnifier | null;
-    private pointHelper;
-    private pointDomHelper;
+    pointHelper: PointHelperAbstract | null;
     private state;
     private group;
-    constructor(five: Five, options?: Options);
+    constructor(five: Five, options?: PointSelectorHelperConfig);
     show: () => void;
     hide: () => void;
     enable(): void;
     disable(): void;
     dispose(): void;
-    updateWithIntersect: (intersect: Intersection, config?: {
+    updateWithIntersect: (intersect?: Intersection, config?: {
         emitEvent: boolean;
     }) => void;
     private abortUpdateMagnifier;

package/dist/shared-utils/three/PointSelector/utils/typing.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+import type { Intersection } from '../../../../typings/typings';
+export declare abstract class PointHelperAbstract extends THREE.Object3D {
+    abstract updateWithIntersect(intersect: Intersection): void;
+    abstract show(): void;
+    abstract hide(): void;
+    abstract dispose(): void;
+}

package/dist/shared-utils/three/index.d.ts

@@ -2,9 +2,8 @@ export * from './Magnifier';
 export * from './getCoords';
 export * from './getRaycaster';
 export * from './getIntersect';
-export * from './PointHelper';
-export * from './PointDomHelper';
-export * from './PointSelectorHelper';
+export * from './PointSelector/utils/PointHelper';
+export * from './PointSelector/utils/PointSelectorHelper';
 export * from './core/Object3D';
 export * from './objects/LineSegments';
 export * from './boundingBox';

package/libs/AreaMakerPlugin/Controller.js

@@ -30,11 +30,11 @@ var u = (h, o, t) => new Promise((i, e) => {
 import * as g from "three";
 import { Controller as k } from "../base/BasePluginWithData.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import { equal as I } from "../shared-utils/equal.js";
 import { AreaMakerItem as D } from "./utils/Item.js";
 import "../base/BasePlugin.js";
@@ -45,19 +45,6 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFiveModel.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";
 import "../shared-utils/three/core/Object3D.js";
 import "../shared-utils/three/objects/LineSegments.js";
@@ -68,7 +55,7 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/dom/resizeObserver.js";
-class pt extends k {
+class et extends k {
   /** AreaMakerPlugin
    * @param `five` `<Five>` Five 实例
    * @param `params` `<PluginType.Params> | <undefined>` 插件初始化参数
@@ -343,5 +330,5 @@ class pt extends k {
   }
 }
 export {
-  pt as Controller
+  et as Controller
 };

package/libs/AreaMakerPlugin/index.js

@@ -4,22 +4,8 @@ import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.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 "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../shared-utils/Utils/FiveUtil.js";
@@ -28,6 +14,7 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/url/absoluteUrl.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "./utils/Item.js";
@@ -40,7 +27,7 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
 import "../shared-utils/dom/resizeObserver.js";
-const T = (r, o) => new t(r, o);
+const E = (r, o) => new t(r, o);
 export {
-  T as AreaMakerPlugin
+  E as AreaMakerPlugin
 };

package/libs/AreaMakerPlugin/utils/Item.js

@@ -4,9 +4,8 @@ var i = (n, e, t) => (b(n, typeof e != "symbol" ? e + "" : e, t), t);
 import * as a from "three";
 import "hammerjs";
 import { Subscribe as k } from "../../shared-utils/Subscribe.js";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import { Object3D as y } from "../../shared-utils/three/core/Object3D.js";
 import { LineSegments as T } from "../../shared-utils/three/objects/LineSegments.js";
 import "../../shared-utils/three/THREESphere.js";
@@ -15,19 +14,7 @@ import { BetterTween as C } from "../../shared-utils/animationFrame/BetterTween.
 import { LabelItem as O } from "../../components/AreaLabel/LabelItem.js";
 import { getCenterPointOfPoints as v } from "../../shared-utils/math/planimetry.js";
 import { resizeObserver as M } from "../../shared-utils/dom/resizeObserver.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 "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
@@ -41,7 +28,7 @@ class V extends y {
     this.areaMakerItem.makerObject.raycast(t, s);
   }
 }
-class st {
+class Y {
   constructor(e, t) {
     i(this, "id");
     /** 标注名称 */
@@ -128,14 +115,14 @@ class st {
         this.makerObject.material.opacity = o, this.outline.material.opacity = l;
         return;
       }
-      return new Promise((m) => {
+      return new Promise((c) => {
         this.opacityAnime = new C({ makerObjectOpacity: s, outlineOpacity: r }).to({
           makerObjectOpacity: o,
           outlineOpacity: l
-        }).onUpdate(({ makerObjectOpacity: p, outlineOpacity: c }) => {
-          this.makerObject.material.opacity = p, this.outline.material.opacity = c, this.plugin.five.needsRender = !0;
-        }).onComplete(() => m(!0)).onDispose(() => {
-          this.makerObject.material.opacity = o, this.outline.material.opacity = l, this.plugin.five.needsRender = !0, m(!1);
+        }).onUpdate(({ makerObjectOpacity: m, outlineOpacity: p }) => {
+          this.makerObject.material.opacity = m, this.outline.material.opacity = p, this.plugin.five.needsRender = !0;
+        }).onComplete(() => c(!0)).onDispose(() => {
+          this.makerObject.material.opacity = o, this.outline.material.opacity = l, this.plugin.five.needsRender = !0, c(!1);
         }).play();
       });
     });
@@ -211,9 +198,9 @@ class st {
       };
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(t, 100);
     });
-    var m, p, c, g;
-    const s = t.object_data, o = s.bottom_y, r = s.height, l = new a.Color((m = s.color) != null ? m : "#FFFFFF"), h = (p = s.opacity) != null ? p : 0.4;
-    this.data = t, this.id = t.id, this.name = (c = t.name) != null ? c : "", this.plugin = e, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new a.Mesh(d(this.shape, r), P(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new T(
+    var c, m, p, g;
+    const s = t.object_data, o = s.bottom_y, r = s.height, l = new a.Color((c = s.color) != null ? c : "#FFFFFF"), h = (m = s.opacity) != null ? m : 0.4;
+    this.data = t, this.id = t.id, this.name = (p = t.name) != null ? p : "", this.plugin = e, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new a.Mesh(d(this.shape, r), P(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new T(
       new a.EdgesGeometry(this.makerObject.geometry),
       new a.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), this.modelGroup.visible = (g = s.visible) != null ? g : !0;
@@ -297,5 +284,5 @@ function u(n, e) {
   t.multiply(s), t.multiply(o), t.multiply(r), n.applyMatrix4(t);
 }
 export {
-  st as AreaMakerItem
+  Y as AreaMakerItem
 };

package/libs/CSS3DRenderPlugin/Controller.js

@@ -15,16 +15,16 @@ import { CSS3DRender as j } from "./utils/three/CSS3DRender.js";
 import x from "./utils/generateBehindFiveElement.js";
 import "three";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import { absoluteUrl as P } from "../shared-utils/url/absoluteUrl.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import { waitFiveModelLoaded as w } from "../shared-utils/five/fiveModelLoad.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/three/THREEJS_CSS3DRenderer.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
@@ -32,11 +32,14 @@ import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/isNil.js";
 import "./utils/three/CSS3DScene.js";
+import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
 import "../shared-utils/five/getFiveModel.js";
 const b = "v2.0.1", E = `CSS3DRenderPlugin@${b}`;
-class ee extends j {
+class re extends j {
   constructor(e) {
     super();
     n(this, "five");
@@ -149,5 +152,5 @@ class ee extends j {
 }
 export {
   E as PLUGIN_NAME,
-  ee as default
+  re as default
 };

package/libs/CSS3DRenderPlugin/index.js

@@ -1,19 +1,19 @@
 import o from "./Controller.js";
-import { CSS3DRender as y } from "./utils/three/CSS3DRender.js";
+import { CSS3DRender as B } from "./utils/three/CSS3DRender.js";
 import "./utils/generateBehindFiveElement.js";
 import "three";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../shared-utils/url/absoluteUrl.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/fiveModelLoad.js";
 import "../shared-utils/five/getFiveModel.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/three/THREEJS_CSS3DRenderer.js";
 import "./utils/createResizeObserver.js";
 import "./utils/even.js";
 import "../shared-utils/Subscribe.js";
@@ -21,11 +21,14 @@ import "./utils/three/CSS3DObject.js";
 import "./utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/isNil.js";
 import "./utils/three/CSS3DScene.js";
+import "./utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
 import "./utils/three/CSS3DGroup.js";
-const k = (r) => new o(r);
+const y = (r) => new o(r);
 export {
-  y as CSS3DRender,
-  k as CSS3DRenderPlugin,
-  k as default
+  B as CSS3DRender,
+  y as CSS3DRenderPlugin,
+  y as default
 };

package/libs/CSS3DRenderPlugin/utils/getAllCSS3DObject.js

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

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

@@ -15,6 +15,7 @@ export type CSS3DRenderEventMap = {
 export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extends CSS3DObject {
     version: number;
     readonly isCSS3DObjectPlus: true;
+    readonly isCSS3DObject: true;
     name: string;
     container: T;
     width: number;
@@ -29,9 +30,10 @@ export declare class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extend
     opacityMesh?: OpacityMesh;
     private selfVisible;
     constructor(params: {
-        container: T;
+        container?: T;
         mode?: 'front' | 'behind';
-        cornerPoints: CornerPoints;
+        width?: number;
+        cornerPoints?: CornerPoints;
         ratio?: number;
         dpr?: number;
         pointerEvents?: 'none' | 'auto';