@inditextech/weave-sdk 3.3.1 → 3.4.0-SNAPSHOT.85.1

package/dist/sdk.node.js

@@ -15083,6 +15083,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);
 	}
@@ -17958,6 +17963,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;
@@ -17967,12 +17981,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() {
@@ -18616,7 +18624,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
@@ -18645,6 +18656,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",
@@ -18808,7 +18822,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();
@@ -19223,11 +19237,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;
@@ -19434,7 +19448,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() {
@@ -19687,6 +19701,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 = "";
@@ -19792,7 +19809,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;
@@ -19811,7 +19828,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();
@@ -21966,11 +21983,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.3.1";
+var version = "3.4.0-SNAPSHOT.85.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22087,6 +22127,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);
@@ -22395,6 +22440,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");
@@ -22674,7 +22804,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");
@@ -22727,7 +22862,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()
 		});
@@ -22740,11 +22875,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");
@@ -22869,6 +23004,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();
@@ -22914,6 +23050,7 @@ var Weave = class {
 			this.initialized = true;
 			this.status = WEAVE_INSTANCE_STATUS.RUNNING;
 			this.emitEvent("onInstanceStatus", this.status);
+			this.emitEvent("onRender");
 		});
 	}
 	setStatus(status) {
@@ -22938,6 +23075,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);
@@ -22961,8 +23099,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);
@@ -23432,6 +23601,9 @@ 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);
 	}
@@ -23597,6 +23769,9 @@ var Weave = class {
 	getDragProperties() {
 		return this.dragAndDropManager.getDragProperties();
 	}
+	getEventsController() {
+		return this.eventsController;
+	}
 };
 
 //#endregion
@@ -23688,6 +23863,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) {
@@ -23719,7 +23895,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
@@ -23730,6 +23913,7 @@ var WeaveStageNode = class extends WeaveNode {
 	wheelMousePressed = false;
 	isCmdCtrlPressed = false;
 	globalEventsInitialized = false;
+	initialize = void 0;
 	onRender(props) {
 		const stage = new Konva.Stage({
 			...props,
@@ -23748,10 +23932,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;
@@ -23821,7 +24005,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;
@@ -23832,7 +24016,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlReleased");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.globalEventsInitialized = true;
 	}
 	isOnlyCtrlOrMeta(event) {
@@ -23852,6 +24036,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() {
@@ -23899,6 +24084,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 ?? {};
@@ -23991,6 +24177,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 ?? {};
@@ -24034,6 +24221,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 ?? {};
@@ -24179,13 +24367,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({
@@ -24490,17 +24681,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;
 	}
@@ -24508,10 +24701,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;
 		}
 	}
@@ -24539,7 +24732,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) {
@@ -24693,7 +24886,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;
 	}
@@ -24952,17 +25145,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)";
@@ -25011,8 +25204,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) => {
@@ -25038,7 +25231,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;
@@ -25372,7 +25565,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();
@@ -25822,24 +26015,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 = {};
@@ -26058,7 +26248,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", () => {
@@ -26445,7 +26635,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) {
@@ -26496,7 +26686,7 @@ var WeaveImageNode = class extends WeaveNode {
 						error: false
 					};
 					this.updateImageCrop(image);
-					this.resolveAsyncElement(id);
+					if (!useFallback) this.resolveAsyncElement(id);
 					this.cacheNode(image);
 				}
 			},
@@ -26537,13 +26727,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();
@@ -26677,6 +26863,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 ?? {};
@@ -26762,6 +26949,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 ?? {};
@@ -26818,6 +27006,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 ?? {};
@@ -26931,6 +27120,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 ?? {};
@@ -27231,6 +27421,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 ?? {};
@@ -27807,8 +27998,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(),
@@ -27819,24 +28008,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) {
@@ -28323,6 +28517,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;
@@ -28951,10 +29148,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();
@@ -28967,6 +29160,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;
@@ -29461,6 +29661,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 ?? {});
@@ -30751,6 +30952,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);
@@ -31501,10 +31703,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) {
@@ -31512,8 +31710,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);
@@ -31800,6 +32003,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;
 	}
@@ -31818,10 +32030,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;
@@ -31846,7 +32058,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) {
@@ -31886,12 +32101,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;
@@ -31909,7 +32130,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;
@@ -31922,7 +32146,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();
@@ -31980,6 +32207,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;
 	}
@@ -32014,6 +32242,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;
 	}
@@ -32048,6 +32280,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;
 	}
@@ -32081,6 +32317,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;
 	}
@@ -32123,6 +32363,9 @@ var WeaveMoveToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = MOVE_TOOL_STATE.IDLE;
 	}
@@ -32136,7 +32379,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";
 		});
@@ -32195,6 +32438,9 @@ var WeaveSelectionToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = SELECTION_TOOL_STATE.IDLE;
 	}
@@ -32258,6 +32504,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;
@@ -32291,7 +32540,7 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.initialized = true;
 	}
 	setState(state) {
@@ -32358,6 +32607,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;
@@ -32393,7 +32645,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();
@@ -32567,6 +32819,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;
@@ -32602,7 +32857,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, {
@@ -32783,6 +33038,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;
@@ -32818,7 +33076,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, {
@@ -33055,6 +33313,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;
@@ -33099,13 +33360,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, {
@@ -33320,6 +33581,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;
@@ -33348,7 +33612,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();
@@ -33364,7 +33628,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;
@@ -33573,6 +33837,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;
@@ -33602,7 +33869,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();
@@ -33730,6 +33997,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;
@@ -33773,7 +34043,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;
@@ -34170,6 +34440,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;
@@ -34216,7 +34489,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, {
@@ -34598,6 +34871,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;
@@ -34634,7 +34910,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, {
@@ -34799,8 +35075,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",
@@ -34816,9 +35092,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;
@@ -34831,7 +35110,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.props = this.initProps();
 	}
 	getName() {
-		return ARROW_TOOL_ACTION_NAME;
+		return WEAVE_ARROW_TOOL_ACTION_NAME;
 	}
 	initProps() {
 		return {
@@ -34848,40 +35127,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;
 	}
@@ -34895,7 +35171,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();
@@ -34946,7 +35222,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() {
@@ -34973,11 +35249,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({
@@ -35044,7 +35320,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();
@@ -35088,13 +35364,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;
@@ -35103,7 +35381,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({
@@ -35116,6 +35393,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;
 	}
@@ -35134,32 +35414,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;
 			}
@@ -35169,7 +35443,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;
 			}
@@ -35187,7 +35461,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);
@@ -35295,7 +35569,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;
 			}
 		}
@@ -35345,6 +35619,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;
@@ -35379,7 +35656,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, {
@@ -35553,6 +35830,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;
@@ -35580,7 +35860,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();
@@ -35682,6 +35962,10 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_STAGE_TOOL_ACTION_NAME;
 	}
@@ -35729,6 +36013,10 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
+	initialize = void 0;
+	constructor() {
+		super();
+	}
 	getName() {
 		return EXPORT_NODES_TOOL_ACTION_NAME;
 	}
@@ -35781,6 +36069,9 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.initialized = false;
 		this.state = ALIGN_NODES_TOOL_STATE.IDLE;
 	}
@@ -36030,6 +36321,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;
@@ -36107,7 +36401,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()) {
@@ -36258,6 +36552,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;
@@ -36304,7 +36601,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, {
@@ -36437,6 +36734,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;
@@ -36463,7 +36763,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) {
@@ -36733,6 +37033,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;
@@ -36771,7 +37074,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;
@@ -37086,16 +37389,9 @@ 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,
@@ -37104,7 +37400,17 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			gridDotMaxDotsPerAxis: WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS,
 			...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;
@@ -37129,10 +37435,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();
 		});
@@ -37366,15 +37672,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 //#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;
@@ -37386,6 +37691,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;
@@ -37419,7 +37727,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") {
@@ -37430,7 +37738,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, {
@@ -37503,7 +37811,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;
@@ -37561,7 +37872,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;
@@ -37639,6 +37953,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() {
@@ -37816,6 +38133,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;
 	}
@@ -37835,6 +38153,10 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 				const pluginInstance = plugins[pluginId];
 				pluginInstance.onRender?.();
 			}
+			this.instance.emitEvent("onStageResize", {
+				width: stage.width(),
+				height: stage.height()
+			});
 		}
 	}
 	onInit() {
@@ -37843,7 +38165,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const resizeObserver = new ResizeObserver(() => {
 			throttledResize();
 		});
@@ -37861,10 +38183,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() {
@@ -38030,12 +38354,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() {
@@ -38082,6 +38408,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() {
@@ -38274,6 +38603,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 = {};
 	}
@@ -38484,6 +38816,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() {
@@ -38559,6 +38894,9 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor() {
 		super();
+		this.initialize();
+	}
+	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -38572,14 +38910,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;
@@ -38598,6 +38942,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() {
@@ -38974,6 +39321,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() {
@@ -39620,12 +39970,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() {
@@ -39716,6 +40068,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 ?? {});
@@ -39754,7 +40107,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;
@@ -39776,4 +40129,4 @@ const setupCanvasBackend = async () => {
 };
 
 //#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, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };
+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_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, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };