@inditextech/weave-sdk 3.7.2 → 3.8.1-SNAPSHOT.191.1

package/dist/sdk.js

@@ -15102,6 +15102,9 @@ var WeaveStore = class {
 	getStateJson() {
 		return JSON.parse(JSON.stringify(this.state, void 0, 2));
 	}
+	getRoomId() {
+		return this.roomId;
+	}
 	getStateSnapshot() {
 		const doc = this.getDocument();
 		return yjs_default.encodeStateAsUpdate(doc);
@@ -17676,19 +17679,20 @@ function moveNodeToContainerNT(instance, node, containerToMove, originalNode, or
 		node.rotation(nodeRotation);
 		node.x(node.x() - (layerToMoveAttrs.containerOffsetX ?? 0));
 		node.y(node.y() - (layerToMoveAttrs.containerOffsetY ?? 0));
-		node.movedToContainer(layerToMove);
+		node.destroy();
+		const newNode = node.clone();
 		instance.emitEvent("onNodeMovedToContainer", {
-			node: node.clone(),
+			node: newNode,
 			container: layerToMove,
 			originalNode,
 			originalContainer
 		});
 		const nodeHandler = instance.getNodeHandler(node.getAttrs().nodeType);
 		if (nodeHandler) {
-			node.setAttrs({ onMoveContainer: true });
-			const actualNode = nodeHandler.serialize(node);
-			instance.removeNodeNT(actualNode, { emitUserChangeEvent: false });
-			instance.addNodeNT(actualNode, layerToMoveAttrs.id, {
+			const actualNodeState = nodeHandler.serialize(node);
+			const newNodeState = nodeHandler.serialize(newNode);
+			instance.removeNodeNT(actualNodeState, { emitUserChangeEvent: false });
+			instance.addNodeNT(newNodeState, layerToMoveAttrs.id, {
 				emitUserChangeEvent: false,
 				overrideUserChangeType: WEAVE_NODE_CHANGE_TYPE.UPDATE
 			});
@@ -17917,17 +17921,6 @@ function isIOS() {
 	return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
 const isServer = () => typeof window === "undefined";
-const getPositionRelativeToContainerOnPosition = (instance) => {
-	let position = instance.getStage().getRelativePointerPosition();
-	if (!position) return position;
-	const container = containerOverCursor(instance, [], position);
-	if (container) if (container.getAttrs().containerId) {
-		const containerNode = container.findOne(`#${container.getAttrs().containerId}`);
-		if (containerNode) position = containerNode?.getRelativePointerPosition();
-	} else position = container?.getRelativePointerPosition();
-	if (!position) return position;
-	return position;
-};
 const canComposite = (node) => {
 	const parent = node.getParent();
 	return parent?.getClassName() === "Group" && parent?.getAttrs().nodeType !== "frame" && parent?.getAttrs().nodeId === void 0;
@@ -18608,12 +18601,10 @@ const WEAVE_GRID_LAYER_ID = "gridLayer";
 //#region src/plugins/stage-panning/constants.ts
 const WEAVE_STAGE_PANNING_KEY = "stagePanning";
 const WEAVE_STAGE_PANNING_THROTTLE_MS = 20;
-const WEAVE_STAGE_PANNING_DEFAULT_CONFIG = {
-	edgePanOffset: 25,
-	edgePanMinSpeed: 2,
-	edgePanSpeed: 10,
-	edgePanMaxSpeed: 30
-};
+const WEAVE_STAGE_PANNING_DEFAULT_CONFIG = { edgePan: {
+	offset: 25,
+	speed: 20
+} };
 
 //#endregion
 //#region src/plugins/nodes-multi-selection-feedback/constants.ts
@@ -18678,7 +18669,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			"bottom-right"
 		];
 		this.taps = 0;
-		this.isCtrlMetaPressed = false;
 		this.isSpaceKeyPressed = false;
 		this.isDoubleTap = false;
 		this.tapStart = null;
@@ -18778,12 +18768,12 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 		};
 		stage.on("pointermove", (0, import_throttle.default)(handlePointerMoveInit, DEFAULT_THROTTLE_MS));
-		tr.on("transformstart", () => {
+		tr.on("transformstart", (e) => {
 			this.transformInProcess = true;
 			this.triggerSelectedNodesEvent();
 			const selectedNodes$1 = tr.nodes();
 			for (const node of selectedNodes$1) {
-				node.handleMouseout();
+				node.handleMouseout(e);
 				if (node.getAttrs().strokeScaleEnabled !== false) {
 					node.setAttr("strokeScaleEnabled", false);
 					node.setAttr("_revertStrokeScaleEnabled", true);
@@ -18795,7 +18785,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			});
 		});
 		let nodeHovered = void 0;
-		tr.on("mousemove", () => {
+		tr.on("mousemove", (e) => {
 			if (this.dragInProcess) return;
 			const pointerPos = stage.getPointerPosition();
 			if (!pointerPos) return;
@@ -18805,13 +18795,13 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (shape) {
 				const targetNode = this.instance.getInstanceRecursive(shape);
 				if (targetNode && targetNode !== nodeHovered) {
-					this.instance.getStage().handleMouseover();
-					nodeHovered?.handleMouseout?.();
-					targetNode?.handleMouseover?.();
+					this.instance.getStage().handleMouseover(e);
+					nodeHovered?.handleMouseout?.(e);
+					targetNode?.handleMouseover?.(e);
 					nodeHovered = targetNode;
 				}
-				targetNode?.handleMouseover?.();
-			} else nodeHovered?.handleMouseout?.();
+				targetNode?.handleMouseover?.(e);
+			} else nodeHovered?.handleMouseout?.(e);
 		});
 		tr.on("mouseover", () => {
 			const nodesSelected = tr.nodes();
@@ -18820,32 +18810,37 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				stage.container().style.cursor = node.defineMousePointer() ?? "grab";
 			} else stage.container().style.cursor = "grab";
 		});
-		tr.on("mouseout", () => {
-			this.instance.getStage().handleMouseover?.();
+		tr.on("mouseout", (e) => {
+			this.instance.getStage().handleMouseover?.(e);
 			nodeHovered = void 0;
 		});
-		window.addEventListener("mouseout", () => {
+		window.addEventListener("mouseout", (e) => {
 			if (nodeHovered) {
-				nodeHovered.handleMouseout();
+				nodeHovered.handleMouseout(e);
 				nodeHovered = void 0;
 			}
-			this.instance.getStage().handleMouseover?.();
+			this.instance.getStage().handleMouseover?.(e);
 		}, { signal: this.instance.getEventsController()?.signal });
 		const handleTransform = (e) => {
 			const moved = this.checkMoved(e);
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
 			this.triggerSelectedNodesEvent();
 			if (this.getUsersPresencePlugin()) {
-				for (const node of tr.nodes()) this.getUsersPresencePlugin()?.setPresence(node.id(), {
-					x: node.x(),
-					y: node.y(),
-					width: node.width(),
-					height: node.height(),
-					scaleX: node.scaleX(),
-					scaleY: node.scaleY(),
-					rotation: node.rotation(),
-					strokeScaleEnabled: false
-				}, false);
+				for (const node of tr.nodes()) {
+					let parentId = node.getParent()?.id() ?? "";
+					const parent = node.getParent();
+					if (parent?.getAttrs().nodeId) parentId = parent.getAttrs().nodeId;
+					this.getUsersPresencePlugin()?.setPresence(node.id(), parentId, {
+						x: node.x(),
+						y: node.y(),
+						width: node.width(),
+						height: node.height(),
+						scaleX: node.scaleX(),
+						scaleY: node.scaleY(),
+						rotation: node.rotation(),
+						strokeScaleEnabled: false
+					}, false);
+				}
 				this.getUsersPresencePlugin()?.forceSendPresence();
 			}
 		};
@@ -18869,6 +18864,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		let selectedNodes = [];
 		tr.on("dragstart", (e) => {
 			this.dragInProcess = true;
+			let isWheelMousePressed = false;
+			if (e.evt.button === 1) isWheelMousePressed = true;
 			const mainLayer = this.instance.getMainLayer();
 			if (!mainLayer) return;
 			initialPos = {
@@ -18878,9 +18875,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.didMove = false;
 			const stage$1 = this.instance.getStage();
 			this.saveDragSelectedNodes();
-			if (this.getDragSelectedNodes().length > 1) this.setNodesOpacityOnDrag();
+			this.setNodesOpacityOnDrag();
 			selectedNodes = tr.nodes();
-			if (stage$1.isMouseWheelPressed()) {
+			if (isWheelMousePressed) {
 				e.cancelBubble = true;
 				e.target.stopDrag();
 				return;
@@ -18904,13 +18901,14 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				x: e.target.x(),
 				y: e.target.y()
 			};
+			let isWheelMousePressed = false;
+			if (e.evt.button === 1) isWheelMousePressed = true;
 			e.cancelBubble = true;
 			if (initialPos) {
 				const moved = this.checkMovedDrag(initialPos, actualPos);
 				if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
 			}
-			const stage$1 = this.instance.getStage();
-			if (stage$1.isMouseWheelPressed()) {
+			if (isWheelMousePressed) {
 				e.cancelBubble = true;
 				e.target.stopDrag();
 				return;
@@ -18930,10 +18928,15 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				clearContainerTargets(this.instance);
 				const layerToMove = containerOverCursor(this.instance, selectedNodes);
 				if (this.getUsersPresencePlugin() && this.dragInProcess) {
-					for (const node of selectedNodes) this.getUsersPresencePlugin()?.setPresence(node.id(), {
-						x: node.x(),
-						y: node.y()
-					}, false);
+					for (const node of selectedNodes) {
+						let parentId = node.getParent()?.id() ?? "";
+						const parent = node.getParent();
+						if (parent?.getAttrs().nodeId) parentId = parent.getAttrs().nodeId;
+						this.getUsersPresencePlugin()?.setPresence(node.id(), parentId, {
+							x: node.x(),
+							y: node.y()
+						}, false);
+					}
 					this.getUsersPresencePlugin()?.forceSendPresence();
 				}
 				if (layerToMove && !selectionContainsFrames) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
@@ -18947,7 +18950,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (!mainLayer) return;
 			this.instance.getSelectionLayer()?.hitGraphEnabled(true);
 			this.instance.getMainLayer()?.hitGraphEnabled(true);
-			if (this.getDragSelectedNodes().length > 1) this.restoreNodesOpacityOnDrag();
 			if (!this.didMove) return;
 			if (selectedNodes.length > 1) this.instance.releaseMutexLock();
 			e.cancelBubble = true;
@@ -19020,16 +19022,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				tr.forceUpdate();
 			}
 		});
-		this.instance.addEventListener("onRender", () => {
-			const point = stage.getPointerPosition();
-			if (point) {
-				const ele = this.instance.getTargetingManager().pointIntersectsElement(point);
-				if (ele) {
-					const realEle = this.instance.getTargetingManager().resolveNode(ele);
-					realEle?.handleMouseover();
-				}
-			}
-		});
 		this.instance.addEventListener("onNodesChange", () => {
 			const currentSelectedNodes = tr.nodes();
 			const unselectedNodes = this.prevSelectedNodes.filter((node) => !currentSelectedNodes.map((node1) => node1.getAttrs().id).includes(node.getAttrs().id));
@@ -19236,12 +19228,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	initEvents() {
 		this.selecting = false;
 		const stage = this.instance.getStage();
-		window.addEventListener("blur", () => {
-			this.isCtrlMetaPressed = false;
-			this.isSpaceKeyPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("keydown", (e) => {
-			if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
 			if (e.code === "Space") this.isSpaceKeyPressed = true;
 			if (e.code === "Backspace" || e.code === "Delete") {
 				Promise.resolve().then(() => {
@@ -19251,7 +19238,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("keyup", (e) => {
-			if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
 			if (e.code === "Space") this.isSpaceKeyPressed = false;
 		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
@@ -19303,7 +19289,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.selectionRectangle.width(0);
 			this.selectionRectangle.height(0);
 			this.selecting = true;
-			if (this.isCtrlMetaPressed) {
+			const isCtrlOrMetaPressed = e.evt.ctrlKey || e.evt.metaKey;
+			if (isCtrlOrMetaPressed) {
 				const nodesSelected = this.tr.nodes();
 				for (const node of nodesSelected) node.fire("onSelectionCleared", { bubbles: true });
 			}
@@ -19523,7 +19510,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			nodeTargeted.dblClick();
 			return;
 		}
-		if (stage.isCmdCtrlPressed()) return;
+		const isCtrlOrCmdPressed = e.evt.ctrlKey || e.evt.metaKey;
+		if (isCtrlOrCmdPressed) return;
 		if (!metaPressed) {
 			this.tr.nodes([nodeTargeted]);
 			this.tr.show();
@@ -19700,11 +19688,18 @@ const COPY_PASTE_NODES_PLUGIN_STATE = {
 	["IDLE"]: "idle",
 	["PASTING"]: "pasting"
 };
-const WEAVE_COPY_PASTE_CONFIG_DEFAULT = { paddingOnPaste: {
-	enabled: false,
-	paddingX: 0,
-	paddingY: 0
-} };
+const WEAVE_COPY_PASTE_CONFIG_DEFAULT = {
+	canPasteOnto: (node, atTarget) => {
+		const targetType = atTarget.getAttrs().nodeType;
+		if (targetType === "frame" && node.type === "frame") return false;
+		return true;
+	},
+	paddingOnPaste: {
+		enabled: false,
+		paddingX: 0,
+		paddingY: 0
+	}
+};
 
 //#endregion
 //#region src/plugins/copy-paste-nodes/copy-paste-nodes.ts
@@ -19931,6 +19926,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				}
 			};
 			this.instance.addEventListener("onNodeRenderedAdded", handleOnNodeAdded);
+			const nodesToPaste = [];
 			for (const element of Object.keys(this.toPaste.weave)) {
 				const node = this.toPaste.weave[element].element;
 				const posRelativeToSelection = this.toPaste.weave[element].posRelativeToSelection;
@@ -19971,12 +19967,22 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 					containerId = this.instance.getMainLayer()?.getAttrs().id ?? "";
 					containerNode = this.instance.getMainLayer();
 				}
-				if (containerId) {
+				const canPasteNodeOntoTarget = this.config.canPasteOnto(node, containerNode);
+				if (!canPasteNodeOntoTarget) throw new Error(`Cannot paste node ${node.key} onto target container: ${containerId}`, { cause: "InvalidPasteTarget" });
+				if (containerId && canPasteNodeOntoTarget) {
 					nodesToSelect.push(newNodeId);
-					this.instance.addNodeNT(node, containerId);
+					nodesToPaste.push({
+						node,
+						containerId
+					});
 				}
 				this.getStageGridPlugin()?.onRender();
 			}
+			for (const elementToPaste of nodesToPaste) {
+				const { node, containerId } = elementToPaste;
+				this.instance.addNodeNT(node, containerId);
+				this.getStageGridPlugin()?.onRender();
+			}
 		});
 	}
 	async finishHandleCopy() {
@@ -20068,6 +20074,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			}
 		} catch (ex) {
 			this.instance.emitEvent("onPaste", { error: ex });
+			if (ex instanceof Error && ex.cause === "InvalidPasteTarget") return;
 		}
 		try {
 			const items = await navigator.clipboard.read();
@@ -20165,11 +20172,6 @@ const MOVE_TOOL_STATE = {
 
 //#endregion
 //#region src/nodes/node.ts
-const augmentKonvaStageClass = () => {
-	Konva.Stage.prototype.isMouseWheelPressed = function() {
-		return false;
-	};
-};
 const augmentKonvaNodeClass = (config) => {
 	const { transform } = config ?? {};
 	Konva.Node.prototype.getTransformerProperties = function() {
@@ -20181,7 +20183,6 @@ const augmentKonvaNodeClass = (config) => {
 	Konva.Node.prototype.getRealClientRect = function(config$1) {
 		return this.getClientRect(config$1);
 	};
-	Konva.Node.prototype.movedToContainer = function() {};
 	Konva.Node.prototype.updatePosition = function() {};
 	Konva.Node.prototype.triggerCrop = function() {};
 	Konva.Node.prototype.closeCrop = function() {};
@@ -20231,7 +20232,6 @@ var WeaveNode = class {
 				"bottom-right"
 			];
 		};
-		node.movedToContainer = function() {};
 		node.updatePosition = function() {};
 		node.resetCrop = function() {};
 		node.handleMouseover = function() {};
@@ -20420,7 +20420,10 @@ var WeaveNode = class {
 				const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
-				this.getUsersPresencePlugin()?.setPresence(node$1.id(), {
+				let parentId = node$1.getParent()?.id() ?? "";
+				const parent = node$1.getParent();
+				if (parent?.getAttrs().nodeId) parentId = parent.getAttrs().nodeId;
+				this.getUsersPresencePlugin()?.setPresence(node$1.id(), parentId, {
 					x: node$1.x(),
 					y: node$1.y(),
 					width: node$1.width(),
@@ -20476,10 +20479,9 @@ var WeaveNode = class {
 			node.off("dragstart");
 			node.on("dragstart", (e) => {
 				const nodeTarget = e.target;
-				e.cancelBubble = true;
+				let isWheelMousePressed = false;
+				if (e.evt.button === 1) isWheelMousePressed = true;
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
-				this.getSelectionPlugin()?.saveDragSelectedNodes();
-				if (this.getSelectionPlugin()?.getDragSelectedNodes().length === 1) this.getSelectionPlugin()?.setNodesOpacityOnDrag();
 				const canMove = nodeTarget?.canDrag() ?? false;
 				if (!canMove) {
 					nodeTarget.stopDrag();
@@ -20496,7 +20498,7 @@ var WeaveNode = class {
 					return;
 				}
 				this.instance.emitEvent("onDrag", nodeTarget);
-				if (stage.isMouseWheelPressed()) {
+				if (isWheelMousePressed) {
 					e.cancelBubble = true;
 					nodeTarget.stopDrag();
 				}
@@ -20513,6 +20515,7 @@ var WeaveNode = class {
 				originalNode = realNodeTarget.clone();
 				originalContainer = realNodeTarget.getParent();
 				if (originalContainer?.getAttrs().nodeId) originalContainer = stage.findOne(`#${originalContainer.getAttrs().nodeId}`);
+				realNodeTarget.fire("nodeDragStart", { node: realNodeTarget });
 				if (e.evt?.altKey) {
 					nodeTarget.setAttrs({ isCloneOrigin: true });
 					nodeTarget.setAttrs({ isCloned: false });
@@ -20541,19 +20544,20 @@ var WeaveNode = class {
 			});
 			const handleDragMove = (e) => {
 				const nodeTarget = e.target;
+				let isWheelMousePressed = false;
+				if (e.evt.button === 1) isWheelMousePressed = true;
 				e.cancelBubble = true;
 				if (e.evt?.buttons === 0) {
 					nodeTarget.stopDrag();
 					return;
 				}
 				this.didMove = true;
-				const stage$1 = this.instance.getStage();
 				const isErasing = this.instance.getActiveAction() === "eraseTool";
 				if (isErasing) {
 					nodeTarget.stopDrag();
 					return;
 				}
-				if (stage$1.isMouseWheelPressed()) {
+				if (isWheelMousePressed) {
 					e.cancelBubble = true;
 					nodeTarget.stopDrag();
 					return;
@@ -20568,7 +20572,10 @@ var WeaveNode = class {
 				}
 				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					clearContainerTargets(this.instance);
-					this.getUsersPresencePlugin()?.setPresence(realNodeTarget.id(), {
+					let parentId = realNodeTarget.getParent()?.id() ?? "";
+					const parent = realNodeTarget.getParent();
+					if (parent?.getAttrs().nodeId) parentId = parent.getAttrs().nodeId;
+					this.getUsersPresencePlugin()?.setPresence(realNodeTarget.id(), parentId, {
 						x: realNodeTarget.x(),
 						y: realNodeTarget.y()
 					});
@@ -20603,7 +20610,7 @@ var WeaveNode = class {
 				startPosition = null;
 				lockedAxis = null;
 				isShiftPressed = false;
-				if (this.getSelectionPlugin()?.getDragSelectedNodes().length === 1) this.getSelectionPlugin()?.restoreNodesOpacityOnDrag();
+				this.getSelectionPlugin()?.restoreNodesOpacityOnDrag();
 				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					this.instance.releaseMutexLock();
 					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(nodeTarget);
@@ -20667,11 +20674,11 @@ var WeaveNode = class {
 				originalPosition = realNodeTarget.getAbsolutePosition();
 			});
 			if (!node.getAttrs().overridesMouseControl) {
-				node.handleMouseover = () => {
-					this.handleMouseOver(node);
+				node.handleMouseover = (e) => {
+					this.handleMouseOver(e, node);
 				};
-				node.handleMouseout = () => {
-					this.handleMouseout(node);
+				node.handleMouseout = (e) => {
+					this.handleMouseout(e, node);
 				};
 			}
 			node.on("xChange yChange", () => {
@@ -20699,20 +20706,21 @@ var WeaveNode = class {
 			};
 			node.on("pointerover", (e) => {
 				const realNodeTarget = this.getRealSelectedNode(e.target);
-				realNodeTarget?.handleMouseover?.();
-				const doCancelBubble = this.handleMouseOver(e.target);
+				realNodeTarget?.handleMouseover?.(e);
+				const doCancelBubble = this.handleMouseOver(e, e.target);
 				if (doCancelBubble) e.cancelBubble = true;
 			});
 			node.on("pointerleave", (e) => {
 				const realNodeTarget = this.getRealSelectedNode(e.target);
-				realNodeTarget?.handleMouseout?.();
-				this.handleMouseout(e.target);
+				realNodeTarget?.handleMouseout?.(e);
+				this.handleMouseout(e, e.target);
 			});
 		}
 	}
-	handleMouseOver(node) {
+	handleMouseOver(e, node) {
 		const stage = this.instance.getStage();
-		if (stage?.isCmdCtrlPressed?.()) return false;
+		const isCtrlOrMetaPressed = e.evt.ctrlKey || e.evt.metaKey;
+		if (isCtrlOrMetaPressed) return false;
 		const user = this.instance.getStore().getUser();
 		const activeAction = this.instance.getActiveAction();
 		const isNodeSelectionEnabled = this.getSelectionPlugin()?.isEnabled();
@@ -20746,9 +20754,9 @@ var WeaveNode = class {
 		else this.hideHoverState();
 		return cancelBubble;
 	}
-	handleMouseout(node) {
-		const stage = this.instance.getStage();
-		if (stage?.isCmdCtrlPressed?.()) return;
+	handleMouseout(e, node) {
+		const isCtrlOrMetaPressed = e.evt.ctrlKey || e.evt.metaKey;
+		if (isCtrlOrMetaPressed) return;
 		const realNode = this.instance.getInstanceRecursive(node);
 		if (realNode) this.hideHoverState();
 	}
@@ -20780,7 +20788,6 @@ var WeaveNode = class {
 		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -21395,45 +21402,24 @@ var WeaveTargetingManager = class {
 	}
 	getMousePointer(point) {
 		this.logger.debug({ point }, "getMousePointer");
-		const stage = this.instance.getStage();
 		const mainLayer = this.instance.getMainLayer();
 		let relativeMousePointer = typeof point !== "undefined" ? point : mainLayer?.getRelativePointerPosition() ?? {
 			x: 0,
 			y: 0
 		};
-		let measureContainer = mainLayer;
-		let container = mainLayer;
 		const utilityLayer = this.instance.getUtilityLayer();
 		if (utilityLayer) utilityLayer.visible(false);
+		let containerAlt = containerOverCursor(this.instance, [], relativeMousePointer);
+		if (!containerAlt) containerAlt = this.instance.getMainLayer();
 		const nodesSelection = this.instance.getPlugin("nodesSelection");
 		if (nodesSelection) nodesSelection.getTransformer().visible(false);
-		const dummyRect = new Konva.Rect({
-			width: 10,
-			height: 10,
-			x: relativeMousePointer.x,
-			y: relativeMousePointer.y
-		});
-		mainLayer?.add(dummyRect);
-		const intersectedNode = this.nodeIntersectsContainerElement(dummyRect);
-		if (intersectedNode) {
-			const containerOfNode = stage.findOne(`#${intersectedNode.getAttrs().containerId}`);
-			if (containerOfNode) {
-				container = intersectedNode;
-				measureContainer = containerOfNode;
-			}
-		}
-		if (typeof point === "undefined" && container?.getAttrs().nodeType !== "layer") relativeMousePointer = measureContainer?.getRelativePointerPosition() ?? relativeMousePointer;
-		if (typeof point === "undefined" && container?.getAttrs().nodeType === "layer") relativeMousePointer = measureContainer?.getRelativePointerPosition() ?? {
-			x: 0,
-			y: 0
-		};
+		relativeMousePointer = containerAlt?.getRelativePointerPosition() ?? relativeMousePointer;
 		if (utilityLayer) utilityLayer.visible(true);
 		if (nodesSelection) nodesSelection.getTransformer().visible(true);
-		dummyRect.destroy();
 		return {
 			mousePoint: relativeMousePointer,
-			container,
-			measureContainer
+			container: containerAlt,
+			measureContainer: containerAlt
 		};
 	}
 	getMousePointerRelativeToContainer(container) {
@@ -22022,7 +22008,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.7.2";
+var version = "3.8.1-SNAPSHOT.191.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23462,13 +23448,12 @@ var Weave = class {
 		this.moduleLogger.info("Start instance");
 		if (!this.isServerSide()) {
 			this.eventsController = new AbortController();
-			if (!window.weave) window.weave = this;
+			window.weave = this;
 		}
 		this.emitEvent("onRoomLoaded", false);
 		this.status = WEAVE_INSTANCE_STATUS.STARTING;
 		this.emitEvent("onInstanceStatus", this.status);
 		await this.registerManager.registerNodesHandlers();
-		this.augmentKonvaStageClass();
 		this.augmentKonvaNodeClass();
 		this.registerManager.registerPlugins();
 		this.registerManager.registerActionsHandlers();
@@ -23540,9 +23525,6 @@ var Weave = class {
 	getConfiguration() {
 		return this.config;
 	}
-	augmentKonvaStageClass() {
-		augmentKonvaStageClass();
-	}
 	augmentKonvaNodeClass(config) {
 		augmentKonvaNodeClass(config);
 	}
@@ -24315,8 +24297,6 @@ const setupUpscaleStage = (instance, stage) => {
 var WeaveStageNode = class extends WeaveNode {
 	nodeType = WEAVE_STAGE_NODE_TYPE;
 	stageFocused = false;
-	wheelMousePressed = false;
-	isCmdCtrlPressed = false;
 	globalEventsInitialized = false;
 	initialize = void 0;
 	onRender(props) {
@@ -24325,9 +24305,7 @@ var WeaveStageNode = class extends WeaveNode {
 			mode: "default"
 		});
 		setupUpscaleStage(this.instance, stage);
-		this.wheelMousePressed = false;
 		stage.isFocused = () => this.stageFocused;
-		stage.isMouseWheelPressed = () => this.wheelMousePressed;
 		stage.position({
 			x: 0,
 			y: 0
@@ -24363,8 +24341,7 @@ var WeaveStageNode = class extends WeaveNode {
 		};
 		stage.handleMouseout = function() {};
 		stage.mode(WEAVE_STAGE_DEFAULT_MODE);
-		stage.on("pointerdown", (e) => {
-			if (e.evt.button === 1) this.wheelMousePressed = true;
+		stage.on("pointerdown", () => {
 			if (!this.instance.isServerSide() && [MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grabbing";
 		});
 		stage.on("pointermove", (e) => {
@@ -24378,9 +24355,8 @@ var WeaveStageNode = class extends WeaveNode {
 				stage$1.container().style.cursor = "default";
 			}
 		});
-		stage.on("pointerup", (e) => {
+		stage.on("pointerup", () => {
 			const activeAction = this.instance.getActiveAction();
-			if (e.evt.button === 1) this.wheelMousePressed = false;
 			if (!this.instance.isServerSide() && [MOVE_TOOL_ACTION_NAME].includes(activeAction ?? "")) stage.container().style.cursor = "grab";
 		});
 		stage.on("pointerover", (e) => {
@@ -24392,7 +24368,6 @@ var WeaveStageNode = class extends WeaveNode {
 			this.hideHoverState();
 			if (!this.instance.isServerSide()) stage.container().style.cursor = "default";
 		});
-		stage.isCmdCtrlPressed = () => this.isCmdCtrlPressed;
 		this.setupEvents();
 		return stage;
 	}
@@ -24400,12 +24375,8 @@ var WeaveStageNode = class extends WeaveNode {
 	setupEvents() {
 		if (this.globalEventsInitialized) return;
 		if (this.instance.isServerSide()) return;
-		window.addEventListener("blur", () => {
-			this.isCmdCtrlPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (this.isOnlyCtrlOrMeta(e)) {
-				this.isCmdCtrlPressed = true;
 				this.instance.getStage().container().style.cursor = "default";
 				const transformer = this.getSelectionPlugin()?.getTransformer();
 				if (!transformer) return;
@@ -24416,7 +24387,6 @@ var WeaveStageNode = class extends WeaveNode {
 		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) {
-				this.isCmdCtrlPressed = false;
 				this.instance.getStage().container().style.cursor = "default";
 				const transformer = this.getSelectionPlugin()?.getTransformer();
 				if (!transformer) return;
@@ -24469,7 +24439,6 @@ var WeaveLayerNode = class extends WeaveNode {
 		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -24554,7 +24523,6 @@ var WeaveGroupNode = class extends WeaveNode {
 		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -25097,28 +25065,12 @@ var WeaveTextNode = class extends WeaveNode {
 	}
 	initialize() {
 		this.keyPressHandler = void 0;
-		this.eventsInitialized = false;
-		this.isCtrlMetaPressed = false;
 		this.textAreaSuperContainer = null;
 		this.textAreaContainer = null;
 		this.textArea = null;
 		this.editing = false;
 		this.textArea = null;
 	}
-	initEvents() {
-		if (!this.eventsInitialized && !globalThis._weave_isServerSide) {
-			window.addEventListener("blur", () => {
-				this.isCtrlMetaPressed = false;
-			}, { signal: this.instance.getEventsController()?.signal });
-			window.addEventListener("keydown", (e) => {
-				if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
-			}, { signal: this.instance.getEventsController()?.signal });
-			window.addEventListener("keyup", (e) => {
-				if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
-			}, { signal: this.instance.getEventsController()?.signal });
-			this.eventsInitialized = true;
-		}
-	}
 	updateNode(nodeInstance) {
 		const actNode = this.instance.getStage().findOne(`#${nodeInstance.id()}`);
 		if (actNode) {
@@ -25154,7 +25106,6 @@ var WeaveTextNode = class extends WeaveNode {
 		}
 	}
 	onRender(props) {
-		this.initEvents();
 		const text = new Konva.Text({
 			...props,
 			name: "node",
@@ -25221,6 +25172,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.setAttr("triggerEditMode", this.triggerEditMode.bind(this));
 		let actualAnchor = void 0;
 		text.on("transformstart", (e) => {
+			const isCtrlOrMetaPressed = e.evt.ctrlKey || e.evt.metaKey;
 			this.instance.emitEvent("onTransform", e.target);
 			actualAnchor = this.getNodesSelectionPlugin()?.getTransformer()?.getActiveAnchor();
 			if (text.getAttrs().layout === TEXT_LAYOUT.SMART && [
@@ -25228,7 +25180,7 @@ var WeaveTextNode = class extends WeaveNode {
 				"top-right",
 				"bottom-left",
 				"bottom-right"
-			].includes(actualAnchor ?? "") || text.getAttrs().layout === TEXT_LAYOUT.FIXED && this.isCtrlMetaPressed) this.getNodesSelectionPlugin()?.getTransformer()?.keepRatio(true);
+			].includes(actualAnchor ?? "") || text.getAttrs().layout === TEXT_LAYOUT.FIXED && isCtrlOrMetaPressed) this.getNodesSelectionPlugin()?.getTransformer()?.keepRatio(true);
 			else this.getNodesSelectionPlugin()?.getTransformer()?.keepRatio(false);
 			if ([TEXT_LAYOUT.AUTO_HEIGHT, TEXT_LAYOUT.SMART].includes(text.getAttrs().layout) && ["middle-right", "middle-left"].includes(actualAnchor ?? "")) {
 				text.wrap("word");
@@ -25359,7 +25311,6 @@ var WeaveTextNode = class extends WeaveNode {
 		delete cleanedAttrs.measureMultilineText;
 		delete cleanedAttrs.overridesMouseControl;
 		delete cleanedAttrs.shouldUpdateOnTransform;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -25751,13 +25702,14 @@ const WEAVE_IMAGE_CROP_ANCHOR_POSITION = {
 	["BOTTOM_CENTER"]: "bottom-center"
 };
 const WEAVE_IMAGE_DEFAULT_CONFIG = {
+	cleanup: { intervalMs: 60 * 1e3 },
 	performance: { cache: { enabled: false } },
 	style: {
 		placeholder: { fill: "#aaaaaa" },
 		cursor: { loading: "wait" }
 	},
 	imageLoading: {
-		maxRetryAttempts: 15,
+		maxRetryAttempts: 3,
 		retryDelayMs: 2e3
 	},
 	crossOrigin: "anonymous",
@@ -26140,7 +26092,8 @@ var WeaveImageCrop = class WeaveImageCrop {
 		this.onClose();
 		const utilityLayer = this.instance.getUtilityLayer();
 		utilityLayer?.destroyChildren();
-		if (stage.isCmdCtrlPressed() && utilityLayer) {
+		const isCtrlOrMetaPressed = e.ctrlKey || e.metaKey;
+		if (isCtrlOrMetaPressed && utilityLayer) {
 			this.node.renderCropMode(utilityLayer, this.image);
 			utilityLayer.show();
 		}
@@ -26449,6 +26402,25 @@ var WeaveImageNode = class extends WeaveNode {
 		this.imageTryoutAttempts = {};
 		this.imageFallback = {};
 	}
+	setupNotUsedImagesCleanup() {
+		const cleanupHandler = () => {
+			this.notUsedImagesCleanup = null;
+			const stage = this.instance.getStage();
+			const nodesIds = Object.keys(this.imageState);
+			for (const nodeId of nodesIds) {
+				const node = stage.findOne(`#${nodeId}`);
+				if (!node) {
+					delete this.imageSource[nodeId];
+					delete this.imageState[nodeId];
+					delete this.imageTryoutAttempts[nodeId];
+					delete this.imageFallback[nodeId];
+				}
+			}
+			this.setupNotUsedImagesCleanup();
+		};
+		const bindedCleanupHandler = cleanupHandler.bind(this);
+		if (!this.notUsedImagesCleanup) setTimeout(bindedCleanupHandler, this.config.cleanup.intervalMs);
+	}
 	preloadCursors() {
 		return new Promise((resolve) => {
 			(async () => {
@@ -26525,6 +26497,7 @@ var WeaveImageNode = class extends WeaveNode {
 		this.instance.resolveAsyncElement(nodeId, WEAVE_IMAGE_NODE_TYPE);
 	}
 	onRender(props) {
+		this.setupNotUsedImagesCleanup();
 		const imageProperties = props.imageProperties;
 		const imageProps = props;
 		const { id } = imageProps;
@@ -26550,11 +26523,6 @@ var WeaveImageNode = class extends WeaveNode {
 			if (this.isSelecting() && selectedNodes.includes(image)) return "grab";
 			return "pointer";
 		};
-		image.movedToContainer = () => {
-			const stage = this.instance.getStage();
-			const image$1 = stage.findOne(`#${id}`);
-			if (!image$1) return;
-		};
 		if (this.config.cropMode.enabled) {
 			image.triggerCrop = () => {
 				this.triggerCrop(image, { cmdCtrl: { triggered: false } });
@@ -26676,23 +26644,36 @@ var WeaveImageNode = class extends WeaveNode {
 				if (this.imageCrop) this.closeCrop(image, WEAVE_IMAGE_CROP_END_TYPE.CANCEL);
 			}
 		});
+		image.on("nodeDragStart", () => {
+			const utilityLayer = this.instance.getUtilityLayer();
+			if (!utilityLayer) return;
+			const nodes = utilityLayer?.find(".cropMode") ?? [];
+			nodes.forEach((n) => {
+				n.destroy();
+			});
+			const transformer = this.getSelectionPlugin()?.getTransformer();
+			if (!transformer) return;
+			transformer.show();
+		});
 		if (this.config.cropMode.enabled && this.config.cropMode.triggers.ctrlCmd) {
 			image.on("onCmdCtrlPressed", () => {
+				const utilityLayer = this.instance.getUtilityLayer();
+				if (!utilityLayer) return;
+				if (image.isDragging()) return;
 				const transformer = this.getSelectionPlugin()?.getTransformer();
 				if (!transformer) return;
 				transformer.hide();
-				const utilityLayer = this.instance.getUtilityLayer();
-				if (!utilityLayer) return;
 				utilityLayer?.destroyChildren();
 				this.renderCropMode(utilityLayer, image);
 				utilityLayer?.show();
 			});
 			image.on("onCmdCtrlReleased", () => {
+				const utilityLayer = this.instance.getUtilityLayer();
+				if (!utilityLayer) return;
+				if (image.isDragging()) return;
 				const transformer = this.getSelectionPlugin()?.getTransformer();
 				if (!transformer) return;
 				transformer.show();
-				const utilityLayer = this.instance.getUtilityLayer();
-				if (!utilityLayer) return;
 				utilityLayer?.destroyChildren();
 			});
 		}
@@ -26751,6 +26732,7 @@ var WeaveImageNode = class extends WeaveNode {
 			fill: "transparent",
 			strokeScaleEnabled: false,
 			strokeWidth: 2,
+			name: "cropMode",
 			stroke: "#1a1aff",
 			draggable: false,
 			listening: false,
@@ -26811,6 +26793,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}));
 		const anchor = new Konva.Rect({
 			draggable: false,
+			name: "cropMode",
 			rotation: node.rotation()
 		});
 		this.config.cropMode.selection.anchorStyleFunc(anchor, position);
@@ -27251,20 +27234,15 @@ var WeaveImageNode = class extends WeaveNode {
 	}
 	onDestroy(nodeInstance) {
 		const nodeId = nodeInstance.getAttrs().id ?? "";
-		const isMoveContainer = nodeInstance.getAttr("onMoveContainer");
-		nodeInstance.setAttr("onMoveContainer", void 0);
 		const utilityLayer = this.instance.getUtilityLayer();
-		utilityLayer?.destroyChildren();
+		const nodes = utilityLayer?.find(".cropMode") ?? [];
+		nodes.forEach((n) => {
+			n.destroy();
+		});
 		if (this.imageTryoutIds[nodeId]) {
 			clearTimeout(this.imageTryoutIds[nodeId]);
 			delete this.imageTryoutIds[nodeId];
 		}
-		if (!isMoveContainer) {
-			delete this.imageSource[nodeId];
-			delete this.imageState[nodeId];
-			delete this.imageTryoutAttempts[nodeId];
-			delete this.imageFallback[nodeId];
-		}
 		nodeInstance.destroy();
 	}
 };
@@ -27811,7 +27789,6 @@ var WeaveFrameNode = class extends WeaveNode {
 		delete cleanedAttrs.draggable;
 		delete cleanedAttrs.onTargetEnter;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: realAttrs?.id ?? "",
@@ -28050,7 +28027,6 @@ var WeaveStrokeNode = class extends WeaveNode {
 		delete cleanedAttrs.sceneFunc;
 		delete cleanedAttrs.hitFunc;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -29595,6 +29571,7 @@ var WeaveVideoNode = class extends WeaveNode {
 		const videoIconGroup = video.findOne(`#${id}-video-icon-group`);
 		if (!videoPlaceholder || !videoIconGroup) return;
 		const realVideoPlaceholderURL = this.config.urlTransformer?.(videoProps.videoPlaceholderURL ?? "", video) ?? videoProps.videoPlaceholderURL;
+		if (!this.videoPlaceholder) this.initialize();
 		this.videoPlaceholder[id] = Konva.Util.createImageElement();
 		this.videoPlaceholder[id].crossOrigin = this.config.crossOrigin;
 		this.videoPlaceholder[id].src = realVideoPlaceholderURL;
@@ -29859,16 +29836,16 @@ var WeaveVideoNode = class extends WeaveNode {
 		}
 		if (isServer()) this.instance.updateNode(this.serialize(videoGroup));
 		const defaultHandleMouseover = videoGroup.handleMouseover;
-		videoGroup.handleMouseover = () => {
-			defaultHandleMouseover.call(this);
+		videoGroup.handleMouseover = (e) => {
+			defaultHandleMouseover.call(this, e);
 			if (this.config.style.track.onlyOnHover && this.videoState[id].loaded) {
 				const videoProgress = videoGroup.findOne(`#${id}-video-progress`);
 				videoProgress?.show();
 			}
 		};
 		const defaultHandleMouseout = videoGroup.handleMouseout;
-		videoGroup.handleMouseout = () => {
-			defaultHandleMouseout.call(this);
+		videoGroup.handleMouseout = (e) => {
+			defaultHandleMouseout.call(e, this);
 			if (this.config.style.track.onlyOnHover && this.videoState[id].loaded && !this.videoState[id].paused) {
 				const videoProgress = videoGroup.findOne(`#${id}-video-progress`);
 				videoProgress?.hide();
@@ -31982,7 +31959,6 @@ var WeaveConnectorNode = class extends WeaveNode {
 		delete cleanedAttrs.startInfoLoaded;
 		delete cleanedAttrs.endInfoLoaded;
 		delete cleanedAttrs.overridesMouseControl;
-		delete cleanedAttrs.onMoveContainer;
 		delete cleanedAttrs.dragBoundFunc;
 		return {
 			key: attrs.id ?? "",
@@ -32138,7 +32114,6 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		this.zooming = false;
 		this.isTrackpad = false;
 		this.zoomVelocity = 0;
-		this.isCtrlOrMetaPressed = false;
 		this.updatedMinimumZoom = false;
 		this.actualStep = this.config.zoomSteps.findIndex((step) => step === this.config.defaultZoom);
 		this.actualScale = this.config.zoomSteps[this.actualStep];
@@ -32449,15 +32424,6 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		};
 	}
 	initEvents() {
-		window.addEventListener("blur", () => {
-			this.isCtrlOrMetaPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
-		window.addEventListener("keydown", (e) => {
-			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
-		}, { signal: this.instance.getEventsController()?.signal });
-		window.addEventListener("keyup", (e) => {
-			if (!(e.ctrlKey || e.metaKey)) this.isCtrlOrMetaPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
 		const stage = this.instance.getStage();
 		let lastCenter = null;
 		let lastDist = 0;
@@ -32539,7 +32505,8 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		});
 		let doZoom = false;
 		const handleWheelImmediate = (e) => {
-			const performZoom = this.isCtrlOrMetaPressed || !this.isCtrlOrMetaPressed && e.ctrlKey && e.deltaMode === 0;
+			const isCtrlOrMetaPressed = e.ctrlKey || e.metaKey;
+			const performZoom = isCtrlOrMetaPressed || !isCtrlOrMetaPressed && e.ctrlKey && e.deltaMode === 0;
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -34450,7 +34417,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGE_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = getPositionRelativeToContainerOnPosition(this.instance);
+				const position = this.instance.getStage().getRelativePointerPosition();
 				if (!position) return;
 				this.instance.triggerAction(WEAVE_IMAGE_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGE_TOOL_UPLOAD_TYPE.IMAGE_URL,
@@ -34900,7 +34867,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGES_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = getPositionRelativeToContainerOnPosition(this.instance);
+				const position = this.instance.getStage().getRelativePointerPosition();
 				if (!position) return;
 				this.instance.triggerAction(WEAVE_IMAGES_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGES_TOOL_UPLOAD_TYPE.IMAGE_URL,
@@ -37011,7 +36978,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = getPositionRelativeToContainerOnPosition(this.instance);
+				const position = this.instance.getStage().getRelativePointerPosition();
 				this.instance.triggerAction(VIDEO_TOOL_ACTION_NAME, {
 					videoId: dragProperties.videoId,
 					videoParams: dragProperties.videoParams,
@@ -38143,7 +38110,6 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		this.moveToolActive = false;
 		this.isMouseLeftButtonPressed = false;
 		this.isMouseMiddleButtonPressed = false;
-		this.isCtrlOrMetaPressed = false;
 		this.isSpaceKeyPressed = false;
 		this.previousPointer = null;
 		this.currentPointer = null;
@@ -38172,11 +38138,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 	}
 	initEvents() {
 		const stage = this.instance.getStage();
-		window.addEventListener("blur", () => {
-			this.isCtrlOrMetaPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
-			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
 			if (e.code === "Space") {
 				this.getContextMenuPlugin()?.disable();
 				this.getNodesSelectionPlugin()?.disable();
@@ -38187,7 +38149,6 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			}
 		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
-			if (e.key === "Meta" || e.key === "Control") this.isCtrlOrMetaPressed = false;
 			if (e.code === "Space") {
 				this.getContextMenuPlugin()?.enable();
 				this.getNodesSelectionPlugin()?.enable();
@@ -38254,7 +38215,8 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			this.cleanupEdgeMoveIntervals();
 		});
 		const handleWheel = (e) => {
-			const performPanning = !this.isCtrlOrMetaPressed && !e.ctrlKey;
+			const isCtrlOrMetaPressed = e.ctrlKey || e.metaKey;
+			const performPanning = !isCtrlOrMetaPressed && !e.ctrlKey;
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -38262,7 +38224,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				const shadowHost = getTopmostShadowHost(stage.container());
 				if (shadowHost) elementUnderMouse = shadowHost.elementFromPoint(mouseX, mouseY);
 			}
-			if (!this.enabled || this.isCtrlOrMetaPressed || e.buttons === 4 || !performPanning || this.instance.getClosestParentWithWeaveId(elementUnderMouse) !== stage.container()) return;
+			if (!this.enabled || isCtrlOrMetaPressed || e.buttons === 4 || !performPanning || this.instance.getClosestParentWithWeaveId(elementUnderMouse) !== stage.container()) return;
 			this.getContextMenuPlugin()?.cancelLongPressTimer();
 			stage.x(stage.x() - e.deltaX);
 			stage.y(stage.y() - e.deltaY);
@@ -38278,13 +38240,12 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			if (this.panEdgeTargets[e.target.getAttrs().id ?? ""] !== void 0) return;
 			this.panEdgeTargets[e.target.getAttrs().id ?? ""] = e.target;
 			if (this.stageScrollInterval !== void 0) return;
+			const speed = this.config.edgePan.speed;
 			this.stageScrollInterval = setInterval(() => {
 				const pos = stage.getPointerPosition();
-				const offset = this.config.edgePanOffset;
+				const offset = this.config.edgePan.offset;
 				if (!pos) return;
 				const { width, height } = stage.size();
-				const scale = stage.scaleX();
-				const speed = Math.max(this.config.edgePanMinSpeed, Math.min(this.config.edgePanMaxSpeed, this.config.edgePanSpeed / scale));
 				let isNearLeft = false;
 				let isNearRight = false;
 				let isNearTop = false;
@@ -39294,7 +39255,11 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 					const presenceInfo = userPresence[nodeId];
 					if (this.config.getUser().id === presenceInfo.userId) continue;
 					const nodeInstance = stage.findOne(`#${presenceInfo.nodeId}`);
-					if (nodeInstance) {
+					if (!nodeInstance) continue;
+					let parentId = nodeInstance.getParent()?.id() ?? "";
+					const parent = nodeInstance.getParent();
+					if (parent?.getAttrs().nodeId) parentId = parent.getAttrs().nodeId;
+					if (nodeInstance && presenceInfo.parentId === parentId) {
 						const newProps = {
 							...nodeInstance.getAttrs(),
 							...presenceInfo.attrs
@@ -39309,10 +39274,11 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 		const store = this.instance.getStore();
 		store.setAwarenessInfo(WEAVE_USER_PRESENCE_KEY, this.userPresence);
 	}
-	setPresence(nodeId, attrs, forceUpdate = true) {
+	setPresence(nodeId, parentId, attrs, forceUpdate = true) {
 		const userInfo = this.config.getUser();
 		this.userPresence[nodeId] = {
 			userId: userInfo.id,
+			parentId,
 			nodeId,
 			attrs
 		};
@@ -40519,7 +40485,16 @@ var WeaveCommentsRendererPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/stage-keyboard-move/constants.ts
 const WEAVE_STAGE_KEYBOARD_MOVE_KEY = "stageKeyboardMove";
-const WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG = { movementDelta: 5 };
+const WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG = {
+	movementDelta: 1,
+	shiftMovementDelta: 10
+};
+const WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION = {
+	["UP"]: "up",
+	["DOWN"]: "down",
+	["LEFT"]: "left",
+	["RIGHT"]: "right"
+};
 
 //#endregion
 //#region src/plugins/stage-keyboard-move/stage-keyboard-move.ts
@@ -40534,25 +40509,31 @@ var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 	getName() {
 		return WEAVE_STAGE_KEYBOARD_MOVE_KEY;
 	}
-	handleNodesMovement(movementOrientation) {
+	handleNodesMovement(movementOrientation, { isShiftPressed }) {
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (nodesSelectionPlugin) {
 			const selectedNodes = nodesSelectionPlugin.getSelectedNodes();
+			const movementDelta = isShiftPressed ? this.config.shiftMovementDelta : this.config.movementDelta;
 			for (const node of selectedNodes) {
 				switch (movementOrientation) {
-					case "up":
-						node.y(node.y() - this.config.movementDelta);
+					case WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.UP:
+						node.y(node.y() - movementDelta);
 						break;
-					case "down":
-						node.y(node.y() + this.config.movementDelta);
+					case WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.DOWN:
+						node.y(node.y() + movementDelta);
 						break;
-					case "left":
-						node.x(node.x() - this.config.movementDelta);
+					case WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.LEFT:
+						node.x(node.x() - movementDelta);
 						break;
-					case "right":
-						node.x(node.x() + this.config.movementDelta);
+					case WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.RIGHT:
+						node.x(node.x() + movementDelta);
 						break;
 				}
+				this.instance.emitEvent("onNodeKeyboardMove", {
+					node,
+					orientation: movementOrientation,
+					delta: movementDelta
+				});
 				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
 				if (!nodeHandler) break;
 				this.instance.updateNode(nodeHandler.serialize(node));
@@ -40561,10 +40542,11 @@ var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 	}
 	onInit() {
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "ArrowUp" && e.shiftKey) this.handleNodesMovement("up");
-			if (e.code === "ArrowLeft" && e.shiftKey) this.handleNodesMovement("left");
-			if (e.code === "ArrowRight" && e.shiftKey) this.handleNodesMovement("right");
-			if (e.code === "ArrowDown" && e.shiftKey) this.handleNodesMovement("down");
+			const isShiftPressed = e.shiftKey || e.code === "Shift";
+			if (e.code === "ArrowUp") this.handleNodesMovement(WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.UP, { isShiftPressed });
+			if (e.code === "ArrowLeft") this.handleNodesMovement(WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.LEFT, { isShiftPressed });
+			if (e.code === "ArrowRight") this.handleNodesMovement(WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.RIGHT, { isShiftPressed });
+			if (e.code === "ArrowDown") this.handleNodesMovement(WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION.DOWN, { isShiftPressed });
 		}, { signal: this.instance.getEventsController()?.signal });
 	}
 	enable() {
@@ -40622,4 +40604,4 @@ function getJSONFromYjsBinary(actualState) {
 }
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_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, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_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_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, 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_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, 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_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, 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_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, 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_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getJSONFromYjsBinary, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, loadImageSource, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, weavejsToYjsBinary };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_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, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_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_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, 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_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, 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_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, 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_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getJSONFromYjsBinary, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, loadImageSource, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, weavejsToYjsBinary };