@inditextech/weave-sdk 5.4.1 → 5.6.0

package/dist/sdk.node.js

@@ -5940,6 +5940,7 @@ const MOVE_TOOL_STATE = {
 };
 //#endregion
 //#region src/nodes/node.ts
+const nodeInstanceListeners = /* @__PURE__ */ new WeakMap();
 const augmentKonvaNodeClass = (config) => {
 	const { transform } = config ?? {};
 	Konva.Node.prototype.getTransformerProperties = function() {
@@ -5955,6 +5956,8 @@ const augmentKonvaNodeClass = (config) => {
 	Konva.Node.prototype.triggerCrop = function() {};
 	Konva.Node.prototype.closeCrop = function() {};
 	Konva.Node.prototype.resetCrop = function() {};
+	Konva.Node.prototype.flipHorizontal = function() {};
+	Konva.Node.prototype.flipVertical = function() {};
 	Konva.Node.prototype.dblClick = function() {};
 	Konva.Node.prototype.click = function() {};
 	Konva.Node.prototype.allowedAnchors = function() {
@@ -6040,6 +6043,8 @@ var WeaveNode = class {
 		};
 		node.updatePosition = function() {};
 		node.resetCrop = function() {};
+		node.flipHorizontal = function() {};
+		node.flipVertical = function() {};
 		node.handleMouseover = function() {};
 		node.handleMouseout = function() {};
 		node.handleSelectNode = function() {};
@@ -6210,7 +6215,7 @@ var WeaveNode = class {
 			node.draggable(false);
 		};
 		if (node.getAttrs().locked ?? false) {
-			this.instance.removeEventListener("onNodesChange", handleNodesChange);
+			this.removeNodeInstanceListeners(node, false);
 			node.off("transformstart");
 			node.off("transform");
 			node.off("transformend");
@@ -6220,7 +6225,7 @@ var WeaveNode = class {
 			node.off("pointerover");
 			node.off("pointerleave");
 		} else {
-			this.instance.addEventListener("onNodesChange", handleNodesChange);
+			this.setNodeInstanceListener(node, "onNodesChange", handleNodesChange);
 			node.off("transformstart");
 			node.on("transformstart", (e) => {
 				if (e.target.getAttrs().strokeScaleEnabled !== false) {
@@ -6279,7 +6284,7 @@ var WeaveNode = class {
 			});
 			const stage = this.instance.getStage();
 			let originalPosition = null;
-			this.instance.addEventListener("onSelectionState", (state) => {
+			this.setNodeInstanceListener(node, "onSelectionState", (state) => {
 				const selectedNodes = this.getSelectionPlugin()?.getSelectedNodes() ?? [];
 				if (!state && selectedNodes?.some((n) => n.getAttrs().id === node.getAttrs().id)) originalPosition = node.getAbsolutePosition();
 			});
@@ -6595,8 +6600,39 @@ var WeaveNode = class {
 	async onRegister() {}
 	onAdd(nodeInstance) {}
 	onDestroy(nodeInstance) {
+		this.removeNodeInstanceListeners(nodeInstance);
 		nodeInstance.destroy();
 	}
+	/**
+	* Registers a Weave instance listener on behalf of a node. Only one listener
+	* is kept per node and event: registering the same event again for the same
+	* node replaces the previous listener, including the ones registered by
+	* setupDefaultNodeEvents (onNodesChange, onSelectionState).
+	*/
+	setNodeInstanceListener(node, event, callback) {
+		let listeners = nodeInstanceListeners.get(node);
+		if (!listeners) {
+			listeners = /* @__PURE__ */ new Map();
+			nodeInstanceListeners.set(node, listeners);
+		}
+		const previous = listeners.get(event);
+		if (previous) this.instance.removeEventListener(event, previous);
+		listeners.set(event, callback);
+		this.instance.addEventListener(event, callback);
+	}
+	/**
+	* Removes the listeners registered with setNodeInstanceListener for the node
+	* and, unless disabled, for its descendants.
+	*/
+	removeNodeInstanceListeners(node, includeDescendants = true) {
+		const nodes = includeDescendants && node instanceof Konva.Container ? [node, ...node.find(() => true)] : [node];
+		for (const actNode of nodes) {
+			const listeners = nodeInstanceListeners.get(actNode);
+			if (!listeners) continue;
+			for (const [event, callback] of listeners) this.instance.removeEventListener(event, callback);
+			nodeInstanceListeners.delete(actNode);
+		}
+	}
 	onDestroyInstance() {}
 	serialize(instance) {
 		const attrs = instance.getAttrs();
@@ -9469,7 +9505,7 @@ var WeaveRegisterManager = class {
 };
 //#endregion
 //#region package.json
-var version = "5.4.1";
+var version = "5.6.0";
 //#endregion
 //#region src/managers/setup.ts
 var WeaveSetupManager = class {
@@ -11190,6 +11226,9 @@ var Weave = class {
 	getBoundingBox(nodes, config) {
 		return getBoundingBox(nodes, config);
 	}
+	flipImage(node, options) {
+		this.getNodeHandler("image")?.flipImage(node, options);
+	}
 	stateTransactional(callback, origin) {
 		this.stateManager.stateTransactional(callback, origin);
 	}
@@ -14447,24 +14486,64 @@ var WeaveImageCrop = class WeaveImageCrop {
 		this.onClose = () => {};
 		this.handleHide = this.hide.bind(this);
 	}
-	setupCropImage(imageAttrs, visible) {
-		this.cropGroup.destroyChildren();
+	/**
+	* Mirrors the start of a segment inside a container along one axis:
+	* the segment [start, start + length] inside [0, size] becomes
+	* [size - start - length, size - start]. Used to convert between visual
+	* space (what the user sees on a flipped image) and source space (where
+	* the crop information is stored). It is its own inverse.
+	*/
+	static mirrorOffset(start, length, size) {
+		return size - start - length;
+	}
+	/**
+	* Returns the offset (in uncropped display units) of the visible crop
+	* window inside the visually rendered uncropped image, along with the real
+	* scale. When the image is flipped the stored crop (source space) is
+	* mirrored to match what the user sees.
+	*/
+	getVisualCropOffset(imageAttrs) {
 		const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 		const realScale = actualScale / (imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale);
+		let x = 0;
+		let y = 0;
+		if (imageAttrs.cropInfo) {
+			x = imageAttrs.cropInfo.x * realScale;
+			y = imageAttrs.cropInfo.y * realScale;
+			if (imageAttrs.flipX === true) x = WeaveImageCrop.mirrorOffset(x, imageAttrs.cropInfo.width * realScale, imageAttrs.uncroppedImage.width);
+			if (imageAttrs.flipY === true) y = WeaveImageCrop.mirrorOffset(y, imageAttrs.cropInfo.height * realScale, imageAttrs.uncroppedImage.height);
+		}
+		return {
+			x,
+			y,
+			realScale
+		};
+	}
+	setupCropImage(imageAttrs, visible) {
+		this.cropGroup.destroyChildren();
+		const { x, y, realScale } = this.getVisualCropOffset(imageAttrs);
+		const flipX = imageAttrs.flipX === true;
+		const flipY = imageAttrs.flipY === true;
 		this.cropImage = new Konva.Image({
-			x: imageAttrs.cropInfo ? -imageAttrs.cropInfo.x * realScale : 0,
-			y: imageAttrs.cropInfo ? -imageAttrs.cropInfo.y * realScale : 0,
+			x: -x,
+			y: -y,
 			width: imageAttrs.uncroppedImage.width,
 			height: imageAttrs.uncroppedImage.height,
-			scaleX: 1,
-			scaleY: 1,
+			scaleX: flipX ? -1 : 1,
+			scaleY: flipY ? -1 : 1,
+			offsetX: flipX ? imageAttrs.uncroppedImage.width : 0,
+			offsetY: flipY ? imageAttrs.uncroppedImage.height : 0,
 			image: this.internalImage.image(),
 			crop: void 0,
 			visible,
 			listening: false,
 			draggable: false
 		});
-		return { realScale };
+		return {
+			realScale,
+			offsetX: x,
+			offsetY: y
+		};
 	}
 	show(onClose, options) {
 		this.onClose = onClose;
@@ -14475,9 +14554,9 @@ var WeaveImageCrop = class WeaveImageCrop {
 		this.image.listening(false);
 		const imageAttrs = this.image.getAttrs();
 		this.internalImage.hide();
-		const { realScale } = this.setupCropImage(imageAttrs, true);
-		this.imageOffsetX = imageAttrs.cropInfo ? imageAttrs.cropInfo.x * realScale : 0;
-		this.imageOffsetY = imageAttrs.cropInfo ? imageAttrs.cropInfo.y * realScale : 0;
+		const { realScale, offsetX, offsetY } = this.setupCropImage(imageAttrs, true);
+		this.imageOffsetX = offsetX;
+		this.imageOffsetY = offsetY;
 		const cropModeConfiguration = this.node.getConfiguration().cropMode;
 		this.cropRect = new Konva.Rect({
 			x: 0,
@@ -14525,7 +14604,10 @@ var WeaveImageCrop = class WeaveImageCrop {
 				const center = this.cropImage.getAbsolutePosition();
 				const width = this.cropImage.width() * stage.scaleX();
 				const height = this.cropImage.height() * stage.scaleY();
-				const offset = this.cropImage.offset();
+				const offset = {
+					x: this.cropImage.scaleX() < 0 ? 0 : this.cropImage.offsetX(),
+					y: this.cropImage.scaleY() < 0 ? 0 : this.cropImage.offsetY()
+				};
 				const corners = [
 					{
 						x: -offset.x,
@@ -14869,11 +14951,15 @@ var WeaveImageCrop = class WeaveImageCrop {
 		if (!intersectionRect) return;
 		const imageAttrs = this.image.getAttrs();
 		const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
+		let sourceX = clipRectGroup.x + this.imageOffsetX;
+		let sourceY = clipRectGroup.y + this.imageOffsetY;
+		if (imageAttrs.flipX === true) sourceX = WeaveImageCrop.mirrorOffset(sourceX, clipRectGroup.width, imageAttrs.uncroppedImage.width);
+		if (imageAttrs.flipY === true) sourceY = WeaveImageCrop.mirrorOffset(sourceY, clipRectGroup.height, imageAttrs.uncroppedImage.height);
 		const realClipRect = {
 			scaleX: actualScale,
 			scaleY: actualScale,
-			x: WeaveImageCrop.roundTo6Decimals(clipRectGroup.x + this.imageOffsetX),
-			y: WeaveImageCrop.roundTo6Decimals(clipRectGroup.y + this.imageOffsetY),
+			x: WeaveImageCrop.roundTo6Decimals(sourceX),
+			y: WeaveImageCrop.roundTo6Decimals(sourceY),
 			width: WeaveImageCrop.roundTo6Decimals(clipRectGroup.width),
 			height: WeaveImageCrop.roundTo6Decimals(clipRectGroup.height)
 		};
@@ -14915,16 +15001,18 @@ var WeaveImageCrop = class WeaveImageCrop {
 		if (!intersectionRect || !intersectionRectAbs) return;
 		const imageAttrs = this.image.getAttrs();
 		const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
-		const realScale = actualScale / (imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale);
-		const imageOffsetX = imageAttrs.cropInfo ? imageAttrs.cropInfo.x * realScale : 0;
-		const imageOffsetY = imageAttrs.cropInfo ? imageAttrs.cropInfo.y * realScale : 0;
+		const { x: imageOffsetX, y: imageOffsetY } = this.getVisualCropOffset(imageAttrs);
 		const diffX = intersectionRect.x - imageRect.x;
 		const diffY = intersectionRect.y - imageRect.y;
+		let sourceX = diffX + imageOffsetX;
+		let sourceY = diffY + imageOffsetY;
+		if (imageAttrs.flipX === true) sourceX = WeaveImageCrop.mirrorOffset(sourceX, intersectionRect.width, imageAttrs.uncroppedImage.width);
+		if (imageAttrs.flipY === true) sourceY = WeaveImageCrop.mirrorOffset(sourceY, intersectionRect.height, imageAttrs.uncroppedImage.height);
 		const realClipRect = {
 			scaleX: actualScale,
 			scaleY: actualScale,
-			x: WeaveImageCrop.roundTo6Decimals(diffX + imageOffsetX),
-			y: WeaveImageCrop.roundTo6Decimals(diffY + imageOffsetY),
+			x: WeaveImageCrop.roundTo6Decimals(sourceX),
+			y: WeaveImageCrop.roundTo6Decimals(sourceY),
 			width: WeaveImageCrop.roundTo6Decimals(intersectionRect.width),
 			height: WeaveImageCrop.roundTo6Decimals(intersectionRect.height)
 		};
@@ -15230,6 +15318,27 @@ var WeaveImageNode = class extends WeaveNode {
 		if (!internalImage || !cropGroup) return;
 		new WeaveImageCrop(this.instance, this, imageNode, internalImage, cropGroup).unCrop();
 	};
+	flipImage = (imageNode, options) => {
+		if (imageNode.getAttrs().cropping) return;
+		const prop = options.axis === "horizontal" ? "flipX" : "flipY";
+		this.instance.stateTransactional(() => {
+			imageNode.setAttrs({ [prop]: !(imageNode.getAttrs()[prop] ?? false) });
+			this.applyFlip(imageNode);
+			this.cacheNode(imageNode);
+			this.instance.updateNode(this.serialize(imageNode));
+		});
+	};
+	applyFlip(image) {
+		const attrs = image.getAttrs();
+		const internalImage = image.findOne(`#${attrs.id}-image`);
+		if (!internalImage) return;
+		const flipX = attrs.flipX === true;
+		const flipY = attrs.flipY === true;
+		internalImage.scaleX(flipX ? -1 : 1);
+		internalImage.scaleY(flipY ? -1 : 1);
+		internalImage.offsetX(flipX ? internalImage.width() : 0);
+		internalImage.offsetY(flipY ? internalImage.height() : 0);
+	}
 	loadAsyncElement(nodeId) {
 		this.instance.loadAsyncElement(nodeId, WEAVE_IMAGE_NODE_TYPE);
 	}
@@ -15277,6 +15386,12 @@ var WeaveImageNode = class extends WeaveNode {
 				new WeaveImageCrop(this.instance, this, image, internalImage, cropGroup).unCrop();
 			};
 		}
+		image.flipHorizontal = () => {
+			this.flipImage(image, { axis: "horizontal" });
+		};
+		image.flipVertical = () => {
+			this.flipImage(image, { axis: "vertical" });
+		};
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
 		image.getTransformerProperties = function() {
 			return defaultTransformerProperties;
@@ -15892,6 +16007,10 @@ var WeaveImageNode = class extends WeaveNode {
 		if (!this.imageState[imageAttrs.id ?? ""]?.loaded) return;
 	}
 	updateImageCrop(image) {
+		this.updateImageCropGeometry(image);
+		this.applyFlip(image);
+	}
+	updateImageCropGeometry(image) {
 		const imageAttrs = image.getAttrs();
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
 		if (!this.imageState[imageAttrs.id ?? ""]?.loaded) return;
@@ -15969,8 +16088,12 @@ var WeaveImageNode = class extends WeaveNode {
 			});
 		}
 		if (internalImage) {
-			internalImage.width(Math.max(5, internalImage.width() * internalImage.scaleX()));
-			internalImage.height(Math.max(5, internalImage.height() * internalImage.scaleY()));
+			internalImage.offset({
+				x: 0,
+				y: 0
+			});
+			internalImage.width(Math.max(5, internalImage.width() * Math.abs(internalImage.scaleX())));
+			internalImage.height(Math.max(5, internalImage.height() * Math.abs(internalImage.scaleY())));
 			internalImage.scale({
 				x: 1,
 				y: 1
@@ -16025,7 +16148,7 @@ var WeaveImageNode = class extends WeaveNode {
 			clearTimeout(this.imageTryoutIds[nodeId]);
 			delete this.imageTryoutIds[nodeId];
 		}
-		nodeInstance.destroy();
+		super.onDestroy(nodeInstance);
 	}
 	loadImageTryout(imageId) {
 		this.imageTryoutIds[imageId] = setTimeout(() => {
@@ -16112,7 +16235,9 @@ var WeaveImageNode = class extends WeaveNode {
 				width: props.uncroppedImage.width,
 				height: props.uncroppedImage.height
 			},
-			cropping: props.cropping
+			cropping: props.cropping,
+			...props.flipX !== void 0 && { flipX: props.flipX },
+			...props.flipY !== void 0 && { flipY: props.flipY }
 		} });
 	}
 	static updateNodeState(prevNodeState, nextProps) {
@@ -16135,7 +16260,9 @@ var WeaveImageNode = class extends WeaveNode {
 				width: nextProps.uncroppedImage?.width,
 				height: nextProps.uncroppedImage?.height
 			} },
-			cropping: nextProps.cropping
+			cropping: nextProps.cropping,
+			...nextProps.flipX !== void 0 && { flipX: nextProps.flipX },
+			...nextProps.flipY !== void 0 && { flipY: nextProps.flipY }
 		} });
 	}
 	static getSchema() {
@@ -16159,7 +16286,9 @@ var WeaveImageNode = class extends WeaveNode {
 					width: z.number().describe("The width of the image before cropping, used for cropping calculations"),
 					height: z.number().describe("The height of the image before cropping, used for cropping calculations")
 				}),
-				cropping: z.boolean().default(false).describe("Whether the image is currently being cropped")
+				cropping: z.boolean().default(false).describe("Whether the image is currently being cropped"),
+				flipX: z.boolean().optional().describe("Whether the image is flipped horizontally"),
+				flipY: z.boolean().optional().describe("Whether the image is flipped vertically")
 			})
 		});
 	}
@@ -19588,7 +19717,7 @@ var WeaveCommentNode = class extends WeaveNode {
 		this.normalizeNodeSize(commentNode);
 	}
 	onDestroy(nodeInstance) {
-		nodeInstance.destroy();
+		super.onDestroy(nodeInstance);
 	}
 	expandNode(commentNode) {
 		const widthExpanded = this.config.style.expanded.width;
@@ -23242,6 +23371,70 @@ const RECTANGLE_TOOL_STATE = {
 	["ADDED"]: "added"
 };
 //#endregion
+//#region src/actions/shared/shape-geometry.ts
+/** Returns the normalized bounds described by a drag, including its modifiers. */
+function getShapeDragBounds(anchor, pointer, options = {}) {
+	const { centered = false, constrained = false, aspectRatio = 1 } = options;
+	const deltaX = Math.abs(pointer.x - anchor.x);
+	const deltaY = Math.abs(pointer.y - anchor.y);
+	let width = deltaX;
+	let height = deltaY;
+	if (constrained && aspectRatio > 0) {
+		if (width / (height || Number.EPSILON) > aspectRatio) height = width / aspectRatio;
+		else width = height * aspectRatio;
+	}
+	if (constrained && aspectRatio > 0 && width > 0 && height > 0) {
+		const minimumSizeScale = Math.max(1, 1 / width, 1 / height);
+		width *= minimumSizeScale;
+		height *= minimumSizeScale;
+	} else {
+		width = Math.max(1, width);
+		height = Math.max(1, height);
+	}
+	if (centered) {
+		width *= 2;
+		height *= 2;
+		return {
+			x: anchor.x - width / 2,
+			y: anchor.y - height / 2,
+			width,
+			height
+		};
+	}
+	const signedWidth = Math.sign(pointer.x - anchor.x || 1) * width;
+	const signedHeight = Math.sign(pointer.y - anchor.y || 1) * height;
+	return {
+		x: Math.min(anchor.x, anchor.x + signedWidth),
+		y: Math.min(anchor.y, anchor.y + signedHeight),
+		width,
+		height
+	};
+}
+//#endregion
+//#region src/actions/shared/shape-keyboard.ts
+/** Binds the common keyboard behavior for tools that create shapes by dragging. */
+function bindShapeDragKeyboardHandlers(signal, isActionActive, isDragInProgress, canUpdateModifiers, onCancel, onModifiersChange) {
+	const handleModifierKey = (event) => {
+		if (event.key !== "Shift" && event.key !== "Alt") return;
+		const actionActive = isActionActive();
+		const dragInProgress = isDragInProgress();
+		if (event.type === "keydown" && event.key === "Alt" && actionActive && dragInProgress) event.preventDefault();
+		if (!actionActive || !canUpdateModifiers()) return;
+		onModifiersChange({
+			shiftKey: event.shiftKey,
+			altKey: event.altKey
+		});
+	};
+	window.addEventListener("keydown", (event) => {
+		if (isActionActive() && (event.code === "Enter" || event.code === "Escape")) {
+			onCancel();
+			return;
+		}
+		handleModifierKey(event);
+	}, { signal });
+	window.addEventListener("keyup", handleModifierKey, { signal });
+}
+//#endregion
 //#region src/actions/rectangle-tool/rectangle-tool.ts
 var WeaveRectangleToolAction = class extends WeaveAction {
 	initialized = false;
@@ -23287,16 +23480,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
-		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === "rectangleTool") {
-				this.cancelAction();
-				return;
-			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === "rectangleTool") {
-				this.cancelAction();
-				return;
-			}
-		}, { signal: this.instance.getEventsController().signal });
+		bindShapeDragKeyboardHandlers(this.instance.getEventsController().signal, () => this.instance.getActiveAction() === RECTANGLE_TOOL_ACTION_NAME, () => this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE, () => this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE && this.moved, () => this.cancelAction(), (modifiers) => this.handleMovement(modifiers));
 		stage.on("pointermove", () => {
 			if (this.state === RECTANGLE_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -23322,12 +23506,12 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				this.state = RECTANGLE_TOOL_STATE.ADDING;
 				return;
 			}
-			if (this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
+			if (this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE) this.handleMovement(e.evt);
 		});
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
 			if (this.isTap(e)) this.moved = false;
-			if (this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
+			if (this.state === RECTANGLE_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize(e.evt);
 		});
 		this.initialized = true;
 	}
@@ -23361,7 +23545,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		}
 		this.setState(RECTANGLE_TOOL_STATE.DEFINING_SIZE);
 	}
-	handleSettingSize() {
+	handleSettingSize(modifiers = {}) {
 		if (this.rectId && this.tempRectNode && this.clickPoint && this.container) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const rectPos = {
@@ -23371,10 +23555,14 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 			let rectWidth = this.props.width;
 			let rectHeight = this.props.height;
 			if (this.moved) {
-				rectPos.x = Math.min(this.clickPoint.x, mousePoint.x);
-				rectPos.y = Math.min(this.clickPoint.y, mousePoint.y);
-				rectWidth = Math.abs(this.clickPoint.x - mousePoint.x);
-				rectHeight = Math.abs(this.clickPoint.y - mousePoint.y);
+				const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+					centered: modifiers.altKey,
+					constrained: modifiers.shiftKey
+				});
+				rectPos.x = bounds.x;
+				rectPos.y = bounds.y;
+				rectWidth = bounds.width;
+				rectHeight = bounds.height;
 			}
 			this.tempRectNode.setAttrs({
 				...this.props,
@@ -23406,16 +23594,20 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 		}
 		this.cancelAction();
 	}
-	handleMovement() {
+	handleMovement(modifiers = {}) {
 		if (this.state !== RECTANGLE_TOOL_STATE.DEFINING_SIZE) return;
 		if (this.rectId && this.tempRectNode && this.measureContainer && this.clickPoint) {
 			this.moved = true;
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.measureContainer);
-			const deltaX = mousePoint.x - this.clickPoint?.x;
-			const deltaY = mousePoint.y - this.clickPoint?.y;
+			const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+				centered: modifiers.altKey,
+				constrained: modifiers.shiftKey
+			});
 			this.tempRectNode.setAttrs({
-				width: deltaX,
-				height: deltaY
+				x: bounds.x,
+				y: bounds.y,
+				width: bounds.width,
+				height: bounds.height
 			});
 		}
 	}
@@ -23514,16 +23706,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
-		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === "ellipseTool") {
-				this.cancelAction();
-				return;
-			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === "ellipseTool") {
-				this.cancelAction();
-				return;
-			}
-		}, { signal: this.instance.getEventsController().signal });
+		bindShapeDragKeyboardHandlers(this.instance.getEventsController().signal, () => this.instance.getActiveAction() === ELLIPSE_TOOL_ACTION_NAME, () => this.state === ELLIPSE_TOOL_STATE.DEFINING_SIZE, () => this.state === ELLIPSE_TOOL_STATE.DEFINING_SIZE && this.moved, () => this.cancelAction(), (modifiers) => this.handleMovement(modifiers));
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -23550,7 +23733,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 			}
 			if (this.state === ELLIPSE_TOOL_STATE.DEFINING_SIZE) {
 				this.moved = true;
-				this.handleMovement();
+				this.handleMovement(e.evt);
 			}
 		});
 		stage.on("pointerup", (e) => {
@@ -23558,7 +23741,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 			if (this.isTap(e)) this.moved = false;
 			if (this.state === ELLIPSE_TOOL_STATE.DEFINING_SIZE) {
 				this.creating = false;
-				this.handleSettingSize();
+				this.handleSettingSize(e.evt);
 			}
 		});
 		this.initialized = true;
@@ -23582,8 +23765,8 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.ellipseId, {
 				...this.props,
-				x: this.clickPoint?.x ?? 0 + this.props.radiusX,
-				y: this.clickPoint?.y ?? 0 + this.props.radiusY,
+				x: this.clickPoint?.x ?? 0,
+				y: this.clickPoint?.y ?? 0,
 				radiusX: 1,
 				radiusY: 1
 			});
@@ -23591,22 +23774,28 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		}
 		this.setState(ELLIPSE_TOOL_STATE.DEFINING_SIZE);
 	}
-	handleSettingSize() {
+	handleSettingSize(modifiers = {}) {
 		const ellipse = this.instance.getStage().findOne(`#${this.ellipseId}`);
 		if (this.ellipseId && this.clickPoint && this.container && ellipse) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const nodeHandler = this.instance.getNodeHandler("ellipse");
-			const ellipsePos = {
+			let ellipsePos = {
 				x: this.clickPoint.x,
 				y: this.clickPoint.y
 			};
-			let ellipseRadiusX = this.props.radiusY;
+			let ellipseRadiusX = this.props.radiusX;
 			let ellipseRadiusY = this.props.radiusY;
 			if (this.moved) {
-				ellipsePos.x = Math.min(this.clickPoint.x, mousePoint.x);
-				ellipsePos.y = Math.min(this.clickPoint.y, mousePoint.y);
-				ellipseRadiusX = Math.abs(this.clickPoint.x - mousePoint.x);
-				ellipseRadiusY = Math.abs(this.clickPoint.y - mousePoint.y);
+				const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+					centered: modifiers.altKey,
+					constrained: modifiers.shiftKey
+				});
+				ellipsePos = {
+					x: bounds.x,
+					y: bounds.y
+				};
+				ellipseRadiusX = bounds.width;
+				ellipseRadiusY = bounds.height;
 			}
 			ellipse.setAttrs({
 				...this.props,
@@ -23620,27 +23809,23 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		}
 		this.cancelAction();
 	}
-	handleMovement() {
+	handleMovement(modifiers = {}) {
 		if (this.state !== ELLIPSE_TOOL_STATE.DEFINING_SIZE) return;
 		const ellipse = this.instance.getStage().findOne(`#${this.ellipseId}`);
 		if (this.ellipseId && this.container && this.clickPoint && ellipse) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
-			const deltaX = Math.abs(mousePoint.x - this.clickPoint?.x);
-			const deltaY = Math.abs(mousePoint.y - this.clickPoint?.y);
-			const ellipsePos = {
-				x: this.clickPoint.x,
-				y: this.clickPoint.y
-			};
-			if (this.moved) {
-				ellipsePos.x = Math.min(this.clickPoint.x, mousePoint.x);
-				ellipsePos.y = Math.min(this.clickPoint.y, mousePoint.y);
-			}
+			const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+				centered: modifiers.altKey,
+				constrained: modifiers.shiftKey
+			});
 			const nodeHandler = this.instance.getNodeHandler("ellipse");
 			if (nodeHandler) nodeHandler.onUpdate(ellipse, {
 				...this.props,
 				id: this.ellipseId,
-				radiusX: deltaX / 2,
-				radiusY: deltaY / 2
+				x: bounds.x,
+				y: bounds.y,
+				radiusX: bounds.width / 2,
+				radiusY: bounds.height / 2
 			});
 		}
 	}
@@ -26611,16 +26796,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
-		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === "regularPolygonTool") {
-				this.cancelAction();
-				return;
-			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === "regularPolygonTool") {
-				this.cancelAction();
-				return;
-			}
-		}, { signal: this.instance.getEventsController().signal });
+		bindShapeDragKeyboardHandlers(this.instance.getEventsController().signal, () => this.instance.getActiveAction() === REGULAR_POLYGON_TOOL_ACTION_NAME, () => this.state === REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE, () => this.state === REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE && this.moved, () => this.cancelAction(), (modifiers) => this.handleMovement(modifiers));
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -26647,7 +26823,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 			}
 			if (this.state === REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE) {
 				this.moved = true;
-				this.handleMovement();
+				this.handleMovement(e.evt);
 			}
 		});
 		stage.on("pointerup", (e) => {
@@ -26655,7 +26831,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 			if (this.isTap(e)) this.moved = false;
 			if (this.state === REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE) {
 				this.creating = false;
-				this.handleSettingSize();
+				this.handleSettingSize(e.evt);
 			}
 		});
 		this.initialized = true;
@@ -26687,20 +26863,26 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		}
 		this.setState(REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE);
 	}
-	handleSettingSize() {
+	handleSettingSize(modifiers = {}) {
 		const regularPolygon = this.instance.getStage().findOne(`#${this.regularPolygonId}`);
 		if (this.regularPolygonId && this.clickPoint && this.container && regularPolygon) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
 			const nodeHandler = this.instance.getNodeHandler("regular-polygon");
-			const starPos = {
+			let starPos = {
 				x: this.clickPoint.x,
 				y: this.clickPoint.y
 			};
 			let newRadius = this.props.radius;
 			if (this.moved) {
-				starPos.x = Math.min(this.clickPoint.x, mousePoint.x);
-				starPos.y = Math.min(this.clickPoint.y, mousePoint.y);
-				newRadius = Math.abs(this.clickPoint.x - mousePoint.x);
+				const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+					centered: modifiers.altKey,
+					constrained: true
+				});
+				starPos = {
+					x: bounds.x,
+					y: bounds.y
+				};
+				newRadius = bounds.width;
 			}
 			regularPolygon.setAttrs({
 				...this.props,
@@ -26713,25 +26895,22 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		}
 		this.cancelAction();
 	}
-	handleMovement() {
+	handleMovement(modifiers = {}) {
 		if (this.state !== REGULAR_POLYGON_TOOL_STATE.DEFINING_SIZE) return;
 		const regularPolygon = this.instance.getStage().findOne(`#${this.regularPolygonId}`);
 		if (this.regularPolygonId && this.container && this.clickPoint && regularPolygon) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
-			const deltaX = Math.abs(mousePoint.x - this.clickPoint?.x);
-			const starPos = {
-				x: this.clickPoint.x,
-				y: this.clickPoint.y
-			};
-			if (this.moved) {
-				starPos.x = Math.min(this.clickPoint.x, mousePoint.x);
-				starPos.y = Math.min(this.clickPoint.y, mousePoint.y);
-			}
+			const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+				centered: modifiers.altKey,
+				constrained: true
+			});
 			const nodeHandler = this.instance.getNodeHandler("regular-polygon");
 			if (nodeHandler) nodeHandler.onUpdate(regularPolygon, {
 				...this.props,
 				id: this.regularPolygonId,
-				radius: deltaX / 2
+				x: bounds.x,
+				y: bounds.y,
+				radius: bounds.width / 2
 			});
 		}
 	}
@@ -26780,14 +26959,22 @@ const POLYGON_TOOL_ACTION_NAME = "polygonTool";
 const POLYGON_TOOL_STATE = {
 	["IDLE"]: "idle",
 	["ADDING"]: "adding",
+	["DEFINING_SIZE"]: "defining-size",
 	["ADDED"]: "added"
 };
 //#endregion
 //#region src/actions/polygon-tool/polygon-tool.ts
+const MIN_POLYGON_DRAG_DISTANCE = 3;
 var WeavePolygonToolAction = class extends WeaveAction {
 	initialized = false;
 	state;
 	polygonId;
+	pointers;
+	clickPoint;
+	container;
+	moved;
+	placementCommitted;
+	polygonNode;
 	cancelAction;
 	preset;
 	onPropsChange = void 0;
@@ -26801,6 +26988,12 @@ var WeavePolygonToolAction = class extends WeaveAction {
 		this.initialized = false;
 		this.state = POLYGON_TOOL_STATE.IDLE;
 		this.polygonId = null;
+		this.pointers = /* @__PURE__ */ new Map();
+		this.clickPoint = null;
+		this.container = void 0;
+		this.moved = false;
+		this.placementCommitted = false;
+		this.polygonNode = null;
 		this.props = this.initProps();
 	}
 	getName() {
@@ -26825,18 +27018,41 @@ var WeavePolygonToolAction = class extends WeaveAction {
 	}
 	setupEvents() {
 		const stage = this.instance.getStage();
-		window.addEventListener("keydown", (e) => {
-			if ((e.code === "Enter" || e.code === "Escape") && this.instance.getActiveAction() === "polygonTool") this.cancelAction();
-		}, { signal: this.instance.getEventsController().signal });
+		bindShapeDragKeyboardHandlers(this.instance.getEventsController().signal, () => this.instance.getActiveAction() === POLYGON_TOOL_ACTION_NAME, () => this.state === POLYGON_TOOL_STATE.DEFINING_SIZE, () => this.state === POLYGON_TOOL_STATE.DEFINING_SIZE && this.moved, () => this.cancelAction(), (modifiers) => this.handleMovement(modifiers));
 		stage.on("pointermove", () => {
 			if (this.state === POLYGON_TOOL_STATE.IDLE) return;
 			this.setCursor();
 		});
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
+			this.pointers.set(e.evt.pointerId, {
+				x: e.evt.clientX,
+				y: e.evt.clientY
+			});
 			if (this.state !== POLYGON_TOOL_STATE.ADDING) return;
 			this.handleAdding();
 		});
+		stage.on("pointermove", (e) => {
+			if (this.state === POLYGON_TOOL_STATE.IDLE) return;
+			this.setCursor();
+			if (!this.isPressed(e) || !this.pointers.has(e.evt.pointerId)) return;
+			if (this.state === POLYGON_TOOL_STATE.DEFINING_SIZE) {
+				const pointerStart = this.pointers.get(e.evt.pointerId);
+				if (!pointerStart || Math.hypot(e.evt.clientX - pointerStart.x, e.evt.clientY - pointerStart.y) < MIN_POLYGON_DRAG_DISTANCE) return;
+				this.moved = true;
+				this.handleMovement(e.evt);
+			}
+		});
+		stage.on("pointerup", (e) => {
+			this.pointers.delete(e.evt.pointerId);
+			if (this.isTap(e)) this.moved = false;
+			if (this.state === POLYGON_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize(e.evt);
+		});
+		stage.on("pointercancel", (e) => {
+			if (!this.pointers.has(e.evt.pointerId)) return;
+			this.pointers.delete(e.evt.pointerId);
+			if (this.state === POLYGON_TOOL_STATE.DEFINING_SIZE) this.cancelAction();
+		});
 		this.initialized = true;
 	}
 	setState(state) {
@@ -26850,7 +27066,10 @@ var WeavePolygonToolAction = class extends WeaveAction {
 	}
 	handleAdding() {
 		const { mousePoint, container } = this.instance.getMousePointer();
+		this.clickPoint = mousePoint;
+		this.container = container;
 		this.polygonId = v4();
+		this.polygonNode = null;
 		const presetDef = WEAVE_POLYGON_PRESETS[this.preset];
 		const scaleFactor = this.props.scaleFactor ?? 1;
 		const { points, innerRect, width, height } = instantiatePreset(presetDef, presetDef.defaultWidth * scaleFactor, presetDef.defaultHeight * scaleFactor);
@@ -26866,15 +27085,49 @@ var WeavePolygonToolAction = class extends WeaveAction {
 				points,
 				innerRect
 			});
+			this.polygonNode = node;
 			this.instance.addNode(node, container?.getAttrs().id);
 		}
-		this.instance.emitEvent("onAddedPolygon");
+		this.setState(POLYGON_TOOL_STATE.DEFINING_SIZE);
+	}
+	handleMovement(modifiers = {}) {
+		if (this.state !== POLYGON_TOOL_STATE.DEFINING_SIZE || !this.polygonId || !this.clickPoint || !this.container) return;
+		const polygon = this.instance.getStage().findOne(`#${this.polygonId}`);
+		const nodeHandler = this.instance.getNodeHandler(WEAVE_POLYGON_NODE_TYPE);
+		const presetDef = WEAVE_POLYGON_PRESETS[this.preset];
+		if (!polygon || !nodeHandler) return;
+		const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.container);
+		const defaultGeometry = instantiatePreset(presetDef, presetDef.defaultWidth, presetDef.defaultHeight);
+		const bounds = getShapeDragBounds(this.clickPoint, mousePoint, {
+			centered: modifiers.altKey,
+			constrained: modifiers.shiftKey,
+			aspectRatio: defaultGeometry.width / defaultGeometry.height
+		});
+		const geometry = instantiatePreset(presetDef, bounds.width * presetDef.defaultWidth / defaultGeometry.width, bounds.height * presetDef.defaultHeight / defaultGeometry.height);
+		nodeHandler.onUpdate(polygon, {
+			...this.props,
+			id: this.polygonId,
+			x: bounds.x,
+			y: bounds.y,
+			...geometry
+		});
+	}
+	handleSettingSize(modifiers = {}) {
+		if (this.moved) this.handleMovement(modifiers);
+		const polygon = this.polygonId && this.instance.getStage().findOne(`#${this.polygonId}`);
+		const nodeHandler = this.instance.getNodeHandler(WEAVE_POLYGON_NODE_TYPE);
+		if (polygon && nodeHandler) {
+			this.instance.updateNode(nodeHandler.serialize(polygon));
+			this.placementCommitted = true;
+			this.instance.emitEvent("onAddedPolygon");
+		}
 		this.cancelAction();
 	}
 	trigger(cancelAction, params) {
 		if (!this.instance) throw new Error("Instance not defined");
 		if (!this.initialized) this.setupEvents();
 		this.preset = params?.presetId ?? "pentagon";
+		this.placementCommitted = false;
 		const stage = this.instance.getStage();
 		stage.container().tabIndex = 1;
 		stage.container().focus();
@@ -26887,13 +27140,21 @@ var WeavePolygonToolAction = class extends WeaveAction {
 	cleanup() {
 		const stage = this.instance.getStage();
 		stage.container().style.cursor = "default";
+		const isCancelledPlacement = this.state === POLYGON_TOOL_STATE.DEFINING_SIZE && this.polygonId !== null && !this.placementCommitted;
+		if (isCancelledPlacement && this.polygonNode) this.instance.removeNode(this.polygonNode);
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
-			const node = stage.findOne(`#${this.polygonId}`);
+			const node = isCancelledPlacement ? void 0 : stage.findOne(`#${this.polygonId}`);
 			if (node) selectionPlugin.setSelectedNodes([node]);
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		this.polygonId = null;
+		this.pointers.clear();
+		this.clickPoint = null;
+		this.container = void 0;
+		this.moved = false;
+		this.placementCommitted = false;
+		this.polygonNode = null;
 		this.setState(POLYGON_TOOL_STATE.IDLE);
 	}
 	setCursor() {
@@ -33284,14 +33545,26 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	}
 };
 //#endregion
+//#region src/utils/native-backend.ts
+const MODULE_NOT_FOUND_CODES = ["ERR_MODULE_NOT_FOUND", "MODULE_NOT_FOUND"];
+const isMissingPackageError = (error, packageName) => error instanceof Error && MODULE_NOT_FOUND_CODES.includes(error.code ?? "") && error.message.includes(`'${packageName}'`);
+const loadNativeBackend = async (packageName, setupFunctionName, load) => {
+	try {
+		await load();
+	} catch (error) {
+		if (isMissingPackageError(error, packageName)) throw new Error(`${setupFunctionName}() requires the "${packageName}" package. Install it with \`npm install ${packageName}\`, using the version required by @inditextech/weave-sdk.`, { cause: error });
+		throw error;
+	}
+};
+//#endregion
 //#region src/backend.ts
 const setupSkiaBackend = async () => {
 	globalThis._weave_serverSideBackend = WEAVE_KONVA_BACKEND.SKIA;
-	await import("konva/skia-backend");
+	await loadNativeBackend("skia-canvas", "setupSkiaBackend", () => import("konva/skia-backend"));
 };
 const setupCanvasBackend = async () => {
 	globalThis._weave_serverSideBackend = WEAVE_KONVA_BACKEND.CANVAS;
-	await import("konva/canvas-backend");
+	await loadNativeBackend("canvas", "setupCanvasBackend", () => import("konva/canvas-backend"));
 };
 //#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, DEFAULT_GUIDE_TOOL_ACTION_CONFIG, DEFAULT_SNAPPING_MANAGER_CONFIG, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_NAME, GUIDE_DISTANCE_ORIGIN, GUIDE_KIND, GUIDE_NAME, GUIDE_ORIENTATION, GUIDE_STATE, GUIDE_TOOL_ACTION_NAME, GUIDE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_ORIENTATION, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, POLYGON_TOOL_ACTION_NAME, POLYGON_TOOL_STATE, PREVIEW_HANDOVER_MAX_FRAMES, PREVIEW_ID_SUFFIX, 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_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_NODES_SNAPPING_PLUGIN_KEY, WEAVE_POLYGON_NODE_TYPE, WEAVE_POLYGON_PRESETS, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_SHAPE_LABEL_DEFAULTS, 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_SHAPE_LABEL_EDITION_MODE, 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_LINK_ALLOWED_PROTOCOLS, 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, WeaveGuideToolAction, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeavePolygonNode, WeavePolygonToolAction, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStateManipulation, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, buildAncestorGroupIds, canComposite, clearContainerTargets, computeEllipseLabelMinSize, computePolygonLabelMinSize, computeRectangleLabelMinSize, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getSelectedNodesMetadata, getShapeLabelSchemaFields, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, instantiatePreset, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isNumber, isServer, labelId, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend, sleep, spreadLabelProps };