@inditextech/weave-sdk 2.23.0 → 3.0.0-SNAPSHOT.14.1

package/dist/sdk.js

@@ -18635,6 +18635,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	panLoopId = null;
 	prevSelectedNodes = [];
 	handledClickOrTap = false;
+	dragInProcess = false;
+	dragSelectedNodes = [];
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_SELECTION_DEFAULT_CONFIG, params?.config ?? {});
@@ -18662,6 +18664,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.pointers = {};
 		this.panLoopId = null;
 		this.tapTimeoutId = null;
+		this.dragSelectedNodes = [];
+		this.dragInProcess = false;
 	}
 	getName() {
 		return WEAVE_NODES_SELECTION_KEY;
@@ -18722,7 +18726,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			listening: false
 		});
 		selectionLayer?.add(trHover);
-		stage.on("pointermove", () => {
+		const handlePointerMoveInit = () => {
+			if (this.dragInProcess) return;
 			if (tr.nodes().length === 1 && tr.nodes()[0].getAttrs().isContainerPrincipal) {
 				const pos = stage.getPointerPosition();
 				if (!pos) return;
@@ -18744,7 +18749,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 					tr.forceUpdate();
 				}
 			}
-		});
+		};
+		stage.on("pointermove", (0, import_throttle.default)(handlePointerMoveInit, DEFAULT_THROTTLE_MS));
 		tr.on("transformstart", () => {
 			this.triggerSelectedNodesEvent();
 			const selectedNodes = tr.nodes();
@@ -18759,6 +18765,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		});
 		let nodeHovered = void 0;
 		tr.on("mousemove", () => {
+			if (this.dragInProcess) return;
 			const pointerPos = stage.getPointerPosition();
 			if (!pointerPos) return;
 			this.disable();
@@ -18793,16 +18800,19 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const moved = this.checkMoved(e);
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
 			this.triggerSelectedNodesEvent();
-			if (this.getUsersPresencePlugin()) for (const node of tr.nodes()) this.getUsersPresencePlugin()?.setPresence(node.id(), {
-				x: node.x(),
-				y: node.y(),
-				width: node.width(),
-				height: node.height(),
-				scaleX: node.scaleX(),
-				scaleY: node.scaleY(),
-				rotation: node.rotation(),
-				strokeScaleEnabled: false
-			});
+			if (this.getUsersPresencePlugin()) {
+				for (const node of tr.nodes()) this.getUsersPresencePlugin()?.setPresence(node.id(), {
+					x: node.x(),
+					y: node.y(),
+					width: node.width(),
+					height: node.height(),
+					scaleX: node.scaleX(),
+					scaleY: node.scaleY(),
+					rotation: node.rotation(),
+					strokeScaleEnabled: false
+				}, false);
+				this.getUsersPresencePlugin()?.forceSendPresence();
+			}
 		};
 		tr.on("transform", (0, import_throttle.default)(handleTransform, DEFAULT_THROTTLE_MS));
 		tr.on("transformend", () => {
@@ -18811,7 +18821,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			for (const node of selectedNodes) {
 				if (node.getAttrs()._revertStrokeScaleEnabled === true) node.setAttr("strokeScaleEnabled", true);
 				node.setAttr("_revertStrokeScaleEnabled", void 0);
-				if (this.getUsersPresencePlugin()) this.getUsersPresencePlugin()?.removePresence(node.id());
 			}
 			this.triggerSelectedNodesEvent();
 		});
@@ -18819,23 +18828,23 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		let originalNodes = {};
 		let originalContainers = {};
 		tr.on("dragstart", (e) => {
+			this.dragInProcess = true;
+			tr.visible(false);
+			const mainLayer = this.instance.getMainLayer();
+			if (!mainLayer) return;
 			initialPos = {
 				x: e.target.x(),
 				y: e.target.y()
 			};
 			this.didMove = false;
 			const stage$1 = this.instance.getStage();
+			this.saveDragSelectedNodes();
+			if (this.getDragSelectedNodes().length > 1) this.setNodesOpacityOnDrag();
 			if (stage$1.isMouseWheelPressed()) {
 				e.cancelBubble = true;
 				e.target.stopDrag();
 				return;
 			}
-			const nodes = tr.nodes();
-			if (nodes.length > 1) for (const node of nodes) {
-				const originalNodeOpacity = node.getAttrs().opacity ?? 1;
-				node.setAttr("dragStartOpacity", originalNodeOpacity);
-				node.opacity(this.getDragOpacity());
-			}
 			const selectedNodes = tr.nodes();
 			for (const node of selectedNodes) {
 				const originalNode = node.clone();
@@ -18882,27 +18891,30 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (this.isSelecting() && selectedNodes.length > 1) {
 				clearContainerTargets(this.instance);
 				const layerToMove = containerOverCursor(this.instance, selectedNodes);
-				if (this.getUsersPresencePlugin()) for (const node of selectedNodes) this.getUsersPresencePlugin()?.setPresence(node.id(), {
-					x: node.x(),
-					y: node.y()
-				});
+				if (this.getUsersPresencePlugin() && this.dragInProcess) {
+					console.log("sending presence user");
+					for (const node of selectedNodes) this.getUsersPresencePlugin()?.setPresence(node.id(), {
+						x: node.x(),
+						y: node.y()
+					}, false);
+					this.getUsersPresencePlugin()?.forceSendPresence();
+				}
 				if (layerToMove && !selectionContainsFrames) layerToMove.fire(WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 			}
 			tr.forceUpdate();
 		};
-		tr.on("dragmove", handleDragMove);
+		tr.on("dragmove", (0, import_throttle.default)(handleDragMove, DEFAULT_THROTTLE_MS));
 		tr.on("dragend", (e) => {
+			this.dragInProcess = false;
+			const mainLayer = this.instance.getMainLayer();
+			if (!mainLayer) return;
+			tr.visible(true);
+			this.instance.getSelectionLayer()?.hitGraphEnabled(true);
+			this.instance.getMainLayer()?.hitGraphEnabled(true);
+			if (this.getDragSelectedNodes().length > 1) this.restoreNodesOpacityOnDrag();
 			if (!this.didMove) return;
 			if (this.getSelectedNodes().length > 1) this.instance.releaseMutexLock();
 			e.cancelBubble = true;
-			if (tr.nodes().length > 1) {
-				const nodes$1 = tr.nodes();
-				for (const node of nodes$1) {
-					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node);
-					this.getNodesSelectionFeedbackPlugin()?.updateSelectionHalo(node);
-					this.getUsersPresencePlugin()?.removePresence(node.id());
-				}
-			}
 			this.instance.getCloningManager().cleanupClones();
 			this.getStagePanningPlugin()?.cleanupEdgeMoveIntervals();
 			const selectedNodes = tr.nodes();
@@ -18912,12 +18924,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				selectionContainsFrames = selectionContainsFrames || hasFrames(node);
 				node.updatePosition(node.getAbsolutePosition());
 			}
-			const nodes = tr.nodes();
-			if (nodes.length > 1) for (const node of nodes) {
-				const dragStartOpacity = node.getAttr("dragStartOpacity") ?? 1;
-				node.opacity(dragStartOpacity);
-				node.setAttr("dragStartOpacity", void 0);
-			}
 			if (this.isSelecting() && tr.nodes().length > 1) this.instance.stateTransactional(() => {
 				const actualCursor = stage.container().style.cursor;
 				stage.container().style.cursor = "wait";
@@ -18953,7 +18959,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 						clearContainerTargets(this.instance);
 						toSelect.push(node.getAttrs().id ?? "");
 						const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-						if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
 						if (!nodeHandler) return;
 						toSelect.push(node.getAttrs().id ?? "");
 						toUpdate.push(nodeHandler.serialize(node));
@@ -19186,7 +19191,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		stage.container().addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
 			if (e.code === "Space") this.isSpaceKeyPressed = true;
-			if ((e.code === "Backspace" || e.code === "Delete") && Object.keys(window.weaveTextEditing).length === 0) {
+			if (e.code === "Backspace" || e.code === "Delete") {
 				Promise.resolve().then(() => {
 					this.removeSelectedNodes();
 				});
@@ -19269,7 +19274,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.updateSelectionRect();
 			this.updatePanDirection();
 		};
-		stage.on("pointermove", handleMouseMove);
+		stage.on("pointermove", (0, import_throttle.default)(handleMouseMove, DEFAULT_THROTTLE_MS));
 		this.panLoop();
 		stage.on("pointerup", (e) => {
 			const store = this.instance.getStore();
@@ -19592,6 +19597,26 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	getSelectorConfig() {
 		return this.config.selection;
 	}
+	saveDragSelectedNodes() {
+		this.dragSelectedNodes = this.tr.nodes();
+	}
+	getDragSelectedNodes() {
+		return this.dragSelectedNodes;
+	}
+	setNodesOpacityOnDrag() {
+		for (const node of this.dragSelectedNodes) {
+			const originalNodeOpacity = node.getAttrs().opacity ?? 1;
+			node.setAttr("dragStartOpacity", originalNodeOpacity);
+			node.opacity(this.getDragOpacity());
+		}
+	}
+	restoreNodesOpacityOnDrag() {
+		for (const node of this.dragSelectedNodes) {
+			const dragStartOpacity = node.getAttr("dragStartOpacity") ?? 1;
+			node.opacity(dragStartOpacity);
+			node.setAttr("dragStartOpacity", void 0);
+		}
+	}
 	getDragOpacity() {
 		return this.config.style.dragOpacity;
 	}
@@ -20319,7 +20344,6 @@ var WeaveNode = class {
 			node.on("transformend", (e) => {
 				const node$1 = e.target;
 				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) this.instance.releaseMutexLock();
-				this.getUsersPresencePlugin()?.removePresence(node$1.id());
 				if (e.target.getAttrs()._revertStrokeScaleEnabled === true) e.target.setAttr("strokeScaleEnabled", true);
 				e.target.setAttr("_revertStrokeScaleEnabled", void 0);
 				this.instance.emitEvent("onTransform", null);
@@ -20356,6 +20380,8 @@ var WeaveNode = class {
 			node.on("dragstart", (e) => {
 				const nodeTarget = e.target;
 				this.getNodesSelectionFeedbackPlugin()?.hideSelectionHalo(nodeTarget);
+				this.getSelectionPlugin()?.saveDragSelectedNodes();
+				if (this.getSelectionPlugin()?.getDragSelectedNodes().length === 1) this.getSelectionPlugin()?.setNodesOpacityOnDrag();
 				const canMove = nodeTarget.canDrag();
 				if (!canMove) {
 					nodeTarget.stopDrag();
@@ -20386,10 +20412,6 @@ var WeaveNode = class {
 					startPosition = null;
 					isShiftPressed = false;
 				}
-				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1 && realNodeTarget.getAttr("dragStartOpacity") === void 0) {
-					realNodeTarget.setAttr("dragStartOpacity", realNodeTarget.opacity());
-					realNodeTarget.opacity(this.getNodesSelectionPlugin()?.getDragOpacity());
-				}
 				originalNode = realNodeTarget.clone();
 				originalContainer = realNodeTarget.getParent();
 				if (originalContainer?.getAttrs().nodeId) originalContainer = stage.findOne(`#${originalContainer.getAttrs().nodeId}`);
@@ -20399,9 +20421,6 @@ var WeaveNode = class {
 					nodeTarget.stopDrag(e.evt);
 					e.cancelBubble = true;
 					const clone = this.instance.getCloningManager().cloneNode(realNodeTarget);
-					const originalNodeOpacity = realNodeTarget.getAttr("dragStartOpacity") ?? 1;
-					realNodeTarget.setAttrs({ opacity: originalNodeOpacity });
-					realNodeTarget.setAttr("dragStartOpacity", void 0);
 					if (clone && !this.instance.getCloningManager().isClone(clone)) {
 						clone.setAttrs({
 							isCloneOrigin: false,
@@ -20484,6 +20503,7 @@ var WeaveNode = class {
 				startPosition = null;
 				lockedAxis = null;
 				isShiftPressed = false;
+				if (this.getSelectionPlugin()?.getDragSelectedNodes().length === 1) this.getSelectionPlugin()?.restoreNodesOpacityOnDrag();
 				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					this.instance.releaseMutexLock();
 					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(nodeTarget);
@@ -20505,12 +20525,6 @@ var WeaveNode = class {
 				}
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
-				this.getUsersPresencePlugin()?.removePresence(realNodeTarget.id());
-				if (this.getNodesSelectionPlugin()?.getSelectedNodes().length === 1 && realNodeTarget.getAttr("dragStartOpacity") !== void 0) {
-					const originalNodeOpacity = realNodeTarget.getAttr("dragStartOpacity") ?? 1;
-					realNodeTarget.setAttrs({ opacity: originalNodeOpacity });
-					realNodeTarget.setAttr("dragStartOpacity", void 0);
-				}
 				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) this.instance.stateTransactional(() => {
 					clearContainerTargets(this.instance);
 					const nodesEdgeSnappingPlugin = this.getNodesEdgeSnappingPlugin();
@@ -21206,171 +21220,175 @@ var WeaveGroupsManager = class {
 		};
 	}
 	group(nodes) {
-		this.logger.debug({ nodes }, "Grouping nodes");
-		const stage = this.instance.getStage();
-		const state = this.instance.getStore().getState();
-		const mainLayer = this.instance.getMainLayer();
-		if ((0, import_lodash.isEmpty)(state.weave)) {
-			this.logger.warn({ nodes }, "State is empty, cannot group nodes");
-			return;
-		}
-		const { realNodes, parentId } = this.allNodesInSameParent(nodes);
-		const selectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (selectionPlugin) {
-			const tr = selectionPlugin.getTransformer();
-			tr.hide();
-			selectionPlugin.setSelectedNodes([]);
-		}
-		let parentNodeId = parentId ?? WEAVE_NODE_LAYER_ID;
-		if (typeof parentNodeId === "undefined") parentNodeId = WEAVE_NODE_LAYER_ID;
-		const parentLayer = stage.findOne(`#${parentNodeId}`);
-		const groupId = v4_default();
-		const groupInstance = new Konva.Group({
-			id: v4_default(),
-			nodeType: "group",
-			draggable: true
-		});
-		parentLayer?.add(groupInstance);
-		const groupHandler = this.instance.getNodeHandler("group");
-		if (groupHandler) {
-			const groupNode$1 = groupHandler.create(groupId, { draggable: true });
-			this.instance.addNode(groupNode$1, parentNodeId, { emitUserChangeEvent: false });
-		}
-		const nodesWithZIndex = realNodes.map((node) => {
-			const instance = mainLayer?.findOne(`#${node.key}`);
-			return {
-				node,
-				zIndex: instance?.zIndex() ?? -1
-			};
-		}).filter((node) => node.zIndex !== -1);
-		const sortedNodesByZIndex = (0, import_lodash.orderBy)(nodesWithZIndex, ["zIndex"], ["asc"]).map((node) => node.node);
-		for (const [index, node] of sortedNodesByZIndex.entries()) {
-			if (node.type === "group") {
-				const groupChild = node;
-				const konvaGroup = mainLayer?.findOne(`#${groupChild.key}`);
-				if (konvaGroup) {
-					const nodePos = konvaGroup.getAbsolutePosition();
-					const nodeRotation = konvaGroup.getAbsoluteRotation();
-					konvaGroup.moveTo(groupInstance);
-					konvaGroup.setAbsolutePosition(nodePos);
-					konvaGroup.rotation(nodeRotation);
-					konvaGroup.zIndex(index);
-					konvaGroup.setAttr("id", v4_default());
-					konvaGroup.setAttr("draggable", false);
-					const handler = this.instance.getNodeHandler("group");
+		this.instance.stateTransactional(() => {
+			this.logger.debug({ nodes }, "Grouping nodes");
+			const stage = this.instance.getStage();
+			const state = this.instance.getStore().getState();
+			const mainLayer = this.instance.getMainLayer();
+			if ((0, import_lodash.isEmpty)(state.weave)) {
+				this.logger.warn({ nodes }, "State is empty, cannot group nodes");
+				return;
+			}
+			const { realNodes, parentId } = this.allNodesInSameParent(nodes);
+			const selectionPlugin = this.instance.getPlugin("nodesSelection");
+			if (selectionPlugin) {
+				const tr = selectionPlugin.getTransformer();
+				tr.hide();
+				selectionPlugin.setSelectedNodes([]);
+			}
+			let parentNodeId = parentId ?? WEAVE_NODE_LAYER_ID;
+			if (typeof parentNodeId === "undefined") parentNodeId = WEAVE_NODE_LAYER_ID;
+			const parentLayer = stage.findOne(`#${parentNodeId}`);
+			const groupId = v4_default();
+			const groupInstance = new Konva.Group({
+				id: v4_default(),
+				nodeType: "group",
+				draggable: true
+			});
+			parentLayer?.add(groupInstance);
+			const groupHandler = this.instance.getNodeHandler("group");
+			if (groupHandler) {
+				const groupNode$1 = groupHandler.create(groupId, { draggable: true });
+				this.instance.addNodeNT(groupNode$1, parentNodeId, { emitUserChangeEvent: false });
+			}
+			const nodesWithZIndex = realNodes.map((node) => {
+				const instance = mainLayer?.findOne(`#${node.key}`);
+				return {
+					node,
+					zIndex: instance?.zIndex() ?? -1
+				};
+			}).filter((node) => node.zIndex !== -1);
+			const sortedNodesByZIndex = (0, import_lodash.orderBy)(nodesWithZIndex, ["zIndex"], ["asc"]).map((node) => node.node);
+			for (const [index, node] of sortedNodesByZIndex.entries()) {
+				if (node.type === "group") {
+					const groupChild = node;
+					const konvaGroup = mainLayer?.findOne(`#${groupChild.key}`);
+					if (konvaGroup) {
+						const nodePos = konvaGroup.getAbsolutePosition();
+						const nodeRotation = konvaGroup.getAbsoluteRotation();
+						konvaGroup.moveTo(groupInstance);
+						konvaGroup.setAbsolutePosition(nodePos);
+						konvaGroup.rotation(nodeRotation);
+						konvaGroup.zIndex(index);
+						konvaGroup.setAttr("id", v4_default());
+						konvaGroup.setAttr("draggable", false);
+						const handler = this.instance.getNodeHandler("group");
+						if (handler) {
+							const stateNode = handler.serialize(konvaGroup);
+							this.instance.addNodeNT(stateNode, groupId, { emitUserChangeEvent: false });
+						}
+					}
+					continue;
+				}
+				const konvaNode = mainLayer?.findOne(`#${node.key}`);
+				if (konvaNode) {
+					const nodePos = konvaNode.getAbsolutePosition();
+					const nodeRotation = konvaNode.getAbsoluteRotation();
+					konvaNode.moveTo(groupInstance);
+					konvaNode.setAbsolutePosition(nodePos);
+					konvaNode.rotation(nodeRotation);
+					konvaNode.zIndex(index);
+					konvaNode.setAttr("id", v4_default());
+					konvaNode.setAttr("draggable", false);
+					const handler = this.instance.getNodeHandler(konvaNode.getAttrs().nodeType);
 					if (handler) {
-						const stateNode = handler.serialize(konvaGroup);
-						this.instance.addNode(stateNode, groupId, { emitUserChangeEvent: false });
+						const stateNode = handler.serialize(konvaNode);
+						this.instance.addNodeNT(stateNode, groupId, { emitUserChangeEvent: false });
 					}
 				}
-				continue;
 			}
-			const konvaNode = mainLayer?.findOne(`#${node.key}`);
-			if (konvaNode) {
-				const nodePos = konvaNode.getAbsolutePosition();
-				const nodeRotation = konvaNode.getAbsoluteRotation();
-				konvaNode.moveTo(groupInstance);
-				konvaNode.setAbsolutePosition(nodePos);
-				konvaNode.rotation(nodeRotation);
-				konvaNode.zIndex(index);
-				konvaNode.setAttr("id", v4_default());
-				konvaNode.setAttr("draggable", false);
-				const handler = this.instance.getNodeHandler(konvaNode.getAttrs().nodeType);
-				if (handler) {
-					const stateNode = handler.serialize(konvaNode);
-					this.instance.addNode(stateNode, groupId, { emitUserChangeEvent: false });
+			this.instance.removeNodes(sortedNodesByZIndex);
+			groupInstance.destroy();
+			const groupNode = stage.findOne(`#${groupId}`);
+			if (groupHandler && groupNode) this.instance.updateNodeNT(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) {
+					const tr = selectionPlugin$1.getTransformer();
+					selectionPlugin$1.setSelectedNodes([groupNode$1]);
+					tr.show();
+					tr.forceUpdate();
 				}
-			}
-		}
-		this.instance.removeNodes(sortedNodesByZIndex);
-		groupInstance.destroy();
-		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) {
-				const tr = selectionPlugin$1.getTransformer();
-				selectionPlugin$1.setSelectedNodes([groupNode$1]);
-				tr.show();
-				tr.forceUpdate();
-			}
-		}, 0);
+			}, 0);
+		});
 	}
 	unGroup(group) {
-		this.logger.debug({ group }, "Un-grouping group");
-		const stage = this.instance.getStage();
-		const konvaGroup = stage.findOne(`#${group.props.id}`);
-		if (!konvaGroup) {
-			this.logger.debug({ group }, "Group instance doesn't exists, cannot un-group");
-			return;
-		}
-		let nodeId = void 0;
-		let newLayer = this.instance.getMainLayer();
-		if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Group && konvaGroup.getParent()?.getAttrs().nodeId) {
-			nodeId = konvaGroup.getParent()?.getAttrs().nodeId;
-			newLayer = konvaGroup.getParent();
-		}
-		if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Group && !konvaGroup.getParent()?.getAttrs().nodeId) newLayer = konvaGroup.getParent();
-		if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Layer) newLayer = konvaGroup.getParent();
-		if (!newLayer) {
-			this.logger.debug({ group }, "Group target container doesn't exists, cannot un-group");
-			return;
-		}
-		const newLayerChildrenAmount = newLayer?.getChildren().length ?? 0;
-		let newChildId = void 0;
-		const children = [...konvaGroup.getChildren()];
-		for (const child of children) {
-			const absPos = child.getAbsolutePosition();
-			const absScale = child.getAbsoluteScale();
-			const absRotation = child.getAbsoluteRotation();
-			child.moveTo(newLayer);
-			child.position({
-				x: 0,
-				y: 0
-			});
-			child.scale({
-				x: 1,
-				y: 1
-			});
-			child.rotation(0);
-			child.offset({
-				x: 0,
-				y: 0
-			});
-			child.setAbsolutePosition(absPos);
-			child.scale({
-				x: absScale.x / stage.scaleX(),
-				y: absScale.y / stage.scaleY()
-			});
-			child.rotation(absRotation);
-			child.zIndex(newLayerChildrenAmount - 1 + child.zIndex());
-			child.setAttr("draggable", true);
-			newChildId = child.getAttrs().id;
-			const handler = this.instance.getNodeHandler(child.getAttrs().nodeType);
-			if (handler) {
-				const node = handler.serialize(child);
-				const newNodeId = v4_default();
-				const oldId = node.key;
-				node.key = newNodeId;
-				node.props.id = newNodeId;
-				for (const prop of Object.keys(node.props)) if (typeof node.props[prop] === "string") node.props[prop] = node.props[prop].replace(oldId, newNodeId);
-				this.instance.addNode(node, nodeId ?? newLayer.getAttrs().id);
+		this.instance.stateTransactional(() => {
+			this.logger.debug({ group }, "Un-grouping group");
+			const stage = this.instance.getStage();
+			const konvaGroup = stage.findOne(`#${group.props.id}`);
+			if (!konvaGroup) {
+				this.logger.debug({ group }, "Group instance doesn't exists, cannot un-group");
+				return;
 			}
-			child.destroy();
-		}
-		const groupHandler = this.instance.getNodeHandler("group");
-		if (groupHandler) {
-			const groupNode = groupHandler.serialize(konvaGroup);
-			this.instance.removeNode(groupNode, { emitUserChangeEvent: false });
-		}
-		setTimeout(() => {
-			this.getNodesMultiSelectionFeedbackPlugin()?.cleanupSelectedHalos();
-			const firstElement = newLayer.findOne(`#${newChildId}`);
-			const selectionPlugin = this.instance.getPlugin("nodesSelection");
-			if (firstElement && selectionPlugin) selectionPlugin.setSelectedNodes([firstElement]);
-		}, 0);
+			let nodeId = void 0;
+			let newLayer = this.instance.getMainLayer();
+			if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Group && konvaGroup.getParent()?.getAttrs().nodeId) {
+				nodeId = konvaGroup.getParent()?.getAttrs().nodeId;
+				newLayer = konvaGroup.getParent();
+			}
+			if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Group && !konvaGroup.getParent()?.getAttrs().nodeId) newLayer = konvaGroup.getParent();
+			if (konvaGroup.getParent() && konvaGroup.getParent() instanceof Konva.Layer) newLayer = konvaGroup.getParent();
+			if (!newLayer) {
+				this.logger.debug({ group }, "Group target container doesn't exists, cannot un-group");
+				return;
+			}
+			const newLayerChildrenAmount = newLayer?.getChildren().length ?? 0;
+			let newChildId = void 0;
+			const children = [...konvaGroup.getChildren()];
+			for (const child of children) {
+				const absPos = child.getAbsolutePosition();
+				const absScale = child.getAbsoluteScale();
+				const absRotation = child.getAbsoluteRotation();
+				child.moveTo(newLayer);
+				child.position({
+					x: 0,
+					y: 0
+				});
+				child.scale({
+					x: 1,
+					y: 1
+				});
+				child.rotation(0);
+				child.offset({
+					x: 0,
+					y: 0
+				});
+				child.setAbsolutePosition(absPos);
+				child.scale({
+					x: absScale.x / stage.scaleX(),
+					y: absScale.y / stage.scaleY()
+				});
+				child.rotation(absRotation);
+				child.zIndex(newLayerChildrenAmount - 1 + child.zIndex());
+				child.setAttr("draggable", true);
+				newChildId = child.getAttrs().id;
+				const handler = this.instance.getNodeHandler(child.getAttrs().nodeType);
+				if (handler) {
+					const node = handler.serialize(child);
+					const newNodeId = v4_default();
+					const oldId = node.key;
+					node.key = newNodeId;
+					node.props.id = newNodeId;
+					for (const prop of Object.keys(node.props)) if (typeof node.props[prop] === "string") node.props[prop] = node.props[prop].replace(oldId, newNodeId);
+					this.instance.addNodeNT(node, nodeId ?? newLayer.getAttrs().id);
+				}
+				child.destroy();
+			}
+			const groupHandler = this.instance.getNodeHandler("group");
+			if (groupHandler) {
+				const groupNode = groupHandler.serialize(konvaGroup);
+				this.instance.removeNodeNT(groupNode, { emitUserChangeEvent: false });
+			}
+			setTimeout(() => {
+				this.getNodesMultiSelectionFeedbackPlugin()?.cleanupSelectedHalos();
+				const firstElement = newLayer.findOne(`#${newChildId}`);
+				const selectionPlugin = this.instance.getPlugin("nodesSelection");
+				if (firstElement && selectionPlugin) selectionPlugin.setSelectedNodes([firstElement]);
+			}, 0);
+		});
 	}
 	extractTransformFromMatrix(m) {
 		const a = m[0], b = m[1], c = m[2], d = m[3], e = m[4], f = m[5];
@@ -22168,7 +22186,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "2.23.0";
+var version = "3.0.0-SNAPSHOT.14.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -23014,6 +23032,41 @@ var WeaveUsersManager = class {
 	}
 };
 
+//#endregion
+//#region src/managers/drag-and-drop.ts
+var WeaveDragAndDropManager = class {
+	constructor(instance) {
+		this.instance = instance;
+		this.logger = this.instance.getChildLogger("drag-and-drop-manager");
+		this.logger.debug("Drag and drop manager created");
+		this.dragStarted = null;
+		this.properties = null;
+	}
+	getDragStartedId() {
+		return this.dragStarted;
+	}
+	isDragStarted() {
+		return this.dragStarted !== null;
+	}
+	startDrag(id) {
+		if (this.dragStarted !== null) throw new Error(`Drag already started with id ${this.dragStarted}`);
+		this.dragStarted = id;
+		this.properties = null;
+	}
+	getDragProperties() {
+		return this.properties;
+	}
+	setDragProperties(properties) {
+		if (this.dragStarted === null) throw new Error("Trying to set drag and drop properties without starting drag");
+		this.properties = properties;
+	}
+	endDrag(id) {
+		if (this.dragStarted !== id && this.dragStarted !== null) throw new Error(`Trying to end drag with id ${id} but drag started with id ${this.dragStarted}`);
+		this.dragStarted = null;
+		this.properties = null;
+	}
+};
+
 //#endregion
 //#region src/weave.ts
 var Weave = class {
@@ -23052,6 +23105,7 @@ var Weave = class {
 		this.mutexManager = new WeaveMutexManager(this);
 		this.asyncManager = new WeaveAsyncManager(this);
 		this.hooksManager = new WeaveHooksManager(this);
+		this.dragAndDropManager = new WeaveDragAndDropManager(this);
 		this.setupManager.welcomeLog();
 	}
 	getRenderer() {
@@ -23092,8 +23146,6 @@ var Weave = class {
 		this.moduleLogger.info("Start instance");
 		if (!this.isServerSide()) {
 			if (!window.weave) window.weave = this;
-			window.weaveTextEditing = {};
-			window.weaveDragImageURL = void 0;
 		}
 		this.emitEvent("onRoomLoaded", false);
 		this.status = WEAVE_INSTANCE_STATUS.STARTING;
@@ -23722,6 +23774,24 @@ var Weave = class {
 	getUsers() {
 		return this.usersManager.getUsers();
 	}
+	getDragStartedId() {
+		return this.dragAndDropManager.getDragStartedId();
+	}
+	isDragStarted() {
+		return this.dragAndDropManager.isDragStarted();
+	}
+	startDrag(id) {
+		this.dragAndDropManager.startDrag(id);
+	}
+	endDrag(id) {
+		this.dragAndDropManager.endDrag(id);
+	}
+	setDragProperties(properties) {
+		this.dragAndDropManager.setDragProperties(properties);
+	}
+	getDragProperties() {
+		return this.dragAndDropManager.getDragProperties();
+	}
 };
 
 //#endregion
@@ -24553,7 +24623,7 @@ var WeaveTextNode = class extends WeaveNode {
 			const nodeSelected = selectionPlugin?.getSelectedNodes().length === 1 && selectionPlugin?.getSelectedNodes()[0].getAttrs().nodeType === WEAVE_TEXT_NODE_TYPE ? selectionPlugin?.getSelectedNodes()[0] : null;
 			if (this.isSelecting() && nodeSelected) {
 				const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
-				if (nodesSelectionPlugin && nodesSelectionPlugin.getSelectedNodes().length === 1 && nodesSelectionPlugin.getSelectedNodes()[0].getAttrs().nodeType === WEAVE_TEXT_NODE_TYPE && !window.weaveTextEditing[nodesSelectionPlugin.getSelectedNodes()[0].id()]) this.triggerEditMode(nodesSelectionPlugin.getSelectedNodes()[0]);
+				if (nodesSelectionPlugin && nodesSelectionPlugin.getSelectedNodes().length === 1 && nodesSelectionPlugin.getSelectedNodes()[0].getAttrs().nodeType === WEAVE_TEXT_NODE_TYPE && !this.editing) this.triggerEditMode(nodesSelectionPlugin.getSelectedNodes()[0]);
 			}
 		}
 	};
@@ -24799,7 +24869,6 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.pointerEvents = "auto";
 		this.instance.addEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 		this.instance.addEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
-		window.weaveTextEditing[textNode.id()] = "editing";
 		const upscaleScale = stage.getAttr("upscaleScale");
 		this.textArea.value = textNode.text();
 		this.textArea.id = textNode.id();
@@ -24866,10 +24935,12 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.onfocus = () => {
 			this.textAreaDomResize(textNode);
 		};
-		this.textArea.onkeydown = () => {
+		this.textArea.onkeydown = (e) => {
+			e.stopPropagation();
 			this.textAreaDomResize(textNode);
 		};
-		this.textArea.onkeyup = () => {
+		this.textArea.onkeyup = (e) => {
+			e.stopPropagation();
 			this.textAreaDomResize(textNode);
 		};
 		this.textArea.onpaste = () => {
@@ -25010,7 +25081,6 @@ var WeaveTextNode = class extends WeaveNode {
 		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.editing = false;
 		const stage = this.instance.getStage();
-		delete window.weaveTextEditing[textNode.id()];
 		if (this.textAreaSuperContainer) this.textAreaSuperContainer.remove();
 		textNode.visible(true);
 		this.updateNode(textNode);
@@ -25076,6 +25146,7 @@ const WEAVE_IMAGE_CROP_ANCHOR_POSITION = {
 };
 const WEAVE_IMAGE_DEFAULT_CONFIG = {
 	performance: { cache: { enabled: false } },
+	style: { placeholder: { fill: "#aaaaaa" } },
 	crossOrigin: "anonymous",
 	cropMode: {
 		gridLines: { enabled: true },
@@ -25647,6 +25718,7 @@ var WeaveImageNode = class extends WeaveNode {
 	imageBitmapCache = {};
 	imageSource = {};
 	imageState = {};
+	imageIconSource = null;
 	nodeType = WEAVE_IMAGE_NODE_TYPE;
 	constructor(params) {
 		super();
@@ -25780,7 +25852,7 @@ var WeaveImageNode = class extends WeaveNode {
 			rotation: 0,
 			width: imageProps.width || 0,
 			height: imageProps.height || 0,
-			fill: "#ccccccff",
+			fill: this.config.style.placeholder.fill,
 			strokeWidth: 0,
 			draggable: false,
 			visible: true
@@ -33403,12 +33475,15 @@ var WeaveTextToolAction = class extends WeaveAction {
 const IMAGE_TOOL_ACTION_NAME = "imageTool";
 const IMAGE_TOOL_STATE = {
 	["IDLE"]: "idle",
-	["UPLOADING"]: "uploading",
 	["DEFINING_POSITION"]: "definingPosition",
 	["SELECTED_POSITION"]: "selectedPosition",
 	["ADDING"]: "adding",
 	["FINISHED"]: "finished"
 };
+const IMAGE_TOOL_LOAD_FROM = {
+	["DATAURL"]: "dataURL",
+	["URL"]: "url"
+};
 
 //#endregion
 //#region src/actions/image-tool/image-tool.ts
@@ -33444,16 +33519,18 @@ var WeaveImageToolAction = class extends WeaveAction {
 	}
 	onInit() {
 		this.instance.addEventListener("onStageDrop", (e) => {
-			if (window.weaveDragImageURL) {
+			const dragId = this.instance.getDragStartedId();
+			const dragProperties = this.instance.getDragProperties();
+			if (dragProperties && dragId === IMAGE_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
 				const position = getPositionRelativeToContainerOnPosition(this.instance);
 				this.instance.triggerAction(IMAGE_TOOL_ACTION_NAME, {
-					imageURL: window.weaveDragImageURL,
-					imageId: window.weaveDragImageId,
+					imageURL: dragProperties.imageURL,
+					...dragProperties.imageId && { imageId: dragProperties.imageId },
+					...dragProperties.imageWidth && { imageWidth: dragProperties.imageWidth },
+					...dragProperties.imageHeight && { imageHeight: dragProperties.imageHeight },
 					position
 				});
-				window.weaveDragImageURL = void 0;
-				window.weaveDragImageId = void 0;
 			}
 		});
 	}
@@ -33501,17 +33578,29 @@ var WeaveImageToolAction = class extends WeaveAction {
 	setState(state) {
 		this.state = state;
 	}
-	loadImage(imageURL, position) {
+	loadImage(imageData, kind, position) {
 		this.setCursor();
 		this.setFocusStage();
-		this.imageId = v4_default();
-		this.imageURL = imageURL;
+		if (!this.imageId) {
+			this.cancelAction();
+			return;
+		}
+		this.imageURL = kind === IMAGE_TOOL_LOAD_FROM.DATAURL ? "not-defined" : imageData;
 		const imageNodeHandler = this.getImageNodeHandler();
 		if (!imageNodeHandler) {
 			this.cancelAction();
 			return;
 		}
-		imageNodeHandler.preloadImage(this.imageId, imageURL, {
+		if (IMAGE_TOOL_LOAD_FROM.URL === kind) {
+			this.props = {
+				...this.props,
+				imageURL: this.imageURL,
+				width: this.props.loadImageWidth,
+				height: this.props.loadImageHeight
+			};
+			this.addImageNode(position);
+		}
+		imageNodeHandler.preloadImage(this.imageId, imageData, {
 			onLoad: () => {
 				this.instance.emitEvent("onImageLoadEnd", void 0);
 				const imageSource = imageNodeHandler.getImageSource(this.imageId);
@@ -33578,10 +33667,6 @@ var WeaveImageToolAction = class extends WeaveAction {
 		this.clickPoint = null;
 		this.setState(IMAGE_TOOL_STATE.DEFINING_POSITION);
 	}
-	addImage(position) {
-		if (position) this.clickPoint = position;
-		this.setState(IMAGE_TOOL_STATE.UPLOADING);
-	}
 	handleAdding(position) {
 		if (this.imageId) {
 			const imageNodeHandler = this.getImageNodeHandler();
@@ -33590,7 +33675,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 				return;
 			}
 			const imageSource = imageNodeHandler.getImageSource(this.imageId);
-			if (!imageSource) {
+			if (!imageSource && !position) {
 				this.cancelAction();
 				return;
 			}
@@ -33598,6 +33683,8 @@ var WeaveImageToolAction = class extends WeaveAction {
 			this.clickPoint = mousePoint;
 			this.container = container;
 			const nodeHandler = this.instance.getNodeHandler("image");
+			const imageWidth = this.props.loadImageWidth ? this.props.loadImageWidth : imageSource?.width;
+			const imageHeight = this.props.loadImageHeight ? this.props.loadImageHeight : imageSource?.height;
 			if (nodeHandler) {
 				const node = nodeHandler.create(this.imageId, {
 					...this.props,
@@ -33609,11 +33696,11 @@ var WeaveImageToolAction = class extends WeaveAction {
 					stroke: "#000000ff",
 					strokeWidth: 0,
 					strokeScaleEnabled: true,
-					imageWidth: imageSource.width,
-					imageHeight: imageSource.height,
+					imageWidth,
+					imageHeight,
 					imageInfo: {
-						width: imageSource.width,
-						height: imageSource.height
+						width: imageWidth,
+						height: imageHeight
 					}
 				});
 				this.instance.addNode(node, this.forceMainContainer ? this.instance.getMainLayer()?.getAttrs().id : this.container?.getAttrs().id);
@@ -33633,14 +33720,31 @@ var WeaveImageToolAction = class extends WeaveAction {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 		this.forceMainContainer = params?.forceMainContainer ?? false;
+		this.imageId = v4_default();
+		this.props = this.initProps();
 		if (params?.imageId) this.updateProps({ imageId: params.imageId });
-		if (params?.imageURL) {
-			this.loadImage(params.imageURL, params?.position ?? void 0);
-			return;
+		if (params?.imageId) this.updateProps({ loadImageWidth: params.imageWidth });
+		if (params?.imageId) this.updateProps({ loadImageHeight: params.imageHeight });
+		if (params.imageData) this.loadImage(params.imageData, IMAGE_TOOL_LOAD_FROM.DATAURL, params?.position ?? void 0);
+		if (params.imageURL) this.loadImage(params.imageURL, IMAGE_TOOL_LOAD_FROM.URL, params?.position ?? void 0);
+		return {
+			nodeId: this.imageId,
+			finishUploadCallback: (nodeId, imageURL) => {
+				return this.saveImageUrl.bind(this)(nodeId, imageURL);
+			}
+		};
+	}
+	saveImageUrl(nodeId, imageURL) {
+		this.imageURL = imageURL;
+		if (this.state !== IMAGE_TOOL_STATE.DEFINING_POSITION) {
+			const stage = this.instance.getStage();
+			const nodeHandler = this.instance.getNodeHandler("image");
+			const node = stage.findOne(`#${nodeId}`);
+			if (nodeHandler && node) {
+				node.setAttr("imageURL", imageURL);
+				this.instance.updateNode(nodeHandler.serialize(node));
+			}
 		}
-		this.props = this.initProps();
-		this.addImage();
-		return { finishUploadCallback: this.loadImage.bind(this) };
 	}
 	cleanup() {
 		const stage = this.instance.getStage();
@@ -33652,6 +33756,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().style.cursor = "default";
+		this.instance.endDrag(IMAGE_TOOL_ACTION_NAME);
 		this.initialCursor = null;
 		this.imageId = null;
 		this.forceMainContainer = false;
@@ -33674,6 +33779,10 @@ var WeaveImageToolAction = class extends WeaveAction {
 		stage.container().blur();
 		stage.container().focus();
 	}
+	setDragAndDropProperties(properties) {
+		this.instance.startDrag(IMAGE_TOOL_ACTION_NAME);
+		this.instance.setDragProperties(properties);
+	}
 };
 
 //#endregion
@@ -35413,16 +35522,16 @@ var WeaveVideoToolAction = class extends WeaveAction {
 	}
 	onInit() {
 		this.instance.addEventListener("onStageDrop", (e) => {
-			if (window.weaveDragVideoId && window.weaveDragVideoParams) {
+			const dragId = this.instance.getDragStartedId();
+			const dragProperties = this.instance.getDragProperties();
+			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
 				const position = getPositionRelativeToContainerOnPosition(this.instance);
 				this.instance.triggerAction(VIDEO_TOOL_ACTION_NAME, {
-					videoId: window.weaveDragVideoId,
-					videoParams: window.weaveDragVideoParams,
+					videoId: dragProperties.videoId,
+					videoParams: dragProperties.videoParams,
 					position
 				});
-				window.weaveDragVideoParams = void 0;
-				window.weaveDragVideoId = void 0;
 			}
 		});
 	}
@@ -35525,6 +35634,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 			if (node) selectionPlugin.setSelectedNodes([node]);
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
+		this.instance.endDrag(VIDEO_TOOL_ACTION_NAME);
 		stage.container().style.cursor = "default";
 		this.initialCursor = null;
 		this.videoId = null;
@@ -35538,6 +35648,10 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		stage.container().style.cursor = "crosshair";
 	}
+	setDragAndDropProperties(properties) {
+		this.instance.startDrag(VIDEO_TOOL_ACTION_NAME);
+		this.instance.setDragProperties(properties);
+	}
 };
 
 //#endregion
@@ -37597,7 +37711,6 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/users-presence/users-presence.ts
 var WeaveUsersPresencePlugin = class extends WeavePlugin {
-	userPresence = {};
 	onRender = void 0;
 	constructor(params) {
 		super();
@@ -37608,19 +37721,8 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 	getName() {
 		return WEAVE_USERS_PRESENCE_PLUGIN_KEY;
 	}
-	registerHooks() {
-		this.instance.registerHook("onPresenceUpdate:usersPresencePlugin", ({ node, presenceData }) => {
-			const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
-			const newProps = {
-				...node.getAttrs(),
-				...presenceData
-			};
-			nodeHandler?.onUpdate(node, newProps);
-		});
-	}
 	onInit() {
 		const stage = this.instance.getStage();
-		this.registerHooks();
 		this.instance.addEventListener("onAwarenessChange", (changes) => {
 			for (const change of changes) {
 				if (!change[WEAVE_USER_PRESENCE_KEY]) continue;
@@ -37631,12 +37733,13 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 					const presenceInfo = userPresence[nodeId];
 					if (this.config.getUser().id === presenceInfo.userId) continue;
 					const nodeInstance = stage.findOne(`#${presenceInfo.nodeId}`);
-					if (nodeInstance) this.instance.runPhaseHooks("onPresenceUpdate", (hook) => {
-						hook({
-							node: nodeInstance,
-							presenceData: presenceInfo.attrs
-						});
-					});
+					if (nodeInstance) {
+						const newProps = {
+							...nodeInstance.getAttrs(),
+							...presenceInfo.attrs
+						};
+						nodeInstance.setAttrs(newProps);
+					}
 				}
 			}
 		});
@@ -37645,18 +37748,29 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 		const store = this.instance.getStore();
 		store.setAwarenessInfo(WEAVE_USER_PRESENCE_KEY, this.userPresence);
 	}
-	setPresence(nodeId, attrs) {
+	setPresence(nodeId, attrs, forceUpdate = true) {
 		const userInfo = this.config.getUser();
 		this.userPresence[nodeId] = {
 			userId: userInfo.id,
 			nodeId,
 			attrs
 		};
-		this.sendPresence();
+		if (forceUpdate) {
+			this.sendPresence();
+			setTimeout(() => {
+				if (this.userPresence) {
+					this.userPresence = {};
+					this.sendPresence();
+				}
+			}, 250);
+		}
 	}
-	removePresence(nodeId) {
-		if (this.userPresence[nodeId]) delete this.userPresence[nodeId];
+	forceSendPresence() {
 		this.sendPresence();
+		setTimeout(() => {
+			this.userPresence = {};
+			this.sendPresence();
+		}, 250);
 	}
 	enable() {
 		this.enabled = true;
@@ -38848,5 +38962,5 @@ function getJSONFromYjsBinary(actualState) {
 }
 
 //#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, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_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_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_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, 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, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getJSONFromYjsBinary, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, weavejsToYjsBinary };
+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, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, IMAGE_TOOL_ACTION_NAME, IMAGE_TOOL_LOAD_FROM, IMAGE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_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_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_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, 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, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, getBoundingBox, getExportBoundingBox, getJSONFromYjsBinary, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, resetScale, weavejsToYjsBinary };
 //# sourceMappingURL=sdk.js.map