microboard-temp 0.4.62 → 0.4.64

package/dist/cjs/browser.js

@@ -18822,35 +18822,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -20832,6 +20807,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -20848,6 +20828,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -20857,16 +20844,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -20876,17 +20878,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -20896,6 +20922,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/cjs/index.js

@@ -18822,35 +18822,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -20832,6 +20807,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -20848,6 +20828,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -20857,16 +20844,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -20876,17 +20878,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -20896,6 +20922,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/cjs/node.js

@@ -21362,35 +21362,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -23304,6 +23279,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -23320,6 +23300,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -23329,16 +23316,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -23348,17 +23350,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -23368,6 +23394,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/esm/browser.js

@@ -18672,35 +18672,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -20682,6 +20657,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -20698,6 +20678,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -20707,16 +20694,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -20726,17 +20728,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -20746,6 +20772,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/esm/index.js

@@ -18665,35 +18665,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -20675,6 +20650,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -20691,6 +20671,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -20700,16 +20687,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -20719,17 +20721,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -20739,6 +20765,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/esm/node.js

@@ -21200,35 +21200,10 @@ class FrameCommand {
           };
         });
       case "addChildren":
-        return mapItemsByOperation(frame, (item) => {
-          return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
       case "removeChildren":
         return mapItemsByOperation(frame, (item) => {
           return {
-            ...this.operation,
-            newData: { childIds: item.getChildrenIds() }
-          };
-        });
-      default:
-        return mapItemsByOperation(frame, (item) => {
-          const op = this.operation;
-          let newData = {};
-          if (op.prevData) {
-            newData = { ...op.prevData };
-          } else {
-            Object.keys(op.newData).forEach((key) => {
-              if (item[key]) {
-                newData[key] = item[key];
-              }
-            });
-          }
-          return {
-            ...op,
-            newData
+            ...this.operation
           };
         });
     }
@@ -23142,6 +23117,11 @@ class SpatialIndex {
     return this.getById(item.parent);
   }
   moveToZIndex(item, zIndex) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.moveToZIndex(item, zIndex);
+      this.subject.publish(this.items);
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.splice(zIndex, 0, item);
@@ -23158,6 +23138,13 @@ class SpatialIndex {
     this.itemsArray.forEach(this.change.bind(this));
   }
   sendToBack(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.sendToBack(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.unshift(item);
@@ -23167,16 +23154,31 @@ class SpatialIndex {
     }
   }
   sendManyToBack(items) {
-    const newItems = [...items];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.sendManyToBack(value);
       }
     });
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [...groups["Board"]];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
   }
   bringToFront(item, shouldPublish = true) {
+    if (item.parent !== "Board") {
+      this.getById(item.parent)?.index?.bringToFront(item);
+      if (shouldPublish) {
+        this.subject.publish(this.items);
+      }
+      return;
+    }
     const index2 = this.itemsArray.indexOf(item);
     this.itemsArray.splice(index2, 1);
     this.itemsArray.push(item);
@@ -23186,17 +23188,41 @@ class SpatialIndex {
     }
   }
   bringManyToFront(items) {
-    const newItems = [];
-    this.itemsArray.forEach((item) => {
-      if (!items.includes(item)) {
-        newItems.push(item);
+    const groups = this.splitItemsToGroups(items);
+    Object.entries(groups).forEach(([key, value]) => {
+      if (key !== "Board") {
+        this.getById(key)?.index?.bringManyToFront(value);
       }
     });
-    newItems.push(...items);
-    this.itemsArray = newItems;
-    this.itemsArray.forEach(this.change.bind(this));
+    if (groups["Board"]) {
+      const newItems = [];
+      this.itemsArray.forEach((item) => {
+        if (!groups["Board"].includes(item)) {
+          newItems.push(item);
+        }
+      });
+      newItems.push(...groups["Board"]);
+      this.itemsArray = newItems;
+      this.itemsArray.forEach(this.change.bind(this));
+    }
+  }
+  splitItemsToGroups(items) {
+    const groups = {};
+    for (const item of items) {
+      if (!groups[item.parent]) {
+        groups[item.parent] = [item];
+      } else {
+        groups[item.parent].push(item);
+      }
+    }
+    return groups;
   }
   moveSecondAfterFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondAfterFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);
@@ -23206,6 +23232,11 @@ class SpatialIndex {
     this.subject.publish(this.items);
   }
   moveSecondBeforeFirst(first, second) {
+    if (first.parent !== "Board" && second.parent === first.parent) {
+      this.getById(first.parent)?.index?.moveSecondBeforeFirst(first, second);
+      this.subject.publish(this.items);
+      return;
+    }
     const secondIndex = this.itemsArray.indexOf(second);
     this.itemsArray.splice(secondIndex, 1);
     const firstIndex = this.itemsArray.indexOf(first);

package/dist/types/SpatialIndex/SpacialIndex.d.ts

@@ -28,6 +28,7 @@ export declare class SpatialIndex {
     sendManyToBack(items: Item[]): void;
     bringToFront(item: Item, shouldPublish?: boolean): void;
     bringManyToFront(items: Item[]): void;
+    private splitItemsToGroups;
     moveSecondAfterFirst(first: Item, second: Item): void;
     moveSecondBeforeFirst(first: Item, second: Item): void;
     getById(id: string): BaseItem | undefined;

package/package.json

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