@realsee/dnalogel 2.1.0-alpha.27 → 2.1.0-alpha.28

package/libs/CSS3DRenderPlugin/utils/CSS3DObjectPlus.js

@@ -1,48 +1,67 @@
 var P = Object.defineProperty;
-var W = (c, o, t) => o in c ? P(c, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[o] = t;
-var i = (c, o, t) => (W(c, typeof o != "symbol" ? o + "" : o, t), t);
+var k = (p, h, t) => h in p ? P(p, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[h] = t;
+var s = (p, h, t) => (k(p, typeof h != "symbol" ? h + "" : h, t), t);
 import { CSS3DObject as D } from "three/examples/jsm/renderers/CSS3DRenderer";
-import { Vector3 as m } from "three";
-import { evenNumber as V } from "./evenNumber.js";
-import { centerPoint as E } from "./centerPoint.js";
-const f = "1.0.1", H = `CSS3DObjectPlus@${f}`, j = 216e-5, v = 3e-3;
-class T extends D {
-  constructor(t, e, h = v, u = 1) {
-    const l = Math.max(j, h), p = e[0].distanceTo(e[1]), a = e[1].distanceTo(e[2]), n = V(p / h * u), d = V(a / h * u), x = E(...e);
-    let g;
-    if (l === h)
-      t.style.width = `${n}px`, t.style.height = `${d}px`, g = t;
+import { Vector3 as n } from "three";
+import { evenNumber as f } from "./evenNumber.js";
+import { centerPoint as W } from "./centerPoint.js";
+import { Subscribe as j } from "../../shared-utils/Subscribe.js";
+const w = "1.0.2", v = `CSS3DObjectPlus@${w}`, C = 216e-5, E = 3e-3;
+class z extends D {
+  constructor(t, e, o = E, x = 1, M = "front") {
+    const l = Math.max(C, o), d = e[0].distanceTo(e[1]), m = e[1].distanceTo(e[2]), c = f(d / o * x), a = f(m / o * x), r = W(...e);
+    let u;
+    if (l === o)
+      t.style.width = `${c}px`, t.style.height = `${a}px`, u = t;
     else {
-      const s = document.createElement("div");
-      s.style.width = `${n}px`, s.style.height = `${d}px`, s.style.pointerEvents = "none";
-      const b = h / l;
-      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * n}px`, t.style.height = `${b * d}px`, s.appendChild(t), g = s;
+      const i = document.createElement("div");
+      i.style.width = `${c}px`, i.style.height = `${a}px`, i.style.pointerEvents = "none";
+      const b = o / l;
+      t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = `${b * c}px`, t.style.height = `${b * a}px`, i.appendChild(t), u = i;
     }
-    super(g);
-    i(this, "version", f);
-    i(this, "width");
-    i(this, "height");
-    i(this, "domWidthPx");
-    i(this, "domHeightPx");
-    i(this, "cornerPoints");
-    i(this, "ratio");
-    i(this, "container");
-    i(this, "centerPosition");
-    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = h, this.container = t, l === h)
-      this.width = p, this.height = a, this.domWidthPx = n, this.domHeightPx = d, this.centerPosition = x;
+    super(u);
+    s(this, "version", w);
+    s(this, "width");
+    s(this, "height");
+    s(this, "domWidthPx");
+    s(this, "domHeightPx");
+    s(this, "cornerPoints");
+    s(this, "ratio");
+    s(this, "container");
+    s(this, "centerPosition");
+    s(this, "mode", "front");
+    s(this, "hooks", new j());
+    s(this, "isCSS3DObjectPlus", !0);
+    if (this.scale.set(l, l, l), this.cornerPoints = e, this.ratio = o, this.container = t, this.mode = M, l === o)
+      this.width = d, this.height = m, this.domWidthPx = c, this.domHeightPx = a, this.centerPosition = r;
     else {
-      const s = h / l;
-      this.width = s * p, this.height = s * a, this.domWidthPx = s * n, this.domHeightPx = s * d, this.centerPosition = new m().subVectors(x, e[0]).multiplyScalar(s).add(e[0]);
+      const i = o / l;
+      this.width = i * d, this.height = i * m, this.domWidthPx = i * c, this.domHeightPx = i * a, this.centerPosition = new n().subVectors(r, e[0]).multiplyScalar(i).add(e[0]);
     }
-    t.classList.add(`${H}__container`);
-    const S = new m().subVectors(e[1], e[0]), r = new m().subVectors(e[3], e[0]), $ = new m().crossVectors(S, r).normalize();
+    t.classList.add(`${v}__container`);
+    const V = new n().subVectors(e[1], e[0]), y = new n().subVectors(e[3], e[0]), $ = new n().crossVectors(V, y).normalize();
     this.lookAt($);
-    const y = this.up.clone().applyQuaternion(this.quaternion), w = r.clone(), O = new m().crossVectors(y, w).normalize();
-    this.rotateOnWorldAxis(O, y.angleTo(w)), this.position.copy(x);
+    const g = this.up.clone().applyQuaternion(this.quaternion), S = y.clone(), O = new n().crossVectors(g, S).normalize();
+    this.rotateOnWorldAxis(O, g.angleTo(S)), this.position.copy(r);
+  }
+  changeMode(t, e) {
+    if (t === this.mode)
+      return;
+    const o = this.mode;
+    this.mode = t, this.hooks.emit("changeMode", t, o, e);
+  }
+  applyScaleMatrix4(t) {
+    this.scale.applyMatrix4(t), this.hooks.emit("applyScaleMatrix4", t);
+  }
+  applyMatrix4(t) {
+    super.applyMatrix4(t), this.hooks.emit("applyMatrix4", t);
+  }
+  applyQuaternion(t) {
+    return super.applyQuaternion(t), this.hooks.emit("applyQuaternion", t), this;
   }
 }
 export {
-  T as CSS3DObjectPlus,
-  v as DefaultRatio,
-  j as MinRatio
+  z as CSS3DObjectPlus,
+  E as DefaultRatio,
+  C as MinRatio
 };

package/libs/Object3DHelperPlugin/Controller.js

@@ -1,16 +1,16 @@
 var C = Object.defineProperty;
-var w = (i, o, e) => o in i ? C(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var n = (i, o, e) => (w(i, typeof o != "symbol" ? o + "" : o, e), e);
-import { Controller as S } from "../base/BasePlugin.js";
+var S = (o, i, e) => i in o ? C(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var n = (o, i, e) => (S(o, typeof i != "symbol" ? i + "" : i, e), e);
+import { Controller as g } from "../base/BasePlugin.js";
 import "three";
-import { MoveHelper as g } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { MoveHelper as w } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import { RotateHelper as E } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
 import { RectangleScaleHelper as M } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
 import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
 import { MoveController as O } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
 import { ControllerWrapper as p } from "./FiveControllerWrapper.js";
-import { Object3DHelper as y } from "../shared-utils/Object3DHelper/index.js";
-import { RotateController as D } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { Object3DHelper as D } from "../shared-utils/Object3DHelper/index.js";
+import { RotateController as y } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
 import { CSS3DScaleController as I } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
@@ -33,14 +33,14 @@ import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
 import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
 import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
 import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, j = () => {
+const f = "v1.0.0", d = "Object3DHelperPlugin", h = `${d}@${f}`, k = () => {
   console.error(`${h} is disposed`);
-}, $ = () => {
+}, F = () => {
   console.warn(`${h} is disabled`);
-}, L = () => {
+}, P = () => {
   console.error(`${h} is disabled`);
 };
-class he extends S {
+class he extends g {
   constructor(e) {
     super(e);
     n(this, "version", f);
@@ -51,7 +51,7 @@ class he extends S {
       disposed: !1
     });
     n(this, "objectHelperMap", /* @__PURE__ */ new Map());
-    this.five = e, Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
+    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${d.toUpperCase()}_DEBUG__`]: this });
   }
   async show(e) {
     this.setState({ visible: !0 }, e);
@@ -70,9 +70,9 @@ class he extends S {
   }
   setState(e, t) {
     if (this.state.disposed)
-      return j();
+      return k();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
-      return L();
+      return P();
     const r = { ...this.state };
     this.state = { ...this.state, ...e }, e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: r });
   }
@@ -84,30 +84,31 @@ class he extends S {
     if (!e)
       return console.error("Object3D is undefined");
     if (this.objectHelperMap.has(e)) {
-      console.warn(`Object3DHelperPlugin: object3D ${e.name} already has helper`);
+      console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
       return;
     }
-    const r = new y();
+    const r = new D();
     this.objectHelperMap.set(e, r);
-    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: v = !0, scaleHelper: H = !0 } = t;
+    const a = (c = this.five.getElement()) == null ? void 0 : c.parentElement, m = this.five.camera, { moveHelper: b = !0, rotateHelper: u = !0, scaleHelper: v = !0 } = t;
     if (b) {
-      const s = new g(e), l = new p(this.five, O, e, s);
+      const s = new w(e), l = new p(this.five, O, e, s);
       r.addControllers({ moveController: l.helperController });
     }
-    if (v) {
+    if (u) {
       let s;
       a && m && (s = { container: a });
-      const l = new E(e, s), u = new p(this.five, D, e, l);
-      r.addControllers({ rotateController: u.helperController });
+      const l = new E(e, s), H = new p(this.five, y, e, l);
+      r.addControllers({ rotateController: H.helperController });
     }
-    if (H && a) {
+    if (v && a) {
       const s = new M(e, a, m, this.five.scene), l = new p(this.five, I, e, s);
       r.addControllers({ scaleController: l.helperController });
     }
+    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
   }
   removeObject3DHelper(e) {
     const t = this.objectHelperMap.get(e);
-    !t || (this.objectHelperMap.delete(e), t.dispose());
+    !t || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), t.dispose());
   }
   handleEnable(e, t = !0) {
     e ? (this.everyHelperDo((r) => r.enable()), this.hooks.emit("enable", { userAction: t })) : (this.everyHelperDo((r) => r.disable()), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
@@ -126,7 +127,7 @@ class he extends S {
   actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
-    t != null && t.warnLog && $();
+    t != null && t.warnLog && F();
   }
 }
 export {

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

@@ -1,33 +1,33 @@
-var O = Object.defineProperty;
-var y = (h, e, t) => e in h ? O(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var r = (h, e, t) => (y(h, typeof e != "symbol" ? e + "" : e, t), t);
+var m = Object.defineProperty;
+var O = (p, e, t) => e in p ? m(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var s = (p, e, t) => (O(p, typeof e != "symbol" ? e + "" : e, t), t);
 import * as l from "three";
-import { Subscribe as j } from "../../Subscribe.js";
-import g from "../utils/threex/domevents/index.js";
-import { notNil as v } from "../../isNil.js";
-import { CSS3DObjectPlus as u } from "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import { Subscribe as y } from "../../Subscribe.js";
+import j from "../utils/threex/domevents/index.js";
+import { notNil as g } from "../../isNil.js";
+import { CSS3DObjectPlus as D } from "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../../CSS3DRenderPlugin/utils/centerPoint.js";
-let p = null;
-class S {
-  constructor(e, t, s, n, a, o, c) {
-    r(this, "hooks", new j());
-    r(this, "helperObject3D");
-    r(this, "originObject3D");
-    r(this, "camera");
-    r(this, "model");
-    r(this, "scene");
-    r(this, "container");
-    r(this, "domEvents");
-    r(this, "isDragging", !1);
-    r(this, "onRender");
-    r(this, "enabled", !1);
-    r(this, "onWantsTapGesture", (e) => {
+let h = null;
+class k {
+  constructor(e, t, o, n, a, r, c) {
+    s(this, "hooks", new y());
+    s(this, "helperObject3D");
+    s(this, "originObject3D");
+    s(this, "camera");
+    s(this, "model");
+    s(this, "scene");
+    s(this, "container");
+    s(this, "domEvents");
+    s(this, "isDragging", !1);
+    s(this, "onRender");
+    s(this, "enabled", !1);
+    s(this, "onWantsTapGesture", (e) => {
       if (this.getIntersectObject(e))
         return !1;
     });
-    this.camera = e, this.model = t, this.originObject3D = s, this.helperObject3D = n, this.container = a, this.scene = o, this.domEvents = new g(e, a), this.onRender = c != null ? c : () => {
+    this.camera = e, this.model = t, this.originObject3D = o, this.helperObject3D = n, this.container = a, this.scene = r, this.domEvents = new j(e, a), this.onRender = c != null ? c : () => {
     }, this.initialHelperPosition(), this.initialHelperQuaternion(), this.enable();
   }
   initialHelperPosition() {
@@ -54,22 +54,32 @@ class S {
   setOpacity(e) {
     this.setOriginOpacityProperty();
     const t = this.originObject3D;
-    t instanceof l.Mesh && (t.material.opacity = e), t instanceof u && (t.container.style.opacity = e), this.render();
+    if (t instanceof l.Mesh && (t.material.opacity = e), t.isCSS3DObjectPlus) {
+      const o = t;
+      o.container.style.opacity = e.toString();
+    }
+    this.render();
   }
   restoreOpacity() {
-    if (p === null)
+    if (h === null)
       return;
     const e = this.originObject3D;
-    e instanceof l.Mesh && (e.material.opacity = p.opacity), e instanceof u && (e.container.style.opacity = p.opacity), this.render();
+    if (e instanceof l.Mesh && (e.material.opacity = h.opacity), e.isCSS3DObjectPlus) {
+      const t = e;
+      t.container.style.opacity = h.opacity.toString();
+    }
+    this.render();
   }
   setOriginOpacityProperty() {
-    var e;
-    if (p === null) {
-      const t = this.originObject3D;
-      t instanceof l.Mesh && (p = {
-        opacity: t.material.opacity
-      }), t instanceof u && (p = {
-        opacity: (e = t.container.style.opacity) != null ? e : 1
+    var e, t;
+    if (h === null) {
+      const o = this.originObject3D;
+      o instanceof l.Mesh && (h = {
+        opacity: o.material.opacity
+      }), o instanceof D && (h = {
+        opacity: (e = o.container.style.opacity) != null ? e : 1
+      }), o.isCSS3DObjectPlus && (h = {
+        opacity: Number((t = o.container.style.opacity) != null ? t : 1)
       });
     }
   }
@@ -88,51 +98,51 @@ class S {
   applyHelperScaleMatrix4(e, t) {
     this.helperObject3D.applyHelperScaleMatrix4(e, t);
   }
-  onWantsGesture(e, t, s) {
+  onWantsGesture(e, t, o) {
     if (this.isDragging)
       return !1;
   }
   render() {
     this.onRender();
   }
-  hoverListener(e, t = 16777215, s = 1) {
-    const n = (Array.isArray(e) ? e : [e]).filter(v), a = [];
-    for (const o of n)
-      if (o instanceof l.Mesh || o instanceof l.Group) {
-        const c = o instanceof l.Group ? o.children.filter((i) => i instanceof l.Mesh) : [o];
+  hoverListener(e, t = 16777215, o = 1) {
+    const n = (Array.isArray(e) ? e : [e]).filter(g), a = [];
+    for (const r of n)
+      if (r instanceof l.Mesh || r instanceof l.Group) {
+        const c = r instanceof l.Group ? r.children.filter((i) => i instanceof l.Mesh) : [r];
         c.forEach((i) => {
           i.__originalColor__ = i.material.color.clone(), i.__originalOpacity__ = i.material.opacity;
         });
         const d = () => {
           c.forEach((i) => {
-            i.material.color.set(t), i.material.opacity = s;
+            i.material.color.set(t), i.material.opacity = o;
           }), this.render();
         }, f = () => {
           c.forEach((i) => {
             i.material.color.copy(i.__originalColor__), i.material.opacity = i.__originalOpacity__;
           }), this.render();
-        }, b = () => {
+        }, u = () => {
           this.isDragging || d();
-        }, m = () => {
+        }, b = () => {
           this.isDragging || f();
         };
         for (const i of c)
-          this.domEvents.addEventListener(i, "mouseover", b), this.domEvents.addEventListener(i, "mouseout", m), this.hooks.on("moveStart", d), this.hooks.on("moveEnd", f), this.hooks.on("rotateEnd", f), a.push(() => {
-            this.domEvents.removeEventListener(i, "mouseover", b), this.domEvents.removeEventListener(i, "mouseout", m), this.hooks.off("moveStart", d), this.hooks.off("moveEnd", f), this.hooks.off("rotateEnd", f);
+          this.domEvents.addEventListener(i, "mouseover", u), this.domEvents.addEventListener(i, "mouseout", b), this.hooks.on("moveStart", d), this.hooks.on("moveEnd", f), this.hooks.on("rotateEnd", f), a.push(() => {
+            this.domEvents.removeEventListener(i, "mouseover", u), this.domEvents.removeEventListener(i, "mouseout", b), this.hooks.off("moveStart", d), this.hooks.off("moveEnd", f), this.hooks.off("rotateEnd", f);
           });
       }
-    return () => a.forEach((o) => o == null ? void 0 : o());
+    return () => a.forEach((r) => r == null ? void 0 : r());
   }
   getIntersectObject(e) {
-    const t = this.camera.position, s = this.helperObject3D;
-    if (!s)
+    const t = this.camera.position, o = this.helperObject3D;
+    if (!o)
       return;
     let n;
-    const a = e.intersectObject(s, !0)[0];
-    if (!!a && (n = a, n.object = s, !!n)) {
+    const a = e.intersectObject(o, !0)[0];
+    if (!!a && (n = a, n.object = o, !!n)) {
       if (this.model.intersectRaycaster) {
-        const o = this.model.intersectRaycaster(e)[0];
-        if (o && o.point.distanceTo(t) < n.point.distanceTo(t))
+        const r = this.model.intersectRaycaster(e)[0];
+        if (r && r.point.distanceTo(t) < n.point.distanceTo(t))
           return;
       }
       return n.object;
@@ -140,6 +150,6 @@ class S {
   }
 }
 export {
-  S as BaseController,
-  p as originOpacity
+  k as BaseController,
+  h as originOpacity
 };

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

@@ -2,7 +2,7 @@ var u = Object.defineProperty;
 var m = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var p = (s, e, t) => (m(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { BaseController as f } from "../Base/BaseController.js";
-import * as a from "three";
+import * as c from "three";
 import { getMouseRaycaster as b } from "../utils/getMouseRaycaster.js";
 import "../../Subscribe.js";
 import "../utils/threex/domevents/index.js";
@@ -18,8 +18,8 @@ class P extends f {
     p(this, "startInfo");
     const r = this.helperObject3D;
     this.hoverListener([r.xArrow, r.yArrow, r.zArrow]);
-    const o = this.dragStart.bind(this), n = this.dragging.bind(this), h = this.dragEnd.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", n), document.addEventListener("mouseup", h);
+    const o = this.dragStart.bind(this), n = this.dragging.bind(this), a = this.dragEnd.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", n), document.addEventListener("mouseup", a);
   }
   dragStart(t) {
     if (this.isDragging)
@@ -30,25 +30,24 @@ class P extends f {
     const o = (r == null ? void 0 : r.object).direction;
     if (!o)
       return this.dragEnd();
-    const n = new a.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), h = new a.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), c = new a.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), d = (() => {
+    const n = new c.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), a = new c.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), h = new c.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), d = (() => {
       switch (o) {
         case "x":
           return n;
         case "y":
-          return h;
+          return a;
         case "z":
-          return c;
+          return h;
       }
     })(), g = (() => {
       switch (o) {
         case "x":
-          return c;
         case "y":
-          return c;
+          return h;
         case "z":
           return n;
       }
-    })(), i = r.point.clone(), l = new a.Plane();
+    })(), i = r.point.clone(), l = new c.Plane();
     l.setFromNormalAndCoplanarPoint(g, i), this.startInfo = { startVectorProject: i.clone().projectOnVector(d), directionVector: d, plane: l }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0, console.log("%c MoveController dragStart", "color: #e5af2e");
   }
   dragging(t) {
@@ -60,11 +59,11 @@ class P extends f {
   move(t) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { plane: r, directionVector: o, startVectorProject: n } = this.startInfo, h = this.originObject3D, c = t.ray.intersectPlane(r, new a.Vector3());
-    if (!c)
+    const { plane: r, directionVector: o, startVectorProject: n } = this.startInfo, a = this.originObject3D, h = t.ray.intersectPlane(r, new c.Vector3());
+    if (!h)
       return;
-    const d = c.clone().projectOnVector(o), g = d.clone().sub(n), i = new a.Matrix4();
-    i.setPosition(g), h.applyMatrix4(i), this.helperObject3D.applyMatrix4(i), n.copy(d), this.hooks.emit("positionUpdate", { matrix4: i });
+    const d = h.clone().projectOnVector(o), g = d.clone().sub(n), i = new c.Matrix4();
+    i.setPosition(g), a.applyMatrix4(i), this.helperObject3D.applyMatrix4(i), n.copy(d), this.hooks.emit("positionUpdate", { matrix4: i });
   }
   dragEnd() {
     !this.isDragging || (console.log("%c MoveController dragEnd", "color: #e94e4e"), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));

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

@@ -1,8 +1,8 @@
 var X = Object.defineProperty;
-var Y = (h, a, e) => a in h ? X(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
-var k = (h, a, e) => (Y(h, typeof a != "symbol" ? a + "" : a, e), e);
+var Y = (h, a, s) => a in h ? X(h, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[a] = s;
+var N = (h, a, s) => (Y(h, typeof a != "symbol" ? a + "" : a, s), s);
 import { BaseController as A } from "../Base/BaseController.js";
-import * as I from "three";
+import * as D from "three";
 import { Vector3 as n } from "three";
 import { getMouseRaycaster as H } from "../utils/getMouseRaycaster.js";
 import { vectorIsEqual as T } from "../utils/vectorIsEqual.js";
@@ -15,9 +15,9 @@ import "../../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../utils/calculateThreeMouse.js";
 class it extends A {
-  constructor(...e) {
-    super(...e);
-    k(this, "startInfo");
+  constructor(...s) {
+    super(...s);
+    N(this, "startInfo");
   }
   enable() {
     this.helperObject3D.enable(), super.enable();
@@ -32,83 +32,81 @@ class it extends A {
     this.helperObject3D.hide(), super.hide();
   }
   getDragPlane() {
-    const e = new I.Plane(), o = this.helperObject3D.cornerPositions;
-    if (o.length !== 0)
-      return o.length < 3 ? e.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new n()), o[0]) : e.setFromCoplanarPoints(o[0], o[1], o[2]), e;
+    const s = new D.Plane(), e = this.helperObject3D.cornerPositions;
+    if (e.length !== 0)
+      return e.length < 3 ? s.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new n()), e[0]) : s.setFromCoplanarPoints(e[0], e[1], e[2]), s;
   }
-  dragStart(e, o) {
-    var p, s;
-    (s = (p = this.helperObject3D).updatePoints) == null || s.call(p);
+  dragStart(s, e) {
+    var p, o;
+    (o = (p = this.helperObject3D).updatePoints) == null || o.call(p);
     const f = this.getDragPlane();
     if (!f)
       return this.dragEnd();
-    this.startInfo = { startPoint: { position: o.position.clone(), direction: o.direction }, plane: f }, this.hooks.emit("scaleStart"), this.render(), this.isDragging = !0, console.log("%c RectangleScaleController dragStart", "color: #e5af2e");
+    this.startInfo = { startPoint: { position: e.position.clone(), direction: e.direction }, plane: f }, this.hooks.emit("scaleStart"), this.render(), this.isDragging = !0, console.log("%c RectangleScaleController dragStart", "color: #e5af2e");
   }
-  dragging(e) {
+  dragging(s) {
     if (!this.isDragging)
       return;
-    const o = H(this.camera, e, this.container);
-    if (!o)
+    const e = H(this.camera, s, this.container);
+    if (!e)
       return this.dragEnd();
-    this.scale(o);
+    this.scale(e), console.log("%c RectangleScaleController dragging", "color: #49de1b");
   }
-  scale(e) {
-    var E, S;
+  scale(s) {
+    var S, x;
     if (!this.startInfo)
       return;
-    const o = this.originObject3D, { startPoint: f, plane: p } = this.startInfo, s = this.helperObject3D.cornerPositions;
-    if (s.length < 4)
+    const e = this.originObject3D, { startPoint: f, plane: p } = this.startInfo, o = this.helperObject3D.cornerPositions;
+    if (o.length < 4)
       return this.dragEnd();
-    const g = e.ray.intersectPlane(p, new n());
+    const g = s.ray.intersectPlane(p, new n());
     if (!g || T(g, this.camera.position))
       return;
-    const b = new n().addVectors(s[0], s[2]).divideScalar(2), { position: z, direction: R } = f, D = new n().subVectors(s[1], s[0]), j = new n().subVectors(s[3], s[0]), O = (r) => {
+    const u = new n().addVectors(o[0], o[2]).divideScalar(2), { position: k, direction: z } = f, j = new n().subVectors(o[1], o[0]), O = new n().subVectors(o[3], o[0]), V = (r) => {
       const i = new n(0, 0, 0);
       if (!this.startInfo)
         return i;
-      const t = (r === "ew" ? D : j).clone(), c = z.clone().projectOnVector(t), u = g.clone().projectOnVector(t), v = b.clone().projectOnVector(t);
-      if (u.equals(c))
+      const t = (r === "ew" ? j : O).clone(), c = k.clone().projectOnVector(t), b = g.clone().projectOnVector(t), E = u.clone().projectOnVector(t);
+      if (b.equals(c))
         return i;
       if (r === "ns" && typeof this.startInfo.dragPointInCenterBottom != "boolean") {
-        const l = new n().subVectors(u, v), m = l.x < 0 && t.x >= 0, w = l.y < 0 && t.y >= 0, P = l.z < 0 && t.z >= 0;
-        this.startInfo.dragPointInCenterBottom = m || w || P;
+        const l = new n().subVectors(b, E), w = l.x < 0 && t.x >= 0, P = l.y < 0 && t.y >= 0, I = l.z < 0 && t.z >= 0;
+        this.startInfo.dragPointInCenterBottom = w || P || I;
       }
       if (r === "ew" && typeof this.startInfo.dragPointInCenterLeft != "boolean") {
-        const l = new n().subVectors(u, v), m = l.x < 0 && t.x >= 0, w = l.y < 0 && t.y >= 0, P = l.z < 0 && t.z >= 0;
-        this.startInfo.dragPointInCenterLeft = m || w || P;
+        const l = new n().subVectors(b, E), w = l.x < 0 && t.x >= 0, P = l.y < 0 && t.y >= 0, I = l.z < 0 && t.z >= 0;
+        this.startInfo.dragPointInCenterLeft = w || P || I;
       }
-      const M = new n().subVectors(u, c), N = M.length();
-      return N > 0.2 ? (console.warn("offset.length() > 0.2, skipped", N), i) : M;
-    }, B = O("ew"), L = O("ns"), V = () => {
-      const r = B;
+      const v = new n().subVectors(b, c), M = v.length();
+      return M > 0.3 ? (console.warn("offset.length() > 0.3, skipped", M), i) : v;
+    }, R = V("ew"), B = V("ns"), y = () => {
+      const r = R;
       this.helperObject3D.cornerPositions.forEach((i, t) => {
         var c;
         (c = this.startInfo) != null && c.dragPointInCenterLeft ? (t === 0 || t === 3) && i.add(r) : (t === 1 || t === 2) && i.add(r);
       });
-    }, y = () => {
-      const r = L;
+    }, C = () => {
+      const r = B;
       this.helperObject3D.cornerPositions.forEach((i, t) => {
         var c;
         (c = this.startInfo) != null && c.dragPointInCenterBottom ? (t === 0 || t === 1) && i.add(r) : (t === 2 || t === 3) && i.add(r);
       });
     };
-    switch (R) {
+    switch (z) {
       case "ew":
-        V();
+        y();
         break;
       case "ns":
-        y();
+        C();
         break;
       case "nesw":
       case "nwse":
-        V(), y();
+        y(), C();
     }
-    const q = new n().subVectors(s[1], s[0]).length() / D.length(), F = new n().subVectors(s[3], s[0]).length() / j.length(), C = new n(q, F, 1);
-    console.log(C);
-    const x = new I.Matrix4().scale(C);
-    o.scale.applyMatrix4(x), f.position.copy(g);
-    const U = new n().addVectors(s[0], s[2]).divideScalar(2), W = new n().subVectors(U, b), d = new I.Matrix4().setPosition(W);
-    o.applyMatrix4(d), (E = this.helperObject3D.css3DInstance) == null || E.css3DObject.applyMatrix4(d), (S = this.helperObject3D.plane) == null || S.applyMatrix4(d), this.hooks.emit("scaleUpdate", { matrix4: x, helperOrigin: b }), this.hooks.emit("positionUpdate", { matrix4: d }), this.render();
+    const L = new n().subVectors(o[1], o[0]).length() / j.length(), q = new n().subVectors(o[3], o[0]).length() / O.length(), F = new n(L, q, 1), m = new D.Matrix4().scale(F);
+    e.isCSS3DObjectPlus ? e.applyScaleMatrix4(m) : e.scale.applyMatrix4(m), f.position.copy(g);
+    const U = new n().addVectors(o[0], o[2]).divideScalar(2), W = new n().subVectors(U, u), d = new D.Matrix4().setPosition(W);
+    e.applyMatrix4(d), (S = this.helperObject3D.css3DInstance) == null || S.css3DObject.applyMatrix4(d), (x = this.helperObject3D.plane) == null || x.applyMatrix4(d), this.hooks.emit("scaleUpdate", { matrix4: m, helperOrigin: u }), this.hooks.emit("positionUpdate", { matrix4: d }), this.render();
   }
   dragEnd() {
     !this.isDragging || (this.startInfo = void 0, this.isDragging = !1, this.hooks.emit("scaleEnd"), this.render(), console.log("%c RectangleScaleController dragEnd", "color: #e94e4e"));