microboard-temp 0.14.2 → 0.14.4

package/dist/cjs/browser.js

@@ -58168,6 +58168,175 @@ var init_getLine = __esm(() => {
   init_getStraightLine();
 });
 
+// src/Items/Group/Group.ts
+var Group;
+var init_Group = __esm(() => {
+  init_Mbr();
+  init_Point();
+  init_BaseItem();
+  Group = class Group extends BaseItem {
+    events;
+    itemType = "Group";
+    parent = "Board";
+    subject = new Subject;
+    transformationRenderBlock = undefined;
+    isLockedGroup = false;
+    static movingGroupId = null;
+    constructor(board, events, childIds = [], id = "") {
+      super(board, id, undefined, true);
+      this.events = events;
+      this.canBeNested = true;
+      if (childIds.length > 0) {
+        this.applyAddChildren(childIds);
+      }
+    }
+    isClosed() {
+      return false;
+    }
+    getRichText() {
+      return null;
+    }
+    apply(op) {
+      switch (op.class) {
+        case "Transformation":
+          super.apply(op);
+          this.updateMbr();
+          Group.movingGroupId = this.id;
+          for (const child of this.index.listAll()) {
+            child.subject.publish(child);
+          }
+          Group.movingGroupId = null;
+          break;
+        case "Group":
+          if (op.method === "addChild") {
+            this.applyAddChildren([op.childId]);
+          } else if (op.method === "removeChild") {
+            this.applyRemoveChildren([op.childId]);
+          } else {
+            super.apply(op);
+          }
+          break;
+        default:
+          super.apply(op);
+          return;
+      }
+      this.subject.publish(this);
+    }
+    emit(operation) {
+      if (this.events) {
+        const command = new GroupCommand([this], operation);
+        command.apply();
+        this.events.emit(operation, command);
+      } else {
+        this.apply(operation);
+      }
+    }
+    setId(id) {
+      this.id = id;
+      this.transformation.setId(id);
+      return this;
+    }
+    getMbr() {
+      const children = this.index.listAll();
+      if (children.length === 0) {
+        return new Mbr(this.left, this.top, this.right, this.bottom);
+      }
+      const groupWorldMatrix = this.getWorldMatrix();
+      let left = Number.MAX_SAFE_INTEGER;
+      let top = Number.MAX_SAFE_INTEGER;
+      let right = Number.MIN_SAFE_INTEGER;
+      let bottom = Number.MIN_SAFE_INTEGER;
+      for (const child of children) {
+        const childLocalMbr = child.getMbr();
+        const corners = [
+          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);
+          if (corner.x < left)
+            left = corner.x;
+          if (corner.y < top)
+            top = corner.y;
+          if (corner.x > right)
+            right = corner.x;
+          if (corner.y > bottom)
+            bottom = corner.y;
+        }
+      }
+      const mbr = new Mbr(left, top, right, bottom);
+      this.left = left;
+      this.top = top;
+      this.right = right;
+      this.bottom = bottom;
+      return mbr;
+    }
+    updateMbr() {
+      this.getMbr();
+    }
+    getChildrenIds() {
+      return this.index.listAll().map((item) => item.getId());
+    }
+    getChildren() {
+      return this.index.listAll();
+    }
+    getLinkTo() {
+      return this.linkTo.link;
+    }
+    serialize() {
+      return {
+        id: this.id,
+        itemType: "Group",
+        childIds: this.getChildrenIds(),
+        transformation: this.transformation.serialize(),
+        isLockedGroup: this.isLockedGroup
+      };
+    }
+    deserialize(data) {
+      if (data.transformation) {
+        this.transformation.deserialize(data.transformation);
+      }
+      if (data.childIds && data.childIds.length > 0) {
+        this.applyAddChildren(data.childIds);
+      }
+      if (data.isLockedGroup !== undefined) {
+        this.isLockedGroup = data.isLockedGroup;
+      }
+      this.updateMbr();
+      this.subject.publish(this);
+      return this;
+    }
+    getId() {
+      return this.id;
+    }
+    getIntersectionPoints(segment) {
+      const lines = this.getMbr().getLines();
+      const initPoints = [];
+      return lines.reduce((acc, line) => {
+        const intersections = line.getIntersectionPoints(segment);
+        if (intersections.length > 0) {
+          acc.push(...intersections);
+        }
+        return acc;
+      }, initPoints);
+    }
+    render(context) {
+      if (this.transformationRenderBlock) {
+        return;
+      }
+      const ctx = context.ctx;
+      ctx.save();
+      this.transformation.applyToContext(ctx);
+      for (const child of this.index.listAll()) {
+        child.render(context);
+      }
+      ctx.restore();
+    }
+  };
+});
+
 // src/Items/Connector/ConnectorTypes.ts
 var ConnectionLineWidths, CONNECTOR_COLOR = "rgb(20, 21, 26)", CONNECTOR_LINE_WIDTH = 1, CONNECTOR_BORDER_STYLE = "solid", DEFAULT_END_POINTER = "TriangleFilled", CONNECTOR_POINTER_TYPES;
 var init_ConnectorTypes = __esm(() => {
@@ -58276,6 +58445,7 @@ var init_Connector = __esm(() => {
   init_Settings();
   init_transformOps();
   init_BaseItem();
+  init_Group();
   init_Color();
   init_ConnectorTypes();
   init_connectorOps();
@@ -58365,8 +58535,9 @@ var init_Connector = __esm(() => {
       const point5 = this.startPoint;
       if (point5.pointType !== "Board") {
         point5.recalculatePoint();
-        const j1 = this.smartJumpStartEdge();
-        const j2 = this.smartJumpEndEdge();
+        const isGroupMoving = Group.movingGroupId !== null;
+        const j1 = isGroupMoving ? false : this.smartJumpStartEdge();
+        const j2 = isGroupMoving ? false : this.smartJumpEndEdge();
         if (!j1 && !j2) {
           this.updatePaths();
           this.subject.publish(this);
@@ -58377,8 +58548,9 @@ var init_Connector = __esm(() => {
       const point5 = this.endPoint;
       if (point5.pointType !== "Board") {
         point5.recalculatePoint();
-        const j1 = this.smartJumpEndEdge();
-        const j2 = this.smartJumpStartEdge();
+        const isGroupMoving = Group.movingGroupId !== null;
+        const j1 = isGroupMoving ? false : this.smartJumpEndEdge();
+        const j2 = isGroupMoving ? false : this.smartJumpStartEdge();
         if (!j1 && !j2) {
           this.updatePaths();
           this.subject.publish(this);
@@ -58392,14 +58564,19 @@ var init_Connector = __esm(() => {
       if (start.pointType !== "Fixed" && start.pointType !== "Floating")
         return false;
       const item = start.item;
-      const anchors = item.getSnapAnchorPoints?.();
-      if (!anchors || anchors.length === 0)
+      const localAnchors = item.getSnapAnchorPoints?.();
+      if (!localAnchors || localAnchors.length === 0)
         return false;
+      const anchors = item instanceof BaseItem && item.parent !== "Board" ? localAnchors.map((a2) => {
+        const p3 = a2.copy();
+        item.getParentWorldMatrix().apply(p3);
+        return p3;
+      }) : localAnchors;
       const EPS = 2;
       const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
       if (!isOnAnchor)
         return false;
-      const center = item.getMbr().getCenter();
+      const center = item instanceof BaseItem && item.parent !== "Board" ? item.getWorldMbr().getCenter() : item.getMbr().getCenter();
       const dx = this.endPoint.x - center.x;
       const dy = this.endPoint.y - center.y;
       if (dx === 0 && dy === 0)
@@ -58430,14 +58607,19 @@ var init_Connector = __esm(() => {
       if (end.pointType !== "Fixed" && end.pointType !== "Floating")
         return false;
       const item = end.item;
-      const anchors = item.getSnapAnchorPoints?.();
-      if (!anchors || anchors.length === 0)
+      const localAnchors = item.getSnapAnchorPoints?.();
+      if (!localAnchors || localAnchors.length === 0)
         return false;
+      const anchors = item instanceof BaseItem && item.parent !== "Board" ? localAnchors.map((a2) => {
+        const p3 = a2.copy();
+        item.getParentWorldMatrix().apply(p3);
+        return p3;
+      }) : localAnchors;
       const EPS = 2;
       const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - end.x) < EPS && Math.abs(a2.y - end.y) < EPS);
       if (!isOnAnchor)
         return false;
-      const center = item.getMbr().getCenter();
+      const center = item instanceof BaseItem && item.parent !== "Board" ? item.getWorldMbr().getCenter() : item.getMbr().getCenter();
       const dx = this.startPoint.x - center.x;
       const dy = this.startPoint.y - center.y;
       if (dx === 0 && dy === 0)
@@ -63681,169 +63863,6 @@ var init_Placeholder2 = __esm(() => {
   init_Placeholder();
 });
 
-// src/Items/Group/Group.ts
-var Group;
-var init_Group = __esm(() => {
-  init_Mbr();
-  init_Point();
-  init_BaseItem();
-  Group = class Group extends BaseItem {
-    events;
-    itemType = "Group";
-    parent = "Board";
-    subject = new Subject;
-    transformationRenderBlock = undefined;
-    isLockedGroup = false;
-    constructor(board, events, childIds = [], id = "") {
-      super(board, id, undefined, true);
-      this.events = events;
-      this.canBeNested = true;
-      if (childIds.length > 0) {
-        this.applyAddChildren(childIds);
-      }
-    }
-    isClosed() {
-      return false;
-    }
-    getRichText() {
-      return null;
-    }
-    apply(op) {
-      switch (op.class) {
-        case "Transformation":
-          super.apply(op);
-          this.updateMbr();
-          break;
-        case "Group":
-          if (op.method === "addChild") {
-            this.applyAddChildren([op.childId]);
-          } else if (op.method === "removeChild") {
-            this.applyRemoveChildren([op.childId]);
-          } else {
-            super.apply(op);
-          }
-          break;
-        default:
-          super.apply(op);
-          return;
-      }
-      this.subject.publish(this);
-    }
-    emit(operation) {
-      if (this.events) {
-        const command = new GroupCommand([this], operation);
-        command.apply();
-        this.events.emit(operation, command);
-      } else {
-        this.apply(operation);
-      }
-    }
-    setId(id) {
-      this.id = id;
-      this.transformation.setId(id);
-      return this;
-    }
-    getMbr() {
-      const children = this.index.listAll();
-      if (children.length === 0) {
-        return new Mbr(this.left, this.top, this.right, this.bottom);
-      }
-      const groupWorldMatrix = this.getWorldMatrix();
-      let left = Number.MAX_SAFE_INTEGER;
-      let top = Number.MAX_SAFE_INTEGER;
-      let right = Number.MIN_SAFE_INTEGER;
-      let bottom = Number.MIN_SAFE_INTEGER;
-      for (const child of children) {
-        const childLocalMbr = child.getMbr();
-        const corners = [
-          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);
-          if (corner.x < left)
-            left = corner.x;
-          if (corner.y < top)
-            top = corner.y;
-          if (corner.x > right)
-            right = corner.x;
-          if (corner.y > bottom)
-            bottom = corner.y;
-        }
-      }
-      const mbr = new Mbr(left, top, right, bottom);
-      this.left = left;
-      this.top = top;
-      this.right = right;
-      this.bottom = bottom;
-      return mbr;
-    }
-    updateMbr() {
-      this.getMbr();
-    }
-    getChildrenIds() {
-      return this.index.listAll().map((item) => item.getId());
-    }
-    getChildren() {
-      return this.index.listAll();
-    }
-    getLinkTo() {
-      return this.linkTo.link;
-    }
-    serialize() {
-      return {
-        id: this.id,
-        itemType: "Group",
-        childIds: this.getChildrenIds(),
-        transformation: this.transformation.serialize(),
-        isLockedGroup: this.isLockedGroup
-      };
-    }
-    deserialize(data) {
-      if (data.transformation) {
-        this.transformation.deserialize(data.transformation);
-      }
-      if (data.childIds && data.childIds.length > 0) {
-        this.applyAddChildren(data.childIds);
-      }
-      if (data.isLockedGroup !== undefined) {
-        this.isLockedGroup = data.isLockedGroup;
-      }
-      this.updateMbr();
-      this.subject.publish(this);
-      return this;
-    }
-    getId() {
-      return this.id;
-    }
-    getIntersectionPoints(segment) {
-      const lines = this.getMbr().getLines();
-      const initPoints = [];
-      return lines.reduce((acc, line) => {
-        const intersections = line.getIntersectionPoints(segment);
-        if (intersections.length > 0) {
-          acc.push(...intersections);
-        }
-        return acc;
-      }, initPoints);
-    }
-    render(context) {
-      if (this.transformationRenderBlock) {
-        return;
-      }
-      const ctx = context.ctx;
-      ctx.save();
-      this.transformation.applyToContext(ctx);
-      for (const child of this.index.listAll()) {
-        child.render(context);
-      }
-      ctx.restore();
-    }
-  };
-});
-
 // src/Items/Group/index.ts
 var init_Group2 = __esm(() => {
   init_Group();