@realsee/dnalogel 3.44.2 → 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/CurrentPanoImagePlugin/Controller.js

@@ -1,32 +1,32 @@
 var m = Object.defineProperty;
 var p = Object.getOwnPropertySymbols;
 var v = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var g = (h, o, e) => o in h ? m(h, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[o] = e, l = (h, o) => {
+var g = (r, o, e) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, a = (r, o) => {
   for (var e in o || (o = {}))
-    v.call(o, e) && g(h, e, o[e]);
+    v.call(o, e) && g(r, e, o[e]);
   if (p)
     for (var e of p(o))
-      b.call(o, e) && g(h, e, o[e]);
-  return h;
+      b.call(o, e) && g(r, e, o[e]);
+  return r;
 };
-var n = (h, o, e) => (g(h, typeof o != "symbol" ? o + "" : o, e), e);
-var f = (h, o, e) => new Promise((i, t) => {
+var n = (r, o, e) => (g(r, typeof o != "symbol" ? o + "" : o, e), e);
+var u = (r, o, e) => new Promise((i, t) => {
   var s = (d) => {
     try {
-      u(e.next(d));
+      f(e.next(d));
     } catch (c) {
       t(c);
     }
-  }, a = (d) => {
+  }, l = (d) => {
     try {
-      u(e.throw(d));
+      f(e.throw(d));
     } catch (c) {
       t(c);
     }
-  }, u = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, a);
-  u((e = e.apply(h, o)).next());
+  }, f = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, l);
+  f((e = e.apply(r, o)).next());
 });
-import * as r from "three";
+import * as h from "three";
 import { Controller as M } from "../base/BasePlugin.js";
 import { tweenProgress as A } from "../shared-utils/animationFrame/BetterTween.js";
 import "hammerjs";
@@ -34,8 +34,8 @@ import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
-import { equal as w } from "../shared-utils/equal.js";
-import { loadTexture as P } from "../shared-utils/three/loadTexture.js";
+import { equal as P } from "../shared-utils/equal.js";
+import { loadTexture as w } from "../shared-utils/three/loadTexture.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Utils/FiveUtil.js";
 import "../shared-utils/Utils/BaseUtil.js";
@@ -62,7 +62,7 @@ class E extends M {
       pluginHidden: ""
     });
     // ==================== private properties ====================
-    n(this, "group", new r.Group());
+    n(this, "group", new h.Group());
     n(this, "mesh");
     n(this, "textureLoadingPromise");
     n(this, "opacityAnimeTween");
@@ -120,20 +120,20 @@ class E extends M {
       visible: !0
     };
     this.state = Object.assign(t, i == null ? void 0 : i.initialState);
-    const s = l({
+    const s = a({
       width: 1.4,
       yOffset: 0.01,
       yRotate: 0,
       imageURL: this.absoluteUrl("/release/web/logo.7febb17f.png")
     }, i == null ? void 0 : i.config);
-    this._config = s, this.group.name = "current-pano-image-plugin-group", this.mesh = new r.Mesh(
-      new r.PlaneBufferGeometry(this.config.width, this.config.width),
-      new r.MeshBasicMaterial({ transparent: !0, opacity: 0, depthTest: !1 })
+    this._config = s, this.group.name = "current-pano-image-plugin-group", this.mesh = new h.Mesh(
+      new h.PlaneBufferGeometry(this.config.width, this.config.width),
+      new h.MeshBasicMaterial({ transparent: !0, opacity: 0, depthTest: !1 })
     ), this.mesh.visible = !1, this.group.add(this.mesh), this.updateMeshQuaternion(this.config.yRotate), this.state.visible || (this.checkMsg.pluginHidden = "初始值设置为隐藏"), this.state.enabled || (this.checkMsg.pluginDisabled = "初始值设置为禁用"), this.state.enabled && this._enable({ userAction: !1 }), this.five.once("dispose", this.dispose);
   }
   /** 插件配置项 */
   get config() {
-    return l({}, this._config);
+    return a({}, this._config);
   }
   /** 是否已经被销毁 */
   get disposed() {
@@ -166,12 +166,12 @@ class E extends M {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   show(e) {
-    return f(this, null, function* () {
+    return u(this, null, function* () {
       if (this.state.visible)
         return Promise.resolve();
       if (this.disposed)
         return Promise.reject(new Error("不能在已销毁的插件上调用 show"));
-      const i = l({ userAction: !0 }, e);
+      const i = a({ userAction: !0 }, e);
       this.updateState({ visible: !0 }, i.userAction), this.checkMsg.pluginHidden = "", this._show(i);
     });
   }
@@ -180,10 +180,10 @@ class E extends M {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   hide(e) {
-    return f(this, null, function* () {
+    return u(this, null, function* () {
       if (this.state.visible === !1)
         return;
-      const i = l({ userAction: !0 }, e);
+      const i = a({ userAction: !0 }, e);
       this.updateState({ visible: !1 }, i.userAction), this.checkMsg.pluginDisabled = "调用 hide 隐藏", this._hide(i);
     });
   }
@@ -194,12 +194,12 @@ class E extends M {
    */
   setState(e, i = {}) {
     const t = this.state;
-    if (w(e, t, { deep: !0 }))
+    if (P(e, t, { deep: !0 }))
       return;
     const s = i.userAction !== void 0 ? i.userAction : !0;
     if (this.updateState(e, s), e.enabled !== void 0 && t.enabled !== e.enabled && (e.enabled ? this.checkMsg.pluginDisabled = "" : this.checkMsg.pluginDisabled = "调用 setState 禁用", e.enabled ? this._enable({ userAction: s }) : this._disable({ userAction: s })), e.visible !== void 0 && t.visible !== e.visible) {
-      const a = { userAction: s, anime: { duration: 500 } };
-      e.visible ? this.checkMsg.pluginHidden = "" : this.checkMsg.pluginHidden = "调用 setState 隐藏", e.visible ? this._show(a) : this._hide(a);
+      const l = { userAction: s, anime: { duration: 500 } };
+      e.visible ? this.checkMsg.pluginHidden = "" : this.checkMsg.pluginHidden = "调用 setState 隐藏", e.visible ? this._show(l) : this._hide(l);
     }
   }
   /** 更改插件 Config
@@ -207,9 +207,9 @@ class E extends M {
    * @param `options` `<Option> | <undefined>`
    */
   updateConfig(e, i = {}) {
-    var a;
-    const t = this.config, s = l(l({}, t), e);
-    this._config = s, t.imageURL !== s.imageURL && this.reloadTexture(s.imageURL), t.yOffset !== s.yOffset && this.updateMeshPosition(this.five.getCurrentState().panoIndex), t.yRotate !== s.yRotate && this.updateMeshQuaternion(s.yRotate), t.width !== s.width && (this.mesh.geometry = new r.PlaneBufferGeometry(s.width, s.width)), this.hooks.emit("configChange", { prevConfig: t, config: s, userAction: (a = i.userAction) != null ? a : !0 });
+    var l;
+    const t = this.config, s = a(a({}, t), e);
+    this._config = s, t.imageURL !== s.imageURL && this.reloadTexture(s.imageURL), t.yOffset !== s.yOffset && this.updateMeshPosition(this.five.getCurrentState().panoIndex), t.yRotate !== s.yRotate && this.updateMeshQuaternion(s.yRotate), t.width !== s.width && (this.mesh.geometry = new h.PlaneBufferGeometry(s.width, s.width)), this.hooks.emit("configChange", { prevConfig: t, config: s, userAction: (l = i.userAction) != null ? l : !0 });
   }
   /** 问什么看不到模型 */
   __whyCantSeeMesh() {
@@ -224,7 +224,7 @@ class E extends M {
   }
   updateState(e, i) {
     const t = this.state;
-    this.state = l(l({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: i });
+    this.state = a(a({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: i });
   }
   /** 根据各种条件更新 Mesh 的可见性 */
   updateMeshVisible() {
@@ -233,30 +233,34 @@ class E extends M {
   }
   /** 根据点位更新 Mesh 坐标 */
   updateMeshPosition(e) {
-    var s, a, u;
-    const i = (u = (a = (s = this.five.work) == null ? void 0 : s.observers) == null ? void 0 : a[e]) == null ? void 0 : u.standingPosition, t = i == null ? void 0 : i.clone().setY(i.y + this.config.yOffset);
+    const i = this.workUtil.getObserverStandingPosition(e);
+    if (!i) {
+      console.warn("CurrentPanoImagePlugin: 无法获取到当前点位的 standingPosition");
+      return;
+    }
+    const t = i.clone().setY(i.y + this.config.yOffset);
     t && this.mesh.position.copy(t);
   }
   /** 重新加载贴图，调用时会先清除已有的贴图 */
   reloadTexture(e) {
-    return f(this, null, function* () {
+    return u(this, null, function* () {
       if (this.mesh.material.map = null, e !== "") {
-        const i = P(e);
+        const i = w(e);
         this.textureLoadingPromise = i;
         const t = yield i;
-        t.minFilter = r.LinearFilter, this.textureLoadingPromise === i && (this.onTextureLoaded(t), this.textureLoadingPromise = null);
+        t.minFilter = h.LinearFilter, this.textureLoadingPromise === i && (this.onTextureLoaded(t), this.textureLoadingPromise = null);
       }
       this.updateMeshVisible();
     });
   }
   /** north_rad 变化时，需要更新模型的旋转角度 */
   updateMeshQuaternion(e) {
-    const i = new r.Quaternion();
+    const i = new h.Quaternion();
     i.multiplyQuaternions(
       // 沿着自身 X 轴旋转 -90 度
-      new r.Quaternion().setFromAxisAngle(new r.Vector3(1, 0, 0), -Math.PI / 2),
+      new h.Quaternion().setFromAxisAngle(new h.Vector3(1, 0, 0), -Math.PI / 2),
       // 沿着自身 Z 轴旋转 rad 弧度
-      new r.Quaternion().setFromAxisAngle(new r.Vector3(0, 0, 1), e)
+      new h.Quaternion().setFromAxisAngle(new h.Vector3(0, 0, 1), e)
     ), this.mesh.quaternion.copy(i);
   }
   _enable(e) {

package/libs/base/BasePlugin.js

@@ -16,7 +16,7 @@ let c = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "3.44.2");
+    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.2",
+    "%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.2",
+  "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",