microboard-temp 0.4.34 → 0.4.35

package/dist/esm/browser.js

@@ -19499,6 +19499,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -19530,6 +19532,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;
   }
@@ -19579,6 +19662,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) {
@@ -38202,6 +38291,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) {
@@ -38240,42 +38330,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) => {
@@ -38296,36 +38350,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();
@@ -50279,7 +50306,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]);
@@ -51969,7 +51996,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);
@@ -53048,7 +53075,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {

package/dist/esm/index.js

@@ -19492,6 +19492,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -19523,6 +19525,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;
   }
@@ -19572,6 +19655,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) {
@@ -38195,6 +38284,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) {
@@ -38233,42 +38323,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) => {
@@ -38289,36 +38343,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();
@@ -50272,7 +50299,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]);
@@ -51962,7 +51989,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);
@@ -53041,7 +53068,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {

package/dist/esm/node.js

@@ -22026,6 +22026,8 @@ class BaseItem extends Mbr {
   transformation;
   linkTo;
   parent = "Board";
+  children = null;
+  canBeNested = true;
   transformationRenderBlock = undefined;
   board;
   id;
@@ -22057,6 +22059,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;
   }
@@ -22106,6 +22189,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) {
@@ -40730,6 +40819,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) {
@@ -40768,42 +40858,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) => {
@@ -40824,36 +40878,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();
@@ -52807,7 +52834,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]);
@@ -54430,7 +54457,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);
@@ -55509,7 +55536,7 @@ class Board {
       }
     });
     framesMap.forEach((items2, frame) => {
-      frame.emitAddChild(items2);
+      frame.addChildItems(items2);
     });
   }
   createItem(id, data) {

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

@@ -23,6 +23,8 @@ export declare class BaseItem extends Mbr implements Geometry {
     readonly transformation: Transformation;
     readonly linkTo: LinkTo;
     parent: string;
+    private children;
+    canBeNested: boolean;
     transformationRenderBlock?: boolean;
     board: Board;
     id: string;
@@ -34,6 +36,16 @@ export declare class BaseItem extends Mbr implements Geometry {
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined);
     getId(): string;
     setId(id: string): this;
+    addChildItems(children: BaseItem[]): void;
+    removeChildItems(children: BaseItem[] | BaseItem): void;
+    emitNesting(children: BaseItem[]): void;
+    private updateChildren;
+    handleNesting(item: BaseItem | Mbr, options?: {
+        onlyForOut?: boolean;
+        cancelIfChild?: boolean;
+    }): boolean;
+    applyUpdateChildren(children: string[]): void;
+    updateMbr(): void;
     getLinkTo(): string | undefined;
     getRichText(): RichText | null;
     deserialize(data: SerializedItemData): this;

package/dist/types/Items/BaseItem/BaseItemOperation.d.ts

@@ -0,0 +1,7 @@
+import { BaseOperation } from "../../Events/EventsOperations";
+export type BaseItemOperation = UpdateChildren;
+export interface UpdateChildren extends BaseOperation<{
+    children: string[];
+}> {
+    method: "updateChildren";
+}