microboard-temp 0.12.2 → 0.12.3

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");
@@ -54345,9 +54348,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -54357,26 +54360,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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");
@@ -54345,9 +54348,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -54357,26 +54360,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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");
@@ -56818,9 +56821,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -56830,26 +56833,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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");
@@ -54174,9 +54177,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -54186,26 +54189,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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");
@@ -54167,9 +54170,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -54179,26 +54182,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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");
@@ -56635,9 +56638,9 @@ class GravityEngine {
     let sumX = 0;
     let sumY = 0;
     for (const item of items) {
-      const pos = item.transformation.getTranslation();
-      sumX += pos.x;
-      sumY += pos.y;
+      const mbr = item.getMbr();
+      sumX += mbr.left + mbr.getWidth() * 0.5;
+      sumY += mbr.top + mbr.getHeight() * 0.5;
     }
     const centerX = sumX / items.length;
     const centerY = sumY / items.length;
@@ -56647,26 +56650,28 @@ class GravityEngine {
         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();
       let ax = 0;
       let ay = 0;
-      const dcx = centerX - pos1.x;
-      const dcy = centerY - pos1.y;
+      const cx1 = mbr1.left + w1 * 0.5;
+      const cy1 = mbr1.top + h1 * 0.5;
+      const dcx = centerX - cx1;
+      const dcy = centerY - cy1;
       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));
+      const nearby = this.board.items.getEnclosedOrCrossed(cx1 - this.MAX_DISTANCE, cy1 - this.MAX_DISTANCE, cx1 + this.MAX_DISTANCE * 2, cy1 + 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;
+        const cx2 = mbr2.left + w2 * 0.5;
+        const cy2 = mbr2.top + h2 * 0.5;
+        const dx = cx2 - cx1;
+        const dy = cy2 - cy1;
         const distSq = dx * dx + dy * dy;
         const dist = Math.sqrt(distSq) + 0.001;
         const minDist = (w1 + w2) * 0.5 + (h1 + h2) * 0.5;

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.3",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",