@inditextech/weave-sdk 3.7.1 → 3.8.0

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);
@@ -18678,7 +18681,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 +18780,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 +18797,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 +18807,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,16 +18822,16 @@ 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);
@@ -18869,6 +18871,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 = {
@@ -18880,7 +18884,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.saveDragSelectedNodes();
 			if (this.getDragSelectedNodes().length > 1) this.setNodesOpacityOnDrag();
 			selectedNodes = tr.nodes();
-			if (stage$1.isMouseWheelPressed()) {
+			if (isWheelMousePressed) {
 				e.cancelBubble = true;
 				e.target.stopDrag();
 				return;
@@ -18904,13 +18908,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;
@@ -19020,16 +19025,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 +19231,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 +19241,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 +19292,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 +19513,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();
@@ -20165,11 +20156,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() {
@@ -20476,6 +20462,8 @@ var WeaveNode = class {
 			node.off("dragstart");
 			node.on("dragstart", (e) => {
 				const nodeTarget = e.target;
+				let isWheelMousePressed = false;
+				if (e.evt.button === 1) isWheelMousePressed = true;
 				e.cancelBubble = true;
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
 				this.getSelectionPlugin()?.saveDragSelectedNodes();
@@ -20496,7 +20484,7 @@ var WeaveNode = class {
 					return;
 				}
 				this.instance.emitEvent("onDrag", nodeTarget);
-				if (stage.isMouseWheelPressed()) {
+				if (isWheelMousePressed) {
 					e.cancelBubble = true;
 					nodeTarget.stopDrag();
 				}
@@ -20513,6 +20501,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 +20530,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;
@@ -20667,11 +20657,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 +20689,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 +20737,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();
 	}
@@ -22022,7 +22013,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.7.1";
+var version = "3.8.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23468,7 +23459,6 @@ var Weave = class {
 		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 +23530,6 @@ var Weave = class {
 	getConfiguration() {
 		return this.config;
 	}
-	augmentKonvaStageClass() {
-		augmentKonvaStageClass();
-	}
 	augmentKonvaNodeClass(config) {
 		augmentKonvaNodeClass(config);
 	}
@@ -24315,8 +24302,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 +24310,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 +24346,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 +24360,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 +24373,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 +24380,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 +24392,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;
@@ -25097,35 +25072,26 @@ 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) {
 			const clonedText = actNode.clone();
 			clonedText.setAttr("triggerEditMode", void 0);
 			clonedText.setAttr("cancelEditMode", void 0);
-			this.instance.updateNode(this.serialize(clonedText));
+			if (this.createNode && actNode.getAttrs().text !== "") {
+				const actualContainer = actNode.getParent();
+				actNode.destroy();
+				const serializedNode = this.serialize(clonedText);
+				this.instance.addNode(serializedNode, actualContainer?.getAttrs().id);
+			} else if (this.createNode && actNode.getAttrs().text === "") actNode.destroy();
+			else this.instance.updateNode(this.serialize(clonedText));
+			this.createNode = false;
 			clonedText.destroy();
 		}
 	}
@@ -25147,7 +25113,6 @@ var WeaveTextNode = class extends WeaveNode {
 		}
 	}
 	onRender(props) {
-		this.initEvents();
 		const text = new Konva.Text({
 			...props,
 			name: "node",
@@ -25214,6 +25179,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 && [
@@ -25221,10 +25187,11 @@ 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");
+				text.scaleY(1);
 				text.height(void 0);
 			}
 			e.cancelBubble = true;
@@ -25250,7 +25217,7 @@ var WeaveTextNode = class extends WeaveNode {
 			text.setAttr("shouldUpdateOnTransform", false);
 			text.getLayer()?.batchDraw();
 		};
-		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, DEFAULT_THROTTLE_MS));
+		text.on("transform", handleTextTransform);
 		const handleTransformEnd = () => {
 			this.instance.emitEvent("onTransform", null);
 			let definedSmartWidth = false;
@@ -25279,6 +25246,7 @@ var WeaveTextNode = class extends WeaveNode {
 				definedSmartWidth = true;
 				text.width(Math.ceil(text.width() * text.scaleX()));
 				text.scaleX(1);
+				text.scaleY(1);
 				text.height(void 0);
 				text.getLayer()?.batchDraw();
 				text.height(Math.ceil(text.height()));
@@ -25293,7 +25261,7 @@ var WeaveTextNode = class extends WeaveNode {
 			handleTransformEnd();
 		});
 		this.instance.addEventListener("onNodeRenderedAdded", (node) => {
-			if (node.id() === text.id() && node.getParent() !== text.getParent()) text.getAttr("cancelEditMode")?.();
+			if (node.id() === text.id() && node.getParent() !== text.getParent() && this.editing) text.getAttr("cancelEditMode")?.();
 		});
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
@@ -25302,14 +25270,6 @@ var WeaveTextNode = class extends WeaveNode {
 		return text;
 	}
 	onUpdate(nodeInstance, nextProps) {
-		const actualFontFamily = nodeInstance.getAttrs().fontFamily;
-		const actualFontSize = nodeInstance.getAttrs().fontSize;
-		const actualFontStyle = nodeInstance.getAttrs().fontStyle;
-		const actualFontVariant = nodeInstance.getAttrs().fontVariant;
-		const actualTextDecoration = nodeInstance.getAttrs().textDecoration;
-		const actualLineHeight = nodeInstance.getAttrs().lineHeight;
-		let updateNeeded = false;
-		if (actualFontFamily !== nextProps.fontFamily || actualFontSize !== nextProps.fontSize || actualFontStyle !== nextProps.fontStyle || actualFontVariant !== nextProps.fontVariant || actualTextDecoration !== nextProps.textDecoration || actualLineHeight !== nextProps.lineHeight) updateNeeded = true;
 		nodeInstance.setAttrs({
 			...nextProps,
 			...!this.config.outline.enabled && { strokeEnabled: false },
@@ -25324,22 +25284,20 @@ var WeaveTextNode = class extends WeaveNode {
 		let height = nextProps.height;
 		if (nextProps.layout === TEXT_LAYOUT.AUTO_ALL) {
 			const { width: textAreaWidth, height: textAreaHeight } = this.textRenderedSize(nextProps.text, nodeInstance);
-			width = textAreaWidth;
-			height = textAreaHeight;
+			width = (textAreaWidth + 2) * nodeInstance.getAbsoluteScale().x;
+			height = (textAreaHeight + 2) * nodeInstance.getAbsoluteScale().x;
 		}
 		if (nextProps.layout === TEXT_LAYOUT.SMART && !nextProps.smartFixedWidth) {
 			const { width: textAreaWidth } = this.textRenderedSize(nextProps.text, nodeInstance);
-			width = textAreaWidth;
+			width = textAreaWidth / this.instance.getStage().scaleX();
 			height = void 0;
 		}
 		if (nextProps.layout === TEXT_LAYOUT.SMART && nextProps.smartFixedWidth) height = void 0;
 		if (nextProps.layout === TEXT_LAYOUT.AUTO_HEIGHT) height = void 0;
-		if (nextProps.layout === TEXT_LAYOUT.FIXED) updateNeeded = false;
 		nodeInstance.setAttrs({
 			width,
 			height
 		});
-		if (updateNeeded) this.instance.updateNode(this.serialize(nodeInstance));
 		if (this.editing) this.updateTextAreaDOM(nodeInstance);
 		if (!this.editing) {
 			const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -25387,14 +25345,17 @@ var WeaveTextNode = class extends WeaveNode {
 		if (!this.textArea || !this.textAreaContainer) return;
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
 			const { width: textAreaWidth } = this.textRenderedSize(this.textArea.value, textNode);
-			this.textAreaContainer.style.width = textAreaWidth * textNode.getAbsoluteScale().x + 1 + "px";
+			const width = (textAreaWidth + 2) * textNode.getAbsoluteScale().x / this.instance.getStage().scaleX();
+			this.textAreaContainer.style.width = width + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) {
 			this.textAreaContainer.style.height = "auto";
-			this.textAreaContainer.style.height = this.textArea.scrollHeight + textNode.getAbsoluteScale().y + "px";
+			const height$1 = this.textArea.scrollHeight + textNode.getAbsoluteScale().y;
+			this.textAreaContainer.style.height = height$1 + "px";
 		}
 		this.textArea.style.height = "auto";
-		this.textArea.style.height = this.textArea.scrollHeight + textNode.getAbsoluteScale().x + "px";
+		const height = this.textArea.scrollHeight + textNode.getAbsoluteScale().y;
+		this.textArea.style.height = height + "px";
 		this.textArea.rows = this.textArea.value.split("\n").length;
 	}
 	measureMultilineText(textNode) {
@@ -25416,8 +25377,8 @@ var WeaveTextNode = class extends WeaveNode {
 			height = height + textSize.height * (textNode.lineHeight() ?? 1);
 		}
 		return {
-			width: width * 1.01,
-			height
+			width: width * this.instance.getStage().scaleX() * 1.01,
+			height: height * this.instance.getStage().scaleX() * 1.01
 		};
 	}
 	mimicTextNode(textNode) {
@@ -25426,7 +25387,7 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.rows = textNode.text().split("\n").length;
 		this.textArea.style.letterSpacing = `${textNode.letterSpacing()}`;
 		this.textArea.style.opacity = `${textNode.getAttrs().opacity}`;
-		this.textArea.style.lineHeight = `${textNode.lineHeight()}`;
+		this.textArea.style.lineHeight = `${textNode.lineHeight()}em`;
 		this.textArea.style.fontFamily = textNode.fontFamily();
 		let fontWeight = "normal";
 		let fontStyle = "normal";
@@ -25439,6 +25400,10 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.textDecoration = textNode.textDecoration();
 		this.textArea.style.textAlign = textNode.align();
 		this.textArea.style.color = `${textNode.fill()}`;
+		if (this.config.outline.enabled) {
+			this.textArea.style.paintOrder = "stroke fill";
+			this.textArea.style.webkitTextStroke = `${this.config.outline.width * this.instance.getStage().scaleX()}px ${this.config.outline.color}`;
+		}
 	}
 	createTextAreaDOM(textNode, position) {
 		const stage = this.instance.getStage();
@@ -25477,19 +25442,19 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textAreaContainer.style.left = position.x * upscaleScale + "px";
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * stage.scaleX() + "px";
-			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2 + 1) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) {
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * stage.scaleX() + "px";
-			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2 + 1) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && textNode.getAttrs().smartFixedWidth) {
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 10) * stage.scaleX() + "px";
-			if (textNode.getAttrs().smartFixedWidth) this.textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2 + 1) * textNode.getAbsoluteScale().x + "px";
-			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2 + 1) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + 10) * textNode.getAbsoluteScale().x + "px";
+			if (textNode.getAttrs().smartFixedWidth) this.textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.FIXED) {
 			this.textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
@@ -25499,6 +25464,7 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.position = "absolute";
 		this.textArea.style.top = "0px";
 		this.textArea.style.left = "0px";
+		this.textArea.style.lineHeight = "1em";
 		this.textArea.style.overscrollBehavior = "contains";
 		this.textArea.style.scrollBehavior = "auto";
 		this.textArea.style.caretColor = "black";
@@ -25507,31 +25473,22 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.margin = "0px";
 		this.textArea.style.padding = "0px";
 		this.textArea.style.paddingTop = "0px";
-		this.textArea.style.boxSizing = "content-box";
+		this.textArea.style.boxSizing = "border-box";
 		this.textArea.style.overflow = "hidden";
 		this.textArea.style.background = "transparent";
 		this.textArea.style.border = "none";
 		this.textArea.style.outline = "none";
 		this.textArea.style.resize = "none";
 		this.textArea.style.overflow = "hidden";
+		if (this.config.outline.enabled) {
+			this.textArea.style.paintOrder = "stroke fill";
+			this.textArea.style.webkitTextStroke = `${this.config.outline.width * this.instance.getStage().scaleX()}px ${this.config.outline.color}`;
+		}
 		this.textArea.style.backgroundColor = "transparent";
 		this.textAreaContainer.style.transformOrigin = "left top";
 		this.mimicTextNode(textNode);
-		const loadedFonts = this.instance.getFonts();
-		const fontFamily = this.textArea.style.fontFamily;
-		const actualFont = loadedFonts.find((f) => f.name === fontFamily);
-		const correctionX = (actualFont === void 0 ? 0 : actualFont.offsetX ?? 0) * stage.scaleX();
-		const correctionY = (actualFont === void 0 ? 0 : actualFont.offsetY ?? 0) * stage.scaleX();
-		this.textArea.style.left = `${correctionX - 1}px`;
-		this.textArea.style.top = `${correctionY}px`;
-		const updateTextNode = () => {
-			if (!this.textArea) return;
-			updateTextNodeSize();
-			textNode.text(this.textArea.value);
-			textNode.visible(true);
-			this.instance.updateNode(this.serialize(textNode));
-		};
-		const throttledUpdateTextNode = (0, import_lodash.throttle)(updateTextNode, 300);
+		this.textArea.style.left = `-1px`;
+		this.textArea.style.top = `-1px`;
 		this.textArea.onfocus = () => {
 			this.textAreaDomResize(textNode);
 		};
@@ -25545,11 +25502,9 @@ var WeaveTextNode = class extends WeaveNode {
 		};
 		this.textArea.onpaste = () => {
 			this.textAreaDomResize(textNode);
-			throttledUpdateTextNode();
 		};
 		this.textArea.oninput = () => {
 			this.textAreaDomResize(textNode);
-			throttledUpdateTextNode();
 		};
 		this.textAreaSuperContainer.addEventListener("scroll", () => {
 			if (this.textAreaSuperContainer) {
@@ -25576,7 +25531,8 @@ var WeaveTextNode = class extends WeaveNode {
 			if (!this.textArea) return;
 			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
 				const { width: textAreaWidth } = this.textRenderedSize(this.textArea.value, textNode);
-				textNode.width(textAreaWidth);
+				const width = textAreaWidth / this.instance.getStage().scaleX();
+				textNode.width(width);
 			}
 			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) textNode.height(this.textArea.scrollHeight * (1 / textNode.getAbsoluteScale().x));
 		};
@@ -25697,7 +25653,8 @@ var WeaveTextNode = class extends WeaveNode {
 		stage.container().focus();
 		this.instance.emitEvent("onExitTextNodeEditMode", { node: textNode });
 	}
-	triggerEditMode(textNode) {
+	triggerEditMode(textNode, create = false) {
+		if (create) this.createNode = true;
 		const lockAcquired = this.instance.setMutexLock({
 			nodeIds: [textNode.id()],
 			operation: "text-edit"
@@ -26142,7 +26099,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();
 		}
@@ -26678,23 +26636,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();
 			});
 		}
@@ -26753,6 +26724,7 @@ var WeaveImageNode = class extends WeaveNode {
 			fill: "transparent",
 			strokeScaleEnabled: false,
 			strokeWidth: 2,
+			name: "cropMode",
 			stroke: "#1a1aff",
 			draggable: false,
 			listening: false,
@@ -26813,6 +26785,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);
@@ -27255,6 +27228,11 @@ var WeaveImageNode = class extends WeaveNode {
 		const nodeId = nodeInstance.getAttrs().id ?? "";
 		const isMoveContainer = nodeInstance.getAttr("onMoveContainer");
 		nodeInstance.setAttr("onMoveContainer", void 0);
+		const utilityLayer = this.instance.getUtilityLayer();
+		const nodes = utilityLayer?.find(".cropMode") ?? [];
+		nodes.forEach((n) => {
+			n.destroy();
+		});
 		if (this.imageTryoutIds[nodeId]) {
 			clearTimeout(this.imageTryoutIds[nodeId]);
 			delete this.imageTryoutIds[nodeId];
@@ -29859,16 +29837,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();
@@ -32138,7 +32116,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 +32426,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 +32507,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);
@@ -34282,6 +34251,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 			fontFamily: "Arial, sans-serif",
 			fill: "#000000",
 			align: "left",
+			lineHeight: 1,
 			verticalAlign: "top",
 			strokeEnabled: false
 		};
@@ -34335,7 +34305,8 @@ var WeaveTextToolAction = class extends WeaveAction {
 				y: this.clickPoint?.y ?? 0,
 				draggable: true
 			});
-			this.instance.addNode(node, this.container?.getAttrs().id);
+			const renderedNode = nodeHandler.onRender(node.props);
+			this.container.add(renderedNode);
 			this.instance.emitEvent("onAddedArrow");
 		}
 		this.setState(TEXT_TOOL_STATE.FINISHED);
@@ -34360,7 +34331,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		const node = stage.findOne(`#${this.textId}`);
-		if (node) node.getAttr("triggerEditMode")(node);
+		if (node) node.getAttr("triggerEditMode")(node, true);
 		this.initialCursor = null;
 		this.textId = null;
 		this.container = void 0;
@@ -38141,7 +38112,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;
@@ -38170,11 +38140,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();
@@ -38185,7 +38151,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();
@@ -38252,7 +38217,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);
@@ -38260,7 +38226,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);
@@ -40517,7 +40483,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
@@ -40532,25 +40507,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));
@@ -40559,10 +40540,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() {
@@ -40620,4 +40602,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, 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 };