@realsee/dnalogel 3.34.5 → 3.35.0-dev.0

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

@@ -4,13 +4,13 @@ export declare class LightTag {
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
-    wrapper: HTMLElement;
     private five;
     private position;
+    private wrapper;
     private disposer;
-    private config;
+    private wrapperStyle;
     constructor(five: Five, position: AnyPosition, config?: {
-        wrapper?: HTMLElement;
+        wrapperStyle?: Partial<CSSStyleDeclaration>;
     });
     show(): void;
     hide(params?: {
@@ -22,5 +22,5 @@ export declare class LightTag {
     private onFiveEveryReady;
 }
 export declare function tag(five: Five, position: AnyPosition, config?: {
-    wrapper?: HTMLElement;
+    wrapperStyle?: Partial<CSSStyleDeclaration>;
 }): LightTag;

package/libs/shared-utils/tag.js

@@ -1,27 +1,27 @@
 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);
-import { anyPositionToVector3 as f } from "./positionToVector3.js";
+var c = (o, e, t) => e in o ? l(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var s = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { anyPositionToVector3 as p } from "./positionToVector3.js";
 import * as d from "three";
 import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
-const c = "LightTagContainer_shgjakdhwakjdhsja";
-class v {
+const h = "LightTagContainer_shgjakdhwakjdhsja";
+class f {
   constructor(e, t, n) {
-    i(this, "container");
-    i(this, "visible", !1);
-    i(this, "enabled", !1);
-    i(this, "wrapper");
-    i(this, "five");
-    i(this, "position");
-    i(this, "disposer");
-    i(this, "config");
-    i(this, "onCameraUpdate", () => {
+    s(this, "container");
+    s(this, "visible", !1);
+    s(this, "enabled", !1);
+    s(this, "five");
+    s(this, "position");
+    s(this, "wrapper");
+    s(this, "disposer");
+    s(this, "wrapperStyle", {});
+    s(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%");
     });
-    i(this, "onFiveEveryReady", () => {
+    s(this, "onFiveEveryReady", () => {
       var e;
       if (this.visible && this.five.state.mode !== "Panorama") {
         const t = new d.Raycaster();
@@ -30,10 +30,11 @@ class v {
         (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");
       }
     });
-    this.five = e, this.position = f(t).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 i;
+    this.five = e, this.position = p(t).clone(), this.container = (() => {
+      const a = document.createElement("div");
+      return a.style.width = "0", a.style.height = "0", a.style.position = "absolute", a;
+    })(), this.wrapperStyle = (i = n == null ? void 0 : n.wrapperStyle) != null ? i : {}, 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();
@@ -42,13 +43,16 @@ class v {
     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";
   }
   enable() {
-    var n, o, r, h;
+    var n;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper || (this.wrapper = (o = (n = this.config.wrapper) != null ? n : document.getElementById(c)) != 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;
-    })(), (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);
+    this.enabled = !0, this.wrapper = (n = document.getElementById(h)) != null ? n : (() => {
+      var a;
+      const i = document.createElement("div");
+      return i.id = h, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", Object.keys(this.wrapperStyle).forEach((r) => {
+        i.style[r] = this.wrapperStyle[r];
+      }), (a = this.five.getElement()) == null || a.parentElement.appendChild(i), i;
+    })(), this.wrapper.appendChild(this.container);
     let e = !1;
     const t = () => {
       e || (e = !0, this.five.ready().then(() => {
@@ -64,8 +68,8 @@ class v {
     this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (e = this.disposer) == null || e.call(this));
   }
 }
-function w(s, e, t) {
-  return new v(s, e, t);
+function w(o, e, t) {
+  return new f(o, e, t);
 }
 export {
   w as tag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.34.5",
+  "version": "3.35.0-dev.0",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -24,7 +24,7 @@
     "build:dist": "NODE_ENV=production BUILD_MODULE=dist vite build -m production",
     "build:components": "NODE_ENV=production BUILD_MODULE=components vite build -m production",
     "docs": "typedoc --options ./typedoc.json",
-    "prepublishOnly": "run-p build docs",
+    "prepublishOnly": "run-p build",
     "postpublish": "cnpm sync @realsee/dnalogel"
   },
   "files": [