microboard-temp 0.5.150 → 0.5.152

package/dist/cjs/browser.js

@@ -20853,10 +20853,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -20870,8 +20873,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -21180,6 +21189,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -57085,7 +57110,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/cjs/index.js

@@ -20853,10 +20853,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -20870,8 +20873,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -21180,6 +21189,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -57085,7 +57110,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/cjs/node.js

@@ -23325,10 +23325,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -23342,8 +23345,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -23652,6 +23661,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -59558,7 +59583,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/esm/browser.js

@@ -20696,10 +20696,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -20713,8 +20716,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -21023,6 +21032,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -56928,7 +56953,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/esm/index.js

@@ -20689,10 +20689,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -20706,8 +20709,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -21016,6 +21025,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -56921,7 +56946,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/esm/node.js

@@ -23156,10 +23156,13 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    if (this.Mbr.getWidth() === 0 && this.Mbr.getHeight() === 0) {
-      this.Mbr = item.getMbrWithChildren().copy();
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
     } else {
-      this.Mbr.combine([item.getMbrWithChildren()]);
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
     }
     this.subject.publish(this.items);
   };
@@ -23173,8 +23176,14 @@ class SpatialIndex {
     }
     this.itemsArray.splice(this.itemsArray.indexOf(item), 1);
     this.itemsIndex.remove(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((item2) => this.Mbr.combine([item2.getMbrWithChildren()]));
+    if (this.itemsArray.length === 0) {
+      this.Mbr = new Mbr;
+    } else {
+      this.Mbr = this.itemsArray[0].getMbrWithChildren().copy();
+      for (let i = 1;i < this.itemsArray.length; i++) {
+        this.Mbr.combine([this.itemsArray[i].getMbrWithChildren()]);
+      }
+    }
     this.subject.publish(this.items);
   }
   copy() {
@@ -23483,6 +23492,22 @@ class Items {
   getMbr() {
     return this.index.getMbr();
   }
+  getFilteredMbr() {
+    const MAX_ITEM_SIZE = 1e6;
+    const items = this.listAll();
+    let mbr = null;
+    for (const item of items) {
+      const itemMbr = item.getMbr();
+      if (itemMbr.getWidth() < MAX_ITEM_SIZE && itemMbr.getHeight() < MAX_ITEM_SIZE) {
+        if (mbr === null) {
+          mbr = itemMbr.copy();
+        } else {
+          mbr.combine([itemMbr]);
+        }
+      }
+    }
+    return mbr ?? this.getMbr();
+  }
   getInView() {
     const { left, top, right, bottom } = this.view.getMbr();
     return this.index.getRectsEnclosedOrCrossed(left, top, right, bottom);
@@ -59389,7 +59414,7 @@ function onBoardLoad(board) {
   const hasItemsInBoard = board.items.listAll().length !== 0;
   const isItemsOutOfView = board.items.getItemsInView().length === 0 || !cameraSnapshot;
   if (isItemsOutOfView && hasItemsInBoard) {
-    board.camera.zoomToFit(board.items.getMbr());
+    board.camera.zoomToFit(board.items.getFilteredMbr());
   }
   if (!hasItemsInBoard) {
     board.camera.zoomToViewCenter(1);

package/dist/types/SpatialIndex/SpacialIndex.d.ts

@@ -62,6 +62,7 @@ export declare class Items {
     getGroupItemsEnclosedOrCrossed(left: number, top: number, right: number, bottom: number): BaseItem[];
     getUnderPoint(point: Point, tolerance?: number): Item[];
     getMbr(): Mbr;
+    getFilteredMbr(): Mbr;
     getInView(): Item[];
     getItemsInView(): Item[];
     getGroupItemsInView(): BaseItem[];

package/package.json

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