@realsee/dnalogel 3.44.3 → 3.44.4

package/libs/CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js

@@ -1,83 +1,64 @@
-import { Matrix4 as D, Vector3 as M } from "three";
+import { Matrix4 as M } from "three";
 let k = function() {
-  let c = this, h, x, y, m, o = new D(), p = {
+  let x = this, f, m, S, y, n = new M(), p = {
     camera: { fov: 0, style: "" },
     objects: /* @__PURE__ */ new WeakMap()
-  }, d = document.createElement("div");
-  d.style.overflow = "hidden", this.domElement = d;
-  let a = document.createElement("div");
-  a.style.WebkitTransformStyle = "preserve-3d", a.style.transformStyle = "preserve-3d", a.style.pointerEvents = "none", d.appendChild(a);
-  let u = /Trident/i.test(navigator.userAgent);
-  this.getSize = function() {
+  }, a = document.createElement("div");
+  a.style.overflow = "hidden", this.domElement = a;
+  let s = document.createElement("div");
+  s.style.WebkitTransformStyle = "preserve-3d", s.style.transformStyle = "preserve-3d", s.style.pointerEvents = "none", a.appendChild(s), this.getSize = function() {
     return {
-      width: h,
-      height: x
+      width: f,
+      height: m
     };
   }, this.setSize = function(t, e) {
-    h = t, x = e, y = h / 2, m = x / 2, d.style.width = t + "px", d.style.height = e + "px", a.style.width = t + "px", a.style.height = e + "px";
+    f = t, m = e, S = f / 2, y = m / 2, a.style.width = t + "px", a.style.height = e + "px", s.style.width = t + "px", s.style.height = e + "px";
   };
-  function i(t) {
+  function l(t) {
     return Math.abs(t) < 1e-10 ? 0 : t;
   }
-  function v(t) {
+  function u(t) {
     let e = t.elements;
-    return "matrix3d(" + i(e[0]) + "," + i(-e[1]) + "," + i(e[2]) + "," + i(e[3]) + "," + i(e[4]) + "," + i(-e[5]) + "," + i(e[6]) + "," + i(e[7]) + "," + i(e[8]) + "," + i(-e[9]) + "," + i(e[10]) + "," + i(e[11]) + "," + i(e[12]) + "," + i(-e[13]) + "," + i(e[14]) + "," + i(e[15]) + ")";
+    return "matrix3d(" + l(e[0]) + "," + l(-e[1]) + "," + l(e[2]) + "," + l(e[3]) + "," + l(e[4]) + "," + l(-e[5]) + "," + l(e[6]) + "," + l(e[7]) + "," + l(e[8]) + "," + l(-e[9]) + "," + l(e[10]) + "," + l(e[11]) + "," + l(e[12]) + "," + l(-e[13]) + "," + l(e[14]) + "," + l(e[15]) + ")";
   }
-  function S(t, e) {
-    let r = t.elements, l = "matrix3d(" + i(r[0]) + "," + i(r[1]) + "," + i(r[2]) + "," + i(r[3]) + "," + i(-r[4]) + "," + i(-r[5]) + "," + i(-r[6]) + "," + i(-r[7]) + "," + i(r[8]) + "," + i(r[9]) + "," + i(r[10]) + "," + i(r[11]) + "," + i(r[12]) + "," + i(r[13]) + "," + i(r[14]) + "," + i(r[15]) + ")";
-    return u ? "translate(-50%,-50%)translate(" + y + "px," + m + "px)" + e + l : "translate(-50%,-50%)" + l;
+  function v(t, e) {
+    let i = t.elements;
+    return "translate(-50%,-50%)" + ("matrix3d(" + l(i[0]) + "," + l(i[1]) + "," + l(i[2]) + "," + l(i[3]) + "," + l(-i[4]) + "," + l(-i[5]) + "," + l(-i[6]) + "," + l(-i[7]) + "," + l(i[8]) + "," + l(i[9]) + "," + l(i[10]) + "," + l(i[11]) + "," + l(i[12]) + "," + l(i[13]) + "," + l(i[14]) + "," + l(i[15]) + ")");
   }
-  function g(t) {
+  function c(t) {
     t.isCSS3DObject && (t.element.style.display = "none");
-    for (let e = 0, r = t.children.length; e < r; e++)
-      g(t.children[e]);
+    for (let e = 0, i = t.children.length; e < i; e++)
+      c(t.children[e]);
   }
-  function C(t, e, r, l) {
+  function C(t, e, i, h) {
     if (t.visible === !1) {
-      g(t);
+      c(t);
       return;
     }
     if (t.isCSS3DObject) {
-      t.onBeforeRender(c, e, r);
-      let n;
-      t.isCSS3DSprite ? (o.copy(r.matrixWorldInverse), o.transpose(), o.copyPosition(t.matrixWorld), o.scale(t.scale), o.elements[3] = 0, o.elements[7] = 0, o.elements[11] = 0, o.elements[15] = 1, n = S(o, l)) : n = S(t.matrixWorld, l);
-      let s = t.element, f = p.objects.get(t);
-      if (f === void 0 || f.style !== n) {
-        s.style.WebkitTransform = n, s.style.transform = n;
-        let W = { style: n };
-        u && (W.distanceToCameraSquared = O(r, t)), p.objects.set(t, W);
+      const o = t.layers.test(i.layers) === !0, d = t.element;
+      if (d.style.display = o === !0 ? "" : "none", o) {
+        t.onBeforeRender(x, e, i);
+        let r;
+        t.isCSS3DSprite ? (n.copy(i.matrixWorldInverse), n.transpose(), n.copyPosition(t.matrixWorld), n.scale(t.scale), n.elements[3] = 0, n.elements[7] = 0, n.elements[11] = 0, n.elements[15] = 1, r = v(n)) : r = v(t.matrixWorld);
+        let W = p.objects.get(t);
+        if (W === void 0 || W.style !== r) {
+          d.style.WebkitTransform = r, d.style.transform = r;
+          let g = { style: r };
+          p.objects.set(t, g);
+        }
+        d.style.display = t.visible ? "" : "none", d.parentNode !== s && s.appendChild(d), t.onAfterRender(x, e, i);
       }
-      s.style.display = t.visible ? "" : "none", s.parentNode !== a && a.appendChild(s), t.onAfterRender(c, e, r);
     }
-    for (let n = 0, s = t.children.length; n < s; n++)
-      C(t.children[n], e, r, l);
-  }
-  var O = function() {
-    let t = new M(), e = new M();
-    return function(r, l) {
-      return t.setFromMatrixPosition(r.matrixWorld), e.setFromMatrixPosition(l.matrixWorld), t.distanceToSquared(e);
-    };
-  }();
-  function T(t) {
-    let e = [];
-    return t.traverse(function(r) {
-      r.isCSS3DObject && e.push(r);
-    }), e;
-  }
-  function w(t) {
-    let e = T(t).sort(function(l, n) {
-      let s = p.objects.get(l).distanceToCameraSquared, f = p.objects.get(n).distanceToCameraSquared;
-      return s - f;
-    }), r = e.length;
-    for (let l = 0, n = e.length; l < n; l++)
-      e[l].element.style.zIndex = r - l;
+    for (let o = 0, d = t.children.length; o < d; o++)
+      C(t.children[o], e, i);
   }
   this.render = function(t, e) {
-    let r = e.projectionMatrix.elements[5] * m;
-    if (p.camera.fov !== r && (e.isPerspectiveCamera ? (d.style.WebkitPerspective = r + "px", d.style.perspective = r + "px") : (d.style.WebkitPerspective = "", d.style.perspective = ""), p.camera.fov = r), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
-      var l = -(e.right + e.left) / 2, n = (e.top + e.bottom) / 2;
-    let s = e.isOrthographicCamera ? "scale(" + r + ")translate(" + i(l) + "px," + i(n) + "px)" + v(e.matrixWorldInverse) : "translateZ(" + r + "px)" + v(e.matrixWorldInverse), f = s + "translate(" + y + "px," + m + "px)";
-    p.camera.style !== f && !u && (a.style.WebkitTransform = f, a.style.transform = f, p.camera.style = f), C(t, t, e, s), u && w(t);
+    let i = e.projectionMatrix.elements[5] * y;
+    if (p.camera.fov !== i && (e.isPerspectiveCamera ? (a.style.WebkitPerspective = i + "px", a.style.perspective = i + "px") : (a.style.WebkitPerspective = "", a.style.perspective = ""), p.camera.fov = i), t.autoUpdate === !0 && t.updateMatrixWorld(), e.parent === null && e.updateMatrixWorld(), e.isOrthographicCamera)
+      var h = -(e.right + e.left) / 2, o = (e.top + e.bottom) / 2;
+    let r = (e.isOrthographicCamera ? "scale(" + i + ")translate(" + l(h) + "px," + l(o) + "px)" + u(e.matrixWorldInverse) : "translateZ(" + i + "px)" + u(e.matrixWorldInverse)) + "translate(" + S + "px," + y + "px)";
+    p.camera.style !== r && (s.style.WebkitTransform = r, s.style.transform = r, p.camera.style = r), C(t, t, e);
   };
 };
 export {

package/libs/base/BasePlugin.js

@@ -16,7 +16,7 @@ let c = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "3.44.3");
+    e(this, "VERSION", "3.44.4");
     e(this, "NAME");
     e(this, "five");
     e(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.44.3",
+    "%c %c@realsee/dnalogel %cv3.44.4",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

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

@@ -2,22 +2,22 @@ var P = Object.defineProperty, E = Object.defineProperties;
 var S = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var f = (n, s, e) => s in n ? P(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e, l = (n, s) => {
+var f = (o, s, e) => s in o ? P(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e, l = (o, s) => {
   for (var e in s || (s = {}))
-    w.call(s, e) && f(n, e, s[e]);
+    w.call(s, e) && f(o, e, s[e]);
   if (p)
     for (var e of p(s))
-      C.call(s, e) && f(n, e, s[e]);
-  return n;
-}, c = (n, s) => E(n, S(s));
-var i = (n, s, e) => (f(n, typeof s != "symbol" ? s + "" : s, e), e);
-import { PointSelectorHelper as b } from "./utils/PointSelectorHelper.js";
-import { isTouchDevice as y } from "../../isTouchDevice.js";
+      C.call(s, e) && f(o, e, s[e]);
+  return o;
+}, c = (o, s) => E(o, S(s));
+var i = (o, s, e) => (f(o, typeof s != "symbol" ? s + "" : s, e), e);
+import { PointSelectorHelper as y } from "./utils/PointSelectorHelper.js";
+import { isTouchDevice as b } from "../../isTouchDevice.js";
 import H from "hammerjs";
 import { Subscribe as F } from "../../Subscribe.js";
 import { getIntersectByNdcPosition as d } from "../../five/getPosition.js";
 const h = () => !1;
-class B extends F {
+class M extends F {
   constructor(e, t) {
     var a, u;
     super();
@@ -122,24 +122,24 @@ class B extends F {
       }
       this.onEnter(), this.five.getElement().style.cursor = "";
       const t = l({}, e);
-      let o = !1;
+      let n = !1;
       if (typeof this.adherePoints == "function" && typeof this.adherePointsRadius == "number") {
         for (const r of this.adherePoints({ intersection: e, pointSelectorInstance: this }))
           if (r.distanceTo(e.point) < this.adherePointsRadius) {
-            t.point = r.clone(), o = !0;
+            t.point = r.clone(), n = !0;
             break;
           }
       }
-      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, o);
+      this.pointSelectorHelper.updateWithIntersect(t, { emitEvent: !1 }), this.emit("intersectionUpdate", t, n);
     });
     i(this, "mousePositionToNdcPosition", (e) => {
       const t = this.five.getElement();
       if (!t)
         return null;
-      const { top: o, left: r, width: a, height: u } = t.getBoundingClientRect(), { clientX: m, clientY: v } = e;
+      const { top: n, left: r, width: a, height: u } = t.getBoundingClientRect(), { clientX: m, clientY: v } = e;
       return {
         x: (m - r) / a,
-        y: 1 - (v - o) / u
+        y: 1 - (v - n) / u
       };
     });
     i(this, "onFiveWantsPanGesture", () => {
@@ -153,13 +153,13 @@ class B extends F {
       this.emit("intersectionUpdate", e);
     });
     this.five = e, this.config = t != null ? t : {};
-    const o = (a = t == null ? void 0 : t.mode) != null ? a : "auto";
-    o === "auto" ? this.mode = y ? "fixed" : "cursor" : this.mode = o;
+    const n = (a = t == null ? void 0 : t.mode) != null ? a : "auto";
+    n === "auto" ? this.mode = b ? "fixed" : "cursor" : this.mode = n;
     const r = {
       autoFixPCPosition: this.mode === "cursor",
       initialPosition: this.mode === "fixed" ? { left: "35%", top: "20%" } : void 0
     };
-    this.pointSelectorHelper = new b(e, c(l({}, t == null ? void 0 : t.helper), {
+    this.pointSelectorHelper = new y(e, c(l({}, t == null ? void 0 : t.helper), {
       magnifierParams: l(l({}, r), (u = t == null ? void 0 : t.helper) == null ? void 0 : u.magnifierParams)
     })), this.pointSelectorHelper.hide();
   }
@@ -188,7 +188,7 @@ class B extends F {
       return;
     this.enabled = !1, this.pointSelectorHelper.disable(), this.five.getElement().style.cursor = "";
     const e = this.five.getElement();
-    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", h), this.five.off("wantsChangeMode", h), this.five.off("wantsTapGesture", h), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
+    this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", h), this.five.off("wantsChangeMode", h), this.five.off("wantsTapGesture", h), this.five.helperVisible = this.lastFiveHelperVisible, e == null || e.removeEventListener("mousemove", this.updateByMousePosition), e == null || e.removeEventListener("wheel", this.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panoArrived", this.renderScreenCenter), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate), this.emit("disable");
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
@@ -198,5 +198,5 @@ class B extends F {
   }
 }
 export {
-  B as PointSelector
+  M as PointSelector
 };

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

@@ -1,10 +1,10 @@
-var a = Object.defineProperty;
-var i = (r, n, e) => n in r ? a(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
-var s = (r, n, e) => (i(r, typeof n != "symbol" ? n + "" : n, e), e);
+var i = Object.defineProperty;
+var a = (n, r, e) => r in n ? i(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
+var s = (n, r, e) => (a(n, typeof r != "symbol" ? r + "" : r, e), e);
 import * as t from "three";
 import { POINT_HELPER_TEXTURE_URL as l } from "../../Assets/index.js";
-import { CSS3DObjectPlus as c } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import { rangePieceImg as h } from "./html.js";
+import { CSS3DObjectPlus as h } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import { rangePieceImg as c } from "./html.js";
 import { initialCSS3DRender as d } from "../../../five/initialCSS3DRender.js";
 const p = `
 varying vec2 vUv;
@@ -23,37 +23,37 @@ void main() {
 }
 `;
 function M() {
-  const r = new t.PlaneGeometry(0.4, 0.4), n = l, e = new t.TextureLoader().load(n);
+  const n = new t.PlaneGeometry(0.4, 0.4), r = l, e = new t.TextureLoader().load(r);
   e.encoding = t.sRGBEncoding, e.minFilter = t.LinearFilter;
   const o = new t.MeshBasicMaterial({
     map: e,
     transparent: !0,
     depthTest: !1
   });
-  return new t.Mesh(r, o);
+  return new t.Mesh(n, o);
 }
 function m() {
-  const r = new t.CurvePath();
-  r.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
-  const n = new t.TubeGeometry(r, 8, 3e-3), e = new t.ShaderMaterial({
+  const n = new t.CurvePath();
+  n.add(new t.LineCurve3(new t.Vector3(0, 0, 0), new t.Vector3(0, 0, 0.1)));
+  const r = new t.TubeGeometry(n, 8, 3e-3), e = new t.ShaderMaterial({
     vertexShader: p,
     fragmentShader: u,
     depthTest: !1,
     transparent: !0
   });
-  return new t.Mesh(n, e);
+  return new t.Mesh(r, e);
 }
 function v() {
-  const r = new t.SphereGeometry(0.01, 20, 20), n = new t.MeshBasicMaterial({
+  const n = new t.SphereGeometry(0.01, 20, 20), r = new t.MeshBasicMaterial({
     color: 10349931,
     depthTest: !1,
     transparent: !0,
     side: t.DoubleSide
-  }), e = new t.Mesh(r, n);
+  }), e = new t.Mesh(n, r);
   return e.position.set(0, 0, 0.1), e;
 }
 function w() {
-  const n = new c({
+  const r = new h({
     pointerEvents: "none",
     cornerPoints: [
       new t.Vector3(-0.2, 0.2, 0),
@@ -62,7 +62,7 @@ function w() {
       new t.Vector3(0.2, 0.2, 0)
     ]
   }), e = document.createElement("div");
-  return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${h})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", n.container.appendChild(e), n;
+  return e.style.width = "100%", e.style.height = "100%", e.style.backgroundImage = `url(${c})`, e.style.backgroundSize = "100%", e.style.backgroundRepeat = "no-repeat", r.container.appendChild(e), r;
 }
 class x extends t.Object3D {
   constructor(e) {
@@ -80,10 +80,10 @@ class x extends t.Object3D {
     this.position.copy(e.point), this.lookAt(o);
   }
   show() {
-    this.visible = !0;
+    this.visible = !0, this.borderMesh.parent || this.add(this.borderMesh);
   }
   hide() {
-    this.visible = !1;
+    this.visible = !1, this.remove(this.borderMesh);
   }
   dispose() {
     var e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.44.3",
+  "version": "3.44.4",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
-    "@realsee/five": "6.2.0-alpha.1",
+    "@realsee/five": "6.1.2",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@tsconfig/svelte": "^4.0.1",
     "@tweenjs/tween.js": "^23.1.1",