@realsee/dnalogel 3.43.0 → 3.44.1

package/libs/shared-utils/five/getPosition.js

@@ -1,46 +1,46 @@
 var u = Object.defineProperty, d = Object.defineProperties;
 var m = Object.getOwnPropertyDescriptors;
-var i = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var c = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
 var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, a = (t, e) => {
   for (var n in e || (e = {}))
     y.call(e, n) && s(t, n, e[n]);
-  if (i)
-    for (var n of i(e))
-      f.call(e, n) && s(t, n, e[n]);
+  if (c)
+    for (var n of c(e))
+      p.call(e, n) && s(t, n, e[n]);
   return t;
 }, l = (t, e) => d(t, m(e));
-import * as o from "three";
-import { getRaycasterByNdcPosition as g } from "./getRaycasterByNdcPosition.js";
-import { getFiveModel as p } from "./getFiveModel.js";
-function j(t, e) {
-  const n = g(t, e);
-  return R(t, n);
+import * as i from "three";
+import { getRaycasterByNdcPosition as R } from "./getRaycasterByNdcPosition.js";
+import { getFiveModel as f } from "./getFiveModel.js";
+function P(t, e, n) {
+  const r = R(t, e);
+  return B(t, r, n);
 }
-function R(t, e) {
-  var n;
-  return (n = B(t, e)) != null ? n : I(e);
+function B(t, e, n) {
+  const r = V(t, e);
+  return n != null && n.virtualPoint ? r != null ? r : I(e) : r;
 }
 function I(t) {
-  const n = new o.Vector3().addVectors(
+  const n = new i.Vector3().addVectors(
     t.ray.origin,
     t.ray.direction.clone().normalize().multiplyScalar(3)
   ), r = t.ray.direction.clone().negate();
   return {
     distance: 3,
     point: n,
-    object: new o.Object3D(),
-    face: new o.Face3(0, 0, 0, r),
+    object: new i.Object3D(),
+    face: new i.Face3(0, 0, 0, r),
     raycaster: t,
     isVirtual: !0
   };
 }
-function B(t, e) {
-  const c = p(t).intersectRaycaster(e)[0];
-  if (c)
-    return l(a({}, c), { raycaster: e, isVirtual: !1 });
+function V(t, e) {
+  const o = f(t).intersectRaycaster(e)[0];
+  if (o)
+    return l(a({}, o), { raycaster: e, isVirtual: !1 });
 }
 export {
-  j as getIntersectByNdcPosition,
-  R as getIntersectByRaycaster
+  P as getIntersectByNdcPosition,
+  B as getIntersectByRaycaster
 };

package/libs/shared-utils/five/index.js

@@ -1,8 +1,8 @@
 import "three";
 import "hammerjs";
+import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
 import "../three/THREESphere.js";
 import "animejs";
 function d(e) {

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

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

package/libs/shared-utils/five/initialCSS3DRender.js

@@ -0,0 +1,17 @@
+import m from "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+const d = "CSS3DRenderer-dshauidwahdslkadnmsla";
+function a(n) {
+  var t;
+  const r = (t = n.getElement()) == null ? void 0 : t.parentElement;
+  if (!r) {
+    console.error("initialCSS3DRender: five element is not exist");
+    return;
+  }
+  if (document.getElementById(d))
+    return;
+  const e = new m();
+  e.domElementWrapper.id = d, e.domElementWrapper.style.zIndex = "1", e.appendToElement(r), e.renderEveryFrame(n.scene, n.camera);
+}
+export {
+  a as initialCSS3DRender
+};

package/libs/shared-utils/five/lookObject.js

@@ -27,12 +27,12 @@ var g = (e, o, t) => new Promise((r, m) => {
 });
 import * as n from "three";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
 import { vectorToCoordinates as N } from "../vectorToCoordinate.js";
 import { FiveUtil as O } from "../Utils/FiveUtil.js";
 import { notNil as Y } from "../isNil.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "@realsee/five/line";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "animejs";
 function $(e, o, t) {

package/libs/shared-utils/index.js

@@ -7,42 +7,40 @@ import { Magnifier as m } from "./three/Magnifier.js";
 import { getCoordsFromClient as n, getCoordsFromElement as p } from "./three/getCoords.js";
 import { getRaycasterFromFivePointer as l } from "./three/getRaycaster.js";
 import { getIntersectFromRelativePosition as f } from "./three/getIntersect.js";
-import { PointHelper as a } from "./three/PointHelper.js";
-import { PointDomHelper as d } from "./three/PointDomHelper.js";
-import { PointSelectorHelper as g } from "./three/PointSelectorHelper.js";
-import { Object3D as s } from "./three/core/Object3D.js";
-import { LineSegments as u } from "./three/objects/LineSegments.js";
-import { bounding as b, boundingBox as c, boundingSphere as x, boxVertex as F, boxVertexes as P, worldBounding as k, worldBoundingBox as v, worldBoundingSphere as w } from "./three/boundingBox.js";
-import { animeMap as B, blink as S, reblink as L } from "./three/blink.js";
-import { isNil as M, notNil as j } from "./isNil.js";
-import { uuid as y } from "./uuid.js";
-import { absoluteUrl as H, isAbsoluteURL as I } from "./url/absoluteUrl.js";
+import { PointHelper as a } from "./three/PointSelector/utils/PointHelper.js";
+import { PointSelectorHelper as d } from "./three/PointSelector/utils/PointSelectorHelper.js";
+import { Object3D as g } from "./three/core/Object3D.js";
+import { LineSegments as s } from "./three/objects/LineSegments.js";
+import { bounding as u, boundingBox as b, boundingSphere as c, boxVertex as x, boxVertexes as F, worldBounding as P, worldBoundingBox as k, worldBoundingSphere as v } from "./three/boundingBox.js";
+import { animeMap as w, blink as B, reblink as S } from "./three/blink.js";
+import { isNil as L, notNil as M } from "./isNil.js";
+import { uuid as j } from "./uuid.js";
+import { absoluteUrl as y, isAbsoluteURL as I } from "./url/absoluteUrl.js";
 import { awaitNextFrame as O, getFrameTime as R, nextFrame as _, requestAnimationFrameInterval as h } from "./animationFrame/index.js";
 import { equal as C } from "./equal.js";
-import { isModelLike as N, isPanoramaLike as T } from "./five/mode.js";
-import { lookObject as q } from "./five/lookObject.js";
-import { lookPoint as A } from "./five/lookPoint.js";
-import { BetterTween as D, tweenProgress as U } from "./animationFrame/BetterTween.js";
-const uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { isModelLike as H, isPanoramaLike as N } from "./five/mode.js";
+import { lookObject as T } from "./five/lookObject.js";
+import { lookPoint as q } from "./five/lookPoint.js";
+import { BetterTween as A, tweenProgress as U } from "./animationFrame/BetterTween.js";
+const go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: D,
+  BetterTween: A,
   Interval: r,
-  LineSegments: u,
+  LineSegments: s,
   Magnifier: m,
-  Object3D: s,
-  PointDomHelper: d,
+  Object3D: g,
   PointHelper: a,
-  PointSelectorHelper: g,
+  PointSelectorHelper: d,
   Rectangle: e,
-  absoluteUrl: H,
-  animeMap: B,
+  absoluteUrl: y,
+  animeMap: w,
   awaitNextFrame: O,
-  blink: S,
-  bounding: b,
-  boundingBox: c,
-  boundingSphere: x,
-  boxVertex: F,
-  boxVertexes: P,
+  blink: B,
+  bounding: u,
+  boundingBox: b,
+  boundingSphere: c,
+  boxVertex: x,
+  boxVertexes: F,
   checkFiveModelLoaded: i,
   convexHull: t,
   equal: C,
@@ -53,22 +51,22 @@ const uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getRaycasterFromFivePointer: l,
   inside: o,
   isAbsoluteURL: I,
-  isModelLike: N,
-  isNil: M,
-  isPanoramaLike: T,
-  lookObject: q,
-  lookPoint: A,
+  isModelLike: H,
+  isNil: L,
+  isPanoramaLike: N,
+  lookObject: T,
+  lookPoint: q,
   nextFrame: _,
-  notNil: j,
+  notNil: M,
   pointInPolygon: o,
-  reblink: L,
+  reblink: S,
   requestAnimationFrameInterval: h,
   tweenProgress: U,
-  uuid: y,
-  worldBounding: k,
-  worldBoundingBox: v,
-  worldBoundingSphere: w
+  uuid: j,
+  worldBounding: P,
+  worldBoundingBox: k,
+  worldBoundingSphere: v
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  uo as index
+  go as index
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.43.0",
+    "%c %c@realsee/dnalogel %cv3.44.1",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

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

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

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

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

package/libs/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/{dist/shared-utils/three/PointSelector.d.ts → libs/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/libs/shared-utils/three/{PointSelector.js → PointSelector/index.js}

@@ -1,25 +1,25 @@
-var v = Object.defineProperty, S = Object.defineProperties;
-var H = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var f = (o, s, e) => s in o ? v(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e, d = (o, s) => {
+var P = Object.defineProperty, E = Object.defineProperties;
+var S = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var f = (n, s, e) => s in n ? P(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, l = (n, s) => {
   for (var e in s || (s = {}))
-    b.call(s, e) && f(o, e, s[e]);
-  if (c)
-    for (var e of c(s))
-      w.call(s, e) && f(o, e, s[e]);
-  return o;
-}, u = (o, s) => S(o, H(s));
-var i = (o, s, e) => (f(o, typeof s != "symbol" ? s + "" : s, e), e);
-import { PointSelectorHelper as E } from "./PointSelectorHelper.js";
-import { isTouchDevice as y } from "../isTouchDevice.js";
-import N from "hammerjs";
-import { Subscribe as F } from "../Subscribe.js";
-import { getIntersectByNdcPosition as p } from "../five/getPosition.js";
-const a = () => !1;
-class U extends F {
+    w.call(s, e) && f(n, e, s[e]);
+  if (p)
+    for (var e of p(s))
+      C.call(s, e) && f(n, e, s[e]);
+  return n;
+}, c = (n, s) => E(n, S(s));
+var i = (n, s, e) => (f(n, typeof s != "symbol" ? s + "" : s, e), e);
+import { PointSelectorHelper as b } from "./utils/PointSelectorHelper.js";
+import { isTouchDevice as y } from "../../isTouchDevice.js";
+import H from "hammerjs";
+import { Subscribe as F } from "../../Subscribe.js";
+import { getIntersectByNdcPosition as d } from "../../five/getPosition.js";
+const h = () => !1;
+class B extends F {
   constructor(e, t) {
-    var r, l;
+    var a, u;
     super();
     /**
      * @description: 不在 five canvas 上时为 true
@@ -40,6 +40,7 @@ class U extends F {
     i(this, "adherePointsRadius", 0.1);
     i(this, "lastFiveHelperVisible");
     i(this, "mousePosition");
+    i(this, "config");
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
@@ -67,7 +68,7 @@ class U extends F {
         clientY: e.center.y
       }), !this.mouseNdcPosition)
         return;
-      const t = p(this.five, this.mouseNdcPosition);
+      const t = d(this.five, this.mouseNdcPosition, { virtualPoint: this.virtualPoint });
       t != null && t.face && this.select(t);
     });
     /**
@@ -80,7 +81,7 @@ class U extends F {
         clientY: e.center.y
       }), !this.mouseNdcPosition))
         return;
-      const t = p(this.five, this.mouseNdcPosition);
+      const t = d(this.five, this.mouseNdcPosition, { virtualPoint: this.virtualPoint });
       t != null && t.face && this.updatePointSelectorHelperIntersect(t);
     });
     /**
@@ -92,7 +93,7 @@ class U extends F {
         clientY: e.center.y
       }), !this.mouseNdcPosition)
         return;
-      const t = p(this.five, this.mouseNdcPosition);
+      const t = d(this.five, this.mouseNdcPosition, { virtualPoint: this.virtualPoint });
       t != null && t.face && (this.pressDown = !0, this.updatePointSelectorHelperIntersect(t));
     });
     /**
@@ -108,34 +109,37 @@ class U extends F {
      * @description: 根据鼠标位置更新helper位置
      */
     i(this, "updateByNdcPosition", (e) => {
-      const t = p(this.five, e);
+      const t = d(this.five, e, { virtualPoint: this.virtualPoint });
       this.updatePointSelectorHelperIntersect(t);
     });
     /**
      * @description: 更新 pointSelectorHelper 的焦点位置
      */
     i(this, "updatePointSelectorHelperIntersect", (e) => {
-      var h;
-      this.pointSelectorHelper.show();
-      const t = d({}, e);
-      let n = !1;
-      if (((h = this.adherePoints) == null ? void 0 : h.length) > 0 && typeof this.adherePointsRadius == "number") {
-        for (const r of this.adherePoints(e))
+      if (!e) {
+        this.onLeave(), this.five.getElement().style.cursor = `url("data:image/svg+xml,%3Csvg width='12px' height='12px' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6,12 C9.3137085,12 12,9.3137085 12,6 C12,2.6862915 9.3137085,0 6,0 C2.6862915,0 0,2.6862915 0,6 C0,9.3137085 2.6862915,12 6,12 Z' fill='%23FF5959'%3E%3C/path%3E%3Cg transform='translate(2, 2)' stroke='%23FFFFFF'%3E%3Ccircle cx='4' cy='4' r='4'%3E%3C/circle%3E%3Cline x1='1.07141075' y1='1.23997894' x2='6.64700843' y2='6.81557662'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), auto`;
+        return;
+      }
+      this.onEnter(), this.five.getElement().style.cursor = "";
+      const t = l({}, e);
+      let o = !1;
+      if (typeof this.adherePoints == "function" && typeof this.adherePointsRadius == "number") {
+        for (const r of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
           if (r.distanceTo(e.point) < this.adherePointsRadius) {
-            t.point = r.clone(), n = !0;
+            t.point = r.clone(), o = !0;
             break;
           }
       }
-      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, n);
+      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, o);
     });
     i(this, "mousePositionToNdcPosition", (e) => {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: n, left: h, width: r, height: l } = t.getBoundingClientRect(), { clientX: m, clientY: P } = e;
+      const { top: o, left: r, width: a, height: u } = t.getBoundingClientRect(), { clientX: m, clientY: v } = e;
       return {
-        x: (m - h) / r,
-        y: 1 - (P - n) / l
+        x: (m - r) / a,
+        y: 1 - (v - o) / u
       };
     });
     i(this, "onFiveWantsPanGesture", () => {
@@ -148,15 +152,15 @@ class U extends F {
     i(this, "emitIntersectionUpdate", (e) => {
       this.emit("intersectionUpdate", e);
     });
-    this.five = e;
-    const n = (r = t == null ? void 0 : t.mode) != null ? r : "auto";
-    n === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = n;
-    const h = {
+    this.five = e, this.config = t != null ? t : {};
+    const o = (a = t == null ? void 0 : t.mode) != null ? a : "auto";
+    o === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = o;
+    const r = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new E(e, u(d({}, t == null ? void 0 : t.pointSelectorHelperParams), {
-      magnifierParams: d(d({}, h), (l = t == null ? void 0 : t.pointSelectorHelperParams) == null ? void 0 : l.magnifierParams)
+    this.pointSelectorHelper = new b(e, c(l({}, t == null ? void 0 : t.helper), {
+      magnifierParams: l(l({}, r), (u = t == null ? void 0 : t.helper) == null ? void 0 : u.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
   get position() {
@@ -165,6 +169,11 @@ class U extends F {
   get mouseNdcPosition() {
     return this.mousePosition ? this.mousePositionToNdcPosition(this.mousePosition) : null;
   }
+  get virtualPoint() {
+    var t;
+    const e = (t = this.config.virtualPoint) != null ? t : !0;
+    return typeof e == "boolean" ? e : Array.isArray(e) ? e.includes(this.five.state.mode) : !0;
+  }
   enable() {
     if (this.enabled)
       return;
@@ -172,14 +181,14 @@ class U extends F {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.hammer || (this.hammer = new N(e)), this.mode === "cursor" ? (this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", a), this.five.on("wantsChangeMode", a), this.five.on("wantsTapGesture", a), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
+    this.hammer || (this.hammer = new H(e)), this.mode === "cursor" ? (this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", h), this.five.on("wantsChangeMode", h), this.five.on("wantsTapGesture", h), e.addEventListener("mousemove", this.updateByMousePosition), e.addEventListener("wheel", this.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panoArrived", this.renderScreenCenter), this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, this.emit("enable");
   }
   disable() {
     if (!this.enabled)
       return;
-    this.enabled = !1, this.pointSelectorHelper.disable();
+    this.enabled = !1, this.pointSelectorHelper.disable(), this.five.getElement().style.cursor = "";
     const e = this.five.getElement();
-    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", a), this.five.off("wantsChangeMode", a), this.five.off("wantsTapGesture", a), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
+    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", h), this.five.off("wantsChangeMode", h), this.five.off("wantsTapGesture", h), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
@@ -189,5 +198,5 @@ class U extends F {
   }
 }
 export {
-  U as PointSelector
+  B as PointSelector
 };

package/libs/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/libs/shared-utils/three/PointSelector/utils/PointHelper.js

@@ -0,0 +1,95 @@
+var a = Object.defineProperty;
+var i = (r, n, e) => n in r ? a(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
+var s = (r, n, e) => (i(r, typeof n != "symbol" ? n + "" : n, e), e);
+import * as t from "three";
+import { POINT_HELPER_TEXTURE_URL as l } from "../../Assets/index.js";
+import { CSS3DObjectPlus as c } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import { rangePieceImg as h } from "./html.js";
+import { initialCSS3DRender as d } from "../../../five/initialCSS3DRender.js";
+const p = `
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  vec4 mvPosition = modelViewMatrix * vec4(position, 1);
+  gl_Position = projectionMatrix * mvPosition;
+}
+`, u = `
+varying vec2 vUv;
+void main() {
+  vec2 uv = vec2(vUv.x, vUv.y);
+  float a = 1.0;
+  float match = 1.0 - uv.x;
+  gl_FragColor = vec4(1.0,1.0,1.0,match);
+}
+`;
+function M() {
+  const r = new t.PlaneGeometry(0.4, 0.4), n = l, e = new t.TextureLoader().load(n);
+  e.encoding = t.sRGBEncoding, e.minFilter = t.LinearFilter;
+  const o = new t.MeshBasicMaterial({
+    map: e,
+    transparent: !0,
+    depthTest: !1
+  });
+  return new t.Mesh(r, o);
+}
+function m() {
+  const r = new t.CurvePath();
+  r.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
+  const n = new t.TubeGeometry(r, 8, 3e-3), e = new t.ShaderMaterial({
+    vertexShader: p,
+    fragmentShader: u,
+    depthTest: !1,
+    transparent: !0
+  });
+  return new t.Mesh(n, e);
+}
+function v() {
+  const r = new t.SphereGeometry(0.01, 20, 20), n = new t.MeshBasicMaterial({
+    color: 10349931,
+    depthTest: !1,
+    transparent: !0,
+    side: t.DoubleSide
+  }), e = new t.Mesh(r, n);
+  return e.position.set(0, 0, 0.1), e;
+}
+function w() {
+  const n = new c({
+    pointerEvents: "none",
+    cornerPoints: [
+      new t.Vector3(-0.2, 0.2, 0),
+      new t.Vector3(-0.2, -0.2, 0),
+      new t.Vector3(0.2, -0.2, 0),
+      new t.Vector3(0.2, 0.2, 0)
+    ]
+  }), e = document.createElement("div");
+  return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${h})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", n.container.appendChild(e), n;
+}
+class x extends t.Object3D {
+  constructor(e) {
+    super();
+    s(this, "planeMesh");
+    s(this, "lineMesh");
+    s(this, "ballMesh");
+    s(this, "borderMesh");
+    this.planeMesh = M(), this.lineMesh = m(), this.ballMesh = v(), this.borderMesh = w(), this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.borderMesh), d(e);
+  }
+  updateWithIntersect(e) {
+    if (!e.face)
+      return;
+    const o = new t.Vector3().addVectors(e.point, e.face.normal);
+    this.position.copy(e.point), this.lookAt(o);
+  }
+  show() {
+    this.visible = !0;
+  }
+  hide() {
+    this.visible = !1;
+  }
+  dispose() {
+    var e;
+    (e = this.planeMesh.material.map) == null || e.dispose();
+  }
+}
+export {
+  x as PointHelper
+};