microboard-temp 0.13.13 → 0.13.15

package/dist/cjs/browser.js

@@ -4993,6 +4993,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -5010,6 +5017,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -43613,6 +43637,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -43714,7 +43739,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -43724,6 +43750,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -43862,7 +43891,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -54399,6 +54428,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -54413,6 +54444,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -54675,12 +54707,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -54718,11 +54755,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -54751,6 +54800,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -54825,20 +54889,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -54866,11 +54931,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -54879,7 +54945,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/cjs/index.js

@@ -4993,6 +4993,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -5010,6 +5017,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -43613,6 +43637,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -43714,7 +43739,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -43724,6 +43750,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -43862,7 +43891,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -54399,6 +54428,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -54413,6 +54444,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -54675,12 +54707,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -54718,11 +54755,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -54751,6 +54800,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -54825,20 +54889,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -54866,11 +54931,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -54879,7 +54945,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/cjs/node.js

@@ -6030,6 +6030,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -6047,6 +6054,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -46086,6 +46110,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -46187,7 +46212,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -46197,6 +46223,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -46335,7 +46364,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -56872,6 +56901,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -56886,6 +56917,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -57148,12 +57180,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -57191,11 +57228,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -57224,6 +57273,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -57298,20 +57362,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -57339,11 +57404,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -57352,7 +57418,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/esm/browser.js

@@ -4813,6 +4813,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -4830,6 +4837,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -43442,6 +43466,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -43543,7 +43568,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -43553,6 +43579,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -43691,7 +43720,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -54228,6 +54257,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -54242,6 +54273,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -54504,12 +54536,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -54547,11 +54584,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -54580,6 +54629,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -54654,20 +54718,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -54695,11 +54760,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -54708,7 +54774,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/esm/index.js

@@ -4806,6 +4806,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -4823,6 +4830,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -43435,6 +43459,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -43536,7 +43561,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -43546,6 +43572,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -43684,7 +43713,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -54221,6 +54250,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -54235,6 +54266,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -54497,12 +54529,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -54540,11 +54577,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -54573,6 +54622,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -54647,20 +54711,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -54688,11 +54753,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -54701,7 +54767,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/esm/node.js

@@ -5590,6 +5590,13 @@ class BoardCommand {
           item: [operation.item]
         };
       }
+      case "addGroup": {
+        return {
+          class: "Board",
+          method: "removeGroup",
+          item: [operation.item]
+        };
+      }
       case "removeLockedGroup": {
         const items = this.board.items;
         const reverse = [];
@@ -5607,6 +5614,23 @@ class BoardCommand {
         }
         return reverse;
       }
+      case "removeGroup": {
+        const items = this.board.items;
+        const reverse = [];
+        for (const itemId of operation.item) {
+          const item = items.getById(itemId);
+          if (!item || item.itemType !== "Group") {
+            throw new Error("Get reverse board operation. Item not found");
+          }
+          reverse.push({
+            class: "Board",
+            method: "addGroup",
+            item: itemId,
+            data: item.serialize()
+          });
+        }
+        return reverse;
+      }
       case "duplicate":
       case "paste": {
         const item = [];
@@ -45903,6 +45927,7 @@ class Group extends BaseItem {
   transformation;
   subject = new Subject;
   transformationRenderBlock = undefined;
+  isLockedGroup = false;
   constructor(board, events, children = [], id = "") {
     super(board, id, undefined, true);
     this.events = events;
@@ -46004,7 +46029,8 @@ class Group extends BaseItem {
     return {
       itemType: "Group",
       children: this.getChildrenIds(),
-      transformation: this.transformation.serialize()
+      transformation: this.transformation.serialize(),
+      isLockedGroup: this.isLockedGroup
     };
   }
   deserialize(data) {
@@ -46014,6 +46040,9 @@ class Group extends BaseItem {
     if (data.children && data.children.length > 0) {
       this.applyAddChildren(data.children);
     }
+    if (data.isLockedGroup !== undefined) {
+      this.isLockedGroup = data.isLockedGroup;
+    }
     this.subject.publish(this);
     return this;
   }
@@ -46152,7 +46181,7 @@ function createGroup(id, data, board) {
   if (!isGroupData(data)) {
     throw new Error("Invalid data for Group");
   }
-  const group = new Group(board, board.events, data.children, "").setId(id).deserialize(data);
+  const group = new Group(board, board.events, data.children, id).setId(id).deserialize(data);
   return group;
 }
 function isStickerData(data) {
@@ -56689,6 +56718,8 @@ class GravityEngine {
     if (this.tickTimer !== null)
       return;
     for (const item of this.board.items.listAll()) {
+      const pos = item.transformation.getTranslation();
+      this.lastSyncedPositions.set(item.getId(), { x: pos.x, y: pos.y });
       this.velocities.set(item.getId(), { vx: 0, vy: 0 });
     }
     this.tickTimer = setInterval(() => this.tick(), this.TICK_MS);
@@ -56703,6 +56734,7 @@ class GravityEngine {
       clearInterval(this.syncTimer);
       this.syncTimer = null;
     }
+    this.syncPositions();
     this.velocities.clear();
     this.lastSyncedPositions.clear();
   }
@@ -56965,12 +56997,17 @@ class Board {
         return this.applyAddItems(op);
       case "addLockedGroup":
         return this.applyAddLockedGroupOperation(op);
+      case "addGroup":
+        return this.applyAddGroupOperation(op);
       case "remove": {
         return this.applyRemoveOperation(op);
       }
       case "removeLockedGroup": {
         return this.applyRemoveLockedGroupOperation(op);
       }
+      case "removeGroup": {
+        return this.applyRemoveGroupOperation(op);
+      }
       case "paste": {
         return this.applyPasteOperation(op.itemsMap);
       }
@@ -57008,11 +57045,23 @@ class Board {
       const zIndex = this.index.getZIndex(lastChildrenId) + 1;
       this.index.moveToZIndex(item, zIndex);
     }
+    item.isLockedGroup = true;
     item.getChildren().forEach((item2) => {
       item2.transformation.isLocked = true;
     });
     item.transformation.isLocked = true;
   }
+  applyAddGroupOperation(op) {
+    const item = this.createItem(op.item, op.data);
+    const groupChildrenIds = item.getChildrenIds();
+    this.index.insert(item);
+    const lastChildrenId = this.index.getById(groupChildrenIds[groupChildrenIds.length - 1]);
+    if (lastChildrenId) {
+      const zIndex = this.index.getZIndex(lastChildrenId) + 1;
+      this.index.moveToZIndex(item, zIndex);
+    }
+    item.isLockedGroup = false;
+  }
   applyRemoveOperation(op) {
     const removedItems = [];
     this.findItemAndApply(op.item, (item) => {
@@ -57041,6 +57090,21 @@ class Board {
       removedItems.push(item2);
     });
   }
+  applyRemoveGroupOperation(op) {
+    const item = this.index.getById(op.item[0]);
+    if (!item || !(item instanceof Group)) {
+      return;
+    }
+    item.getChildren().forEach((item2) => {
+      item2.parent = "Board";
+    });
+    const removedItems = [];
+    this.findItemAndApply(op.item, (item2) => {
+      this.index.remove(item2);
+      this.selection.remove(item2);
+      removedItems.push(item2);
+    });
+  }
   applyItemOperation(op) {
     if ("item" in op) {
       this.findItemAndApply(op.item, (item) => {
@@ -57115,20 +57179,21 @@ class Board {
     this.handleNesting(newItem);
     return newItem;
   }
-  addLockedGroup(item) {
+  addLockedGroup(items) {
     const id = this.getNewItemId();
+    const groupData = {
+      itemType: "Group",
+      children: items.map((i) => i.getId()),
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: true
+    };
     this.emit({
       class: "Board",
       method: "addLockedGroup",
       item: id,
-      data: item.serialize()
+      data: groupData
     });
-    const newItem = this.items.getById(id);
-    if (!newItem) {
-      throw new Error(`Add item. Item ${id} was not created.`);
-    }
-    this.handleNesting(newItem);
-    return newItem;
+    return this.items.getById(id);
   }
   remove(item, withConnectors = true) {
     let connectors = [];
@@ -57156,11 +57221,12 @@ class Board {
     const groupData = {
       itemType: "Group",
       children: items.map((i) => i.getId()),
-      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, shearX: 0, shearY: 0 }
+      transformation: { translateX: 0, translateY: 0, scaleX: 1, scaleY: 1, rotate: 0, isLocked: false },
+      isLockedGroup: false
     };
     this.emit({
       class: "Board",
-      method: "addLockedGroup",
+      method: "addGroup",
       item: id,
       data: groupData
     });
@@ -57169,7 +57235,7 @@ class Board {
   ungroup(group) {
     this.emit({
       class: "Board",
-      method: "removeLockedGroup",
+      method: "removeGroup",
       item: [group.getId()]
     });
   }

package/dist/types/Board.d.ts

@@ -62,8 +62,10 @@ export declare class Board {
     private applyBoardOperation;
     private applyAddItems;
     private applyAddLockedGroupOperation;
+    private applyAddGroupOperation;
     private applyRemoveOperation;
     private applyRemoveLockedGroupOperation;
+    private applyRemoveGroupOperation;
     private applyItemOperation;
     private findItemAndApply;
     /** Nest item to the frame which is seen on the screen and covers the most volume of the item
@@ -77,7 +79,7 @@ export declare class Board {
         };
     };
     add<T extends Item>(item: T, timeStamp?: number): T;
-    addLockedGroup(item: Group): Item;
+    addLockedGroup(items: BaseItem[]): Group;
     remove(item: Item, withConnectors?: boolean): void;
     removeLockedGroup(item: Group): void;
     /**

package/dist/types/BoardOperations.d.ts

@@ -29,6 +29,10 @@ export interface CreateLockedGroupItem extends SingleItemBoardOp {
     method: "addLockedGroup";
     data: GroupData;
 }
+export interface CreateGroup extends SingleItemBoardOp {
+    method: "addGroup";
+    data: GroupData;
+}
 export interface RemoveItem extends MultiItemBoardOp {
     method: "remove";
 }
@@ -41,6 +45,9 @@ export interface UnlockItem extends MultiItemBoardOp {
 export interface RemoveLockedGroup extends MultiItemBoardOp {
     method: "removeLockedGroup";
 }
+export interface RemoveGroup extends MultiItemBoardOp {
+    method: "removeGroup";
+}
 interface MoveToZIndex extends SingleItemBoardOp {
     method: "moveToZIndex";
     zIndex: number;
@@ -72,5 +79,5 @@ interface Paste extends ItemMapBoardOp {
 interface Duplicate extends ItemMapBoardOp {
     method: "duplicate";
 }
-export type BoardOps = CreateItem | CreateLockedGroupItem | RemoveItem | RemoveLockedGroup | MoveToZIndex | MoveManyToZIndex | MoveSecondBeforeFirst | MoveSecondAfterFirst | BringToFront | SendToBack | Paste | Duplicate | LockItem | UnlockItem;
+export type BoardOps = CreateItem | CreateLockedGroupItem | CreateGroup | RemoveItem | RemoveLockedGroup | RemoveGroup | MoveToZIndex | MoveManyToZIndex | MoveSecondBeforeFirst | MoveSecondAfterFirst | BringToFront | SendToBack | Paste | Duplicate | LockItem | UnlockItem;
 export {};

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

@@ -12,6 +12,7 @@ export interface GroupData {
     readonly itemType: "Group";
     children: string[];
     transformation: TransformationData;
+    isLockedGroup?: boolean;
 }
 export declare class Group extends BaseItem {
     private events?;
@@ -21,6 +22,7 @@ export declare class Group extends BaseItem {
     readonly transformation: Transformation;
     readonly subject: Subject<Group>;
     transformationRenderBlock?: boolean;
+    isLockedGroup: boolean;
     constructor(board: Board, events?: Events | undefined, children?: string[], id?: string);
     isClosed(): boolean;
     getRichText(): null;

package/package.json

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