microboard-temp 0.12.1 → 0.12.2

package/dist/cjs/browser.js

@@ -19367,13 +19367,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -22200,7 +22205,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22423,18 +22427,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -36538,6 +36531,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40062,6 +40060,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40594,6 +40597,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -41121,15 +41129,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -54297,14 +54296,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54336,9 +54339,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -54347,30 +54359,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -54380,7 +54407,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

package/dist/cjs/index.js

@@ -19367,13 +19367,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -22200,7 +22205,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22423,18 +22427,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -36538,6 +36531,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40062,6 +40060,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40594,6 +40597,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -41121,15 +41129,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -54297,14 +54296,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54336,9 +54339,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -54347,30 +54359,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -54380,7 +54407,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

package/dist/cjs/node.js

@@ -21906,13 +21906,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -24672,7 +24677,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -24895,18 +24899,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -39011,6 +39004,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -42535,6 +42533,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -43067,6 +43070,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -43594,15 +43602,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -56770,14 +56769,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -56809,9 +56812,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -56820,30 +56832,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -56853,7 +56880,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

package/dist/esm/browser.js

@@ -19196,13 +19196,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -22029,7 +22034,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22252,18 +22256,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -36367,6 +36360,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -39891,6 +39889,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40423,6 +40426,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40950,15 +40958,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -54126,14 +54125,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54165,9 +54168,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -54176,30 +54188,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -54209,7 +54236,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

package/dist/esm/index.js

@@ -19189,13 +19189,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -22022,7 +22027,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22245,18 +22249,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -36360,6 +36353,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -39884,6 +39882,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40416,6 +40419,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -40943,15 +40951,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -54119,14 +54118,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -54158,9 +54161,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -54169,30 +54181,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -54202,7 +54229,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

package/dist/esm/node.js

@@ -21723,13 +21723,18 @@ class Comment {
       userId
     });
   }
+  _syncing = false;
   transform() {
+    if (this._syncing)
+      return;
+    this._syncing = true;
     const { translateX, translateY } = this.transformation.getMatrixData();
     if (translateX && translateY) {
       this.anchor = new Point(translateX, translateY);
     } else {
       this.transformation.setLocal(this.anchor.x, this.anchor.y);
     }
+    this._syncing = false;
   }
   getUnreadMessages(userId = ANONYMOUS_ID) {
     const unreadMessages = this.thread.filter((mes) => mes && !mes.readers.includes(userId));
@@ -24489,7 +24494,6 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
-  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -24712,18 +24716,7 @@ class RichText extends BaseItem {
       top = container.top;
     }
     const point3 = new Point(left, top);
-    if (this.worldMatrixGetter) {
-      this.worldMatrixGetter().apply(point3);
-    } else if (this.isInShape) {
-      const item = this.board.items.getById(this.id);
-      if (item) {
-        item.getParentWorldMatrix().apply(point3);
-      } else {
-        this.getParentWorldMatrix().apply(point3);
-      }
-    } else {
-      this.getParentWorldMatrix().apply(point3);
-    }
+    this.getParentWorldMatrix().apply(point3);
     return {
       point: point3,
       width,
@@ -38828,6 +38821,11 @@ class AINode extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -42352,6 +42350,11 @@ class Shape extends BaseItem {
     this.linkTo.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -42884,6 +42887,11 @@ class Sticker extends BaseItem {
     this.transformation.setId(id);
     return this;
   }
+  onParentChanged(newParent) {
+    if (this.text) {
+      this.text.parent = newParent;
+    }
+  }
   getId() {
     return this.id;
   }
@@ -43411,15 +43419,6 @@ class Frame2 extends BaseItem {
       y: translateY
     }, timeStamp);
     const newMatrix = this.transformation.toMatrix();
-    if (newMatrix.translateX !== oldMatrix.translateX || newMatrix.translateY !== oldMatrix.translateY) {
-      const dx = newMatrix.translateX - oldMatrix.translateX;
-      const dy = newMatrix.translateY - oldMatrix.translateY;
-      this.index?.list().forEach((child) => {
-        if (child instanceof BaseItem) {
-          child.transformation.translateBy(-dx, -dy, timeStamp);
-        }
-      });
-    }
     this.setLastFrameScale();
     res.mbr = this.getMbr();
     return res;
@@ -56587,14 +56586,18 @@ class BoardSelection {
   }
 }
 // src/Gravity/GravityEngine.ts
+var EXCLUDED_ITEM_TYPES = new Set(["Comment", "Connector"]);
+
 class GravityEngine {
   board;
   velocities = new Map;
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 500;
-  DAMPING = 0.98;
+  G = 80;
+  G_CENTER = 120;
+  DAMPING = 0.92;
+  REPULSION = 60000;
   TICK_MS = 33;
   SYNC_MS = 300;
   MAX_DISTANCE = 3000;
@@ -56626,9 +56629,18 @@ class GravityEngine {
   }
   tick() {
     const dt = this.TICK_MS / 1000;
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
-    if (items.length < 2)
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
+    if (items.length < 1)
       return;
+    let sumX = 0;
+    let sumY = 0;
+    for (const item of items) {
+      const pos = item.transformation.getTranslation();
+      sumX += pos.x;
+      sumY += pos.y;
+    }
+    const centerX = sumX / items.length;
+    const centerY = sumY / items.length;
     for (const item of items) {
       const id = item.getId();
       if (!this.velocities.has(id)) {
@@ -56637,30 +56649,45 @@ class GravityEngine {
       const vel = this.velocities.get(id);
       const pos1 = item.transformation.getTranslation();
       const mbr1 = item.getMbr();
-      const mass1 = mbr1.getWidth() * mbr1.getHeight();
-      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id);
+      const w1 = mbr1.getWidth();
+      const h1 = mbr1.getHeight();
       let ax = 0;
       let ay = 0;
+      const dcx = centerX - pos1.x;
+      const dcy = centerY - pos1.y;
+      const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
+      ax += this.G_CENTER * dcx / distCenter;
+      ay += this.G_CENTER * dcy / distCenter;
+      const nearby = this.board.items.getEnclosedOrCrossed(pos1.x - this.MAX_DISTANCE, pos1.y - this.MAX_DISTANCE, pos1.x + this.MAX_DISTANCE * 2, pos1.y + this.MAX_DISTANCE * 2).filter((other) => other.getId() !== id && !EXCLUDED_ITEM_TYPES.has(other.itemType));
       for (const other of nearby) {
         const pos2 = other.transformation.getTranslation();
         const mbr2 = other.getMbr();
-        const mass2 = mbr2.getWidth() * mbr2.getHeight();
-        const dx2 = pos2.x - pos1.x;
-        const dy2 = pos2.y - pos1.y;
-        const distSq = dx2 * dx2 + dy2 * dy2 + this.SOFTENING_SQ;
-        const dist = Math.sqrt(distSq);
-        const acc = this.G * mass2 / distSq;
-        ax += acc * dx2 / dist;
-        ay += acc * dy2 / dist;
+        const w2 = mbr2.getWidth();
+        const h2 = mbr2.getHeight();
+        const mass2 = w2 * h2;
+        const dx = pos2.x - pos1.x;
+        const dy = pos2.y - pos1.y;
+        const distSq = dx * dx + dy * dy;
+        const dist = Math.sqrt(distSq) + 0.001;
+        const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        if (dist < minDist) {
+          const repAcc = this.REPULSION / (distSq + this.SOFTENING_SQ);
+          ax -= repAcc * dx / dist;
+          ay -= repAcc * dy / dist;
+        } else {
+          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          ax += gravAcc * dx / dist;
+          ay += gravAcc * dy / dist;
+        }
       }
       vel.vx = (vel.vx + ax * dt) * this.DAMPING;
       vel.vy = (vel.vy + ay * dt) * this.DAMPING;
-      const dx = vel.vx * dt;
-      const dy = vel.vy * dt;
-      if (Math.abs(dx) >= this.MIN_MOVE_PX || Math.abs(dy) >= this.MIN_MOVE_PX) {
+      const moveX = vel.vx * dt;
+      const moveY = vel.vy * dt;
+      if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {
         item.transformation.applyMatrixSilent({
-          translateX: dx,
-          translateY: dy,
+          translateX: moveX,
+          translateY: moveY,
           scaleX: 1,
           scaleY: 1,
           shearX: 0,
@@ -56670,7 +56697,7 @@ class GravityEngine {
     }
   }
   syncPositions() {
-    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked);
+    const items = this.board.items.listAll().filter((item) => !item.transformation.isLocked && !EXCLUDED_ITEM_TYPES.has(item.itemType));
     if (items.length === 0)
       return;
     const movedItems = items.map((item) => {

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

@@ -5,8 +5,10 @@ export declare class GravityEngine {
     private tickTimer;
     private syncTimer;
     private lastSyncedPositions;
-    readonly G = 500;
-    readonly DAMPING = 0.98;
+    readonly G = 80;
+    readonly G_CENTER = 120;
+    readonly DAMPING = 0.92;
+    readonly REPULSION = 60000;
     readonly TICK_MS = 33;
     readonly SYNC_MS = 300;
     readonly MAX_DISTANCE = 3000;

package/dist/types/Items/AINode/AINode.d.ts

@@ -40,6 +40,7 @@ export declare class AINode extends BaseItem {
     serialize(isCopy?: boolean): AINodeData;
     deserialize(data: Partial<AINodeData>): this;
     setId(id: string): this;
+    protected onParentChanged(newParent: string): void;
     getId(): string;
     getContextItems(): string[];
     getThreadDirection(): ThreadDirection;

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -25,6 +25,7 @@ export type SerializedItemData<T extends BaseItemData = BaseItemData> = {
 } & T;
 export declare class BaseItem extends Mbr implements Geometry {
     private defaultItemData?;
+    [key: string]: any;
     readonly transformation: Transformation;
     readonly linkTo: LinkTo;
     parent: string;

package/dist/types/Items/Comment/Comment.d.ts

@@ -70,6 +70,7 @@ export declare class Comment implements Geometry {
     setResolved(resolved: boolean): void;
     markThreadAsUnread(userId: number): void;
     markThreadAsRead(userId: number): void;
+    private _syncing;
     private transform;
     getUnreadMessages(userId?: number): Message[] | null;
     getIsThreadMarkedAsUnread(userId: number): boolean;

package/dist/types/Items/RichText/RichText.d.ts

@@ -6,7 +6,7 @@ import { SelectionContext } from "../../Selection";
 import { DefaultTextStyles } from "../../Settings";
 import { Subject } from "../../Subject";
 import { BaseRange, BaseSelection, Descendant, Operation as SlateOp } from "slate";
-import { ItemType, Matrix, Mbr, Point, RichTextData, Transformation } from "..";
+import { ItemType, Mbr, Point, RichTextData, Transformation } from "..";
 import { HorisontalAlignment, VerticalAlignment } from "../Alignment";
 import { DrawingContext } from "../DrawingContext";
 import { LinkTo } from "../LinkTo/LinkTo";
@@ -52,7 +52,6 @@ export declare class RichText extends BaseItem {
     private _onLimitReached;
     private shrinkWidth;
     prevMbr: Mbr | null;
-    worldMatrixGetter?: () => Matrix;
     rtCounter: number;
     constructor(board: Board, container: Mbr, id?: string, transformation?: Transformation, linkTo?: LinkTo, placeholderText?: string, isInShape?: boolean, autoSize?: boolean, insideOf?: ItemType | undefined, initialTextStyles?: DefaultTextStyles);
     isClosed(): boolean;

package/dist/types/Items/Shape/Shape.d.ts

@@ -368,6 +368,7 @@ export declare class Shape extends BaseItem {
     serialize(): ShapeData;
     deserialize(data: SerializedItemData<ShapeData>): this;
     setId(id: string): this;
+    protected onParentChanged(newParent: string): void;
     getId(): string;
     apply(op: Operation): void;
     private applyShapeOperation;

package/dist/types/Items/Sticker/Sticker.d.ts

@@ -43,6 +43,7 @@ export declare class Sticker extends BaseItem {
     deserialize(data: Partial<StickerData>): this;
     private transformPath;
     setId(id: string): this;
+    protected onParentChanged(newParent: string): void;
     getId(): string;
     apply(op: Operation): void;
     getBackgroundColor(): ColorValue;

package/package.json

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