@realsee/dnalogel 3.45.0 → 3.46.1

package/libs/shared-utils/tag.js

@@ -1,17 +1,18 @@
-var l = Object.defineProperty;
-var p = (s, t, e) => t in s ? l(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";
+var c = Object.defineProperty;
+var p = (n, t, e) => t in n ? c(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => (p(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { anyPositionToVector3 as d } from "./positionToVector3.js";
+import * as f from "three";
 import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
 import { getFiveModel as m } from "./five/getFiveModel.js";
-const c = "LightTagContainer_shgjakdhwakjdhsja";
+const l = "LightTagContainer_shgjakdhwakjdhsja";
 class v {
-  constructor(t, e, n) {
+  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");
@@ -23,16 +24,17 @@ class v {
     i(this, "onFiveEveryReady", () => {
       var t;
       if (this.visible && this.five.state.mode !== "Panorama") {
-        const e = new d.Raycaster();
+        const e = new f.Raycaster();
         e.set(this.five.camera.position, this.transformedPosition.clone().sub(this.five.camera.position));
-        const n = (t = m(this.five).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");
+        const s = (t = m(this.five).intersectRaycaster(e)) == null ? void 0 : t[0];
+        (s == null ? void 0 : s.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 = 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();
+    var a;
+    this.five = t, this.originPosition = e ? d(e).clone() : void 0, this.transformedPosition = (a = this.originPosition) == null ? void 0 : a.clone(), this.container = (() => {
+      const r = document.createElement("div");
+      return r.style.width = "0", r.style.height = "0", r.style.position = "absolute", r;
+    })(), this.config = s != null ? s : {}, this.enable(), this.show();
   }
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
@@ -41,13 +43,13 @@ class v {
     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, a, h;
+    var s, a, 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 : (() => {
-      const r = document.createElement("div");
-      return r.id = c, r.style.position = "absolute", r.style.top = "0", r.style.left = "0", r.style.width = "100%", r.style.height = "100%", r.style.pointerEvents = "none", r;
-    })(), (a = this.five.getElement()) != null && a.parentElement.contains(this.wrapper) || (h = this.five.getElement()) == null || h.parentElement.appendChild(this.wrapper)), this.wrapper.appendChild(this.container);
+    this.enabled = !0, this.wrapper = (r = (a = this.config.wrapper) != null ? a : (s = this.five.getElement()) == null ? void 0 : s.parentElement) != null ? r : document.body, this.tagWrapper || (this.tagWrapper = (h = document.getElementById(l)) != null ? h : (() => {
+      const o = document.createElement("div");
+      return o.id = l, o.style.position = "absolute", o.style.top = "0", o.style.left = "0", o.style.width = "100%", o.style.height = "100%", o.style.pointerEvents = "none", o;
+    })(), this.wrapper.contains(this.tagWrapper) || this.wrapper.appendChild(this.tagWrapper)), this.tagWrapper.appendChild(this.container);
     let t = !1;
     const e = () => {
       t || (t = !0, this.five.ready().then(() => {
@@ -60,19 +62,31 @@ class v {
   }
   disable() {
     var t;
-    this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
+    this.enabled && (this.enabled = !1, this.tagWrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
+  }
+  destroy() {
+    this.disable(), this.container.remove();
   }
   setTransformMatrix(t) {
-    this.transformedPosition = this.originPosition.clone().applyMatrix4(t), this.onCameraUpdate();
+    var e;
+    this.transformedPosition = (e = this.originPosition) == null ? void 0 : e.clone().applyMatrix4(t), this.onCameraUpdate();
+  }
+  setPosition(t) {
+    this.transformedPosition = t, this.onCameraUpdate();
   }
   updateScreenPosition() {
+    if (!this.transformedPosition) {
+      this.container.style.left = "-100%", this.container.style.top = "-100%";
+      return;
+    }
     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%");
   }
 }
-function b(s, t, e) {
-  return new v(s, t, e);
+function w(n, t, e) {
+  return new v(n, t, e);
 }
 export {
-  b as tag
+  v as LightTag,
+  w as tag
 };

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

@@ -2,6 +2,7 @@ import "hammerjs";
 import "three";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
+import "../../Sculpt/utils/Modules/Global.js";
 import "./THREESphere.js";
 import "animejs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";

package/package.json

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