microboard-temp 0.14.2 → 0.14.3

package/dist/cjs/browser.js

@@ -58392,14 +58392,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 +58435,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)
@@ -63713,6 +63723,9 @@ var init_Group = __esm(() => {
         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") {
@@ -64293,18 +64306,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -64361,8 +64382,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -64391,10 +64422,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -64428,9 +64464,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -64459,6 +64505,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/dist/cjs/index.js

@@ -58392,14 +58392,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 +58435,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)
@@ -63713,6 +63723,9 @@ var init_Group = __esm(() => {
         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") {
@@ -64293,18 +64306,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -64361,8 +64382,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -64391,10 +64422,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -64428,9 +64464,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -64459,6 +64505,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/dist/cjs/node.js

@@ -60812,14 +60812,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)
@@ -60850,14 +60855,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)
@@ -66133,6 +66143,9 @@ var init_Group = __esm(() => {
         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") {
@@ -66713,18 +66726,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -66781,8 +66802,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -66811,10 +66842,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -66848,9 +66884,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -66879,6 +66925,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/dist/esm/browser.js

@@ -58329,14 +58329,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)
@@ -58367,14 +58372,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)
@@ -63650,6 +63660,9 @@ var init_Group = __esm(() => {
         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") {
@@ -64230,18 +64243,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -64298,8 +64319,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -64328,10 +64359,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -64365,9 +64401,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -64396,6 +64442,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/dist/esm/index.js

@@ -58322,14 +58322,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)
@@ -58360,14 +58365,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)
@@ -63643,6 +63653,9 @@ var init_Group = __esm(() => {
         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") {
@@ -64223,18 +64236,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -64291,8 +64312,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -64321,10 +64352,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -64358,9 +64394,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -64389,6 +64435,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/dist/esm/node.js

@@ -60731,14 +60731,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)
@@ -60769,14 +60774,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)
@@ -66052,6 +66062,9 @@ var init_Group = __esm(() => {
         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") {
@@ -66632,18 +66645,26 @@ class ConnectorSnap {
     } else if (anchor) {
       this.controlPoint = getFixedPoint(item, anchor.getCenter());
     } else if (point5) {
-      const nearest2 = item.getNearestEdgePointTo(pointer);
-      this.controlPoint = getFixedPoint(item, nearest2);
+      this.controlPoint = getFixedPoint(item, point5.getCenter());
     } else {
-      if (this.hover.isTimeoutElapsed) {
-        this.controlPoint = getFixedPoint(item, pointer);
-      } else {
-        this.controlPoint = getFixedPoint(item, pointer);
-      }
+      this.controlPoint = getFixedPoint(item, pointer);
     }
   }
   setHover() {
-    const hover = this.board.items.getUnderPointer(0)[0];
+    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;
+        }
+      }
+    }
     if (hover) {
       if (hover !== this.hover.item) {
         this.hover = {
@@ -66700,8 +66721,18 @@ class ConnectorSnap {
     return nearest;
   }
   getClosestPointOnItem(item, position4) {
-    const nearestEdgePoint = item.getNearestEdgePointTo(position4);
-    return getFixedPoint(item, nearestEdgePoint);
+    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);
   }
   isNearBorder(item) {
     if (!item) {
@@ -66730,10 +66761,15 @@ class ConnectorSnap {
     }
   }
   setAnchors(item) {
-    const points = item.getSnapAnchorPoints();
-    if (!points) {
+    const localPoints = item.getSnapAnchorPoints();
+    if (!localPoints) {
       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));
@@ -66767,9 +66803,19 @@ class ConnectorSnap {
     const { item, anchor } = this.snap;
     if (item) {
       if (!anchor) {
-        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);
+        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);
         } else {
           this.snap.point = null;
         }
@@ -66798,6 +66844,7 @@ class ConnectorSnap {
 }
 var init_ConnectorSnap = __esm(() => {
   init_ControlPoint();
+  init_BaseItem2();
   init_Anchor2();
   init_Connector();
 });

package/package.json

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