microboard-temp 0.14.3 → 0.14.5

package/dist/esm/index.js

@@ -58044,13 +58044,19 @@ var init_findOrthogonalPath = __esm(() => {
 });
 
 // src/Items/Connector/getLine/getOrthogonalLine.ts
+function getItemWorldMbr(item) {
+  if (item instanceof BaseItem && item.parent !== "Board") {
+    return item.getWorldMbr();
+  }
+  return item.getMbr();
+}
 function getOrthogonalLine(start, end, middle, skipObstacles = false) {
   const obstacles = [];
   if (start.pointType !== "Board" && !skipObstacles) {
-    obstacles.push(start.item.getMbr());
+    obstacles.push(getItemWorldMbr(start.item));
   }
   if (end.pointType !== "Board" && !skipObstacles) {
-    obstacles.push(end.item.getMbr());
+    obstacles.push(getItemWorldMbr(end.item));
   }
   const { lines, newStart, newEnd } = findOrthogonalPath(start, end, obstacles, middle ? [middle] : undefined);
   if (lines.length === 0) {
@@ -58064,6 +58070,7 @@ function getOrthogonalLine(start, end, middle, skipObstacles = false) {
 var init_getOrthogonalLine = __esm(() => {
   init_Items();
   init_findOrthogonalPath();
+  init_BaseItem();
 });
 
 // src/Items/Connector/getLine/getStraightLine.ts
@@ -58098,6 +58105,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(() => {
@@ -58206,6 +58382,7 @@ var init_Connector = __esm(() => {
   init_Settings();
   init_transformOps();
   init_BaseItem();
+  init_Group();
   init_Color();
   init_ConnectorTypes();
   init_connectorOps();
@@ -58295,8 +58472,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);
@@ -58307,8 +58485,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);
@@ -63621,172 +63800,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();
-          for (const child of this.index.listAll()) {
-            child.subject.publish(child);
-          }
-          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();
@@ -64236,26 +64249,18 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      this.controlPoint = getFixedPoint(item, point5.getCenter());
+      const nearest2 = item.getNearestEdgePointTo(pointer);
+      this.controlPoint = getFixedPoint(item, nearest2);
     } else {
-      this.controlPoint = getFixedPoint(item, pointer);
+      if (this.hover.isTimeoutElapsed) {
+        this.controlPoint = getFixedPoint(item, pointer);
+      } else {
+        this.controlPoint = getFixedPoint(item, pointer);
+      }
     }
   }
   setHover() {
-    let hover = this.board.items.getUnderPointer(0)[0];
-    if (hover instanceof BaseItem && hover.index) {
-      const group = hover;
-      const inverse = group.getWorldMatrix().getInverse();
-      const pointer = this.board.pointer.point;
-      const localPointer = pointer.copy();
-      localPointer.transform(inverse);
-      for (const child of group.index.listAll()) {
-        if (child.getMbr().isUnderPoint(localPointer)) {
-          hover = child;
-          break;
-        }
-      }
-    }
+    const hover = this.board.items.getUnderPointer(0)[0];
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -64312,18 +64317,8 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    let worldEdgePoint;
-    if (item instanceof BaseItem && item.parent !== "Board") {
-      const parentMatrix = item.getParentWorldMatrix();
-      const localPos = position4.copy();
-      localPos.transform(parentMatrix.getInverse());
-      const localEdge = item.getNearestEdgePointTo(localPos);
-      worldEdgePoint = localEdge.copy();
-      parentMatrix.apply(worldEdgePoint);
-    } else {
-      worldEdgePoint = item.getNearestEdgePointTo(position4);
-    }
-    return getFixedPoint(item, worldEdgePoint);
+    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
+    return getFixedPoint(item, nearestEdgePoint);
   }
   isNearBorder(item) {
     if (!item) {
@@ -64352,15 +64347,10 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const localPoints = item.getSnapAnchorPoints();
-    if (!localPoints) {
+    const points = item.getSnapAnchorPoints();
+    if (!points) {
       return;
     }
-    const points = item instanceof BaseItem && item.parent !== "Board" ? localPoints.map((p3) => {
-      const wp = p3.copy();
-      item.getParentWorldMatrix().apply(wp);
-      return wp;
-    }) : localPoints;
     const anchors = [];
     for (const { x, y } of points) {
       anchors.push(new Anchor(x, y, 5, this.color.anchorBorder, this.color.anchorBackground, 1));
@@ -64394,19 +64384,9 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        let edgePoint;
-        if (item instanceof BaseItem && item.parent !== "Board") {
-          const parentMatrix = item.getParentWorldMatrix();
-          const localPointer = pointer.copy();
-          localPointer.transform(parentMatrix.getInverse());
-          const localEdge = item.getNearestEdgePointTo(localPointer);
-          edgePoint = localEdge.copy();
-          parentMatrix.apply(edgePoint);
-        } else {
-          edgePoint = item.getNearestEdgePointTo(pointer);
-        }
-        if (edgePoint.getDistance(pointer) < this.distance.border || !this.hover.isTimeoutElapsed) {
-          this.snap.point = new Anchor(edgePoint.x, edgePoint.y, 5, this.color.pointBorder, this.color.pointBackground, 1);
+        const point5 = item.getNearestEdgePointTo(pointer);
+        if (point5.getDistance(pointer) < this.distance.border || !this.hover.isTimeoutElapsed) {
+          this.snap.point = new Anchor(point5.x, point5.y, 5, this.color.pointBorder, this.color.pointBackground, 1);
         } else {
           this.snap.point = null;
         }
@@ -64435,7 +64415,6 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
-  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });