microboard-temp 0.4.55 → 0.4.57

package/dist/cjs/browser.js

@@ -40245,26 +40245,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -40405,7 +40385,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -40451,9 +40431,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -40529,10 +40509,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -40541,7 +40521,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -43958,7 +43938,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -53629,6 +53609,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -53641,8 +53622,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -53708,7 +53689,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -53744,7 +53725,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

package/dist/cjs/index.js

@@ -40245,26 +40245,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -40405,7 +40385,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -40451,9 +40431,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -40529,10 +40509,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -40541,7 +40521,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -43958,7 +43938,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -53629,6 +53609,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -53641,8 +53622,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -53708,7 +53689,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -53744,7 +53725,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

package/dist/cjs/node.js

@@ -42718,26 +42718,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -42878,7 +42858,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -42924,9 +42904,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -43002,10 +42982,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -43014,7 +42994,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -46431,7 +46411,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -56102,6 +56082,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -56114,8 +56095,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -56181,7 +56162,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -56217,7 +56198,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

package/dist/esm/browser.js

@@ -40095,26 +40095,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -40255,7 +40235,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -40301,9 +40281,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -40379,10 +40359,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -40391,7 +40371,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -43808,7 +43788,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -53479,6 +53459,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -53491,8 +53472,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -53558,7 +53539,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -53594,7 +53575,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

package/dist/esm/index.js

@@ -40088,26 +40088,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -40248,7 +40228,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -40294,9 +40274,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -40372,10 +40352,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -40384,7 +40364,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -43801,7 +43781,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -53472,6 +53452,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -53484,8 +53465,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -53551,7 +53532,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -53587,7 +53568,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

package/dist/esm/node.js

@@ -42556,26 +42556,6 @@ class Frame2 extends BaseItem {
     this.board = board;
     return this;
   }
-  applyAddChild(childId, noWarn = false) {
-    const children = Array.isArray(childId) ? childId : [childId];
-    children.forEach((child) => {
-      if (this.parent !== child && this.getId() !== child) {
-        const foundItem = this.getItemById(child);
-        if (!this.children.includes(child) && foundItem) {
-          this.children.push(child);
-          foundItem.parent = this.getId();
-          this.updateMbr();
-          this.subject.publish(this);
-        } else if (!foundItem && !noWarn) {
-          console.warn(`Could not find child with id ${childId}`);
-        }
-      }
-    });
-  }
-  applyRemoveChild(childId) {
-    this.children = this.children.filter((currChild) => !childId.includes(currChild));
-    this.subject.publish(this);
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -42716,7 +42696,7 @@ class Frame2 extends BaseItem {
       this.transformPath();
     }
     if (data.children) {
-      this.applyAddChild(data.children, true);
+      this.applyAddChildren(data.children);
     }
     if (data.text) {
       this.text.deserialize(data.text);
@@ -42762,9 +42742,9 @@ class Frame2 extends BaseItem {
         } else if (op.method === "setFrameType") {
           this.applyFrameType(op.shapeType);
         } else if (op.method === "addChild") {
-          this.applyAddChild(op.childId);
+          this.applyAddChildren(op.childId);
         } else if (op.method === "removeChild") {
-          this.applyRemoveChild(op.childId);
+          this.applyRemoveChildren(op.childId);
         }
         break;
       case "RichText":
@@ -42840,10 +42820,10 @@ class Frame2 extends BaseItem {
         const child = this.board?.items.getById(childId);
         if (child) {
           if (this.handleNesting(child)) {
-            this.applyAddChild([child.getId()]);
+            this.applyAddChildren([child.getId()]);
             child.parent = this.getId();
           } else {
-            this.applyRemoveChild([child.getId()]);
+            this.applyRemoveChildren([child.getId()]);
             child.parent = "Board";
           }
         }
@@ -42852,7 +42832,7 @@ class Frame2 extends BaseItem {
       this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).forEach((item) => {
         if (item.parent === "Board") {
           if (this.handleNesting(item)) {
-            this.applyAddChild([item.getId()]);
+            this.applyAddChildren([item.getId()]);
             item.parent = this.getId();
           }
         }
@@ -46269,7 +46249,7 @@ class AddFrame extends BoardTool {
       child.parent = this.frame.getId();
       return child.getId();
     });
-    this.frame.applyAddChild(childrenIds);
+    this.frame.applyAddChildren(childrenIds);
     this.frame.subject.publish(this.frame);
   }
   applyCanChangeRatio(canChangeRatio) {
@@ -55940,6 +55920,7 @@ class Board {
       const data = Array.from(items.children).map((el) => this.parseHTML(el));
       for (const parsedData of data) {
         if ("childrenMap" in parsedData) {
+          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           const addedChildren = Object.values(parsedData.childrenMap).map((childData) => {
             const created = this.createItem(this.getNewItemId(), childData);
             const added = this.add(created);
@@ -55952,8 +55933,8 @@ class Board {
             }
             return added;
           });
+          addedFrame.addChildItems(addedChildren);
           parsedData.data.children = addedChildren.map((item) => item.getId());
-          const addedFrame = this.add(this.createItem(this.getNewItemId(), parsedData.data));
           idsMap[parsedData.data.id] = addedFrame.getId();
         } else {
           const added = this.add(this.createItem(this.getNewItemId(), parsedData));
@@ -56019,7 +56000,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
   }
   deserialize(snapshot) {
@@ -56055,7 +56036,7 @@ class Board {
     }
     for (const key in createdFrames) {
       const { item, itemData } = createdFrames[key];
-      item.applyAddChild(itemData.children);
+      item.applyAddChildren(itemData.children);
     }
     this.events?.log.deserialize(events);
   }

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

@@ -44,8 +44,6 @@ export declare class Frame extends BaseItem {
      * Child cant be itself,
      * frame cant be child
      */
-    applyAddChild(childId: string[] | string, noWarn?: boolean): void;
-    private applyRemoveChild;
     getLinkTo(): string | undefined;
     /**
      * Returns:

package/package.json

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