@realsee/dnalogel 3.36.5 → 3.36.7

package/libs/shared-utils/tag.d.ts

@@ -1,12 +1,14 @@
 import type { Five } from '@realsee/five';
 import { type AnyPosition } from './positionToVector3';
+import * as THREE from 'three';
 export declare class LightTag {
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
     wrapper: HTMLElement;
     private five;
-    private position;
+    private originPosition;
+    private transformedPosition;
     private disposer;
     private config;
     constructor(five: Five, position: AnyPosition, config?: {
@@ -18,6 +20,7 @@ export declare class LightTag {
     }): void;
     enable(): void;
     disable(): void;
+    setTransformMatrix(matrix: THREE.Matrix4): void;
     private onCameraUpdate;
     private onFiveEveryReady;
 }

package/libs/shared-utils/tag.js

@@ -1,36 +1,37 @@
-var l = Object.defineProperty;
-var p = (s, e, t) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
+var c = Object.defineProperty;
+var p = (s, t, e) => t in s ? c(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => (p(s, typeof t != "symbol" ? t + "" : t, e), e);
 import { anyPositionToVector3 as f } from "./positionToVector3.js";
 import * as d from "three";
 import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
-const c = "LightTagContainer_shgjakdhwakjdhsja";
-class v {
-  constructor(e, t, n) {
+const l = "LightTagContainer_shgjakdhwakjdhsja";
+class m {
+  constructor(t, e, n) {
     i(this, "container");
     i(this, "visible", !1);
     i(this, "enabled", !1);
     i(this, "wrapper");
     i(this, "five");
-    i(this, "position");
+    i(this, "originPosition");
+    i(this, "transformedPosition");
     i(this, "disposer");
     i(this, "config");
     i(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
-      const e = y(this.five.camera, this.position);
-      e ? (this.container.style.left = e.leftPercent + "%", this.container.style.top = e.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
+      const t = y(this.five.camera, this.transformedPosition);
+      t ? (this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
     });
     i(this, "onFiveEveryReady", () => {
-      var e;
+      var t;
       if (this.visible && this.five.state.mode !== "Panorama") {
-        const t = new d.Raycaster();
-        t.set(this.five.camera.position, this.position.clone().sub(this.five.camera.position));
-        const n = (e = this.five.model.intersectRaycaster(t)) == null ? void 0 : e[0];
-        (n == null ? void 0 : n.distance) > this.position.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
+        const e = new d.Raycaster();
+        e.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
+        const n = (t = this.five.model.intersectRaycaster(e)) == null ? void 0 : t[0];
+        (n == null ? void 0 : n.distance) > this.transformedPosition.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
-    this.five = e, this.position = f(t).clone(), this.container = (() => {
+    this.five = t, this.originPosition = f(e).clone(), this.transformedPosition = this.originPosition.clone(), this.container = (() => {
       const o = document.createElement("div");
       return o.style.width = "0", o.style.height = "0", o.style.position = "absolute", o;
     })(), this.config = n, this.enable(), this.show();
@@ -38,34 +39,37 @@ class v {
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
   }
-  hide(e) {
-    this.visible = !1, e != null && e.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
+  hide(t) {
+    this.visible = !1, t != null && t.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
     var n, o, r, h;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper || (this.wrapper = (o = (n = this.config.wrapper) != null ? n : document.getElementById(c)) != null ? o : (() => {
+    this.enabled = !0, this.wrapper || (this.wrapper = (o = (n = this.config.wrapper) != null ? n : document.getElementById(l)) != null ? o : (() => {
       const a = document.createElement("div");
-      return a.id = c, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
+      return a.id = l, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
     })(), (r = this.five.getElement()) != null && r.parentElement.contains(this.wrapper) || (h = this.five.getElement()) == null || h.parentElement.appendChild(this.wrapper)), this.wrapper.appendChild(this.container);
-    let e = !1;
-    const t = () => {
-      e || (e = !0, this.five.ready().then(() => {
-        this.onFiveEveryReady(), e = !1;
+    let t = !1;
+    const e = () => {
+      t || (t = !0, this.five.ready().then(() => {
+        this.onFiveEveryReady(), t = !1;
       }));
     };
-    this.five.on("cameraUpdate", t), this.five.on("cameraUpdate", this.onCameraUpdate), this.disposer = () => {
-      this.five.off("cameraUpdate", t), this.five.off("cameraUpdate", this.onCameraUpdate);
+    this.five.on("cameraUpdate", e), this.five.on("cameraUpdate", this.onCameraUpdate), this.disposer = () => {
+      this.five.off("cameraUpdate", e), this.five.off("cameraUpdate", this.onCameraUpdate);
     };
   }
   disable() {
-    var e;
-    this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (e = this.disposer) == null || e.call(this));
+    var t;
+    this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
+  }
+  setTransformMatrix(t) {
+    this.transformedPosition = this.originPosition.clone().applyMatrix4(t), this.onCameraUpdate();
   }
 }
-function w(s, e, t) {
-  return new v(s, e, t);
+function w(s, t, e) {
+  return new m(s, t, e);
 }
 export {
   w as tag

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

@@ -1,7 +1,7 @@
 import type { Five, SubscribeEventMap } from '@realsee/five';
 import Hammer from 'hammerjs';
 import * as THREE from 'three';
-import { Subscribe } from '@realsee/five';
+import { Subscribe } from '../Subscribe';
 interface MagnifierConfig {
     /** 允许拖动放大镜 */
     dragEnabled: boolean;

package/libs/shared-utils/three/Magnifier.js

@@ -3,7 +3,7 @@ var b = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writab
 var n = (r, t, e) => (b(r, typeof t != "symbol" ? t + "" : t, e), e);
 import C from "hammerjs";
 import * as l from "three";
-import { Subscribe as R } from "@realsee/five";
+import { Subscribe as R } from "../Subscribe.js";
 class Y {
   constructor(t, e) {
     n(this, "width");

package/libs/shared-utils/three/PointDomHelper.js

@@ -4,12 +4,11 @@ var n = (o, e, t) => (m(o, typeof e != "symbol" ? e + "" : e, t), t);
 import * as c from "three";
 import { Easing as p } from "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "hammerjs";
-import "@realsee/five";
 import { rangePieceImg as h } from "../../PanoMeasurePlugin/Modules/rangePiece/html.js";
 import { CSS3DRenderPlugin as b } from "../../CSS3DRenderPlugin/index.js";
 import "animejs";
 import { BetterTween as u } from "../animationFrame/BetterTween.js";
-class I {
+class C {
   constructor(e) {
     n(this, "five");
     n(this, "contentElement", document.createElement("div"));
@@ -58,5 +57,5 @@ class I {
   }
 }
 export {
-  I as PointDomHelper
+  C as PointDomHelper
 };

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

@@ -1,8 +1,8 @@
 import * as THREE from 'three';
 import type { Five } from '@realsee/five';
-import { Subscribe } from '@realsee/five';
 import { Magnifier, PointHelper, PointDomHelper } from '.';
 import type { Intersection } from '../../typings/typings';
+import { Subscribe } from '../Subscribe';
 interface Options {
     magnifier?: Magnifier | null;
     magnifierParams?: ConstructorParameters<typeof Magnifier>[1];

package/libs/shared-utils/three/PointSelectorHelper.js

@@ -2,15 +2,15 @@ var l = Object.defineProperty;
 var h = (r, i, e) => i in r ? l(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
 var t = (r, i, e) => (h(r, typeof i != "symbol" ? i + "" : i, e), e);
 import * as p from "three";
-import { Subscribe as d } from "@realsee/five";
-import { Magnifier as m } from "./Magnifier.js";
-import { PointHelper as o } from "./PointHelper.js";
-import { PointDomHelper as f } from "./PointDomHelper.js";
+import { Magnifier as d } from "./Magnifier.js";
+import { PointHelper as m } from "./PointHelper.js";
+import { PointDomHelper as o } from "./PointDomHelper.js";
+import { Subscribe as f } from "../Subscribe.js";
 import "animejs";
 class D {
   constructor(i, e) {
     t(this, "five");
-    t(this, "hooks", new d());
+    t(this, "hooks", new f());
     t(this, "position");
     t(this, "magnifier", null);
     t(this, "pointHelper", null);
@@ -32,7 +32,7 @@ class D {
     t(this, "abortUpdateMagnifier", () => {
     });
     var s, n, a;
-    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new m(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new o(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new f(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo((a = (n = e.container) != null ? n : i.getElement().parentElement) != null ? a : document.body);
+    this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new d(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 }), this.pointHelper = (e == null ? void 0 : e.pointHelper) !== void 0 ? e.pointHelper : new m(), this.pointDomHelper = (e == null ? void 0 : e.pointDomHelper) !== void 0 ? e.pointDomHelper : new o(i), this.group.name = "five-point-selector", this.five.scene.add(this.group), this.magnifier.appendTo((a = (n = e.container) != null ? n : i.getElement().parentElement) != null ? a : document.body);
   }
   enable() {
     var i, e;

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

@@ -0,0 +1,2 @@
+import type { Object3D } from 'three';
+export declare function applyObjectMatrixWorld<P extends THREE.Vector3 | THREE.Vector3[]>(object: Object3D, point: P): P;

package/libs/shared-utils/three/applyObjectMatrixWorld.js

@@ -0,0 +1,10 @@
+import { toArray as n } from "../util.js";
+function i(r, o) {
+  const a = n(o);
+  r.updateMatrixWorld();
+  const t = a.map((l) => r.localToWorld(l.clone()));
+  return Array.isArray(o) ? t : t[0];
+}
+export {
+  i as applyObjectMatrixWorld
+};

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

@@ -1,6 +1,5 @@
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "animejs";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.36.5",
+  "version": "3.36.7",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",