@inditextech/weave-sdk 2.2.0 → 2.3.1

package/dist/sdk.node.js

@@ -15008,7 +15008,6 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 		} else root$8._ = _;
 	}).call(exports);
 } });
-var import_lodash$1 = __toESM(require_lodash());
 var import_lodash = __toESM(require_lodash(), 1);
 
 //#endregion
@@ -15153,13 +15152,13 @@ var WeaveStore = class {
 					node: JSON.parse(JSON.stringify(nodeInfo.node))
 				});
 			}
-			if (!this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) {
+			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
 				this.emitOnRoomLoadedEvent();
 				return;
 			}
-			if (this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) this.instance.render();
+			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
 		});
 	}
 	canUndoStateStep() {
@@ -15291,7 +15290,8 @@ const WEAVE_NODES_SELECTION_DEFAULT_CONFIG = {
 				]
 			};
 		}
-	}
+	},
+	style: { dragOpacity: .75 }
 };
 
 //#endregion
@@ -17602,7 +17602,7 @@ var require_mergeWith = __commonJS({ "../../node_modules/lodash/mergeWith.js"(ex
 	});
 	module.exports = mergeWith;
 } });
-var import_mergeWith = __toESM(require_mergeWith());
+var import_mergeWith = __toESM(require_mergeWith(), 1);
 
 //#endregion
 //#region src/utils.ts
@@ -17617,7 +17617,7 @@ function resetScale(node) {
 }
 function clearContainerTargets(instance) {
 	const containers = instance.getContainerNodes();
-	for (const container of containers) container.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+	for (const container of containers) container.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { node: void 0 });
 }
 function containerOverCursor(instance, ignoreNodes, definedCursorPosition) {
 	Konva.hitOnDragEnabled = true;
@@ -17643,6 +17643,8 @@ function moveNodeToContainer(instance, node, containerToMove, invalidOriginsType
 	const stage = instance.getStage();
 	const isLocked = instance.allNodesLocked([node]);
 	if (isLocked) return false;
+	const canMoveToLayer = containerToMove.canMoveToContainer(node);
+	if (!canMoveToLayer) return false;
 	let nodeActualContainer = node.getParent();
 	if (nodeActualContainer.getAttrs().nodeId) {
 		const realParent = stage.findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
@@ -17662,6 +17664,10 @@ function moveNodeToContainer(instance, node, containerToMove, invalidOriginsType
 		node.x(node.x() - (layerToMoveAttrs.containerOffsetX ?? 0));
 		node.y(node.y() - (layerToMoveAttrs.containerOffsetY ?? 0));
 		node.movedToContainer(layerToMove);
+		instance.emitEvent("onNodeMovedToContainer", {
+			node: node.clone(),
+			container: layerToMove
+		});
 		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
 		if (nodeHandler) {
 			const actualNode = nodeHandler.serialize(node);
@@ -17903,6 +17909,16 @@ function mergeExceptArrays(object, source) {
 		return void 0;
 	});
 }
+function getStageClickPoint(instance, pointerPos) {
+	const stage = instance.getStage();
+	const scale = stage.scale();
+	const position = stage.position();
+	const stageClickPoint = {
+		x: (pointerPos.x - position.x) / scale.x,
+		y: (pointerPos.y - position.y) / scale.y
+	};
+	return stageClickPoint;
+}
 
 //#endregion
 //#region src/actions/selection-tool/constants.ts
@@ -18452,7 +18468,7 @@ var require_throttle = __commonJS({ "../../node_modules/lodash/throttle.js"(expo
 	}
 	module.exports = throttle;
 } });
-var import_throttle = __toESM(require_throttle());
+var import_throttle = __toESM(require_throttle(), 1);
 
 //#endregion
 //#region src/nodes/stage/constants.ts
@@ -18717,6 +18733,13 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		};
 		tr.on("transform", (0, import_throttle.default)(handleTransform, 50));
 		tr.on("transformend", () => {
+			if (tr.nodes().length > 1) {
+				const nodes = tr.nodes();
+				for (const node of nodes) {
+					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node);
+					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(node);
+				}
+			}
 			this.triggerSelectedNodesEvent();
 		});
 		let initialPos = null;
@@ -18732,6 +18755,12 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				e.target.stopDrag();
 				return;
 			}
+			const nodes = tr.nodes();
+			if (nodes.length > 1) for (const node of nodes) {
+				const originalNodeOpacity = node.getAttrs().opacity ?? 1;
+				node.setAttr("dragStartOpacity", originalNodeOpacity);
+				node.opacity(this.getDragOpacity());
+			}
 			e.cancelBubble = true;
 			tr.forceUpdate();
 		});
@@ -18762,7 +18791,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (this.isSelecting() && selectedNodes.length > 1) {
 				clearContainerTargets(this.instance);
 				const layerToMove = containerOverCursor(this.instance, selectedNodes);
-				if (layerToMove && !selectionContainsFrames) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+				if (layerToMove && !selectionContainsFrames) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { node: void 0 });
 			}
 			tr.forceUpdate();
 		};
@@ -18770,6 +18799,13 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		tr.on("dragend", (e) => {
 			if (!this.didMove) return;
 			e.cancelBubble = true;
+			if (tr.nodes().length > 1) {
+				const nodes$1 = tr.nodes();
+				for (const node of nodes$1) {
+					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node);
+					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(node);
+				}
+			}
 			this.instance.getCloningManager().cleanupClones();
 			this.getStagePanningPlugin()?.cleanupEdgeMoveIntervals();
 			const selectedNodes = tr.nodes();
@@ -18779,6 +18815,12 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				selectionContainsFrames = selectionContainsFrames || hasFrames(node);
 				node.updatePosition(node.getAbsolutePosition());
 			}
+			const nodes = tr.nodes();
+			if (nodes.length > 1) for (const node of nodes) {
+				const dragStartOpacity = node.getAttr("dragStartOpacity") ?? 1;
+				node.opacity(dragStartOpacity);
+				node.setAttr("dragStartOpacity", void 0);
+			}
 			if (this.isSelecting() && tr.nodes().length > 1) {
 				const actualCursor = stage.container().style.cursor;
 				stage.container().style.cursor = "wait";
@@ -18789,17 +18831,29 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				const nodeUpdatePromise = (node) => {
 					return new Promise((resolve) => {
 						setTimeout(() => {
-							clearContainerTargets(this.instance);
-							const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-							if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
-							let containerToMove = this.instance.getMainLayer();
-							if (layerToMove) containerToMove = layerToMove;
-							let moved = false;
-							if (containerToMove && !selectionContainsFrames) moved = moveNodeToContainer(this.instance, node, containerToMove);
-							if (containerToMove) containerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
-							if (!nodeHandler) return resolve();
-							toSelect.push(node.getAttrs().id ?? "");
-							if (!moved) toUpdate.push(nodeHandler.serialize(node));
+							const isLockedToContainer = node.getAttrs().lockToContainer;
+							if (!isLockedToContainer) {
+								clearContainerTargets(this.instance);
+								const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+								if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
+								let containerToMove = this.instance.getMainLayer();
+								if (layerToMove) containerToMove = layerToMove;
+								let moved = false;
+								if (containerToMove && !selectionContainsFrames) moved = moveNodeToContainer(this.instance, node, containerToMove);
+								if (containerToMove) containerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { node: void 0 });
+								if (!nodeHandler) return resolve();
+								toSelect.push(node.getAttrs().id ?? "");
+								if (!moved) toUpdate.push(nodeHandler.serialize(node));
+							}
+							if (isLockedToContainer) {
+								clearContainerTargets(this.instance);
+								toSelect.push(node.getAttrs().id ?? "");
+								const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+								if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
+								if (!nodeHandler) return resolve();
+								toSelect.push(node.getAttrs().id ?? "");
+								toUpdate.push(nodeHandler.serialize(node));
+							}
 							resolve();
 						}, 0);
 					});
@@ -18813,16 +18867,16 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				Promise.allSettled(promises).then((results) => {
 					if (results.length > 0) this.instance.updateNodes(toUpdate);
 					stage.container().style.cursor = actualCursor;
+					setTimeout(() => {
+						const finalSelectedNodes = [];
+						toSelect.forEach((nodeId) => {
+							const actNode = this.instance.getStage().findOne(`#${nodeId}`);
+							if (actNode) finalSelectedNodes.push(actNode);
+						});
+						tr.nodes(finalSelectedNodes);
+						tr.forceUpdate();
+					}, 0);
 				});
-				setTimeout(() => {
-					const finalSelectedNodes = [];
-					toSelect.forEach((nodeId) => {
-						const actNode = this.instance.getStage().findOne(`#${nodeId}`);
-						if (actNode) finalSelectedNodes.push(actNode);
-					});
-					tr.nodes(finalSelectedNodes);
-					tr.forceUpdate();
-				}, 0);
 			}
 			for (const node of selectedNodes) node.setAttrs({ isCloned: void 0 });
 			tr.forceUpdate();
@@ -19425,6 +19479,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	getSelectorConfig() {
 		return this.config.selection;
 	}
+	getDragOpacity() {
+		return this.config.style.dragOpacity;
+	}
 };
 
 //#endregion
@@ -19924,6 +19981,9 @@ var WeaveNode = class {
 		node.handleMouseout = function() {};
 		node.handleSelectNode = function() {};
 		node.handleDeselectNode = function() {};
+		node.canMoveToContainer = function() {
+			return true;
+		};
 	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -19942,7 +20002,7 @@ var WeaveNode = class {
 	setHoverState(node) {
 		const selectionPlugin = this.getSelectionPlugin();
 		if (!selectionPlugin) return;
-		if (selectionPlugin.isAreaSelecting()) {
+		if (selectionPlugin.getSelectedNodes().length === 1 && node === selectionPlugin.getSelectedNodes()[0] || selectionPlugin.isAreaSelecting()) {
 			this.hideHoverState();
 			return;
 		}
@@ -19986,7 +20046,7 @@ var WeaveNode = class {
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
 			};
-			node.on("transform", (0, import_lodash$1.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				this.instance.emitEvent("onTransform", null);
@@ -19996,7 +20056,10 @@ var WeaveNode = class {
 				if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupGuidelines();
 				if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 				this.scaleReset(node$1);
-				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(node$1);
+				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
+					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node$1);
+					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(node$1);
+				}
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
 				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
 				this.getNodesSelectionPlugin()?.getHoverTransformer().forceUpdate();
@@ -20032,6 +20095,10 @@ var WeaveNode = class {
 				}
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
 				if (realNodeTarget.getAttrs().isCloned) return;
+				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1) {
+					realNodeTarget.setAttr("dragStartOpacity", realNodeTarget.opacity());
+					realNodeTarget.opacity(this.getNodesSelectionPlugin()?.getDragOpacity());
+				}
 				if (e.evt?.altKey) {
 					nodeTarget.setAttrs({ isCloneOrigin: true });
 					nodeTarget.setAttrs({ isCloned: false });
@@ -20075,13 +20142,16 @@ var WeaveNode = class {
 				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					clearContainerTargets(this.instance);
 					const layerToMove = containerOverCursor(this.instance, [realNodeTarget]);
-					if (layerToMove && !hasFrames(realNodeTarget) && realNodeTarget.isDragging()) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+					if (layerToMove && !hasFrames(realNodeTarget) && realNodeTarget.isDragging() && !realNodeTarget.getAttrs().lockToContainer) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { node: realNodeTarget });
 				}
 			};
-			node.on("dragmove", (0, import_lodash$1.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
 			node.on("dragend", (e) => {
 				const nodeTarget = e.target;
-				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
+				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
+					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(nodeTarget);
+					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(nodeTarget);
+				}
 				e.cancelBubble = true;
 				if (nodeTarget.getAttrs().isCloneOrigin && originalPosition) {
 					nodeTarget.setAbsolutePosition(originalPosition);
@@ -20098,7 +20168,12 @@ var WeaveNode = class {
 				}
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
-				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
+				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1) {
+					const originalNodeOpacity = realNodeTarget.getAttr("dragStartOpacity") ?? 1;
+					realNodeTarget.setAttrs({ opacity: originalNodeOpacity });
+					realNodeTarget.setAttr("dragStartOpacity", void 0);
+				}
+				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) {
 					clearContainerTargets(this.instance);
 					const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
 					const nodesDistanceSnappingPlugin = this.getNodesDistanceSnappingPlugin();
@@ -20110,9 +20185,17 @@ var WeaveNode = class {
 					let moved = false;
 					if (containerToMove && !hasFrames(node)) moved = moveNodeToContainer(this.instance, realNodeTarget, containerToMove);
 					if (realNodeTarget.getAttrs().isCloned) this.instance.getCloningManager().removeClone(realNodeTarget);
-					if (containerToMove) containerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+					if (containerToMove) containerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { node: realNodeTarget });
 					if (!moved) this.instance.updateNode(this.serialize(realNodeTarget));
 				}
+				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && realNodeTarget.getAttrs().lockToContainer) {
+					clearContainerTargets(this.instance);
+					const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
+					const nodesDistanceSnappingPlugin = this.getNodesDistanceSnappingPlugin();
+					if (nodesEdgeSnappingPlugin) nodesEdgeSnappingPlugin.cleanupGuidelines();
+					if (nodesDistanceSnappingPlugin) nodesDistanceSnappingPlugin.cleanupGuidelines();
+					this.instance.updateNode(this.serialize(realNodeTarget));
+				}
 				nodeTarget.setAttrs({ isCloned: void 0 });
 				nodeTarget.setAttrs({ isCloneOrigin: void 0 });
 				realNodeTarget.setAttrs({ isCloned: void 0 });
@@ -21758,7 +21841,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.2.0";
+var version = "2.3.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22909,6 +22992,9 @@ var WeaveLayerNode = class extends WeaveNode {
 	nodeType = WEAVE_LAYER_NODE_TYPE;
 	onRender(props) {
 		const layer = new Konva.Layer({ ...props });
+		layer.canMoveToContainer = function() {
+			return true;
+		};
 		return layer;
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -23304,7 +23390,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.on("transformstart", (e) => {
 			this.instance.emitEvent("onTransform", e.target);
 		});
-		text.on("transform", (0, import_lodash$1.throttle)(handleTextTransform, 50));
+		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -24992,6 +25078,9 @@ var WeaveFrameNode = class extends WeaveNode {
 				fill: onTargetEnterFill
 			});
 		});
+		frame.canMoveToContainer = function() {
+			return true;
+		};
 		return frame;
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -26599,7 +26688,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				this.config.zoomSteps = [minimumZoom, ...this.config.zoomSteps];
 			}
 		};
-		mainLayer?.on("draw", (0, import_lodash$1.throttle)(handleDraw, 50));
+		mainLayer?.on("draw", (0, import_lodash.throttle)(handleDraw, 50));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -29366,6 +29455,7 @@ const FRAME_TOOL_STATE = {
 //#region src/actions/frame-tool/frame-tool.ts
 var WeaveFrameToolAction = class extends WeaveAction {
 	initialized = false;
+	templateId = null;
 	onPropsChange = void 0;
 	onInit = void 0;
 	constructor() {
@@ -29387,6 +29477,9 @@ var WeaveFrameToolAction = class extends WeaveAction {
 			opacity: 1
 		};
 	}
+	setTemplateToUse(templateId) {
+		this.templateId = templateId;
+	}
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
@@ -29401,7 +29494,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		});
 		stage.on("pointerclick", () => {
 			if (this.state === FRAME_TOOL_STATE.IDLE) return;
-			if (this.state === FRAME_TOOL_STATE.ADDING) {
+			if (this.state === FRAME_TOOL_STATE.ADDING && this.templateId === null) {
 				this.handleAdding();
 				return;
 			}
@@ -29415,6 +29508,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		this.setCursor();
 		this.setFocusStage();
 		this.instance.emitEvent("onAddingFrame");
+		this.templateId = null;
 		this.frameId = null;
 		this.clickPoint = null;
 		this.setState(FRAME_TOOL_STATE.ADDING);
@@ -29464,6 +29558,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 		this.frameId = null;
 		this.container = void 0;
 		this.clickPoint = null;
+		this.templateId = null;
 		this.setState(FRAME_TOOL_STATE.IDLE);
 	}
 	setCursor() {
@@ -30317,7 +30412,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.onRender();
 		};
-		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});
@@ -30626,7 +30721,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			lastPos = pos;
 			this.instance.emitEvent("onStageMove");
 		};
-		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
 			this.isMouseLeftButtonPressed = false;
@@ -30890,7 +30985,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		this.setupMinimap();
 	}
 	onInit() {
-		const throttledUpdateMinimap = (0, import_lodash$1.throttle)(async () => {
+		const throttledUpdateMinimap = (0, import_lodash.throttle)(async () => {
 			await this.updateMinimapContent();
 			this.updateMinimapViewportReference();
 		}, 100);
@@ -31074,9 +31169,7 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 			rotation: clone.rotation()
 		};
 	}
-	createSelectionHalo(node) {
-		const nodeId = node.getAttrs().id ?? "";
-		if (this.selectedHalos[nodeId]) return;
+	getNodeInfo(node) {
 		const info = this.getNodeRectInfo(node);
 		if (info) {
 			const parent = node.getParent();
@@ -31094,6 +31187,14 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 					info.y += realParent.y();
 				}
 			}
+		}
+		return info;
+	}
+	createSelectionHalo(node) {
+		const nodeId = node.getAttrs().id ?? "";
+		if (this.selectedHalos[nodeId]) return;
+		const info = this.getNodeInfo(node);
+		if (info) {
 			this.selectedHalos[nodeId] = new Konva.Rect({
 				id: `${nodeId}-selection-halo`,
 				name: "selection-halo",
@@ -31118,6 +31219,30 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 			delete this.selectedHalos[nodeId];
 		}
 	}
+	updateSelectionHalo(node) {
+		const nodeId = node.getAttrs().id ?? "";
+		if (!this.selectedHalos[nodeId]) return;
+		const info = this.getNodeInfo(node);
+		if (info) {
+			const selectionLayer = this.instance.getSelectionLayer();
+			if (!selectionLayer) return;
+			const groupHalo = selectionLayer.findOne(`#${node.getAttrs().id}-selection-halo`);
+			groupHalo?.setAttrs({
+				x: info.x,
+				y: info.y,
+				width: info.width,
+				height: info.height,
+				rotation: info.rotation
+			});
+		}
+	}
+	showSelectionHalo(node) {
+		const selectionLayer = this.instance.getSelectionLayer();
+		if (selectionLayer) {
+			const groupHalo = selectionLayer.findOne(`#${node.getAttrs().id}-selection-halo`);
+			if (groupHalo) groupHalo.show();
+		}
+	}
 	hideSelectionHalo(node) {
 		const selectionLayer = this.instance.getSelectionLayer();
 		if (selectionLayer) {
@@ -31183,7 +31308,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 					newConnectedUsers[userInformation.id] = userInformation;
 				}
 			}
-			if (!(0, import_lodash$1.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
+			if (!(0, import_lodash.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
 			this.connectedUsers = newConnectedUsers;
 		});
 	}
@@ -31431,7 +31556,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			for (let i = 0; i < inactiveUsers.length; i++) delete this.usersPointers[inactiveUsers[i]];
 			this.renderPointers();
 		});
-		const sendAwarenessUpdateThrottled = (0, import_lodash$1.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
+		const sendAwarenessUpdateThrottled = (0, import_lodash.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
 		stage.on("dragmove", () => {
 			const mousePos = stage.getRelativePointerPosition();
 			if (mousePos) sendAwarenessUpdateThrottled(mousePos);
@@ -32665,5 +32790,5 @@ if (typeof window === "undefined") {
 }
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
 //# sourceMappingURL=sdk.node.js.map