microboard-temp 0.12.4 → 0.12.5

package/dist/cjs/browser.js

@@ -54310,7 +54310,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54345,13 +54345,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -54359,16 +54364,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -54380,22 +54384,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -54437,14 +54447,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/cjs/index.js

@@ -54310,7 +54310,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54345,13 +54345,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -54359,16 +54364,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -54380,22 +54384,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -54437,14 +54447,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/cjs/node.js

@@ -56783,7 +56783,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -56818,13 +56818,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -56832,16 +56837,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -56853,22 +56857,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -56910,14 +56920,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/esm/browser.js

@@ -54139,7 +54139,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54174,13 +54174,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -54188,16 +54193,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -54209,22 +54213,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -54266,14 +54276,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/esm/index.js

@@ -54132,7 +54132,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54167,13 +54167,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -54181,16 +54186,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -54202,22 +54206,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -54259,14 +54269,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/esm/node.js

@@ -56600,7 +56600,7 @@ class GravityEngine {
   G = 80;
   G_CENTER = 120;
   DAMPING = 0.92;
-  REPULSION = 60000;
+  REPULSION = 800;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -56635,13 +56635,18 @@ class GravityEngine {
     const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length < 1)
       return;
-    const snapshot = items.map((item) => {
+    const snap = items.map((item, idx) => {
       const pos = item.transformation.getTranslation();
       const mbr = item.getMbr();
       const w = Math.max(mbr.getWidth(), 1);
       const h2 = Math.max(mbr.getHeight(), 1);
       return {
+        idx,
         id: item.getId(),
+        left: pos.x,
+        top: pos.y,
+        right: pos.x + w,
+        bottom: pos.y + h2,
         cx: pos.x + w * 0.5,
         cy: pos.y + h2 * 0.5,
         w,
@@ -56649,16 +56654,15 @@ class GravityEngine {
         mass: w * h2
       };
     });
-    let sumX = 0;
-    let sumY = 0;
-    for (const s2 of snapshot) {
+    let sumX = 0, sumY = 0;
+    for (const s2 of snap) {
       sumX += s2.cx;
       sumY += s2.cy;
     }
-    const centerX = sumX / snapshot.length;
-    const centerY = sumY / snapshot.length;
-    for (let i = 0;i < snapshot.length; i++) {
-      const s1 = snapshot[i];
+    const centerX = sumX / snap.length;
+    const centerY = sumY / snap.length;
+    for (let i = 0;i < snap.length; i++) {
+      const s1 = snap[i];
       if (!this.velocities.has(s1.id)) {
         this.velocities.set(s1.id, { vx: 0, vy: 0 });
       }
@@ -56670,22 +56674,28 @@ class GravityEngine {
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
       ax += this.G_CENTER * dcx / distCenter;
       ay += this.G_CENTER * dcy / distCenter;
-      for (let j = 0;j < snapshot.length; j++) {
+      for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
-        const s2 = snapshot[j];
+        const s2 = snap[j];
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
-        const distSq = dx * dx + dy * dy;
-        const dist = Math.sqrt(distSq) + 0.001;
+        const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
         if (dist > this.MAX_DISTANCE)
           continue;
-        const minDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
-        if (dist < minDist) {
-          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
-          ax -= repAcc * dx / dist;
-          ay -= repAcc * dy / dist;
+        const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
+        if (overlapping) {
+          const overlapX = Math.min(s1.right, s2.right) - Math.max(s1.left, s2.left);
+          const overlapY = Math.min(s1.bottom, s2.bottom) - Math.max(s1.top, s2.top);
+          if (overlapX < overlapY) {
+            const sign = s1.cx < s2.cx ? -1 : 1;
+            ax += sign * this.REPULSION * overlapX;
+          } else {
+            const sign = s1.cy < s2.cy ? -1 : 1;
+            ay += sign * this.REPULSION * overlapY;
+          }
         } else {
+          const distSq = dx * dx + dy * dy;
           const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
@@ -56727,14 +56737,7 @@ class GravityEngine {
       method: "applyMatrix",
       items: movedItems.map(({ id, dx, dy }) => ({
         id,
-        matrix: {
-          translateX: dx,
-          translateY: dy,
-          scaleX: 1,
-          scaleY: 1,
-          shearX: 0,
-          shearY: 0
-        }
+        matrix: { translateX: dx, translateY: dy, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
       }))
     };
     this.board.events.emit(operation);

package/dist/types/Gravity/GravityEngine.d.ts

@@ -8,7 +8,7 @@ export declare class GravityEngine {
     readonly G = 80;
     readonly G_CENTER = 120;
     readonly DAMPING = 0.92;
-    readonly REPULSION = 60000;
+    readonly REPULSION = 800;
     readonly TICK_MS = 33;
     readonly SYNC_MS = 300;
     readonly MAX_DISTANCE = 3000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.12.4",
+  "version": "0.12.5",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",