@inditextech/weave-sdk 1.2.2 → 1.3.1

package/dist/sdk.node.js

@@ -15008,6 +15008,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
@@ -15110,12 +15111,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() {
@@ -15129,10 +15130,12 @@ var WeaveStore = class {
 	undoStateStep() {
 		if (!this.supportsUndoManager) throw new Error("Undo manager not supported");
 		this.undoManager.undo();
+		this.instance.emitEvent("onUndoChange");
 	}
 	redoStateStep() {
 		if (!this.supportsUndoManager) throw new Error("Undo manager not supported");
 		this.undoManager.redo();
+		this.instance.emitEvent("onRedoChange");
 	}
 	handleConnectionStatusChange(status) {
 		this.instance.emitEvent("onStoreConnectionStatusChange", status);
@@ -17556,7 +17559,7 @@ var require_mergeWith = __commonJS({ "../../node_modules/lodash/mergeWith.js"(ex
 	});
 	module.exports = mergeWith;
 } });
-var import_mergeWith = __toESM(require_mergeWith(), 1);
+var import_mergeWith = __toESM(require_mergeWith());
 
 //#endregion
 //#region src/utils.ts
@@ -18406,7 +18409,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
@@ -18495,6 +18498,16 @@ const WEAVE_STAGE_PANNING_DEFAULT_CONFIG = {
 	edgePanSpeed: 10
 };
 
+//#endregion
+//#region src/plugins/nodes-multi-selection-feedback/constants.ts
+const WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY = "nodesMultiSelectionFeedback";
+const WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID = "selectionLayer";
+const WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG = { style: {
+	stroke: "#ff2c2cff",
+	strokeWidth: 2,
+	fill: "transparent"
+} };
+
 //#endregion
 //#region src/plugins/nodes-selection/nodes-selection.ts
 var WeaveNodesSelectionPlugin = class extends WeavePlugin {
@@ -18508,6 +18521,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		y: 0
 	};
 	panLoopId = null;
+	prevSelectedNodes = [];
+	handledClickOrTap = false;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_SELECTION_DEFAULT_CONFIG, params?.config ?? {});
@@ -18636,7 +18651,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 					nodeHovered = targetNode;
 				}
 				targetNode?.handleMouseover();
-			}
+			} else nodeHovered?.handleMouseout();
 		});
 		tr.on("mouseover", () => {
 			stage.container().style.cursor = "grab";
@@ -18769,6 +18784,20 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			for (const node of selectedNodes) node.setAttrs({ isCloned: void 0 });
 			tr.forceUpdate();
 		});
+		this.instance.addEventListener("onNodesChange", () => {
+			const currentSelectedNodes = tr.nodes();
+			const unselectedNodes = this.prevSelectedNodes.filter((node) => !currentSelectedNodes.map((node1) => node1.getAttrs().id).includes(node.getAttrs().id));
+			if (currentSelectedNodes.length > 1) for (const node of currentSelectedNodes) node.handleSelectNode();
+			if (currentSelectedNodes.length === 1) currentSelectedNodes[0].handleDeselectNode();
+			for (const node of unselectedNodes) node.handleDeselectNode();
+			this.prevSelectedNodes = tr.nodes();
+		});
+		this.instance.addEventListener("onUndoChange", () => {
+			this.handleUndoRedoSelectionChange();
+		});
+		this.instance.addEventListener("onRedoChange", () => {
+			this.handleUndoRedoSelectionChange();
+		});
 		this.tr = tr;
 		this.trHover = trHover;
 		this.selectionRectangle = selectionRectangle;
@@ -18795,6 +18824,18 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			stage.container().style.cursor = "default";
 		});
 	}
+	handleUndoRedoSelectionChange() {
+		const selectionLayer = this.instance.getSelectionLayer();
+		const selectionFeedbackPlugin = this.getNodesSelectionFeedbackPlugin();
+		if (selectionLayer && selectionFeedbackPlugin) {
+			selectionLayer.find(`.selection-halo`).forEach((node) => node.destroy());
+			selectionFeedbackPlugin.cleanupSelectedHalos();
+			const currentSelectedNodes = this.tr.nodes();
+			if (currentSelectedNodes.length > 1) for (const node of currentSelectedNodes) node.handleSelectNode();
+			if (currentSelectedNodes.length === 1) currentSelectedNodes[0].handleDeselectNode();
+			this.prevSelectedNodes = currentSelectedNodes;
+		}
+	}
 	getLayer() {
 		const stage = this.instance.getStage();
 		return stage.findOne(`#${this.getLayerName()}`);
@@ -18972,6 +19013,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
+			this.handledClickOrTap = false;
 			this.pointers[e.evt.pointerId] = e.evt;
 			if (e.evt.pointerType === "touch" && Object.keys(this.pointers).length > 1) return;
 			if (e.evt.pointerType === "mouse" && e.evt.button !== 0) return;
@@ -19087,7 +19129,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			}
 			if (contextMenuPlugin?.isContextMenuVisible()) this.stopPanLoop();
 			const selectedGroup = getTargetedNode(this.instance);
-			if (!moved && selectedGroup?.getParent() instanceof Konva.Transformer) {
+			if (!moved && selectedGroup?.getParent() instanceof Konva.Transformer && !this.handledClickOrTap) {
 				this.selecting = false;
 				this.stopPanLoop();
 				this.hideSelectorArea();
@@ -19180,6 +19222,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	}
 	handleClickOrTap(e) {
 		const stage = this.instance.getStage();
+		this.handledClickOrTap = true;
 		e.cancelBubble = true;
 		if (!this.enabled) return;
 		if (this.instance.getActiveAction() !== SELECTION_TOOL_ACTION_NAME) return;
@@ -19311,6 +19354,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.getLayer()?.hide();
 		this.enabled = false;
 	}
+	getNodesSelectionFeedbackPlugin() {
+		const selectionFeedbackPlugin = this.instance.getPlugin(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY);
+		return selectionFeedbackPlugin;
+	}
 	getContextMenuPlugin() {
 		const contextMenuPlugin = this.instance.getPlugin(WEAVE_CONTEXT_MENU_PLUGIN_KEY);
 		return contextMenuPlugin;
@@ -19831,6 +19878,8 @@ var WeaveNode = class {
 		node.resetCrop = function() {};
 		node.handleMouseover = function() {};
 		node.handleMouseout = function() {};
+		node.handleSelectNode = function() {};
+		node.handleDeselectNode = function() {};
 	}
 	isNodeSelected(ele) {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -19854,6 +19903,7 @@ var WeaveNode = class {
 			return;
 		}
 		selectionPlugin.getHoverTransformer().nodes([node]);
+		selectionPlugin.getHoverTransformer().moveToTop();
 	}
 	hideHoverState() {
 		const selectionPlugin = this.getSelectionPlugin();
@@ -19882,6 +19932,7 @@ var WeaveNode = class {
 			let transforming = false;
 			node.on("transformstart", (e) => {
 				transforming = true;
+				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(node);
 				this.instance.emitEvent("onTransform", e.target);
 			});
 			const handleTransform = (e) => {
@@ -19891,7 +19942,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);
@@ -19901,8 +19952,10 @@ var WeaveNode = class {
 				if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupGuidelines();
 				if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 				this.scaleReset(node$1);
+				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(node$1);
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
 				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
+				this.getNodesSelectionPlugin()?.getHoverTransformer().forceUpdate();
 			});
 			const stage = this.instance.getStage();
 			let originalPosition = null;
@@ -19917,6 +19970,7 @@ var WeaveNode = class {
 			});
 			node.on("dragstart", (e) => {
 				const nodeTarget = e.target;
+				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
 				this.didMove = false;
 				if (e.evt?.buttons === 0) {
 					nodeTarget.stopDrag();
@@ -19980,9 +20034,10 @@ var WeaveNode = class {
 					if (layerToMove && !hasFrames(realNodeTarget) && realNodeTarget.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) => {
 				const nodeTarget = e.target;
+				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
 				e.cancelBubble = true;
 				if (nodeTarget.getAttrs().isCloneOrigin && originalPosition) {
 					nodeTarget.setAbsolutePosition(originalPosition);
@@ -20026,6 +20081,12 @@ var WeaveNode = class {
 			node.handleMouseout = () => {
 				this.handleMouseout(node);
 			};
+			node.handleSelectNode = () => {
+				this.getNodesSelectionFeedbackPlugin()?.createSelectionHalo(node);
+			};
+			node.handleDeselectNode = () => {
+				this.getNodesSelectionFeedbackPlugin()?.destroySelectionHalo(node);
+			};
 			node.on("pointerover", (e) => {
 				const doCancelBubble = this.handleMouseOver(e.target);
 				if (doCancelBubble) e.cancelBubble = true;
@@ -20204,6 +20265,10 @@ var WeaveNode = class {
 		}
 		return realNodeTarget;
 	}
+	getNodesSelectionFeedbackPlugin() {
+		const selectionFeedbackPlugin = this.instance.getPlugin(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY);
+		return selectionFeedbackPlugin;
+	}
 };
 
 //#endregion
@@ -20719,6 +20784,7 @@ var WeaveGroupsManager = class {
 		const groupNode = stage.findOne(`#${groupId}`);
 		if (groupHandler && groupNode) this.instance.updateNode(groupHandler.serialize(groupNode));
 		setTimeout(() => {
+			this.getNodesMultiSelectionFeedbackPlugin()?.cleanupSelectedHalos();
 			const groupNode$1 = stage.findOne(`#${groupId}`);
 			const selectionPlugin$1 = this.instance.getPlugin("nodesSelection");
 			if (groupNode$1 && selectionPlugin$1) {
@@ -20797,6 +20863,7 @@ var WeaveGroupsManager = class {
 			this.instance.removeNode(groupNode);
 		}
 		setTimeout(() => {
+			this.getNodesMultiSelectionFeedbackPlugin()?.cleanupSelectedHalos();
 			const firstElement = newLayer.findOne(`#${newChildId}`);
 			const selectionPlugin = this.instance.getPlugin("nodesSelection");
 			if (firstElement && selectionPlugin) selectionPlugin.setSelectedNodes([firstElement]);
@@ -20815,6 +20882,9 @@ var WeaveGroupsManager = class {
 			rotation
 		};
 	}
+	getNodesMultiSelectionFeedbackPlugin() {
+		return this.instance.getPlugin(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY);
+	}
 };
 
 //#endregion
@@ -21636,7 +21706,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "1.2.2";
+var version = "1.3.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23117,7 +23187,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);
 		});
@@ -24054,6 +24124,14 @@ var WeaveImageNode = class extends WeaveNode {
 				width: this.imageSource[id].width,
 				height: this.imageSource[id].height
 			});
+			if (!image.getAttrs().uncroppedImage) image.setAttr("uncroppedImage", {
+				width: this.imageSource[id].width,
+				height: this.imageSource[id].height
+			});
+			this.imageState[id] = {
+				loaded: true,
+				error: false
+			};
 			this.instance.updateNode(this.serialize(image));
 		} else {
 			this.updatePlaceholderSize(image, imagePlaceholder);
@@ -24280,7 +24358,7 @@ var WeaveImageNode = class extends WeaveNode {
 		const imageAttrs = image.getAttrs();
 		const internalImage = image?.findOne(`#${imageAttrs.id}-image`);
 		if (!this.imageState[imageAttrs.id ?? ""]?.loaded) return;
-		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo) {
+		if (image && internalImage && !imageAttrs.adding && imageAttrs.cropInfo && imageAttrs.uncroppedImage) {
 			const actualScale = imageAttrs.uncroppedImage.width / imageAttrs.imageInfo.width;
 			const cropScale = imageAttrs.cropInfo ? imageAttrs.cropInfo.scaleX : actualScale;
 			internalImage.width(imageAttrs.uncroppedImage.width);
@@ -24297,7 +24375,7 @@ var WeaveImageNode = class extends WeaveNode {
 			internalImage.width(imageAttrs.cropSize.width * (actualScale / cropScale));
 			internalImage.height(imageAttrs.cropSize.height * (actualScale / cropScale));
 		}
-		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo) {
+		if (image && internalImage && !imageAttrs.adding && !imageAttrs.cropInfo && imageAttrs.uncroppedImage) {
 			internalImage.width(imageAttrs.uncroppedImage.width);
 			internalImage.height(imageAttrs.uncroppedImage.height);
 			internalImage.rotation(0);
@@ -26412,7 +26490,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) {
@@ -30123,7 +30201,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();
 		});
@@ -30445,6 +30523,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			this.isDragging = false;
 			this.enableMove = false;
 			this.panning = false;
+			this.cleanupEdgeMoveIntervals();
 		});
 		const handleWheel = (e) => {
 			const performPanning = !this.isCtrlOrMetaPressed && !e.ctrlKey;
@@ -30478,14 +30557,14 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				let isNearBottom = false;
 				for (const targetId in this.panEdgeTargets) {
 					const target = this.panEdgeTargets[targetId];
-					isNearLeft = pos.x < offset * stage.scaleX();
+					isNearLeft = pos.x < offset / stage.scaleX();
 					if (isNearLeft) target.x(target.x() - speed / stage.scaleX());
-					isNearRight = pos.x > stage.width() - offset * stage.scaleX();
+					isNearRight = pos.x > stage.width() - offset / stage.scaleX();
 					if (isNearRight) target.x(target.x() + speed / stage.scaleX());
-					isNearTop = pos.y < offset * stage.scaleY();
-					if (isNearTop) target.y(target.y() - speed / stage.scaleX());
-					isNearBottom = pos.y > stage.height() - offset * stage.scaleY();
-					if (isNearBottom) target.y(target.y() + speed / stage.scaleX());
+					isNearTop = pos.y < offset;
+					if (isNearTop) target.y(target.y() - speed / stage.scaleY());
+					isNearBottom = pos.y > stage.height() - offset;
+					if (isNearBottom) target.y(target.y() + speed / stage.scaleY());
 				}
 				this.getStageGridPlugin()?.renderGrid();
 				let dx = 0;
@@ -30699,7 +30778,7 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 		this.setupMinimap();
 	}
 	onInit() {
-		const throttledUpdateMinimap = (0, import_lodash.throttle)(async () => {
+		const throttledUpdateMinimap = (0, import_lodash$1.throttle)(async () => {
 			await this.updateMinimapContent();
 			this.updateMinimapViewportReference();
 		}, 100);
@@ -30810,6 +30889,144 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 	}
 };
 
+//#endregion
+//#region src/plugins/nodes-multi-selection-feedback/nodes-multi-selection-feedback.ts
+var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
+	selectedHalos = {};
+	constructor(params) {
+		super();
+		this.config = mergeExceptArrays(WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, params?.config ?? {});
+		this.selectedHalos = {};
+	}
+	getName() {
+		return WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY;
+	}
+	getLayerName() {
+		return WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID;
+	}
+	initLayer() {
+		const stage = this.instance.getStage();
+		const findLayer = stage.findOne(`#${this.getLayerName()}`);
+		if (!findLayer) {
+			const layer = new Konva.Layer({ id: this.getLayerName() });
+			stage.add(layer);
+		}
+	}
+	getSelectedHalos() {
+		return this.selectedHalos;
+	}
+	cleanupSelectedHalos() {
+		const keys = Object.keys(this.selectedHalos);
+		keys.forEach((key) => {
+			this.selectedHalos[key].destroy();
+			delete this.selectedHalos[key];
+		});
+	}
+	getNodeRectInfo(node) {
+		const stage = node.getStage();
+		if (!stage) return null;
+		const clone = node.clone();
+		const box = clone.getClientRect({
+			skipTransform: true,
+			skipStroke: true,
+			relativeTo: node.getParent() ?? this.instance.getMainLayer()
+		});
+		const localBox = clone.getClientRect({
+			skipTransform: true,
+			skipStroke: true
+		});
+		const transform = clone.getAbsoluteTransform();
+		const corners = [
+			{
+				x: localBox.x,
+				y: localBox.y
+			},
+			{
+				x: localBox.x + localBox.width,
+				y: localBox.y
+			},
+			{
+				x: localBox.x + localBox.width,
+				y: localBox.y + localBox.height
+			},
+			{
+				x: localBox.x,
+				y: localBox.y + localBox.height
+			}
+		].map((p) => transform.point(p));
+		return {
+			x: corners[0].x,
+			y: corners[0].y,
+			width: box.width * clone.scaleX(),
+			height: box.height * clone.scaleY(),
+			rotation: clone.rotation()
+		};
+	}
+	createSelectionHalo(node) {
+		const nodeId = node.getAttrs().id ?? "";
+		if (this.selectedHalos[nodeId]) return;
+		const info = this.getNodeRectInfo(node);
+		if (info) {
+			const parent = node.getParent();
+			if (node.getAttrs().nodeId) {
+				const realParent = this.instance.getStage().findOne(`#${node.getAttrs().nodeId}`);
+				if (realParent) {
+					info.x += realParent.x();
+					info.y += realParent.y();
+				}
+			}
+			if (parent && parent.getAttrs().nodeId) {
+				const realParent = this.instance.getStage().findOne(`#${parent.getAttrs().nodeId}`);
+				if (realParent) {
+					info.x += realParent.x();
+					info.y += realParent.y();
+				}
+			}
+			this.selectedHalos[nodeId] = new Konva.Rect({
+				id: `${nodeId}-selection-halo`,
+				name: "selection-halo",
+				x: info.x,
+				y: info.y,
+				width: info.width,
+				height: info.height,
+				rotation: info.rotation,
+				stroke: this.config.style.stroke,
+				strokeWidth: this.config.style.strokeWidth,
+				fill: this.config.style.fill,
+				draggable: false,
+				listening: false
+			});
+			this.instance.getSelectionLayer()?.add(this.selectedHalos[nodeId]);
+		}
+	}
+	destroySelectionHalo(node) {
+		const nodeId = node.getAttrs().id ?? "";
+		if (this.selectedHalos[nodeId]) {
+			this.selectedHalos[nodeId].destroy();
+			delete this.selectedHalos[nodeId];
+		}
+	}
+	hideSelectionHalo(node) {
+		const selectionLayer = this.instance.getSelectionLayer();
+		if (selectionLayer) {
+			const groupHalo = selectionLayer.findOne(`#${node.getAttrs().id}-selection-halo`);
+			if (groupHalo) groupHalo.hide();
+		}
+	}
+	getLayer() {
+		const stage = this.instance.getStage();
+		return stage.findOne(`#${this.getLayerName()}`);
+	}
+	enable() {
+		this.getLayer()?.show();
+		this.enabled = true;
+	}
+	disable() {
+		this.getLayer()?.hide();
+		this.enabled = false;
+	}
+};
+
 //#endregion
 //#region src/plugins/connected-users/constants.ts
 const WEAVE_CONNECTED_USERS_KEY = "connectedUsers";
@@ -30854,7 +31071,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;
 		});
 	}
@@ -31095,7 +31312,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);
@@ -32323,9 +32540,11 @@ var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 
 //#endregion
 //#region src/index.node.ts
-global._weave_isServerSide = true;
-global._weave_serverSideBackend = void 0;
+if (typeof window === "undefined") {
+	global._weave_isServerSide = true;
+	global._weave_serverSideBackend = void 0;
+}
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, ARROW_TOOL_ACTION_NAME, ARROW_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_COLOR, WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS, WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO, WEAVE_GRID_DEFAULT_MAJOR_EVERY, WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO, WEAVE_GRID_DEFAULT_ORIGIN_COLOR, WEAVE_GRID_DEFAULT_RADIUS, WEAVE_GRID_DEFAULT_SIZE, WEAVE_GRID_DEFAULT_STROKE, WEAVE_GRID_DEFAULT_TYPE, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_TYPE, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, getBoundingBox, getExportBoundingBox, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, setupCanvasBackend, setupSkiaBackend };
 //# sourceMappingURL=sdk.node.js.map