@realsee/dnalogel 2.6.4 → 2.6.7-dev.0

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

@@ -1,35 +1,37 @@
-var H = Object.defineProperty;
-var x = (n, s, e) => s in n ? H(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var t = (n, s, e) => (x(n, typeof s != "symbol" ? s + "" : s, e), e);
+var R = Object.defineProperty;
+var C = (n, l, i) => l in n ? R(n, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[l] = i;
+var t = (n, l, i) => (C(n, typeof l != "symbol" ? l + "" : l, i), i);
 import * as r from "three";
-import { RotateHelperAbstract as A } from "../Base/BaseHelper.js";
-import { AXES_THREE_COLOR as o } from "../Constants/color.js";
-import { tipsDom as u } from "./HTML/tipsDom.js";
-class f extends A {
-  constructor(e, i) {
-    var l;
-    super(e);
-    t(this, "yzCircle", new h({ direction: "x", color: o.X }));
-    t(this, "xzCircle", new h({ direction: "y", color: o.Y }));
-    t(this, "xyCircle", new h({ direction: "z", color: o.Z }));
-    t(this, "xRingHelper", new c({ direction: "x" }));
-    t(this, "yRingHelper", new c({ direction: "y" }));
-    t(this, "zRingHelper", new c({ direction: "z" }));
-    t(this, "xAngleHelper", new a({ direction: "x", color: o.X }));
-    t(this, "yAngleHelper", new a({ direction: "y", color: o.Y }));
-    t(this, "zAngleHelper", new a({ direction: "z", color: o.Z }));
+import { RotateHelperAbstract as m } from "../Base/BaseHelper.js";
+import { AXES_THREE_COLOR as y } from "../Constants/color.js";
+import { tipsDom as w } from "./HTML/tipsDom.js";
+class P extends m {
+  constructor(i, e) {
+    var s;
+    super(i);
+    t(this, "yzCircle");
+    t(this, "xzCircle");
+    t(this, "xyCircle");
+    t(this, "xRingHelper");
+    t(this, "yRingHelper");
+    t(this, "zRingHelper");
+    t(this, "xAngleHelper");
+    t(this, "yAngleHelper");
+    t(this, "zAngleHelper");
     t(this, "angleTips");
     t(this, "container");
-    i && (this.container = i == null ? void 0 : i.container, this.angleTips = u({ display: "none" }), (l = this.container) == null || l.appendChild(this.angleTips.element)), this.show();
+    (e == null ? void 0 : e.yzCircleEnable) !== !1 && (this.yzCircle = new d({ direction: "x", color: y.X }), this.xRingHelper = new H({ direction: "x" }), this.xAngleHelper = new g({ direction: "x", color: y.X })), (e == null ? void 0 : e.xzCircleEnable) !== !1 && (this.xzCircle = new d({ direction: "y", color: y.Y }), this.yRingHelper = new H({ direction: "y" }), this.yAngleHelper = new g({ direction: "y", color: y.Y })), (e == null ? void 0 : e.xyCircleEnable) !== !1 && (this.xyCircle = new d({ direction: "z", color: y.Z }), this.zRingHelper = new H({ direction: "z" }), this.zAngleHelper = new g({ direction: "z", color: y.Z })), e != null && e.container && (this.container = e == null ? void 0 : e.container, this.angleTips = w({ display: "none" }), (s = this.container) == null || s.appendChild(this.angleTips.element)), this.show();
   }
   updateAngleHelperQuaternion() {
-    this.xAngleHelper.quaternion.copy(this.yzCircle.quaternion), this.yAngleHelper.quaternion.copy(this.xzCircle.quaternion), this.zAngleHelper.quaternion.copy(this.xyCircle.quaternion), this.xRingHelper.quaternion.copy(this.yzCircle.quaternion), this.yRingHelper.quaternion.copy(this.xzCircle.quaternion), this.zRingHelper.quaternion.copy(this.xyCircle.quaternion);
+    var i, e, s, c, h, o, p, a, x, A, u, z;
+    (e = this.xAngleHelper) == null || e.quaternion.copy((i = this.yzCircle) == null ? void 0 : i.quaternion), (c = this.yAngleHelper) == null || c.quaternion.copy((s = this.xzCircle) == null ? void 0 : s.quaternion), (o = this.zAngleHelper) == null || o.quaternion.copy((h = this.xyCircle) == null ? void 0 : h.quaternion), (a = this.xRingHelper) == null || a.quaternion.copy((p = this.yzCircle) == null ? void 0 : p.quaternion), (A = this.yRingHelper) == null || A.quaternion.copy((x = this.xzCircle) == null ? void 0 : x.quaternion), (z = this.zRingHelper) == null || z.quaternion.copy((u = this.xyCircle) == null ? void 0 : u.quaternion);
   }
-  applyHelperQuaternion(e, i) {
-    this.yzCircle.applyQuaternion(e), this.xzCircle.applyQuaternion(e), this.xyCircle.applyQuaternion(e), this.xAngleHelper.baseAxes.applyQuaternion(e), this.yAngleHelper.baseAxes.applyQuaternion(e), this.zAngleHelper.baseAxes.applyQuaternion(e);
+  applyHelperQuaternion(i, e) {
+    var s, c, h, o, p, a;
+    (s = this.yzCircle) == null || s.applyQuaternion(i), (c = this.xzCircle) == null || c.applyQuaternion(i), (h = this.xyCircle) == null || h.applyQuaternion(i), (o = this.xAngleHelper) == null || o.baseAxes.applyQuaternion(i), (p = this.yAngleHelper) == null || p.baseAxes.applyQuaternion(i), (a = this.zAngleHelper) == null || a.baseAxes.applyQuaternion(i);
   }
   hide() {
-    this.remove(
+    console.log("hide"), this.remove(
       this.yzCircle,
       this.xzCircle,
       this.xyCircle,
@@ -42,75 +44,79 @@ class f extends A {
     );
   }
   show() {
-    var e;
-    this.add(this.xyCircle, this.xzCircle, this.yzCircle), this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper), (e = this.angleTips) == null || e.hide();
-  }
-  showDraggingHelper(e) {
     var i;
-    this.hide(), this.add(...this.filterRingHelper(e)), this.add(...this.filterAngleHelper(e)), (i = this.angleTips) == null || i.show();
+    console.log("show"), this.add(...[this.xyCircle, this.xzCircle, this.yzCircle].filter(Boolean)), this.remove(
+      ...[this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter(Boolean)
+    ), (i = this.angleTips) == null || i.hide();
+  }
+  showDraggingHelper(i) {
+    var e;
+    this.hide(), this.add(...this.filterRingHelper(i)), this.add(...this.filterAngleHelper(i)), (e = this.angleTips) == null || e.show();
   }
   dispose() {
-    var e, i;
+    var i, e;
     this.remove(
-      this.yzCircle,
-      this.xzCircle,
-      this.xyCircle,
-      this.xRingHelper,
-      this.yRingHelper,
-      this.zRingHelper,
-      this.xAngleHelper,
-      this.yAngleHelper,
-      this.zAngleHelper
-    ), (e = this.angleTips) != null && e.element && ((i = this.container) == null || i.removeChild(this.angleTips.element));
+      ...[
+        this.yzCircle,
+        this.xzCircle,
+        this.xyCircle,
+        this.xRingHelper,
+        this.yRingHelper,
+        this.zRingHelper,
+        this.xAngleHelper,
+        this.yAngleHelper,
+        this.zAngleHelper
+      ].filter(Boolean)
+    ), (e = (i = this.angleTips) == null ? void 0 : i.element) == null || e.remove();
   }
-  filterRingHelper(e) {
-    return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((i) => e.includes(i.direction));
+  filterRingHelper(i) {
+    return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((e) => i.includes(e == null ? void 0 : e.direction)).filter(Boolean);
   }
-  filterAngleHelper(e) {
-    return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((i) => e.includes(i.direction));
+  filterAngleHelper(i) {
+    return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((e) => i.includes(e == null ? void 0 : e.direction)).filter(Boolean);
   }
 }
-class h extends r.Mesh {
-  constructor(e) {
-    var i;
+class d extends r.Mesh {
+  constructor(i) {
+    var e;
     super();
     t(this, "direction");
     t(this, "gapAngle", 0.02);
     t(this, "geometry", new r.RingGeometry(0.25, 0.3, 20, 8, this.gapAngle, Math.PI / 2 - this.gapAngle * 2));
     this.material = new r.MeshBasicMaterial({
       opacity: 0.6,
-      color: (i = e.color) != null ? i : 16777215,
+      color: (e = i.color) != null ? e : 16777215,
       transparent: !0,
       side: r.DoubleSide,
       depthTest: !1
-    }), this.direction = e.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    }), this.direction = i.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }
 }
-class c extends r.Group {
-  constructor(e) {
+class H extends r.Group {
+  constructor(i) {
     super();
     t(this, "direction");
-    this.direction = e.direction;
-    const i = 0.015, l = new Array(8).fill(null).map((z, p) => {
-      const d = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * p + i, Math.PI / 4 - i * 2), y = new r.MeshBasicMaterial({
+    this.direction = i.direction;
+    const e = 0.015, s = new Array(8).fill(null).map((c, h) => {
+      const o = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * h + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
         opacity: 1,
         color: 16777215,
         depthTest: !1,
         transparent: !0,
         side: r.DoubleSide
-      }), g = new r.Mesh(d, y);
-      return g.name = `AxesDashedRing-${this.direction}-${p}`, g;
+      }), a = new r.Mesh(o, p);
+      return a.name = `AxesDashedRing-${this.direction}-${h}`, a;
     });
-    this.add(...l), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    this.add(...s), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }
 }
-class a extends r.Mesh {
-  constructor(e) {
-    var l;
+class g extends r.Mesh {
+  constructor(i) {
+    var s;
     super();
     t(this, "direction");
     t(this, "baseAxes");
-    switch (e.direction) {
+    switch (i.direction) {
       case "x":
         this.baseAxes = new r.Vector3(0, 0, 1);
         break;
@@ -121,16 +127,16 @@ class a extends r.Mesh {
         this.baseAxes = new r.Vector3(1, 0, 0);
         break;
     }
-    const i = 0.3 + 5e-4;
-    this.geometry = new r.CircleGeometry(i, 48, 0, 1e-4), this.material = new r.MeshBasicMaterial({
+    const e = 0.3 + 5e-4;
+    this.geometry = new r.CircleGeometry(e, 48, 0, 1e-4), this.material = new r.MeshBasicMaterial({
       opacity: 0.4,
-      color: (l = e.color) != null ? l : 16777215,
+      color: (s = i.color) != null ? s : 16777215,
       depthTest: !1,
       transparent: !0,
       side: r.DoubleSide
-    }), this.direction = e.direction, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    }), this.direction = i.direction, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }
 }
 export {
-  f as RotateHelper
+  P as RotateHelper
 };

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

@@ -0,0 +1,5 @@
+import type * as THREE from 'three';
+import { ScaleHelperAbstract } from '../Base/BaseHelper';
+export declare class ScaleHelper<T extends THREE.Object3D = THREE.Object3D> extends ScaleHelperAbstract<T> {
+    constructor(originObject3D: T);
+}

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

@@ -0,0 +1,9 @@
+import { ScaleHelperAbstract as r } from "../Base/BaseHelper.js";
+class s extends r {
+  constructor(e) {
+    super(e);
+  }
+}
+export {
+  s as ScaleHelper
+};

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

@@ -1,5 +1,5 @@
 export * from '../Base/BaseHelper';
 export * from './MoveHelper';
 export * from './RotateHelper';
-export * from './RectangleScaleHelper';
-export * from './OutlineHelper';
+export * from './CSS3DScaleHelper';
+export * from './BoundingBoxHelper';

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

@@ -1,4 +1,2 @@
 import "three";
 import "../../../CSS3DRenderPlugin/CSS3DRender.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "./OutlineHelper.js";

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

@@ -1,24 +1,12 @@
-import type { OutlineHelper } from './Helper';
 import type { Object3DHelperEventMap, Object3DHelperState } from './typings';
-import type { MoveController } from './Controller/MoveController';
-import type { RotateController } from './Controller/RotateController';
-import type { BaseController } from './Base/BaseController';
+import type { ObjectHelperControllers } from './typings';
 import { Subscribe } from '../Subscribe';
-interface Controllers {
-    moveController?: MoveController;
-    rotateController?: RotateController;
-    scaleController?: BaseController;
-}
-interface Helpers {
-    outlineHelper?: OutlineHelper;
-}
 export declare class Object3DHelper {
-    controllers: Controllers;
+    controllers: ObjectHelperControllers;
     state: Object3DHelperState;
     hooks: Subscribe<Object3DHelperEventMap>;
-    private helpers;
     private eventListener;
-    constructor(controllers?: Controllers, helpers?: Helpers);
+    constructor(controllers?: ObjectHelperControllers);
     /**
      * @description Show guide line
      */
@@ -50,22 +38,11 @@ export declare class Object3DHelper {
     setState(state: Partial<Object3DHelperState>, options?: {
         userAction?: boolean;
     } & Record<string, any>): void;
-    addControllers(controllers: Controllers): void;
-    addHelpers(helpers: Partial<{
-        [K in keyof Helpers]: Helpers[K];
-    }>): void;
+    addControllers(controllers: ObjectHelperControllers): void;
     getCurrentState(): Object3DHelperState;
-    private addEventListener;
-    private handleEnd;
-    private handleStart;
-    private setOtherHelpersVisible;
-    private handlePositionUpdate;
-    private handleScaleUpdate;
-    private handleRotateUpdate;
     private handleEnable;
     private handleVisible;
     private everyControllerDo;
     private handleDispose;
     private actionIfStateIsEnabled;
 }
-export {};

package/libs/shared-utils/Object3DHelper/index.js

@@ -1,77 +1,58 @@
-var u = Object.defineProperty;
-var v = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var c = (n, e, s) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[e] = s, p = (n, e) => {
+var p = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var d = (i, e, s) => e in i ? p(i, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[e] = s, a = (i, e) => {
   for (var s in e || (e = {}))
-    S.call(e, s) && c(n, s, e[s]);
-  if (v)
-    for (var s of v(e))
-      k.call(e, s) && c(n, s, e[s]);
-  return n;
+    S.call(e, s) && d(i, s, e[s]);
+  if (f)
+    for (var s of f(e))
+      E.call(e, s) && d(i, s, e[s]);
+  return i;
 };
-var d = (n, e, s) => (c(n, typeof e != "symbol" ? e + "" : e, s), s);
-var f = (n, e, s) => new Promise((t, o) => {
-  var i = (r) => {
+var r = (i, e, s) => (d(i, typeof e != "symbol" ? e + "" : e, s), s);
+var b = (i, e, s) => new Promise((t, l) => {
+  var v = (o) => {
     try {
-      h(s.next(r));
-    } catch (a) {
-      o(a);
+      h(s.next(o));
+    } catch (n) {
+      l(n);
     }
-  }, l = (r) => {
+  }, u = (o) => {
     try {
-      h(s.throw(r));
-    } catch (a) {
-      o(a);
+      h(s.throw(o));
+    } catch (n) {
+      l(n);
     }
-  }, h = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(i, l);
-  h((s = s.apply(n, e)).next());
+  }, h = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(v, u);
+  h((s = s.apply(i, e)).next());
 });
 import { Subscribe as C } from "../Subscribe.js";
-const E = "v1.0.1", y = "Object3DHelper", b = `${y}@${E}`, m = () => {
-  console.error(`${b} is disposed`);
-}, H = () => {
-  console.warn(`${b} is disabled`);
-}, O = () => {
-  console.error(`${b} is disabled`);
+const D = "v1.0.1", k = "Object3DHelper", c = `${k}@${D}`, y = () => {
+  console.error(`${c} is disposed`);
+}, I = () => {
+  console.warn(`${c} is disabled`);
+}, m = () => {
+  console.error(`${c} is disabled`);
 };
-class x {
-  constructor(e, s) {
-    d(this, "controllers", {});
-    d(this, "state", {
+class L {
+  constructor(e) {
+    r(this, "controllers", {});
+    r(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1
     });
-    d(this, "hooks", new C());
-    d(this, "helpers");
-    d(this, "eventListener", {});
-    d(this, "handlePositionUpdate", (e, ...s) => {
-      var i, l, h, r;
-      const [t] = s, o = t == null ? void 0 : t.matrix4;
-      o && (e !== this.controllers.moveController && ((i = this.controllers.moveController) == null || i.applyHelperMatrix4(o)), e !== this.controllers.rotateController && ((l = this.controllers.rotateController) == null || l.applyHelperMatrix4(o)), e !== this.controllers.scaleController && ((h = this.controllers.scaleController) == null || h.applyHelperMatrix4(o)), (r = this.helpers.outlineHelper) == null || r.applyMatrix4(o));
-    });
-    d(this, "handleScaleUpdate", (e, ...s) => {
-      var i, l;
-      const [t] = s, o = t == null ? void 0 : t.matrix4;
-      o && ((i = this.controllers.scaleController) == null || i.applyHelperScaleMatrix4(o, t), (l = this.helpers.outlineHelper) == null || l.scale.applyMatrix4(o));
-    });
-    d(this, "handleRotateUpdate", (e, ...s) => {
-      var o, i, l, h;
-      const [t] = s;
-      if (t) {
-        const { quaternion: r, origin: a } = t;
-        r && (e !== this.controllers.moveController && ((o = this.controllers.moveController) == null || o.applyHelperQuaternion(r, a)), e !== this.controllers.rotateController && ((i = this.controllers.rotateController) == null || i.applyHelperQuaternion(r, a)), e !== this.controllers.scaleController && ((l = this.controllers.scaleController) == null || l.applyHelperQuaternion(r, a)), (h = this.helpers.outlineHelper) == null || h.applyQuaternion(r));
-      }
-    });
-    e && this.addControllers(e), this.helpers = s != null ? s : {}, this.setState(this.state);
+    r(this, "hooks", new C());
+    r(this, "eventListener", {});
+    e && this.addControllers(e), this.setState(this.state);
   }
   show(e) {
-    return f(this, null, function* () {
+    return b(this, null, function* () {
       this.setState({ visible: !0 }, e);
     });
   }
   hide(e) {
-    return f(this, null, function* () {
+    return b(this, null, function* () {
       this.setState({ visible: !1 }, e);
     });
   }
@@ -86,59 +67,30 @@ class x {
   }
   setState(e, s) {
     if (this.state.disposed)
-      return m();
+      return y();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return O();
-    const t = p({}, this.state);
-    this.state = p(p({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && this.handleVisible(e.visible), e.enabled !== void 0 && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
+      return m();
+    const t = a({}, this.state);
+    this.state = a(a({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && this.handleVisible(e.visible), e.enabled !== void 0 && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
   }
   addControllers(e) {
-    this.controllers = p(p({}, this.controllers), e), this.addEventListener(), this.setState(this.state);
-  }
-  addHelpers(e) {
-    this.helpers = p(p({}, this.helpers), e);
+    this.controllers = a(a({}, this.controllers), e), this.setState(this.state);
   }
   getCurrentState() {
     return this.state;
   }
-  addEventListener() {
-    for (const e in this.controllers) {
-      if (!e)
-        continue;
-      const s = e;
-      this.eventListener[s] || (this.eventListener[s] = (() => {
-        const t = this.controllers[s];
-        if (!t)
-          return;
-        const o = () => this.handleStart(t), i = () => this.handleEnd(t), l = (...a) => this.handlePositionUpdate(t, ...a), h = (...a) => this.handleRotateUpdate(t, ...a), r = (...a) => this.handleScaleUpdate(t, ...a);
-        return t.hooks.on("moveStart", o), t.hooks.on("rotateStart", o), t.hooks.on("scaleStart", o), t.hooks.on("positionUpdate", l), t.hooks.on("rotateUpdate", h), t.hooks.on("scaleUpdate", r), t.hooks.on("moveEnd", i), t.hooks.on("rotateEnd", i), t.hooks.on("scaleEnd", i), () => {
-          t.hooks.off("moveStart", o), t.hooks.off("rotateStart", o), t.hooks.off("scaleStart", o), t.hooks.off("positionUpdate", l), t.hooks.off("rotateUpdate", h), t.hooks.off("scaleUpdate", r), t.hooks.off("moveEnd", i), t.hooks.off("rotateEnd", i), t.hooks.off("scaleEnd", i);
-        };
-      })());
-    }
-  }
-  handleEnd(e) {
-    e && this.setOtherHelpersVisible(!0, e);
-  }
-  handleStart(e) {
-    e && this.setOtherHelpersVisible(!1, e);
-  }
-  setOtherHelpersVisible(e, s) {
-    var t, o, i, l;
-    e ? ((i = this.controllers.moveController) == null || i.helperObject3D.show(), (l = this.controllers.rotateController) == null || l.helperObject3D.show()) : (s !== this.controllers.moveController && ((t = this.controllers.moveController) == null || t.helperObject3D.hide()), s !== this.controllers.rotateController && ((o = this.controllers.rotateController) == null || o.helperObject3D.hide()));
-  }
   handleEnable(e, s = !0) {
     e ? (this.everyControllerDo((t) => {
       t.enable();
     }), this.hooks.emit("enable", { userAction: s })) : (this.everyControllerDo((t) => {
-      t.disable(), t.restoreOpacity();
+      t.disable();
     }), this.hooks.emit("disable", { userAction: s })), this.state.enabled = e;
   }
   handleVisible(e, s = !0) {
     e ? (this.everyControllerDo((t) => {
       t.show();
     }), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: s }))) : (this.everyControllerDo((t) => {
-      t.hide(), t.restoreOpacity();
+      t.hide();
     }), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: s }))), this.state.visible = e;
   }
   everyControllerDo(e) {
@@ -149,21 +101,21 @@ class x {
   handleDispose() {
     var e, s;
     Object.values(this.controllers).forEach((t) => {
-      t == null || t.dispose(), t == null || t.restoreOpacity();
+      t == null || t.dispose();
     });
     for (const t in this.controllers) {
       if (!t)
         continue;
-      const o = t;
-      (s = (e = this.eventListener)[o]) == null || s.call(e);
+      const l = t;
+      (s = (e = this.eventListener)[l]) == null || s.call(e);
     }
   }
   actionIfStateIsEnabled(e, s) {
     if (this.state.enabled)
       return e();
-    s != null && s.warnLog && H();
+    s != null && s.warnLog && I();
   }
 }
 export {
-  x as Object3DHelper
+  L as Object3DHelper
 };

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

@@ -1,23 +1,33 @@
 import type * as THREE from 'three';
 export declare type HelperEventMap = {
+    wantToMove: (position: THREE.Vector3) => void;
+    wantToRotate: (quaternion: THREE.Quaternion) => void;
+    wantToScale: (scale: THREE.Vector3) => void;
+    move: (position: THREE.Vector3) => void;
+    rotate: (quaternion: THREE.Quaternion) => void;
+    scale: (scale: THREE.Vector3) => void;
     moveStart: () => void;
     rotateStart: () => void;
     scaleStart: () => void;
-    positionUpdate: (position: {
-        matrix4?: THREE.Matrix4;
-    } | undefined) => void;
-    rotateUpdate: (rotate: {
-        quaternion?: THREE.Quaternion;
-        origin: THREE.Vector3;
-    } | undefined) => void;
-    scaleUpdate: (scale: {
-        matrix4?: THREE.Matrix4;
-        origin?: THREE.Vector3;
-        helperOrigin: THREE.Vector3;
-    } | undefined) => void;
     moveEnd: () => void;
     rotateEnd: () => void;
     scaleEnd: () => void;
+    setObjectPosition: (position: THREE.Vector3) => void;
+    setObjectRotate: (quaternion: THREE.Quaternion, origin: THREE.Vector3) => void;
+    setObjectScale: (scale: THREE.Vector3) => void;
+    applyObjectPosition: (position: {
+        matrix4: THREE.Matrix4;
+    }) => void;
+    applyObjectRotate: (rotate: {
+        quaternion: THREE.Quaternion;
+        origin: THREE.Vector3;
+    }) => void;
+    applyObjectScale: (scale: {
+        matrix4: THREE.Matrix4;
+        origin?: THREE.Vector3;
+    }) => void;
+    moveByMouseEnable: () => void;
+    moveByMouseDisable: () => void;
 };
 export interface Object3DHelperState {
     enabled: boolean;

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

@@ -1,5 +1,27 @@
 import type * as THREE from 'three';
+import type { MoveController } from '../Controller/MoveController';
+import type { RotateController } from '../Controller/RotateController';
+import type { BoundingBoxController } from '../Controller/BoundingBoxController';
+import { ScaleController } from '../Controller/ScaleController';
 export * from './Scissor';
 export * from './Direction';
 export * from './Hooks';
+export interface HelperOffset {
+    x: number | {
+        percents: number;
+    };
+    y: number | {
+        percents: number;
+    };
+    z: number | {
+        percents: number;
+    };
+}
 export declare type Color = THREE.Color | string | number;
+export declare type ClassFunctionParameters<C extends new (...params: any[]) => any, F extends keyof InstanceType<C>> = Parameters<InstanceType<C>[F]>;
+export interface ObjectHelperControllers {
+    moveController?: MoveController;
+    rotateController?: RotateController;
+    scaleController?: ScaleController;
+    boundingBoxController?: BoundingBoxController;
+}

package/libs/shared-utils/Object3DHelper/typings/index.js

@@ -1 +1,2 @@
-
+import "three";
+import "../utils/threex/domevents/index.js";

package/libs/shared-utils/Object3DHelper/utils/boundingBox.d.ts

@@ -0,0 +1,2 @@
+import * as THREE from 'three';
+export default function boundingBox(object3D: THREE.Object3D): THREE.Box3 | undefined;

package/libs/shared-utils/Object3DHelper/utils/boundingBox.js

@@ -0,0 +1,24 @@
+import * as p from "three";
+function l(e) {
+  const o = new p.Box3(), a = new p.Vector3();
+  if (e.updateMatrixWorld(!1), e.traverse((r) => {
+    var s;
+    if (r.name === "shadow")
+      return;
+    const t = r.geometry;
+    if (t !== void 0)
+      if ((s = t == null ? void 0 : t.attributes) != null && s.position) {
+        const n = t.attributes.position;
+        for (let i = 0, f = n.count; i < f; i++)
+          a.fromBufferAttribute(n, i).applyMatrix4(r.matrixWorld), o.expandByPoint(a);
+      } else
+        t.vertices.forEach((n) => {
+          const i = n.clone().applyMatrix4(r.matrixWorld);
+          o.expandByPoint(i);
+        });
+  }), !o.isEmpty())
+    return o.translate(e.position.clone().negate()), o;
+}
+export {
+  l as boundingBox
+};

package/libs/shared-utils/Object3DHelper/utils/threex/domevents/index.js

@@ -90,7 +90,7 @@ n.prototype.unbind = function(t, e, o, i) {
     }
   }
   var h = this._boundObjs[e].indexOf(t);
-  console.assert(h !== -1), this._boundObjs[e].splice(h, 1);
+  this._boundObjs[e].splice(h, 1);
 };
 n.prototype.removeEventListener = n.prototype.unbind;
 n.prototype._bound = function(t, e) {
@@ -126,7 +126,7 @@ n.prototype._onEvent = function(t, e, o, i) {
 };
 n.prototype._notify = function(t, e, o, i) {
   var s = this._objectCtxGet(e), r = s ? s[t + "Handlers"] : null;
-  if (console.assert(arguments.length === 4), !s || !r || r.length === 0) {
+  if (!s || !r || r.length === 0) {
     e.parent && this._notify(t, e.parent, o, i);
     return;
   }

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

@@ -0,0 +1,2 @@
+import { GLTF } from '@realsee/five/gltf-loader';
+export default function loadGLTF(url: string): Promise<GLTF>;

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

@@ -0,0 +1,16 @@
+import { GLTFLoader as i } from "@realsee/five/gltf-loader";
+const a = new i();
+function f(n) {
+  return new Promise((r, e) => {
+    function t(o) {
+      r(o);
+    }
+    function d(o) {
+      e(o);
+    }
+    a.load(n, t, void 0, d);
+  });
+}
+export {
+  f as loadGLTF
+};

package/libs/typings/math.type.js

@@ -0,0 +1 @@
+