microboard-temp 0.5.151 → 0.5.152

package/dist/cjs/browser.js

@@ -20853,8 +20853,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -20867,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() {
@@ -21177,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);
@@ -57082,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,8 +20853,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -20867,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() {
@@ -21177,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);
@@ -57082,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,8 +23325,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -23339,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() {
@@ -23649,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);
@@ -59555,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,8 +20696,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -20710,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() {
@@ -21020,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);
@@ -56925,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,8 +20689,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -20703,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() {
@@ -21013,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);
@@ -56918,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,8 +23156,14 @@ class SpatialIndex {
   }
   change = (item) => {
     this.itemsIndex.change(item);
-    this.Mbr = new Mbr;
-    this.itemsArray.forEach((i) => this.Mbr.combine([i.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);
   };
   remove(item) {
@@ -23170,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() {
@@ -23480,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);
@@ -59386,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.151",
+  "version": "0.5.152",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",