microboard-temp 0.5.131 → 0.5.133

package/dist/cjs/browser.js

@@ -4,39 +4,60 @@ var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: () => mod[key],
+        get: __accessProp.bind(mod, key),
         enumerable: true
       });
+  if (canCache)
+    cache.set(mod, to);
   return to;
 };
-var __moduleCache = /* @__PURE__ */ new WeakMap;
 var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
   if (entry)
     return entry;
   entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
   __moduleCache.set(from, entry);
   return entry;
 };
+var __moduleCache;
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 
@@ -18930,15 +18951,9 @@ class CommentCommand {
     }
   }
 }
-
-// node_modules/uuid/dist/esm-browser/stringify.js
-var byteToHex = [];
-for (let i = 0;i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr2, offset = 0) {
-  return (byteToHex[arr2[offset + 0]] + byteToHex[arr2[offset + 1]] + byteToHex[arr2[offset + 2]] + byteToHex[arr2[offset + 3]] + "-" + byteToHex[arr2[offset + 4]] + byteToHex[arr2[offset + 5]] + "-" + byteToHex[arr2[offset + 6]] + byteToHex[arr2[offset + 7]] + "-" + byteToHex[arr2[offset + 8]] + byteToHex[arr2[offset + 9]] + "-" + byteToHex[arr2[offset + 10]] + byteToHex[arr2[offset + 11]] + byteToHex[arr2[offset + 12]] + byteToHex[arr2[offset + 13]] + byteToHex[arr2[offset + 14]] + byteToHex[arr2[offset + 15]]).toLowerCase();
-}
+// node_modules/uuid/dist/esm-browser/native.js
+var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native_default = { randomUUID };
 
 // node_modules/uuid/dist/esm-browser/rng.js
 var getRandomValues;
@@ -18953,9 +18968,14 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist/esm-browser/native.js
-var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native_default = { randomUUID };
+// node_modules/uuid/dist/esm-browser/stringify.js
+var byteToHex = [];
+for (let i = 0;i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr2, offset = 0) {
+  return (byteToHex[arr2[offset + 0]] + byteToHex[arr2[offset + 1]] + byteToHex[arr2[offset + 2]] + byteToHex[arr2[offset + 3]] + "-" + byteToHex[arr2[offset + 4]] + byteToHex[arr2[offset + 5]] + "-" + byteToHex[arr2[offset + 6]] + byteToHex[arr2[offset + 7]] + "-" + byteToHex[arr2[offset + 8]] + byteToHex[arr2[offset + 9]] + "-" + byteToHex[arr2[offset + 10]] + byteToHex[arr2[offset + 11]] + byteToHex[arr2[offset + 12]] + byteToHex[arr2[offset + 13]] + byteToHex[arr2[offset + 14]] + byteToHex[arr2[offset + 15]]).toLowerCase();
+}
 
 // node_modules/uuid/dist/esm-browser/v4.js
 function v4(options, buf, offset) {
@@ -19001,6 +19021,10 @@ class Comment {
   linkTo;
   transformationRenderBlock = undefined;
   resizeEnabled = true;
+  index = null;
+  canBeNested = false;
+  children = [];
+  onRemoveCallbacks = [];
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -19305,6 +19329,17 @@ class Comment {
   getSnapAnchorPoints() {
     return null;
   }
+  getChildrenIds() {
+    return null;
+  }
+  addChildItems(_children) {}
+  removeChildItems(_children) {}
+  emitNesting(_children) {}
+  handleNesting(_item) {
+    return false;
+  }
+  addOnRemoveCallback(_cb) {}
+  onRemove() {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -34398,10 +34433,10 @@ function zwitch(key, options) {
   const settings = options || {};
   function one4(value, ...parameters) {
     let fn = one4.invalid;
-    const handlers2 = one4.handlers;
+    const handlers3 = one4.handlers;
     if (value && own6.call(value, key)) {
       const id = String(value[key]);
-      fn = own6.call(handlers2, id) ? handlers2[id] : one4.unknown;
+      fn = own6.call(handlers3, id) ? handlers3[id] : one4.unknown;
     }
     if (fn) {
       return fn.call(this, value, ...parameters);
@@ -49287,6 +49322,8 @@ class Camera {
   observableItem = null;
   throttledZoom;
   isAnimating = false;
+  isTrackingAnimation = false;
+  trackingAnimationId = null;
   constructor(boardPointer = new Pointer) {
     this.boardPointer = boardPointer;
     this.subject.subscribe((_camera) => {
@@ -49440,6 +49477,45 @@ class Camera {
     this.matrix = new Matrix2(matrix.translateX, matrix.translateY, matrix.scaleX, matrix.scaleY, matrix.shearX, matrix.shearY);
     this.subject.publish(this);
   }
+  animateToMatrix(target, duration = 130) {
+    if (this.trackingAnimationId !== null) {
+      cancelAnimationFrame(this.trackingAnimationId);
+      this.trackingAnimationId = null;
+    }
+    const startTranslateX = this.matrix.translateX;
+    const startTranslateY = this.matrix.translateY;
+    const startScaleX = this.matrix.scaleX;
+    const startScaleY = this.matrix.scaleY;
+    const startShearX = this.matrix.shearX;
+    const startShearY = this.matrix.shearY;
+    this.isTrackingAnimation = true;
+    const startTime = performance.now();
+    const animate = () => {
+      const progress = Math.min((performance.now() - startTime) / duration, 1);
+      const t3 = this.easeOutQuad(progress);
+      this.matrix.translateX = this.lerp(startTranslateX, target.translateX, t3);
+      this.matrix.translateY = this.lerp(startTranslateY, target.translateY, t3);
+      this.matrix.scaleX = this.lerp(startScaleX, target.scaleX, t3);
+      this.matrix.scaleY = this.lerp(startScaleY, target.scaleY, t3);
+      this.matrix.shearX = this.lerp(startShearX, target.shearX, t3);
+      this.matrix.shearY = this.lerp(startShearY, target.shearY, t3);
+      this.subject.publish(this);
+      if (progress < 1) {
+        this.trackingAnimationId = safeRequestAnimationFrame(animate) || null;
+      } else {
+        this.trackingAnimationId = null;
+        this.isTrackingAnimation = false;
+      }
+    };
+    this.trackingAnimationId = safeRequestAnimationFrame(animate) || null;
+  }
+  cancelTrackingAnimation() {
+    if (this.trackingAnimationId !== null) {
+      cancelAnimationFrame(this.trackingAnimationId);
+      this.trackingAnimationId = null;
+    }
+    this.isTrackingAnimation = false;
+  }
   useSavedSnapshot(optionalMatrix) {
     if (optionalMatrix) {
       this.applyMatrix(optionalMatrix);
@@ -50714,7 +50790,7 @@ class Presence {
     const checkIsDisableTrackingNeeded = this.getIsDisableTrackingNeeded.bind(this);
     this.board.camera.subject.subscribe((_camera) => {
       throttleCameraEvent(this.board.camera);
-      if (checkIsDisableTrackingNeeded()) {
+      if (!this.board.camera.isTrackingAnimation && checkIsDisableTrackingNeeded()) {
         this.disableTracking();
       }
     });
@@ -50975,7 +51051,7 @@ class Presence {
     this.users.set(msg.userId.toString(), userCopy);
     if (this.trackedUser) {
       this.trackedUser.camera = eventData;
-      this.board.camera.applyMatrix(new Matrix2(eventData.translateX, eventData.translateY, eventData.scaleX, eventData.scaleY, eventData.shearX, eventData.shearY));
+      this.board.camera.animateToMatrix(new Matrix2(eventData.translateX, eventData.translateY, eventData.scaleX, eventData.scaleY, eventData.shearX, eventData.shearY));
     }
   }
   processDrawSelect(msg) {
@@ -51037,6 +51113,7 @@ class Presence {
     if (!this.trackedUser) {
       return;
     }
+    this.board.camera.cancelTrackingAnimation();
     this.emit({
       method: "StopFollowing",
       timestamp: Date.now(),
@@ -53124,22 +53201,24 @@ class BoardSelection {
             console.warn(`Didnt find frame with id ${val.item.parent}`);
           }
         }
-        const childrenIds = val.item.getChildrenIds();
-        if (childrenIds && checkFrames) {
-          const currGroup = val.item;
-          const currMbr = currGroup.getMbr();
-          const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
-          const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
-          const uniqueItems = new Set;
-          const toCheck = [...children, ...underGroup].filter((item) => {
-            const id = item.getId();
-            if (uniqueItems.has(id)) {
-              return false;
-            }
-            uniqueItems.add(id);
-            return true;
-          });
-          currGroup.emitNesting(toCheck);
+        if (checkFrames) {
+          const childrenIds = val.item.getChildrenIds();
+          if (childrenIds) {
+            const currGroup = val.item;
+            const currMbr = currGroup.getMbr();
+            const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
+            const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
+            const uniqueItems = new Set;
+            const toCheck = [...children, ...underGroup].filter((item) => {
+              const id = item.getId();
+              if (uniqueItems.has(id)) {
+                return false;
+              }
+              uniqueItems.add(id);
+              return true;
+            });
+            currGroup.emitNesting(toCheck);
+          }
         }
       });
     }
@@ -56633,16 +56712,16 @@ function createEvents(board, connection, lastIndex) {
 }
 // src/Events/MessageRouter/createMessageRouter.ts
 function createMessageRouter() {
-  const handlers2 = new Map;
+  const handlers3 = new Map;
   function addHandler(type, handler) {
-    handlers2.set(type, (message, board) => {
+    handlers3.set(type, (message, board) => {
       if (message.type === type) {
         handler(message, board);
       }
     });
   }
   function handleMessage(message, board) {
-    const handler = handlers2.get(message.type);
+    const handler = handlers3.get(message.type);
     if (handler) {
       handler(message, board);
     } else {

package/dist/cjs/index.js

@@ -4,39 +4,60 @@ var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: () => mod[key],
+        get: __accessProp.bind(mod, key),
         enumerable: true
       });
+  if (canCache)
+    cache.set(mod, to);
   return to;
 };
-var __moduleCache = /* @__PURE__ */ new WeakMap;
 var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
   if (entry)
     return entry;
   entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
   __moduleCache.set(from, entry);
   return entry;
 };
+var __moduleCache;
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 
@@ -18930,15 +18951,9 @@ class CommentCommand {
     }
   }
 }
-
-// node_modules/uuid/dist/esm-browser/stringify.js
-var byteToHex = [];
-for (let i = 0;i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr2, offset = 0) {
-  return (byteToHex[arr2[offset + 0]] + byteToHex[arr2[offset + 1]] + byteToHex[arr2[offset + 2]] + byteToHex[arr2[offset + 3]] + "-" + byteToHex[arr2[offset + 4]] + byteToHex[arr2[offset + 5]] + "-" + byteToHex[arr2[offset + 6]] + byteToHex[arr2[offset + 7]] + "-" + byteToHex[arr2[offset + 8]] + byteToHex[arr2[offset + 9]] + "-" + byteToHex[arr2[offset + 10]] + byteToHex[arr2[offset + 11]] + byteToHex[arr2[offset + 12]] + byteToHex[arr2[offset + 13]] + byteToHex[arr2[offset + 14]] + byteToHex[arr2[offset + 15]]).toLowerCase();
-}
+// node_modules/uuid/dist/esm-browser/native.js
+var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native_default = { randomUUID };
 
 // node_modules/uuid/dist/esm-browser/rng.js
 var getRandomValues;
@@ -18953,9 +18968,14 @@ function rng() {
   return getRandomValues(rnds8);
 }
 
-// node_modules/uuid/dist/esm-browser/native.js
-var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native_default = { randomUUID };
+// node_modules/uuid/dist/esm-browser/stringify.js
+var byteToHex = [];
+for (let i = 0;i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr2, offset = 0) {
+  return (byteToHex[arr2[offset + 0]] + byteToHex[arr2[offset + 1]] + byteToHex[arr2[offset + 2]] + byteToHex[arr2[offset + 3]] + "-" + byteToHex[arr2[offset + 4]] + byteToHex[arr2[offset + 5]] + "-" + byteToHex[arr2[offset + 6]] + byteToHex[arr2[offset + 7]] + "-" + byteToHex[arr2[offset + 8]] + byteToHex[arr2[offset + 9]] + "-" + byteToHex[arr2[offset + 10]] + byteToHex[arr2[offset + 11]] + byteToHex[arr2[offset + 12]] + byteToHex[arr2[offset + 13]] + byteToHex[arr2[offset + 14]] + byteToHex[arr2[offset + 15]]).toLowerCase();
+}
 
 // node_modules/uuid/dist/esm-browser/v4.js
 function v4(options, buf, offset) {
@@ -19001,6 +19021,10 @@ class Comment {
   linkTo;
   transformationRenderBlock = undefined;
   resizeEnabled = true;
+  index = null;
+  canBeNested = false;
+  children = [];
+  onRemoveCallbacks = [];
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -19305,6 +19329,17 @@ class Comment {
   getSnapAnchorPoints() {
     return null;
   }
+  getChildrenIds() {
+    return null;
+  }
+  addChildItems(_children) {}
+  removeChildItems(_children) {}
+  emitNesting(_children) {}
+  handleNesting(_item) {
+    return false;
+  }
+  addOnRemoveCallback(_cb) {}
+  onRemove() {}
   render(context) {}
   renderHTML(documentFactory) {
     const div = documentFactory.createElement("comment-item");
@@ -34398,10 +34433,10 @@ function zwitch(key, options) {
   const settings = options || {};
   function one4(value, ...parameters) {
     let fn = one4.invalid;
-    const handlers2 = one4.handlers;
+    const handlers3 = one4.handlers;
     if (value && own6.call(value, key)) {
       const id = String(value[key]);
-      fn = own6.call(handlers2, id) ? handlers2[id] : one4.unknown;
+      fn = own6.call(handlers3, id) ? handlers3[id] : one4.unknown;
     }
     if (fn) {
       return fn.call(this, value, ...parameters);
@@ -49287,6 +49322,8 @@ class Camera {
   observableItem = null;
   throttledZoom;
   isAnimating = false;
+  isTrackingAnimation = false;
+  trackingAnimationId = null;
   constructor(boardPointer = new Pointer) {
     this.boardPointer = boardPointer;
     this.subject.subscribe((_camera) => {
@@ -49440,6 +49477,45 @@ class Camera {
     this.matrix = new Matrix2(matrix.translateX, matrix.translateY, matrix.scaleX, matrix.scaleY, matrix.shearX, matrix.shearY);
     this.subject.publish(this);
   }
+  animateToMatrix(target, duration = 130) {
+    if (this.trackingAnimationId !== null) {
+      cancelAnimationFrame(this.trackingAnimationId);
+      this.trackingAnimationId = null;
+    }
+    const startTranslateX = this.matrix.translateX;
+    const startTranslateY = this.matrix.translateY;
+    const startScaleX = this.matrix.scaleX;
+    const startScaleY = this.matrix.scaleY;
+    const startShearX = this.matrix.shearX;
+    const startShearY = this.matrix.shearY;
+    this.isTrackingAnimation = true;
+    const startTime = performance.now();
+    const animate = () => {
+      const progress = Math.min((performance.now() - startTime) / duration, 1);
+      const t3 = this.easeOutQuad(progress);
+      this.matrix.translateX = this.lerp(startTranslateX, target.translateX, t3);
+      this.matrix.translateY = this.lerp(startTranslateY, target.translateY, t3);
+      this.matrix.scaleX = this.lerp(startScaleX, target.scaleX, t3);
+      this.matrix.scaleY = this.lerp(startScaleY, target.scaleY, t3);
+      this.matrix.shearX = this.lerp(startShearX, target.shearX, t3);
+      this.matrix.shearY = this.lerp(startShearY, target.shearY, t3);
+      this.subject.publish(this);
+      if (progress < 1) {
+        this.trackingAnimationId = safeRequestAnimationFrame(animate) || null;
+      } else {
+        this.trackingAnimationId = null;
+        this.isTrackingAnimation = false;
+      }
+    };
+    this.trackingAnimationId = safeRequestAnimationFrame(animate) || null;
+  }
+  cancelTrackingAnimation() {
+    if (this.trackingAnimationId !== null) {
+      cancelAnimationFrame(this.trackingAnimationId);
+      this.trackingAnimationId = null;
+    }
+    this.isTrackingAnimation = false;
+  }
   useSavedSnapshot(optionalMatrix) {
     if (optionalMatrix) {
       this.applyMatrix(optionalMatrix);
@@ -50714,7 +50790,7 @@ class Presence {
     const checkIsDisableTrackingNeeded = this.getIsDisableTrackingNeeded.bind(this);
     this.board.camera.subject.subscribe((_camera) => {
       throttleCameraEvent(this.board.camera);
-      if (checkIsDisableTrackingNeeded()) {
+      if (!this.board.camera.isTrackingAnimation && checkIsDisableTrackingNeeded()) {
         this.disableTracking();
       }
     });
@@ -50975,7 +51051,7 @@ class Presence {
     this.users.set(msg.userId.toString(), userCopy);
     if (this.trackedUser) {
       this.trackedUser.camera = eventData;
-      this.board.camera.applyMatrix(new Matrix2(eventData.translateX, eventData.translateY, eventData.scaleX, eventData.scaleY, eventData.shearX, eventData.shearY));
+      this.board.camera.animateToMatrix(new Matrix2(eventData.translateX, eventData.translateY, eventData.scaleX, eventData.scaleY, eventData.shearX, eventData.shearY));
     }
   }
   processDrawSelect(msg) {
@@ -51037,6 +51113,7 @@ class Presence {
     if (!this.trackedUser) {
       return;
     }
+    this.board.camera.cancelTrackingAnimation();
     this.emit({
       method: "StopFollowing",
       timestamp: Date.now(),
@@ -53124,22 +53201,24 @@ class BoardSelection {
             console.warn(`Didnt find frame with id ${val.item.parent}`);
           }
         }
-        const childrenIds = val.item.getChildrenIds();
-        if (childrenIds && checkFrames) {
-          const currGroup = val.item;
-          const currMbr = currGroup.getMbr();
-          const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
-          const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
-          const uniqueItems = new Set;
-          const toCheck = [...children, ...underGroup].filter((item) => {
-            const id = item.getId();
-            if (uniqueItems.has(id)) {
-              return false;
-            }
-            uniqueItems.add(id);
-            return true;
-          });
-          currGroup.emitNesting(toCheck);
+        if (checkFrames) {
+          const childrenIds = val.item.getChildrenIds();
+          if (childrenIds) {
+            const currGroup = val.item;
+            const currMbr = currGroup.getMbr();
+            const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
+            const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
+            const uniqueItems = new Set;
+            const toCheck = [...children, ...underGroup].filter((item) => {
+              const id = item.getId();
+              if (uniqueItems.has(id)) {
+                return false;
+              }
+              uniqueItems.add(id);
+              return true;
+            });
+            currGroup.emitNesting(toCheck);
+          }
         }
       });
     }
@@ -56633,16 +56712,16 @@ function createEvents(board, connection, lastIndex) {
 }
 // src/Events/MessageRouter/createMessageRouter.ts
 function createMessageRouter() {
-  const handlers2 = new Map;
+  const handlers3 = new Map;
   function addHandler(type, handler) {
-    handlers2.set(type, (message, board) => {
+    handlers3.set(type, (message, board) => {
       if (message.type === type) {
         handler(message, board);
       }
     });
   }
   function handleMessage(message, board) {
-    const handler = handlers2.get(message.type);
+    const handler = handlers3.get(message.type);
     if (handler) {
       handler(message, board);
     } else {