@realsee/dnalogel 3.23.0 → 3.23.2

package/libs/shared-utils/tag.js

@@ -1,27 +1,38 @@
-var o = Object.defineProperty;
-var a = (i, t, e) => t in i ? o(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => (a(i, typeof t != "symbol" ? t + "" : t, e), e);
-import { anyPositionToVector3 as r } from "./positionToVector3.js";
-import { vector3ToScreen as h } from "./five/vector3ToScreen.js";
-const s = "LightTagContainer_shgjakdhwakjdhsja";
-class l {
+var r = Object.defineProperty;
+var h = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var n = (o, t, e) => (h(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as c } from "./positionToVector3.js";
+import * as l from "three";
+import { vector3ToScreen as d } from "./five/vector3ToScreen.js";
+const a = "LightTagContainer_shgjakdhwakjdhsja";
+class p {
   constructor(t, e) {
-    n(this, "container", (() => {
-      const t = document.createElement("div");
-      return t.style.position = "absolute", t;
-    })());
+    n(this, "container");
     n(this, "visible", !1);
     n(this, "enabled", !1);
     n(this, "five");
     n(this, "position");
     n(this, "wrapper");
+    n(this, "disposer");
     n(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
-      const t = h(this.five.camera, this.position);
+      const t = d(this.five.camera, this.position);
       t ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
     });
-    this.five = t, this.position = r(e).clone(), this.enable(), this.show();
+    n(this, "onFiveEveryReady", () => {
+      var t;
+      if (this.visible && this.five.state.mode !== "Panorama") {
+        const e = new l.Raycaster();
+        e.set(this.five.camera.position, this.position.clone().sub(this.five.camera.position));
+        const i = (t = this.five.model.intersectRaycaster(e)) == null ? void 0 : t[0];
+        (i == null ? void 0 : i.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");
+      }
+    });
+    this.five = t, this.position = c(e).clone(), this.container = (() => {
+      const i = document.createElement("div");
+      return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i;
+    })(), this.enable(), this.show();
   }
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.classList.add("withAnimation"), this.onCameraUpdate();
@@ -30,21 +41,31 @@ class l {
     this.visible = !1, t != null && t.withAnimation ? this.container.classList.add("withAnimation") : this.container.classList.remove("withAnimation"), this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var t;
-    this.enabled || (this.enabled = !0, this.wrapper = (t = document.getElementById(s)) != null ? t : (() => {
-      const e = document.createElement("div");
-      return e.id = s, e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "100%", e.style.pointerEvents = "none", this.five.getElement().parentElement.appendChild(e), e;
-    })(), this.wrapper.appendChild(this.container), this.five.on("camera.update", this.onCameraUpdate));
+    var i;
+    if (this.enabled)
+      return;
+    this.enabled = !0, this.wrapper = (i = document.getElementById(a)) != null ? i : (() => {
+      const s = document.createElement("div");
+      return s.id = a, s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", this.five.getElement().parentElement.appendChild(s), s;
+    })(), this.wrapper.appendChild(this.container);
+    let t = !1;
+    const e = () => {
+      t || (t = !0, this.five.ready().then(() => {
+        this.onFiveEveryReady(), t = !1;
+      }));
+    };
+    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() {
-    this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), this.five.off("camera.update", this.onCameraUpdate));
+    var t;
+    this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
   }
-  // private onWantsMovePano = () => {
-  // }
 }
-function f(i, t) {
-  return new l(i, t);
+function m(o, t) {
+  return new p(o, t);
 }
 export {
-  f as tag
+  m as tag
 };

package/package.json

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