@realsee/dnalogel 3.47.5 → 3.47.7

package/libs/shared-utils/tag.js

@@ -1,39 +1,43 @@
-var l = Object.defineProperty;
-var d = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (d(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { anyPositionToVector3 as f } from "./positionToVector3.js";
-import * as m from "three";
-import { vector3ToScreen as v } from "./five/vector3ToScreen.js";
-import { getFiveModel as y } from "./five/getFiveModel.js";
-import { _raycaster as c } from "./three/raycaster.js";
-const p = "LightTagContainer_shgjakdhwakjdhsja", u = new m.Vector2();
-class g {
+var u = Object.defineProperty;
+var g = (h, t, e) => t in h ? u(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var o = (h, t, e) => (g(h, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as d } from "./positionToVector3.js";
+import * as b from "three";
+import { vector3ToScreen as l } from "./five/vector3ToScreen.js";
+import { getFiveModel as x } from "./five/getFiveModel.js";
+import { _raycaster as m } from "./three/raycaster.js";
+import { FiveUtil as U } from "./Utils/FiveUtil.js";
+const v = "LightTagContainer_shgjakdhwakjdhsja", w = new b.Vector2();
+class E {
   constructor(t, e, s) {
-    i(this, "container");
-    i(this, "visible", !1);
-    i(this, "enabled", !1);
-    i(this, "wrapper");
-    i(this, "tagWrapper");
-    i(this, "five");
-    i(this, "originPosition");
-    i(this, "transformedPosition");
-    i(this, "disposer");
-    i(this, "config");
-    i(this, "onCameraUpdate", () => {
+    o(this, "container");
+    o(this, "visible", !1);
+    o(this, "enabled", !1);
+    o(this, "wrapper");
+    o(this, "positionsForRotate");
+    o(this, "tagWrapper");
+    o(this, "five");
+    o(this, "originPosition");
+    o(this, "transformedPosition");
+    o(this, "disposer");
+    o(this, "config");
+    o(this, "fiveUtil");
+    o(this, "onCameraUpdate", () => {
       this.visible !== !1 && this.updateScreenPosition();
     });
-    i(this, "onFiveEveryReady", () => {
+    o(this, "onFiveEveryReady", () => {
       var t;
       if (this.visible && this.five.state.mode !== "Panorama") {
-        c.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
-        const s = (t = y(this.five).intersectRaycaster(c)) == null ? void 0 : t[0];
-        (s == null ? void 0 : s.distance) + 0.01 > 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");
+        let e = 0.01;
+        this.fiveUtil.workUtil.fromType === "poincare" && (e = 0.05), m.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
+        const s = (t = x(this.five).intersectRaycaster(m)) == null ? void 0 : t[0];
+        (s == null ? void 0 : s.distance) + e > 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");
       }
     });
-    var o;
-    this.five = t, this.originPosition = e ? f(e).clone() : void 0, this.transformedPosition = (o = this.originPosition) == null ? void 0 : o.clone(), this.container = (() => {
-      const r = document.createElement("div");
-      return r.style.width = "0", r.style.height = "0", r.style.position = "absolute", r.style.transition = "opacity 0.2s linear", r;
+    var n, r, a;
+    this.five = t, this.fiveUtil = (n = t.__fiveUtil__) != null ? n : t.__fiveUtil__ = new U(t), this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (r = this.originPosition) == null ? void 0 : r.clone(), this.positionsForRotate = (a = s == null ? void 0 : s.positionsForRotate) == null ? void 0 : a.map((i) => d(i).clone()), this.container = (() => {
+      const i = document.createElement("div");
+      return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i.style.transition = "opacity 0.2s linear", i;
     })(), this.config = s != null ? s : {}, this.enable(), this.show();
   }
   show() {
@@ -43,12 +47,12 @@ class g {
     this.visible = !1, this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var s, o, r, h;
+    var s, n, r, a;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (r = (o = this.config.wrapper) != null ? o : (s = this.five.getElement()) == null ? void 0 : s.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (h = document.getElementById(p)) != null ? h : (() => {
-      const a = document.createElement("div");
-      return a.id = p, 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;
+    this.enabled = !0, this.wrapper = (r = (n = this.config.wrapper) != null ? n : (s = this.five.getElement()) == null ? void 0 : s.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (a = document.getElementById(v)) != null ? a : (() => {
+      const i = document.createElement("div");
+      return i.id = v, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", i;
     })(), this.wrapper.contains(this.tagWrapper) || this.wrapper.appendChild(this.tagWrapper)), this.tagWrapper.appendChild(this.container);
     let t = !1;
     const e = () => {
@@ -71,30 +75,35 @@ class g {
     var e;
     this.transformedPosition = (e = this.originPosition) == null ? void 0 : e.clone().applyMatrix4(t), this.onCameraUpdate();
   }
-  setPosition(t) {
-    this.transformedPosition = t, this.onCameraUpdate();
+  setPosition(t, e) {
+    this.transformedPosition = t, this.positionsForRotate = e, this.onCameraUpdate();
   }
   updateScreenPosition() {
     if (!this.transformedPosition) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const t = v(this.five.camera, this.transformedPosition, this.five.renderer.getSize(u));
-    if (!t) {
+    const t = this.five.renderer.getSize(w), e = l(this.five.camera, this.transformedPosition, t);
+    if (!e) {
       this.container.style.left = "-100%", this.container.style.top = "-100%";
       return;
     }
-    const e = (() => {
-      const s = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), o = this.transformedPosition.distanceTo(this.five.camera.position);
-      return Math.max(Math.min(1 - s * o / 40, 1), 0.5);
+    const s = (() => {
+      const r = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), a = this.transformedPosition.distanceTo(this.five.camera.position);
+      return Math.max(Math.min(1 - r * a / 40, 1), 0.5);
+    })(), n = (() => {
+      if (this.positionsForRotate === void 0 || this.positionsForRotate.length !== 2)
+        return 0;
+      const [r, a] = this.positionsForRotate, i = l(this.five.camera, r, t), c = l(this.five.camera, a, t), p = i.leftPx > c.leftPx ? c : i, f = i.leftPx > c.leftPx ? i : c, y = f.leftPx - p.leftPx, P = f.topPx - p.topPx;
+      return Math.atan2(P, y) * (180 / Math.PI);
     })();
-    this.container.style.left = t.leftPx + "px", this.container.style.top = t.topPx + "px", this.container.style.transform = `scale(${e})`;
+    this.container.style.left = e.leftPx + "px", this.container.style.top = e.topPx + "px", this.container.style.transformOrigin = "center", this.container.style.transform = `scale(${s})`, n && (this.container.style.transform += ` rotate(${n}deg)`);
   }
 }
-function T(n, t, e) {
-  return new g(n, t, e);
+function S(h, t, e) {
+  return new E(h, t, e);
 }
 export {
-  g as LightTag,
-  T as tag
+  E as LightTag,
+  S as tag
 };

package/package.json

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