@realsee/dnalogel 3.48.0 → 3.48.2

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

@@ -57,13 +57,13 @@ export declare class Magnifier {
         y: number;
     }): void;
     resetOffset(): void;
+    render(): void;
     protected getRenderCenter(): THREE.Vector3 | {
         x: number;
         y: number;
     };
     private _appendTo;
     private autoFixPCPosition;
-    private render;
     private initStyle;
     private getPanOffset;
     private onPanstart;

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

@@ -84,6 +84,18 @@ class E {
   resetOffset() {
     this.offset = { x: 0, y: 0 }, this.canvas.style.transform = "translate3d(0px, 0px, 100px)";
   }
+  render() {
+    if (!this.five.renderer || !this.containerDom)
+      return;
+    const { scale: t, context: e, width: i, height: s } = this, h = this.five.renderer.getSize(new l.Vector2()), [o, a] = (() => {
+      if (this.renderCenter instanceof l.Vector3) {
+        const v = this.renderCenter.clone().project(this.five.camera);
+        return [(v.x + 1) / 2 * h.x, (v.y + 1) / 2 * h.y];
+      } else
+        return [this.renderCenter.x, h.y - this.renderCenter.y];
+    })(), f = 1, c = i / t, g = s / t, y = f * t, u = this.five.getPixels(o - c / 2, a - c / 2, c, g, y), x = Math.floor(i * f), m = Math.floor(s * f);
+    D(u, x, m), (this.imageData.width !== x || this.imageData.height !== m) && (this.imageData = new ImageData(x, m)), this.imageData.data.set(u), e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
+  }
   getRenderCenter() {
     return this.renderCenter;
   }
@@ -113,18 +125,6 @@ class E {
     })();
     h < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = "90px") : a < 183 ? (this.canvas.style.top = "90px", this.canvas.style.left = -t / 2 + "px") : o < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${h}px, ${a}px, 10px)`, this.offset = { x: h, y: a };
   }
-  render() {
-    if (!this.five.renderer || !this.containerDom)
-      return;
-    const { scale: t, context: e, width: i, height: s } = this, h = this.five.renderer.getSize(new l.Vector2()), [o, a] = (() => {
-      if (this.renderCenter instanceof l.Vector3) {
-        const v = this.renderCenter.clone().project(this.five.camera);
-        return [(v.x + 1) / 2 * h.x, (v.y + 1) / 2 * h.y];
-      } else
-        return [this.renderCenter.x, h.y - this.renderCenter.y];
-    })(), f = 1, c = i / t, g = s / t, y = f * t, u = this.five.getPixels(o - c / 2, a - c / 2, c, g, y), x = Math.floor(i * f), m = Math.floor(s * f);
-    D(u, x, m), (this.imageData.width !== x || this.imageData.height !== m) && (this.imageData = new ImageData(x, m)), this.imageData.data.set(u), e.putImageData(this.imageData, 0, 0), this.canvas.style.visibility = "visible";
-  }
   initStyle() {
     const t = this.canvas;
     t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = this.config.dragEnabled ? "all" : "none", t.style.borderRadius = "50%", t.style.zIndex = "99";

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

@@ -27,7 +27,10 @@ export declare class PointSelectorHelper {
     position: PointIntersection | undefined;
     magnifier: Magnifier | null;
     pointHelper: PointHelperAbstract | null;
-    private state;
+    state: {
+        enabled: boolean;
+        visible: boolean;
+    };
     private group;
     constructor(five: Five, options?: PointSelectorHelperConfig);
     show: () => void;

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

@@ -1,7 +1,7 @@
 var f = Object.defineProperty;
-var m = (a, i, e) => i in a ? f(a, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[i] = e;
-var t = (a, i, e) => (m(a, typeof i != "symbol" ? i + "" : i, e), e);
-import * as p from "three";
+var p = (a, i, e) => i in a ? f(a, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[i] = e;
+var t = (a, i, e) => (p(a, typeof i != "symbol" ? i + "" : i, e), e);
+import * as m from "three";
 import { Magnifier as u } from "../../Magnifier.js";
 import { PointHelper as b } from "./PointHelper.js";
 import { Subscribe as g } from "../../../Subscribe.js";
@@ -16,7 +16,7 @@ class P {
     t(this, "magnifier", null);
     t(this, "pointHelper", null);
     t(this, "state", { enabled: !1, visible: !0 });
-    t(this, "group", new p.Group());
+    t(this, "group", new m.Group());
     t(this, "show", () => {
       var i, e;
       this.state.visible || (this.state.visible = !0, (i = this.pointHelper) == null || i.show(), (e = this.magnifier) == null || e.enable(), this.five.needsRender = !0);
@@ -31,21 +31,21 @@ class P {
         return;
       this.abortUpdateMagnifier(), this.position = i, e.emitEvent && this.hooks.emit("intersectionUpdate", i), (s = this.pointHelper) == null || s.updateWithIntersect(i);
       const r = () => {
-        var n;
-        return (n = this.magnifier) == null ? void 0 : n.renderWithPoint(i.point);
+        var h;
+        return (h = this.magnifier) == null ? void 0 : h.renderWithPoint(i.point);
       };
       this.abortUpdateMagnifier = () => this.five.off("renderFrame", r), this.five.once("renderFrame", r), this.five.needsRender = !0;
     });
     t(this, "abortUpdateMagnifier", () => {
     });
-    var s, n, h, l, d;
+    var s, h, n, l, d;
     this.five = i, this.magnifier = (e == null ? void 0 : e.magnifier) !== void 0 ? e.magnifier : new u(i, (s = e == null ? void 0 : e.magnifierParams) != null ? s : { dragEnabled: !0 });
     let r;
-    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new b(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new o(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (d = this.magnifier) == null || d.appendTo((l = (h = e.container) != null ? h : (n = i.getElement()) == null ? void 0 : n.parentElement) != null ? l : document.body);
+    (e == null ? void 0 : e.pointHelper) === "default" || (e == null ? void 0 : e.pointHelper) === void 0 ? r = new b(i) : (e == null ? void 0 : e.pointHelper) === "highlight" ? r = new o(i) : r = e.pointHelper, this.pointHelper = r, this.group.name = "five-point-selector", this.five.scene.add(this.group), (d = this.magnifier) == null || d.appendTo((l = (n = e.container) != null ? n : (h = i.getElement()) == null ? void 0 : h.parentElement) != null ? l : document.body);
   }
   enable() {
     var i;
-    this.state.enabled || (this.state.enabled = !0, this.pointHelper && this.group.add(this.pointHelper), (i = this.magnifier) == null || i.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
+    this.state.enabled || (this.state.enabled = !0, this.pointHelper && (this.group.add(this.pointHelper), this.pointHelper.show()), (i = this.magnifier) == null || i.enable(), this.five.needsRender = !0, this.hooks.emit("enabled"));
   }
   disable() {
     var i;

package/package.json

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