@inditextech/weave-sdk 0.71.0 → 0.72.1

package/dist/sdk.js

@@ -15494,6 +15494,7 @@ var require_lodash = __commonJS({ "../../node_modules/lodash/lodash.js"(exports,
 		} else root$8._ = _;
 	}).call(exports);
 } });
+var import_lodash$1 = __toESM(require_lodash());
 var import_lodash = __toESM(require_lodash(), 1);
 
 //#endregion
@@ -15592,12 +15593,12 @@ var WeaveStore = class {
 					node: JSON.parse(JSON.stringify(nodeInfo.node))
 				});
 			}
-			if (!this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) {
+			if (!this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) {
 				this.instance.setupRenderer();
 				this.isRoomLoaded = true;
 				this.instance.emitEvent("onRoomLoaded", this.isRoomLoaded);
 			}
-			if (this.isRoomLoaded && !(0, import_lodash.isEmpty)(this.state.weave)) this.instance.render();
+			if (this.isRoomLoaded && !(0, import_lodash$1.isEmpty)(this.state.weave)) this.instance.render();
 		});
 	}
 	canUndoStateStep() {
@@ -17922,7 +17923,7 @@ var require_merge = __commonJS({ "../../node_modules/lodash/merge.js"(exports, m
 	});
 	module.exports = merge;
 } });
-var import_merge = __toESM(require_merge(), 1);
+var import_merge = __toESM(require_merge());
 
 //#endregion
 //#region src/plugins/plugin.ts
@@ -18869,7 +18870,7 @@ var require_throttle = __commonJS({ "../../node_modules/lodash/throttle.js"(expo
 	}
 	module.exports = throttle;
 } });
-var import_throttle = __toESM(require_throttle(), 1);
+var import_throttle = __toESM(require_throttle());
 
 //#endregion
 //#region src/nodes/stage/constants.ts
@@ -20007,6 +20008,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				this.instance.addNode(node, containerId);
 				const realNode = this.instance.getStage().findOne(`#${newNodeId}`);
 				if (realNode) nodesToSelect.push(realNode);
+				this.getStageGridPlugin()?.onRender();
 			}
 			this.instance.emitEvent("onPaste", {
 				error: void 0,
@@ -20166,6 +20168,10 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 			isIOS: /iP(ad|hone|od)/.test(navigator.userAgent)
 		};
 	}
+	getStageGridPlugin() {
+		const gridPlugin = this.instance.getPlugin("stageGrid");
+		return gridPlugin;
+	}
 };
 
 //#endregion
@@ -20306,7 +20312,7 @@ var WeaveNode = class {
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesEdgeSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesEdgeSnappingPlugin.evaluateGuidelines(e);
 			};
-			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
+			node.on("transform", (0, import_lodash$1.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				this.instance.emitEvent("onTransform", null);
@@ -20360,7 +20366,7 @@ var WeaveNode = class {
 					if (layerToMove && !hasFrames(node) && node.isDragging()) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
-			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
+			node.on("dragmove", (0, import_lodash$1.throttle)(handleDragMove, 100));
 			node.on("dragend", (e) => {
 				if (!this.didMove) return;
 				const isErasing = this.instance.getActiveAction() === "eraseTool";
@@ -20763,7 +20769,6 @@ var WeaveReconciler = class {
 						const child$1 = children[i];
 						child$1.setAttrs({ zIndex: i });
 					}
-					weaveInstance.getMainLayer()?.batchDraw();
 				}
 			},
 			appendChild(parentInstance, child) {
@@ -21910,7 +21915,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.71.0";
+var version = "0.72.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22438,7 +22443,7 @@ var Weave = class {
 		this.asyncElements = watchMap(() => {
 			this.emitEvent("onAsyncElementChange");
 		}, new Map());
-		this.config = (0, import_lodash.merge)({ serverSide: false }, weaveConfig);
+		this.config = (0, import_lodash$1.merge)({ serverSide: false }, weaveConfig);
 		this.logger = new WeaveLogger(this.config?.logger ?? {
 			disabled: false,
 			level: "error"
@@ -23132,7 +23137,7 @@ var WeaveRectangleNode = class extends WeaveNode {
 		const rectangle = new Konva.Rect({
 			...props,
 			name: "node",
-			strokeScaleEnabled: false
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(rectangle);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -23176,7 +23181,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 			...props,
 			name: "node",
 			radiusX: props.radiusX,
-			radiusY: props.radiusY
+			radiusY: props.radiusY,
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(ellipse);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -23257,7 +23263,8 @@ var WeaveLineNode = class extends WeaveNode {
 	onRender(props) {
 		const line = new Konva.Line({
 			...props,
-			name: "node"
+			name: "node",
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(line);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -23373,7 +23380,7 @@ var WeaveTextNode = class extends WeaveNode {
 		text.on("transformstart", (e) => {
 			this.instance.emitEvent("onTransform", e.target);
 		});
-		text.on("transform", (0, import_lodash.throttle)(handleTextTransform, 50));
+		text.on("transform", (0, import_lodash$1.throttle)(handleTextTransform, 50));
 		text.on("transformend", () => {
 			this.instance.emitEvent("onTransform", null);
 		});
@@ -23939,7 +23946,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					image: this.preloadImgs[this.imageId],
 					stroke: "#000000ff",
 					strokeWidth: 0,
-					strokeScaleEnabled: false,
+					strokeScaleEnabled: true,
 					listening: false
 				});
 				this.instance.getMainLayer()?.add(this.tempImageNode);
@@ -23969,7 +23976,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					imageURL: this.imageURL,
 					stroke: "#000000ff",
 					strokeWidth: 0,
-					strokeScaleEnabled: false,
+					strokeScaleEnabled: true,
 					imageWidth: this.preloadImgs[this.imageId].width,
 					imageHeight: this.preloadImgs[this.imageId].height,
 					imageInfo: {
@@ -24087,7 +24094,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 			fill: "rgba(0,0,0,0.2)",
 			stroke: "#ff0000ff",
 			strokeWidth: 0,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			draggable: true,
 			rotation: 0
 		});
@@ -24406,7 +24413,7 @@ var WeaveImageNode = class extends WeaveNode {
 			time: 0
 		};
 		this.lastTapTime = 0;
-		this.config = (0, import_lodash.merge)(WEAVE_IMAGE_DEFAULT_CONFIG, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_IMAGE_DEFAULT_CONFIG, config);
 		this.imageCrop = null;
 		this.cachedCropInfo = {};
 		this.imageLoaded = false;
@@ -24535,7 +24542,7 @@ var WeaveImageNode = class extends WeaveNode {
 			rotation: 0,
 			width: 0,
 			height: 0,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			draggable: false,
 			visible: false,
 			name: void 0
@@ -24655,14 +24662,15 @@ var WeaveImageNode = class extends WeaveNode {
 		const imagePlaceholder = image.findOne(`#${imageProps.id}-placeholder`);
 		const internalImage = image.findOne(`#${imageProps.id}-image`);
 		const realImageURL = this.config.urlTransformer?.(imageProps.imageURL ?? "") ?? imageProps.imageURL;
+		this.loadAsyncElement(imageProps.id);
 		const imageObj = new Image();
 		imageObj.crossOrigin = this.config.crossOrigin;
 		imageObj.onerror = (error) => {
+			this.resolveAsyncElement(imageProps.id);
 			console.error("Error loading image", realImageURL, error);
 			imagePlaceholder?.setAttrs({ visible: true });
 			internalImage?.setAttrs({ visible: false });
 		};
-		this.loadAsyncElement(imageProps.id);
 		imageObj.onload = () => {
 			if (image && imagePlaceholder && internalImage) {
 				image.setAttrs({
@@ -24713,24 +24721,25 @@ var WeaveImageNode = class extends WeaveNode {
 		const stage = this.instance.getStage();
 		const image = stage.findOne(`#${imageAttrs.id}`);
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
-		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
+			const cropScale = imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale;
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
 			internalImage.rotation(0);
 			internalImage.scaleX(1);
 			internalImage.scaleY(1);
 			internalImage.crop({
-				x: imageAttrs.cropInfo.x / actualScale,
-				y: imageAttrs.cropInfo.y / actualScale,
-				width: imageAttrs.cropInfo.width / actualScale,
-				height: imageAttrs.cropInfo.height / actualScale
+				x: imageAttrs.cropInfo.x / cropScale,
+				y: imageAttrs.cropInfo.y / cropScale,
+				width: imageAttrs.cropInfo.width / cropScale,
+				height: imageAttrs.cropInfo.height / cropScale
 			});
-			internalImage.width(imageAttrs.cropSize.width);
-			internalImage.height(imageAttrs.cropSize.height);
+			internalImage.width(imageAttrs.cropSize.width * (actualScale / cropScale));
+			internalImage.height(imageAttrs.cropSize.height * (actualScale / cropScale));
 			this.cachedCropInfo[imageAttrs.id ?? ""] = imageAttrs.cropInfo;
 		}
-		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
+		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && !(0, import_lodash$1.isEqual)(imageAttrs.cropInfo, this.cachedCropInfo[imageAttrs.id ?? ""])) {
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
 			internalImage.rotation(0);
@@ -24813,7 +24822,8 @@ var WeaveStarNode = class extends WeaveNode {
 			name: "node",
 			numPoints: props.numPoints,
 			innerRadius: props.innerRadius,
-			outerRadius: props.outerRadius
+			outerRadius: props.outerRadius,
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(star);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -24895,7 +24905,8 @@ var WeaveArrowNode = class extends WeaveNode {
 		const line = new Konva.Arrow({
 			...props,
 			name: "node",
-			points: props.points
+			points: props.points,
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(line);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -24948,7 +24959,8 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 			...props,
 			name: "node",
 			sides: props.sides,
-			radius: props.radius
+			radius: props.radius,
+			strokeScaleEnabled: true
 		});
 		this.setupDefaultNodeAugmentation(regularPolygon);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
@@ -25088,7 +25100,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			y: 0,
 			width: props.frameWidth,
 			height: props.frameHeight,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			draggable: false
 		});
 		frame.add(frameInternalGroup);
@@ -25100,10 +25112,10 @@ var WeaveFrameNode = class extends WeaveNode {
 			width: props.frameWidth,
 			stroke: borderColor,
 			strokeWidth: borderWidth,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			shadowForStrokeEnabled: false,
 			height: props.frameHeight,
-			fill: "#ffffffff",
+			fill: frameParams.frameBackground ?? "#ffffffff",
 			listening: false,
 			draggable: false
 		});
@@ -25121,7 +25133,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			text: props.title,
 			fill: fontColor,
 			strokeWidth: 0,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			listening: false,
 			draggable: false
 		});
@@ -25144,7 +25156,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			y: borderWidth,
 			width: props.frameWidth - borderWidth * 2,
 			height: props.frameHeight - borderWidth * 2,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			clipFunc: (ctx) => {
 				const width = (frameInternal.width() + borderWidth) * frameInternal.scaleX();
 				const height = (frameInternal.height() + borderWidth) * frameInternal.scaleY();
@@ -25257,7 +25269,9 @@ var WeaveFrameNode = class extends WeaveNode {
 			clip: void 0
 		});
 		const title = stage.findOne(`#${newProps.id}-title`);
+		const background = stage.findOne(`#${newProps.id}-bg`);
 		const selectionArea = stage.findOne(`#${newProps.id}-selection-area`);
+		if (background) background.setAttrs({ fill: newProps.frameBackground ?? "#ffffffff" });
 		if (title && selectionArea) {
 			title.text(newProps.title);
 			const textMeasures = title.measureSize(title.getAttrs().text ?? "");
@@ -25664,7 +25678,7 @@ var WeaveCommentNode = class extends WeaveNode {
 	nodeType = WEAVE_COMMENT_NODE_TYPE;
 	constructor(params) {
 		super();
-		this.config = (0, import_lodash.merge)(WEAVE_COMMENT_NODE_DEFAULTS, params.config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_COMMENT_NODE_DEFAULTS, params.config);
 		this.commentDomVisibleId = null;
 		this.commentDomVisible = false;
 		this.commentDomAction = null;
@@ -25723,7 +25737,7 @@ var WeaveCommentNode = class extends WeaveNode {
 			shadowOffsetX: this.config.style.shadowOffsetX,
 			shadowOffsetY: this.config.style.shadowOffsetY,
 			shadowOpacity: this.config.style.shadowOpacity,
-			strokeScaleEnabled: false,
+			strokeScaleEnabled: true,
 			listening: true,
 			draggable: false,
 			hitFunc: (ctx, shape) => {
@@ -26295,7 +26309,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = (0, import_lodash.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, config);
 		if (!this.config.zoomSteps.includes(this.config.defaultZoom)) throw new Error(`Default zoom ${this.config.defaultZoom} is not in zoom steps`);
 		this.pinching = false;
 		this.isTrackpad = false;
@@ -26323,7 +26337,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				this.config.zoomSteps = [minimumZoom, ...this.config.zoomSteps];
 			}
 		};
-		mainLayer?.on("draw", (0, import_lodash.throttle)(handleDraw, 50));
+		mainLayer?.on("draw", (0, import_lodash$1.throttle)(handleDraw, 50));
 		this.setZoom(this.config.zoomSteps[this.actualStep]);
 	}
 	setZoom(scale, centered = true, pointer) {
@@ -27177,7 +27191,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 			this.tempRectNode = new Konva.Rect({
 				...this.props,
 				id: this.rectId,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				width: 0,
@@ -27390,7 +27404,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.ellipseId, {
 				...this.props,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0 + this.props.radiusX,
 				y: this.clickPoint?.y ?? 0 + this.props.radiusY,
 				radiusX: 0,
@@ -27599,7 +27613,7 @@ var WeavePenToolAction = class extends WeaveAction {
 			this.tempMainLineNode = new Konva.Line({
 				...this.props,
 				id: this.lineId,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -27609,7 +27623,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -27620,7 +27634,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				id: this.tempLineId,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				points: [0, 0]
 			});
 			this.measureContainer?.add(this.tempLineNode);
@@ -27628,7 +27642,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -27868,7 +27882,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			});
 			const node = nodeHandler.create(this.strokeId, {
 				...this.props,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: 0,
 				y: 0,
 				width: 0,
@@ -28218,7 +28232,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.starId, {
 				...this.props,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0 + this.props.outerRadius,
 				y: this.clickPoint?.y ?? 0 + this.props.outerRadius,
 				numPoints: 5,
@@ -28433,7 +28447,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.tempMainArrowNode = new Konva.Line({
 				...this.props,
 				id: this.arrowId,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -28443,7 +28457,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -28452,7 +28466,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.tempArrowNode = new Konva.Arrow({
 				...this.props,
 				id: this.tempArrowId,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -28462,7 +28476,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -28691,7 +28705,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.regularPolygonId, {
 				...this.props,
-				strokeScaleEnabled: false,
+				strokeScaleEnabled: true,
 				x: (this.clickPoint?.x ?? 0) + this.props.radius,
 				y: (this.clickPoint?.y ?? 0) + this.props.radius,
 				radius: 0
@@ -29275,7 +29289,7 @@ var WeaveCommentToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = (0, import_lodash.merge)(WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, config);
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = WEAVE_COMMENT_TOOL_STATE.IDLE;
@@ -29575,7 +29589,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			if (!this.enabled || !(this.isSpaceKeyPressed || this.isMouseMiddleButtonPressed || this.moveToolActive)) return;
 			this.onRender();
 		};
-		stage.on("pointermove", (0, import_lodash.throttle)(handleMouseMove, 50));
+		stage.on("pointermove", (0, import_lodash$1.throttle)(handleMouseMove, 50));
 		stage.on("pointermove", () => {
 			if (this.enabled) this.onRender();
 		});
@@ -29970,7 +29984,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 const WEAVE_STAGE_MINIMAP_KEY = "stageMinimap";
 const STAGE_MINIMAP_DEFAULT_CONFIG = { style: { viewportReference: {
 	fill: "rgba(0,0,0,0.2)",
-	strokeScaleEnabled: false,
+	strokeScaleEnabled: true,
 	stroke: "#e12d3c",
 	strokeWidth: 1
 } } };
@@ -29982,7 +29996,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor(params) {
 		super();
-		this.config = (0, import_lodash.merge)(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
+		this.config = (0, import_lodash$1.merge)(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
 		this.initialized = false;
 	}
 	getName() {
@@ -30040,7 +30054,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		box.width += this.config.fitToContentPadding * 2;
 		box.height += this.config.fitToContentPadding * 2;
 		this.hideLayers();
-		const pixelRatio = .5;
+		const pixelRatio = .1;
 		const dataUrl = await stage.toDataURL({
 			x: box.x,
 			y: box.y,
@@ -30116,10 +30130,11 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		this.setupMinimap();
 	}
 	onInit() {
-		this.instance.addEventListener("onStateChange", async () => {
+		const throttledUpdateMinimap = (0, import_lodash$1.throttle)(async () => {
 			await this.updateMinimapContent();
 			this.updateMinimapViewportReference();
-		});
+		}, 100);
+		this.instance.addEventListener("onStateChange", throttledUpdateMinimap);
 	}
 	showLayers() {
 		const selectionLayer = this.instance.getSelectionLayer();
@@ -30236,7 +30251,7 @@ var WeaveConnectedUsersPlugin = class extends WeavePlugin {
 					newConnectedUsers[userInformation.id] = userInformation;
 				}
 			}
-			if (!(0, import_lodash.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
+			if (!(0, import_lodash$1.isEqual)(this.connectedUsers, newConnectedUsers)) this.instance.emitEvent("onConnectedUsersChange", newConnectedUsers);
 			this.connectedUsers = newConnectedUsers;
 		});
 	}
@@ -30428,7 +30443,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		const { config } = params;
-		this.config = (0, import_lodash.merge)(WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, config);
+		this.config = (0, import_lodash$1.merge)(WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, config);
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserBackgroundColor = memoize(this.config.getUserBackgroundColor);
 		this.config.getUserForegroundColor = memoize(this.config.getUserForegroundColor);
@@ -30477,7 +30492,7 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 			for (let i = 0; i < inactiveUsers.length; i++) delete this.usersPointers[inactiveUsers[i]];
 			this.renderPointers();
 		});
-		const sendAwarenessUpdateThrottled = (0, import_lodash.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
+		const sendAwarenessUpdateThrottled = (0, import_lodash$1.throttle)(this.sendAwarenessUpdate.bind(this), this.config.awarenessThrottleMs);
 		stage.on("dragmove", () => {
 			const mousePos = stage.getRelativePointerPosition();
 			if (mousePos) sendAwarenessUpdateThrottled(mousePos);
@@ -30984,7 +30999,7 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		const { config } = params ?? {};
 		this.enterSnappingTolerance = config?.enterSnappingTolerance ?? GUIDE_ENTER_SNAPPING_TOLERANCE;
 		this.exitSnappingTolerance = config?.exitSnappingTolerance ?? GUIDE_EXIT_SNAPPING_TOLERANCE;
-		this.uiConfig = import_lodash.default.merge(GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, config?.ui);
+		this.uiConfig = import_lodash$1.default.merge(GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, config?.ui);
 		this.enabled = true;
 	}
 	getName() {
@@ -31644,5 +31659,63 @@ var WeaveCommentsRendererPlugin = class extends WeavePlugin {
 };
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, memoize, moveNodeToContainer, resetScale };
+//#region src/plugins/stage-keyboard-move/constants.ts
+const WEAVE_STAGE_KEYBOARD_MOVE_KEY = "stageKeyboardMove";
+const WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG = { movementDelta: 5 };
+
+//#endregion
+//#region src/plugins/stage-keyboard-move/stage-keyboard-move.ts
+var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
+	getLayerName = void 0;
+	initLayer = void 0;
+	constructor(params) {
+		super();
+		this.config = (0, import_merge.default)(WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, params?.config ?? {});
+	}
+	getName() {
+		return WEAVE_STAGE_KEYBOARD_MOVE_KEY;
+	}
+	handleNodesMovement(movementOrientation) {
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (nodesSelectionPlugin) {
+			const selectedNodes = nodesSelectionPlugin.getSelectedNodes();
+			for (const node of selectedNodes) {
+				switch (movementOrientation) {
+					case "up":
+						node.y(node.y() - this.config.movementDelta);
+						break;
+					case "down":
+						node.y(node.y() + this.config.movementDelta);
+						break;
+					case "left":
+						node.x(node.x() - this.config.movementDelta);
+						break;
+					case "right":
+						node.x(node.x() + this.config.movementDelta);
+						break;
+				}
+				const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+				if (!nodeHandler) break;
+				this.instance.updateNode(nodeHandler.serialize(node));
+			}
+		}
+	}
+	onInit() {
+		window.addEventListener("keydown", (e) => {
+			if (e.key === "ArrowUp" && e.shiftKey) this.handleNodesMovement("up");
+			if (e.key === "ArrowLeft" && e.shiftKey) this.handleNodesMovement("left");
+			if (e.key === "ArrowRight" && e.shiftKey) this.handleNodesMovement("right");
+			if (e.key === "ArrowDown" && e.shiftKey) this.handleNodesMovement("down");
+		});
+	}
+	enable() {
+		this.enabled = true;
+	}
+	disable() {
+		this.enabled = false;
+	}
+};
+
+//#endregion
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveZoomInToolAction, WeaveZoomOutToolAction, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, memoize, moveNodeToContainer, resetScale };
 //# sourceMappingURL=sdk.js.map