@inditextech/weave-sdk 3.4.0 → 3.6.0-SNAPSHOT.112.1

package/dist/sdk.js

@@ -15084,6 +15084,11 @@ var WeaveStore = class {
 	getDocument() {
 		return this.document;
 	}
+	restartDocument() {
+		this.latestState = { weave: {} };
+		this.state = syncedStore({ weave: {} });
+		this.document = getYjsDoc(this.state);
+	}
 	loadDocument(roomData) {
 		yjs_default.applyUpdate(this.document, roomData);
 	}
@@ -17959,6 +17964,15 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor(params) {
 		super();
+		const { config } = params ?? {};
+		this.config = {
+			xOffset: WEAVE_CONTEXT_MENU_X_OFFSET_DEFAULT,
+			yOffset: WEAVE_CONTEXT_MENU_Y_OFFSET_DEFAULT,
+			...config
+		};
+		this.initialize();
+	}
+	initialize() {
 		this.timer = null;
 		this.tapHold = false;
 		this.contextMenuVisible = false;
@@ -17968,12 +17982,6 @@ var WeaveContextMenuPlugin = class extends WeavePlugin {
 			time: 0
 		};
 		this.tapHoldTimeout = WEAVE_CONTEXT_MENU_TAP_HOLD_TIMEOUT;
-		const { config } = params ?? {};
-		this.config = {
-			xOffset: WEAVE_CONTEXT_MENU_X_OFFSET_DEFAULT,
-			yOffset: WEAVE_CONTEXT_MENU_Y_OFFSET_DEFAULT,
-			...config
-		};
 		this.pointers = {};
 	}
 	getName() {
@@ -18577,16 +18585,23 @@ const WEAVE_GRID_TYPES = {
 	["LINES"]: "lines",
 	["DOTS"]: "dots"
 };
-const WEAVE_GRID_DEFAULT_SIZE = 50;
-const WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_TYPES.LINES;
-const WEAVE_GRID_DEFAULT_COLOR = "rgba(0,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_ORIGIN_COLOR = "rgba(255,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_STROKE = .5;
-const WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = 4;
-const WEAVE_GRID_DEFAULT_RADIUS = 1;
-const WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = 2;
-const WEAVE_GRID_DEFAULT_MAJOR_EVERY = 10;
-const WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS = 125;
+const WEAVE_GRID_DOT_TYPES = {
+	["SQUARE"]: "square",
+	["CIRCLE"]: "circle"
+};
+const WEAVE_GRID_DEFAULT_CONFIG = {
+	type: WEAVE_GRID_TYPES.LINES,
+	gridColor: "#b3b3b3",
+	gridMajorColor: "#b3b3b3",
+	gridOriginColor: "#ff746c",
+	gridSize: 20,
+	gridMajorEvery: 10,
+	gridMajorRatio: 2,
+	gridStroke: 1,
+	gridDotType: WEAVE_GRID_DOT_TYPES.CIRCLE,
+	gridDotRadius: 1,
+	gridDotRectSize: 2
+};
 const WEAVE_GRID_LAYER_ID = "gridLayer";
 
 //#endregion
@@ -18617,7 +18632,10 @@ const DEFAULT_ADD_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_UPDATE_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_REMOVE_NODE_OPTIONS = { emitUserChangeEvent: false };
 const DEFAULT_MOVE_NODE_OPTIONS = { emitUserChangeEvent: false };
-const WEAVE_DEFAULT_CONFIG = { behaviors: { axisLockThreshold: 5 } };
+const WEAVE_DEFAULT_CONFIG = {
+	behaviors: { axisLockThreshold: 5 },
+	performance: { upscale: { enabled: false } }
+};
 
 //#endregion
 //#region src/plugins/users-presence/constants.ts
@@ -18646,6 +18664,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_SELECTION_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.defaultEnabledAnchors = this.config.selection?.enabledAnchors ?? [
 			"top-left",
 			"top-center",
@@ -18809,7 +18830,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				nodeHovered = void 0;
 			}
 			this.instance.getStage().handleMouseover?.();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const handleTransform = (e) => {
 			const moved = this.checkMoved(e);
 			if (moved) this.getContextMenuPlugin()?.cancelLongPressTimer();
@@ -19224,11 +19245,11 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				});
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
 			if (e.code === "Space") this.isSpaceKeyPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.handledClickOrTap = false;
@@ -19435,7 +19456,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (existNode) newSelectedNodes.push(existNode);
 		}
 		this.tr.nodes([...newSelectedNodes]);
-		this.tr.forceUpdate();
+		if (newSelectedNodes.length > 0) this.tr.forceUpdate();
 		this.triggerSelectedNodesEvent();
 	}
 	getSelectionPlugin() {
@@ -19688,6 +19709,9 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 		super();
 		this.getImageBase64 = params.getImageBase64;
 		this.config = mergeExceptArrays(WEAVE_COPY_PASTE_CONFIG_DEFAULT, params?.config);
+		this.initialize();
+	}
+	initialize() {
 		this.actualInternalPaddingX = 0;
 		this.actualInternalPaddingY = 0;
 		this.lastInternalPasteSnapshot = "";
@@ -19793,7 +19817,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				this.focusPasteCatcher();
 				if (!this.enabled) return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		if (catcher) catcher.addEventListener("paste", async (e) => {
 			e.preventDefault();
 			let items = void 0;
@@ -19812,7 +19836,7 @@ var WeaveCopyPasteNodesPlugin = class extends WeavePlugin {
 				return;
 			}
 			this.sendExternalPasteEvent(void 0, items);
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 	}
 	sendExternalPasteEvent(dataList, items) {
 		const stage = this.instance.getStage();
@@ -21967,11 +21991,34 @@ var WeaveRegisterManager = class {
 			}
 		}
 	}
+	resetNodesHandlers() {
+		for (const nodeHandlerId of Object.keys(this.nodesHandlers)) {
+			const nodeHandler = this.nodesHandlers[nodeHandlerId];
+			nodeHandler.initialize?.();
+		}
+	}
+	resetActionsHandlers() {
+		for (const actionHandlerId of Object.keys(this.actionsHandlers)) {
+			const actionHandler = this.actionsHandlers[actionHandlerId];
+			actionHandler.initialize?.();
+		}
+	}
+	resetPlugins() {
+		for (const pluginId of Object.keys(this.plugins)) {
+			const plugin = this.plugins[pluginId];
+			plugin.initialize?.();
+		}
+	}
+	reset() {
+		this.resetNodesHandlers();
+		this.resetActionsHandlers();
+		this.resetPlugins();
+	}
 };
 
 //#endregion
 //#region package.json
-var version = "3.4.0";
+var version = "3.6.0-SNAPSHOT.112.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22088,6 +22135,11 @@ var WeaveStageManager = class {
 			initialZIndex: void 0
 		};
 		const stage = new Konva.Stage({ ...props });
+		if (!this.instance.isServerSide()) {
+			const containerParent = stage.container().parentNode;
+			stage.width(containerParent.clientWidth);
+			stage.height(containerParent.clientHeight);
+		}
 		const realContainer = stage.container();
 		if (realContainer !== void 0 && realContainer.style?.position !== "relative") realContainer.style.position = "relative";
 		this.setStage(stage);
@@ -22220,6 +22272,10 @@ var WeaveExportManager = class {
 	exportNodesAsImage(nodes, boundingNodes, options) {
 		return new Promise((resolve) => {
 			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
+			const nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
 			this.getNodesSelectionPlugin()?.disable();
 			this.getNodesDistanceSnappingPlugin()?.disable();
 			this.getNodesEdgeSnappingPlugin()?.disable();
@@ -22284,16 +22340,80 @@ var WeaveExportManager = class {
 						stage.position(originalPosition);
 						stage.scale(originalScale);
 						stage.batchDraw();
-						this.getNodesSelectionPlugin()?.enable();
-						this.getNodesDistanceSnappingPlugin()?.enable();
-						this.getNodesEdgeSnappingPlugin()?.enable();
-						this.getStageGridPlugin()?.enable();
+						if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
+						if (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+						if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+						if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
 						resolve(img);
 					}
 				});
 			}
 		});
 	}
+	exportAreaAsImage(area, options) {
+		return new Promise((resolve) => {
+			const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+			const nodesSelectionPluginPrev = this.getNodesSelectionPlugin()?.isEnabled();
+			const nodesDistanceSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesEdgeSnappingPluginPrev = this.getNodesDistanceSnappingPlugin()?.isEnabled();
+			const nodesStageGridPluginPrev = this.getStageGridPlugin()?.isEnabled();
+			this.getNodesSelectionPlugin()?.disable();
+			this.getNodesDistanceSnappingPlugin()?.disable();
+			this.getNodesEdgeSnappingPlugin()?.disable();
+			this.getStageGridPlugin()?.disable();
+			const stage = this.instance.getStage();
+			const mainLayer = this.instance.getMainLayer();
+			if (!mainLayer) throw new Error("Main layer not found");
+			const originalPosition = {
+				x: stage.x(),
+				y: stage.y()
+			};
+			const originalScale = {
+				x: stage.scaleX(),
+				y: stage.scaleY()
+			};
+			stage.scale({
+				x: 1,
+				y: 1
+			});
+			stage.position({
+				x: 0,
+				y: 0
+			});
+			const bounds = area;
+			const background = new Konva.Rect({
+				x: bounds.x - padding,
+				y: bounds.y - padding,
+				width: bounds.width + 2 * padding,
+				height: bounds.height + 2 * padding,
+				strokeWidth: 0,
+				fill: backgroundColor
+			});
+			mainLayer.add(background);
+			background.moveToBottom();
+			stage.batchDraw();
+			stage.toImage({
+				x: area.x,
+				y: area.y,
+				width: area.width,
+				height: area.height,
+				mimeType: format,
+				pixelRatio,
+				quality: options.quality ?? 1,
+				callback: (img) => {
+					background.destroy();
+					stage.position(originalPosition);
+					stage.scale(originalScale);
+					stage.batchDraw();
+					if (nodesSelectionPluginPrev) this.getNodesSelectionPlugin()?.enable();
+					if (nodesDistanceSnappingPluginPrev) this.getNodesDistanceSnappingPlugin()?.enable();
+					if (nodesEdgeSnappingPluginPrev) this.getNodesEdgeSnappingPlugin()?.enable();
+					if (nodesStageGridPluginPrev) this.getStageGridPlugin()?.enable();
+					resolve(img);
+				}
+			});
+		});
+	}
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
 		this.getNodesSelectionPlugin()?.disable();
@@ -22396,6 +22516,91 @@ var WeaveExportManager = class {
 			height: imageHeight * pixelRatio
 		};
 	}
+	async exportAreaServerSide(area, options) {
+		const { format = WEAVE_EXPORT_FORMATS.PNG, padding = 0, pixelRatio = 1, backgroundColor = WEAVE_EXPORT_BACKGROUND_COLOR } = options;
+		this.getNodesSelectionPlugin()?.disable();
+		this.getNodesDistanceSnappingPlugin()?.disable();
+		this.getNodesEdgeSnappingPlugin()?.disable();
+		this.getStageGridPlugin()?.disable();
+		const stage = this.instance.getStage();
+		const mainLayer = this.instance.getMainLayer();
+		if (!mainLayer) throw new Error("Main layer not found");
+		const originalPosition = {
+			x: stage.x(),
+			y: stage.y()
+		};
+		const originalScale = {
+			x: stage.scaleX(),
+			y: stage.scaleY()
+		};
+		stage.scale({
+			x: 1,
+			y: 1
+		});
+		const bounds = area;
+		const scaleX = stage.scaleX();
+		const scaleY = stage.scaleY();
+		const unscaledBounds = {
+			x: bounds.x / scaleX,
+			y: bounds.y / scaleY,
+			width: bounds.width / scaleX,
+			height: bounds.height / scaleY
+		};
+		const background = new Konva.Rect({
+			x: unscaledBounds.x - padding,
+			y: unscaledBounds.y - padding,
+			width: unscaledBounds.width + 2 * padding,
+			height: unscaledBounds.height + 2 * padding,
+			strokeWidth: 0,
+			fill: backgroundColor
+		});
+		mainLayer.add(background);
+		background.moveToBottom();
+		const backgroundRect = background.getClientRect({ relativeTo: stage });
+		const composites = [];
+		const imageWidth = Math.round(backgroundRect.width);
+		const imageHeight = Math.round(backgroundRect.height);
+		const maxRenderSize = 1920;
+		const cols = Math.ceil(imageWidth / maxRenderSize);
+		const rows = Math.ceil(imageHeight / maxRenderSize);
+		const tileWidth = Math.floor(imageWidth / cols);
+		const tileHeight = Math.floor(imageHeight / rows);
+		for (let y = 0; y < imageHeight; y += tileHeight) for (let x = 0; x < imageWidth; x += tileWidth) {
+			const width = Math.min(tileWidth, imageWidth - x);
+			const height = Math.min(tileHeight, imageHeight - y);
+			const canvas = await mainLayer.toCanvas({
+				x: Math.round(backgroundRect.x) + x,
+				y: Math.round(backgroundRect.y) + y,
+				width,
+				height,
+				mimeType: format,
+				pixelRatio,
+				quality: options.quality ?? 1
+			});
+			let buffer = null;
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.CANVAS) buffer = canvas.toBuffer();
+			if (globalThis._weave_serverSideBackend === WEAVE_KONVA_BACKEND.SKIA) buffer = await canvas.toBuffer();
+			if (!buffer) throw new Error("Failed to generate image buffer");
+			composites.push({
+				top: y * pixelRatio,
+				left: x * pixelRatio,
+				input: buffer
+			});
+		}
+		background.destroy();
+		stage.position(originalPosition);
+		stage.scale(originalScale);
+		stage.batchDraw();
+		this.getNodesSelectionPlugin()?.enable();
+		this.getNodesDistanceSnappingPlugin()?.enable();
+		this.getNodesEdgeSnappingPlugin()?.enable();
+		this.getStageGridPlugin()?.enable();
+		return {
+			composites,
+			width: imageWidth * pixelRatio,
+			height: imageHeight * pixelRatio
+		};
+	}
 	imageToBase64(img, mimeType) {
 		if (img.naturalWidth === 0 && img.naturalHeight === 0) throw new Error("Image has no content");
 		const canvas = document.createElement("canvas");
@@ -22675,7 +22880,12 @@ var WeaveAsyncManager = class {
 			this.instance.emitEvent("onAsyncElementChange");
 		}, new Map());
 	}
+	reset() {
+		this.asyncElements.clear();
+		this.asyncElementsLoadedEventEmitted = false;
+	}
 	checkForAsyncElements(elements) {
+		this.instance.emitEvent("onAsyncElementsIdle");
 		const amountAsyncResourcesExtracted = this.extractAsyncResources(elements);
 		if (amountAsyncResourcesExtracted === 0 && !this.asyncElementsLoadedEventEmitted) {
 			this.instance.emitEvent("onAsyncElementsLoaded");
@@ -22728,7 +22938,7 @@ var WeaveAsyncManager = class {
 			status: WEAVE_ASYNC_STATUS.LOADING
 		};
 		this.asyncElements.set(nodeId, element);
-		this.instance.emitEvent("onAsyncElementsLoading", {
+		if (!this.asyncElementsLoadedEventEmitted) this.instance.emitEvent("onAsyncElementsLoading", {
 			loaded: this.getAmountAsyncElementsLoaded(),
 			total: this.getAmountAsyncElements()
 		});
@@ -22741,11 +22951,11 @@ var WeaveAsyncManager = class {
 			status: WEAVE_ASYNC_STATUS.LOADED
 		};
 		this.asyncElements.set(nodeId, element);
-		this.instance.emitEvent("onAsyncElementsLoading", {
-			loaded: this.getAmountAsyncElementsLoaded(),
-			total: this.getAmountAsyncElements()
-		});
 		if (!this.asyncElementsLoadedEventEmitted) {
+			this.instance.emitEvent("onAsyncElementsLoading", {
+				loaded: this.getAmountAsyncElementsLoaded(),
+				total: this.getAmountAsyncElements()
+			});
 			const allLoaded = this.asyncElementsLoaded();
 			if (allLoaded) {
 				this.instance.emitEvent("onAsyncElementsLoaded");
@@ -22870,6 +23080,7 @@ var Weave = class {
 	constructor(weaveConfig, stageConfig) {
 		globalThis._weave_isServerSide = false;
 		if (typeof window === "undefined") globalThis._weave_isServerSide = true;
+		this.eventsController = void 0;
 		this.emitter = new Emittery();
 		Konva.showWarnings = false;
 		this.id = v4_default();
@@ -22915,6 +23126,7 @@ var Weave = class {
 			this.initialized = true;
 			this.status = WEAVE_INSTANCE_STATUS.RUNNING;
 			this.emitEvent("onInstanceStatus", this.status);
+			this.emitEvent("onRender");
 		});
 	}
 	setStatus(status) {
@@ -22939,6 +23151,7 @@ var Weave = class {
 	async start() {
 		this.moduleLogger.info("Start instance");
 		if (!this.isServerSide()) {
+			this.eventsController = new AbortController();
 			if (!window.weave) window.weave = this;
 		}
 		this.emitEvent("onRoomLoaded", false);
@@ -22962,8 +23175,39 @@ var Weave = class {
 		store.setup();
 		store.connect();
 	}
+	async switchRoom() {
+		this.moduleLogger.info(`Switching room`);
+		const nodeHandlers = this.registerManager.getNodesHandlers();
+		for (const nodeHandlerKey of Object.keys(nodeHandlers)) {
+			const nodeHandler = nodeHandlers[nodeHandlerKey];
+			nodeHandler?.onDestroyInstance();
+		}
+		const stage = this.getStage();
+		if (stage) stage.destroy();
+		if (this.eventsController) this.eventsController.abort();
+		if (!this.isServerSide()) this.eventsController = new AbortController();
+		this.registerManager.reset();
+		this.asyncManager.reset();
+		this.moduleLogger.info("Switching room instance");
+		if (!this.isServerSide()) {
+			if (!window.weave) window.weave = this;
+		}
+		this.emitEvent("onRoomLoaded", false);
+		this.status = WEAVE_INSTANCE_STATUS.STARTING;
+		this.emitEvent("onInstanceStatus", this.status);
+		this.registerManager.reset();
+		this.status = WEAVE_INSTANCE_STATUS.LOADING_FONTS;
+		this.emitEvent("onInstanceStatus", this.status);
+		await this.fontsManager.loadFonts();
+		this.setupManager.setupLog();
+		this.stageManager.initStage();
+		this.status = WEAVE_INSTANCE_STATUS.CONNECTING_TO_ROOM;
+		this.emitEvent("onInstanceStatus", this.status);
+		this.addEventListener("onStoreConnectionStatusChange", this.handleStoreConnectionStatusChange.bind(this));
+	}
 	destroy() {
 		this.moduleLogger.info(`Destroying the instance`);
+		if (this.eventsController) this.eventsController.abort();
 		this.emitter.clearListeners();
 		this.status = WEAVE_INSTANCE_STATUS.IDLE;
 		this.emitEvent("onInstanceStatus", this.status);
@@ -23433,9 +23677,15 @@ var Weave = class {
 	async exportNodesServerSide(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesServerSide(nodes, boundingNodes, options);
 	}
+	async exportAreaServerSide(area, options) {
+		return await this.exportManager.exportAreaServerSide(area, options);
+	}
 	async exportNodes(nodes, boundingNodes, options) {
 		return await this.exportManager.exportNodesAsImage(nodes, boundingNodes, options);
 	}
+	async exportArea(area, options) {
+		return await this.exportManager.exportAreaAsImage(area, options);
+	}
 	getExportBoundingBox(nodesIds) {
 		const nodes = [];
 		for (const nodeId of nodesIds) {
@@ -23598,6 +23848,9 @@ var Weave = class {
 	getDragProperties() {
 		return this.dragAndDropManager.getDragProperties();
 	}
+	getEventsController() {
+		return this.eventsController;
+	}
 };
 
 //#endregion
@@ -23689,6 +23942,7 @@ const downscaleImageFromURL = (url, options) => {
 //#endregion
 //#region src/internal-utils/upscale.ts
 const setupUpscaleStage = (instance, stage) => {
+	if (instance.isServerSide()) return;
 	const config = instance.getConfiguration();
 	const doUpscale = config.performance?.upscale?.enabled ?? false;
 	if (doUpscale) {
@@ -23720,7 +23974,14 @@ const setupUpscaleStage = (instance, stage) => {
 			innerElement.style.transformOrigin = "0 0";
 			innerElement.style.transform = `scale(${scaleToCover})`;
 		}
-	} else stage.setAttrs({ upscaleScale: 1 });
+	} else {
+		const realContainer = stage.container();
+		const containerWidth = realContainer.offsetWidth;
+		const containerHeight = realContainer.offsetHeight;
+		stage.width(containerWidth);
+		stage.height(containerHeight);
+		stage.setAttrs({ upscaleScale: 1 });
+	}
 };
 
 //#endregion
@@ -23731,6 +23992,7 @@ var WeaveStageNode = class extends WeaveNode {
 	wheelMousePressed = false;
 	isCmdCtrlPressed = false;
 	globalEventsInitialized = false;
+	initialize = void 0;
 	onRender(props) {
 		const stage = new Konva.Stage({
 			...props,
@@ -23749,10 +24011,10 @@ var WeaveStageNode = class extends WeaveNode {
 			container.setAttribute("tabindex", "0");
 			stage.container().addEventListener("focus", () => {
 				this.stageFocused = true;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			stage.container().addEventListener("blur", () => {
 				this.stageFocused = false;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 		}
 		Konva.Stage.prototype.mode = function(mode) {
 			if (typeof mode !== "undefined") this._mode = mode;
@@ -23822,7 +24084,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlPressed");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) {
 				this.isCmdCtrlPressed = false;
@@ -23833,7 +24095,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlReleased");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.globalEventsInitialized = true;
 	}
 	isOnlyCtrlOrMeta(event) {
@@ -23853,6 +24115,7 @@ const WEAVE_LAYER_NODE_TYPE = "layer";
 //#region src/nodes/layer/layer.ts
 var WeaveLayerNode = class extends WeaveNode {
 	nodeType = WEAVE_LAYER_NODE_TYPE;
+	initialize = void 0;
 	onRender(props) {
 		const layer = new Konva.Layer({ ...props });
 		layer.canMoveToContainer = function() {
@@ -23900,6 +24163,7 @@ const WEAVE_GROUP_NODE_TYPE = "group";
 //#region src/nodes/group/group.ts
 var WeaveGroupNode = class extends WeaveNode {
 	nodeType = WEAVE_GROUP_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -23992,6 +24256,7 @@ const WEAVE_RECTANGLE_NODE_TYPE = "rectangle";
 //#region src/nodes/rectangle/rectangle.ts
 var WeaveRectangleNode = class extends WeaveNode {
 	nodeType = WEAVE_RECTANGLE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -24035,6 +24300,7 @@ const WEAVE_ELLIPSE_NODE_TYPE = "ellipse";
 //#region src/nodes/ellipse/ellipse.ts
 var WeaveEllipseNode = class extends WeaveNode {
 	nodeType = WEAVE_ELLIPSE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -24180,13 +24446,16 @@ var WeaveLineNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_LINE_NODE_DEFAULT_CONFIG, params?.config ?? {});
-		this.handleNodeChanges = null;
-		this.handleZoomChanges = null;
 		this.snapper = new GreedySnapper({
 			snapAngles: this.config.snapAngles.angles,
 			activateThreshold: this.config.snapAngles.activateThreshold,
 			releaseThreshold: this.config.snapAngles.releaseThreshold
 		});
+		this.initialize();
+	}
+	initialize() {
+		this.handleNodeChanges = null;
+		this.handleZoomChanges = null;
 	}
 	onRender(props) {
 		const line = new Konva.Line({
@@ -24491,17 +24760,19 @@ const TEXT_LAYOUT = {
 //#region src/nodes/text/text.ts
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
-	editing = false;
-	textAreaSuperContainer = null;
-	textAreaContainer = null;
-	textArea = null;
-	eventsInitialized = false;
-	isCtrlMetaPressed = false;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = (0, import_lodash.merge)({}, WEAVE_TEXT_NODE_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.keyPressHandler = void 0;
+		this.eventsInitialized = false;
+		this.isCtrlMetaPressed = false;
+		this.textAreaSuperContainer = null;
+		this.textAreaContainer = null;
+		this.textArea = null;
 		this.editing = false;
 		this.textArea = null;
 	}
@@ -24509,10 +24780,10 @@ var WeaveTextNode = class extends WeaveNode {
 		if (!this.eventsInitialized && !globalThis._weave_isServerSide) {
 			window.addEventListener("keydown", (e) => {
 				if (e.ctrlKey || e.metaKey) this.isCtrlMetaPressed = true;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			window.addEventListener("keyup", (e) => {
 				if (!(e.ctrlKey || e.metaKey)) this.isCtrlMetaPressed = false;
-			});
+			}, { signal: this.instance.getEventsController()?.signal });
 			this.eventsInitialized = true;
 		}
 	}
@@ -24540,7 +24811,7 @@ var WeaveTextNode = class extends WeaveNode {
 	onAdd() {
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler);
+			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
 		}
 	}
 	onRender(props) {
@@ -24694,7 +24965,7 @@ var WeaveTextNode = class extends WeaveNode {
 		});
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler);
+			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
 		}
 		return text;
 	}
@@ -24953,17 +25224,17 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textAreaSuperContainer.scrollTop = 0;
 				this.textAreaSuperContainer.scrollLeft = 0;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.textAreaContainer.addEventListener("scroll", () => {
 			if (!this.textAreaContainer) return;
 			this.textAreaContainer.scrollTop = 0;
 			this.textAreaContainer.scrollLeft = 0;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.textArea.addEventListener("scroll", () => {
 			if (!this.textArea) return;
 			this.textArea.scrollTop = 0;
 			this.textArea.scrollLeft = 0;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const rotation = textNode.getAbsoluteRotation();
 		if (rotation) {
 			const transform = "rotate(" + rotation + "deg)";
@@ -25012,8 +25283,8 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textAreaDomResize(textNode);
 			}
 		};
-		this.textArea.addEventListener("keydown", handleKeyDown);
-		this.textArea.addEventListener("keyup", handleKeyUp);
+		this.textArea.addEventListener("keydown", handleKeyDown, { signal: this.instance.getEventsController()?.signal });
+		this.textArea.addEventListener("keyup", handleKeyUp, { signal: this.instance.getEventsController()?.signal });
 		this.textArea.tabIndex = 1;
 		this.textArea.focus();
 		const handleOutsideClick = (e) => {
@@ -25039,7 +25310,7 @@ var WeaveTextNode = class extends WeaveNode {
 			}
 		};
 		setTimeout(() => {
-			window.addEventListener("pointerup", handleOutsideClick);
+			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController()?.signal });
 		}, 0);
 		this.instance.getStage().mode(WEAVE_STAGE_TEXT_EDITION_MODE);
 		this.editing = true;
@@ -25375,7 +25646,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 		utilityLayer?.add(this.transformer);
 		this.transformer?.forceUpdate();
 		this.cropGroup.show();
-		window.addEventListener("keydown", this.handleHide);
+		window.addEventListener("keydown", this.handleHide, { signal: this.instance.getEventsController()?.signal });
 		if (options.cmdCtrl.triggered) {
 			utilityLayer?.hide();
 			const stage = this.instance.getStage();
@@ -25825,24 +26096,21 @@ const isAllowedUrl = (value) => {
 //#endregion
 //#region src/nodes/image/image.ts
 var WeaveImageNode = class extends WeaveNode {
-	imageBitmapCache = {};
-	imageSource = {};
-	imageFallback = {};
-	imageState = {};
-	imageTryoutAttempts = {};
-	imageTryoutIds = {};
 	nodeType = WEAVE_IMAGE_NODE_TYPE;
 	cursorsFallback = { loading: "wait" };
 	cursors = {};
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
+		this.config = mergeExceptArrays(WEAVE_IMAGE_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.tapStart = {
 			x: 0,
 			y: 0,
 			time: 0
 		};
-		this.config = mergeExceptArrays(WEAVE_IMAGE_DEFAULT_CONFIG, config);
 		this.imageCrop = null;
 		this.imageBitmapCache = {};
 		this.imageSource = {};
@@ -26066,7 +26334,7 @@ var WeaveImageNode = class extends WeaveNode {
 			};
 			this.updateImageCrop(image);
 		} else {
-			this.updatePlaceholderSize(image, imagePlaceholder);
+			this.updatePlaceholderSize(image);
 			this.loadImage(imageProps, image, true);
 		}
 		if (this.config.performance.cache.enabled) image.on("transformend", () => {
@@ -26449,7 +26717,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		this.loadAsyncElement(id);
 		preloadFunction(id, realImageURL ?? "", {
-			onLoad: () => {
+			onLoad: async () => {
 				if (useFallback) this.imageTryoutIds[id] = setTimeout(() => {
 					const node = this.instance.getStage().findOne(`#${id}`);
 					if (node) {
@@ -26500,7 +26768,7 @@ var WeaveImageNode = class extends WeaveNode {
 						error: false
 					};
 					this.updateImageCrop(image);
-					this.resolveAsyncElement(id);
+					if (!useFallback) this.resolveAsyncElement(id);
 					this.cacheNode(image);
 				}
 			},
@@ -26541,13 +26809,9 @@ var WeaveImageNode = class extends WeaveNode {
 			}
 		}, loadTryout);
 	}
-	updatePlaceholderSize(image, imagePlaceholder) {
+	updatePlaceholderSize(image) {
 		const imageAttrs = image.getAttrs();
 		if (!this.imageState[imageAttrs.id ?? ""]?.loaded) return;
-		if (!imageAttrs.adding && !imageAttrs.cropInfo) {
-			imagePlaceholder.width(imageAttrs.uncroppedImage.width);
-			imagePlaceholder.height(imageAttrs.uncroppedImage.height);
-		}
 	}
 	updateImageCrop(image) {
 		const imageAttrs = image.getAttrs();
@@ -26681,6 +26945,7 @@ const WEAVE_STAR_NODE_TYPE = "star";
 //#region src/nodes/star/star.ts
 var WeaveStarNode = class extends WeaveNode {
 	nodeType = WEAVE_STAR_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -26766,6 +27031,7 @@ const WEAVE_ARROW_NODE_TYPE = "arrow";
 //#region src/nodes/arrow/arrow.ts
 var WeaveArrowNode = class extends WeaveNode {
 	nodeType = WEAVE_ARROW_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -26822,6 +27088,7 @@ const WEAVE_REGULAR_POLYGON_NODE_TYPE = "regular-polygon";
 //#region src/nodes/regular-polygon/regular-polygon.ts
 var WeaveRegularPolygonNode = class extends WeaveNode {
 	nodeType = WEAVE_REGULAR_POLYGON_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -26935,6 +27202,7 @@ var GroupFrame = class extends Konva.Group {
 //#region src/nodes/frame/frame.ts
 var WeaveFrameNode = class extends WeaveNode {
 	nodeType = WEAVE_FRAME_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -27235,6 +27503,7 @@ const WEAVE_STROKE_NODE_DEFAULT_CONFIG = {
 //#region src/nodes/stroke/stroke.ts
 var WeaveStrokeNode = class extends WeaveNode {
 	nodeType = WEAVE_STROKE_NODE_TYPE;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -27811,8 +28080,6 @@ var WeaveSquareLineTipManager = class extends WeaveBaseLineTipManager {
 //#endregion
 //#region src/nodes/stroke-single/stroke-single.ts
 var WeaveStrokeSingleNode = class extends WeaveNode {
-	startHandle = null;
-	endHandle = null;
 	nodeType = WEAVE_STROKE_SINGLE_NODE_TYPE;
 	tipManagers = {
 		[WEAVE_STROKE_SINGLE_NODE_TIP_TYPE.ARROW]: new WeaveArrowLineTipManager(),
@@ -27823,24 +28090,29 @@ var WeaveStrokeSingleNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, params?.config ?? {});
-		this.handleNodeChanges = null;
-		this.handleZoomChanges = null;
-		this.shiftPressed = false;
 		this.snapper = new GreedySnapper({
 			snapAngles: this.config.snapAngles.angles,
 			activateThreshold: this.config.snapAngles.activateThreshold,
 			releaseThreshold: this.config.snapAngles.releaseThreshold
 		});
+		this.initialize();
+	}
+	initialize() {
 		this.eventsInitialized = false;
+		this.startHandle = null;
+		this.endHandle = null;
+		this.handleNodeChanges = null;
+		this.handleZoomChanges = null;
+		this.shiftPressed = false;
 	}
 	initEvents() {
 		if (this.eventsInitialized) return;
 		window.addEventListener("keydown", (e) => {
 			if (e.key === "Shift") this.shiftPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Shift") this.shiftPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.eventsInitialized = true;
 	}
 	onRender(props) {
@@ -28327,6 +28599,9 @@ var WeaveCommentNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_COMMENT_NODE_DEFAULTS, params.config);
+		this.initialize();
+	}
+	initialize() {
 		this.commentDomVisibleId = null;
 		this.commentDomVisible = false;
 		this.commentDomAction = null;
@@ -28955,10 +29230,6 @@ const WEAVE_VIDEO_DEFAULT_CONFIG = {
 //#endregion
 //#region src/nodes/video/video.ts
 var WeaveVideoNode = class extends WeaveNode {
-	videoState = {};
-	videoSourceFrameId = {};
-	videoSource = {};
-	videoPlaceholder = {};
 	nodeType = WEAVE_VIDEO_NODE_TYPE;
 	constructor(params) {
 		super();
@@ -28971,6 +29242,13 @@ var WeaveVideoNode = class extends WeaveNode {
 			this.videoIconImage.src = this.config.style.icon.dataURL;
 		}
 	}
+	initialize() {
+		this.videoState = {};
+		this.videoSource = {};
+		this.videoSourceFrameId = {};
+		this.videoPlaceholder = {};
+		this.videoIconImage = void 0;
+	}
 	async loadPlaceholder(params, video) {
 		const videoProps = params;
 		const { id } = videoProps;
@@ -29465,6 +29743,7 @@ const WEAVE_MEASURE_NODE_DEFAULT_CONFIG = { style: {
 var WeaveMeasureNode = class extends WeaveNode {
 	nodeType = WEAVE_MEASURE_NODE_TYPE;
 	handlePointCircleRadius = 6;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_MEASURE_NODE_DEFAULT_CONFIG, params?.config ?? {});
@@ -30755,6 +31034,7 @@ var WeaveConnectorNode = class extends WeaveNode {
 		[WEAVE_CONNECTOR_NODE_DECORATOR_TYPE.DOT]: setupNodeDecoratorDot,
 		[WEAVE_CONNECTOR_NODE_DECORATOR_TYPE.ARROW]: setupNodeDecoratorArrow
 	};
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, params?.config);
@@ -31505,10 +31785,6 @@ const WEAVE_STAGE_ZOOM_DEFAULT_CONFIG = {
 var WeaveStageZoomPlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
-	pinching = false;
-	zooming = false;
-	isTrackpad = false;
-	zoomVelocity = 0;
 	zoomInertiaType = WEAVE_STAGE_ZOOM_TYPE.MOUSE_WHEEL;
 	defaultStep = 3;
 	constructor(params) {
@@ -31516,8 +31792,13 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		const { config } = params ?? {};
 		this.config = mergeExceptArrays(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.initialize();
+	}
+	initialize() {
 		this.pinching = false;
+		this.zooming = false;
 		this.isTrackpad = false;
+		this.zoomVelocity = 0;
 		this.isCtrlOrMetaPressed = false;
 		this.updatedMinimumZoom = false;
 		this.actualStep = this.config.zoomSteps.findIndex((step) => step === this.config.defaultZoom);
@@ -31804,6 +32085,15 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 		if (box.width === 0 || box.height === 0) return;
 		this.fitToElements(box, finalOptions);
 	}
+	fitToArea(area, options) {
+		const finalOptions = mergeExceptArrays({
+			smartZoom: false,
+			overrideZoom: true
+		}, options);
+		if (!this.enabled) return;
+		if (area.width === 0 || area.height === 0) return;
+		this.fitToElements(area, finalOptions);
+	}
 	enable() {
 		this.enabled = true;
 	}
@@ -31822,10 +32112,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 	initEvents() {
 		window.addEventListener("keydown", (e) => {
 			if (e.ctrlKey || e.metaKey) this.isCtrlOrMetaPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (!(e.ctrlKey || e.metaKey)) this.isCtrlOrMetaPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const stage = this.instance.getStage();
 		let lastCenter = null;
 		let lastDist = 0;
@@ -31850,7 +32140,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 					return;
 				}
 			}
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.getContent().addEventListener("touchmove", (e) => {
 			e.preventDefault();
 			if (e.touches.length === 2) {
@@ -31890,12 +32183,18 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				lastDist = dist;
 				lastCenter = newCenter;
 			}
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.getContent().addEventListener("touchend", () => {
 			this.pinching = false;
 			lastDist = 0;
 			lastCenter = null;
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 		let doZoom = false;
 		const handleWheelImmediate = (e) => {
 			const performZoom = this.isCtrlOrMetaPressed || !this.isCtrlOrMetaPressed && e.ctrlKey && e.deltaMode === 0;
@@ -31913,7 +32212,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			e.preventDefault();
 			doZoom = true;
 		};
-		window.addEventListener("wheel", handleWheelImmediate, { passive: false });
+		window.addEventListener("wheel", handleWheelImmediate, {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
+		});
 		const handleWheel = (e) => {
 			if (!doZoom) return;
 			const delta = e.deltaY > 0 ? 1 : -1;
@@ -31926,7 +32228,10 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			}
 		};
 		const throttledHandleWheel = (0, import_lodash.throttle)(handleWheel, DEFAULT_THROTTLE_MS);
-		window.addEventListener("wheel", throttledHandleWheel, { passive: true });
+		window.addEventListener("wheel", throttledHandleWheel, {
+			signal: this.instance.getEventsController()?.signal,
+			passive: true
+		});
 	}
 	getInertiaScale() {
 		const stage = this.instance.getStage();
@@ -31984,6 +32289,7 @@ const ZOOM_OUT_TOOL_ACTION_NAME = "zoomOutTool";
 //#region src/actions/zoom-out-tool/zoom-out-tool.ts
 var WeaveZoomOutToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
 	getName() {
 		return ZOOM_OUT_TOOL_ACTION_NAME;
 	}
@@ -32018,6 +32324,10 @@ const ZOOM_IN_TOOL_ACTION_NAME = "zoomInTool";
 //#region src/actions/zoom-in-tool/zoom-in-tool.ts
 var WeaveZoomInToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return ZOOM_IN_TOOL_ACTION_NAME;
 	}
@@ -32052,6 +32362,10 @@ const FIT_TO_SCREEN_TOOL_ACTION_NAME = "fitToScreenTool";
 //#region src/actions/fit-to-screen-tool/fit-to-screen-tool.ts
 var WeaveFitToScreenToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return FIT_TO_SCREEN_TOOL_ACTION_NAME;
 	}
@@ -32085,6 +32399,10 @@ const FIT_TO_SELECTION_TOOL_ACTION_NAME = "fitToSelectionTool";
 //#region src/actions/fit-to-selection-tool/fit-to-selection-tool.ts
 var WeaveFitToSelectionToolAction = class extends WeaveAction {
 	onPropsChange = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return FIT_TO_SELECTION_TOOL_ACTION_NAME;
 	}
@@ -32127,6 +32445,9 @@ var WeaveMoveToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = MOVE_TOOL_STATE.IDLE;
 	}
@@ -32140,7 +32461,7 @@ var WeaveMoveToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", () => {
 			if ([MOVE_TOOL_ACTION_NAME].includes(this.instance.getActiveAction() ?? "")) stage.container().style.cursor = "grabbing";
 		});
@@ -32199,6 +32520,9 @@ var WeaveSelectionToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = SELECTION_TOOL_STATE.IDLE;
 	}
@@ -32262,6 +32586,9 @@ var WeaveEraserToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.erasing = false;
 		this.state = ERASER_TOOL_STATE.IDLE;
@@ -32295,7 +32622,7 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.initialized = true;
 	}
 	setState(state) {
@@ -32362,6 +32689,9 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = RECTANGLE_TOOL_STATE.IDLE;
@@ -32397,7 +32727,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === RECTANGLE_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -32571,6 +32901,9 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = ELLIPSE_TOOL_STATE.IDLE;
@@ -32606,7 +32939,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -32787,6 +33120,9 @@ var WeavePenToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = PEN_TOOL_STATE.IDLE;
@@ -32822,7 +33158,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -33059,6 +33395,9 @@ var WeaveLineToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(LINE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = LINE_TOOL_STATE.IDLE;
@@ -33103,13 +33442,13 @@ var WeaveLineToolAction = class extends WeaveAction {
 				this.snappedAngle = null;
 				this.shiftPressed = true;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Shift" && this.instance.getActiveAction() === LINE_TOOL_ACTION_NAME) {
 				this.snappedAngle = null;
 				this.shiftPressed = false;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -33324,6 +33663,9 @@ var WeaveBrushToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(BRUSH_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = BRUSH_TOOL_STATE.INACTIVE;
 		this.strokeId = null;
@@ -33352,7 +33694,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		window.addEventListener("keyup", (e) => {
 			if (e.code === "Space" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) this.isSpacePressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Enter" && this.instance.getActiveAction() === BRUSH_TOOL_ACTION_NAME) {
 				e.stopPropagation();
@@ -33368,7 +33710,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 				e.stopPropagation();
 				this.cancelAction();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const handlePointerDown = (e) => {
 			if (this.state === BRUSH_TOOL_STATE.INACTIVE) return;
 			if (this.state !== BRUSH_TOOL_STATE.IDLE) return;
@@ -33577,6 +33919,9 @@ var WeaveTextToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = TEXT_TOOL_STATE.IDLE;
 		this.textId = null;
@@ -33606,7 +33951,7 @@ var WeaveTextToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === TEXT_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -33734,6 +34079,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.imageId = null;
@@ -33777,7 +34125,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			if (this.ignorePointerEvents) return;
@@ -34174,6 +34522,9 @@ var WeaveImagesToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, params ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.tempPointerFeedbackNode = null;
@@ -34220,7 +34571,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		stage.container().addEventListener("keydown", (e) => {
 			if (e.key === "Escape" && this.instance.getActiveAction() === WEAVE_IMAGES_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -34602,6 +34953,9 @@ var WeaveStarToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = STAR_TOOL_STATE.IDLE;
@@ -34638,7 +34992,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -34803,8 +35157,8 @@ var WeaveStarToolAction = class extends WeaveAction {
 
 //#endregion
 //#region src/actions/arrow-tool/constants.ts
-const ARROW_TOOL_ACTION_NAME = "arrowTool";
-const ARROW_TOOL_STATE = {
+const WEAVE_ARROW_TOOL_ACTION_NAME = "arrowTool";
+const WEAVE_ARROW_TOOL_STATE = {
 	["IDLE"]: "idle",
 	["ADDING"]: "adding",
 	["DEFINING_SIZE"]: "definingSize",
@@ -34820,9 +35174,12 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
-		this.state = ARROW_TOOL_STATE.IDLE;
+		this.state = WEAVE_ARROW_TOOL_STATE.IDLE;
 		this.arrowId = null;
 		this.tempArrowId = null;
 		this.tempMainArrowNode = null;
@@ -34835,7 +35192,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.props = this.initProps();
 	}
 	getName() {
-		return ARROW_TOOL_ACTION_NAME;
+		return WEAVE_ARROW_TOOL_ACTION_NAME;
 	}
 	initProps() {
 		return {
@@ -34852,40 +35209,37 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
+			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.cancelAction();
-				return;
-			}
-		});
+			if (e.code === "Escape" && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) this.cancelAction();
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
 				x: e.evt.clientX,
 				y: e.evt.clientY
 			});
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.state = ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
+				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			if (!this.tempMainArrowNode && this.state === ARROW_TOOL_STATE.ADDING) this.handleAdding();
-			if (this.tempMainArrowNode && this.state === ARROW_TOOL_STATE.ADDING) this.state = ARROW_TOOL_STATE.DEFINING_SIZE;
+			if (!this.tempMainArrowNode && this.state === WEAVE_ARROW_TOOL_STATE.ADDING) this.handleAdding();
+			if (this.tempMainArrowNode && this.state === WEAVE_ARROW_TOOL_STATE.ADDING) this.state = WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE;
 		});
 		stage.on("pointermove", () => {
-			if (this.state === ARROW_TOOL_STATE.IDLE) return;
+			if (this.state === WEAVE_ARROW_TOOL_STATE.IDLE) return;
 			this.setCursor();
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
-				this.state = ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
+				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
+			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
 		});
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
-			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
+			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
 		});
 		this.initialized = true;
 	}
@@ -34899,7 +35253,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.tempPoint = void 0;
 		this.tempNextPoint = void 0;
 		this.clickPoint = null;
-		this.setState(ARROW_TOOL_STATE.ADDING);
+		this.setState(WEAVE_ARROW_TOOL_STATE.ADDING);
 	}
 	handleAdding() {
 		const stage = this.instance.getStage();
@@ -34950,7 +35304,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.measureContainer?.add(this.tempNextPoint);
 			this.tempPoint.moveToTop();
 			this.tempNextPoint.moveToTop();
-			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleSettingSize() {
@@ -34977,11 +35331,11 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleMovement() {
-		if (this.state !== ARROW_TOOL_STATE.DEFINING_SIZE) return;
+		if (this.state !== WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) return;
 		if (this.arrowId && this.tempArrowNode && this.measureContainer && this.tempNextPoint) {
 			const { mousePoint } = this.instance.getMousePointerRelativeToContainer(this.measureContainer);
 			this.tempArrowNode.setAttrs({
@@ -35048,7 +35402,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.container = void 0;
 		this.measureContainer = void 0;
 		this.clickPoint = null;
-		this.setState(ARROW_TOOL_STATE.IDLE);
+		this.setState(WEAVE_ARROW_TOOL_STATE.IDLE);
 	}
 	setCursor() {
 		const stage = this.instance.getStage();
@@ -35092,13 +35446,15 @@ const WEAVE_STROKE_TOOL_DEFAULT_CONFIG = { snapAngles: {
 var WeaveStrokeToolAction = class extends WeaveAction {
 	initialized = false;
 	initialCursor = null;
-	snappedAngle = null;
 	shiftPressed = false;
 	onPropsChange = void 0;
 	onInit = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STROKE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = WEAVE_STROKE_TOOL_STATE.IDLE;
@@ -35107,7 +35463,6 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 		this.tempLineId = null;
 		this.tempLineNode = null;
 		this.container = void 0;
-		this.snappedAngle = null;
 		this.measureContainer = void 0;
 		this.clickPoint = null;
 		this.snapper = new GreedySnapper({
@@ -35120,6 +35475,9 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	getName() {
 		return WEAVE_STROKE_TOOL_ACTION_NAME;
 	}
+	getNames() {
+		return [WEAVE_STROKE_TOOL_ACTION_NAME, ...WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES];
+	}
 	hasAliases() {
 		return true;
 	}
@@ -35138,32 +35496,26 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (e.code === "Enter" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Escape" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (e.code === "Escape" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.cancelAction();
 				return;
 			}
-			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
-				this.snappedAngle = null;
-				this.shiftPressed = true;
-			}
-		});
+			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = true;
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
-			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
-				this.snappedAngle = null;
-				this.shiftPressed = false;
-			}
-		});
+			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = false;
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
 				x: e.evt.clientX,
 				y: e.evt.clientY
 			});
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (this.pointers.size === 2 && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35173,7 +35525,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 		stage.on("pointermove", () => {
 			if (this.state === WEAVE_STROKE_TOOL_STATE.IDLE) return;
 			this.setCursor();
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+			if (this.pointers.size === 2 && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35191,7 +35543,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	addLine() {
 		this.setCursor();
 		this.setFocusStage();
-		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
+		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? "not-defined" });
 		this.shiftPressed = false;
 		this.clickPoint = null;
 		this.setState(WEAVE_STROKE_TOOL_STATE.ADDING);
@@ -35299,7 +35651,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 				});
 				delete finalLine.props.dragBoundFunc;
 				this.instance.addNode(finalLine, this.container?.getAttrs().id);
-				this.instance.emitEvent("onAddedStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
+				this.instance.emitEvent("onAddedStroke", { actionName: this.instance.getActiveAction() ?? "not-defined" });
 				nodeCreated = true;
 			}
 		}
@@ -35349,6 +35701,9 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = REGULAR_POLYGON_TOOL_STATE.IDLE;
@@ -35383,7 +35738,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -35557,6 +35912,9 @@ var WeaveFrameToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = FRAME_TOOL_STATE.IDLE;
 		this.frameId = null;
@@ -35584,7 +35942,7 @@ var WeaveFrameToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === FRAME_TOOL_STATE.IDLE) return;
 			this.setCursor();
@@ -35686,6 +36044,10 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_STAGE_TOOL_ACTION_NAME;
 	}
@@ -35733,6 +36095,10 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_NODES_TOOL_ACTION_NAME;
 	}
@@ -35785,6 +36151,9 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = ALIGN_NODES_TOOL_STATE.IDLE;
 	}
@@ -36034,6 +36403,9 @@ var WeaveCommentToolAction = class extends WeaveAction {
 		super();
 		const { config } = params ?? {};
 		this.config = mergeExceptArrays(WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = WEAVE_COMMENT_TOOL_STATE.IDLE;
@@ -36111,7 +36483,7 @@ var WeaveCommentToolAction = class extends WeaveAction {
 				return;
 			}
 			if (e.code === "Escape" && this.state === WEAVE_COMMENT_TOOL_STATE.CREATING_COMMENT) this.setState(WEAVE_COMMENT_TOOL_STATE.ADDING);
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", (e) => {
 			if (this.state === WEAVE_COMMENT_TOOL_STATE.IDLE) return;
 			if (commentNodeHandler?.isCommentViewing()) {
@@ -36262,6 +36634,9 @@ var WeaveVideoToolAction = class extends WeaveAction {
 	update = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.state = VIDEO_TOOL_STATE.IDLE;
@@ -36308,7 +36683,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointerdown", (e) => {
 			this.setTapStart(e);
 			this.pointers.set(e.evt.pointerId, {
@@ -36441,6 +36816,9 @@ var WeaveMeasureToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = MEASURE_TOOL_STATE.IDLE;
 		this.measureId = null;
@@ -36467,7 +36845,7 @@ var WeaveMeasureToolAction = class extends WeaveAction {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Escape" && this.instance.getActiveAction() === MEASURE_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.on("pointermove", () => {
 			if (this.state === MEASURE_TOOL_STATE.IDLE) return;
 			if (this.state === MEASURE_TOOL_STATE.SET_TO) {
@@ -36737,6 +37115,9 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(CONNECTOR_TOOL_DEFAULT_CONFIG, params?.config);
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
 		this.tempLineNode = null;
@@ -36775,7 +37156,7 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 				return;
 			}
 			if (e.code === "Escape" && this.instance.getActiveAction() === CONNECTOR_TOOL_ACTION_NAME) this.cancelAction();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		let nodeHovered = void 0;
 		stage.on("pointermove", () => {
 			if (!(this.state === CONNECTOR_TOOL_STATE.SELECTING_INITIAL || this.state === CONNECTOR_TOOL_STATE.SELECTING_FINAL)) return;
@@ -37090,25 +37471,25 @@ var WeaveConnectorToolAction = class extends WeaveAction {
 //#endregion
 //#region src/plugins/stage-grid/stage-grid.ts
 var WeaveStageGridPlugin = class extends WeavePlugin {
-	actStageZoomX = 1;
-	actStageZoomY = 1;
-	actStagePosX = 0;
-	actStagePosY = 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.moveToolActive = false;
 		this.isMouseMiddleButtonPressed = false;
 		this.isSpaceKeyPressed = false;
-		this.config = {
-			type: WEAVE_GRID_DEFAULT_TYPE,
-			gridColor: WEAVE_GRID_DEFAULT_COLOR,
-			gridOriginColor: WEAVE_GRID_DEFAULT_ORIGIN_COLOR,
-			gridSize: WEAVE_GRID_DEFAULT_SIZE,
-			gridDotMaxDotsPerAxis: WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS,
-			...config
-		};
 		this.forceStageChange = false;
+		this.config = mergeExceptArrays(WEAVE_GRID_DEFAULT_CONFIG, config);
+		this.initialize();
+	}
+	initialize() {
+		this.moveToolActive = false;
+		this.isMouseMiddleButtonPressed = false;
+		this.isSpaceKeyPressed = false;
+		this.forceStageChange = false;
+		this.actStagePosX = 0;
+		this.actStagePosY = 0;
+		this.actStageZoomX = 1;
+		this.actStageZoomY = 1;
 	}
 	getName() {
 		return WEAVE_STAGE_GRID_PLUGIN_KEY;
@@ -37133,10 +37514,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
 			if (e.code === "Space") this.isSpaceKeyPressed = true;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.code === "Space") this.isSpaceKeyPressed = false;
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.instance.addEventListener("onStageMove", () => {
 			this.onRender();
 		});
@@ -37164,10 +37545,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const layer = stage.findOne(`#${WEAVE_GRID_LAYER_ID}`);
 		return layer;
 	}
+	getShapeAdaptiveSpacing(baseSpacing, scale) {
+		const factor = Math.pow(2, Math.floor(Math.log2(1 / scale)));
+		return baseSpacing * factor;
+	}
 	getAdaptiveSpacing(scale) {
 		const baseGridSpacing = this.config.gridSize;
-		const minPixelSpacing = 8;
-		const maxPixelSpacing = 100;
+		const minPixelSpacing = this.config.gridSize;
+		const maxPixelSpacing = this.config.gridSize * 2;
 		let spacing = baseGridSpacing;
 		let pixelSpacing = spacing * scale;
 		while (pixelSpacing < minPixelSpacing) {
@@ -37182,17 +37567,6 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const snappedSpacing = baseGridSpacing * Math.pow(2, logFactor);
 		return snappedSpacing;
 	}
-	getAdjustedSpacing(startX, endX, startY, endY, baseSpacing = 50) {
-		let spacing = baseSpacing;
-		let dotCountX = Math.ceil((endX - startX) / spacing);
-		let dotCountY = Math.ceil((endY - startY) / spacing);
-		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && spacing < 1e6) {
-			spacing *= 2;
-			dotCountX = Math.ceil((endX - startX) / spacing);
-			dotCountY = Math.ceil((endY - startY) / spacing);
-		}
-		return spacing;
-	}
 	renderGridLines() {
 		const stage = this.instance.getStage();
 		const gridLayer = this.getLayer();
@@ -37201,7 +37575,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		if (!this.enabled) return;
 		const scale = stage.scaleX();
 		const spacing = this.getAdaptiveSpacing(scale);
-		const invScale = (this.config.gridStroke ?? WEAVE_GRID_DEFAULT_STROKE) / scale;
+		const invScale = this.config.gridStroke / scale;
 		const offsetX = -stage.x() / stage.scaleX();
 		const offsetY = -stage.y() / stage.scaleY();
 		const margin = 2;
@@ -37211,11 +37585,19 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
 		const endX = offsetX + (1 + margin) * worldWidth;
 		const endY = offsetY + (1 + margin) * worldHeight;
-		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
+		const highlightEvery = this.config.gridMajorEvery;
 		for (let x = startX; x <= endX; x += spacing) {
 			const index = Math.round(x / spacing);
 			const isHighlight = index % highlightEvery === 0;
 			const isOrigin = Math.abs(x) < spacing / 2;
+			let stroke = this.config.gridColor;
+			if (isOrigin) stroke = this.config.gridOriginColor;
+			else if (isHighlight) stroke = this.config.gridMajorColor;
+			let strokeWidth = invScale;
+			if (isHighlight || isOrigin) strokeWidth = invScale * this.config.gridMajorRatio;
+			let zIndex = 1;
+			if (isOrigin) zIndex = 3;
+			else if (isHighlight) zIndex = 2;
 			const line = new Konva.Line({
 				points: [
 					x,
@@ -37223,9 +37605,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 					x,
 					endY
 				],
-				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
-				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * (this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO),
-				listening: false
+				stroke,
+				strokeWidth,
+				listening: false,
+				zIndex
 			});
 			gridLayer.add(line);
 		}
@@ -37233,6 +37616,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			const index = Math.round(y / spacing);
 			const isHighlight = index % highlightEvery === 0;
 			const isOrigin = Math.abs(y) < spacing / 2;
+			let stroke = this.config.gridColor;
+			if (isOrigin) stroke = this.config.gridOriginColor;
+			else if (isHighlight) stroke = this.config.gridMajorColor;
+			let strokeWidth = invScale;
+			if (isHighlight || isOrigin) strokeWidth = invScale * this.config.gridMajorRatio;
+			let zIndex = 1;
+			if (isOrigin) zIndex = 3;
+			else if (isHighlight) zIndex = 2;
 			const line = new Konva.Line({
 				points: [
 					startX,
@@ -37240,9 +37631,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 					endX,
 					y
 				],
-				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
-				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * 2,
-				listening: false
+				stroke,
+				strokeWidth,
+				listening: false,
+				zIndex
 			});
 			gridLayer.add(line);
 		}
@@ -37253,67 +37645,78 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		if (!gridLayer) return;
 		gridLayer.destroyChildren();
 		if (!this.enabled) return;
-		const scale = stage.scaleX();
-		const spacing = this.getAdaptiveSpacing(scale);
-		const invScale = (this.config.gridDotRadius ?? WEAVE_GRID_DEFAULT_RADIUS) / scale;
-		const position = stage.position();
-		const offsetX = -position.x * invScale;
-		const offsetY = -position.y * invScale;
-		const margin = 2;
-		const worldWidth = stage.width() * invScale;
-		const worldHeight = stage.height() * invScale;
-		let startX = Math.floor((offsetX - margin * worldWidth) / spacing) * spacing;
-		const endX = offsetX + (1 + margin) * worldWidth;
-		let startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
-		const endY = offsetY + (1 + margin) * worldHeight;
-		let adjustedSpacing = spacing;
-		let dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
-		let dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
-		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && adjustedSpacing < 1e6) {
-			adjustedSpacing *= 2;
-			dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
-			dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
-		}
-		this.getAdjustedSpacing(startX, endX, startY, endY, spacing);
-		startX = Math.floor((offsetX - margin * worldWidth) / adjustedSpacing) * adjustedSpacing;
-		startY = Math.floor((offsetY - margin * worldHeight) / adjustedSpacing) * adjustedSpacing;
-		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
-		const majorColor = this.config.gridColor;
-		const gridMajorRatio = this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO;
-		const majorShape = new Konva.Shape({ sceneFunc: function(context) {
-			context.beginPath();
-			for (let x = startX; x <= endX; x += adjustedSpacing) for (let y = startY; y <= endY; y += adjustedSpacing) {
-				if (Math.abs(x) < spacing / 2 || Math.abs(y) < spacing / 2) continue;
-				const indexX = Math.round(x / spacing);
-				const indexY = Math.round(y / spacing);
-				const isHighlightX = indexX % highlightEvery === 0;
-				const isHighlightY = indexY % highlightEvery === 0;
-				const radius = !(isHighlightX || isHighlightY) ? invScale : invScale * gridMajorRatio;
-				context.moveTo(x + radius, y);
-				context.arc(x, y, radius, 0, Math.PI * 2, false);
-			}
-			context.fillStyle = majorColor;
-			context.fill();
-		} });
-		gridLayer.add(majorShape);
-		const originColor = this.config.gridOriginColor;
-		const originShape = new Konva.Shape({ sceneFunc: function(context) {
-			context.beginPath();
-			for (let x = startX; x <= endX; x += adjustedSpacing) {
-				const radius = invScale * gridMajorRatio;
-				context.moveTo(x + radius, 0);
-				context.arc(x, 0, radius, 0, Math.PI * 2);
-			}
-			for (let y = startY; y <= endY; y += adjustedSpacing) {
-				const radius = invScale * gridMajorRatio;
-				if (Math.abs(y) < spacing / 2) continue;
-				context.moveTo(0 + radius, y);
-				context.arc(0, y, radius, 0, Math.PI * 2);
-			}
-			context.fillStyle = originColor;
-			context.fill();
-		} });
-		gridLayer.add(originShape);
+		const grid = new Konva.Shape({
+			listening: false,
+			sceneFunc: (ctx) => {
+				const dotType = this.config.gridDotType;
+				const scale = stage.scaleX();
+				const pos = stage.position();
+				const baseSpacing = this.config.gridSize;
+				const spacing = this.getShapeAdaptiveSpacing(baseSpacing, scale);
+				const highlightEvery = this.config.gridMajorEvery;
+				const defaultColor = this.config.gridColor;
+				const majorColor = this.config.gridMajorColor;
+				const centerColor = this.config.gridOriginColor;
+				if (dotType === WEAVE_GRID_DOT_TYPES.CIRCLE) {
+					const scale$1 = stage.scaleX();
+					const pos$1 = stage.position();
+					const topLeftX = -pos$1.x / scale$1;
+					const topLeftY = -pos$1.y / scale$1;
+					const viewWidth = stage.width() / scale$1;
+					const viewHeight = stage.height() / scale$1;
+					const startX = Math.floor(topLeftX / spacing) * spacing;
+					const startY = Math.floor(topLeftY / spacing) * spacing;
+					const dotRadius = this.config.gridDotRadius;
+					const dotMajorRadius = dotRadius * this.config.gridMajorRatio;
+					for (let x = startX; x < topLeftX + viewWidth; x += spacing) for (let y = startY; y < topLeftY + viewHeight; y += spacing) {
+						const indexX = Math.round(x / spacing);
+						const indexY = Math.round(y / spacing);
+						const isHighlightX = indexX % highlightEvery === 0;
+						const isHighlightY = indexY % highlightEvery === 0;
+						const isHighlight = isHighlightX || isHighlightY;
+						const isOriginX = Math.abs(x) < spacing / 2;
+						const isOriginY = Math.abs(y) < spacing / 2;
+						const isOrigin = isOriginX || isOriginY;
+						let fillStyle = defaultColor;
+						if (isOrigin) fillStyle = centerColor;
+						else if (isHighlight) fillStyle = majorColor;
+						ctx.fillStyle = fillStyle;
+						ctx.beginPath();
+						ctx.arc(x, y, (isHighlight ? dotMajorRadius : dotRadius) / scale$1, 0, Math.PI * 2);
+						ctx.fill();
+					}
+				}
+				if (dotType === WEAVE_GRID_DOT_TYPES.SQUARE) {
+					const topLeftX = -pos.x / scale;
+					const topLeftY = -pos.y / scale;
+					const viewWidth = stage.width() / scale;
+					const viewHeight = stage.height() / scale;
+					const startX = Math.floor(topLeftX / spacing) * spacing;
+					const startY = Math.floor(topLeftY / spacing) * spacing;
+					const defaultSize = this.config.gridDotRectSize;
+					const majorSize = defaultSize * this.config.gridMajorRatio;
+					for (let x = startX; x < topLeftX + viewWidth; x += spacing) for (let y = startY; y < topLeftY + viewHeight; y += spacing) {
+						const sx = Math.round(x * scale) / scale;
+						const sy = Math.round(y * scale) / scale;
+						const indexX = Math.round(sx / spacing);
+						const indexY = Math.round(sy / spacing);
+						const isHighlightX = indexX % highlightEvery === 0;
+						const isHighlightY = indexY % highlightEvery === 0;
+						const isHighlight = isHighlightX || isHighlightY;
+						const isOriginX = Math.abs(sx) < spacing / 2;
+						const isOriginY = Math.abs(sy) < spacing / 2;
+						const isOrigin = isOriginX || isOriginY;
+						let fillStyle = defaultColor;
+						if (isOrigin) fillStyle = centerColor;
+						else if (isHighlight) fillStyle = majorColor;
+						ctx.fillStyle = fillStyle;
+						const size = (isHighlight ? majorSize : defaultSize) / scale;
+						ctx.fillRect(sx - size / 2, sy - size / 2, size, size);
+					}
+				}
+			}
+		});
+		gridLayer.add(grid);
 	}
 	hasStageChanged() {
 		if (this.forceStageChange) {
@@ -37350,11 +37753,13 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 	enable() {
 		this.enabled = true;
 		this.getLayer()?.show();
+		this.forceStageChange = true;
 		this.onRender();
 	}
 	disable() {
 		this.enabled = false;
 		this.getLayer()?.hide();
+		this.forceStageChange = true;
 		this.onRender();
 	}
 	getType() {
@@ -37365,20 +37770,27 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		this.forceStageChange = true;
 		this.onRender();
 	}
+	getDotsType() {
+		return this.config.gridDotType;
+	}
+	setDotsType(type) {
+		this.config.gridDotType = type;
+		this.forceStageChange = true;
+		this.onRender();
+	}
 };
 
 //#endregion
 //#region src/plugins/stage-panning/stage-panning.ts
 var WeaveStagePanningPlugin = class extends WeavePlugin {
-	panning = false;
-	currentPointer = null;
-	stageScrollInterval = void 0;
-	panEdgeTargets = {};
 	getLayerName = void 0;
 	initLayer = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STAGE_PANNING_DEFAULT_CONFIG, params?.config ?? {});
+		this.initialize();
+	}
+	initialize() {
 		this.pointers = new Map();
 		this.panning = false;
 		this.isDragging = false;
@@ -37390,6 +37802,9 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		this.isCtrlOrMetaPressed = false;
 		this.isSpaceKeyPressed = false;
 		this.previousPointer = null;
+		this.currentPointer = null;
+		this.stageScrollInterval = void 0;
+		this.panEdgeTargets = {};
 	}
 	getName() {
 		return WEAVE_STAGE_PANNING_KEY;
@@ -37423,7 +37838,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				this.isSpaceKeyPressed = true;
 				this.setCursor();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		window.addEventListener("keyup", (e) => {
 			if (e.key === "Meta" || e.key === "Control") this.isCtrlOrMetaPressed = false;
 			if (e.code === "Space") {
@@ -37434,7 +37849,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 				this.isSpaceKeyPressed = false;
 				this.disableMove();
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		let lastPos = null;
 		stage.on("pointerdown", (e) => {
 			this.pointers.set(e.evt.pointerId, {
@@ -37507,7 +37922,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 			this.instance.emitEvent("onStageMove");
 		};
 		const handleWheelThrottled = (0, import_lodash.throttle)(handleWheel, WEAVE_STAGE_PANNING_THROTTLE_MS);
-		window.addEventListener("wheel", handleWheelThrottled, { passive: true });
+		window.addEventListener("wheel", handleWheelThrottled, {
+			passive: true,
+			signal: this.instance.getEventsController()?.signal
+		});
 		stage.on("dragstart", (e) => {
 			const duration = 1e3 / 60;
 			if (this.panEdgeTargets[e.target.getAttrs().id ?? ""] !== void 0) return;
@@ -37565,7 +37983,10 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		stage.container().style.setProperty("-webkit-user-drag", "none");
 		stage.getContent().addEventListener("touchmove", function(e) {
 			e.preventDefault();
-		}, { passive: false });
+		}, {
+			passive: false,
+			signal: this.instance.getEventsController()?.signal
+		});
 	}
 	isPanning() {
 		return this.panning;
@@ -37643,6 +38064,9 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 	}
 	getName() {
@@ -37820,6 +38244,7 @@ const WEAVE_STAGE_RESIZE_KEY = "stageResize";
 var WeaveStageResizePlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
+	initialize = void 0;
 	getName() {
 		return WEAVE_STAGE_RESIZE_KEY;
 	}
@@ -37839,6 +38264,10 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 				const pluginInstance = plugins[pluginId];
 				pluginInstance.onRender?.();
 			}
+			this.instance.emitEvent("onStageResize", {
+				width: stage.width(),
+				height: stage.height()
+			});
 		}
 	}
 	onInit() {
@@ -37847,7 +38276,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const resizeObserver = new ResizeObserver(() => {
 			throttledResize();
 		});
@@ -37865,10 +38294,12 @@ 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.initialize();
+	}
+	initialize() {
 		this.selectedHalos = {};
 	}
 	getName() {
@@ -38034,12 +38465,14 @@ var WeaveNodesMultiSelectionFeedbackPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/connected-users/connected-users.ts
 var WeaveConnectedUsersPlugin = class extends WeavePlugin {
-	connectedUsers = {};
 	getLayerName = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = config;
+		this.initialize();
+	}
+	initialize() {
 		this.connectedUsers = {};
 	}
 	getName() {
@@ -38086,6 +38519,9 @@ var WeaveUsersSelectionPlugin = class extends WeavePlugin {
 		this.config = config;
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserColor = memoize(this.config.getUserColor);
+		this.initialize();
+	}
+	initialize() {
 		this.usersSelection = {};
 	}
 	getName() {
@@ -38278,6 +38714,9 @@ var WeaveUsersPointersPlugin = class extends WeavePlugin {
 		this.config.getUser = memoize(this.config.getUser);
 		this.config.getUserBackgroundColor = memoize(this.config.getUserBackgroundColor);
 		this.config.getUserForegroundColor = memoize(this.config.getUserForegroundColor);
+		this.initialize();
+	}
+	initialize() {
 		this.usersPointers = {};
 		this.usersOperations = {};
 	}
@@ -38488,6 +38927,9 @@ var WeaveUsersPresencePlugin = class extends WeavePlugin {
 		super();
 		const { config } = params;
 		this.config = mergeExceptArrays(WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, config);
+		this.initialize();
+	}
+	initialize() {
 		this.userPresence = {};
 	}
 	getName() {
@@ -38563,6 +39005,9 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -38576,14 +39021,20 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 		stage.container().addEventListener("dragover", (e) => {
 			e.preventDefault();
 			e.stopPropagation();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		stage.container().addEventListener("drop", (e) => {
 			e.preventDefault();
 			e.stopPropagation();
 			this.instance.emitEvent("onStageDrop", e);
+		}, { signal: this.instance.getEventsController()?.signal });
+		window.addEventListener("dragover", (e) => e.preventDefault(), {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
+		});
+		window.addEventListener("drop", (e) => e.preventDefault(), {
+			signal: this.instance.getEventsController()?.signal,
+			passive: false
 		});
-		window.addEventListener("dragover", (e) => e.preventDefault(), { passive: false });
-		window.addEventListener("drop", (e) => e.preventDefault(), { passive: false });
 	}
 	enable() {
 		this.enabled = true;
@@ -38602,6 +39053,9 @@ var WeaveNodesEdgeSnappingPlugin = class extends WeavePlugin {
 		this.guideLineConfig = config?.guideLine ?? GUIDE_LINE_DEFAULT_CONFIG;
 		this.dragSnappingThreshold = config?.dragSnappingThreshold ?? GUIDE_LINE_DRAG_SNAPPING_THRESHOLD;
 		this.transformSnappingThreshold = config?.transformSnappingThreshold ?? GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD;
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -38978,6 +39432,9 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 		this.enterSnappingTolerance = config?.enterSnappingTolerance ?? GUIDE_ENTER_SNAPPING_TOLERANCE;
 		this.exitSnappingTolerance = config?.exitSnappingTolerance ?? GUIDE_EXIT_SNAPPING_TOLERANCE;
 		this.uiConfig = mergeExceptArrays(GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, config?.ui);
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -39624,12 +40081,14 @@ var WeaveNodesDistanceSnappingPlugin = class extends WeavePlugin {
 //#endregion
 //#region src/plugins/comments-renderer/comments-renderer.ts
 var WeaveCommentsRendererPlugin = class extends WeavePlugin {
-	comments = [];
 	getLayerName = void 0;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = config;
+		this.initialize();
+	}
+	initialize() {
 		this.comments = [];
 	}
 	getName() {
@@ -39720,6 +40179,7 @@ const WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG = { movementDelta: 5 };
 var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 	getLayerName = void 0;
 	initLayer = void 0;
+	initialize = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, params?.config ?? {});
@@ -39758,7 +40218,7 @@ var WeaveStageKeyboardMovePlugin = class extends WeavePlugin {
 			if (e.code === "ArrowLeft" && e.shiftKey) this.handleNodesMovement("left");
 			if (e.code === "ArrowRight" && e.shiftKey) this.handleNodesMovement("right");
 			if (e.code === "ArrowDown" && e.shiftKey) this.handleNodesMovement("down");
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 	}
 	enable() {
 		this.enabled = true;
@@ -39815,4 +40275,4 @@ 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, 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_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getJSONFromYjsBinary, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, loadImageSource, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, weavejsToYjsBinary };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_LINE_DEFAULT_CONFIG, GUIDE_ENTER_SNAPPING_TOLERANCE, GUIDE_EXIT_SNAPPING_TOLERANCE, GUIDE_HORIZONTAL_LINE_NAME, GUIDE_LINE_DEFAULT_CONFIG, GUIDE_LINE_DRAG_SNAPPING_THRESHOLD, GUIDE_LINE_NAME, GUIDE_LINE_TRANSFORM_SNAPPING_THRESHOLD, GUIDE_ORIENTATION, GUIDE_VERTICAL_LINE_NAME, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, NODE_SNAP, NODE_SNAP_HORIZONTAL, NODE_SNAP_VERTICAL, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getJSONFromYjsBinary, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isArray, isIOS, isInShadowDOM, isNodeInSelection, isObject, isServer, loadImageSource, mapJsonToYjsArray, mapJsonToYjsElements, mapJsonToYjsMap, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, weavejsToYjsBinary };