microboard-temp 0.4.94 → 0.4.95

package/dist/cjs/browser.js

@@ -21474,6 +21474,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -45714,10 +45715,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -47956,6 +47957,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -47980,6 +47982,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -48067,8 +48070,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

package/dist/cjs/index.js

@@ -21474,6 +21474,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -45714,10 +45715,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -47956,6 +47957,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -47980,6 +47982,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -48067,8 +48070,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

package/dist/cjs/node.js

@@ -23946,6 +23946,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -48187,10 +48188,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -50429,6 +50430,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -50453,6 +50455,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -50540,8 +50543,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

package/dist/esm/browser.js

@@ -21323,6 +21323,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -45563,10 +45564,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -47805,6 +47806,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -47829,6 +47831,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -47916,8 +47919,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

package/dist/esm/index.js

@@ -21316,6 +21316,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -45556,10 +45557,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -47798,6 +47799,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -47822,6 +47824,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -47909,8 +47912,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

package/dist/esm/node.js

@@ -23783,6 +23783,7 @@ class BaseItem extends Mbr {
   onRemoveCallbacks = [];
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
+  shouldUseRelativeAlignment = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -48024,10 +48025,10 @@ class AlignmentHelper {
       }
     };
     nearbyItems.forEach((item) => {
-      if (item === movingItem || item.itemType === "Comment") {
+      if (item === movingItem || item.itemType === "Comment" || item instanceof BaseItem && !item.shouldUseRelativeAlignment) {
         return;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       const centerXMoving = (movingMBR.left + movingMBR.right) / 2;
       const centerXItem = (itemMbr.left + itemMbr.right) / 2;
       const centerYMoving = (movingMBR.top + movingMBR.bottom) / 2;
@@ -50266,6 +50267,7 @@ class Deck extends BaseItem {
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
+          foundItem.shouldUseRelativeAlignment = false;
           this.index?.insert(foundItem);
         }
       }
@@ -50290,6 +50292,7 @@ class Deck extends BaseItem {
           });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
+          foundItem.shouldUseRelativeAlignment = true;
           this.board.items.index.insert(foundItem);
         }
       }
@@ -50377,8 +50380,8 @@ class Deck extends BaseItem {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
-    tempCanvas.width = width2;
-    tempCanvas.height = height3;
+    tempCanvas.width = 1e4;
+    tempCanvas.height = 1e4;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;

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

@@ -36,6 +36,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     onRemoveCallbacks: (() => void)[];
     shouldUseCustomRender: boolean;
     shouldRenderOutsideViewRect: boolean;
+    shouldUseRelativeAlignment: boolean;
     itemType: string;
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined, isGroupItem?: boolean);
     getId(): string;

package/package.json

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