@inditextech/weave-sdk 0.5.0 → 0.6.0

package/dist/sdk.cjs

@@ -15793,6 +15793,14 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const layer = new konva.default.Layer({ id: this.getLayerName() });
 		stage.add(layer);
 	}
+	isSelecting() {
+		return this.instance.getActiveAction() === "selectionTool";
+	}
+	isNodeSelected(ele) {
+		let selected = false;
+		if (this.getSelectedNodes().length === 1 && this.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
+		return selected;
+	}
 	onInit() {
 		const stage = this.instance.getStage();
 		const selectionLayer = this.getLayer();
@@ -15812,6 +15820,21 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			...this.config.transformer
 		});
 		selectionLayer?.add(tr);
+		tr.on("transform", (e) => {
+			const node = e.target;
+			const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
+			if (nodesSnappingPlugin && this.isSelecting() && this.isNodeSelected(node)) nodesSnappingPlugin.evaluateGuidelines(e);
+			if (this.isSelecting() && this.isNodeSelected(node)) {
+				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+				this.instance.updateNode(nodeHandler.serialize(node));
+				e.cancelBubble = true;
+			}
+		});
+		tr.on("transformend", (e) => {
+			const node = e.target;
+			const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
+			if (nodesSnappingPlugin && this.isSelecting() && this.isNodeSelected(node)) nodesSnappingPlugin.cleanupEvaluateGuidelines();
+		});
 		tr.on("mouseenter", (e) => {
 			const stage$1 = this.instance.getStage();
 			stage$1.container().style.cursor = "grab";
@@ -16342,12 +16365,6 @@ var WeaveNode = class {
 			}
 			node.draggable(false);
 		});
-		node.on("transform", (e) => {
-			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.instance.updateNode(this.serialize(node));
-				e.cancelBubble = true;
-			}
-		});
 		node.on("dragmove", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
 				this.clearContainerTargets();
@@ -17789,7 +17806,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.5.0";
+var version = "0.6.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -21616,6 +21633,13 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 //#region src/plugins/nodes-snapping/constants.ts
 const WEAVE_NODES_SNAPPING_KEY = "nodesSnapping";
 const GUIDE_LINE_NAME = "guide-line";
+const GUIDE_LINE_DEFAULT_CONFIG = {
+	stroke: "rgb(0, 161, 255)",
+	strokeWidth: 1,
+	dash: [4, 6]
+};
+const GUIDE_LINE_DRAG_SNAPPING_THRESHOLD = 10;
+const GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD = 10;
 const GUIDE_ORIENTATION = {
 	["HORIZONTAL"]: "H",
 	["VERTICAL"]: "V"
@@ -21629,9 +21653,12 @@ const NODE_SNAP = {
 //#endregion
 //#region src/plugins/nodes-snapping/nodes-snapping.ts
 var WeaveNodesSnappingPlugin = class extends WeavePlugin {
-	constructor() {
+	constructor(params) {
 		super();
-		this.guideLineOffset = 10;
+		const { config } = params ?? {};
+		this.guideLineConfig = config?.guideLine ?? GUIDE_LINE_DEFAULT_CONFIG;
+		this.dragSnappingThreshold = config?.dragSnappingThreshold ?? GUIDE_LINE_DRAG_SNAPPING_THRESHOLD;
+		this.transformSnappingThreshold = config?.transformSnappingThreshold ?? GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD;
 		this.enabled = true;
 	}
 	getName() {
@@ -21643,42 +21670,76 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	setEnabled(enabled) {
 		this.enabled = enabled;
 	}
-	initEvents() {
-		const stage = this.instance.getStage();
+	evaluateGuidelines(e) {
 		const mainLayer = this.instance.getMainLayer();
-		if (mainLayer) {
-			stage.on("dragmove", (e) => {
-				if (!this.enabled) return;
-				if (e.target instanceof konva.default.Transformer) {
-					const actualTarget = e.target;
-					const node = actualTarget.getNodes()[0];
-					if (typeof node === "undefined") return;
-					mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
-					const lineGuideStops = this.getLineGuideStops(node);
-					const itemBounds = this.getObjectSnappingEdges(node);
-					const guides = this.getGuides(lineGuideStops, itemBounds);
-					if (!guides.length) return;
-					this.drawGuides(guides);
-					const absPos = node.absolutePosition();
+		if (!this.enabled) return;
+		if (!mainLayer) return;
+		let node = void 0;
+		if (e.type === "dragmove" && e.target instanceof konva.default.Transformer) {
+			const actualTarget = e.target;
+			node = actualTarget.getNodes()[0];
+		}
+		if (e.type === "transform") node = e.target;
+		if (typeof node === "undefined") return;
+		mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
+		const lineGuideStops = this.getLineGuideStops(node);
+		const itemBounds = this.getObjectSnappingEdges(node);
+		const guides = this.getGuides(lineGuideStops, itemBounds, e.type);
+		if (!guides.length) return;
+		this.drawGuides(guides);
+		if (e.type === "dragmove") {
+			const absPos = node.absolutePosition();
+			guides.forEach((lg) => {
+				switch (lg.orientation) {
+					case GUIDE_ORIENTATION.VERTICAL: {
+						absPos.x = lg.lineGuide + lg.offset;
+						break;
+					}
+					case GUIDE_ORIENTATION.HORIZONTAL: {
+						absPos.y = lg.lineGuide + lg.offset;
+						break;
+					}
+				}
+			});
+			node.absolutePosition(absPos);
+		}
+		if (e.type === "transform") {
+			const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+			if (nodesSelectionPlugin) {
+				const transformer = nodesSelectionPlugin.getTransformer();
+				transformer.anchorDragBoundFunc((_, newAbsPos) => {
+					const finalPos = { ...newAbsPos };
 					guides.forEach((lg) => {
 						switch (lg.orientation) {
 							case GUIDE_ORIENTATION.VERTICAL: {
-								absPos.x = lg.lineGuide + lg.offset;
+								const distX = Math.sqrt(Math.pow(newAbsPos.x - lg.lineGuide, 2));
+								if (distX < this.transformSnappingThreshold) finalPos.x = lg.lineGuide;
 								break;
 							}
 							case GUIDE_ORIENTATION.HORIZONTAL: {
-								absPos.y = lg.lineGuide + lg.offset;
+								const distY = Math.sqrt(Math.pow(newAbsPos.y - lg.lineGuide, 2));
+								if (distY < this.transformSnappingThreshold) finalPos.y = lg.lineGuide;
 								break;
 							}
 						}
 					});
-					node.absolutePosition(absPos);
-				}
-			});
-			stage.on("dragend", () => {
-				if (!this.enabled) return;
-				mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
-			});
+					return finalPos;
+				});
+			}
+		}
+	}
+	cleanupEvaluateGuidelines() {
+		const mainLayer = this.instance.getMainLayer();
+		if (!this.enabled) return;
+		if (!mainLayer) return;
+		mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
+	}
+	initEvents() {
+		const stage = this.instance.getStage();
+		const mainLayer = this.instance.getMainLayer();
+		if (mainLayer) {
+			stage.on("dragmove", this.evaluateGuidelines.bind(this));
+			stage.on("dragend", this.cleanupEvaluateGuidelines.bind(this));
 		}
 	}
 	getLineGuideStops(skipShape) {
@@ -21715,7 +21776,7 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	getObjectSnappingEdges(node) {
 		const box = node.getClientRect();
 		const absPos = node.absolutePosition();
-		return {
+		const snappingEdges = {
 			vertical: [
 				{
 					guide: Math.round(box.x),
@@ -21751,14 +21812,15 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 				}
 			]
 		};
+		return snappingEdges;
 	}
-	getGuides(lineGuideStops, itemBounds) {
+	getGuides(lineGuideStops, itemBounds, type) {
 		const resultV = [];
 		const resultH = [];
 		lineGuideStops.vertical.forEach((lineGuide) => {
 			itemBounds.vertical.forEach((itemBound) => {
 				const diff = Math.abs(lineGuide - itemBound.guide);
-				if (diff < this.guideLineOffset) resultV.push({
+				if (diff < this.dragSnappingThreshold) resultV.push({
 					lineGuide,
 					diff,
 					snap: itemBound.snap,
@@ -21769,7 +21831,7 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 		lineGuideStops.horizontal.forEach((lineGuide) => {
 			itemBounds.horizontal.forEach((itemBound) => {
 				const diff = Math.abs(lineGuide - itemBound.guide);
-				if (diff < this.guideLineOffset) resultH.push({
+				if (diff < this.dragSnappingThreshold) resultH.push({
 					lineGuide,
 					diff,
 					snap: itemBound.snap,
@@ -21778,20 +21840,40 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			});
 		});
 		const guides = [];
-		const minV = resultV.sort((a, b) => a.diff - b.diff)[0];
-		const minH = resultH.sort((a, b) => a.diff - b.diff)[0];
-		if (minV) guides.push({
-			lineGuide: minV.lineGuide,
-			offset: minV.offset,
-			orientation: GUIDE_ORIENTATION.VERTICAL,
-			snap: minV.snap
-		});
-		if (minH) guides.push({
-			lineGuide: minH.lineGuide,
-			offset: minH.offset,
-			orientation: GUIDE_ORIENTATION.HORIZONTAL,
-			snap: minH.snap
-		});
+		if (type === "dragmove") {
+			const minV = resultV.sort((a, b) => a.diff - b.diff)[0];
+			const minH = resultH.sort((a, b) => a.diff - b.diff)[0];
+			if (minV) guides.push({
+				lineGuide: minV.lineGuide,
+				offset: minV.offset,
+				orientation: GUIDE_ORIENTATION.VERTICAL,
+				snap: minV.snap
+			});
+			if (minH) guides.push({
+				lineGuide: minH.lineGuide,
+				offset: minH.offset,
+				orientation: GUIDE_ORIENTATION.HORIZONTAL,
+				snap: minH.snap
+			});
+		}
+		if (type === "transform") {
+			resultV.forEach((v) => {
+				guides.push({
+					lineGuide: v.lineGuide,
+					offset: v.offset,
+					orientation: GUIDE_ORIENTATION.VERTICAL,
+					snap: v.snap
+				});
+			});
+			resultH.forEach((h) => {
+				guides.push({
+					lineGuide: h.lineGuide,
+					offset: h.offset,
+					orientation: GUIDE_ORIENTATION.HORIZONTAL,
+					snap: h.snap
+				});
+			});
+		}
 		return guides;
 	}
 	drawGuides(guides) {
@@ -21800,16 +21882,16 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 		if (mainLayer) guides.forEach((lg) => {
 			if (lg.orientation === GUIDE_ORIENTATION.HORIZONTAL) {
 				const line = new konva.default.Line({
+					...this.guideLineConfig,
+					strokeWidth: (this.guideLineConfig.strokeWidth ?? GUIDE_LINE_DEFAULT_CONFIG.strokeWidth) / stage.scaleX(),
+					dash: this.guideLineConfig.dash?.map((e) => e / stage.scaleX()),
 					points: [
 						-6e3,
 						0,
 						6e3,
 						0
 					],
-					stroke: "rgb(0, 161, 255)",
-					strokeWidth: 1 / stage.scaleX(),
-					name: GUIDE_LINE_NAME,
-					dash: [4 / stage.scaleX(), 6 / stage.scaleX()]
+					name: GUIDE_LINE_NAME
 				});
 				mainLayer.add(line);
 				line.absolutePosition({
@@ -21819,16 +21901,16 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			}
 			if (lg.orientation === GUIDE_ORIENTATION.VERTICAL) {
 				const line = new konva.default.Line({
+					...this.guideLineConfig,
+					strokeWidth: (this.guideLineConfig.strokeWidth ?? GUIDE_LINE_DEFAULT_CONFIG.strokeWidth) / stage.scaleX(),
+					dash: this.guideLineConfig.dash?.map((e) => e / stage.scaleX()),
 					points: [
 						0,
 						-6e3,
 						0,
 						6e3
 					],
-					stroke: "rgb(0, 161, 255)",
-					strokeWidth: 1 / stage.scaleX(),
-					name: GUIDE_LINE_NAME,
-					dash: [4 / stage.scaleX(), 6 / stage.scaleX()]
+					name: GUIDE_LINE_NAME
 				});
 				mainLayer.add(line);
 				line.absolutePosition({
@@ -21851,7 +21933,10 @@ exports.BRUSH_TOOL_STATE = BRUSH_TOOL_STATE
 exports.COPY_PASTE_NODES_PLUGIN_STATE = COPY_PASTE_NODES_PLUGIN_STATE
 exports.FRAME_TOOL_ACTION_NAME = FRAME_TOOL_ACTION_NAME
 exports.FRAME_TOOL_STATE = FRAME_TOOL_STATE
+exports.GUIDE_LINE_DEFAULT_CONFIG = GUIDE_LINE_DEFAULT_CONFIG
+exports.GUIDE_LINE_DRAG_SNAPPING_THRESHOLD = GUIDE_LINE_DRAG_SNAPPING_THRESHOLD
 exports.GUIDE_LINE_NAME = GUIDE_LINE_NAME
+exports.GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD = GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD
 exports.GUIDE_ORIENTATION = GUIDE_ORIENTATION
 exports.IMAGE_TOOL_STATE = IMAGE_TOOL_STATE
 exports.MOVE_TOOL_ACTION_NAME = MOVE_TOOL_ACTION_NAME

package/dist/sdk.d.cts

@@ -5,6 +5,7 @@ import pino, { Logger } from "pino";
 import * as Y from "yjs";
 import { Doc } from "yjs";
 import { StageConfig } from "konva/lib/Stage";
+import { KonvaEventObject } from "konva/lib/Node";
 
 //#region ../types/dist/types.d.ts
 declare const WEAVE_INSTANCE_STATUS: {
@@ -255,6 +256,8 @@ declare class WeaveNodesSelectionPlugin extends WeavePlugin {
   getName(): string;
   getLayerName(): string;
   initLayer(): void;
+  isSelecting(): boolean;
+  isNodeSelected(ele: Konva.Node): boolean;
   onInit(): void;
   private getLayer;
   private triggerSelectedNodesEvent;
@@ -1462,6 +1465,9 @@ declare class WeaveCopyPasteNodesPlugin extends WeavePlugin {
 //#region src/plugins/nodes-snapping/constants.d.ts
 declare const WEAVE_NODES_SNAPPING_KEY = "nodesSnapping";
 declare const GUIDE_LINE_NAME = "guide-line";
+declare const GUIDE_LINE_DEFAULT_CONFIG: Required<Pick<Konva.LineConfig, "stroke" | "strokeWidth" | "dash">>;
+declare const GUIDE_LINE_DRAG_SNAPPING_THRESHOLD = 10;
+declare const GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD = 10;
 declare const GUIDE_ORIENTATION: {
   readonly "HORIZONTAL": "H";
   readonly "VERTICAL": "V";
@@ -1503,24 +1509,36 @@ type Guide = {
   orientation: GuideOrientation;
   snap: NodeSnap;
 };
+type WeaveNodesSnappingPluginConfig = {
+  guideLine: Konva.LineConfig;
+  dragSnappingThreshold: number;
+  transformSnappingThreshold: number;
+};
+type WeaveNodesSnappingPluginParams = {
+  config?: WeaveNodesSnappingPluginConfig;
+};
 
 //#endregion
 //#region src/plugins/nodes-snapping/nodes-snapping.d.ts
 declare class WeaveNodesSnappingPlugin extends WeavePlugin {
-  private guideLineOffset;
+  private guideLineConfig;
+  private dragSnappingThreshold;
+  private transformSnappingThreshold;
   onRender: undefined;
-  constructor();
+  constructor(params?: Partial<WeaveNodesSnappingPluginParams>);
   getName(): string;
   onInit(): void;
   setEnabled(enabled: boolean): void;
+  evaluateGuidelines(e: KonvaEventObject<any>): void;
+  cleanupEvaluateGuidelines(): void;
   private initEvents;
   getLineGuideStops(skipShape: Konva.Node): LineGuideStop;
   getObjectSnappingEdges(node: Konva.Node): NodeSnappingEdges;
-  getGuides(lineGuideStops: LineGuideStop, itemBounds: NodeSnappingEdges): Guide[];
+  getGuides(lineGuideStops: LineGuideStop, itemBounds: NodeSnappingEdges, type: string): Guide[];
   drawGuides(guides: Guide[]): void;
   enable(): void;
   disable(): void;
 }
 
 //#endregion
-export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_NAME, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_STATE, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, TextSerializable, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveActionCallbacks, WeaveActionPropsChangeCallback, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveBrushToolCallbacks, WeaveConnectedUserInfoKey, WeaveConnectedUsersChangeCallback, WeaveConnectedUsersChanged, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginCallbacks, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesCanCopyChangeCallback, WeaveCopyPasteNodesCanPasteChangeCallback, WeaveCopyPasteNodesOnCopyCallback, WeaveCopyPasteNodesOnPasteCallback, WeaveCopyPasteNodesOnPasteExternalCallback, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginCallbacks, WeaveCopyPasteNodesPluginParams, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolCallbacks, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionCallbacks, WeaveImageToolActionOnAddImageCallback, WeaveImageToolActionOnEndLoadImageCallback, WeaveImageToolActionOnStartLoadImageCallback, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionChangeCallback, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginCallbacks, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginParams, WeaveNodesSelectionStageSelectionCallback, WeaveNodesSnappingPlugin, WeaveOnNodeMenuCallback, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePenToolCallbacks, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRectangleToolCallbacks, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginCallbacks, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropAreaPluginCallbacks, WeaveStageDropAreaPluginParams, WeaveStageDropCallback, WeaveStageDropUploadFileCallback, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomOnZoomChangeCallback, WeaveStageZoomPlugin, WeaveStageZoomPluginCallbacks, WeaveStageZoomPluginConfig, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, resetScale };
+export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_STATE, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, TextSerializable, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveActionCallbacks, WeaveActionPropsChangeCallback, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveBrushToolCallbacks, WeaveConnectedUserInfoKey, WeaveConnectedUsersChangeCallback, WeaveConnectedUsersChanged, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginCallbacks, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesCanCopyChangeCallback, WeaveCopyPasteNodesCanPasteChangeCallback, WeaveCopyPasteNodesOnCopyCallback, WeaveCopyPasteNodesOnPasteCallback, WeaveCopyPasteNodesOnPasteExternalCallback, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginCallbacks, WeaveCopyPasteNodesPluginParams, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolCallbacks, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionCallbacks, WeaveImageToolActionOnAddImageCallback, WeaveImageToolActionOnEndLoadImageCallback, WeaveImageToolActionOnStartLoadImageCallback, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionChangeCallback, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginCallbacks, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginParams, WeaveNodesSelectionStageSelectionCallback, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeaveOnNodeMenuCallback, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePenToolCallbacks, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRectangleToolCallbacks, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginCallbacks, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropAreaPluginCallbacks, WeaveStageDropAreaPluginParams, WeaveStageDropCallback, WeaveStageDropUploadFileCallback, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomOnZoomChangeCallback, WeaveStageZoomPlugin, WeaveStageZoomPluginCallbacks, WeaveStageZoomPluginConfig, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, resetScale };

package/dist/sdk.d.ts

@@ -5,6 +5,7 @@ import { Doc } from "yjs";
 import Emittery from "emittery";
 import pino, { Logger } from "pino";
 import { StageConfig } from "konva/lib/Stage";
+import { KonvaEventObject } from "konva/lib/Node";
 
 //#region ../types/dist/types.d.ts
 declare const WEAVE_INSTANCE_STATUS: {
@@ -255,6 +256,8 @@ declare class WeaveNodesSelectionPlugin extends WeavePlugin {
   getName(): string;
   getLayerName(): string;
   initLayer(): void;
+  isSelecting(): boolean;
+  isNodeSelected(ele: Konva.Node): boolean;
   onInit(): void;
   private getLayer;
   private triggerSelectedNodesEvent;
@@ -1462,6 +1465,9 @@ declare class WeaveCopyPasteNodesPlugin extends WeavePlugin {
 //#region src/plugins/nodes-snapping/constants.d.ts
 declare const WEAVE_NODES_SNAPPING_KEY = "nodesSnapping";
 declare const GUIDE_LINE_NAME = "guide-line";
+declare const GUIDE_LINE_DEFAULT_CONFIG: Required<Pick<Konva.LineConfig, "stroke" | "strokeWidth" | "dash">>;
+declare const GUIDE_LINE_DRAG_SNAPPING_THRESHOLD = 10;
+declare const GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD = 10;
 declare const GUIDE_ORIENTATION: {
   readonly "HORIZONTAL": "H";
   readonly "VERTICAL": "V";
@@ -1503,24 +1509,36 @@ type Guide = {
   orientation: GuideOrientation;
   snap: NodeSnap;
 };
+type WeaveNodesSnappingPluginConfig = {
+  guideLine: Konva.LineConfig;
+  dragSnappingThreshold: number;
+  transformSnappingThreshold: number;
+};
+type WeaveNodesSnappingPluginParams = {
+  config?: WeaveNodesSnappingPluginConfig;
+};
 
 //#endregion
 //#region src/plugins/nodes-snapping/nodes-snapping.d.ts
 declare class WeaveNodesSnappingPlugin extends WeavePlugin {
-  private guideLineOffset;
+  private guideLineConfig;
+  private dragSnappingThreshold;
+  private transformSnappingThreshold;
   onRender: undefined;
-  constructor();
+  constructor(params?: Partial<WeaveNodesSnappingPluginParams>);
   getName(): string;
   onInit(): void;
   setEnabled(enabled: boolean): void;
+  evaluateGuidelines(e: KonvaEventObject<any>): void;
+  cleanupEvaluateGuidelines(): void;
   private initEvents;
   getLineGuideStops(skipShape: Konva.Node): LineGuideStop;
   getObjectSnappingEdges(node: Konva.Node): NodeSnappingEdges;
-  getGuides(lineGuideStops: LineGuideStop, itemBounds: NodeSnappingEdges): Guide[];
+  getGuides(lineGuideStops: LineGuideStop, itemBounds: NodeSnappingEdges, type: string): Guide[];
   drawGuides(guides: Guide[]): void;
   enable(): void;
   disable(): void;
 }
 
 //#endregion
-export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_NAME, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_STATE, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, TextSerializable, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveActionCallbacks, WeaveActionPropsChangeCallback, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveBrushToolCallbacks, WeaveConnectedUserInfoKey, WeaveConnectedUsersChangeCallback, WeaveConnectedUsersChanged, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginCallbacks, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesCanCopyChangeCallback, WeaveCopyPasteNodesCanPasteChangeCallback, WeaveCopyPasteNodesOnCopyCallback, WeaveCopyPasteNodesOnPasteCallback, WeaveCopyPasteNodesOnPasteExternalCallback, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginCallbacks, WeaveCopyPasteNodesPluginParams, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolCallbacks, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionCallbacks, WeaveImageToolActionOnAddImageCallback, WeaveImageToolActionOnEndLoadImageCallback, WeaveImageToolActionOnStartLoadImageCallback, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionChangeCallback, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginCallbacks, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginParams, WeaveNodesSelectionStageSelectionCallback, WeaveNodesSnappingPlugin, WeaveOnNodeMenuCallback, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePenToolCallbacks, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRectangleToolCallbacks, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginCallbacks, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropAreaPluginCallbacks, WeaveStageDropAreaPluginParams, WeaveStageDropCallback, WeaveStageDropUploadFileCallback, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomOnZoomChangeCallback, WeaveStageZoomPlugin, WeaveStageZoomPluginCallbacks, WeaveStageZoomPluginConfig, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, resetScale };
+export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, Guide, GuideOrientation, GuideOrientationKeys, IMAGE_TOOL_STATE, ImageProps, LineGuide, LineGuideStop, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NodeSnap, NodeSnapKeys, NodeSnappingEdge, NodeSnappingEdges, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, TextSerializable, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveActionCallbacks, WeaveActionPropsChangeCallback, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveBrushToolCallbacks, WeaveConnectedUserInfoKey, WeaveConnectedUsersChangeCallback, WeaveConnectedUsersChanged, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginCallbacks, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesCanCopyChangeCallback, WeaveCopyPasteNodesCanPasteChangeCallback, WeaveCopyPasteNodesOnCopyCallback, WeaveCopyPasteNodesOnPasteCallback, WeaveCopyPasteNodesOnPasteExternalCallback, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginCallbacks, WeaveCopyPasteNodesPluginParams, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolCallbacks, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionCallbacks, WeaveImageToolActionOnAddImageCallback, WeaveImageToolActionOnEndLoadImageCallback, WeaveImageToolActionOnStartLoadImageCallback, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionChangeCallback, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginCallbacks, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginParams, WeaveNodesSelectionStageSelectionCallback, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeaveOnNodeMenuCallback, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePenToolCallbacks, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveRectangleToolCallbacks, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginCallbacks, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropAreaPluginCallbacks, WeaveStageDropAreaPluginParams, WeaveStageDropCallback, WeaveStageDropUploadFileCallback, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomOnZoomChangeCallback, WeaveStageZoomPlugin, WeaveStageZoomPluginCallbacks, WeaveStageZoomPluginConfig, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, resetScale };

package/dist/sdk.js

@@ -15793,6 +15793,14 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const layer = new Konva.Layer({ id: this.getLayerName() });
 		stage.add(layer);
 	}
+	isSelecting() {
+		return this.instance.getActiveAction() === "selectionTool";
+	}
+	isNodeSelected(ele) {
+		let selected = false;
+		if (this.getSelectedNodes().length === 1 && this.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
+		return selected;
+	}
 	onInit() {
 		const stage = this.instance.getStage();
 		const selectionLayer = this.getLayer();
@@ -15812,6 +15820,21 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			...this.config.transformer
 		});
 		selectionLayer?.add(tr);
+		tr.on("transform", (e) => {
+			const node = e.target;
+			const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
+			if (nodesSnappingPlugin && this.isSelecting() && this.isNodeSelected(node)) nodesSnappingPlugin.evaluateGuidelines(e);
+			if (this.isSelecting() && this.isNodeSelected(node)) {
+				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+				this.instance.updateNode(nodeHandler.serialize(node));
+				e.cancelBubble = true;
+			}
+		});
+		tr.on("transformend", (e) => {
+			const node = e.target;
+			const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
+			if (nodesSnappingPlugin && this.isSelecting() && this.isNodeSelected(node)) nodesSnappingPlugin.cleanupEvaluateGuidelines();
+		});
 		tr.on("mouseenter", (e) => {
 			const stage$1 = this.instance.getStage();
 			stage$1.container().style.cursor = "grab";
@@ -16342,12 +16365,6 @@ var WeaveNode = class {
 			}
 			node.draggable(false);
 		});
-		node.on("transform", (e) => {
-			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.instance.updateNode(this.serialize(node));
-				e.cancelBubble = true;
-			}
-		});
 		node.on("dragmove", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
 				this.clearContainerTargets();
@@ -17789,7 +17806,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.5.0";
+var version = "0.6.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -21616,6 +21633,13 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 //#region src/plugins/nodes-snapping/constants.ts
 const WEAVE_NODES_SNAPPING_KEY = "nodesSnapping";
 const GUIDE_LINE_NAME = "guide-line";
+const GUIDE_LINE_DEFAULT_CONFIG = {
+	stroke: "rgb(0, 161, 255)",
+	strokeWidth: 1,
+	dash: [4, 6]
+};
+const GUIDE_LINE_DRAG_SNAPPING_THRESHOLD = 10;
+const GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD = 10;
 const GUIDE_ORIENTATION = {
 	["HORIZONTAL"]: "H",
 	["VERTICAL"]: "V"
@@ -21629,9 +21653,12 @@ const NODE_SNAP = {
 //#endregion
 //#region src/plugins/nodes-snapping/nodes-snapping.ts
 var WeaveNodesSnappingPlugin = class extends WeavePlugin {
-	constructor() {
+	constructor(params) {
 		super();
-		this.guideLineOffset = 10;
+		const { config } = params ?? {};
+		this.guideLineConfig = config?.guideLine ?? GUIDE_LINE_DEFAULT_CONFIG;
+		this.dragSnappingThreshold = config?.dragSnappingThreshold ?? GUIDE_LINE_DRAG_SNAPPING_THRESHOLD;
+		this.transformSnappingThreshold = config?.transformSnappingThreshold ?? GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD;
 		this.enabled = true;
 	}
 	getName() {
@@ -21643,42 +21670,76 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	setEnabled(enabled) {
 		this.enabled = enabled;
 	}
-	initEvents() {
-		const stage = this.instance.getStage();
+	evaluateGuidelines(e) {
 		const mainLayer = this.instance.getMainLayer();
-		if (mainLayer) {
-			stage.on("dragmove", (e) => {
-				if (!this.enabled) return;
-				if (e.target instanceof Konva.Transformer) {
-					const actualTarget = e.target;
-					const node = actualTarget.getNodes()[0];
-					if (typeof node === "undefined") return;
-					mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
-					const lineGuideStops = this.getLineGuideStops(node);
-					const itemBounds = this.getObjectSnappingEdges(node);
-					const guides = this.getGuides(lineGuideStops, itemBounds);
-					if (!guides.length) return;
-					this.drawGuides(guides);
-					const absPos = node.absolutePosition();
+		if (!this.enabled) return;
+		if (!mainLayer) return;
+		let node = void 0;
+		if (e.type === "dragmove" && e.target instanceof Konva.Transformer) {
+			const actualTarget = e.target;
+			node = actualTarget.getNodes()[0];
+		}
+		if (e.type === "transform") node = e.target;
+		if (typeof node === "undefined") return;
+		mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
+		const lineGuideStops = this.getLineGuideStops(node);
+		const itemBounds = this.getObjectSnappingEdges(node);
+		const guides = this.getGuides(lineGuideStops, itemBounds, e.type);
+		if (!guides.length) return;
+		this.drawGuides(guides);
+		if (e.type === "dragmove") {
+			const absPos = node.absolutePosition();
+			guides.forEach((lg) => {
+				switch (lg.orientation) {
+					case GUIDE_ORIENTATION.VERTICAL: {
+						absPos.x = lg.lineGuide + lg.offset;
+						break;
+					}
+					case GUIDE_ORIENTATION.HORIZONTAL: {
+						absPos.y = lg.lineGuide + lg.offset;
+						break;
+					}
+				}
+			});
+			node.absolutePosition(absPos);
+		}
+		if (e.type === "transform") {
+			const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+			if (nodesSelectionPlugin) {
+				const transformer = nodesSelectionPlugin.getTransformer();
+				transformer.anchorDragBoundFunc((_, newAbsPos) => {
+					const finalPos = { ...newAbsPos };
 					guides.forEach((lg) => {
 						switch (lg.orientation) {
 							case GUIDE_ORIENTATION.VERTICAL: {
-								absPos.x = lg.lineGuide + lg.offset;
+								const distX = Math.sqrt(Math.pow(newAbsPos.x - lg.lineGuide, 2));
+								if (distX < this.transformSnappingThreshold) finalPos.x = lg.lineGuide;
 								break;
 							}
 							case GUIDE_ORIENTATION.HORIZONTAL: {
-								absPos.y = lg.lineGuide + lg.offset;
+								const distY = Math.sqrt(Math.pow(newAbsPos.y - lg.lineGuide, 2));
+								if (distY < this.transformSnappingThreshold) finalPos.y = lg.lineGuide;
 								break;
 							}
 						}
 					});
-					node.absolutePosition(absPos);
-				}
-			});
-			stage.on("dragend", () => {
-				if (!this.enabled) return;
-				mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
-			});
+					return finalPos;
+				});
+			}
+		}
+	}
+	cleanupEvaluateGuidelines() {
+		const mainLayer = this.instance.getMainLayer();
+		if (!this.enabled) return;
+		if (!mainLayer) return;
+		mainLayer.find(`.${GUIDE_LINE_NAME}`).forEach((l) => l.destroy());
+	}
+	initEvents() {
+		const stage = this.instance.getStage();
+		const mainLayer = this.instance.getMainLayer();
+		if (mainLayer) {
+			stage.on("dragmove", this.evaluateGuidelines.bind(this));
+			stage.on("dragend", this.cleanupEvaluateGuidelines.bind(this));
 		}
 	}
 	getLineGuideStops(skipShape) {
@@ -21715,7 +21776,7 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	getObjectSnappingEdges(node) {
 		const box = node.getClientRect();
 		const absPos = node.absolutePosition();
-		return {
+		const snappingEdges = {
 			vertical: [
 				{
 					guide: Math.round(box.x),
@@ -21751,14 +21812,15 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 				}
 			]
 		};
+		return snappingEdges;
 	}
-	getGuides(lineGuideStops, itemBounds) {
+	getGuides(lineGuideStops, itemBounds, type) {
 		const resultV = [];
 		const resultH = [];
 		lineGuideStops.vertical.forEach((lineGuide) => {
 			itemBounds.vertical.forEach((itemBound) => {
 				const diff = Math.abs(lineGuide - itemBound.guide);
-				if (diff < this.guideLineOffset) resultV.push({
+				if (diff < this.dragSnappingThreshold) resultV.push({
 					lineGuide,
 					diff,
 					snap: itemBound.snap,
@@ -21769,7 +21831,7 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 		lineGuideStops.horizontal.forEach((lineGuide) => {
 			itemBounds.horizontal.forEach((itemBound) => {
 				const diff = Math.abs(lineGuide - itemBound.guide);
-				if (diff < this.guideLineOffset) resultH.push({
+				if (diff < this.dragSnappingThreshold) resultH.push({
 					lineGuide,
 					diff,
 					snap: itemBound.snap,
@@ -21778,20 +21840,40 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			});
 		});
 		const guides = [];
-		const minV = resultV.sort((a, b) => a.diff - b.diff)[0];
-		const minH = resultH.sort((a, b) => a.diff - b.diff)[0];
-		if (minV) guides.push({
-			lineGuide: minV.lineGuide,
-			offset: minV.offset,
-			orientation: GUIDE_ORIENTATION.VERTICAL,
-			snap: minV.snap
-		});
-		if (minH) guides.push({
-			lineGuide: minH.lineGuide,
-			offset: minH.offset,
-			orientation: GUIDE_ORIENTATION.HORIZONTAL,
-			snap: minH.snap
-		});
+		if (type === "dragmove") {
+			const minV = resultV.sort((a, b) => a.diff - b.diff)[0];
+			const minH = resultH.sort((a, b) => a.diff - b.diff)[0];
+			if (minV) guides.push({
+				lineGuide: minV.lineGuide,
+				offset: minV.offset,
+				orientation: GUIDE_ORIENTATION.VERTICAL,
+				snap: minV.snap
+			});
+			if (minH) guides.push({
+				lineGuide: minH.lineGuide,
+				offset: minH.offset,
+				orientation: GUIDE_ORIENTATION.HORIZONTAL,
+				snap: minH.snap
+			});
+		}
+		if (type === "transform") {
+			resultV.forEach((v) => {
+				guides.push({
+					lineGuide: v.lineGuide,
+					offset: v.offset,
+					orientation: GUIDE_ORIENTATION.VERTICAL,
+					snap: v.snap
+				});
+			});
+			resultH.forEach((h) => {
+				guides.push({
+					lineGuide: h.lineGuide,
+					offset: h.offset,
+					orientation: GUIDE_ORIENTATION.HORIZONTAL,
+					snap: h.snap
+				});
+			});
+		}
 		return guides;
 	}
 	drawGuides(guides) {
@@ -21800,16 +21882,16 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 		if (mainLayer) guides.forEach((lg) => {
 			if (lg.orientation === GUIDE_ORIENTATION.HORIZONTAL) {
 				const line = new Konva.Line({
+					...this.guideLineConfig,
+					strokeWidth: (this.guideLineConfig.strokeWidth ?? GUIDE_LINE_DEFAULT_CONFIG.strokeWidth) / stage.scaleX(),
+					dash: this.guideLineConfig.dash?.map((e) => e / stage.scaleX()),
 					points: [
 						-6e3,
 						0,
 						6e3,
 						0
 					],
-					stroke: "rgb(0, 161, 255)",
-					strokeWidth: 1 / stage.scaleX(),
-					name: GUIDE_LINE_NAME,
-					dash: [4 / stage.scaleX(), 6 / stage.scaleX()]
+					name: GUIDE_LINE_NAME
 				});
 				mainLayer.add(line);
 				line.absolutePosition({
@@ -21819,16 +21901,16 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			}
 			if (lg.orientation === GUIDE_ORIENTATION.VERTICAL) {
 				const line = new Konva.Line({
+					...this.guideLineConfig,
+					strokeWidth: (this.guideLineConfig.strokeWidth ?? GUIDE_LINE_DEFAULT_CONFIG.strokeWidth) / stage.scaleX(),
+					dash: this.guideLineConfig.dash?.map((e) => e / stage.scaleX()),
 					points: [
 						0,
 						-6e3,
 						0,
 						6e3
 					],
-					stroke: "rgb(0, 161, 255)",
-					strokeWidth: 1 / stage.scaleX(),
-					name: GUIDE_LINE_NAME,
-					dash: [4 / stage.scaleX(), 6 / stage.scaleX()]
+					name: GUIDE_LINE_NAME
 				});
 				mainLayer.add(line);
 				line.absolutePosition({
@@ -21847,4 +21929,4 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 };
 
 //#endregion
-export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_NAME, GUIDE_ORIENTATION, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveBrushToolAction, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveExportNodeToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, resetScale };
+export { BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, TEXT_TOOL_STATE, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_SIZES, WEAVE_FRAME_NODE_SIZES_MULTIPLIER, WEAVE_FRAME_NODE_SIZES_ORIENTATION, WEAVE_FRAME_NODE_SIZES_TYPES, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_KEY, WEAVE_STAGE_GRID_KEY, Weave, WeaveAction, WeaveBrushToolAction, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveExportNodeToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, resetScale };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inditextech/weave-sdk",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "license": "Apache-2.0",
   "author": "Jesus Manuel Piñeiro Cid <jesusmpc@inditex.com>",
@@ -43,7 +43,7 @@
     "version:release": "npm version $RELEASE_VERSION -m \"[npm-scripts] prepare release $RELEASE_VERSION\" --tag-version-prefix \"\""
   },
   "dependencies": {
-    "@inditextech/weave-types": "0.5.0",
+    "@inditextech/weave-types": "0.6.0",
     "@syncedstore/core": "0.6.0",
     "canvas": "3.1.0",
     "konva": "9.3.20",