@realsee/dnalogel 3.20.7 → 3.21.0

package/libs/shared-utils/Object3DHelper/utils/boundingBox.js

@@ -1,31 +1,32 @@
 import * as P from "three";
-const g = (B) => {
-  const n = B.elements, e = n[0], o = n[1], t = n[2], c = n[3], r = n[4], s = n[5], i = n[6], a = n[7], l = n[8], p = n[9], f = n[10], d = n[11], u = n[12], x = n[13], m = n[14], v = n[15], M = p * m * a - x * f * a + x * i * d - s * m * d - p * i * v + s * f * v, W = u * f * a - l * m * a - u * i * d + r * m * d + l * i * v - r * f * v, E = l * x * a - u * p * a + u * s * d - r * x * d - l * s * v + r * p * v, w = u * p * i - l * x * i - u * s * f + r * x * f + l * s * m - r * p * m, h = e * M + o * W + t * E + c * w;
-  if (h === 0)
-    return B.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-  const y = 1 / h;
-  return n[0] = M * y, n[1] = (x * f * c - p * m * c - x * t * d + o * m * d + p * t * v - o * f * v) * y, n[2] = (s * m * c - x * i * c + x * t * a - o * m * a - s * t * v + o * i * v) * y, n[3] = (p * i * c - s * f * c - p * t * a + o * f * a + s * t * d - o * i * d) * y, n[4] = W * y, n[5] = (l * m * c - u * f * c + u * t * d - e * m * d - l * t * v + e * f * v) * y, n[6] = (u * i * c - r * m * c - u * t * a + e * m * a + r * t * v - e * i * v) * y, n[7] = (r * f * c - l * i * c + l * t * a - e * f * a - r * t * d + e * i * d) * y, n[8] = E * y, n[9] = (u * p * c - l * x * c - u * o * d + e * x * d + l * o * v - e * p * v) * y, n[10] = (r * x * c - u * s * c + u * o * a - e * x * a - r * o * v + e * s * v) * y, n[11] = (l * s * c - r * p * c - l * o * a + e * p * a + r * o * d - e * s * d) * y, n[12] = w * y, n[13] = (l * x * t - u * p * t + u * o * f - e * x * f - l * o * m + e * p * m) * y, n[14] = (u * s * t - r * x * t - u * o * i + e * x * i + r * o * m - e * s * m) * y, n[15] = (r * p * t - l * s * t + l * o * i - e * p * i - r * o * f + e * s * f) * y, B;
-};
 function A(B) {
-  const n = new P.Box3(), e = new P.Vector3();
-  if (B.updateWorldMatrix(!1, !1), B.traverse((o) => {
-    var c;
-    if (o.name === "shadow")
+  const n = new P.Box3(), r = new P.Vector3();
+  if (B.updateWorldMatrix(!1, !1), B.traverse((t) => {
+    var e;
+    if (t.name === "shadow" || t.type === "Line2")
       return;
-    const t = o.geometry;
-    if (o.updateWorldMatrix(!1, !1), t !== void 0)
-      if ((c = t == null ? void 0 : t.attributes) != null && c.position) {
-        const r = t.attributes.position;
-        for (let s = 0, i = r.count; s < i; s++)
-          e.fromBufferAttribute(r, s).applyMatrix4(o.matrixWorld), n.expandByPoint(e);
-      } else
-        t.vertices.forEach((r) => {
-          const s = r.clone().applyMatrix4(o.matrixWorld);
-          n.expandByPoint(s);
+    const o = t.geometry;
+    if (t.updateWorldMatrix(!1, !1), o !== void 0) {
+      const i = (e = o == null ? void 0 : o.attributes) == null ? void 0 : e.position;
+      if (i)
+        for (let s = 0, c = i.count; s < c; s++)
+          r.fromBufferAttribute(i, s).applyMatrix4(t.matrixWorld), n.expandByPoint(r);
+      else
+        o.vertices && o.vertices.forEach((s) => {
+          const c = s.clone().applyMatrix4(t.matrixWorld);
+          n.expandByPoint(c);
         });
+    }
   }), !n.isEmpty())
     return n.applyMatrix4(g(B.matrixWorld.clone())), n;
 }
+const g = (B) => {
+  const n = B.elements, r = n[0], t = n[1], o = n[2], e = n[3], i = n[4], s = n[5], c = n[6], a = n[7], f = n[8], l = n[9], p = n[10], d = n[11], u = n[12], x = n[13], m = n[14], v = n[15], M = l * m * a - x * p * a + x * c * d - s * m * d - l * c * v + s * p * v, W = u * p * a - f * m * a - u * c * d + i * m * d + f * c * v - i * p * v, E = f * x * a - u * l * a + u * s * d - i * x * d - f * s * v + i * l * v, w = u * l * c - f * x * c - u * s * p + i * x * p + f * s * m - i * l * m, h = r * M + t * W + o * E + e * w;
+  if (h === 0)
+    return B.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+  const y = 1 / h;
+  return n[0] = M * y, n[1] = (x * p * e - l * m * e - x * o * d + t * m * d + l * o * v - t * p * v) * y, n[2] = (s * m * e - x * c * e + x * o * a - t * m * a - s * o * v + t * c * v) * y, n[3] = (l * c * e - s * p * e - l * o * a + t * p * a + s * o * d - t * c * d) * y, n[4] = W * y, n[5] = (f * m * e - u * p * e + u * o * d - r * m * d - f * o * v + r * p * v) * y, n[6] = (u * c * e - i * m * e - u * o * a + r * m * a + i * o * v - r * c * v) * y, n[7] = (i * p * e - f * c * e + f * o * a - r * p * a - i * o * d + r * c * d) * y, n[8] = E * y, n[9] = (u * l * e - f * x * e - u * t * d + r * x * d + f * t * v - r * l * v) * y, n[10] = (i * x * e - u * s * e + u * t * a - r * x * a - i * t * v + r * s * v) * y, n[11] = (f * s * e - i * l * e - f * t * a + r * l * a + i * t * d - r * s * d) * y, n[12] = w * y, n[13] = (f * x * o - u * l * o + u * t * p - r * x * p - f * t * m + r * l * m) * y, n[14] = (u * s * o - i * x * o - u * t * c + r * x * c + i * t * m - r * s * m) * y, n[15] = (i * l * o - f * s * o + f * t * c - r * l * c - i * t * p + r * s * p) * y, B;
+};
 export {
   A as boundingBox
 };

package/libs/shared-utils/Object3DHelper/utils/calculateScaleByCamera.d.ts

@@ -0,0 +1,2 @@
+import type * as THREE from 'three';
+export default function calculateScaleByCamera(camera: THREE.PerspectiveCamera, position: THREE.Vector3): number;

package/libs/shared-utils/Object3DHelper/utils/calculateScaleByCamera.js

@@ -0,0 +1,7 @@
+function v(c, s) {
+  const e = c.position.distanceTo(s), o = c.fov, t = e / 3, a = o / 90;
+  return t * a;
+}
+export {
+  v as calculateScaleByCamera
+};

package/libs/shared-utils/Subscribe.js

@@ -6,7 +6,7 @@ function r(f) {
   return f[i] || (f[i] = {}), f[i];
 }
 function d(f) {
-  f[i] || delete f[i];
+  f[i] && delete f[i];
 }
 class E {
   /**

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

@@ -8,44 +8,76 @@
  */
 import type { Five } from '@realsee/five';
 import * as THREE from 'three';
-interface EventMap {
+export interface FiveDomEventMap {
     /**
      * @description 点击事件
      * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
      */
-    click: (event: CallbackEvent) => PreventFiveEvent | void;
+    click: (event: FiveDomEvent) => PreventFiveEvent | void;
+    /**
+     * @description 双击事件
+     */
+    dblclick: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标按下事件
+     */
+    mousedown: (event: FiveDomEvent) => void;
+    /**
+     * @description 鼠标抬起事件
+     */
+    mouseup: (event: FiveDomEvent) => void;
     /**
      * @description 鼠标移入事件
      */
-    hover: (event: CallbackEvent) => void;
+    hover: (event: FiveDomEvent) => void;
     /**
      * @description 鼠标移出事件
      */
-    unHover: (event: CallbackEvent) => void;
+    unHover: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动开始
+     */
+    dragstart: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动中
+     */
+    drag: (event: FiveDomEvent) => void;
+    /**
+     * @description: 拖动结束
+     */
+    dragend: (event: FiveDomEvent) => void;
 }
-type EventName = keyof EventMap;
+type EventName = keyof FiveDomEventMap;
 type PreventFiveEvent = boolean;
 interface EventHandlerConfig {
     /**
-     * @default true
+     * @default false
      */
-    checkVisible?: boolean;
+    noEmitWhenHide?: boolean;
 }
-interface CallbackEvent {
+export interface FiveDomEvent {
     type: EventName;
     target: THREE.Object3D;
     origDomEvent?: Event;
-    intersect: THREE.Raycaster;
+    raycaster: THREE.Raycaster;
+    intersects?: THREE.Intersection[];
     stopPropagation: () => void;
 }
 type Object3DWithEvent = THREE.Object3D & {
     _domEvent?: {
-        [key in `${EventName}Handler`]?: Array<[EventMap[EventName], EventHandlerConfig]>;
+        [key in `${EventName}Handler`]?: Array<[FiveDomEventMap[EventName], EventHandlerConfig]>;
     };
     _hovered?: boolean;
+    _dragging?: boolean;
+    draggable?: boolean;
 };
 export declare class FiveDomEvents {
     private five;
+    /**
+     * @description: 拖动中
+     */
+    private dragging;
+    private get haveDragEventObject();
     private boundObject;
     constructor(five: Five);
     /**
@@ -53,7 +85,7 @@ export declare class FiveDomEvents {
      * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
      * @todo: added 和 removed 还是不太智能
      */
-    addAutoBindEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): () => void;
+    addAutoBindEventListener<T extends EventName = EventName>(object: Object3DWithEvent, event: T, callback: FiveDomEventMap[T], config?: EventHandlerConfig): () => void;
     /**
      * @description: add event listener
      * @param params.object: object
@@ -61,11 +93,16 @@ export declare class FiveDomEvents {
      * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
      * @return {void}
      */
-    addEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): void;
-    removeEventListener(object: Object3DWithEvent, event: EventName, callback: (e: CallbackEvent) => any, ...args: any[]): void;
+    addEventListener<T extends EventName = EventName>(object: Object3DWithEvent, event: T, callback: FiveDomEventMap[T], config?: EventHandlerConfig): void;
+    removeEventListener(object: Object3DWithEvent, event: EventName, callback: (e: FiveDomEvent) => any, ...args: any[]): void;
     dispose(): void;
     private getRaycaster;
     private handleWantsGesture;
+    private handleDomEvent;
+    private handleMouseEvent;
+    private handleMousedown;
+    private handleMouseup;
+    private handleMousemove;
     private onDomEvent;
     private objectIsBound;
     private notify;

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

@@ -1,118 +1,164 @@
-var g = Object.defineProperty;
-var _ = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var E = (u, e, t) => e in u ? g(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, b = (u, e) => {
+var L = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var p = (h, e, t) => e in h ? L(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, y = (h, e) => {
   for (var t in e || (e = {}))
-    y.call(e, t) && E(u, t, e[t]);
-  if (_)
-    for (var t of _(e))
-      H.call(e, t) && E(u, t, e[t]);
-  return u;
+    D.call(e, t) && p(h, t, e[t]);
+  if (b)
+    for (var t of b(e))
+      w.call(e, t) && p(h, t, e[t]);
+  return h;
 };
-var v = (u, e, t) => (E(u, typeof e != "symbol" ? e + "" : e, t), t);
-import * as L from "three";
-import { getObjectVisible as $ } from "../three/getObjectVisible.js";
+var d = (h, e, t) => (p(h, typeof e != "symbol" ? e + "" : e, t), t);
+import * as H from "three";
+import { getObjectVisible as M } from "../three/getObjectVisible.js";
 import { calculateThreeMouse as x } from "./calculateThreeMouse.js";
-class D {
+class I {
   constructor(e) {
-    v(this, "five");
-    v(this, "boundObject", {});
-    v(this, "handleWantsGesture", (e, t) => {
+    d(this, "five");
+    /**
+     * @description: 拖动中
+     */
+    d(this, "dragging", !1);
+    d(this, "boundObject", {});
+    d(this, "handleWantsGesture", (e, t) => {
       if (t.length !== 1)
         return;
       const n = t[0];
       if (n) {
-        if (e === "mouseMove")
-          return this.onDomEvent("hover", n);
-        if (e === "tap")
-          return this.onDomEvent("click", n);
+        if (e === "mouseMove" && this.onDomEvent("hover", n), e === "tap") {
+          const i = this.onDomEvent("click", n), o = this.onDomEvent("wantDblclick", n, void 0, this.boundObject.dblclick);
+          if (i === !1 || o === !1)
+            return !1;
+        }
+        if (this.dragging)
+          return !1;
       }
     });
-    v(this, "onDomEvent", (e, t) => {
-      var f, i;
-      const n = this.boundObject[e];
-      if (!n || (n == null ? void 0 : n.length) === 0 || !t)
+    d(this, "handleDomEvent", (e, t, n) => {
+      const i = { x: t.clientX, y: t.clientY };
+      this.onDomEvent(e, i, t, n);
+    });
+    d(this, "handleMouseEvent", (e) => {
+      this.handleDomEvent(e.type, e);
+    });
+    d(this, "handleMousedown", (e) => {
+      this.handleDomEvent("mousedown", e), this.handleDomEvent("dragstart", e, this.haveDragEventObject);
+    });
+    d(this, "handleMouseup", (e) => {
+      var t;
+      this.dragging = !1, (t = this.haveDragEventObject) == null || t.forEach((n) => {
+        n._dragging && (n._dragging = !1, this.notify({
+          eventName: "dragend",
+          object: n,
+          originEvent: e,
+          raycaster: this.getRaycaster({ x: e.clientX, y: e.clientY })
+        }));
+      }), this.handleDomEvent("mouseup", e);
+    });
+    d(this, "handleMousemove", (e) => {
+      var t;
+      this.dragging && ((t = this.boundObject.drag) == null || t.forEach((n) => {
+        n._dragging && this.notify({
+          eventName: "drag",
+          object: n,
+          originEvent: e,
+          raycaster: this.getRaycaster({ x: e.clientX, y: e.clientY })
+        });
+      }));
+    });
+    // eslint-disable-next-line complexity
+    d(this, "onDomEvent", (e, t, n, i = this.boundObject[e]) => {
+      var f, c, r;
+      if (!t || !i || (i == null ? void 0 : i.length) === 0)
+        return;
+      const o = (f = t.raycaster) != null ? f : this.getRaycaster(t);
+      o.params.Points.threshold = 0.02;
+      const s = o.intersectObjects(i, !0);
+      if (s.length === 0)
         return;
-      const s = (f = t.raycaster) != null ? f : this.getRaycaster(t), r = (() => {
-        var h;
-        const d = s.intersectObjects(n, !0);
-        if (d.length === 0)
-          return;
-        const o = this.five.model.intersectRaycaster(s);
-        if (!(o.length > 0 && d.length > 0 && o[0].distance < d[0].distance))
-          return (h = d[0]) == null ? void 0 : h.object;
-      })();
-      if (!r || !this.objectIsBound(r)) {
-        for (const d of (i = this.boundObject.hover) != null ? i : [])
-          d._hovered && this.notify("unHover", d);
+      const l = this.five.model.intersectRaycaster(o), u = 0.01;
+      if (l.length > 0 && s.length > 0 && l[0].distance + u < s[0].distance)
         return;
+      const a = (c = s[0]) == null ? void 0 : c.object;
+      if (a) {
+        if (e === "wantDblclick")
+          return !1;
+        if ((!a || !this.objectIsBound(a)) && (e === "hover" || e === "unHover"))
+          for (const v of (r = this.boundObject.hover) != null ? r : [])
+            v._hovered && this.notify({ eventName: "unHover", object: v });
+        if (a && this.notify({ eventName: e, object: a, originEvent: n, raycaster: o, intersects: s }))
+          return !1;
       }
-      if (this.notify(e, r))
-        return !1;
     });
-    v(this, "objectIsBound", (e) => {
+    d(this, "objectIsBound", (e) => {
       let t = e._domEvent, n = e.parent;
       for (; typeof t == "undefined" && n; )
         t = n._domEvent, n = n.parent;
       return !!t;
     });
-    // eslint-disable-next-line max-params
-    v(this, "notify", (e, t, n, s) => {
-      var d;
-      let r = !1, a = [];
-      const f = [];
-      let i = t;
-      for (f.push(i); i.parent; )
-        i = i.parent, f.push(i);
-      for (const o of f) {
-        if (r)
+    d(this, "notify", (e) => {
+      var c;
+      const { eventName: t, object: n, originEvent: i, raycaster: o, intersects: s } = e;
+      let l = !1, u = [];
+      const a = [];
+      let f = n;
+      for (a.push(f); f.parent; )
+        f = f.parent, a.push(f);
+      for (const r of a) {
+        if (l)
           break;
-        const h = o._domEvent;
-        if (!h)
+        r.draggable && (t === "dragstart" && (r._dragging = !0, this.dragging = !0), t === "dragend" && (r._dragging = !1, this.dragging = !1));
+        const v = r._domEvent;
+        if (!v)
           continue;
-        const p = h[`${e}Handler`];
-        if (p)
-          for (const [O, l] of p) {
-            if (l != null && l.checkVisible && !$(o))
+        const _ = v[`${t}Handler`];
+        if (_)
+          for (const [O, E] of _) {
+            if (E != null && E.noEmitWhenHide && !M(r))
               continue;
-            if (e === "hover") {
-              if (o._hovered)
+            if (t === "hover") {
+              if (r._hovered)
                 continue;
-              o._hovered = !0;
-              for (const c of (d = this.boundObject.hover) != null ? d : [])
-                c !== o && c._hovered && this.notify("unHover", c);
+              r._hovered = !0;
+              for (const m of (c = this.boundObject.hover) != null ? c : [])
+                m !== r && m._hovered && this.notify({ eventName: "unHover", object: m });
             }
-            if (e === "unHover") {
-              if (!o._hovered)
+            if (t === "unHover") {
+              if (!r._hovered)
                 continue;
-              o._hovered = !1;
+              r._hovered = !1;
             }
-            const m = O({
-              type: e,
-              target: o,
-              origDomEvent: n,
-              intersect: s,
+            const g = O({
+              type: t,
+              target: r,
+              origDomEvent: i,
+              raycaster: o,
+              intersects: s,
               stopPropagation: () => {
-                r = !0;
+                l = !0;
               }
             });
-            a.push(m != null ? m : !0);
+            u.push(g != null ? g : !0);
           }
       }
-      if (e === "click")
-        return a.some((o) => o === !0);
+      if (t === "click" || t === "wantDblclick")
+        return u.some((r) => r === !0);
     });
-    this.five = e, e.on("wantsGesture", this.handleWantsGesture);
+    this.five = e, e.on("wantsGesture", this.handleWantsGesture), document.addEventListener("mousedown", this.handleMousedown), document.addEventListener("dblclick", this.handleMouseEvent), document.addEventListener("mouseup", this.handleMouseup), document.addEventListener("mousemove", this.handleMousemove);
+  }
+  get haveDragEventObject() {
+    return [...new Set([this.boundObject.dragend, this.boundObject.drag, this.boundObject.dragstart].flat())].filter(Boolean);
   }
   /**
    * @description: added 时自动绑定事件，removed时自动解绑事件，也就是说只有物体在场景中的时候才会触发事件
    * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
    * @todo: added 和 removed 还是不太智能
    */
-  addAutoBindEventListener(e, t, n, s) {
-    const r = () => this.addEventListener(e, t, n, s), a = () => this.removeEventListener(e, t, n, s);
-    return e.addEventListener("added", r), e.addEventListener("removed", a), e.addEventListener("dispose", a), () => {
-      e.removeEventListener("added", r), e.removeEventListener("removed", a), e.removeEventListener("dispose", a);
+  addAutoBindEventListener(e, t, n, i) {
+    const o = () => this.addEventListener(e, t, n, i), s = () => this.removeEventListener(e, t, n, i);
+    return e.addEventListener("added", o), e.addEventListener("removed", s), e.addEventListener("dispose", s), () => {
+      e.removeEventListener("added", o), e.removeEventListener("removed", s), e.removeEventListener("dispose", s);
     };
   }
   /**
@@ -122,32 +168,31 @@ class D {
    * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
    * @return {void}
    */
-  addEventListener(e, t, n, s) {
-    var r;
-    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, b({ checkVisible: !0 }, s)]), (r = this.boundObject[t]) == null || r.push(e);
+  addEventListener(e, t, n, i) {
+    e._domEvent || (e._domEvent = {}), e._domEvent[`${t}Handler`] || (e._domEvent[`${t}Handler`] = []), this.boundObject[t] || (this.boundObject[t] = []), e._domEvent[`${t}Handler`].push([n, y({ noEmitWhenHide: !1 }, i)]), this.boundObject[t].push(e);
   }
-  removeEventListener(e, t, n, ...s) {
-    var a, f;
+  removeEventListener(e, t, n, ...i) {
+    var s, l;
     if (!e._domEvent || !e._domEvent[`${t}Handler`])
       return;
-    const r = e._domEvent[`${t}Handler`].findIndex((i) => i[0] === n);
-    if (r !== -1 && (e._domEvent[`${t}Handler`].splice(r, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
-      const i = (a = this.boundObject[t]) == null ? void 0 : a.findIndex((d) => d === e);
-      i !== -1 && ((f = this.boundObject[t]) == null || f.splice(i, 1));
+    const o = e._domEvent[`${t}Handler`].findIndex((u) => u[0] === n);
+    if (o !== -1 && (e._domEvent[`${t}Handler`].splice(o, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
+      const u = (s = this.boundObject[t]) == null ? void 0 : s.findIndex((a) => a === e);
+      u !== -1 && ((l = this.boundObject[t]) == null || l.splice(u, 1));
     }
   }
   dispose() {
     var e;
-    (e = this.five) == null || e.off("wantsGesture", this.handleWantsGesture), this.boundObject = {};
+    (e = this.five) == null || e.off("wantsGesture", this.handleWantsGesture), document.removeEventListener("mousedown", this.handleMousedown), document.removeEventListener("mouseup", this.handleMouseup), document.removeEventListener("mousemove", this.handleMousemove), this.boundObject = {};
   }
   getRaycaster(e) {
     const t = this.five.getElement();
     if (!t)
       return;
-    const n = x(e, t), s = new L.Raycaster();
-    return s.setFromCamera(n, this.five.camera), s;
+    const n = x(e, t), i = new H.Raycaster();
+    return i.setFromCamera(n, this.five.camera), i;
   }
 }
 export {
-  D as FiveDomEvents
+  I as FiveDomEvents
 };

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

@@ -0,0 +1,14 @@
+import * as THREE from 'three';
+import type { Five } from '@realsee/five';
+interface IIntersection extends THREE.Intersection {
+    raycaster: THREE.Raycaster;
+    isVirtual: boolean;
+}
+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;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import type { Five } from '@realsee/five';
+import * as THREE from 'three';
+export declare function getRaycasterByNdcPosition(five: Five, position: {
+    x: number;
+    y: number;
+}): THREE.Raycaster;

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

@@ -0,0 +1,8 @@
+import * as n from "three";
+function y(o, r) {
+  const { x: a, y: e } = r, c = a * 2 - 1, s = e * 2 - 1, t = new n.Raycaster();
+  return t.setFromCamera({ x: c, y: s }, o.camera), t;
+}
+export {
+  y as getRaycasterByNdcPosition
+};

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.20.7",
+    "%c %c@realsee/dnalogel %cv3.21.0",
     [
       "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/positionToVector3.d.ts

@@ -4,6 +4,7 @@ export type AnyPosition = Vector3 | number[] | {
     y: number;
     z: number;
 };
+export type AnyPositions = Array<AnyPosition>;
 export declare const positionToVector3: ({ x, y, z }: {
     x: number;
     y: number;

package/libs/shared-utils/positionToVector3.js

@@ -1,12 +1,15 @@
 import { Vector3 as n } from "three";
-const o = ({ x: r, y: e, z: c }) => new n(r, e, c), a = (r) => new n().fromArray(r), t = (r) => r instanceof n ? r : Array.isArray(r) ? a(r) : o(r);
-function u(r) {
+const f = ({ x: r, y: e, z: c }) => new n(r, e, c), a = (r) => new n().fromArray(r), t = (r) => {
+  if (r)
+    return r instanceof n ? r : Array.isArray(r) ? a(r) : f(r);
+};
+function o(r) {
   if (r)
     return Array.isArray(r) ? typeof r[0] == "number" ? t(r) : r.map(t) : t(r);
 }
 export {
   t as anyPositionToVector3,
   a as arrayPositionToVector3,
-  o as positionToVector3,
-  u as vector3Position
+  f as positionToVector3,
+  o as vector3Position
 };

package/libs/shared-utils/three/IObject3D.d.ts

@@ -1,7 +1,11 @@
 import { Object3D } from 'three';
 export declare class IObject3D extends Object3D {
+    name: string;
+    needsRender: boolean;
     constructor();
+    removeChildren(): this;
     add(...objects: Object3D[]): this;
+    addIfNotExists(...objects: Object3D[]): this;
     remove(...objects: Object3D[]): this;
     removeFromParent(): this;
 }