microboard-temp 0.13.83 → 0.13.85

package/dist/cjs/browser.js

@@ -59958,6 +59958,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -60147,6 +60170,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -60156,10 +60190,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -61468,7 +61498,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

package/dist/cjs/index.js

@@ -59958,6 +59958,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -60147,6 +60170,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -60156,10 +60190,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -61468,7 +61498,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

package/dist/cjs/node.js

@@ -62378,6 +62378,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -62567,6 +62590,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -62576,10 +62610,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -63888,7 +63918,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

package/dist/esm/browser.js

@@ -59896,6 +59896,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -60085,6 +60108,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -60094,10 +60128,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -61406,7 +61436,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

package/dist/esm/index.js

@@ -59889,6 +59889,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -60078,6 +60101,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -60087,10 +60121,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -61399,7 +61429,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

package/dist/esm/node.js

@@ -62298,6 +62298,29 @@ var init_Frame = __esm(() => {
       this.board = board;
       return this;
     }
+    addChildItems(children) {
+      if (!this.index || children.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "addChildren",
+        item: [this.getId()],
+        childId: children.map((child) => child.getId())
+      });
+    }
+    removeChildItems(children) {
+      if (!this.index)
+        return;
+      const childrenArr = Array.isArray(children) ? children : [children];
+      if (childrenArr.length === 0)
+        return;
+      this.emit({
+        class: this.itemType,
+        method: "removeChildren",
+        item: [this.getId()],
+        childId: childrenArr.map((child) => child.getId())
+      });
+    }
     getLinkTo() {
       return this.linkTo.link;
     }
@@ -62487,6 +62510,17 @@ var init_Frame = __esm(() => {
       this.path.setBorderOpacity(this.borderOpacity);
     }
     apply(op) {
+      if (op.class === "Frame") {
+        if (op.method === "addChildren" || op.method === "addChild") {
+          this.applyAddChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        } else if (op.method === "removeChildren" || op.method === "removeChild") {
+          this.applyRemoveChildren(op.childId);
+          this.subject.publish(this);
+          return;
+        }
+      }
       super.apply(op);
       switch (op.class) {
         case "Frame":
@@ -62496,10 +62530,6 @@ var init_Frame = __esm(() => {
             this.applyCanChangeRatio(op.canChangeRatio);
           } else if (op.method === "setFrameType") {
             this.applyFrameType(op.shapeType);
-          } else if (op.method === "addChild") {
-            this.applyAddChildren(op.childId);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren(op.childId);
           }
           break;
         case "RichText":
@@ -63808,7 +63838,7 @@ var init_Drawing = __esm(() => {
       return null;
     }
     isPointNearLine(point5, threshold = 10) {
-      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.transformation.getMatrixData();
+      const { translateX: drawingTranslateX, translateY: drawingTranslateY, scaleX: drawingScaleX, scaleY: drawingScaleY } = this.getWorldMatrix();
       const transformedMouseX = (point5.x - drawingTranslateX) / drawingScaleX;
       const transformedMouseY = (point5.y - drawingTranslateY) / drawingScaleY;
       const transformedMouse = new Point(transformedMouseX, transformedMouseY);

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

@@ -8,6 +8,7 @@ import type { Item } from "../Item";
 import { RichText } from "../RichText/RichText";
 import { Matrix } from "../Transformation/Matrix";
 import type { SerializedItemData } from "../BaseItem/BaseItem";
+import { BaseItem } from "../BaseItem/BaseItem";
 import { Subject } from "../../Subject";
 import { DrawingContext } from "../DrawingContext";
 import { Operation } from "../../Events";
@@ -20,7 +21,6 @@ import { LinkTo } from "../LinkTo/LinkTo";
 import { FrameData } from "./FrameData";
 import { DocumentFactory } from "../../api/DocumentFactory";
 import { ResizeType } from "../../Selection/Transformer/TransformerHelpers/getResizeType";
-import { BaseItem } from "../BaseItem";
 import { ColorValue } from "../../..";
 export declare class Frame extends BaseItem<Frame> {
     private getItemById;
@@ -53,6 +53,8 @@ export declare class Frame extends BaseItem<Frame> {
      * Child cant be itself,
      * frame cant be child
      */
+    addChildItems(children: BaseItem[]): void;
+    removeChildItems(children: BaseItem[] | BaseItem): void;
     getLinkTo(): string | undefined;
     /**
      * Returns:

package/package.json

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