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

package/libs/PanoTagPlugin/Components/Tag/ImageTextTag.js

@@ -1,4 +1,4 @@
-import { S as j, i as q, s as Y, a as A, r as R, c as h, f as d, t as c, d as D, g as w, j as y, o as $, e as z, b as C, m as k, h as N, B as E, C as F, k as v } from "../../../index.164f1850.js";
+import { S as j, i as q, s as Y, a as A, r as R, c as h, f as d, t as c, d as D, g as w, j as y, o as $, e as N, b as z, m as k, h as C, B as E, C as F, k as v } from "../../../index.164f1850.js";
 import G from "../../../shared-utils/uuid.js";
 import H from "../Common/Text.js";
 import J from "../Common/Line/Polyline.js";
@@ -13,18 +13,18 @@ import "../../../index.6a0eead1.js";
 import "../../utils/noTypecheck.js";
 import "../Common/MediaItem.js";
 import "../../Assets/Icon.js";
-function O(a) {
-  A(a, "svelte-1p8f9wy", ".line.svelte-1p8f9wy{position:absolute;width:6.5625rem;height:1.3125rem;transform:translateY(-100%);z-index:10}.text.svelte-1p8f9wy{position:absolute;width:6.25rem;left:1rem;bottom:0.0625rem;z-index:10;font-weight:600}.media-wrapper.svelte-1p8f9wy{position:absolute;left:0.875rem;top:-5.3125rem;width:5.625rem;height:3.75rem;z-index:10;font-weight:600}");
+function O(r) {
+  A(r, "svelte-1p8f9wy", ".line.svelte-1p8f9wy{position:absolute;width:6.5625rem;height:1.3125rem;transform:translateY(-100%);z-index:10}.text.svelte-1p8f9wy{position:absolute;width:6.25rem;left:1rem;bottom:0.0625rem;z-index:10;font-weight:600}.media-wrapper.svelte-1p8f9wy{position:absolute;left:0.875rem;top:-5.3125rem;width:5.625rem;height:3.75rem;z-index:10;font-weight:600}");
 }
-function T(a, l, i) {
-  const e = a.slice();
+function T(r, l, i) {
+  const e = r.slice();
   return e[8] = l[i].id, e[1] = l[i].content, e;
 }
-function B(a) {
-  let l, i, e, o, r, f = [], m = /* @__PURE__ */ new Map(), p, u, b;
+function B(r) {
+  let l, i, e, o, a, s = [], m = /* @__PURE__ */ new Map(), p, u, b;
   l = new L({
     props: {
-      visible: a[4],
+      visible: r[4],
       left: 61,
       bottom: 57,
       width: 2,
@@ -33,62 +33,62 @@ function B(a) {
     }
   }), o = new J({
     props: {
-      unfolded: a[4],
+      unfolded: r[4],
       duration: 1e3,
       outDelay: 400
     }
   });
-  let g = a[2];
+  let g = r[2];
   const I = (t) => t[8];
   for (let t = 0; t < g.length; t += 1) {
-    let n = T(a, g, t), _ = I(n);
-    m.set(_, f[t] = M(_, n));
+    let n = T(r, g, t), _ = I(n);
+    m.set(_, s[t] = M(_, n));
   }
-  let s = a[3] && P(a);
+  let f = r[3] && P(r);
   return {
     c() {
-      y(l.$$.fragment), i = $(), e = z("div"), y(o.$$.fragment), r = $();
-      for (let t = 0; t < f.length; t += 1)
-        f[t].c();
-      p = $(), s && s.c(), u = R(), C(e, "class", "line svelte-1p8f9wy");
+      y(l.$$.fragment), i = $(), e = N("div"), y(o.$$.fragment), a = $();
+      for (let t = 0; t < s.length; t += 1)
+        s[t].c();
+      p = $(), f && f.c(), u = R(), z(e, "class", "line svelte-1p8f9wy");
     },
     m(t, n) {
-      k(l, t, n), h(t, i, n), h(t, e, n), k(o, e, null), h(t, r, n);
-      for (let _ = 0; _ < f.length; _ += 1)
-        f[_].m(t, n);
-      h(t, p, n), s && s.m(t, n), h(t, u, n), b = !0;
+      k(l, t, n), h(t, i, n), h(t, e, n), k(o, e, null), h(t, a, n);
+      for (let _ = 0; _ < s.length; _ += 1)
+        s[_].m(t, n);
+      h(t, p, n), f && f.m(t, n), h(t, u, n), b = !0;
     },
     p(t, n) {
       const _ = {};
       n & 16 && (_.visible = t[4]), l.$set(_);
       const S = {};
-      n & 16 && (S.unfolded = t[4]), o.$set(S), n & 20 && (g = t[2], N(), f = E(f, n, I, 1, t, g, m, p.parentNode, F, M, p, T), D()), t[3] ? s ? (s.p(t, n), n & 8 && d(s, 1)) : (s = P(t), s.c(), d(s, 1), s.m(u.parentNode, u)) : s && (N(), c(s, 1, 1, () => {
-        s = null;
+      n & 16 && (S.unfolded = t[4]), o.$set(S), n & 20 && (g = t[2], C(), s = E(s, n, I, 1, t, g, m, p.parentNode, F, M, p, T), D()), t[3] ? f ? (f.p(t, n), n & 8 && d(f, 1)) : (f = P(t), f.c(), d(f, 1), f.m(u.parentNode, u)) : f && (C(), c(f, 1, 1, () => {
+        f = null;
       }), D());
     },
     i(t) {
       if (!b) {
         d(l.$$.fragment, t), d(o.$$.fragment, t);
         for (let n = 0; n < g.length; n += 1)
-          d(f[n]);
-        d(s), b = !0;
+          d(s[n]);
+        d(f), b = !0;
       }
     },
     o(t) {
       c(l.$$.fragment, t), c(o.$$.fragment, t);
-      for (let n = 0; n < f.length; n += 1)
-        c(f[n]);
-      c(s), b = !1;
+      for (let n = 0; n < s.length; n += 1)
+        c(s[n]);
+      c(f), b = !1;
     },
     d(t) {
-      v(l, t), t && w(i), t && w(e), v(o), t && w(r);
-      for (let n = 0; n < f.length; n += 1)
-        f[n].d(t);
-      t && w(p), s && s.d(t), t && w(u);
+      v(l, t), t && w(i), t && w(e), v(o), t && w(a);
+      for (let n = 0; n < s.length; n += 1)
+        s[n].d(t);
+      t && w(p), f && f.d(t), t && w(u);
     }
   };
 }
-function M(a, l) {
+function M(r, l) {
   let i, e, o;
   return e = new H({
     props: {
@@ -97,37 +97,38 @@ function M(a, l) {
       inDelay: 500
     }
   }), {
-    key: a,
+    key: r,
     first: null,
     c() {
-      i = z("div"), y(e.$$.fragment), C(i, "class", "text svelte-1p8f9wy"), this.first = i;
+      i = N("div"), y(e.$$.fragment), z(i, "class", "text svelte-1p8f9wy"), this.first = i;
     },
-    m(r, f) {
-      h(r, i, f), k(e, i, null), o = !0;
+    m(a, s) {
+      h(a, i, s), k(e, i, null), o = !0;
     },
-    p(r, f) {
-      l = r;
+    p(a, s) {
+      l = a;
       const m = {};
-      f & 16 && (m.unfolded = l[4]), f & 4 && (m.content = l[1]), e.$set(m);
+      s & 16 && (m.unfolded = l[4]), s & 4 && (m.content = l[1]), e.$set(m);
     },
-    i(r) {
-      o || (d(e.$$.fragment, r), o = !0);
+    i(a) {
+      o || (d(e.$$.fragment, a), o = !0);
     },
-    o(r) {
-      c(e.$$.fragment, r), o = !1;
+    o(a) {
+      c(e.$$.fragment, a), o = !1;
     },
-    d(r) {
-      r && w(i), v(e);
+    d(a) {
+      a && w(i), v(e);
     }
   };
 }
-function P(a) {
+function P(r) {
   let l, i, e;
   return i = new K({
     props: {
       autoplayConfig: { autoplay: !1 },
-      unfolded: a[4],
-      mediaData: a[3],
+      unfolded: r[4],
+      mediaData: r[3],
+      enableCarousel: !1,
       canPlay: !1,
       playButtonIfNeed: "small",
       inDelay: 500,
@@ -135,14 +136,14 @@ function P(a) {
     }
   }), {
     c() {
-      l = z("div"), y(i.$$.fragment), C(l, "class", "media-wrapper svelte-1p8f9wy");
+      l = N("div"), y(i.$$.fragment), z(l, "class", "media-wrapper svelte-1p8f9wy");
     },
-    m(o, r) {
-      h(o, l, r), k(i, l, null), e = !0;
+    m(o, a) {
+      h(o, l, a), k(i, l, null), e = !0;
     },
-    p(o, r) {
-      const f = {};
-      r & 16 && (f.unfolded = o[4]), r & 8 && (f.mediaData = o[3]), i.$set(f);
+    p(o, a) {
+      const s = {};
+      a & 16 && (s.unfolded = o[4]), a & 8 && (s.mediaData = o[3]), i.$set(s);
     },
     i(o) {
       e || (d(i.$$.fragment, o), e = !0);
@@ -155,17 +156,17 @@ function P(a) {
     }
   };
 }
-function Q(a) {
-  let l, i, e = a[0].state && B(a);
+function Q(r) {
+  let l, i, e = r[0].state && B(r);
   return {
     c() {
       e && e.c(), l = R();
     },
-    m(o, r) {
-      e && e.m(o, r), h(o, l, r), i = !0;
+    m(o, a) {
+      e && e.m(o, a), h(o, l, a), i = !0;
     },
-    p(o, [r]) {
-      o[0].state ? e ? (e.p(o, r), r & 1 && d(e, 1)) : (e = B(o), e.c(), d(e, 1), e.m(l.parentNode, l)) : e && (N(), c(e, 1, 1, () => {
+    p(o, [a]) {
+      o[0].state ? e ? (e.p(o, a), a & 1 && d(e, 1)) : (e = B(o), e.c(), d(e, 1), e.m(l.parentNode, l)) : e && (C(), c(e, 1, 1, () => {
         e = null;
       }), D());
     },
@@ -180,15 +181,15 @@ function Q(a) {
     }
   };
 }
-function U(a, l, i) {
-  let e, o, r;
-  var f, m, p;
+function U(r, l, i) {
+  let e, o, a;
+  var s, m, p;
   let { tag: u } = l, b;
-  return a.$$set = (g) => {
+  return r.$$set = (g) => {
     "tag" in g && i(0, u = g.tag);
-  }, a.$$.update = () => {
-    a.$$.dirty & 1 && i(4, e = u.state ? u.state.unfolded : !1), a.$$.dirty & 225 && i(1, o = (i(6, m = i(5, f = u.data.text) === null || f === void 0 ? void 0 : f.length) !== null && m !== void 0 ? m : 0) > 7 ? (i(7, p = u.data.text) === null || p === void 0 ? void 0 : p.substring(0, 6)) + "..." : u.data.text), a.$$.dirty & 1 && i(3, r = u.data.mediaData), a.$$.dirty & 2 && i(2, b = o ? [{ id: G(), content: o }] : []);
-  }, [u, o, b, r, e, f, m, p];
+  }, r.$$.update = () => {
+    r.$$.dirty & 1 && i(4, e = u.state ? u.state.unfolded : !1), r.$$.dirty & 225 && i(1, o = (i(6, m = i(5, s = u.data.text) === null || s === void 0 ? void 0 : s.length) !== null && m !== void 0 ? m : 0) > 7 ? (i(7, p = u.data.text) === null || p === void 0 ? void 0 : p.substring(0, 6)) + "..." : u.data.text), r.$$.dirty & 1 && i(3, a = u.data.mediaData), r.$$.dirty & 2 && i(2, b = o ? [{ id: G(), content: o }] : []);
+  }, [u, o, b, a, e, s, m, p];
 }
 class ue extends j {
   constructor(l) {

package/libs/PanoTagPlugin/controller/index.js

@@ -59,7 +59,7 @@ import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
-const b = "1.2.1", g = `DnalogelPlugin-PanoTagPlugin@${b}`, O = !1, ze = (h) => `${g}--${h}`;
+const b = "1.2.2", g = `DnalogelPlugin-PanoTagPlugin@${b}`, O = !1, ze = (h) => `${g}--${h}`;
 class je extends S {
   constructor(e, t) {
     super(e);

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"));