@realsee/dnalogel 3.71.4 → 3.71.5-alpha.0

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

@@ -1,15 +1,16 @@
-var E = Object.defineProperty;
-var F = (f, p, e) => p in f ? E(f, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[p] = e;
-var g = (f, p, e) => (F(f, typeof p != "symbol" ? p + "" : p, e), e);
-import { BaseController as w } from "../Base/BaseController.js";
-import { RENDER_ORDER as D } from "../Constants/RenderOrder.js";
-import * as a from "three";
-import { getMouseRaycaster as G } from "../utils/getMouseRaycaster.js";
-import { SolidGuideLine as S } from "../utils/solidGuide.js";
-import { rayOnLine as y } from "../../../Sculpt/utils/three/rayOnLine.js";
-import { worldBoundingBox as O } from "../../three/boundingBox.js";
-var j, P;
-class B extends w {
+var A = Object.defineProperty;
+var k = (v, m, e) => m in v ? A(v, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[m] = e;
+var g = (v, m, e) => (k(v, typeof m != "symbol" ? m + "" : m, e), e);
+import { BaseController as C } from "../Base/BaseController.js";
+import { RENDER_ORDER as w } from "../Constants/RenderOrder.js";
+import * as c from "three";
+import { getMouseRaycaster as H } from "../utils/getMouseRaycaster.js";
+import { SolidGuideLine as I } from "../utils/solidGuide.js";
+import { rayOnLine as x } from "../../../Sculpt/utils/three/rayOnLine.js";
+import { worldBoundingBox as F } from "../../three/boundingBox.js";
+import { getNormal as z } from "../../three/getNormal.js";
+var S, W;
+class Y extends C {
   constructor(...e) {
     super(...e);
     g(this, "name", "ScaleController");
@@ -17,7 +18,7 @@ class B extends w {
     g(this, "dragGuideLine");
     /** 当前拖拽时显示的面片 */
     g(this, "currentFacePatch");
-    g(this, "solidGuide", new S(this.camera, this.container, (P = (j = this.config) == null ? void 0 : j.solidGuide) != null ? P : {}));
+    g(this, "solidGuide", new I(this.camera, this.container, (W = (S = this.config) == null ? void 0 : S.solidGuide) != null ? W : {}));
     g(this, "startInfo");
     g(this, "dragStart", (e) => {
       if (this.isDragging)
@@ -27,22 +28,22 @@ class B extends w {
       let i = t.object;
       for (; i.parent && !r.has(i.uuid); )
         i = i.parent;
-      const o = i, n = o.scalePosition.basePosition.clone(), c = o.scalePosition.handlePosition.clone(), l = c.clone().sub(n).clone(), h = new a.Line3(n, n.clone().add(l.normalize().multiplyScalar(5)));
-      h.applyMatrix4(this.helperObject3D.matrixWorld);
-      const d = new a.Raycaster(s, t.point.clone().sub(s)), m = y({ raycaster: d, line: h });
-      this.startInfo = { line: h, scaleStartPoint: m, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
+      const o = i, n = o.scalePosition.basePosition.clone(), h = o.scalePosition.handlePosition.clone(), l = h.clone().sub(n).clone(), a = new c.Line3(n, n.clone().add(l.normalize().multiplyScalar(5)));
+      a.applyMatrix4(this.helperObject3D.matrixWorld);
+      const d = new c.Raycaster(s, t.point.clone().sub(s)), p = x({ raycaster: d, line: a });
+      this.startInfo = { line: a, scaleStartPoint: p, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
         u.uuid !== o.uuid && (u.visible = !1);
       }), "hideLineConnections" in this.helperObject3D && typeof this.helperObject3D.hideLineConnections == "function" && this.helperObject3D.hideLineConnections();
       try {
         this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-        const u = O(this.originObject3D), v = u ? u.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), L = c.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(v).normalize(), M = v, b = this.solidGuide.createSolidLine(M, L, { color: 16777215, renderOrder: D.DRAG_GUIDE_LINE });
-        this.scene.add(b), this.dragGuideLine = b, this.addFaceMesh();
+        const u = F(this.originObject3D), f = u ? u.getCenter(new c.Vector3()) : this.originObject3D.getWorldPosition(new c.Vector3()), b = h.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(f).normalize(), y = f, D = this.solidGuide.createSolidLine(y, b, { color: 16777215, renderOrder: w.DRAG_GUIDE_LINE });
+        this.isRectangleWithEdgeMesh() || this.scene.add(D), this.dragGuideLine = D, this.addFaceMesh();
       } catch (u) {
       }
       o.visible = !0, this.hooks.emit("scaleStart");
     });
     g(this, "dragging", (e) => {
-      const t = "touches" in e ? e.touches[0].clientX : e.x, s = "touches" in e ? e.touches[0].clientY : e.y, r = G(this.camera, { x: t, y: s }, this.container), i = this.isMoveControllerDragging();
+      const t = "touches" in e ? e.touches[0].clientX : e.x, s = "touches" in e ? e.touches[0].clientY : e.y, r = H(this.camera, { x: t, y: s }, this.container), i = this.isMoveControllerDragging();
       if (!this.isDragging && !i && r) {
         this.addHoverFaceMesh(r);
         return;
@@ -50,16 +51,41 @@ class B extends w {
       if (this.startInfo)
         return r ? (this.scale(r), this.updateDragGuideLineDirection(), this.removeFaceMesh(), this.addFaceMesh(), !1) : this.dragEnd();
     });
+    g(this, "isRectangleWithEdgeMesh", () => this.originObject3D.name === "RectangleWithEdgeMesh" && ["topleft", "topright", "bottomleft", "bottomright"].includes(this.startInfo.draggingObject.scalePosition.id));
     g(this, "scale", (e) => {
-      var n, c;
+      var n, h, l, a;
       if (!this.startInfo)
         return;
-      const { line: t, scaleStartPoint: s, draggingObject: r } = this.startInfo, { scalePosition: i } = r, o = y({ raycaster: e, line: t, clampToLine: !1 });
-      o.applyMatrix4(new a.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (c = (n = this.config) == null ? void 0 : n.scaleCallback) == null || c.call(n, {
+      const { line: t, scaleStartPoint: s, draggingObject: r } = this.startInfo, { scalePosition: i } = r;
+      if (this.isRectangleWithEdgeMesh()) {
+        const d = this.originObject3D, u = d.geometry.attributes.position;
+        if (!u)
+          return [];
+        const f = [], P = u.count;
+        for (let M = 0; M < P; M++) {
+          const L = new c.Vector3().fromBufferAttribute(u, M);
+          d.updateMatrixWorld(!0), L.applyMatrix4(d.matrixWorld), f.push(L);
+        }
+        const b = f.slice(0, 4);
+        if (!b || b.length < 4)
+          return;
+        const y = z(b).normalize(), D = new c.Plane().setFromNormalAndCoplanarPoint(y, b[0]), O = new c.Vector3();
+        if (e.ray.intersectPlane(D, O), !O)
+          return;
+        const E = new c.Matrix4().getInverse(this.helperObject3D.matrixWorld), j = O.clone().applyMatrix4(E), G = s.clone().applyMatrix4(E);
+        (h = (n = this.config) == null ? void 0 : n.scaleCallback) == null || h.call(n, {
+          intersectPoint: j,
+          scalePosition: i,
+          offset: j.clone().sub(G)
+        }), r.position.copy(j), this.hooks.emit("scale", new c.Vector3(1, 1, 1));
+        return;
+      }
+      const o = x({ raycaster: e, line: t, clampToLine: !1 });
+      o.applyMatrix4(new c.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (a = (l = this.config) == null ? void 0 : l.scaleCallback) == null || a.call(l, {
         intersectPoint: o,
         scalePosition: i,
         offset: o.clone().sub(s)
-      }), r.position.copy(o.clone()), this.hooks.emit("scale", new a.Vector3(1, 1, 1));
+      }), r.position.copy(o.clone()), this.hooks.emit("scale", new c.Vector3(1, 1, 1));
     });
     g(this, "dragEnd", () => {
       if (this.isDragging) {
@@ -99,33 +125,33 @@ class B extends w {
     return e;
   }
   addHoverFaceMesh(e) {
-    var n, c;
+    var n, h;
     if (this.removeFaceMesh(), !((n = this.originObject3D.parent) != null && n.getWorldFacesGeometry))
       return;
-    const t = (c = this.originObject3D.parent) == null ? void 0 : c.getWorldFacesGeometry(), s = this.helperObject3D.scaleMeshes, r = this.getMoveMeshes();
+    const t = (h = this.originObject3D.parent) == null ? void 0 : h.getWorldFacesGeometry(), s = this.helperObject3D.scaleMeshes, r = this.getMoveMeshes();
     if (e.intersectObjects(r, !1), e.intersectObjects(r, !1).length > 0)
       return;
     let i = null, o = null;
     for (const l of s) {
       if (!l.visible)
         continue;
-      const h = e.intersectObject(l, !1);
-      if (h && h.length > 0) {
-        i = l, o = h[0].point.clone();
+      const a = e.intersectObject(l, !1);
+      if (a && a.length > 0) {
+        i = l, o = a[0].point.clone();
         break;
       }
     }
     if (i && o && Array.isArray(t) && t.length > 0) {
-      let l = null, h = 1 / 0;
+      let l = null, a = 1 / 0;
       for (const d of t) {
         if (!d.vertices || d.vertices.length < 3)
           continue;
-        const m = new a.Vector3();
-        for (const v of d.vertices)
-          m.add(v);
-        m.divideScalar(d.vertices.length);
-        const u = o.distanceTo(m);
-        u < h && (h = u, l = d);
+        const p = new c.Vector3();
+        for (const f of d.vertices)
+          p.add(f);
+        p.divideScalar(d.vertices.length);
+        const u = o.distanceTo(p);
+        u < a && (a = u, l = d);
       }
       l && this.addFacePatch(l);
     }
@@ -137,21 +163,21 @@ class B extends w {
       return;
     const t = (i = this.originObject3D.parent) == null ? void 0 : i.getWorldFacesGeometry();
     if (t && t.length > 0) {
-      const o = e.getWorldPosition(new a.Vector3());
-      let n = 1 / 0, c = t[0];
+      const o = e.getWorldPosition(new c.Vector3());
+      let n = 1 / 0, h = t[0];
       for (const l of t) {
-        const h = l.center;
+        const a = l.center;
         let d;
-        if (h instanceof a.Vector3)
-          d = h;
-        else if (Array.isArray(h) && h.length === 3)
-          d = new a.Vector3(h[0], h[1], h[2]);
+        if (a instanceof c.Vector3)
+          d = a;
+        else if (Array.isArray(a) && a.length === 3)
+          d = new c.Vector3(a[0], a[1], a[2]);
         else
           continue;
-        const m = d.distanceTo(o);
-        m < n && (n = m, c = l);
+        const p = d.distanceTo(o);
+        p < n && (n = p, h = l);
       }
-      this.addFacePatch(c);
+      this.addFacePatch(h);
     }
   }
   removeFaceMesh() {
@@ -162,10 +188,10 @@ class B extends w {
     }
   }
   setScale(e) {
-    var n, c, l;
+    var n, h, l;
     let t = 1, s = 1, r = 1;
-    typeof e == "number" ? (t = e, s = e, r = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, s = (c = e.y) != null ? c : 1, r = (l = e.z) != null ? l : 1);
-    const i = new a.Vector3(t, s, r);
+    typeof e == "number" ? (t = e, s = e, r = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, s = (h = e.y) != null ? h : 1, r = (l = e.z) != null ? l : 1);
+    const i = new c.Vector3(t, s, r);
     this.hooks.emit("wantToScale", i) || (this.originObject3D.scale.copy(i), this.internalHooks.emit("setObjectScale", i), this.hooks.emit("scale", i), this.render());
   }
   /**
@@ -176,7 +202,7 @@ class B extends w {
       return;
     const { draggingObject: e } = this.startInfo;
     this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-    const t = O(this.originObject3D), s = t ? t.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), i = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(s).normalize(), o = s;
+    const t = F(this.originObject3D), s = t ? t.getCenter(new c.Vector3()) : this.originObject3D.getWorldPosition(new c.Vector3()), i = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(s).normalize(), o = s;
     this.solidGuide.updateSolidLine(this.dragGuideLine, o, i);
   }
   /**
@@ -208,7 +234,7 @@ class B extends w {
       console.warn("Face has no vertices, cannot create patch");
       return;
     }
-    const t = new a.BufferGeometry();
+    const t = new c.BufferGeometry();
     if (e.vertices.length === 4) {
       const i = new Float32Array([
         // 第一个三角形
@@ -232,27 +258,27 @@ class B extends w {
         e.vertices[3].y,
         e.vertices[3].z
       ]);
-      t.setAttribute("position", new a.BufferAttribute(i, 3)), t.setIndex([0, 1, 2, 3, 4, 5]);
+      t.setAttribute("position", new c.BufferAttribute(i, 3)), t.setIndex([0, 1, 2, 3, 4, 5]);
     } else {
       const i = new Float32Array(e.vertices.length * 3), o = new Uint16Array(e.vertices.length);
-      e.vertices.forEach((n, c) => {
-        i[c * 3] = n.x, i[c * 3 + 1] = n.y, i[c * 3 + 2] = n.z, o[c] = c;
-      }), t.setAttribute("position", new a.BufferAttribute(i, 3)), t.setIndex(new a.BufferAttribute(o, 1));
+      e.vertices.forEach((n, h) => {
+        i[h * 3] = n.x, i[h * 3 + 1] = n.y, i[h * 3 + 2] = n.z, o[h] = h;
+      }), t.setAttribute("position", new c.BufferAttribute(i, 3)), t.setIndex(new c.BufferAttribute(o, 1));
     }
     t.computeVertexNormals();
-    const s = new a.MeshBasicMaterial({
+    const s = new c.MeshBasicMaterial({
       color: 16777215,
-      side: a.DoubleSide,
+      side: c.DoubleSide,
       depthTest: !1,
       // 禁用深度测试，避免被其他对象遮挡
       depthWrite: !1,
       // 禁用深度写入
       transparent: !0,
       opacity: 0.45
-    }), r = new a.Mesh(t, s);
-    return r.renderOrder = D.DRAG_FACE_PATCH, this.scene.add(r), this.currentFacePatch = r, this.render(), r;
+    }), r = new c.Mesh(t, s);
+    return r.renderOrder = w.DRAG_FACE_PATCH, this.scene.add(r), this.currentFacePatch = r, this.render(), r;
   }
 }
 export {
-  B as ScaleController
+  Y as ScaleController
 };

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

@@ -16,6 +16,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
     private scene;
     private container;
     private enabled;
+    private initialScale?;
     constructor(originObject3D: T, container: HTMLElement, camera: THREE.Camera, scene: THREE.Scene);
     initQuaternion(): void;
     applyMatrix4(matrix: THREE.Matrix4): void;
@@ -34,6 +35,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
      * 触发相机更新事件
      */
     onScaleEnd(): void;
+    private updateSphereCorrection;
     private initRectangleScaleHelper;
     private getCornerPositions;
     private calculatePointPosition;

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

@@ -1,28 +1,30 @@
 var D = Object.defineProperty;
-var b = (c, n, e) => n in c ? D(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
-var i = (c, n, e) => (b(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { CSS3DRender as f } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import * as l from "three";
+var b = (o, a, e) => a in o ? D(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
+var i = (o, a, e) => (b(o, typeof a != "symbol" ? a + "" : a, e), e);
+import { CSS3DRender as S } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import * as r from "three";
 import { RectangleScaleHelperAbstract as u } from "../Base/BaseHelper.js";
 import "../utils/getOrthographicCameraDirection.js";
-import { rectangleScaleDom as m } from "./HTML/rectangleScaleDom.js";
-import { cameraHooks as y } from "../utils/cameraHooks.js";
+import { rectangleScaleDom as y } from "./HTML/rectangleScaleDom.js";
+import { cameraHooks as f } from "../utils/cameraHooks.js";
 import "../../three/core/Sphere.js";
-class w extends u {
+class H extends u {
+  // 记录初始缩放值
   // eslint-disable-next-line max-params
-  constructor(e, t, s, o) {
+  constructor(e, t, s, n) {
     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 S());
     i(this, "camera");
     i(this, "scene");
     i(this, "container");
     i(this, "enabled", !1);
-    this.camera = s, this.scene = o, this.container = t, this.initRectangleScaleHelper();
+    i(this, "initialScale");
+    this.camera = s, this.scene = n, this.container = t, this.initRectangleScaleHelper();
   }
   get helperObject() {
     var e;
@@ -41,7 +43,9 @@ class w extends u {
   }
   applyHelperScaleMatrix4(e, t) {
     var s;
-    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e);
+    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e), setTimeout(() => {
+      this.updateSphereCorrection();
+    }, 0);
   }
   updatePoints() {
     const e = this.calculatePointPosition(this.cornerPositions);
@@ -54,19 +58,19 @@ class w extends u {
     (t = this.css3DInstance) != null && t.css3DObject && this.helperObject.position.copy(this.originObject3D.position), this.plane && this.plane.position.copy(this.originObject3D.position), this.updatePoints(), this.css3DInstance && this.css3DInstance.show(), this.plane && (this.plane.visible = !0);
   }
   applyHelperQuaternion(e, t) {
-    var o;
-    const s = (o = this.css3DInstance) == null ? void 0 : o.css3DObject;
+    var n;
+    const s = (n = this.css3DInstance) == null ? void 0 : n.css3DObject;
     if (s) {
-      const a = new l.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
-      s.position.copy(a), s.applyQuaternion(e);
+      const c = new r.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
+      s.position.copy(c), s.applyQuaternion(e);
     }
     if (this.plane) {
-      const a = new l.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
-      this.plane.position.copy(a), this.plane.applyQuaternion(e);
+      const c = new r.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
+      this.plane.position.copy(c), this.plane.applyQuaternion(e);
     }
-    this.cornerPositions.forEach((a) => {
-      const p = new l.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
-      a.copy(p);
+    this.cornerPositions.forEach((c) => {
+      const l = new r.Vector3().subVectors(c, t).applyQuaternion(e).add(t);
+      c.copy(l);
     });
   }
   enable() {
@@ -93,10 +97,20 @@ class w extends u {
    * 触发相机更新事件
    */
   onScaleEnd() {
-    y(this.camera).emit("cameraUpdate");
+    f(this.camera).emit("cameraUpdate");
+  }
+  updateSphereCorrection() {
+    if (!this.css3DInstance)
+      return;
+    this.initialScale || (this.initialScale = {
+      x: this.originObject3D.scale.x,
+      y: this.originObject3D.scale.y
+    });
+    const e = this.originObject3D.scale, t = e.x / this.initialScale.x, s = e.y / this.initialScale.y, n = this.css3DInstance.css3DObject.container;
+    n.style.setProperty("--parent-scaleX", t.toString()), n.style.setProperty("--parent-scaleY", s.toString());
   }
   initRectangleScaleHelper() {
-    var p, r;
+    var l, p;
     const e = this.getCornerPositions();
     if (!e)
       return;
@@ -105,12 +119,12 @@ class w extends u {
     if (!t)
       return;
     this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: o, spheres: a } = m();
-    this.points = a.map((h, d) => ({
+    const s = t.css3DObject.container, { container: n, spheres: c } = y();
+    this.points = c.map((h, d) => ({
       direction: h.direction,
       point: h.element,
       position: this.calculatePointPosition(e)[d]
-    })), s.insertBefore(o, (p = s.children[0]) != null ? p : null), this.helperObject.position.copy(this.originObject3D.position), (r = this.plane) == null || r.position.copy(this.originObject3D.position);
+    })), s.insertBefore(n, (l = s.children[0]) != null ? l : null), this.helperObject.position.copy(this.originObject3D.position), (p = this.plane) == null || p.position.copy(this.originObject3D.position);
   }
   getCornerPositions() {
     const { originObject3D: e } = this;
@@ -132,5 +146,5 @@ class w extends u {
   }
 }
 export {
-  w as CSS3DScaleHelper
+  H as CSS3DScaleHelper
 };

package/libs/shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js

@@ -1,16 +1,16 @@
 var f = Object.defineProperty;
 var u = Object.getOwnPropertySymbols;
 var x = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var w = (t, e, r) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, b = (t, e) => {
+var b = (t, e, r) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, w = (t, e) => {
   for (var r in e || (e = {}))
-    x.call(e, r) && w(t, r, e[r]);
+    x.call(e, r) && b(t, r, e[r]);
   if (u)
     for (var r of u(e))
-      z.call(e, r) && w(t, r, e[r]);
+      z.call(e, r) && b(t, r, e[r]);
   return t;
 };
 import { createElement as s } from "./utils/createElement.js";
-function v() {
+function D() {
   const t = s({
     width: "100%",
     height: "100%",
@@ -38,25 +38,26 @@ function v() {
     border: "1px solid rgba(255,255,255,0.4)"
   });
   t.appendChild(e), e.appendChild(r);
-  const n = "-4px", i = { direction: "nesw", element: o({ cursor: "nesw-resize", left: n, bottom: n }) }, p = { direction: "ns", element: o({ cursor: "ns-resize", bottom: n }) }, c = { direction: "nwse", element: o({ cursor: "nwse-resize", right: n, bottom: n }) }, h = { direction: "ew", element: o({ cursor: "ew-resize", right: n }) }, a = { direction: "nesw", element: o({ cursor: "nesw-resize", right: n, top: n }) }, d = { direction: "ns", element: o({ cursor: "ns-resize", top: n }) }, l = { direction: "nwse", element: o({ cursor: "nwse-resize", left: n, top: n }) }, g = { direction: "ew", element: o({ cursor: "ew-resize", left: n }) };
-  return new Array(p, h, d, g, i, c, a, l).forEach((m) => e.appendChild(m.element)), { container: t, spheres: [
+  const n = "-4px", i = { direction: "nesw", element: o({ cursor: "nesw-resize", left: n, bottom: n }) }, p = { direction: "ns", element: o({ cursor: "ns-resize", bottom: n }) }, c = { direction: "nwse", element: o({ cursor: "nwse-resize", right: n, bottom: n }) }, h = { direction: "ew", element: o({ cursor: "ew-resize", right: n }) }, d = { direction: "nesw", element: o({ cursor: "nesw-resize", right: n, top: n }) }, a = { direction: "ns", element: o({ cursor: "ns-resize", top: n }) }, l = { direction: "nwse", element: o({ cursor: "nwse-resize", left: n, top: n }) }, g = { direction: "ew", element: o({ cursor: "ew-resize", left: n }) };
+  return new Array(p, h, a, g, i, c, d, l).forEach((m) => e.appendChild(m.element)), { container: t, spheres: [
     i,
     p,
     c,
     h,
-    a,
     d,
+    a,
     l,
     g
   ] };
 }
 function o(t) {
-  const e = s(b({
-    background: "#FFFFFF",
+  const e = s(w({
+    background: "#FFFF00",
     width: "9px",
     height: "9px",
     position: "absolute",
-    pointerEvents: "none"
+    pointerEvents: "none",
+    borderRadius: "50%"
   }, t)), r = s({
     width: "15px",
     height: "15px",
@@ -76,5 +77,5 @@ function o(t) {
   return n.draggable = !0, r.appendChild(n), e.appendChild(r), e;
 }
 export {
-  v as rectangleScaleDom
+  D as rectangleScaleDom
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.71.4",
+    "%c %c@realsee/dnalogel %cv3.71.5-alpha.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

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