microboard-temp 0.4.34 → 0.4.36

package/dist/cjs/browser.js

@@ -19649,6 +19649,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -19680,6 +19682,87 @@ class BaseItem extends Mbr {
     this.getRichText()?.setId(id);
     return this;
   }
+  addChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const childrenIds = children.map((child) => {
+      child.parent = this.getId();
+      return child.getId();
+    });
+    this.updateChildren([...this.children, ...childrenIds]);
+  }
+  removeChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const newChildren = Array.isArray(children) ? children : [children];
+    const childrenIds = newChildren.map((child) => {
+      child.parent = "Board";
+      return child.getId();
+    });
+    this.updateChildren(this.children.filter((child) => !childrenIds.includes(child)));
+  }
+  emitNesting(children) {
+    const itemsToAdd = [];
+    const itemsToRemove = [];
+    children.forEach((child) => {
+      if (this.handleNesting(child)) {
+        itemsToAdd.push(child);
+      } else {
+        itemsToRemove.push(child);
+      }
+    });
+    this.addChildItems(itemsToAdd);
+    this.removeChildItems(itemsToRemove);
+  }
+  updateChildren(children) {
+    this.emit({
+      class: this.itemType,
+      method: "updateChildren",
+      item: [this.getId()],
+      newData: { children },
+      prevData: { children: this.children }
+    });
+  }
+  handleNesting(item, options) {
+    const isItem = "itemType" in item;
+    const itemMbr = isItem ? item.getMbr() : item;
+    if (item instanceof BaseItem && !item.canBeNested) {
+      return false;
+    }
+    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
+      return false;
+    }
+    const mbr = this.getMbr().copy();
+    if (item.isEnclosedOrCrossedBy(mbr)) {
+      if (mbr.isInside(itemMbr.getCenter())) {
+        if (!options || !options.onlyForOut) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  applyUpdateChildren(children) {
+    if (!this.children) {
+      return;
+    }
+    children.forEach((child) => {
+      if (this.parent !== child && this.getId() !== child) {
+        const foundItem = this.board.items.getById(child);
+        if (!this.children.includes(child) && foundItem) {
+          foundItem.parent = this.getId();
+        }
+      }
+    });
+    this.children = children;
+    this.updateMbr();
+    this.subject.publish(this);
+  }
+  updateMbr() {
+    return;
+  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -19729,6 +19812,12 @@ class BaseItem extends Mbr {
       case "LinkTo":
         this.linkTo.apply(op);
         break;
+      case this.itemType:
+        op = op;
+        switch (op.method) {
+          case "updateChildren":
+            this.applyUpdateChildren(op.newData.children);
+        }
     }
   }
   addOnRemoveCallback(cb) {
@@ -38352,6 +38441,7 @@ class Frame extends BaseItem {
   linkTo;
   text;
   canChangeRatio = true;
+  canBeNested = false;
   newShape = null;
   transformationRenderBlock = undefined;
   constructor(board, getItemById, id = "", name = "", shapeType = defaultFrameData.shapeType, backgroundColor = defaultFrameData.backgroundColor, backgroundOpacity = defaultFrameData.backgroundOpacity, borderColor = defaultFrameData.borderColor, borderOpacity = defaultFrameData.borderOpacity, borderStyle = defaultFrameData.borderStyle, borderWidth = defaultFrameData.borderWidth) {
@@ -38390,42 +38480,6 @@ class Frame extends BaseItem {
     this.board = board;
     return this;
   }
-  emitAddChild(children) {
-    const childrenIds = children.map((child) => {
-      child.parent = this.getId();
-      return child.getId();
-    });
-    this.addChild(childrenIds);
-  }
-  emitRemoveChild(children) {
-    const newChildren = Array.isArray(children) ? children : [children];
-    const childrenIds = newChildren.map((child) => {
-      child.parent = "Board";
-      return child.getId();
-    });
-    this.removeChild(childrenIds);
-  }
-  emitNesting(children) {
-    const itemsToAdd = [];
-    const itemsToRemove = [];
-    children.forEach((child) => {
-      if (this.handleNesting(child)) {
-        itemsToAdd.push(child);
-      } else {
-        itemsToRemove.push(child);
-      }
-    });
-    this.emitAddChild(itemsToAdd);
-    this.emitRemoveChild(itemsToRemove);
-  }
-  addChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "addChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   applyAddChild(childId, noWarn = false) {
     const children = Array.isArray(childId) ? childId : [childId];
     children.forEach((child) => {
@@ -38446,36 +38500,9 @@ class Frame extends BaseItem {
     this.children = this.children.filter((currChild) => !childId.includes(currChild));
     this.subject.publish(this);
   }
-  removeChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "removeChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
-  handleNesting(item, options) {
-    const isItem = "itemType" in item;
-    const itemMbr = isItem ? item.getMbr() : item;
-    if (item instanceof Frame) {
-      return false;
-    }
-    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
-      return false;
-    }
-    const frameMbr = this.getMbr().copy();
-    if (item.isEnclosedOrCrossedBy(frameMbr)) {
-      if (frameMbr.isInside(itemMbr.getCenter())) {
-        if (!options || !options.onlyForOut) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
     this.textContainer = Frames[this.shapeType].textBounds.copy();
@@ -38649,6 +38676,7 @@ class Frame extends BaseItem {
     this.path.setBorderOpacity(this.borderOpacity);
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Frame":
         if (op.method === "setBackgroundColor") {
@@ -50429,7 +50457,7 @@ class BoardSelection {
           if (isParentFrame && isRemoveChildFromFrame) {
             parentFrame.emitRemoveChild([val.item]);
           }
-          val.nested.emitAddChild([val.item]);
+          val.nested.addChildItems([val.item]);
         } else if (val.item.parent !== "Board") {
           if (isParentFrame) {
             parentFrame.emitRemoveChild([val.item]);
@@ -52119,7 +52147,7 @@ class SpatialIndex {
   remove(item) {
     if (item instanceof Frame) {
       const newItems = item.getChildrenIds().map((childId) => this.getById(childId)).filter((child) => child !== undefined);
-      item.emitRemoveChild(newItems);
+      item.removeChildItems(newItems);
     }
     if (item.parent !== "Board") {
       const parentFrame = this.items.getById(item.parent);
@@ -53198,7 +53226,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {

package/dist/cjs/index.js

@@ -19649,6 +19649,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -19680,6 +19682,87 @@ class BaseItem extends Mbr {
     this.getRichText()?.setId(id);
     return this;
   }
+  addChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const childrenIds = children.map((child) => {
+      child.parent = this.getId();
+      return child.getId();
+    });
+    this.updateChildren([...this.children, ...childrenIds]);
+  }
+  removeChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const newChildren = Array.isArray(children) ? children : [children];
+    const childrenIds = newChildren.map((child) => {
+      child.parent = "Board";
+      return child.getId();
+    });
+    this.updateChildren(this.children.filter((child) => !childrenIds.includes(child)));
+  }
+  emitNesting(children) {
+    const itemsToAdd = [];
+    const itemsToRemove = [];
+    children.forEach((child) => {
+      if (this.handleNesting(child)) {
+        itemsToAdd.push(child);
+      } else {
+        itemsToRemove.push(child);
+      }
+    });
+    this.addChildItems(itemsToAdd);
+    this.removeChildItems(itemsToRemove);
+  }
+  updateChildren(children) {
+    this.emit({
+      class: this.itemType,
+      method: "updateChildren",
+      item: [this.getId()],
+      newData: { children },
+      prevData: { children: this.children }
+    });
+  }
+  handleNesting(item, options) {
+    const isItem = "itemType" in item;
+    const itemMbr = isItem ? item.getMbr() : item;
+    if (item instanceof BaseItem && !item.canBeNested) {
+      return false;
+    }
+    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
+      return false;
+    }
+    const mbr = this.getMbr().copy();
+    if (item.isEnclosedOrCrossedBy(mbr)) {
+      if (mbr.isInside(itemMbr.getCenter())) {
+        if (!options || !options.onlyForOut) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  applyUpdateChildren(children) {
+    if (!this.children) {
+      return;
+    }
+    children.forEach((child) => {
+      if (this.parent !== child && this.getId() !== child) {
+        const foundItem = this.board.items.getById(child);
+        if (!this.children.includes(child) && foundItem) {
+          foundItem.parent = this.getId();
+        }
+      }
+    });
+    this.children = children;
+    this.updateMbr();
+    this.subject.publish(this);
+  }
+  updateMbr() {
+    return;
+  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -19729,6 +19812,12 @@ class BaseItem extends Mbr {
       case "LinkTo":
         this.linkTo.apply(op);
         break;
+      case this.itemType:
+        op = op;
+        switch (op.method) {
+          case "updateChildren":
+            this.applyUpdateChildren(op.newData.children);
+        }
     }
   }
   addOnRemoveCallback(cb) {
@@ -38352,6 +38441,7 @@ class Frame extends BaseItem {
   linkTo;
   text;
   canChangeRatio = true;
+  canBeNested = false;
   newShape = null;
   transformationRenderBlock = undefined;
   constructor(board, getItemById, id = "", name = "", shapeType = defaultFrameData.shapeType, backgroundColor = defaultFrameData.backgroundColor, backgroundOpacity = defaultFrameData.backgroundOpacity, borderColor = defaultFrameData.borderColor, borderOpacity = defaultFrameData.borderOpacity, borderStyle = defaultFrameData.borderStyle, borderWidth = defaultFrameData.borderWidth) {
@@ -38390,42 +38480,6 @@ class Frame extends BaseItem {
     this.board = board;
     return this;
   }
-  emitAddChild(children) {
-    const childrenIds = children.map((child) => {
-      child.parent = this.getId();
-      return child.getId();
-    });
-    this.addChild(childrenIds);
-  }
-  emitRemoveChild(children) {
-    const newChildren = Array.isArray(children) ? children : [children];
-    const childrenIds = newChildren.map((child) => {
-      child.parent = "Board";
-      return child.getId();
-    });
-    this.removeChild(childrenIds);
-  }
-  emitNesting(children) {
-    const itemsToAdd = [];
-    const itemsToRemove = [];
-    children.forEach((child) => {
-      if (this.handleNesting(child)) {
-        itemsToAdd.push(child);
-      } else {
-        itemsToRemove.push(child);
-      }
-    });
-    this.emitAddChild(itemsToAdd);
-    this.emitRemoveChild(itemsToRemove);
-  }
-  addChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "addChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   applyAddChild(childId, noWarn = false) {
     const children = Array.isArray(childId) ? childId : [childId];
     children.forEach((child) => {
@@ -38446,36 +38500,9 @@ class Frame extends BaseItem {
     this.children = this.children.filter((currChild) => !childId.includes(currChild));
     this.subject.publish(this);
   }
-  removeChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "removeChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
-  handleNesting(item, options) {
-    const isItem = "itemType" in item;
-    const itemMbr = isItem ? item.getMbr() : item;
-    if (item instanceof Frame) {
-      return false;
-    }
-    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
-      return false;
-    }
-    const frameMbr = this.getMbr().copy();
-    if (item.isEnclosedOrCrossedBy(frameMbr)) {
-      if (frameMbr.isInside(itemMbr.getCenter())) {
-        if (!options || !options.onlyForOut) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
     this.textContainer = Frames[this.shapeType].textBounds.copy();
@@ -38649,6 +38676,7 @@ class Frame extends BaseItem {
     this.path.setBorderOpacity(this.borderOpacity);
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Frame":
         if (op.method === "setBackgroundColor") {
@@ -50429,7 +50457,7 @@ class BoardSelection {
           if (isParentFrame && isRemoveChildFromFrame) {
             parentFrame.emitRemoveChild([val.item]);
           }
-          val.nested.emitAddChild([val.item]);
+          val.nested.addChildItems([val.item]);
         } else if (val.item.parent !== "Board") {
           if (isParentFrame) {
             parentFrame.emitRemoveChild([val.item]);
@@ -52119,7 +52147,7 @@ class SpatialIndex {
   remove(item) {
     if (item instanceof Frame) {
       const newItems = item.getChildrenIds().map((childId) => this.getById(childId)).filter((child) => child !== undefined);
-      item.emitRemoveChild(newItems);
+      item.removeChildItems(newItems);
     }
     if (item.parent !== "Board") {
       const parentFrame = this.items.getById(item.parent);
@@ -53198,7 +53226,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {

package/dist/cjs/node.js

@@ -22188,6 +22188,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -22219,6 +22221,87 @@ class BaseItem extends Mbr {
     this.getRichText()?.setId(id);
     return this;
   }
+  addChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const childrenIds = children.map((child) => {
+      child.parent = this.getId();
+      return child.getId();
+    });
+    this.updateChildren([...this.children, ...childrenIds]);
+  }
+  removeChildItems(children) {
+    if (!this.children) {
+      return;
+    }
+    const newChildren = Array.isArray(children) ? children : [children];
+    const childrenIds = newChildren.map((child) => {
+      child.parent = "Board";
+      return child.getId();
+    });
+    this.updateChildren(this.children.filter((child) => !childrenIds.includes(child)));
+  }
+  emitNesting(children) {
+    const itemsToAdd = [];
+    const itemsToRemove = [];
+    children.forEach((child) => {
+      if (this.handleNesting(child)) {
+        itemsToAdd.push(child);
+      } else {
+        itemsToRemove.push(child);
+      }
+    });
+    this.addChildItems(itemsToAdd);
+    this.removeChildItems(itemsToRemove);
+  }
+  updateChildren(children) {
+    this.emit({
+      class: this.itemType,
+      method: "updateChildren",
+      item: [this.getId()],
+      newData: { children },
+      prevData: { children: this.children }
+    });
+  }
+  handleNesting(item, options) {
+    const isItem = "itemType" in item;
+    const itemMbr = isItem ? item.getMbr() : item;
+    if (item instanceof BaseItem && !item.canBeNested) {
+      return false;
+    }
+    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
+      return false;
+    }
+    const mbr = this.getMbr().copy();
+    if (item.isEnclosedOrCrossedBy(mbr)) {
+      if (mbr.isInside(itemMbr.getCenter())) {
+        if (!options || !options.onlyForOut) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  applyUpdateChildren(children) {
+    if (!this.children) {
+      return;
+    }
+    children.forEach((child) => {
+      if (this.parent !== child && this.getId() !== child) {
+        const foundItem = this.board.items.getById(child);
+        if (!this.children.includes(child) && foundItem) {
+          foundItem.parent = this.getId();
+        }
+      }
+    });
+    this.children = children;
+    this.updateMbr();
+    this.subject.publish(this);
+  }
+  updateMbr() {
+    return;
+  }
   getLinkTo() {
     return this.linkTo.link;
   }
@@ -22268,6 +22351,12 @@ class BaseItem extends Mbr {
       case "LinkTo":
         this.linkTo.apply(op);
         break;
+      case this.itemType:
+        op = op;
+        switch (op.method) {
+          case "updateChildren":
+            this.applyUpdateChildren(op.newData.children);
+        }
     }
   }
   addOnRemoveCallback(cb) {
@@ -40892,6 +40981,7 @@ class Frame extends BaseItem {
   linkTo;
   text;
   canChangeRatio = true;
+  canBeNested = false;
   newShape = null;
   transformationRenderBlock = undefined;
   constructor(board, getItemById, id = "", name = "", shapeType = defaultFrameData.shapeType, backgroundColor = defaultFrameData.backgroundColor, backgroundOpacity = defaultFrameData.backgroundOpacity, borderColor = defaultFrameData.borderColor, borderOpacity = defaultFrameData.borderOpacity, borderStyle = defaultFrameData.borderStyle, borderWidth = defaultFrameData.borderWidth) {
@@ -40930,42 +41020,6 @@ class Frame extends BaseItem {
     this.board = board;
     return this;
   }
-  emitAddChild(children) {
-    const childrenIds = children.map((child) => {
-      child.parent = this.getId();
-      return child.getId();
-    });
-    this.addChild(childrenIds);
-  }
-  emitRemoveChild(children) {
-    const newChildren = Array.isArray(children) ? children : [children];
-    const childrenIds = newChildren.map((child) => {
-      child.parent = "Board";
-      return child.getId();
-    });
-    this.removeChild(childrenIds);
-  }
-  emitNesting(children) {
-    const itemsToAdd = [];
-    const itemsToRemove = [];
-    children.forEach((child) => {
-      if (this.handleNesting(child)) {
-        itemsToAdd.push(child);
-      } else {
-        itemsToRemove.push(child);
-      }
-    });
-    this.emitAddChild(itemsToAdd);
-    this.emitRemoveChild(itemsToRemove);
-  }
-  addChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "addChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   applyAddChild(childId, noWarn = false) {
     const children = Array.isArray(childId) ? childId : [childId];
     children.forEach((child) => {
@@ -40986,36 +41040,9 @@ class Frame extends BaseItem {
     this.children = this.children.filter((currChild) => !childId.includes(currChild));
     this.subject.publish(this);
   }
-  removeChild(childId) {
-    this.emit({
-      class: "Frame",
-      method: "removeChild",
-      item: [this.getId()],
-      childId
-    });
-  }
   getLinkTo() {
     return this.linkTo.link;
   }
-  handleNesting(item, options) {
-    const isItem = "itemType" in item;
-    const itemMbr = isItem ? item.getMbr() : item;
-    if (item instanceof Frame) {
-      return false;
-    }
-    if (options?.cancelIfChild && isItem && item.parent !== "Board") {
-      return false;
-    }
-    const frameMbr = this.getMbr().copy();
-    if (item.isEnclosedOrCrossedBy(frameMbr)) {
-      if (frameMbr.isInside(itemMbr.getCenter())) {
-        if (!options || !options.onlyForOut) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
     this.textContainer = Frames[this.shapeType].textBounds.copy();
@@ -41189,6 +41216,7 @@ class Frame extends BaseItem {
     this.path.setBorderOpacity(this.borderOpacity);
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Frame":
         if (op.method === "setBackgroundColor") {
@@ -52969,7 +52997,7 @@ class BoardSelection {
           if (isParentFrame && isRemoveChildFromFrame) {
             parentFrame.emitRemoveChild([val.item]);
           }
-          val.nested.emitAddChild([val.item]);
+          val.nested.addChildItems([val.item]);
         } else if (val.item.parent !== "Board") {
           if (isParentFrame) {
             parentFrame.emitRemoveChild([val.item]);
@@ -54592,7 +54620,7 @@ class SpatialIndex {
   remove(item) {
     if (item instanceof Frame) {
       const newItems = item.getChildrenIds().map((childId) => this.getById(childId)).filter((child) => child !== undefined);
-      item.emitRemoveChild(newItems);
+      item.removeChildItems(newItems);
     }
     if (item.parent !== "Board") {
       const parentFrame = this.items.getById(item.parent);
@@ -55671,7 +55699,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {