@realsee/dnalogel 3.51.0 → 3.52.0

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

@@ -2,35 +2,35 @@ var j = Object.defineProperty;
 var w = (g, h, t) => h in g ? j(g, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[h] = t;
 var d = (g, h, t) => (w(g, typeof h != "symbol" ? h + "" : h, t), t);
 import { BaseController as D } from "../Base/BaseController.js";
-import * as c from "three";
+import * as a from "three";
 import { getMouseRaycaster as O } from "../utils/getMouseRaycaster.js";
 import { setObjectQuaternion as C } from "../utils/setObjectQuaternion.js";
 import { rad2Deg as L } from "../../math/rad2Deg.js";
 import { deg2Rad as f } from "../../math/deg2Rad.js";
-const y = new c.Quaternion();
-class x extends D {
+let y = new a.Quaternion();
+class P extends D {
   constructor(...t) {
-    var l, a, m;
+    var l, c, m;
     super(...t);
     d(this, "name", "RotateController");
     d(this, "startInfo");
     d(this, "removeListener");
     const n = this.helperObject3D;
-    this.hoverListener([(l = n.xCircle) == null ? void 0 : l.circle, (a = n.yCircle) == null ? void 0 : a.circle, (m = n.zCircle) == null ? void 0 : m.circle].filter(Boolean));
-    const e = this.dragStart.bind(this), o = this.dragging.bind(this), s = this.dragEnd.bind(this), i = this.show.bind(this), r = this.hide.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", e), document.addEventListener("mousemove", o), document.addEventListener("mouseup", s), this.domEvents.addEventListener(this.helperObject3D, "touchstart", e), document.addEventListener("touchmove", o), document.addEventListener("touchend", s), this.hooks.on("moveStart", r), this.hooks.on("moveEnd", i), this.hooks.on("scaleStart", r), this.hooks.on("scaleEnd", i), this.hooks.on("moveByMouseEnable", r), this.hooks.on("moveByMouseDisable", i), this.disposers.push(() => {
-      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", e), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", e), document.removeEventListener("touchmove", o), document.removeEventListener("touchend", s), this.hooks.off("moveStart", r), this.hooks.off("moveEnd", i), this.hooks.off("scaleStart", r), this.hooks.off("scaleEnd", i), this.hooks.off("moveByMouseEnable", r), this.hooks.off("moveByMouseDisable", i);
+    this.hoverListener([(l = n.xCircle) == null ? void 0 : l.circle, (c = n.yCircle) == null ? void 0 : c.circle, (m = n.zCircle) == null ? void 0 : m.circle].filter(Boolean));
+    const e = this.dragStart.bind(this), o = this.dragging.bind(this), r = this.dragEnd.bind(this), s = this.show.bind(this), i = this.hide.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", e), document.addEventListener("mousemove", o), document.addEventListener("mouseup", r), this.domEvents.addEventListener(this.helperObject3D, "touchstart", e), document.addEventListener("touchmove", o), document.addEventListener("touchend", r), this.hooks.on("moveStart", i), this.hooks.on("moveEnd", s), this.hooks.on("scaleStart", i), this.hooks.on("scaleEnd", s), this.hooks.on("moveByMouseEnable", i), this.hooks.on("moveByMouseDisable", s), this.disposers.push(() => {
+      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", e), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", r), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", e), document.removeEventListener("touchmove", o), document.removeEventListener("touchend", r), this.hooks.off("moveStart", i), this.hooks.off("moveEnd", s), this.hooks.off("scaleStart", i), this.hooks.off("scaleEnd", s), this.hooks.off("moveByMouseEnable", i), this.hooks.off("moveByMouseDisable", s);
     });
   }
   get rotateCenter() {
     return this.helperObject3D.position.clone();
   }
   setRotateAngle(t) {
-    const { x: n = 0, y: e = 0, z: o = 0 } = t, s = new c.Euler(f(n), f(e), f(o)), i = new c.Quaternion().setFromEuler(s);
-    if (this.hooks.emit("wantToRotate", i))
+    const { x: n = 0, y: e = 0, z: o = 0 } = t, r = new a.Euler(f(n), f(e), f(o)), s = new a.Quaternion().setFromEuler(r);
+    if (this.hooks.emit("wantToRotate", s))
       return;
-    const { originObject3D: l, rotateCenter: a } = this;
-    C(l, i, a), this.internalHooks.emit("setObjectRotate", i, a), this.hooks.emit("rotate", i), this.render();
+    const { originObject3D: l, rotateCenter: c } = this;
+    C(l, s, c), this.internalHooks.emit("setObjectRotate", s, c), this.hooks.emit("rotate", s), this.render();
   }
   onApplyOriginObjectRotate(t) {
     this.isDragging || super.onApplyOriginObjectRotate(t);
@@ -49,19 +49,19 @@ class x extends D {
     const e = (n == null ? void 0 : n.object).direction;
     if (!e)
       return this.dragEnd();
-    const o = n.point, s = this.getAngleHelper(e);
+    const o = n.point, r = this.getAngleHelper(e);
     this.setTipsAngle(0);
-    const i = o.clone();
-    i.y += 0.2, this.setTipsPosition(i);
-    const r = this.helperObject3D.quaternion.clone(), l = (() => {
+    const s = o.clone();
+    s.y += 0.2, this.setTipsPosition(s);
+    const i = this.helperObject3D.quaternion.clone(), l = (() => {
       if (e === "x")
-        return new c.Vector3(1, 0, 0).applyQuaternion(r);
+        return new a.Vector3(1, 0, 0).applyQuaternion(i);
       if (e === "y")
-        return new c.Vector3(0, 1, 0).applyQuaternion(r);
+        return new a.Vector3(0, 1, 0).applyQuaternion(i);
       if (e === "z")
-        return new c.Vector3(0, 0, 1).applyQuaternion(r);
-    })(), a = new c.Plane().setFromNormalAndCoplanarPoint(l, o), p = a.projectPoint(o.clone(), new c.Vector3()).clone().sub(this.rotateCenter), u = p.angleTo(s.baseAxes.clone().applyQuaternion(r));
-    this.setAngleHelperStart(e, u), this.setAngleHelperLength(e, 0), this.startInfo = { direction: e, startVector: p, plane: a, angleHelper: s, angle: 0, helperQuaternion: r.clone() }, y.copy(r), this.helperObject3D.showDraggingHelper([e]), this.hooks.emit("rotateStart"), this.isDragging = !0;
+        return new a.Vector3(0, 0, 1).applyQuaternion(i);
+    })(), c = new a.Plane().setFromNormalAndCoplanarPoint(l, o), p = c.projectPoint(o.clone(), new a.Vector3()).clone().sub(this.rotateCenter), u = p.angleTo(r.baseAxes.clone().applyQuaternion(i));
+    this.setAngleHelperStart(e, u), this.setAngleHelperLength(e, 0), this.startInfo = { direction: e, startVector: p, plane: c, angleHelper: r, angle: 0, helperQuaternion: i.clone() }, y = new a.Quaternion(), this.helperObject3D.showDraggingHelper([e]), this.hooks.emit("rotateStart"), this.isDragging = !0;
   }
   dragging(t) {
     if (!this.isDragging)
@@ -72,30 +72,30 @@ class x extends D {
   rotate(t) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { startVector: n, plane: e, angleHelper: o, direction: s, helperQuaternion: i } = this.startInfo, { originObject3D: r } = this, l = t.ray.intersectPlane(e, new c.Vector3());
+    const { startVector: n, plane: e, angleHelper: o, direction: r, helperQuaternion: s } = this.startInfo, { originObject3D: i } = this, l = t.ray.intersectPlane(e, new a.Vector3());
     if (!l)
       return;
-    const a = this.rotateCenter.clone(), p = e.projectPoint(l.clone(), new c.Vector3()).clone().sub(a);
+    const c = this.rotateCenter.clone(), p = e.projectPoint(l.clone(), new a.Vector3()).clone().sub(c);
     if (n.angleTo(p) === 0)
       return;
-    const u = new c.Quaternion().setFromUnitVectors(n.clone().normalize(), p.clone().normalize()), v = r.quaternion.clone().premultiply(u);
+    const u = new a.Quaternion().setFromUnitVectors(n.clone().normalize(), p.clone().normalize()), v = i.quaternion.clone().premultiply(u);
     if (this.hooks.emit("wantToRotate", v))
       return;
-    const E = new c.Euler().setFromQuaternion(
-      new c.Quaternion().setFromUnitVectors(
-        n.clone().normalize().applyQuaternion(i.clone().inverse()),
-        p.clone().normalize().applyQuaternion(i.clone().inverse())
+    const E = new a.Euler().setFromQuaternion(
+      new a.Quaternion().setFromUnitVectors(
+        n.clone().normalize().applyQuaternion(s.clone().inverse()),
+        p.clone().normalize().applyQuaternion(s.clone().inverse())
       ),
-      `${s.toUpperCase()}${"XZY".replace(s.toUpperCase(), "")}`
-    )[s] * o.angleDirection;
-    if (this.startInfo.angle += E, this.setAngleHelperLength(s, this.startInfo.angle), this.setTipsAngle(L(this.startInfo.angle)), a) {
-      const b = new c.Vector3().subVectors(r.position, a).applyQuaternion(u).add(a);
-      r.position.copy(b);
+      `${r.toUpperCase()}${"XZY".replace(r.toUpperCase(), "")}`
+    )[r] * o.angleDirection;
+    if (this.startInfo.angle += E, this.setAngleHelperLength(r, this.startInfo.angle), this.setTipsAngle(L(this.startInfo.angle)), c) {
+      const b = new a.Vector3().subVectors(i.position, c).applyQuaternion(u).add(c);
+      i.position.copy(b);
     }
-    r.applyQuaternion(u), y.premultiply(u), this.internalHooks.emit("applyObjectRotate", { quaternion: u, origin: a }), this.hooks.emit("rotate", r.quaternion), this.startInfo.startVector = p;
+    i.applyQuaternion(u), y.premultiply(u), this.internalHooks.emit("applyObjectRotate", { quaternion: u, origin: c }), this.hooks.emit("rotate", i.quaternion), this.startInfo.startVector = p;
   }
   dragEnd() {
-    this.isDragging && (this.internalHooks.emit("setObjectRotate", y, this.rotateCenter), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
+    this.isDragging && (this.applyHelperQuaternion(y, this.rotateCenter), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
   }
   getAngleHelper(t) {
     var n, e, o;
@@ -114,17 +114,17 @@ class x extends D {
       console.warn("angleHelper is undefined");
       return;
     }
-    if (e instanceof c.Mesh && e.geometry instanceof c.CircleGeometry) {
-      const { radius: o, segments: s, thetaLength: i } = e.geometry.parameters;
-      e.geometry = new c.CircleGeometry(o, s, n, i);
+    if (e instanceof a.Mesh && e.geometry instanceof a.CircleGeometry) {
+      const { radius: o, segments: r, thetaLength: s } = e.geometry.parameters;
+      e.geometry = new a.CircleGeometry(o, r, n, s);
     } else
       console.warn("only support THREE.CircleGeometry");
   }
   setAngleHelperLength(t, n) {
-    const o = n >= 0 ? Math.max(n, 1e-3) : Math.min(n, -1e-3), s = this.getAngleHelper(t);
-    if (s instanceof c.Mesh && s.geometry instanceof c.CircleGeometry) {
-      const { radius: i, thetaStart: r } = s.geometry.parameters, l = Math.ceil(Math.abs(o) * (40 / (2 * Math.PI)));
-      s.geometry = new c.CircleGeometry(i, l, r, o);
+    const o = n >= 0 ? Math.max(n, 1e-3) : Math.min(n, -1e-3), r = this.getAngleHelper(t);
+    if (r instanceof a.Mesh && r.geometry instanceof a.CircleGeometry) {
+      const { radius: s, thetaStart: i } = r.geometry.parameters, l = Math.ceil(Math.abs(o) * (40 / (2 * Math.PI)));
+      r.geometry = new a.CircleGeometry(s, l, i, o);
     } else
       console.warn("only support THREE.CircleGeometry");
   }
@@ -137,13 +137,13 @@ class x extends D {
     const n = this.helperObject3D.angleTips;
     if (!n)
       return;
-    const e = t.project(this.camera), { x: o, y: s, z: i } = e;
-    if (i > 1)
+    const e = t.project(this.camera), { x: o, y: r, z: s } = e;
+    if (s > 1)
       return;
-    const r = (o + 1) / 2 * 100 + "%", l = (-s + 1) / 2 * 100 + "%";
-    n.setLeftTop(r, l);
+    const i = (o + 1) / 2 * 100 + "%", l = (-r + 1) / 2 * 100 + "%";
+    n.setLeftTop(i, l);
   }
 }
 export {
-  x as RotateController
+  P as RotateController
 };

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

@@ -5,7 +5,6 @@ export declare class ScaleController<T extends ScaleHelperAbstract = ScaleHelper
     protected name: string;
     private startInfo?;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
-    initialHelperQuaternion(): void;
     initialHelperPosition(): void;
     dragStart: (params: {
         intersect: THREE.Intersection;

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

@@ -1,42 +1,45 @@
 var f = Object.defineProperty;
-var v = (d, a, t) => a in d ? f(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
-var c = (d, a, t) => (v(d, typeof a != "symbol" ? a + "" : a, t), t);
-import { BaseController as p } from "../Base/BaseController.js";
+var v = (c, a, t) => a in c ? f(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var h = (c, a, t) => (v(c, typeof a != "symbol" ? a + "" : a, t), t);
+import { BaseController as E } from "../Base/BaseController.js";
 import * as m from "three";
-import { getMouseRaycaster as E } from "../utils/getMouseRaycaster.js";
+import { getMouseRaycaster as p } from "../utils/getMouseRaycaster.js";
 import { rayOnLine as g } from "../../../Sculpt/utils/three/rayOnLine.js";
-class S extends p {
+class S extends E {
   constructor(...t) {
     super(...t);
-    c(this, "name", "ScaleController");
-    c(this, "startInfo");
-    c(this, "dragStart", (t) => {
+    h(this, "name", "ScaleController");
+    h(this, "startInfo");
+    h(this, "dragStart", (t) => {
       if (this.isDragging)
         return;
       this.isDragging = !0;
-      const { intersect: e } = t, o = this.camera.position, s = e.object, i = s.scalePosition.basePosition.clone(), r = s.scalePosition.handlePosition.clone().clone().sub(i).clone(), n = new m.Line3(i, i.clone().add(r.normalize().multiplyScalar(5)));
-      n.applyMatrix4(this.helperObject3D.matrixWorld);
-      const h = new m.Raycaster(o, e.point.clone().sub(o)), u = g({ raycaster: h, line: n });
-      this.startInfo = { line: n, scaleStartPoint: u, draggingObject: s }, this.hooks.emit("scaleStart");
+      const { intersect: e } = t, o = this.camera.position;
+      let s = e.object;
+      s.scalePosition || (s = e.object.parent);
+      const i = s.scalePosition.basePosition.clone(), n = s.scalePosition.handlePosition.clone().clone().sub(i).clone(), r = new m.Line3(i, i.clone().add(n.normalize().multiplyScalar(5)));
+      r.applyMatrix4(this.helperObject3D.matrixWorld);
+      const l = new m.Raycaster(o, e.point.clone().sub(o)), u = g({ raycaster: l, line: r });
+      this.startInfo = { line: r, scaleStartPoint: u, draggingObject: s }, this.hooks.emit("scaleStart");
     });
-    c(this, "dragging", (t) => {
+    h(this, "dragging", (t) => {
       if (!this.isDragging || !this.startInfo)
         return;
-      const e = "touches" in t ? t.touches[0].clientX : t.x, o = "touches" in t ? t.touches[0].clientY : t.y, s = E(this.camera, { x: e, y: o }, this.container);
+      const e = "touches" in t ? t.touches[0].clientX : t.x, o = "touches" in t ? t.touches[0].clientY : t.y, s = p(this.camera, { x: e, y: o }, this.container);
       return s ? (this.scale(s), !1) : this.dragEnd();
     });
-    c(this, "scale", (t) => {
-      var n, h;
+    h(this, "scale", (t) => {
+      var n, r;
       if (!this.startInfo)
         return;
-      const { line: e, scaleStartPoint: o, draggingObject: s } = this.startInfo, { scalePosition: i } = s, { basePosition: l } = i, r = g({ raycaster: t, line: e });
-      r.applyMatrix4(new m.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (h = (n = this.config) == null ? void 0 : n.scaleCallback) == null || h.call(n, {
-        ratio: r.distanceTo(l) / o.distanceTo(l),
-        intersectPoint: r,
-        scalePosition: i
-      }), s.position.copy(r.clone());
+      const { line: e, scaleStartPoint: o, draggingObject: s } = this.startInfo, { scalePosition: i } = s, d = g({ raycaster: t, line: e });
+      d.applyMatrix4(new m.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (r = (n = this.config) == null ? void 0 : n.scaleCallback) == null || r.call(n, {
+        intersectPoint: d,
+        scalePosition: i,
+        offset: d.clone().sub(o)
+      }), s.position.copy(d.clone());
     });
-    c(this, "dragEnd", () => {
+    h(this, "dragEnd", () => {
       this.isDragging && (this.startInfo = void 0, this.isDragging = !1, this.internalHooks.emit("initialHelperPosition"), this.hooks.emit("scaleEnd"));
     });
     const e = this.show.bind(this), o = this.hide.bind(this);
@@ -44,18 +47,15 @@ class S extends p {
       this.domEvents.removeEventListener(this.helperObject3D, "mousedown", this.dragStart), document.removeEventListener("mousemove", this.dragging), document.removeEventListener("mouseup", this.dragEnd), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", this.dragStart), document.removeEventListener("touchmove", this.dragging), document.removeEventListener("touchend", this.dragEnd), this.hooks.off("rotateStart", o), this.hooks.off("rotateEnd", e), this.hooks.off("moveStart", o), this.hooks.off("moveEnd", e), this.hooks.off("moveByMouseEnable", o), this.hooks.off("moveByMouseDisable", e);
     });
   }
-  initialHelperQuaternion() {
-    this.helperObject3D.initQuaternion();
-  }
   initialHelperPosition() {
     this.helperObject3D.initialPosition();
     const t = this;
     t.offHoverListener && t.offHoverListener(), t.offHoverListener = this.hoverListener(this.helperObject3D.scaleMeshes);
   }
   setScale(t) {
-    var r, n, h;
+    var n, r, l;
     let e = 1, o = 1, s = 1;
-    typeof t == "number" ? (e = t, o = t, s = t) : typeof t == "object" && (e = (r = t.x) != null ? r : 1, o = (n = t.y) != null ? n : 1, s = (h = t.z) != null ? h : 1);
+    typeof t == "number" ? (e = t, o = t, s = t) : typeof t == "object" && (e = (n = t.x) != null ? n : 1, o = (r = t.y) != null ? r : 1, s = (l = t.z) != null ? l : 1);
     const i = new m.Vector3(e, o, s);
     this.hooks.emit("wantToScale", i) || (this.originObject3D.scale.copy(i), this.internalHooks.emit("setObjectScale", i), this.hooks.emit("scale", i), this.render());
   }

package/libs/shared-utils/Object3DHelper/Helper/BoundingBoxHelper.d.ts

@@ -1,11 +1,13 @@
 import * as THREE from 'three';
 import { BoundingBoxHelperAbstract } from '../Base/BaseHelper';
 export declare class BoundingBoxHelper<T extends THREE.Object3D = THREE.Object3D> extends BoundingBoxHelperAbstract<T> {
+    name: string;
     box: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicMaterial>;
     outline: THREE.LineSegments<THREE.BufferGeometry, THREE.LineBasicMaterial>;
-    private originObject;
     private positionAttribute;
     constructor(originObject: T);
+    initQuaternion(): void;
+    setHelperQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
     raycasterIntersectObject(raycaster: THREE.Raycaster, intersection: THREE.Intersection[]): THREE.Intersection[];
     raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
     private update;

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

@@ -1,17 +1,24 @@
 var u = Object.defineProperty;
-var c = (n, o, e) => o in n ? u(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
-var r = (n, o, e) => (c(n, typeof o != "symbol" ? o + "" : o, e), e);
-import * as s from "three";
-import { BoundingBoxHelperAbstract as b } from "../Base/BaseHelper.js";
-import { boundingBox as p } from "../../three/boundingBox.js";
-class A extends b {
+var c = (s, n, e) => n in s ? u(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
+var r = (s, n, e) => (c(s, typeof n != "symbol" ? n + "" : n, e), e);
+import * as o from "three";
+import { BoundingBoxHelperAbstract as p } from "../Base/BaseHelper.js";
+import { boundingBox as b } from "../../three/boundingBox.js";
+import { setObjectQuaternion as h } from "../utils/setObjectQuaternion.js";
+class d extends p {
   constructor(e) {
     super(e);
+    r(this, "name", "BoundingBoxHelper");
     r(this, "box");
     r(this, "outline");
-    r(this, "originObject");
     r(this, "positionAttribute");
-    this.originObject = e, this.positionAttribute = new s.BufferAttribute(new Float32Array(8 * 3), 3), this.box = this.createBox(), this.outline = this.createOutline(), this.add(this.box, this.outline), this.update();
+    this.positionAttribute = new o.BufferAttribute(new Float32Array(8 * 3), 3), this.box = this.createBox(), this.outline = this.createOutline(), this.add(this.box, this.outline), this.update();
+  }
+  initQuaternion() {
+    this.quaternion.copy(this.originObject3D.quaternion);
+  }
+  setHelperQuaternion(e, t) {
+    h(this, e, t);
   }
   raycasterIntersectObject(e, t) {
     return e.intersectObject(this, !1, t);
@@ -20,21 +27,21 @@ class A extends b {
     this.box.raycast(e, t);
   }
   update() {
-    const e = p(this.originObject);
+    const e = b(this.originObject3D);
     if (!e)
       return;
     const { min: t, max: i } = e;
     this.positionAttribute.setXYZ(0, i.x, i.y, i.z), this.positionAttribute.setXYZ(1, t.x, i.y, i.z), this.positionAttribute.setXYZ(2, t.x, t.y, i.z), this.positionAttribute.setXYZ(3, i.x, t.y, i.z), this.positionAttribute.setXYZ(4, i.x, i.y, t.z), this.positionAttribute.setXYZ(5, t.x, i.y, t.z), this.positionAttribute.setXYZ(6, t.x, t.y, t.z), this.positionAttribute.setXYZ(7, i.x, t.y, t.z), this.positionAttribute.needsUpdate = !0;
   }
   createOutline() {
-    const e = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]), t = new s.BufferGeometry();
-    t.setIndex(new s.BufferAttribute(e, 1)), t.setAttribute("position", this.positionAttribute);
-    const i = new s.LineBasicMaterial({
+    const e = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]), t = new o.BufferGeometry();
+    t.setIndex(new o.BufferAttribute(e, 1)), t.setAttribute("position", this.positionAttribute);
+    const i = new o.LineBasicMaterial({
       color: 64767,
       linewidth: 1,
       opacity: 1,
       toneMapped: !1
-    }), a = new s.LineSegments(t, i);
+    }), a = new o.LineSegments(t, i);
     return a.matrixAutoUpdate = !1, a;
   }
   createBox() {
@@ -75,17 +82,17 @@ class A extends b {
       6,
       7,
       3
-    ]), t = new s.BufferGeometry();
-    t.setIndex(new s.BufferAttribute(e, 1)), t.setAttribute("position", this.positionAttribute);
-    const i = new s.MeshBasicMaterial({
+    ]), t = new o.BufferGeometry();
+    t.setIndex(new o.BufferAttribute(e, 1)), t.setAttribute("position", this.positionAttribute);
+    const i = new o.MeshBasicMaterial({
       color: 64767,
       opacity: 0.1,
       depthTest: !1,
       transparent: !0
     });
-    return new s.Mesh(t, i);
+    return new o.Mesh(t, i);
   }
 }
 export {
-  A as BoundingBoxHelper
+  d as BoundingBoxHelper
 };

package/libs/shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.d.ts

@@ -5,6 +5,7 @@ import type { Vector3 } from 'three';
 import type { CSS3DObjectPlus } from '../../../CSS3DRenderPlugin/utils/three/CSS3DObject';
 type NonVoid<T> = T extends void ? never : T;
 export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlus> extends RectangleScaleHelperAbstract<T, HTMLElement> {
+    name: string;
     points: RectangleScaleHelperAbstract<THREE.Object3D, HTMLElement>['points'];
     cornerPositions: Vector3[];
     css3DInstance?: NonVoid<Create3DElementReturnType>;
@@ -16,6 +17,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
     private container;
     private enabled;
     constructor(originObject3D: T, container: HTMLElement, camera: THREE.Camera, scene: THREE.Scene);
+    initQuaternion(): void;
     applyMatrix4(matrix: THREE.Matrix4): void;
     showDraggingHelper(): void;
     applyHelperScaleMatrix4(matrix: THREE.Matrix4, origin?: Vector3): void;

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

@@ -1,25 +1,26 @@
 var b = Object.defineProperty;
 var D = (c, n, e) => n in c ? b(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
 var i = (c, n, e) => (D(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { CSS3DRender as f } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import { CSS3DRender as u } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import * as p from "three";
-import { RectangleScaleHelperAbstract as u } from "../Base/BaseHelper.js";
+import { RectangleScaleHelperAbstract as f } from "../Base/BaseHelper.js";
 import { rectangleScaleDom as y } from "./HTML/rectangleScaleDom.js";
 import "../../three/core/Sphere.js";
-class v extends u {
+class g extends f {
   // eslint-disable-next-line max-params
-  constructor(e, t, s, l) {
+  constructor(e, t, s, o) {
     super(e);
+    i(this, "name", "CSS3DScaleHelper");
     i(this, "points", []);
     i(this, "cornerPositions", []);
     i(this, "css3DInstance");
     i(this, "plane");
-    i(this, "css3DRenderer", new f());
+    i(this, "css3DRenderer", new u());
     i(this, "camera");
     i(this, "scene");
     i(this, "container");
     i(this, "enabled", !1);
-    this.camera = s, this.scene = l, this.container = t, this.initRectangleScaleHelper();
+    this.camera = s, this.scene = o, this.container = t, this.initRectangleScaleHelper();
   }
   get helperObject() {
     var e;
@@ -27,6 +28,9 @@ class v extends u {
       throw new Error("css3DInstance is not initialized");
     return this.css3DInstance.css3DObject;
   }
+  initQuaternion() {
+    this.quaternion.copy(this.originObject3D.quaternion);
+  }
   applyMatrix4(e) {
     var t;
     super.applyMatrix4(e), this.helperObject.applyMatrix4(e), (t = this.plane) == null || t.applyMatrix4(e), this.cornerPositions.forEach((s) => s.applyMatrix4(e));
@@ -44,8 +48,8 @@ class v extends u {
     });
   }
   applyHelperQuaternion(e, t) {
-    var l;
-    const s = (l = this.css3DInstance) == null ? void 0 : l.css3DObject;
+    var o;
+    const s = (o = this.css3DInstance) == null ? void 0 : o.css3DObject;
     if (s) {
       const a = new p.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
       s.position.copy(a), s.applyQuaternion(e);
@@ -55,8 +59,8 @@ class v extends u {
       this.plane.position.copy(a), this.plane.applyQuaternion(e);
     }
     this.cornerPositions.forEach((a) => {
-      const o = new p.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
-      a.copy(o);
+      const l = new p.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
+      a.copy(l);
     });
   }
   enable() {
@@ -79,7 +83,7 @@ class v extends u {
     this.disable(), this.css3DRenderer.dispose();
   }
   initRectangleScaleHelper() {
-    var o, r;
+    var l, r;
     const e = this.getCornerPositions();
     if (!e)
       return;
@@ -88,12 +92,12 @@ class v extends u {
     if (!t)
       return;
     this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: l, squares: a } = y();
+    const s = t.css3DObject.container, { container: o, squares: a } = y();
     this.points = a.map((h, d) => ({
       direction: h.direction,
       point: h.element,
       position: this.calculatePointPosition(e)[d]
-    })), s.insertBefore(l, (o = s.children[0]) != null ? o : null), this.helperObject.position.copy(this.originObject3D.position), (r = this.plane) == null || r.position.copy(this.originObject3D.position);
+    })), s.insertBefore(o, (l = s.children[0]) != null ? l : null), this.helperObject.position.copy(this.originObject3D.position), (r = this.plane) == null || r.position.copy(this.originObject3D.position);
   }
   getCornerPositions() {
     const { originObject3D: e } = this;
@@ -115,5 +119,5 @@ class v extends u {
   }
 }
 export {
-  v as CSS3DScaleHelper
+  g as CSS3DScaleHelper
 };

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.d.ts

@@ -4,6 +4,7 @@ import { MoveHelperAbstract, type BaseHelperConfig } from '.';
 import { ArrowGroup } from './Objects/ArrowGroup';
 import type * as THREE from 'three';
 export declare class MoveHelper extends MoveHelperAbstract {
+    name: string;
     xArrow?: ArrowGroup;
     yArrow?: ArrowGroup;
     zArrow?: ArrowGroup;
@@ -13,7 +14,7 @@ export declare class MoveHelper extends MoveHelperAbstract {
         zArrowEnable?: boolean;
     } & BaseHelperConfig);
     show(): void;
-    setScaleByCamera(camera: THREE.PerspectiveCamera): void;
+    setScaleByCamera(camera: THREE.PerspectiveCamera | THREE.OrthographicCamera): void;
     showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
 }

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

@@ -11,6 +11,7 @@ import "../../three/core/Sphere.js";
 class z extends h {
   constructor(r, s) {
     super(r, s);
+    e(this, "name", "MoveHelper");
     e(this, "xArrow");
     e(this, "yArrow");
     e(this, "zArrow");

package/libs/shared-utils/Object3DHelper/Helper/RotateHelper.d.ts

@@ -4,6 +4,7 @@ import { RotateHelperAbstract, type BaseHelperConfig } from '../Base/BaseHelper'
 import type { Color, Direction } from '../typings';
 import { tipsDom } from './HTML/tipsDom';
 export declare class RotateHelper extends RotateHelperAbstract {
+    name: string;
     xCircle?: RotateCircleGroup;
     yCircle?: RotateCircleGroup;
     zCircle?: RotateCircleGroup;
@@ -19,7 +20,7 @@ export declare class RotateHelper extends RotateHelperAbstract {
     } & BaseHelperConfig);
     hide(): void;
     show(): void;
-    setScaleByCamera(camera: THREE.PerspectiveCamera): void;
+    setScaleByCamera(camera: THREE.PerspectiveCamera | THREE.OrthographicCamera): void;
     showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
 }

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

@@ -9,6 +9,7 @@ import { calculateScaleByCamera as C } from "../utils/calculateScaleByCamera.js"
 class D extends u {
   constructor(t, e) {
     super(t, e);
+    i(this, "name", "RotateHelper");
     i(this, "xCircle");
     i(this, "yCircle");
     i(this, "zCircle");
@@ -80,7 +81,7 @@ class b extends r.Group {
     super();
     i(this, "direction");
     this.direction = t.direction;
-    const e = 0.015, h = new Array(8).fill(null).map((S, c) => {
+    const e = 0.015, h = new Array(8).fill(null).map((R, c) => {
       const d = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * c + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
         opacity: 1,
         color: 16777215,

package/libs/shared-utils/Object3DHelper/Helper/ScaleHelper.d.ts

@@ -2,13 +2,15 @@ import * as THREE from 'three';
 import { ScaleHelperAbstract, type BaseHelperConfig } from '../Base/BaseHelper';
 import type { ScalePosition } from '../typings';
 export declare class ScaleHelper<T extends THREE.Object3D = THREE.Object3D> extends ScaleHelperAbstract<T> {
-    scaleMeshes: Array<THREE.Mesh & {
+    name: string;
+    scaleMeshes: Array<THREE.Object3D & {
         scalePosition: ScalePosition;
     }>;
     private positions;
     constructor(originObject3D: T, config?: {
         positions?: Array<ScalePosition> | (() => Array<ScalePosition>);
     } & BaseHelperConfig);
+    initQuaternion(): void;
     initialPosition(offset?: THREE.Vector3): void;
-    setScaleByCamera(camera: THREE.PerspectiveCamera): void;
+    setScaleByCamera(camera: THREE.PerspectiveCamera | THREE.OrthographicCamera): void;
 }