@realsee/dnalogel 2.21.0-dev.9 → 2.21.1

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

@@ -1,14 +1,14 @@
-var p = Object.defineProperty;
-var P = (s, t, e) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var a = (s, t, e) => (P(s, typeof t != "symbol" ? t + "" : t, e), e);
+var P = Object.defineProperty;
+var b = (s, t, e) => t in s ? P(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => (b(s, typeof t != "symbol" ? t + "" : t, e), e);
 import w from "hammerjs";
-import * as g from "three";
+import * as m from "three";
 import { Subscribe as D } from "@realsee/five";
 function l(s, t, e) {
   const n = s[t], i = s[e];
   !n || !i || (s[t] = i, s[e] = n);
 }
-function C(s, t, e) {
+function E(s, t, e) {
   const n = e / 2;
   for (let i = 1; i <= n; i++) {
     const h = e - (i - 1);
@@ -30,7 +30,7 @@ class H {
     a(this, "config");
     a(this, "offset", { x: 0, y: 0 });
     a(this, "context");
-    a(this, "renderCenter", new g.Vector3());
+    a(this, "renderCenter", new m.Vector3());
     a(this, "hammer");
     a(this, "state", { enabled: !1 });
     a(this, "onPan", (t) => {
@@ -55,9 +55,6 @@ class H {
       throw new Error("CANNOT CREATE CONTEXT2D");
     this.context = n, this.config.dragEnabled && (this.hammer = new w(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panend", this.onPanEnd)), this.initStyle();
   }
-  getCurrentState() {
-    return this.state;
-  }
   dispose() {
     var t;
     this.clear(), this.disable(), (t = this.hammer) == null || t.destroy();
@@ -73,7 +70,8 @@ class H {
   }
   /** 把放大镜放到某一个容器中 */
   appendTo(t) {
-    return this.containerDom && Array.from(this.containerDom.children).includes(this.canvas) && this.containerDom.removeChild(this.canvas), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
+    var e;
+    return this.containerDom && ((e = this.containerDom) == null || e.removeChild(this.canvas)), this.containerDom = t, this.state.enabled && t.append(this.canvas), this;
   }
   /** 清除放大镜渲染内容 */
   clear() {
@@ -92,17 +90,16 @@ class H {
   render() {
     if (!this.five.renderer || !this.containerDom)
       return;
-    this.canvas.style.visibility = "visible";
-    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new g.Vector2()), o = 1, c = n / t, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, b = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, b - c / 2, c, v, u), f = Math.floor(n * o), x = Math.floor(i * o);
-    C(d, f, x);
-    const m = new ImageData(f, x);
-    m.data.set(d), e.putImageData(m, 0, 0);
+    const { scale: t, context: e, width: n, height: i } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new m.Vector2()), o = 1, c = n / t, v = i / t, u = o * t, y = (h.x + 1) / 2 * r.x, p = (h.y + 1) / 2 * r.y, d = this.five.getPixels(y - c / 2, p - c / 2, c, v, u), f = Math.floor(n * o), x = Math.floor(i * o);
+    E(d, f, x);
+    const g = new ImageData(f, x);
+    g.data.set(d), e.putImageData(g, 0, 0);
   }
   initStyle() {
     const t = this.canvas;
     t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = "all", t.style.borderRadius = "50%", t.style.zIndex = "99";
     const e = 1;
-    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", t.style.visibility = "hidden", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
+    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
   }
 }
 export {

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

@@ -1,7 +1,9 @@
 import { Vector3 as r } from "three";
 function c(...t) {
   const e = new r();
-  return t.forEach((n) => e.add(n)), e.divideScalar(t.length), e;
+  return t.forEach((n) => {
+    e.add(n);
+  }), e.divideScalar(t.length), e;
 }
 export {
   c as centerPoint

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

@@ -4,4 +4,4 @@ export * from './getRaycaster';
 export * from './getIntersect';
 export * from './PointHelper';
 export * from './PointDomHelper';
-export * from './PointSelectorHelper';
+export * from './FivePointSelector';