microboard-temp 0.5.151 → 0.6.0

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);
@@ -21548,6 +21576,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -21835,10 +21865,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -57082,7 +57126,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);
@@ -21548,6 +21576,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -21835,10 +21865,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -57082,7 +57126,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);
@@ -24020,6 +24048,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -24307,10 +24337,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -59555,7 +59599,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);
@@ -21391,6 +21419,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -21678,10 +21708,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -56925,7 +56969,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);
@@ -21384,6 +21412,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -21671,10 +21701,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -56918,7 +56962,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);
@@ -23851,6 +23879,8 @@ class BaseItem extends Mbr {
   onlyProportionalResize = false;
   itemType = "";
   children = [];
+  isHoverHighlighted = false;
+  static HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
     this.defaultItemData = defaultItemData;
@@ -24138,10 +24168,24 @@ class BaseItem extends Mbr {
   getPath() {
     return new Path(this.getMbr().getLines(), true);
   }
+  highlightMbr() {
+    this.isHoverHighlighted = true;
+    this.subject.publish(this);
+  }
+  clearHighlightMbr() {
+    this.isHoverHighlighted = false;
+    this.subject.publish(this);
+  }
   render(context) {
     if (this.index) {
       this.index.render(context);
     }
+    if (this.isHoverHighlighted) {
+      const mbr = this.getMbr();
+      mbr.strokeWidth = 2 / context.matrix.scaleX;
+      mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
+      mbr.render(context);
+    }
   }
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("base-item");
@@ -59386,7 +59430,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/Items/BaseItem/BaseItem.d.ts

@@ -41,6 +41,8 @@ export declare class BaseItem extends Mbr implements Geometry {
     onlyProportionalResize: boolean;
     itemType: string;
     children: string[];
+    isHoverHighlighted: boolean;
+    static readonly HOVER_HIGHLIGHT_COLOR = "rgba(71, 120, 245, 0.7)";
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined, isGroupItem?: boolean);
     updateChildrenIds(): void;
     getId(): string;
@@ -77,6 +79,8 @@ export declare class BaseItem extends Mbr implements Geometry {
     isEnclosedOrCrossedBy(rect: Mbr): boolean;
     getMbrWithChildren(): Mbr;
     getPath(): Path | Paths;
+    highlightMbr(): void;
+    clearHighlightMbr(): void;
     render(context: DrawingContext): void;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

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