@inditextech/weave-sdk 0.60.0 → 0.62.0

package/dist/sdk.cjs

@@ -18009,7 +18009,23 @@ const WEAVE_NODES_SELECTION_DEFAULT_CONFIG = {
 	},
 	behaviors: {
 		singleSelection: { enabled: true },
-		multipleSelection: { enabled: false }
+		multipleSelection: { enabled: false },
+		onMultipleSelection: () => {
+			return {
+				resizeEnabled: true,
+				rotateEnabled: true,
+				enabledAnchors: [
+					"top-left",
+					"top-center",
+					"top-right",
+					"middle-right",
+					"middle-left",
+					"bottom-left",
+					"bottom-center",
+					"bottom-right"
+				]
+			};
+		}
 	}
 };
 
@@ -18208,8 +18224,12 @@ function getSelectedNodesMetadata(transformer) {
 		nodes
 	};
 }
-function getTargetAndSkipNodes(instance, e) {
+function getTargetAndSkipNodes(instance, e, forceTransformer = false) {
 	const nodesSelectionPlugin = instance.getPlugin("nodesSelection");
+	if (!nodesSelectionPlugin) return {
+		targetNode: void 0,
+		skipNodes: []
+	};
 	let skipNodes = [];
 	let node = void 0;
 	if (e.type === "dragmove" && nodesSelectionPlugin && nodesSelectionPlugin.getTransformer().nodes().length === 1) {
@@ -18224,9 +18244,10 @@ function getTargetAndSkipNodes(instance, e) {
 	if (e.type === "transform") {
 		node = e.target;
 		skipNodes.push(node.getAttrs().id ?? "");
+		skipNodes.push(...node.nodes().map((node$1) => node$1.getAttrs().id ?? ""));
 	}
 	return {
-		targetNode: node,
+		targetNode: forceTransformer ? nodesSelectionPlugin.getTransformer() : node,
 		skipNodes
 	};
 }
@@ -19516,7 +19537,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.stopPanLoop();
 			this.tr.nodes([...selectedNodes]);
 			this.handleBehaviors();
-			this.triggerSelectedNodesEvent();
+			this.handleMultipleSelectionBehavior();
 			stage.container().tabIndex = 1;
 			stage.container().focus();
 		});
@@ -19527,6 +19548,12 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.syncSelection();
 		});
 	}
+	handleMultipleSelectionBehavior() {
+		if (this.tr.nodes().length > 1 && this.config.behaviors?.onMultipleSelection) {
+			const selectionBehavior = this.config.behaviors?.onMultipleSelection?.(this.tr.nodes());
+			this.tr.setAttrs(selectionBehavior);
+		}
+	}
 	syncSelection() {
 		const newSelectedNodes = [];
 		const actualSelectedNodes = this.tr.nodes();
@@ -19606,6 +19633,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			areNodesSelected = true;
 		}
 		this.handleBehaviors();
+		this.handleMultipleSelectionBehavior();
 		if (areNodesSelected) {
 			stage.container().tabIndex = 1;
 			stage.container().focus();
@@ -22021,7 +22049,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.60.0";
+var version = "0.62.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22071,6 +22099,30 @@ var WeaveSetupManager = class {
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-grid/constants.ts
+const WEAVE_STAGE_GRID_KEY = "stageGrid";
+const WEAVE_GRID_TYPES = {
+	["LINES"]: "lines",
+	["DOTS"]: "dots"
+};
+const WEAVE_GRID_DEFAULT_SIZE = 50;
+const WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_TYPES.LINES;
+const WEAVE_GRID_DEFAULT_COLOR = "rgba(0,0,0,0.1)";
+const WEAVE_GRID_DEFAULT_ORIGIN_COLOR = "rgba(255,0,0,0.1)";
+const WEAVE_GRID_DEFAULT_STROKE = .5;
+const WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = 4;
+const WEAVE_GRID_DEFAULT_RADIUS = 1;
+const WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = 2;
+const WEAVE_GRID_DEFAULT_MAJOR_EVERY = 10;
+const WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS = 250;
+const WEAVE_GRID_LAYER_ID = "gridLayer";
+
+//#endregion
+//#region src/plugins/comments-renderer/constants.ts
+const WEAVE_COMMENTS_RENDERER_KEY = "commentsRenderer";
+const WEAVE_COMMENTS_TOOL_LAYER_ID = "commentsLayer";
+
 //#endregion
 //#region src/managers/stage.ts
 var WeaveStageManager = class {
@@ -22097,6 +22149,14 @@ var WeaveStageManager = class {
 		const stage = this.getStage();
 		return stage.findOne(`#${WEAVE_NODES_SELECTION_LAYER_ID}`);
 	}
+	getCommentsLayer() {
+		const stage = this.getStage();
+		return stage.findOne(`#${WEAVE_COMMENTS_TOOL_LAYER_ID}`);
+	}
+	getGridLayer() {
+		const stage = this.getStage();
+		return stage.findOne(`#${WEAVE_GRID_LAYER_ID}`);
+	}
 	getUtilityLayer() {
 		const stage = this.getStage();
 		return stage.findOne(`#${__inditextech_weave_types.WEAVE_UTILITY_LAYER_ID}`);
@@ -22222,25 +22282,6 @@ var WeaveStoreManager = class {
 	}
 };
 
-//#endregion
-//#region src/plugins/stage-grid/constants.ts
-const WEAVE_STAGE_GRID_KEY = "stageGrid";
-const WEAVE_GRID_TYPES = {
-	["LINES"]: "lines",
-	["DOTS"]: "dots"
-};
-const WEAVE_GRID_DEFAULT_SIZE = 50;
-const WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_TYPES.LINES;
-const WEAVE_GRID_DEFAULT_COLOR = "rgba(0,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_ORIGIN_COLOR = "rgba(255,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_STROKE = .5;
-const WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = 4;
-const WEAVE_GRID_DEFAULT_RADIUS = 1;
-const WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = 2;
-const WEAVE_GRID_DEFAULT_MAJOR_EVERY = 10;
-const WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS = 250;
-const WEAVE_GRID_LAYER_ID = "gridLayer";
-
 //#endregion
 //#region src/managers/export.ts
 var WeaveExportManager = class {
@@ -22542,6 +22583,12 @@ var Weave = class {
 	getSelectionLayer() {
 		return this.stageManager.getSelectionLayer();
 	}
+	getCommentsLayer() {
+		return this.stageManager.getCommentsLayer();
+	}
+	getGridLayer() {
+		return this.stageManager.getGridLayer();
+	}
 	getUtilityLayer() {
 		return this.stageManager.getUtilityLayer();
 	}
@@ -25493,13 +25540,13 @@ const WEAVE_COMMENT_NODE_DEFAULTS = {
 			}
 		},
 		creating: {
-			paddingX: 8,
-			paddingY: -4,
+			paddingX: 16,
+			paddingY: -8,
 			stroke: "#1a1aff",
 			strokeWidth: 2
 		},
 		viewing: {
-			paddingX: 8,
+			paddingX: 16,
 			paddingY: -18,
 			stroke: "#1a1aff",
 			strokeWidth: 2
@@ -25959,10 +26006,16 @@ var WeaveCommentNode = class extends WeaveNode {
 	}
 	setCommentDOMPosition(commentNode, commentAction) {
 		const stage = this.instance.getStage();
-		const rect = commentNode.getClientRect({ relativeTo: stage });
+		this.normalizeNodeSize(commentNode);
+		const rect = commentNode.getClientRect({
+			relativeTo: stage,
+			skipShadow: true,
+			skipStroke: true
+		});
 		const scaleX = stage.scaleX();
 		const scaleY = stage.scaleY();
 		const stagePos = stage.position();
+		const widthContracted = this.config.style.contracted.width;
 		let paddingX = 8;
 		let paddingY = 0;
 		if (commentAction === WEAVE_COMMENT_NODE_ACTION.CREATING) {
@@ -25973,7 +26026,7 @@ var WeaveCommentNode = class extends WeaveNode {
 			paddingX = this.config.style.viewing.paddingX;
 			paddingY = this.config.style.viewing.paddingY;
 		}
-		const x = stagePos.x + rect.x * scaleX + rect.width * scaleX + paddingX;
+		const x = stagePos.x + rect.x * scaleX + widthContracted + paddingX;
 		const y = stagePos.y + rect.y * scaleY + paddingY;
 		const position = {
 			x,
@@ -26007,8 +26060,7 @@ var WeaveCommentNode = class extends WeaveNode {
 	}
 	onZoomChangeHandler = (commentNode) => () => {
 		if (!this.commentDomVisible) return;
-		const node = this.instance.getStage().findOne(`#${commentNode.id()}`);
-		if (node) this.setCommentDOMPosition(node, commentNode.getAttrs().commentAction);
+		this.setCommentDOMPosition(commentNode, commentNode.getAttrs().commentAction);
 	};
 	normalizeNodeSize(node) {
 		const abs = node.getAbsoluteScale();
@@ -26020,8 +26072,7 @@ var WeaveCommentNode = class extends WeaveNode {
 	}
 	onStageMoveHandler = (commentNode) => () => {
 		if (!this.commentDomVisible) return;
-		const node = this.instance.getStage().findOne(`#${commentNode.id()}`);
-		if (node) this.setCommentDOMPosition(node, commentNode.getAttrs().commentAction);
+		this.setCommentDOMPosition(commentNode, commentNode.getAttrs().commentAction);
 	};
 	openCommentDOM(commentNode) {
 		this.contractNode(commentNode);
@@ -29153,7 +29204,6 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 //#endregion
 //#region src/actions/comment-tool/constants.ts
 const WEAVE_COMMENT_TOOL_ACTION_NAME = "commentTool";
-const WEAVE_COMMENT_TOOL_LAYER_NAME = "commentsLayer";
 const WEAVE_COMMENT_TOOL_STATE = {
 	["IDLE"]: "idle",
 	["ADDING"]: "adding",
@@ -29166,10 +29216,6 @@ const WEAVE_COMMENT_TOOL_DEFAULT_CONFIG = { style: { cursor: {
 	block: "not-allowed"
 } } };
 
-//#endregion
-//#region src/plugins/comments-renderer/constants.ts
-const WEAVE_COMMENTS_RENDERER_KEY = "commentsRenderer";
-
 //#endregion
 //#region src/actions/comment-tool/comment-tool.ts
 var WeaveCommentToolAction = class extends WeaveAction {
@@ -29350,11 +29396,13 @@ var WeaveCommentToolAction = class extends WeaveAction {
 		this.setState(WEAVE_COMMENT_TOOL_STATE.ADDING);
 	}
 	handleAdding() {
-		const { mousePoint } = this.instance.getMousePointer();
+		const mainLayer = this.instance.getMainLayer();
+		if (!mainLayer) return;
+		const mousePoint = mainLayer.getRelativePointerPosition();
 		this.clickPoint = mousePoint;
 		this.commentId = v4_default();
 		const nodeHandler = this.instance.getNodeHandler("comment");
-		if (nodeHandler) {
+		if (nodeHandler && this.clickPoint) {
 			const node = nodeHandler.onRender({
 				id: this.commentId,
 				x: this.clickPoint.x,
@@ -29866,6 +29914,186 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/stage-minimap/constants.ts
+const WEAVE_STAGE_MINIMAP_KEY = "stageMinimap";
+const STAGE_MINIMAP_DEFAULT_CONFIG = { style: { viewportReference: {
+	fill: "rgba(0,0,0,0.2)",
+	strokeScaleEnabled: false,
+	stroke: "#e12d3c",
+	strokeWidth: 1
+} } };
+
+//#endregion
+//#region src/plugins/stage-minimap/stage-minimap.ts
+var WeaveStageMinimapPlugin = class extends WeavePlugin {
+	getLayerName = void 0;
+	initLayer = void 0;
+	constructor(params) {
+		super();
+		this.config = (0, import_lodash.merge)(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
+		this.initialized = false;
+	}
+	getName() {
+		return WEAVE_STAGE_MINIMAP_KEY;
+	}
+	async setupMinimap() {
+		if (this.initialized) return;
+		const container = this.config.getContainer();
+		if (!container) return;
+		let preview = document.getElementById(this.config.id);
+		const windowAspectRatio = window.innerWidth / window.innerHeight;
+		if (!preview) {
+			preview = document.createElement("div");
+			preview.id = this.config.id;
+			preview.style.width = `${this.config.width}px`;
+			preview.style.height = `${Math.round(this.config.width / windowAspectRatio)}px`;
+			container.appendChild(preview);
+		}
+		this.minimapStage = new konva.default.Stage({
+			id: "minimap",
+			container: this.config.id,
+			width: this.config.width,
+			height: Math.round(this.config.width / windowAspectRatio)
+		});
+		const mainLayer = this.instance.getMainLayer();
+		if (mainLayer) {
+			this.minimapLayer = new konva.default.Layer();
+			this.minimapStage.add(this.minimapLayer);
+			this.minimapViewportReference = new konva.default.Rect({
+				...this.config.style.viewportReference,
+				id: "minimapViewportReference",
+				listening: false
+			});
+			this.minimapLayer.add(this.minimapViewportReference);
+			await this.updateMinimapContent();
+			this.updateMinimapViewportReference();
+		}
+		const stage = this.instance.getStage();
+		stage.on("dragmove wheel dragend scaleXChange scaleYChange xChange yChange", () => {
+			this.updateMinimapViewportReference();
+		});
+		this.initialized = true;
+	}
+	async updateMinimapContent() {
+		const stage = this.instance.getStage();
+		const mainLayer = this.instance.getMainLayer();
+		if (!mainLayer) return;
+		const box = mainLayer.getClientRect({
+			skipShadow: true,
+			skipStroke: true
+		});
+		if (box.width === 0 || box.height === 0) return;
+		box.x -= this.config.fitToContentPadding;
+		box.y -= this.config.fitToContentPadding;
+		box.width += this.config.fitToContentPadding * 2;
+		box.height += this.config.fitToContentPadding * 2;
+		this.hideLayers();
+		const pixelRatio = .5;
+		const dataUrl = await stage.toDataURL({
+			x: box.x,
+			y: box.y,
+			width: box.width,
+			height: box.height,
+			pixelRatio
+		});
+		this.showLayers();
+		const img = new window.Image();
+		img.onload = () => {
+			const actualImage = this.minimapStage.findOne("#minimapStageImage");
+			if (actualImage) actualImage.destroy();
+			const fitScale = Math.min(this.minimapStage.width() / (box.width * pixelRatio), this.minimapStage.height() / (box.height * pixelRatio));
+			const centerOffset = {
+				x: (this.minimapStage.width() - box.width * pixelRatio * fitScale) / 2,
+				y: (this.minimapStage.height() - box.height * pixelRatio * fitScale) / 2
+			};
+			this.minimapStageImage = new konva.default.Image({
+				id: "minimapStageImage",
+				image: img,
+				x: centerOffset.x,
+				y: centerOffset.y,
+				scaleX: fitScale,
+				scaleY: fitScale,
+				listening: false
+			});
+			this.minimapLayer.add(this.minimapStageImage);
+			this.minimapStageImage.moveToBottom();
+		};
+		img.src = dataUrl;
+	}
+	updateMinimapViewportReference() {
+		const stage = this.instance.getStage();
+		const mainLayer = this.instance.getMainLayer();
+		if (!mainLayer) return;
+		const box = mainLayer.getClientRect({
+			relativeTo: stage,
+			skipShadow: true,
+			skipStroke: true
+		});
+		if (box.width === 0 || box.height === 0) return;
+		box.x -= this.config.fitToContentPadding;
+		box.y -= this.config.fitToContentPadding;
+		box.width += this.config.fitToContentPadding * 2;
+		box.height += this.config.fitToContentPadding * 2;
+		const fitScale = Math.min(this.minimapStage.width() / box.width, this.minimapStage.height() / box.height);
+		const centerOffset = {
+			x: (this.minimapStage.width() - box.width * fitScale) / 2,
+			y: (this.minimapStage.height() - box.height * fitScale) / 2
+		};
+		const sX = stage.scaleX() ?? 1;
+		const sY = stage.scaleY() ?? 1;
+		const x = stage.x();
+		const y = stage.y();
+		const visible = {
+			x: -x / sX,
+			y: -y / sY,
+			width: stage.width() / sX,
+			height: stage.height() / sY
+		};
+		const realX = (visible.x - box.x) * fitScale + centerOffset.x;
+		const realY = (visible.y - box.y) * fitScale + centerOffset.y;
+		const realWidth = visible.width * fitScale;
+		const realHeight = visible.height * fitScale;
+		this.minimapViewportReference.setAttrs({
+			x: realX,
+			y: realY,
+			width: realWidth,
+			height: realHeight
+		});
+	}
+	onRender() {
+		this.setupMinimap();
+	}
+	onInit() {
+		this.instance.addEventListener("onStateChange", async () => {
+			await this.updateMinimapContent();
+			this.updateMinimapViewportReference();
+		});
+	}
+	showLayers() {
+		const selectionLayer = this.instance.getSelectionLayer();
+		const gridLayer = this.instance.getGridLayer();
+		const commentsLayer = this.instance.getCommentsLayer();
+		if (selectionLayer) selectionLayer.show();
+		if (gridLayer) gridLayer.show();
+		if (commentsLayer) commentsLayer.show();
+	}
+	hideLayers() {
+		const selectionLayer = this.instance.getSelectionLayer();
+		const gridLayer = this.instance.getGridLayer();
+		const commentsLayer = this.instance.getCommentsLayer();
+		if (selectionLayer) selectionLayer.hide();
+		if (gridLayer) gridLayer.hide();
+		if (commentsLayer) commentsLayer.hide();
+	}
+	enable() {
+		this.enabled = true;
+	}
+	disable() {
+		this.enabled = false;
+	}
+};
+
 //#endregion
 //#region src/plugins/stage-resize/constants.ts
 const WEAVE_STAGE_RESIZE_KEY = "stageResize";
@@ -30375,7 +30603,7 @@ var WeaveNodesEdgeSnappingPlugin = class extends WeavePlugin {
 		if (!utilityLayer) return;
 		const { targetNode: node, skipNodes } = getTargetAndSkipNodes(this.instance, e);
 		if (typeof node === "undefined") return;
-		const nodeParent = this.instance.getNodeContainer(node);
+		const nodeParent = this.getSelectionParentNode(node);
 		if (nodeParent === null) return;
 		const stage = this.instance.getStage();
 		const visibleNodes = getVisibleNodes(this.instance, stage, nodeParent, skipNodes, this.instance.getMainLayer());
@@ -30438,6 +30666,15 @@ var WeaveNodesEdgeSnappingPlugin = class extends WeavePlugin {
 			}
 		}
 	}
+	getSelectionParentNode(node) {
+		let nodeParent = null;
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (nodesSelectionPlugin && nodesSelectionPlugin.getTransformer().nodes().length > 1) {
+			if (nodesSelectionPlugin) nodeParent = this.instance.getNodeContainer(nodesSelectionPlugin.getTransformer().nodes()[0]);
+		}
+		if (nodesSelectionPlugin && nodesSelectionPlugin.getTransformer().nodes().length === 1) nodeParent = this.instance.getNodeContainer(node);
+		return nodeParent;
+	}
 	cleanupGuidelines() {
 		const utilityLayer = this.instance.getUtilityLayer();
 		if (!this.enabled) return;
@@ -30700,9 +30937,9 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		const utilityLayer = this.instance.getUtilityLayer();
 		if (!this.enabled) return;
 		if (!utilityLayer) return;
-		const { targetNode: node, skipNodes } = getTargetAndSkipNodes(this.instance, e);
+		const { targetNode: node, skipNodes } = getTargetAndSkipNodes(this.instance, e, true);
 		if (typeof node === "undefined") return;
-		const nodeParent = this.instance.getNodeContainer(node);
+		const nodeParent = this.getSelectionParentNode();
 		if (nodeParent === null) return;
 		const stage = this.instance.getStage();
 		this.referenceLayer = nodeParent;
@@ -30719,12 +30956,42 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 	}
 	getBoxClientRect(node) {
 		const stage = this.instance.getStage();
-		return node.getClientRect({
+		const realNode = node;
+		if (node instanceof konva.default.Transformer) {
+			let minX = Infinity;
+			let minY = Infinity;
+			let maxX = -Infinity;
+			let maxY = -Infinity;
+			node.nodes().forEach((node$1) => {
+				const box = node$1.getClientRect({
+					relativeTo: stage,
+					skipStroke: true,
+					skipShadow: true
+				});
+				minX = Math.min(minX, box.x);
+				minY = Math.min(minY, box.y);
+				maxX = Math.max(maxX, box.x + box.width);
+				maxY = Math.max(maxY, box.y + box.height);
+			});
+			return {
+				x: minX,
+				y: minY,
+				width: maxX - minX,
+				height: maxY - minY
+			};
+		}
+		return realNode.getClientRect({
 			relativeTo: stage,
 			skipStroke: true,
 			skipShadow: true
 		});
 	}
+	getSelectionParentNode() {
+		let nodeParent = null;
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (nodesSelectionPlugin) nodeParent = this.instance.getNodeContainer(nodesSelectionPlugin.getTransformer().nodes()[0]);
+		return nodeParent;
+	}
 	getPeers(intersectedNodes, targetNode, prev, next) {
 		const peers = intersectedNodes.filter((int) => {
 			if (prev && next) return int.to.getAttrs().id !== targetNode.getAttrs().id && int.from.getAttrs().id !== targetNode.getAttrs().id;
@@ -30765,7 +31032,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 				const center = (prevBox.x + prevBox.width + nextBox.x) / 2;
 				const newX = center - box.width / 2;
 				this.setNodeClientRectX(node, newX);
-				this.snapPositionX = node.x();
+				this.snapPositionX = node instanceof konva.default.Transformer ? newX : node.x();
 				this.currentSizeSnapHorizontal = NODE_SNAP_HORIZONTAL.CENTER;
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceX = Math.round(newBox.x - (prevBox.x + prevBox.width));
@@ -30773,7 +31040,13 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (this.currentSizeSnapHorizontal === NODE_SNAP_HORIZONTAL.CENTER && delta > this.exitSnappingTolerance) this.currentSizeSnapHorizontal = null;
 		}
 		if (this.currentSizeSnapHorizontal && this.peerDistanceX && this.snapPositionX) {
-			node.x(this.snapPositionX);
+			if (node instanceof konva.default.Transformer) {
+				const box$1 = this.getBoxClientRect(node);
+				const dx = this.snapPositionX - box$1.x;
+				node.nodes().forEach((n) => {
+					n.x(n.x() + dx);
+				});
+			} else node.x(this.snapPositionX);
 			const { intersectedNodesWithDistances: newHorizontalIntersectedNodes } = this.getHorizontallyIntersectingNodes(node, visibleNodes);
 			this.drawSizeGuidesHorizontally(newHorizontalIntersectedNodes, this.peerDistanceX);
 			return;
@@ -30784,7 +31057,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (match) {
 				const newX = prevBox.x + prevBox.width + match.distance;
 				this.setNodeClientRectX(node, newX);
-				this.snapPositionX = node.x();
+				this.snapPositionX = node instanceof konva.default.Transformer ? newX : node.x();
 				this.currentSizeSnapHorizontal = NODE_SNAP_HORIZONTAL.LEFT;
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceX = Math.round(newBox.x - (prevBox.x + prevBox.width));
@@ -30798,7 +31071,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (match) {
 				const newX = nextBox.x - match.distance - box.width;
 				this.setNodeClientRectX(node, newX);
-				this.snapPositionX = node.x();
+				this.snapPositionX = node instanceof konva.default.Transformer ? newX : node.x();
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceX = Math.round(nextBox.x - (newBox.x + newBox.width));
 				this.currentSizeSnapHorizontal = NODE_SNAP_HORIZONTAL.RIGHT;
@@ -30829,7 +31102,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 				const center = (prevBox.y + prevBox.height + nextBox.y) / 2;
 				const newY = center - box.height / 2;
 				this.setNodeClientRectY(node, newY);
-				this.snapPositionY = node.y();
+				this.snapPositionY = node instanceof konva.default.Transformer ? newY : node.y();
 				this.currentSizeSnapVertical = NODE_SNAP_VERTICAL.MIDDLE;
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceY = Math.round(newBox.y - (prevBox.y + prevBox.height));
@@ -30837,7 +31110,13 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (this.currentSizeSnapVertical === NODE_SNAP_VERTICAL.MIDDLE && delta > this.exitSnappingTolerance) this.currentSizeSnapVertical = null;
 		}
 		if (this.currentSizeSnapVertical && this.peerDistanceY && this.snapPositionY) {
-			node.y(this.snapPositionY);
+			if (node instanceof konva.default.Transformer) {
+				const box$1 = this.getBoxClientRect(node);
+				const dy = this.snapPositionY - box$1.y;
+				node.nodes().forEach((n) => {
+					n.y(n.y() + dy);
+				});
+			} else node.y(this.snapPositionY);
 			const { intersectedNodesWithDistances: newVerticalIntersectedNodes } = this.getVerticallyIntersectingNodes(node, visibleNodes);
 			this.drawSizeGuidesVertically(newVerticalIntersectedNodes, this.peerDistanceY);
 			return;
@@ -30848,7 +31127,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (match) {
 				const newY = prevBox.y + prevBox.height + match.distance;
 				this.setNodeClientRectY(node, newY);
-				this.snapPositionY = node.y();
+				this.snapPositionY = node instanceof konva.default.Transformer ? newY : node.y();
 				this.currentSizeSnapVertical = NODE_SNAP_VERTICAL.TOP;
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceY = Math.round(newBox.y - (prevBox.y + prevBox.height));
@@ -30862,7 +31141,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 			if (match) {
 				const newY = nextBox.y - match.distance - box.height;
 				this.setNodeClientRectY(node, newY);
-				this.snapPositionY = node.y();
+				this.snapPositionY = node instanceof konva.default.Transformer ? newY : node.y();
 				const newBox = this.getBoxClientRect(node);
 				this.peerDistanceY = Math.round(nextBox.y - (newBox.y + newBox.height));
 				this.currentSizeSnapVertical = NODE_SNAP_VERTICAL.BOTTOM;
@@ -30870,6 +31149,14 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		}
 	}
 	setNodeClientRectX(node, snappedClientX) {
+		if (node instanceof konva.default.Transformer) {
+			const box$1 = this.getBoxClientRect(node);
+			const dx = snappedClientX - box$1.x;
+			node.nodes().forEach((node$1) => {
+				node$1.x(node$1.x() + dx);
+			});
+			return;
+		} else node.x(snappedClientX);
 		if (node.getParent()?.getType() === "Layer") {
 			node.x(snappedClientX);
 			return;
@@ -30893,6 +31180,14 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		});
 	}
 	setNodeClientRectY(node, snappedClientY) {
+		if (node instanceof konva.default.Transformer) {
+			const box$1 = this.getBoxClientRect(node);
+			const dy = snappedClientY - box$1.y;
+			node.nodes().forEach((node$1) => {
+				node$1.y(node$1.y() + dy);
+			});
+			return;
+		}
 		if (node.getParent()?.getType() === "Layer") {
 			node.y(snappedClientY);
 			return;
@@ -30945,8 +31240,11 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 	getVerticallyIntersectingNodes(targetNode, nodes) {
 		const targetBox = this.getBoxClientRect(targetNode);
 		const intersectedNodes = [];
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		let targetNodes = [targetNode.getAttrs().id ?? ""];
+		if (nodesSelectionPlugin && nodesSelectionPlugin.getTransformer().nodes().length > 1) targetNodes = [targetNode.getAttrs().id ?? "", ...nodesSelectionPlugin.getTransformer().nodes().map((node) => node.getAttrs().id ?? "")];
 		nodes.forEach((node) => {
-			if (node === targetNode || !node.isVisible()) return false;
+			if (targetNodes.includes(node.getAttrs().id ?? "") || !node.isVisible()) return false;
 			const box = this.getBoxClientRect(node);
 			const horizontalOverlap = box.x + box.width > targetBox.x && box.x < targetBox.x + targetBox.width;
 			if (horizontalOverlap) intersectedNodes.push(node);
@@ -30993,8 +31291,11 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 	getHorizontallyIntersectingNodes(targetNode, nodes) {
 		const targetBox = this.getBoxClientRect(targetNode);
 		const intersectedNodes = [];
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		let targetNodes = [targetNode.getAttrs().id ?? ""];
+		if (nodesSelectionPlugin && nodesSelectionPlugin.getTransformer().nodes().length > 1) targetNodes = [targetNode.getAttrs().id ?? "", ...nodesSelectionPlugin.getTransformer().nodes().map((node) => node.getAttrs().id ?? "")];
 		nodes.forEach((node) => {
-			if (node === targetNode || !node.isVisible()) return false;
+			if (targetNodes.includes(node.getAttrs().id ?? "") || !node.isVisible()) return false;
 			const box = this.getBoxClientRect(node);
 			const verticalOverlap = box.y + box.height > targetBox.y && box.y < targetBox.y + targetBox.height;
 			if (verticalOverlap) intersectedNodes.push(node);
@@ -31203,7 +31504,7 @@ var WeaveCommentsRendererPlugin = class extends WeavePlugin {
 	}
 	initCommentsLayer() {
 		const stage = this.instance.getStage();
-		const commentsLayer = new konva.default.Layer({ id: WEAVE_COMMENT_TOOL_LAYER_NAME });
+		const commentsLayer = new konva.default.Layer({ id: WEAVE_COMMENTS_TOOL_LAYER_ID });
 		stage.add(commentsLayer);
 		const selectionLayer = this.instance.getSelectionLayer();
 		if (selectionLayer) {
@@ -31257,7 +31558,7 @@ var WeaveCommentsRendererPlugin = class extends WeavePlugin {
 		}
 	}
 	getCommentsLayer() {
-		const commentsLayerId = `#${WEAVE_COMMENT_TOOL_LAYER_NAME}`;
+		const commentsLayerId = `#${WEAVE_COMMENTS_TOOL_LAYER_ID}`;
 		const commentLayer = this.instance.getStage()?.findOne(commentsLayerId);
 		if (!commentLayer) return this.initCommentsLayer();
 		return commentLayer;
@@ -31320,6 +31621,7 @@ exports.TEXT_TOOL_ACTION_NAME = TEXT_TOOL_ACTION_NAME
 exports.TEXT_TOOL_STATE = TEXT_TOOL_STATE
 exports.WEAVE_ARROW_NODE_TYPE = WEAVE_ARROW_NODE_TYPE
 exports.WEAVE_COMMENTS_RENDERER_KEY = WEAVE_COMMENTS_RENDERER_KEY
+exports.WEAVE_COMMENTS_TOOL_LAYER_ID = WEAVE_COMMENTS_TOOL_LAYER_ID
 exports.WEAVE_COMMENT_CREATE_ACTION = WEAVE_COMMENT_CREATE_ACTION
 exports.WEAVE_COMMENT_NODE_ACTION = WEAVE_COMMENT_NODE_ACTION
 exports.WEAVE_COMMENT_NODE_DEFAULTS = WEAVE_COMMENT_NODE_DEFAULTS
@@ -31327,7 +31629,6 @@ exports.WEAVE_COMMENT_NODE_TYPE = WEAVE_COMMENT_NODE_TYPE
 exports.WEAVE_COMMENT_STATUS = WEAVE_COMMENT_STATUS
 exports.WEAVE_COMMENT_TOOL_ACTION_NAME = WEAVE_COMMENT_TOOL_ACTION_NAME
 exports.WEAVE_COMMENT_TOOL_DEFAULT_CONFIG = WEAVE_COMMENT_TOOL_DEFAULT_CONFIG
-exports.WEAVE_COMMENT_TOOL_LAYER_NAME = WEAVE_COMMENT_TOOL_LAYER_NAME
 exports.WEAVE_COMMENT_TOOL_STATE = WEAVE_COMMENT_TOOL_STATE
 exports.WEAVE_COMMENT_VIEW_ACTION = WEAVE_COMMENT_VIEW_ACTION
 exports.WEAVE_COPY_PASTE_CONFIG_DEFAULT = WEAVE_COPY_PASTE_CONFIG_DEFAULT
@@ -31416,6 +31717,7 @@ exports.WeaveRegularPolygonToolAction = WeaveRegularPolygonToolAction
 exports.WeaveSelectionToolAction = WeaveSelectionToolAction
 exports.WeaveStageDropAreaPlugin = WeaveStageDropAreaPlugin
 exports.WeaveStageGridPlugin = WeaveStageGridPlugin
+exports.WeaveStageMinimapPlugin = WeaveStageMinimapPlugin
 exports.WeaveStageNode = WeaveStageNode
 exports.WeaveStagePanningPlugin = WeaveStagePanningPlugin
 exports.WeaveStageResizePlugin = WeaveStageResizePlugin