@inditextech/weave-sdk 0.47.0 → 0.48.0

package/dist/sdk.cjs

@@ -15665,21 +15665,21 @@ function clearContainerTargets(instance) {
 	const containers = instance.getContainerNodes();
 	for (const container of containers) container.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
 }
-function containerOverCursor(instance) {
+function containerOverCursor(instance, ignoreNodes) {
 	konva.default.hitOnDragEnabled = true;
 	const stage = instance.getStage();
 	const cursorPosition = stage.getRelativePointerPosition();
 	if (!cursorPosition) return void 0;
-	const nodesUnderPointer = new Set();
-	stage.find("Shape").reverse().forEach((node) => {
-		if (!node.isVisible() || !(node instanceof konva.default.Shape)) return;
+	const containerUnderPointer = new Set();
+	stage.find(".containerCapable").reverse().forEach((node) => {
+		if (!node.isVisible()) return;
+		if (containsNodeDeep(ignoreNodes, node)) return;
 		const shapeRect = node.getClientRect({ relativeTo: stage });
-		if (cursorPosition.x >= shapeRect.x && cursorPosition.x <= shapeRect.x + shapeRect.width && cursorPosition.y >= shapeRect.y && cursorPosition.y <= shapeRect.y + shapeRect.height && node.getAttrs().nodeId) {
-			const realNode = stage.findOne(`#${node.getAttrs().nodeId}`);
-			if (realNode?.getAttrs().isContainerPrincipal) nodesUnderPointer.add(realNode);
+		if (cursorPosition.x >= shapeRect.x && cursorPosition.x <= shapeRect.x + shapeRect.width && cursorPosition.y >= shapeRect.y && cursorPosition.y <= shapeRect.y + shapeRect.height) {
+			if (node?.getAttrs().isContainerPrincipal) containerUnderPointer.add(node);
 		}
 	});
-	const nodes = Array.from(nodesUnderPointer);
+	const nodes = Array.from(containerUnderPointer);
 	if (nodes.length === 0) return void 0;
 	let layerToMove = void 0;
 	if (nodes[0]?.getAttrs().containerId && nodes[0]?.getAttrs().isContainerPrincipal) layerToMove = nodes[0];
@@ -15738,6 +15738,31 @@ function stringToColor(str) {
 	}
 	return color;
 }
+function getExportBoundingBox(stage, nodes) {
+	if (nodes.length === 0) return {
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	};
+	let minX = Infinity;
+	let minY = Infinity;
+	let maxX = -Infinity;
+	let maxY = -Infinity;
+	for (const node of nodes) {
+		const box = node.getExportClientRect({ skipTransform: false });
+		minX = Math.min(minX, box.x);
+		minY = Math.min(minY, box.y);
+		maxX = Math.max(maxX, box.x + box.width);
+		maxY = Math.max(maxY, box.y + box.height);
+	}
+	return {
+		x: minX,
+		y: minY,
+		width: maxX - minX,
+		height: maxY - minY
+	};
+}
 function getBoundingBox(stage, nodes) {
 	if (nodes.length === 0) return {
 		x: 0,
@@ -15794,6 +15819,24 @@ function hasFrames(node) {
 function intersectArrays(arrays) {
 	return arrays.reduce((acc, arr) => acc.filter((val) => arr.includes(val)), arrays[0]);
 }
+function isNodeInSelection(node, nodes) {
+	return nodes.some((selectedNode) => selectedNode.id() === node.id());
+}
+function containsNodeDeep(nodes, target) {
+	for (const node of nodes) {
+		if (node === target) return true;
+		if (node.hasChildren?.() && containsNodeDeep(node.getChildren(), target)) return true;
+	}
+	return false;
+}
+
+//#endregion
+//#region src/actions/selection-tool/constants.ts
+const SELECTION_TOOL_ACTION_NAME = "selectionTool";
+const SELECTION_TOOL_STATE = {
+	["IDLE"]: "idle",
+	["SELECTING"]: "selection"
+};
 
 //#endregion
 //#region src/plugins/context-menu/context-menu.ts
@@ -15907,7 +15950,7 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 			this.timer = setTimeout(() => {
 				this.tapHold = true;
 				const actualActions = this.instance.getActiveAction();
-				if (actualActions !== "selectionTool") return;
+				if (actualActions !== SELECTION_TOOL_ACTION_NAME) return;
 				delete this.pointers[e.evt.pointerId];
 				const selectedGroup = getTargetedNode(this.instance);
 				this.triggerContextMenu(e.target, selectedGroup);
@@ -16088,7 +16131,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		return this.selecting;
 	}
 	isSelecting() {
-		return this.instance.getActiveAction() === "selectionTool";
+		return this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME;
 	}
 	isNodeSelected(ele) {
 		let selected = false;
@@ -16181,7 +16224,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 			if (this.isSelecting() && selectedNodes.length > 1) {
 				clearContainerTargets(this.instance);
-				const layerToMove = containerOverCursor(this.instance);
+				const layerToMove = containerOverCursor(this.instance, selectedNodes);
 				if (layerToMove && !selectionContainsFrames) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 			}
 			tr.forceUpdate();
@@ -16203,7 +16246,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				clearContainerTargets(this.instance);
 				const toSelect = [];
 				const toUpdate = [];
-				const layerToMove = containerOverCursor(this.instance);
+				const layerToMove = containerOverCursor(this.instance, selectedNodes);
 				const nodeUpdatePromise = (node) => {
 					return new Promise((resolve) => {
 						setTimeout(() => {
@@ -16215,10 +16258,11 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 								containerToMove = layerToMove;
 								containerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
 							}
-							if (containerToMove && !selectionContainsFrames) moveNodeToContainer(this.instance, node, containerToMove);
+							let moved = false;
+							if (containerToMove && !selectionContainsFrames) moved = moveNodeToContainer(this.instance, node, containerToMove);
 							if (!nodeHandler) return resolve();
 							toSelect.push(node.getAttrs().id ?? "");
-							toUpdate.push(nodeHandler.serialize(node));
+							if (!moved) toUpdate.push(nodeHandler.serialize(node));
 							resolve();
 						}, 0);
 					});
@@ -16251,7 +16295,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.initEvents();
 		this.initialized = true;
 		this.instance.addEventListener("onActiveActionChange", (activeAction) => {
-			if (typeof activeAction !== "undefined" && activeAction !== "selectionTool") {
+			if (typeof activeAction !== "undefined" && activeAction !== SELECTION_TOOL_ACTION_NAME) {
 				this.active = false;
 				return;
 			}
@@ -16554,7 +16598,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const stage = this.instance.getStage();
 		e.cancelBubble = true;
 		if (!this.enabled) return;
-		if (this.instance.getActiveAction() !== "selectionTool") return;
+		if (this.instance.getActiveAction() !== SELECTION_TOOL_ACTION_NAME) return;
 		const contextMenuPlugin = this.getContextMenuPlugin();
 		if (contextMenuPlugin?.isContextMenuVisible()) {
 			this.selecting = false;
@@ -16922,6 +16966,14 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/actions/move-tool/constants.ts
+const MOVE_TOOL_ACTION_NAME = "moveTool";
+const MOVE_TOOL_STATE = {
+	["IDLE"]: "idle",
+	["MOVING"]: "moving"
+};
+
 //#endregion
 //#region src/nodes/node.ts
 const augmentKonvaStageClass = () => {
@@ -16934,6 +16986,9 @@ const augmentKonvaNodeClass = (config) => {
 	konva.default.Node.prototype.getTransformerProperties = function() {
 		return { ...transform };
 	};
+	konva.default.Node.prototype.getExportClientRect = function(config$1) {
+		return this.getClientRect(config$1);
+	};
 	konva.default.Node.prototype.getRealClientRect = function(config$1) {
 		return this.getClientRect(config$1);
 	};
@@ -16962,7 +17017,7 @@ var WeaveNode = class {
 		return selectionPlugin;
 	}
 	isSelecting() {
-		return this.instance.getActiveAction() === "selectionTool";
+		return this.instance.getActiveAction() === SELECTION_TOOL_ACTION_NAME;
 	}
 	isPasting() {
 		const copyPastePlugin = this.instance.getPlugin("copyPasteNodes");
@@ -17098,7 +17153,7 @@ var WeaveNode = class {
 				}
 				if (this.isSelecting() && this.isNodeSelected(node) && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					clearContainerTargets(this.instance);
-					const layerToMove = containerOverCursor(this.instance);
+					const layerToMove = containerOverCursor(this.instance, [node]);
 					if (layerToMove && !hasFrames(node)) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
@@ -17115,24 +17170,26 @@ var WeaveNode = class {
 					clearContainerTargets(this.instance);
 					const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 					if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupEvaluateGuidelines();
-					const layerToMove = containerOverCursor(this.instance);
+					const layerToMove = containerOverCursor(this.instance, [node]);
 					let containerToMove = this.instance.getMainLayer();
 					if (layerToMove) {
 						containerToMove = layerToMove;
 						containerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
 					}
 					let moved = false;
-					if (containerToMove) moved = moveNodeToContainer(this.instance, e.target, containerToMove);
+					if (containerToMove && !hasFrames(node)) moved = moveNodeToContainer(this.instance, e.target, containerToMove);
 					if (!moved) this.instance.updateNode(this.serialize(node));
 				}
 			});
 			node.on("pointerover", (e) => {
 				e.cancelBubble = true;
 				const stage = this.instance.getStage();
+				const activeAction = this.instance.getActiveAction();
 				const isNodeSelectionEnabled = this.getSelectionPlugin()?.isEnabled();
 				const realNode = this.instance.getInstanceRecursive(node);
 				const isTargetable = e.target.getAttrs().isTargetable !== false;
 				const isLocked$1 = realNode.getAttrs().locked ?? false;
+				if ([MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) return;
 				if (isNodeSelectionEnabled && this.isSelecting() && !this.isNodeSelected(realNode) && !this.isPasting() && isLocked$1) {
 					const stage$1 = this.instance.getStage();
 					stage$1.container().style.cursor = "default";
@@ -18819,7 +18876,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.47.0";
+var version = "0.48.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -18942,7 +18999,8 @@ var WeaveActionsManager = class {
 	}
 	triggerAction(actionName, params) {
 		const actionsHandlers = this.instance.getActionsHandlers();
-		if (!actionsHandlers[actionName]) return;
+		if (typeof actionName === "undefined") throw new Error("Action name is required");
+		if (actionName && !actionsHandlers[actionName]) throw new Error(`Action handler with name [${actionName}] not registered`);
 		if (typeof this.activeAction !== "undefined") this.cancelAction(this.activeAction);
 		this.activeAction = actionName;
 		const payload = actionsHandlers[actionName].trigger(this.cancelActionCallback(actionName), params);
@@ -19032,17 +19090,20 @@ var WeaveExportManager = class {
 			const { format: format$2 = __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = __inditextech_weave_types.WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 			const stage = this.instance.getStage();
 			const mainLayer = this.instance.getMainLayer();
-			const originalScale = stage.scale();
+			const originalPosition = {
+				x: stage.x(),
+				y: stage.y()
+			};
+			const originalScale = {
+				x: stage.scaleX(),
+				y: stage.scaleY()
+			};
 			stage.scale({
 				x: 1,
 				y: 1
 			});
-			const realNodes = nodes.map((node) => {
-				if (node.getAttrs().nodeId) return stage.findOne(`#${node.getAttrs().nodeId}`);
-				return node;
-			}).filter((node) => typeof node !== "undefined");
 			if (mainLayer) {
-				const bounds = getBoundingBox(stage, boundingNodes(realNodes));
+				const bounds = getExportBoundingBox(stage, boundingNodes(nodes));
 				const scaleX = stage.scaleX();
 				const scaleY = stage.scaleY();
 				const unscaledBounds = {
@@ -19061,7 +19122,7 @@ var WeaveExportManager = class {
 					fill: backgroundColor
 				});
 				exportGroup.add(background);
-				for (const node of realNodes) {
+				for (const node of nodes) {
 					const clonedNode = node.clone({ id: v4_default() });
 					const absPos = node.getAbsolutePosition();
 					clonedNode.absolutePosition({
@@ -19082,7 +19143,9 @@ var WeaveExportManager = class {
 					quality: options.quality ?? 1,
 					callback: (img) => {
 						exportGroup.destroy();
+						stage.position(originalPosition);
 						stage.scale(originalScale);
+						stage.batchDraw();
 						resolve(img);
 					}
 				});
@@ -19582,29 +19645,35 @@ var WeaveStageNode = class extends WeaveNode {
 			return this._allowSelection;
 		};
 		stage.mode(WEAVE_STAGE_DEFAULT_MODE);
+		stage.on("pointerdown", (e) => {
+			if (e.evt.button === 1) this.wheelMousePressed = true;
+			if ([MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grabbing";
+		});
 		stage.on("pointermove", (e) => {
-			if (stage.allowSelection() && !stage.allowActions().includes(this.instance.getActiveAction() ?? "") && !stage.allowSelectNodes().includes(e.target.getAttrs()?.nodeType ?? "")) {
+			const activeAction = this.instance.getActiveAction();
+			if (![MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "") && stage.allowSelection() && !stage.allowActions().includes(this.instance.getActiveAction() ?? "") && !stage.allowSelectNodes().includes(e.target.getAttrs()?.nodeType ?? "")) {
 				const stage$1 = this.instance.getStage();
 				stage$1.container().style.cursor = "default";
 			}
-			if (e.target === stage && this.instance.getActiveAction() === "selectionTool") {
+			if (e.target === stage && [SELECTION_TOOL_ACTION_NAME].includes(activeAction ?? "")) {
 				const stage$1 = this.instance.getStage();
 				stage$1.container().style.cursor = "default";
 			}
 		});
+		stage.on("pointerup", (e) => {
+			const activeAction = this.instance.getActiveAction();
+			if (e.evt.button === 1) this.wheelMousePressed = false;
+			if ([MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) stage.container().style.cursor = "grab";
+		});
 		stage.on("pointerover", (e) => {
+			const activeAction = this.instance.getActiveAction();
+			if ([MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) return;
 			if (e.target !== stage && !e.target.getAttrs().nodeId) return;
 			const parent = e.target.getParent();
 			if (parent && parent instanceof konva.default.Transformer) return;
 			this.hideHoverState();
 			stage.container().style.cursor = "default";
 		});
-		stage.on("pointerdown", (e) => {
-			if (e.evt.button === 1) this.wheelMousePressed = true;
-		});
-		stage.on("pointerup", (e) => {
-			if (e.evt.button === 1) this.wheelMousePressed = false;
-		});
 		return stage;
 	}
 	onUpdate() {}
@@ -19903,14 +19972,6 @@ var WeaveLineNode = class extends WeaveNode {
 //#region src/nodes/text/constants.ts
 const WEAVE_TEXT_NODE_TYPE = "text";
 
-//#endregion
-//#region src/actions/selection-tool/constants.ts
-const SELECTION_TOOL_ACTION_NAME = "selectionTool";
-const SELECTION_TOOL_STATE = {
-	["IDLE"]: "idle",
-	["SELECTING"]: "selection"
-};
-
 //#endregion
 //#region src/actions/text-tool/constants.ts
 const TEXT_TOOL_ACTION_NAME = "textTool";
@@ -20355,7 +20416,7 @@ var WeaveTextNode = class extends WeaveNode {
 				tr.nodes([textNode]);
 				tr.show();
 			}
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().tabIndex = 1;
 		stage.container().click();
@@ -20434,7 +20495,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			if (window.weaveDragImageURL) {
 				this.instance.getStage().setPointersPositions(e);
 				const position = this.instance.getStage().getRelativePointerPosition();
-				this.instance.triggerAction("imageTool", {
+				this.instance.triggerAction(IMAGE_TOOL_ACTION_NAME, {
 					imageURL: window.weaveDragImageURL,
 					position
 				});
@@ -20610,7 +20671,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.imageId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -21322,7 +21383,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 	}
 	getImageToolAction() {
-		const imageToolAction = this.instance.getActionHandler("imageTool");
+		const imageToolAction = this.instance.getActionHandler(IMAGE_TOOL_ACTION_NAME);
 		if (!imageToolAction) throw new Error("Image Tool action not found");
 		return imageToolAction;
 	}
@@ -21683,7 +21744,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		const text = new konva.default.Text({
 			id: `${id}-title`,
 			x: 0,
-			width: props.frameWidth / stage.scaleX(),
+			width: props.frameWidth,
 			fontSize: fontSize / stage.scaleX(),
 			fontFamily,
 			fontStyle,
@@ -21759,6 +21820,16 @@ var WeaveFrameNode = class extends WeaveNode {
 			listening: false,
 			draggable: false
 		});
+		frame.getExportClientRect = (config) => {
+			const textBox = text.getClientRect(config);
+			const containerAreaBox = containerArea.getClientRect(config);
+			return {
+				x: textBox.x,
+				y: textBox.y,
+				width: containerAreaBox.width,
+				height: containerAreaBox.height + textBox.height
+			};
+		};
 		frame.getClientRect = (config) => {
 			return containerArea.getClientRect(config);
 		};
@@ -21777,7 +21848,7 @@ var WeaveFrameNode = class extends WeaveNode {
 		this.instance.addEventListener("onZoomChange", () => {
 			const stage$1 = this.instance.getStage();
 			text.fontSize(fontSize / stage$1.scaleX());
-			text.width(props.frameWidth / stage$1.scaleX());
+			text.width(props.frameWidth);
 			const textMeasures$1 = text.measureSize(text.getAttrs().text ?? "");
 			const textHeight$1 = textMeasures$1.height + 2 * titleMargin / stage$1.scaleX();
 			text.y(-textHeight$1);
@@ -22177,13 +22248,22 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	}
 	fitToScreen() {
 		if (!this.enabled) return;
+		const stage = this.instance.getStage();
 		const mainLayer = this.instance.getMainLayer();
 		if (!mainLayer) return;
+		const container = stage.container();
+		const rect = container.getBoundingClientRect();
+		const containerWidth = rect.width;
+		const containerHeight = rect.height;
+		const centerPoint = {
+			x: containerWidth / 2,
+			y: containerHeight / 2
+		};
 		if (mainLayer?.getChildren().length === 0) {
+			stage.position(centerPoint);
 			this.setZoom(this.config.zoomSteps[this.defaultStep]);
 			return;
 		}
-		const stage = this.instance.getStage();
 		stage.scale({
 			x: 1,
 			y: 1
@@ -22195,6 +22275,11 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		let realNodes = mainLayer.getChildren();
 		realNodes = realNodes.filter((node) => typeof node.getAttrs().visible === "undefined" || node.getAttrs().visible);
 		const bounds = getBoundingBox(stage, realNodes);
+		if (bounds.width === 0 || bounds.height === 0) {
+			stage.position(centerPoint);
+			this.setZoom(this.config.zoomSteps[this.defaultStep]);
+			return;
+		}
 		const stageWidth = stage.width();
 		const stageHeight = stage.height();
 		const scaleX = (stageWidth - this.config.fitToScreen.padding * 2) / bounds.width;
@@ -22219,30 +22304,13 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (!selectionPlugin) return;
 		const nodes = selectionPlugin.getTransformer().getNodes();
 		if (nodes.length === 0) return;
-		let zoomTransformer = stage.findOne("#zoomTransformer");
-		if (!zoomTransformer) {
-			zoomTransformer = new konva.default.Transformer({
-				id: "zoomTransformer",
-				clearBeforeDraw: true,
-				resizeEnabled: false,
-				ignoreStroke: true,
-				rotateEnabled: false,
-				enabledAnchors: [],
-				shouldOverdrawWholeArea: true,
-				scaleX: stage.scaleX(),
-				scaleY: stage.scaleY()
-			});
-			const mainLayer = this.instance.getMainLayer();
-			mainLayer?.add(zoomTransformer);
-		}
 		this.setZoom(1, false);
 		stage.setAttrs({
 			x: 0,
 			y: 0
 		});
-		zoomTransformer.setNodes(selectionPlugin.getTransformer().getNodes());
-		zoomTransformer.forceUpdate();
-		const box = zoomTransformer.__getNodeRect();
+		const box = getBoundingBox(stage, selectionPlugin.getTransformer().getNodes());
+		if (box.width === 0 || box.height === 0) return;
 		const stageBox = {
 			width: stage.width(),
 			height: stage.height()
@@ -22267,7 +22335,6 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			y: stageY
 		});
 		this.setZoom(scale, false);
-		zoomTransformer.destroy();
 	}
 	enable() {
 		this.enabled = true;
@@ -22555,19 +22622,11 @@ var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
-		this.instance.triggerAction(this.previousAction);
+		if (this.previousAction) this.instance.triggerAction(this.previousAction);
 		stage.container().style.cursor = "default";
 	}
 };
 
-//#endregion
-//#region src/actions/move-tool/constants.ts
-const MOVE_TOOL_ACTION_NAME = "moveTool";
-const MOVE_TOOL_STATE = {
-	["IDLE"]: "idle",
-	["MOVING"]: "moving"
-};
-
 //#endregion
 //#region src/actions/move-tool/move-tool.ts
 var WeaveMoveToolAction = class extends WeaveAction {
@@ -22590,6 +22649,12 @@ var WeaveMoveToolAction = class extends WeaveAction {
 				return;
 			}
 		});
+		stage.on("pointerdown", () => {
+			if ([MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grabbing";
+		});
+		stage.on("pointerup", () => {
+			if ([MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grab";
+		});
 		this.initialized = true;
 	}
 	setState(state) {
@@ -22600,6 +22665,14 @@ var WeaveMoveToolAction = class extends WeaveAction {
 		stage.container().style.cursor = "grab";
 		stage.container().focus();
 		this.setState(MOVE_TOOL_STATE.MOVING);
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin && !selectionPlugin.isEnabled()) {
+			const tr = selectionPlugin.getTransformer();
+			this.instance.enablePlugin("nodesSelection");
+			tr.listening(false);
+			tr.draggable(false);
+			tr.show();
+		}
 	}
 	trigger(cancelAction, params) {
 		if (!this.instance) throw new Error("Instance not defined");
@@ -22616,6 +22689,11 @@ var WeaveMoveToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		stage.container().style.cursor = "default";
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin) {
+			const tr = selectionPlugin.getTransformer();
+			tr.listening(true);
+			tr.draggable(true);
+		}
 		if (selectionPlugin && this.triggerSelectionTool) this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		this.setState(MOVE_TOOL_STATE.IDLE);
 	}
@@ -23386,7 +23464,7 @@ var WeavePenToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.lineId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -23466,6 +23544,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		stage.on("pointerdown touchstart", handlePointerDown);
 		const handlePointerMove = (e) => {
 			if (this.state !== BRUSH_TOOL_STATE.DEFINE_STROKE) return;
+			stage.container().style.cursor = "crosshair";
 			const pointPressure = this.getPointPressure(e);
 			this.handleMovement(pointPressure);
 			e.evt.stopPropagation();
@@ -23579,9 +23658,10 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				});
 				const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
 				if (realNode) realNode.destroy();
-				this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
+				if (tempStroke.getAttrs().strokeElements.length >= 3) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
 			}
 			this.clickPoint = null;
+			stage.container().style.cursor = "crosshair";
 			stage.container().tabIndex = 1;
 			stage.container().focus();
 			this.setState(BRUSH_TOOL_STATE.IDLE);
@@ -23613,7 +23693,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.strokeId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		this.clickPoint = null;
 		this.setState(BRUSH_TOOL_STATE.INACTIVE);
@@ -24169,7 +24249,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.arrowId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
@@ -24487,7 +24567,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		if (selectionPlugin) {
 			const node = stage.findOne(`#${this.frameId}-selector-area`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
-			this.instance.triggerAction("selectionTool");
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		this.frameId = null;
 		this.container = void 0;
@@ -24517,12 +24597,13 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	}
 	async exportStage(boundingNodes) {
 		const mainLayer = this.instance.getMainLayer();
-		const img = await this.instance.exportNodes(mainLayer?.getChildren() ?? [], boundingNodes, this.options);
-		const link = document.createElement("a");
-		link.href = img.src;
-		link.download = `${v4_default()}${__inditextech_weave_types.WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG]}`;
-		link.click();
-		this.cancelAction?.();
+		const img = await this.instance.exportNodes(
+			// mainLayer?.find('.node') ?? [],
+			mainLayer?.getChildren() ?? [],
+			boundingNodes,
+			this.options
+);
+		return img;
 	}
 	async trigger(cancelAction, { boundingNodes, options }) {
 		if (!this.instance) throw new Error("Instance not defined");
@@ -24534,14 +24615,16 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 			...this.defaultFormatOptions,
 			...options
 		};
-		await this.exportStage(boundingNodes ?? ((nodes) => nodes));
+		const img = await this.exportStage(boundingNodes ?? ((nodes) => nodes));
+		this.cancelAction?.();
+		return img;
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 0;
 		stage.container().click();
 		stage.container().focus();
-		this.instance.triggerAction("selectionTool");
+		this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 	}
 };
 
@@ -24566,13 +24649,9 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	}
 	async exportNodes(nodes, boundingNodes) {
 		const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options);
-		const link = document.createElement("a");
-		link.href = img.src;
-		link.download = `${v4_default()}${__inditextech_weave_types.WEAVE_EXPORT_FILE_FORMAT[this.options.format ?? __inditextech_weave_types.WEAVE_EXPORT_FORMATS.PNG]}`;
-		link.click();
-		this.cancelAction?.();
+		return img;
 	}
-	async trigger(cancelAction, { nodes, boundingNodes, options, triggerSelectionTool = true, download = true }) {
+	async trigger(cancelAction, { nodes, boundingNodes, options, triggerSelectionTool = true }) {
 		if (!this.instance) throw new Error("Instance not defined");
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 1;
@@ -24583,20 +24662,16 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 			...this.defaultFormatOptions,
 			...options
 		};
-		if (!download) {
-			const img = await this.instance.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1), this.options);
-			const base64URL = this.instance.imageToBase64(img, this.options.format ?? "image/png");
-			this.cancelAction?.();
-			return base64URL;
-		}
-		await this.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1));
+		const img = await this.exportNodes(nodes, boundingNodes ?? ((nodes$1) => nodes$1));
+		this.cancelAction?.();
+		return img;
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 0;
 		stage.container().click();
 		stage.container().focus();
-		if (this.triggerSelectionTool) this.instance.triggerAction("selectionTool");
+		if (this.triggerSelectionTool) this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 	}
 };
 
@@ -24841,7 +24916,7 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 		this.alignNodes(alignTo);
 	}
 	cleanup() {
-		if (this.triggerSelectionTool) this.instance.triggerAction("selectionTool");
+		if (this.triggerSelectionTool) this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		this.setState(ALIGN_NODES_TOOL_STATE.IDLE);
 	}
 };
@@ -24912,12 +24987,12 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		});
 		stage.on("pointerdown", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === "moveTool") this.moveToolActive = true;
+			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = true;
 			if (e && (e.evt.button === 2 || e.evt.buttons === 4)) this.isMouseMiddleButtonPressed = true;
 		});
 		stage.on("pointerup", (e) => {
 			const activeAction = this.instance.getActiveAction();
-			if (e && e.evt.button === 0 && activeAction === "moveTool") this.moveToolActive = false;
+			if (e && e.evt.button === 0 && activeAction === MOVE_TOOL_ACTION_NAME) this.moveToolActive = false;
 			if (e && (e.evt.button === 1 || e.evt.buttons === 0)) this.isMouseMiddleButtonPressed = false;
 		});
 		const handleMouseMove = () => {
@@ -25192,7 +25267,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (this.pointers.size > 1) return;
 			const activeAction = this.instance.getActiveAction();
 			let enableMove = false;
-			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === "moveTool") {
+			if (e && (e.evt.pointerType !== "mouse" || e.evt.pointerType === "mouse" && e.evt.buttons === 1) && activeAction === MOVE_TOOL_ACTION_NAME) {
 				this.moveToolActive = true;
 				enableMove = true;
 			}
@@ -25241,10 +25316,8 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			const performPanning = !this.isCtrlOrMetaPressed && !e.evt.ctrlKey;
 			if (!this.enabled || !stage$1.isFocused() || this.isCtrlOrMetaPressed || e.evt.buttons === 4 || !performPanning) return;
 			this.getContextMenuPlugin()?.cancelLongPressTimer();
-			this.getNodesSelectionPlugin()?.disable();
 			stage$1.x(stage$1.x() - e.evt.deltaX);
 			stage$1.y(stage$1.y() - e.evt.deltaY);
-			this.getNodesSelectionPlugin()?.enable();
 			this.instance.emitEvent("onStageMove");
 		};
 		stage.on("wheel", handleWheel);
@@ -25272,10 +25345,6 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			y: (p1.y + p2.y) / 2
 		};
 	}
-	getNodesSelectionPlugin() {
-		const selectionPlugin = this.instance.getPlugin("nodesSelection");
-		return selectionPlugin;
-	}
 	getZoomPlugin() {
 		const zoomPlugin = this.instance.getPlugin("stageZoom");
 		return zoomPlugin;
@@ -26275,12 +26344,15 @@ exports.WeaveZoomInToolAction = WeaveZoomInToolAction
 exports.WeaveZoomOutToolAction = WeaveZoomOutToolAction
 exports.clearContainerTargets = clearContainerTargets
 exports.containerOverCursor = containerOverCursor
+exports.containsNodeDeep = containsNodeDeep
 exports.getBoundingBox = getBoundingBox
 exports.getContrastTextColor = getContrastTextColor
+exports.getExportBoundingBox = getExportBoundingBox
 exports.getTargetedNode = getTargetedNode
 exports.hasFrames = hasFrames
 exports.hasImages = hasImages
 exports.intersectArrays = intersectArrays
+exports.isNodeInSelection = isNodeInSelection
 exports.moveNodeToContainer = moveNodeToContainer
 exports.resetScale = resetScale
 exports.stringToColor = stringToColor