microboard-temp 0.13.11 → 0.13.13

package/dist/cjs/browser.js

@@ -19533,7 +19533,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -19547,7 +19547,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -22341,10 +22367,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -22863,9 +22889,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -43609,21 +43633,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -43656,10 +43674,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

package/dist/cjs/index.js

@@ -19533,7 +19533,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -19547,7 +19547,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -22341,10 +22367,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -22863,9 +22889,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -43609,21 +43633,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -43656,10 +43674,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

package/dist/cjs/node.js

@@ -22072,7 +22072,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -22086,7 +22086,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -24813,10 +24839,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -25335,9 +25361,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -46082,21 +46106,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -46129,10 +46147,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

package/dist/esm/browser.js

@@ -19362,7 +19362,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -19376,7 +19376,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -22170,10 +22196,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -22692,9 +22718,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -43438,21 +43462,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -43485,10 +43503,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

package/dist/esm/index.js

@@ -19355,7 +19355,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -19369,7 +19369,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -22163,10 +22189,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -22685,9 +22711,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -43431,21 +43455,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -43478,10 +43496,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

package/dist/esm/node.js

@@ -21889,7 +21889,7 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "removeChild",
-            childId: group2.getId()
+            childId: this.operation.childId
           };
           return {
             item: group2,
@@ -21903,7 +21903,33 @@ class GroupCommand {
           const operation = {
             ...this.operation,
             method: "addChild",
-            childId: group2.getId()
+            childId: this.operation.childId
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "addChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "removeChildren"
+          };
+          return {
+            item: group2,
+            operation
+          };
+        });
+      }
+      case "removeChildren": {
+        const groups = Array.isArray(group) ? group : [group];
+        return groups.map((group2) => {
+          const operation = {
+            ...this.operation,
+            method: "addChildren"
           };
           return {
             item: group2,
@@ -24630,10 +24656,10 @@ class RichText extends BaseItem {
     const shouldUpdateLayout = this.getTextWidth() > (maxWidth || 0);
     if (shouldUpdateLayout) {
       this.updateElement();
-      this.subject.publish(this);
     } else {
       this.transformCanvas();
       this.recoordinate(maxWidth);
+      this.subject.publish(this);
     }
   }
   handleFocus = () => {
@@ -25152,9 +25178,7 @@ class RichText extends BaseItem {
     this.insideOf = data.insideOf;
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
-        this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
-        this.transformCanvas();
+        this.updateElement();
       });
     }
     this.subject.publish(this);
@@ -45899,21 +45923,15 @@ class Group extends BaseItem {
     return null;
   }
   apply(op) {
+    super.apply(op);
     switch (op.class) {
       case "Group":
         if (op.method === "addChild") {
           this.applyAddChildren([op.childId]);
         } else if (op.method === "removeChild") {
           this.applyRemoveChildren([op.childId]);
-        } else if (op.method === "addChildren") {
-          this.applyAddChildren(op.newData.childIds);
-        } else if (op.method === "removeChildren") {
-          this.applyRemoveChildren(op.newData.childIds);
         }
         break;
-      case "Transformation":
-        super.apply(op);
-        break;
       default:
         return;
     }
@@ -45946,10 +45964,10 @@ class Group extends BaseItem {
     for (const child of children) {
       const childLocalMbr = child.getMbr();
       const corners = [
-        { x: childLocalMbr.left, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.top },
-        { x: childLocalMbr.right, y: childLocalMbr.bottom },
-        { x: childLocalMbr.left, y: childLocalMbr.bottom }
+        new Point(childLocalMbr.left, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.top),
+        new Point(childLocalMbr.right, childLocalMbr.bottom),
+        new Point(childLocalMbr.left, childLocalMbr.bottom)
       ];
       for (const corner of corners) {
         groupWorldMatrix.apply(corner);

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

@@ -6,7 +6,7 @@ export interface RemoveChildren extends BaseOperation<{
     method: "removeChildren";
 }
 export interface AddChildren extends BaseOperation<{
-    childIds: string;
+    childIds: string[];
 }> {
     method: "addChildren";
 }

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

@@ -10,5 +10,21 @@ interface RemoveChild {
     item: string[];
     childId: string;
 }
-export type GroupOperation = AddChild | RemoveChild;
+interface AddChildren {
+    class: "Group";
+    method: "addChildren";
+    item: string[];
+    newData: {
+        childIds: string[];
+    };
+}
+interface RemoveChildren {
+    class: "Group";
+    method: "removeChildren";
+    item: string[];
+    newData: {
+        childIds: string[];
+    };
+}
+export type GroupOperation = AddChild | RemoveChild | AddChildren | RemoveChildren;
 export {};

package/package.json

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