microboard-temp 0.12.2 → 0.12.4

package/dist/cjs/browser.js

@@ -19483,6 +19483,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -54342,50 +54345,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54395,7 +54406,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/cjs/index.js

@@ -19483,6 +19483,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -54342,50 +54345,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54395,7 +54406,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/cjs/node.js

@@ -22022,6 +22022,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -56815,50 +56818,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -56868,7 +56879,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/browser.js

@@ -19312,6 +19312,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -54171,50 +54174,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54224,7 +54235,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/index.js

@@ -19305,6 +19305,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -54164,50 +54167,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -54217,7 +54228,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

package/dist/esm/node.js

@@ -21839,6 +21839,9 @@ class Comment {
   }
   addOnRemoveCallback(_cb) {}
   onRemove() {}
+  highlightMbr() {}
+  clearHighlightMbr() {}
+  renderHoverHighlight(_context) {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -56632,50 +56635,58 @@ 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 pos = item.transformation.getTranslation();
+      const mbr = item.getMbr();
+      const w = Math.max(mbr.getWidth(), 1);
+      const h2 = Math.max(mbr.getHeight(), 1);
+      return {
+        id: item.getId(),
+        cx: pos.x + w * 0.5,
+        cy: pos.y + h2 * 0.5,
+        w,
+        h: h2,
+        mass: w * h2
+      };
+    });
     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)) {
-        this.velocities.set(id, { vx: 0, vy: 0 });
-      }
-      const vel = this.velocities.get(id);
-      const pos1 = item.transformation.getTranslation();
-      const mbr1 = item.getMbr();
-      const w1 = mbr1.getWidth();
-      const h1 = mbr1.getHeight();
+    for (const s2 of snapshot) {
+      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];
+      if (!this.velocities.has(s1.id)) {
+        this.velocities.set(s1.id, { vx: 0, vy: 0 });
+      }
+      const vel = this.velocities.get(s1.id);
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const dcx = centerX - s1.cx;
+      const dcy = centerY - s1.cy;
       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 w2 = mbr2.getWidth();
-        const h2 = mbr2.getHeight();
-        const mass2 = w2 * h2;
-        const dx = pos2.x - pos1.x;
-        const dy = pos2.y - pos1.y;
+      for (let j = 0;j < snapshot.length; j++) {
+        if (i === j)
+          continue;
+        const s2 = snapshot[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 minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;
+        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;
         } else {
-          const gravAcc = this.G * mass2 / (distSq + this.SOFTENING_SQ);
+          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
@@ -56685,7 +56696,7 @@ class GravityEngine {
       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({
+        items[i].transformation.applyMatrixSilent({
           translateX: moveX,
           translateY: moveY,
           scaleX: 1,

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

@@ -104,6 +104,9 @@ export declare class Comment implements Geometry {
     handleNesting(_item: unknown): boolean;
     addOnRemoveCallback(_cb: () => void): void;
     onRemove(): void;
+    highlightMbr(): void;
+    clearHighlightMbr(): void;
+    renderHoverHighlight(_context: DrawingContext): void;
     render(context: DrawingContext): void;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/package.json

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