@realsee/dnalogel 3.16.2 → 3.17.1

package/libs/shared-utils/Object3DHelper/Base/BaseController.js

@@ -1,39 +1,40 @@
-var f = Object.defineProperty;
-var j = (b, e, t) => e in b ? f(b, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : b[e] = t;
-var s = (b, e, t) => (j(b, typeof e != "symbol" ? e + "" : e, t), t);
-import * as p from "three";
-import { Subscribe as u } from "../../Subscribe.js";
+var j = Object.defineProperty;
+var u = (p, e, t) => e in p ? j(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var n = (p, e, t) => (u(p, typeof e != "symbol" ? e + "" : e, t), t);
+import * as h from "three";
+import { Subscribe as f } from "../../Subscribe.js";
 import { DomEvents as y } from "../../threex/domevents/index.js";
 import { notNil as m } from "../../isNil.js";
 import { boundingBox as g } from "../utils/boundingBox.js";
 class k {
   constructor(e, t) {
-    s(this, "originObject3D");
-    s(this, "hooks");
-    s(this, "preventTapDefaultEvent", !1);
-    s(this, "disposers", []);
-    s(this, "helperObject3D");
-    s(this, "camera");
-    s(this, "model");
-    s(this, "scene");
-    s(this, "container");
-    s(this, "domEvents");
-    s(this, "isDragging", !1);
-    s(this, "enabled", !1);
-    s(this, "name", "BaseController");
-    s(this, "boundingBox");
-    s(this, "offset");
-    s(this, "onRender");
-    s(this, "onWantsTapGesture", (e) => {
+    n(this, "originObject3D");
+    n(this, "hooks");
+    n(this, "preventTapDefaultEvent", !1);
+    n(this, "internalHooks");
+    n(this, "disposers", []);
+    n(this, "helperObject3D");
+    n(this, "camera");
+    n(this, "model");
+    n(this, "scene");
+    n(this, "container");
+    n(this, "domEvents");
+    n(this, "isDragging", !1);
+    n(this, "enabled", !1);
+    n(this, "name", "BaseController");
+    n(this, "boundingBox");
+    n(this, "offset");
+    n(this, "onRender");
+    n(this, "onWantsTapGesture", (e) => {
       if (this.getIntersectObject(e))
         return !1;
     });
-    var a, d;
-    this.hooks = (a = e.sharedHooks) != null ? a : new u(), this.camera = e.camera, this.model = e.model, this.originObject3D = e.originObject3D, this.helperObject3D = e.helperObject3D, this.container = e.container, this.scene = e.scene, this.domEvents = new y(e.camera, e.container), this.onRender = (d = e.onRender) != null ? d : () => {
+    var l, O, d;
+    this.hooks = (l = e.sharedHooks) != null ? l : new f(), this.internalHooks = (O = e.sharedInternalHooks) != null ? O : new f(), this.camera = e.camera, this.model = e.model, this.originObject3D = e.originObject3D, this.helperObject3D = e.helperObject3D, this.container = e.container, this.scene = e.scene, this.domEvents = new y(e.camera, e.container), this.onRender = (d = e.onRender) != null ? d : () => {
     }, this.offset = t == null ? void 0 : t.offset, this.initialHelperPosition(), this.initialHelperQuaternion(), this.enable();
-    const h = (...c) => this.onSetOriginObjectScale(...c), n = (...c) => this.onSetOriginObjectRotate(...c), r = (...c) => this.onSetOriginObjectPosition(...c), i = (...c) => this.onApplyOriginObjectScale(...c), l = (...c) => this.onApplyOriginObjectRotate(...c), O = (...c) => this.onApplyOriginObjectPosition(...c);
-    this.hooks.on("setObjectScale", h), this.hooks.on("setObjectRotate", n), this.hooks.on("setObjectPosition", r), this.hooks.on("applyObjectPosition", O), this.hooks.on("applyObjectRotate", l), this.hooks.on("applyObjectScale", i), this.disposers.push(() => {
-      this.hooks.off("setObjectScale", h), this.hooks.off("setObjectRotate", n), this.hooks.off("setObjectPosition", r), this.hooks.off("applyObjectPosition", O), this.hooks.off("applyObjectRotate", l), this.hooks.off("applyObjectScale", i);
+    const c = (...i) => this.onSetOriginObjectScale(...i), s = (...i) => this.onSetOriginObjectRotate(...i), r = (...i) => this.onSetOriginObjectPosition(...i), o = (...i) => this.onApplyOriginObjectScale(...i), a = (...i) => this.onApplyOriginObjectRotate(...i), b = (...i) => this.onApplyOriginObjectPosition(...i);
+    this.internalHooks.on("setObjectScale", c), this.internalHooks.on("setObjectRotate", s), this.internalHooks.on("setObjectPosition", r), this.internalHooks.on("applyObjectPosition", b), this.internalHooks.on("applyObjectRotate", a), this.internalHooks.on("applyObjectScale", o), this.disposers.push(() => {
+      this.internalHooks.off("setObjectScale", c), this.internalHooks.off("setObjectRotate", s), this.internalHooks.off("setObjectPosition", r), this.internalHooks.off("applyObjectPosition", b), this.internalHooks.off("applyObjectRotate", a), this.internalHooks.off("applyObjectScale", o);
     });
   }
   initialHelperPosition() {
@@ -81,7 +82,7 @@ class k {
   applyHelperScaleMatrix4(e, t) {
     this.helperObject3D.applyHelperScaleMatrix4(e, t);
   }
-  onWantsGesture(e, t, h) {
+  onWantsGesture(e, t, c) {
     if (this.isDragging)
       return !1;
   }
@@ -124,77 +125,77 @@ class k {
   }
   updateOffsetByScale(e) {
     if (this.boundingBox && this.offset) {
-      const t = this.originObject3D.position, h = new p.Vector3().subVectors(this.boundingBox.max, t).multiply(e).add(t), n = new p.Vector3().subVectors(this.boundingBox.min, t).multiply(e).add(t), r = this.calculateOffset(this.offset, { min: n, max: h });
+      const t = this.originObject3D.position, c = new h.Vector3().subVectors(this.boundingBox.max, t).multiply(e).add(t), s = new h.Vector3().subVectors(this.boundingBox.min, t).multiply(e).add(t), r = this.calculateOffset(this.offset, { min: s, max: c });
       this.helperObject3D.position.copy(r), this.helperObject3D.initialPosition();
     }
   }
-  hoverListener(e, t = 16777215, h = 1) {
-    const n = (Array.isArray(e) ? e : [e]).filter(m), r = [];
-    for (const i of n)
-      if (i instanceof p.Mesh || i instanceof p.Group) {
-        const l = i instanceof p.Group ? i.children.filter((o) => o instanceof p.Mesh) : [i];
-        l.forEach((o) => {
-          o.__originalColor__ = o.material.color.clone(), o.__originalOpacity__ = o.material.opacity;
+  hoverListener(e, t = 16777215, c = 1) {
+    const s = (Array.isArray(e) ? e : [e]).filter(m), r = [];
+    for (const o of s)
+      if (o instanceof h.Mesh || o instanceof h.Group) {
+        const a = o instanceof h.Group ? o.children.filter((i) => i instanceof h.Mesh) : [o];
+        a.forEach((i) => {
+          i.__originalColor__ = i.material.color.clone(), i.__originalOpacity__ = i.material.opacity;
         });
-        const O = () => {
-          l.forEach((o) => {
-            o.material.color.set(t), o.material.opacity = h;
+        const b = () => {
+          a.forEach((i) => {
+            i.material.color.set(t), i.material.opacity = c;
           }), this.render();
-        }, a = () => {
-          l.forEach((o) => {
-            o.material.color.copy(o.__originalColor__), o.material.opacity = o.__originalOpacity__;
+        }, l = () => {
+          a.forEach((i) => {
+            i.material.color.copy(i.__originalColor__), i.material.opacity = i.__originalOpacity__;
           }), this.render();
+        }, O = () => {
+          this.isDragging || b();
         }, d = () => {
-          this.isDragging || O();
-        }, c = () => {
-          this.isDragging || a();
+          this.isDragging || l();
         };
-        for (const o of l)
-          this.domEvents.addEventListener(o, "mouseover", d), this.domEvents.addEventListener(o, "mouseout", c), this.hooks.on("moveStart", O), this.hooks.on("moveEnd", a), this.hooks.on("rotateEnd", a), r.push(() => {
-            this.domEvents.removeEventListener(o, "mouseover", d), this.domEvents.removeEventListener(o, "mouseout", c), this.hooks.off("moveStart", O), this.hooks.off("moveEnd", a), this.hooks.off("rotateEnd", a);
+        for (const i of a)
+          this.domEvents.addEventListener(i, "mouseover", O), this.domEvents.addEventListener(i, "mouseout", d), this.hooks.on("moveStart", b), this.hooks.on("moveEnd", l), this.hooks.on("rotateEnd", l), r.push(() => {
+            this.domEvents.removeEventListener(i, "mouseover", O), this.domEvents.removeEventListener(i, "mouseout", d), this.hooks.off("moveStart", b), this.hooks.off("moveEnd", l), this.hooks.off("rotateEnd", l);
           });
       }
-    return () => r.forEach((i) => i == null ? void 0 : i());
+    return () => r.forEach((o) => o == null ? void 0 : o());
   }
   getIntersectObject(e) {
-    const t = this.camera.position, h = this.helperObject3D;
-    if (!h)
+    const t = this.camera.position, c = this.helperObject3D;
+    if (!c)
       return;
-    const n = this.helperObject3D.raycasterIntersectObject(e)[0];
-    if (!n)
+    const s = this.helperObject3D.raycasterIntersectObject(e)[0];
+    if (!s)
       return;
-    const r = n;
-    if (r.object = h, this.model.intersectRaycaster) {
-      const i = this.model.intersectRaycaster(e)[0];
-      if (i && i.point.distanceTo(t) < r.point.distanceTo(t))
+    const r = s;
+    if (r.object = c, this.model.intersectRaycaster) {
+      const o = this.model.intersectRaycaster(e)[0];
+      if (o && o.point.distanceTo(t) < r.point.distanceTo(t))
         return;
     }
     return r.object;
   }
   calculateOffset(e, t) {
-    const h = this.originObject3D, n = new p.Vector3(0, 0, 0);
+    const c = this.originObject3D, s = new h.Vector3(0, 0, 0);
     if (!e)
-      return n;
-    const r = () => t || (this.boundingBox ? this.boundingBox : (this.boundingBox = g(h), this.boundingBox));
+      return s;
+    const r = () => t || (this.boundingBox ? this.boundingBox : (this.boundingBox = g(c), this.boundingBox));
     if (typeof e.x == "number")
-      n.setX(e.x);
+      s.setX(e.x);
     else if (typeof e.x == "object") {
-      const i = r();
-      n.setX((i.max.x - i.min.x) * e.x.percents);
+      const o = r();
+      s.setX((o.max.x - o.min.x) * e.x.percents);
     }
     if (typeof e.y == "number")
-      n.setY(e.y);
+      s.setY(e.y);
     else if (typeof e.y == "object") {
-      const i = r();
-      n.setY((i.max.y - i.min.y) * e.y.percents);
+      const o = r();
+      s.setY((o.max.y - o.min.y) * e.y.percents);
     }
     if (typeof e.z == "number")
-      n.setZ(e.z);
+      s.setZ(e.z);
     else if (typeof e.z == "object") {
-      const i = r();
-      n.setZ((i.max.z - i.min.z) * e.z.percents);
+      const o = r();
+      s.setZ((o.max.z - o.min.z) * e.z.percents);
     }
-    return n;
+    return s;
   }
 }
 export {

package/libs/shared-utils/Object3DHelper/Controller/MoveController.d.ts

@@ -5,26 +5,25 @@ export declare class MoveController<T extends MoveHelperAbstract = MoveHelperAbs
     get moveByMouseEnable(): boolean;
     protected name: string;
     private startInfo?;
-    private _moveByMouseEnable;
+    private _moveByMouse;
     private mouseInfo?;
     private mousedownEventListenerDisposer;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
     dispose(): void;
     /**
      * @description: 跟随鼠标移动
+     * @param {boolean} params.useFaceNormal 是否使用面的法线，默认为false
+     * @param {boolean} params.useFaceNormal.enable 是否使用面的法线，默认为true
+     * @param {Vector3} params.useFaceNormal.alignmentVector 期望对齐的方向，默认为Y轴对齐Face的法向向量，即 `{ x: 0, y: 1, z: 0 }`
      */
-    moveByMouse(): void;
+    moveByMouse(params?: {
+        useFaceNormal: InstanceType<typeof MoveController>['_moveByMouse']['useFaceNormal'];
+    }): void;
     /**
      * @description: 禁用跟随鼠标移动
      */
     disableMoveByMouse(): void;
-    onIntersectionOnModelUpdate(intersection: {
-        point: THREE.Vector3;
-    }): void;
-    protected onApplyOriginObjectScale(params: {
-        matrix: THREE.Matrix4;
-        origin?: THREE.Vector3;
-    }): void;
+    onIntersectionOnModelUpdate(intersection: THREE.Intersection): void;
     private handleMouseDown;
     private handleMouseUp;
     /**

package/libs/shared-utils/Object3DHelper/Controller/MoveController.js

@@ -1,26 +1,28 @@
-var p = Object.defineProperty;
-var v = (c, i, e) => i in c ? p(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
-var u = (c, i, e) => (v(c, typeof i != "symbol" ? i + "" : i, e), e);
+var v = Object.defineProperty;
+var p = (m, h, e) => h in m ? v(m, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[h] = e;
+var d = (m, h, e) => (p(m, typeof h != "symbol" ? h + "" : h, e), e);
 import { BaseController as f } from "../Base/BaseController.js";
-import * as m from "three";
+import * as u from "three";
 import { getMouseRaycaster as g } from "../utils/getMouseRaycaster.js";
 class w extends f {
   constructor(...e) {
     super(...e);
-    u(this, "name", "MoveController");
-    u(this, "startInfo");
-    u(this, "_moveByMouseEnable", !1);
-    u(this, "mouseInfo");
-    u(this, "mousedownEventListenerDisposer");
+    d(this, "name", "MoveController");
+    d(this, "startInfo");
+    d(this, "_moveByMouse", {
+      enabled: !1
+    });
+    d(this, "mouseInfo");
+    d(this, "mousedownEventListenerDisposer");
     const t = this.helperObject3D;
     this.hoverListener([t.xArrow, t.yArrow, t.zArrow]);
-    const o = this.dragStart.bind(this), r = this.dragging.bind(this), a = this.dragEnd.bind(this), s = this.show.bind(this), n = this.hide.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", r), document.addEventListener("mouseup", a), this.hooks.on("rotateStart", n), this.hooks.on("rotateEnd", s), this.hooks.on("moveByMouseEnable", n), this.hooks.on("moveByMouseDisable", s), this.disposers.push(() => {
-      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", o), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", a), this.hooks.off("rotateStart", n), this.hooks.off("rotateEnd", s), this.hooks.off("moveByMouseEnable", n), this.hooks.off("moveByMouseDisable", s);
+    const o = this.dragStart.bind(this), a = this.dragging.bind(this), r = this.dragEnd.bind(this), s = this.show.bind(this), n = this.hide.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", a), document.addEventListener("mouseup", r), this.hooks.on("rotateStart", n), this.hooks.on("rotateEnd", s), this.hooks.on("moveByMouseEnable", n), this.hooks.on("moveByMouseDisable", s), this.disposers.push(() => {
+      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", o), document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", r), this.hooks.off("rotateStart", n), this.hooks.off("rotateEnd", s), this.hooks.off("moveByMouseEnable", n), this.hooks.off("moveByMouseDisable", s);
     }), this.moveByMouseEnable && this.moveByMouse();
   }
   get moveByMouseEnable() {
-    return this._moveByMouseEnable;
+    return this._moveByMouse.enabled;
   }
   dispose() {
     var e;
@@ -28,14 +30,17 @@ class w extends f {
   }
   /**
    * @description: 跟随鼠标移动
+   * @param {boolean} params.useFaceNormal 是否使用面的法线，默认为false
+   * @param {boolean} params.useFaceNormal.enable 是否使用面的法线，默认为true
+   * @param {Vector3} params.useFaceNormal.alignmentVector 期望对齐的方向，默认为Y轴对齐Face的法向向量，即 `{ x: 0, y: 1, z: 0 }`
    */
-  moveByMouse() {
-    this._moveByMouseEnable = !0, this.preventTapDefaultEvent = !0;
-    const e = this.handleMouseDown.bind(this), t = this.handleMouseUp.bind(this);
+  moveByMouse(e) {
+    this._moveByMouse = { enabled: !0, useFaceNormal: e == null ? void 0 : e.useFaceNormal }, this.preventTapDefaultEvent = !0;
+    const t = this.handleMouseDown.bind(this), o = this.handleMouseUp.bind(this);
     this.hooks.emit("moveByMouseEnable"), setTimeout(() => {
-      this.container.addEventListener("mousedown", e), this.container.addEventListener("mouseup", t);
+      this.container.addEventListener("mousedown", t), this.container.addEventListener("mouseup", o);
     }), this.mousedownEventListenerDisposer = () => {
-      this.container.removeEventListener("mousedown", e), this.container.removeEventListener("mouseup", t);
+      this.container.removeEventListener("mousedown", t), this.container.removeEventListener("mouseup", o);
     };
   }
   /**
@@ -43,12 +48,22 @@ class w extends f {
    */
   disableMoveByMouse() {
     var e;
-    this._moveByMouseEnable = !1, this.preventTapDefaultEvent = !1, this.hooks.emit("moveByMouseDisable"), (e = this.mousedownEventListenerDisposer) == null || e.call(this);
+    this._moveByMouse = { enabled: !1 }, this.preventTapDefaultEvent = !1, this.hooks.emit("moveByMouseDisable"), (e = this.mousedownEventListenerDisposer) == null || e.call(this);
   }
   onIntersectionOnModelUpdate(e) {
-    !this.moveByMouseEnable || this.hooks.emit("wantToMove", e.point) || (this.originObject3D.position.copy(e.point), this.hooks.emit("setObjectPosition", e.point), this.hooks.emit("move", e.point));
-  }
-  onApplyOriginObjectScale(e) {
+    var r, s, n, l;
+    if (!this.moveByMouseEnable)
+      return;
+    const { point: t, face: o } = e;
+    if (!this.hooks.emit("wantToMove", t)) {
+      if (this.originObject3D.position.copy(t), (this._moveByMouse.useFaceNormal === !0 || typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.enable !== !1) && o != null && o.normal) {
+        let i = { x: 0, y: 1, z: 0 };
+        typeof this._moveByMouse.useFaceNormal == "object" && (i = (r = this._moveByMouse.useFaceNormal.alignmentVector) != null ? r : i);
+        const c = new u.Vector3((s = i.x) != null ? s : 0, (n = i.y) != null ? n : 0, (l = i.z) != null ? l : 0);
+        this.originObject3D.quaternion.setFromUnitVectors(c, o.normal), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
+      }
+      this.internalHooks.emit("setObjectPosition", t), this.hooks.emit("move", t);
+    }
   }
   handleMouseDown(e) {
     const { x: t, y: o } = e;
@@ -64,7 +79,7 @@ class w extends f {
    * @description: 拖动开始，找出拖的Direction
    */
   dragStart(e) {
-    if (this._moveByMouseEnable || this.isDragging)
+    if (this.moveByMouseEnable || this.isDragging)
       return;
     const t = e == null ? void 0 : e.intersect;
     if (!t)
@@ -72,12 +87,12 @@ class w extends f {
     const o = (t == null ? void 0 : t.object).direction;
     if (!o)
       return this.dragEnd();
-    const r = new m.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), a = new m.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), s = new m.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), n = (() => {
+    const a = new u.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), r = new u.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), s = new u.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), n = (() => {
       switch (o) {
         case "x":
-          return r;
-        case "y":
           return a;
+        case "y":
+          return r;
         case "z":
           return s;
       }
@@ -87,10 +102,10 @@ class w extends f {
         case "y":
           return s;
         case "z":
-          return r;
+          return a;
       }
-    })(), h = t.point.clone(), d = new m.Plane();
-    d.setFromNormalAndCoplanarPoint(l, h), this.startInfo = { startVectorProject: h.clone().projectOnVector(n), directionVector: n, plane: d }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
+    })(), i = t.point.clone(), c = new u.Plane();
+    c.setFromNormalAndCoplanarPoint(l, i), this.startInfo = { startVectorProject: i.clone().projectOnVector(n), directionVector: n, plane: c }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
   }
   dragging(e) {
     if (!this.isDragging || !this.startInfo)
@@ -101,13 +116,13 @@ class w extends f {
   move(e) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { plane: t, directionVector: o, startVectorProject: r } = this.startInfo, a = this.originObject3D, s = e.ray.intersectPlane(t, new m.Vector3());
+    const { plane: t, directionVector: o, startVectorProject: a } = this.startInfo, r = this.originObject3D, s = e.ray.intersectPlane(t, new u.Vector3());
     if (!s)
       return;
-    const n = s.clone().projectOnVector(o), l = n.clone().sub(r), h = new m.Matrix4();
-    h.setPosition(l);
-    const d = a.position.clone().applyMatrix4(h);
-    this.hooks.emit("wantToMove", d) || (a.applyMatrix4(h), r.copy(n), this.hooks.emit("applyObjectPosition", { matrix: h }), this.hooks.emit("move", d));
+    const n = s.clone().projectOnVector(o), l = n.clone().sub(a), i = new u.Matrix4();
+    i.setPosition(l);
+    const c = r.position.clone().applyMatrix4(i);
+    this.hooks.emit("wantToMove", c) || (r.applyMatrix4(i), a.copy(n), this.internalHooks.emit("applyObjectPosition", { matrix: i }), this.hooks.emit("move", c));
   }
   dragEnd() {
     this.isDragging && (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));

package/libs/shared-utils/Object3DHelper/Controller/RectangleScaleController.js

@@ -102,10 +102,10 @@ class _ extends Y {
       case "nwse":
         x(), S();
     }
-    const L = new o().subVectors(n[1], n[0]).length() / D.length(), R = new o().subVectors(n[3], n[0]).length() / y.length(), q = new o(L, R, 1), u = new m.Matrix4().scale(q);
+    const H = new o().subVectors(n[1], n[0]).length() / D.length(), L = new o().subVectors(n[3], n[0]).length() / y.length(), R = new o(H, L, 1), u = new m.Matrix4().scale(R);
     s.isCSS3DObjectPlus ? s.applyScaleMatrix4(u) : s.scale.applyMatrix4(u), f.position.copy(g);
-    const F = new o().addVectors(n[0], n[2]).divideScalar(2), H = new o().subVectors(F, I), d = new m.Matrix4().setPosition(H);
-    s.applyMatrix4(d), (C = this.helperObject3D.css3DInstance) == null || C.css3DObject.applyMatrix4(d), (E = this.helperObject3D.plane) == null || E.applyMatrix4(d), this.hooks.emit("applyObjectScale", { matrix: u }), this.hooks.emit("applyObjectPosition", { matrix: d }), this.render();
+    const q = new o().addVectors(n[0], n[2]).divideScalar(2), F = new o().subVectors(q, I), d = new m.Matrix4().setPosition(F);
+    s.applyMatrix4(d), (C = this.helperObject3D.css3DInstance) == null || C.css3DObject.applyMatrix4(d), (E = this.helperObject3D.plane) == null || E.applyMatrix4(d), this.internalHooks.emit("applyObjectScale", { matrix: u }), this.internalHooks.emit("applyObjectPosition", { matrix: d }), this.render();
   }
   dragEnd() {
     this.isDragging && (this.startInfo = void 0, this.isDragging = !1, this.hooks.emit("scaleEnd"), this.render());

package/libs/shared-utils/Object3DHelper/Controller/RotateController.js

@@ -32,7 +32,7 @@ class P extends v {
     if (this.hooks.emit("wantToRotate", r))
       return;
     const { originObject3D: c, rotateCenter: l } = this;
-    w(c, r, l), this.hooks.emit("setObjectRotate", r, l), this.hooks.emit("rotate", r), this.render();
+    w(c, r, l), this.internalHooks.emit("setObjectRotate", r, l), this.hooks.emit("rotate", r), this.render();
   }
   dispose() {
     this.removeListener(), super.dispose();
@@ -97,10 +97,10 @@ class P extends v {
       const j = new s.Vector3().subVectors(a.position, l).applyQuaternion(m).add(l);
       a.position.copy(j);
     }
-    a.applyQuaternion(m), this.hooks.emit("applyObjectRotate", { quaternion: m, origin: l }), this.hooks.emit("rotate", a.quaternion), this.startInfo.startVector = u;
+    a.applyQuaternion(m), this.internalHooks.emit("applyObjectRotate", { quaternion: m, origin: l }), this.hooks.emit("rotate", a.quaternion), this.startInfo.startVector = u;
   }
   dragEnd() {
-    this.isDragging && (this.hooks.emit("setObjectRotate", this.originObject3D.quaternion, this.rotateCenter), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
+    this.isDragging && (this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion, this.rotateCenter), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
   }
   getAngleHelper(n) {
     var e, t, i;

package/libs/shared-utils/Object3DHelper/Controller/ScaleController.js

@@ -1,19 +1,19 @@
-var h = Object.defineProperty;
-var f = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var a = (o, t, e) => (f(o, typeof t != "symbol" ? t + "" : t, e), e);
+var f = Object.defineProperty;
+var h = (o, t, e) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var m = (o, t, e) => (h(o, typeof t != "symbol" ? t + "" : t, e), e);
 import { BaseController as p } from "../Base/BaseController.js";
 import * as y from "three";
 class u extends p {
   constructor(...e) {
     super(...e);
-    a(this, "name", "ScaleController");
+    m(this, "name", "ScaleController");
   }
   setScale(e) {
-    var i, l, m;
-    let c = 1, n = 1, s = 1;
-    typeof e == "number" ? (c = e, n = e, s = e) : typeof e == "object" && (c = (i = e.x) != null ? i : 1, n = (l = e.y) != null ? l : 1, s = (m = e.z) != null ? m : 1);
-    const r = new y.Vector3(c, n, s);
-    this.hooks.emit("wantToScale", r) || (this.originObject3D.scale.copy(r), this.hooks.emit("setObjectScale", r), this.hooks.emit("scale", r), this.render());
+    var s, l, a;
+    let n = 1, c = 1, i = 1;
+    typeof e == "number" ? (n = e, c = e, i = e) : typeof e == "object" && (n = (s = e.x) != null ? s : 1, c = (l = e.y) != null ? l : 1, i = (a = e.z) != null ? a : 1);
+    const r = new y.Vector3(n, c, i);
+    this.hooks.emit("wantToScale", r) || (this.originObject3D.scale.copy(r), this.internalHooks.emit("setObjectScale", r), this.hooks.emit("scale", r), this.render());
   }
 }
 export {

package/libs/shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js

@@ -33,8 +33,6 @@ class A extends b {
       color: 64767,
       linewidth: 1,
       opacity: 1,
-      depthTest: !1,
-      transparent: !0,
       toneMapped: !1
     }), a = new s.LineSegments(t, i);
     return a.matrixAutoUpdate = !1, a;

package/libs/shared-utils/Object3DHelper/typings/Hooks.d.ts

@@ -12,6 +12,10 @@ export type HelperEventMap = {
     moveEnd: () => void;
     rotateEnd: () => void;
     scaleEnd: () => void;
+    moveByMouseEnable: () => void;
+    moveByMouseDisable: () => void;
+};
+export type InternalHelperEventMap = {
     setObjectPosition: (position: THREE.Vector3) => void;
     setObjectRotate: (quaternion: THREE.Quaternion, origin?: THREE.Vector3) => void;
     setObjectScale: (scale: THREE.Vector3) => void;
@@ -26,8 +30,6 @@ export type HelperEventMap = {
         matrix: THREE.Matrix4;
         origin?: THREE.Vector3;
     }) => void;
-    moveByMouseEnable: () => void;
-    moveByMouseDisable: () => void;
 };
 export interface Object3DHelperState {
     enabled: boolean;

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.16.2",
+    "%c %c@realsee/dnalogel %cv3.17.1",
     [
       "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/package.json

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