@inditextech/weave-sdk 0.12.0 → 0.12.1

package/dist/sdk.cjs

@@ -15749,6 +15749,52 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/utils.ts
+function resetScale(node) {
+	node.width(Math.round((Math.max(1, node.width() * node.scaleX()) + Number.EPSILON) * 100) / 100);
+	node.height(Math.round((Math.max(1, node.height() * node.scaleY()) + Number.EPSILON) * 100) / 100);
+	node.scaleX(1);
+	node.scaleY(1);
+	node.x(Math.round((node.x() + Number.EPSILON) * 100) / 100);
+	node.y(Math.round((node.y() + Number.EPSILON) * 100) / 100);
+	node.rotation(Math.round((node.rotation() + Number.EPSILON) * 100) / 100);
+}
+function clearContainerTargets(instance) {
+	const getContainers = instance.getContainerNodes();
+	for (const container of getContainers) container.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+}
+function checkIfOverContainer(instance, node) {
+	const nodesIntersected = instance.pointIntersectsContainerElement();
+	let nodeActualContainer = node.getParent();
+	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
+	let layerToMove = void 0;
+	if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
+	return layerToMove;
+}
+function moveNodeToContainer(instance, node) {
+	const nodesIntersected = instance.pointIntersectsContainerElement();
+	let nodeActualContainer = node.getParent();
+	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
+	let layerToMove = void 0;
+	if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
+	if (!nodesIntersected && nodeActualContainer?.getAttrs().id !== __inditextech_weave_types.WEAVE_NODE_LAYER_ID) layerToMove = instance.getMainLayer();
+	if (layerToMove) {
+		const nodePos = node.getAbsolutePosition();
+		const nodeRotation = node.getAbsoluteRotation();
+		node.moveTo(layerToMove);
+		node.setAbsolutePosition(nodePos);
+		node.rotation(nodeRotation);
+		node.x(node.x() - (layerToMove.getAttrs().containerOffsetX ?? 0));
+		node.y(node.y() - (layerToMove.getAttrs().containerOffsetY ?? 0));
+		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
+		const actualNode = nodeHandler.serialize(node);
+		instance.removeNode(actualNode);
+		instance.addNode(actualNode, layerToMove?.getAttrs().id);
+	}
+	return layerToMove;
+}
+
 //#endregion
 //#region src/plugins/nodes-selection/nodes-selection.ts
 var WeaveNodesSelectionPlugin = class extends WeavePlugin {
@@ -15869,6 +15915,22 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				e.cancelBubble = true;
 			}
 		});
+		tr.on("dragmove", (e) => {
+			if (this.isSelecting() && tr.nodes().length > 1) {
+				clearContainerTargets(this.instance);
+				const layerToMove = checkIfOverContainer(this.instance, e.target);
+				if (layerToMove) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+			}
+		});
+		tr.on("dragend", () => {
+			if (this.isSelecting() && tr.nodes().length > 1) {
+				clearContainerTargets(this.instance);
+				for (const node of tr.nodes()) {
+					const layerToMove = moveNodeToContainer(this.instance, node);
+					if (layerToMove) continue;
+				}
+			}
+		});
 		this.tr = tr;
 		this.selectionRectangle = selectionRectangle;
 		this.tr.on("dblclick dbltap", (evt) => {
@@ -16353,40 +16415,6 @@ var WeaveNode = class {
 		if (selectionPlugin.getSelectedNodes().length === 1 && selectionPlugin.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
 		return selected;
 	}
-	clearContainerTargets() {
-		const getContainers = this.instance.getContainerNodes();
-		for (const container of getContainers) container.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
-	}
-	checkIfOverContainer(node) {
-		const nodesIntersected = this.instance.pointIntersectsContainerElement();
-		let nodeActualContainer = node.getParent();
-		if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = this.instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
-		let layerToMove = void 0;
-		if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
-		return layerToMove;
-	}
-	moveNodeToContainer(node) {
-		const nodesIntersected = this.instance.pointIntersectsContainerElement();
-		let nodeActualContainer = node.getParent();
-		if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = this.instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
-		let layerToMove = void 0;
-		if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
-		if (!nodesIntersected && nodeActualContainer?.getAttrs().id !== __inditextech_weave_types.WEAVE_NODE_LAYER_ID) layerToMove = this.instance.getMainLayer();
-		if (layerToMove) {
-			const nodePos = node.getAbsolutePosition();
-			const nodeRotation = node.getAbsoluteRotation();
-			node.moveTo(layerToMove);
-			node.setAbsolutePosition(nodePos);
-			node.rotation(nodeRotation);
-			node.x(node.x() - (layerToMove.getAttrs().containerOffsetX ?? 0));
-			node.y(node.y() - (layerToMove.getAttrs().containerOffsetY ?? 0));
-			const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			const actualNode = nodeHandler.serialize(node);
-			this.instance.removeNode(actualNode);
-			this.instance.addNode(actualNode, layerToMove?.getAttrs().id);
-		}
-		return layerToMove;
-	}
 	setupDefaultNodeEvents(node) {
 		this.previousPointer = null;
 		this.instance.addEventListener("onNodesChange", () => {
@@ -16398,16 +16426,16 @@ var WeaveNode = class {
 		});
 		node.on("dragmove", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.clearContainerTargets();
-				const layerToMove = this.checkIfOverContainer(e.target);
+				clearContainerTargets(this.instance);
+				const layerToMove = checkIfOverContainer(this.instance, e.target);
 				if (layerToMove) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				this.instance.updateNode(this.serialize(node));
 			}
 		});
 		node.on("dragend", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.clearContainerTargets();
-				const layerToMove = this.moveNodeToContainer(e.target);
+				clearContainerTargets(this.instance);
+				const layerToMove = moveNodeToContainer(this.instance, e.target);
 				if (layerToMove) return;
 				this.instance.updateNode(this.serialize(node));
 			}
@@ -17855,7 +17883,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.12.0";
+var version = "0.12.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18495,18 +18523,6 @@ var Weave = class extends Emittery {
 	}
 };
 
-//#endregion
-//#region src/utils.ts
-function resetScale(node) {
-	node.width(Math.round((Math.max(1, node.width() * node.scaleX()) + Number.EPSILON) * 100) / 100);
-	node.height(Math.round((Math.max(1, node.height() * node.scaleY()) + Number.EPSILON) * 100) / 100);
-	node.scaleX(1);
-	node.scaleY(1);
-	node.x(Math.round((node.x() + Number.EPSILON) * 100) / 100);
-	node.y(Math.round((node.y() + Number.EPSILON) * 100) / 100);
-	node.rotation(Math.round((node.rotation() + Number.EPSILON) * 100) / 100);
-}
-
 //#endregion
 //#region src/nodes/stage/constants.ts
 const WEAVE_STAGE_NODE_TYPE = "stage";
@@ -19703,8 +19719,8 @@ var WeaveFrameNode = class extends WeaveNode {
 		const frameInternal = new konva.default.Group({
 			id: `${id}-group-internal`,
 			nodeId: id,
-			x: borderWidth,
-			y: titleHeight + borderWidth,
+			x: borderWidth * 2,
+			y: titleHeight + borderWidth * 2,
 			width: props.frameWidth,
 			height: props.frameHeight,
 			draggable: false,
@@ -19713,8 +19729,8 @@ var WeaveFrameNode = class extends WeaveNode {
 			borderWidth,
 			clipX: 0,
 			clipY: 0,
-			clipWidth: props.frameWidth,
-			clipHeight: props.frameHeight
+			clipWidth: props.frameWidth - borderWidth * 2,
+			clipHeight: props.frameHeight - borderWidth * 2
 		});
 		frame.add(frameInternal);
 		this.setupDefaultNodeEvents(frame);
@@ -20312,15 +20328,25 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		const rectangle = this.instance.getStage().findOne(`#${this.rectId}`);
 		if (this.rectId && this.clickPoint && this.container && rectangle) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
-			const deltaX = mousePoint.x - this.clickPoint?.x;
-			const deltaY = mousePoint.y - this.clickPoint?.y;
 			const nodeHandler = this.instance.getNodeHandler("rectangle");
+			const rectPos = {
+				x: this.clickPoint.x,
+				y: this.clickPoint.y
+			};
+			let rectWidth = this.props.width;
+			let rectHeight = this.props.height;
+			if (this.moved) {
+				rectPos.x = Math.min(this.clickPoint.x, mousePoint.x);
+				rectPos.y = Math.min(this.clickPoint.y, mousePoint.y);
+				rectWidth = Math.abs(this.clickPoint.x - mousePoint.x);
+				rectHeight = Math.abs(this.clickPoint.y - mousePoint.y);
+			}
 			rectangle.setAttrs({
 				...this.props,
-				x: this.moved ? rectangle.getAttrs().x : this.clickPoint.x,
-				y: this.moved ? rectangle.getAttrs().y : this.clickPoint.y,
-				width: this.moved ? Math.abs(deltaX) : this.props.width,
-				height: this.moved ? Math.abs(deltaY) : this.props.height
+				x: rectPos.x,
+				y: rectPos.y,
+				width: rectWidth,
+				height: rectHeight
 			});
 			this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
@@ -22165,4 +22191,7 @@ exports.WeaveTextToolAction = WeaveTextToolAction
 exports.WeaveUsersPointersPlugin = WeaveUsersPointersPlugin
 exports.WeaveZoomInToolAction = WeaveZoomInToolAction
 exports.WeaveZoomOutToolAction = WeaveZoomOutToolAction
+exports.checkIfOverContainer = checkIfOverContainer
+exports.clearContainerTargets = clearContainerTargets
+exports.moveNodeToContainer = moveNodeToContainer
 exports.resetScale = resetScale

package/dist/sdk.d.cts

@@ -280,9 +280,6 @@ declare abstract class WeaveNode implements WeaveNodeBase {
   isSelecting(): boolean;
   isPasting(): boolean;
   isNodeSelected(ele: Konva.Node): boolean;
-  clearContainerTargets(): void;
-  checkIfOverContainer(node: Konva.Node): Konva.Node | undefined;
-  moveNodeToContainer(node: Konva.Node): Konva.Node | undefined;
   setupDefaultNodeEvents(node: Konva.Node): void;
   create(key: string, props: WeaveElementAttributes): WeaveStateElement;
   abstract onRender(props: WeaveElementAttributes): WeaveElementInstance;
@@ -473,6 +470,9 @@ type WeaveActionPropsChangeEvent = {
 //#endregion
 //#region src/utils.d.ts
 declare function resetScale(node: Konva.Node): void;
+declare function clearContainerTargets(instance: Weave): void;
+declare function checkIfOverContainer(instance: Weave, node: Konva.Node): Konva.Node | undefined;
+declare function moveNodeToContainer(instance: Weave, node: Konva.Node): Konva.Node | undefined;
 
 //#endregion
 //#region src/nodes/stage/stage.d.ts
@@ -1516,4 +1516,4 @@ declare class WeaveNodesSnappingPlugin extends WeavePlugin {
 }
 
 //#endregion
-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_CONFIG, 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, WeaveActionPropsChangeEvent, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, 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_CONFIG, 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, WeaveActionPropsChangeEvent, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, checkIfOverContainer, clearContainerTargets, moveNodeToContainer, resetScale };

package/dist/sdk.d.ts

@@ -280,9 +280,6 @@ declare abstract class WeaveNode implements WeaveNodeBase {
   isSelecting(): boolean;
   isPasting(): boolean;
   isNodeSelected(ele: Konva.Node): boolean;
-  clearContainerTargets(): void;
-  checkIfOverContainer(node: Konva.Node): Konva.Node | undefined;
-  moveNodeToContainer(node: Konva.Node): Konva.Node | undefined;
   setupDefaultNodeEvents(node: Konva.Node): void;
   create(key: string, props: WeaveElementAttributes): WeaveStateElement;
   abstract onRender(props: WeaveElementAttributes): WeaveElementInstance;
@@ -473,6 +470,9 @@ type WeaveActionPropsChangeEvent = {
 //#endregion
 //#region src/utils.d.ts
 declare function resetScale(node: Konva.Node): void;
+declare function clearContainerTargets(instance: Weave): void;
+declare function checkIfOverContainer(instance: Weave, node: Konva.Node): Konva.Node | undefined;
+declare function moveNodeToContainer(instance: Weave, node: Konva.Node): Konva.Node | undefined;
 
 //#endregion
 //#region src/nodes/stage/stage.d.ts
@@ -1516,4 +1516,4 @@ declare class WeaveNodesSnappingPlugin extends WeavePlugin {
 }
 
 //#endregion
-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_CONFIG, 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, WeaveActionPropsChangeEvent, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, 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_CONFIG, 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, WeaveActionPropsChangeEvent, WeaveBrushToolAction, WeaveBrushToolActionState, WeaveBrushToolActionStateKeys, WeaveConnectedUserInfoKey, WeaveConnectedUsers, WeaveConnectedUsersChangeEvent, WeaveConnectedUsersPlugin, WeaveConnectedUsersPluginConfig, WeaveConnectedUsersPluginParams, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveCopyPasteNodesPluginOnCopyEvent, WeaveCopyPasteNodesPluginOnPasteEvent, WeaveCopyPasteNodesPluginOnPasteExternalEvent, WeaveCopyPasteNodesPluginState, WeaveCopyPasteNodesPluginStateKeys, WeaveExportNodeActionParams, WeaveExportNodeToolAction, WeaveExportStageActionParams, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToScreenToolActionParams, WeaveFitToSelectionToolAction, WeaveFitToSelectionToolActionParams, WeaveFrameAttributes, WeaveFrameNode, WeaveFrameNodeParams, WeaveFrameNodeSizes, WeaveFrameNodeSizesInfo, WeaveFrameNodeSizesKeys, WeaveFrameNodeSizesOrientation, WeaveFrameNodeSizesOrientationKeys, WeaveFrameProperties, WeaveFrameToolAction, WeaveFrameToolActionState, WeaveFrameToolActionStateKeys, WeaveFrameToolActionTriggerParams, WeaveFrameToolProps, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImageToolActionOnEndLoadImageEvent, WeaveImageToolActionOnStartLoadImageEvent, WeaveImageToolActionState, WeaveImageToolActionStateKeys, WeaveImageToolActionTriggerParams, WeaveImageToolActionTriggerReturn, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveMoveToolActionState, WeaveMoveToolActionStateKeys, WeaveNode, WeaveNodesSelectionPlugin, WeaveNodesSelectionPluginConfig, WeaveNodesSelectionPluginOnNodesChangeEvent, WeaveNodesSelectionPluginOnSelectionStateEvent, WeaveNodesSelectionPluginOnStageSelectionEvent, WeaveNodesSelectionPluginParams, WeaveNodesSnappingPlugin, WeaveNodesSnappingPluginConfig, WeaveNodesSnappingPluginParams, WeavePasteModel, WeavePenToolAction, WeavePenToolActionState, WeavePenToolActionStateKeys, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRectangleToolActionState, WeaveRectangleToolActionStateKeys, WeaveSelectionToolAction, WeaveSelectionToolActionState, WeaveSelectionToolActionStateKeys, WeaveStageContextMenuPluginConfig, WeaveStageContextMenuPluginOnNodeContextMenuEvent, WeaveStageContextMenuPluginParams, WeaveStageDropAreaPlugin, WeaveStageDropPluginOnStageDropEvent, WeaveStageGridPlugin, WeaveStageGridPluginConfig, WeaveStageGridPluginParams, WeaveStageGridType, WeaveStageGridTypeKeys, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomChanged, WeaveStageZoomPlugin, WeaveStageZoomPluginConfig, WeaveStageZoomPluginOnZoomChangeEvent, WeaveStageZoomPluginParams, WeaveStore, WeaveTextNode, WeaveTextToolAction, WeaveTextToolActionState, WeaveTextToolActionStateKeys, WeaveToPasteNode, WeaveUserPointer, WeaveUserPointerKey, WeaveUsersPointersPlugin, WeaveUsersPointersPluginConfig, WeaveUsersPointersPluginParams, WeaveZoomInToolAction, WeaveZoomInToolActionParams, WeaveZoomOutToolAction, WeaveZoomOutToolActionParams, checkIfOverContainer, clearContainerTargets, moveNodeToContainer, resetScale };

package/dist/sdk.js

@@ -15749,6 +15749,52 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/utils.ts
+function resetScale(node) {
+	node.width(Math.round((Math.max(1, node.width() * node.scaleX()) + Number.EPSILON) * 100) / 100);
+	node.height(Math.round((Math.max(1, node.height() * node.scaleY()) + Number.EPSILON) * 100) / 100);
+	node.scaleX(1);
+	node.scaleY(1);
+	node.x(Math.round((node.x() + Number.EPSILON) * 100) / 100);
+	node.y(Math.round((node.y() + Number.EPSILON) * 100) / 100);
+	node.rotation(Math.round((node.rotation() + Number.EPSILON) * 100) / 100);
+}
+function clearContainerTargets(instance) {
+	const getContainers = instance.getContainerNodes();
+	for (const container of getContainers) container.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+}
+function checkIfOverContainer(instance, node) {
+	const nodesIntersected = instance.pointIntersectsContainerElement();
+	let nodeActualContainer = node.getParent();
+	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
+	let layerToMove = void 0;
+	if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
+	return layerToMove;
+}
+function moveNodeToContainer(instance, node) {
+	const nodesIntersected = instance.pointIntersectsContainerElement();
+	let nodeActualContainer = node.getParent();
+	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
+	let layerToMove = void 0;
+	if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
+	if (!nodesIntersected && nodeActualContainer?.getAttrs().id !== WEAVE_NODE_LAYER_ID) layerToMove = instance.getMainLayer();
+	if (layerToMove) {
+		const nodePos = node.getAbsolutePosition();
+		const nodeRotation = node.getAbsoluteRotation();
+		node.moveTo(layerToMove);
+		node.setAbsolutePosition(nodePos);
+		node.rotation(nodeRotation);
+		node.x(node.x() - (layerToMove.getAttrs().containerOffsetX ?? 0));
+		node.y(node.y() - (layerToMove.getAttrs().containerOffsetY ?? 0));
+		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
+		const actualNode = nodeHandler.serialize(node);
+		instance.removeNode(actualNode);
+		instance.addNode(actualNode, layerToMove?.getAttrs().id);
+	}
+	return layerToMove;
+}
+
 //#endregion
 //#region src/plugins/nodes-selection/nodes-selection.ts
 var WeaveNodesSelectionPlugin = class extends WeavePlugin {
@@ -15869,6 +15915,22 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				e.cancelBubble = true;
 			}
 		});
+		tr.on("dragmove", (e) => {
+			if (this.isSelecting() && tr.nodes().length > 1) {
+				clearContainerTargets(this.instance);
+				const layerToMove = checkIfOverContainer(this.instance, e.target);
+				if (layerToMove) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+			}
+		});
+		tr.on("dragend", () => {
+			if (this.isSelecting() && tr.nodes().length > 1) {
+				clearContainerTargets(this.instance);
+				for (const node of tr.nodes()) {
+					const layerToMove = moveNodeToContainer(this.instance, node);
+					if (layerToMove) continue;
+				}
+			}
+		});
 		this.tr = tr;
 		this.selectionRectangle = selectionRectangle;
 		this.tr.on("dblclick dbltap", (evt) => {
@@ -16353,40 +16415,6 @@ var WeaveNode = class {
 		if (selectionPlugin.getSelectedNodes().length === 1 && selectionPlugin.getSelectedNodes()[0].getAttrs().id === ele.getAttrs().id) selected = true;
 		return selected;
 	}
-	clearContainerTargets() {
-		const getContainers = this.instance.getContainerNodes();
-		for (const container of getContainers) container.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
-	}
-	checkIfOverContainer(node) {
-		const nodesIntersected = this.instance.pointIntersectsContainerElement();
-		let nodeActualContainer = node.getParent();
-		if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = this.instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
-		let layerToMove = void 0;
-		if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
-		return layerToMove;
-	}
-	moveNodeToContainer(node) {
-		const nodesIntersected = this.instance.pointIntersectsContainerElement();
-		let nodeActualContainer = node.getParent();
-		if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = this.instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
-		let layerToMove = void 0;
-		if (!node.getAttrs().containerId && nodesIntersected && nodeActualContainer?.getAttrs().id !== nodesIntersected.getAttrs().id) layerToMove = nodesIntersected;
-		if (!nodesIntersected && nodeActualContainer?.getAttrs().id !== WEAVE_NODE_LAYER_ID) layerToMove = this.instance.getMainLayer();
-		if (layerToMove) {
-			const nodePos = node.getAbsolutePosition();
-			const nodeRotation = node.getAbsoluteRotation();
-			node.moveTo(layerToMove);
-			node.setAbsolutePosition(nodePos);
-			node.rotation(nodeRotation);
-			node.x(node.x() - (layerToMove.getAttrs().containerOffsetX ?? 0));
-			node.y(node.y() - (layerToMove.getAttrs().containerOffsetY ?? 0));
-			const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			const actualNode = nodeHandler.serialize(node);
-			this.instance.removeNode(actualNode);
-			this.instance.addNode(actualNode, layerToMove?.getAttrs().id);
-		}
-		return layerToMove;
-	}
 	setupDefaultNodeEvents(node) {
 		this.previousPointer = null;
 		this.instance.addEventListener("onNodesChange", () => {
@@ -16398,16 +16426,16 @@ var WeaveNode = class {
 		});
 		node.on("dragmove", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.clearContainerTargets();
-				const layerToMove = this.checkIfOverContainer(e.target);
+				clearContainerTargets(this.instance);
+				const layerToMove = checkIfOverContainer(this.instance, e.target);
 				if (layerToMove) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				this.instance.updateNode(this.serialize(node));
 			}
 		});
 		node.on("dragend", (e) => {
 			if (this.isSelecting() && this.isNodeSelected(node)) {
-				this.clearContainerTargets();
-				const layerToMove = this.moveNodeToContainer(e.target);
+				clearContainerTargets(this.instance);
+				const layerToMove = moveNodeToContainer(this.instance, e.target);
 				if (layerToMove) return;
 				this.instance.updateNode(this.serialize(node));
 			}
@@ -17855,7 +17883,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.12.0";
+var version = "0.12.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18495,18 +18523,6 @@ var Weave = class extends Emittery {
 	}
 };
 
-//#endregion
-//#region src/utils.ts
-function resetScale(node) {
-	node.width(Math.round((Math.max(1, node.width() * node.scaleX()) + Number.EPSILON) * 100) / 100);
-	node.height(Math.round((Math.max(1, node.height() * node.scaleY()) + Number.EPSILON) * 100) / 100);
-	node.scaleX(1);
-	node.scaleY(1);
-	node.x(Math.round((node.x() + Number.EPSILON) * 100) / 100);
-	node.y(Math.round((node.y() + Number.EPSILON) * 100) / 100);
-	node.rotation(Math.round((node.rotation() + Number.EPSILON) * 100) / 100);
-}
-
 //#endregion
 //#region src/nodes/stage/constants.ts
 const WEAVE_STAGE_NODE_TYPE = "stage";
@@ -19703,8 +19719,8 @@ var WeaveFrameNode = class extends WeaveNode {
 		const frameInternal = new Konva.Group({
 			id: `${id}-group-internal`,
 			nodeId: id,
-			x: borderWidth,
-			y: titleHeight + borderWidth,
+			x: borderWidth * 2,
+			y: titleHeight + borderWidth * 2,
 			width: props.frameWidth,
 			height: props.frameHeight,
 			draggable: false,
@@ -19713,8 +19729,8 @@ var WeaveFrameNode = class extends WeaveNode {
 			borderWidth,
 			clipX: 0,
 			clipY: 0,
-			clipWidth: props.frameWidth,
-			clipHeight: props.frameHeight
+			clipWidth: props.frameWidth - borderWidth * 2,
+			clipHeight: props.frameHeight - borderWidth * 2
 		});
 		frame.add(frameInternal);
 		this.setupDefaultNodeEvents(frame);
@@ -20312,15 +20328,25 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		const rectangle = this.instance.getStage().findOne(`#${this.rectId}`);
 		if (this.rectId && this.clickPoint && this.container && rectangle) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
-			const deltaX = mousePoint.x - this.clickPoint?.x;
-			const deltaY = mousePoint.y - this.clickPoint?.y;
 			const nodeHandler = this.instance.getNodeHandler("rectangle");
+			const rectPos = {
+				x: this.clickPoint.x,
+				y: this.clickPoint.y
+			};
+			let rectWidth = this.props.width;
+			let rectHeight = this.props.height;
+			if (this.moved) {
+				rectPos.x = Math.min(this.clickPoint.x, mousePoint.x);
+				rectPos.y = Math.min(this.clickPoint.y, mousePoint.y);
+				rectWidth = Math.abs(this.clickPoint.x - mousePoint.x);
+				rectHeight = Math.abs(this.clickPoint.y - mousePoint.y);
+			}
 			rectangle.setAttrs({
 				...this.props,
-				x: this.moved ? rectangle.getAttrs().x : this.clickPoint.x,
-				y: this.moved ? rectangle.getAttrs().y : this.clickPoint.y,
-				width: this.moved ? Math.abs(deltaX) : this.props.width,
-				height: this.moved ? Math.abs(deltaY) : this.props.height
+				x: rectPos.x,
+				y: rectPos.y,
+				width: rectWidth,
+				height: rectHeight
 			});
 			this.instance.updateNode(nodeHandler.serialize(rectangle));
 		}
@@ -22090,4 +22116,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_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_CONFIG, 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_CONFIG, 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, checkIfOverContainer, clearContainerTargets, moveNodeToContainer, resetScale };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inditextech/weave-sdk",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "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.12.0",
+    "@inditextech/weave-types": "0.12.1",
     "@syncedstore/core": "0.6.0",
     "canvas": "3.1.0",
     "konva": "9.3.20",