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

package/dist/sdk.js

@@ -18625,7 +18625,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
@@ -18820,7 +18823,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();
@@ -19235,11 +19238,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;
@@ -19807,7 +19810,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;
@@ -19826,7 +19829,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();
@@ -22008,7 +22011,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.4.0-SNAPSHOT.38.1";
+var version = "3.4.0-SNAPSHOT.85.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22125,9 +22128,11 @@ var WeaveStageManager = class {
 			initialZIndex: void 0
 		};
 		const stage = new Konva.Stage({ ...props });
-		const containerParent = stage.container().parentNode;
-		stage.width(containerParent.clientWidth);
-		stage.height(containerParent.clientHeight);
+		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);
@@ -22476,7 +22481,7 @@ var WeaveExportManager = class {
 		});
 		mainLayer.add(background);
 		background.moveToBottom();
-		const backgroundRect = background.getClientRect();
+		const backgroundRect = background.getClientRect({ relativeTo: stage });
 		const composites = [];
 		const imageWidth = Math.round(backgroundRect.width);
 		const imageHeight = Math.round(backgroundRect.height);
@@ -23000,6 +23005,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();
@@ -23045,6 +23051,7 @@ var Weave = class {
 			this.initialized = true;
 			this.status = WEAVE_INSTANCE_STATUS.RUNNING;
 			this.emitEvent("onInstanceStatus", this.status);
+			this.emitEvent("onRender");
 		});
 	}
 	setStatus(status) {
@@ -23069,6 +23076,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);
@@ -23101,6 +23109,8 @@ var Weave = class {
 		}
 		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");
@@ -23122,6 +23132,7 @@ var Weave = class {
 	}
 	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);
@@ -23759,6 +23770,9 @@ var Weave = class {
 	getDragProperties() {
 		return this.dragAndDropManager.getDragProperties();
 	}
+	getEventsController() {
+		return this.eventsController;
+	}
 };
 
 //#endregion
@@ -23850,6 +23864,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) {
@@ -23918,10 +23933,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;
@@ -23991,7 +24006,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;
@@ -24002,7 +24017,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlReleased");
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.globalEventsInitialized = true;
 	}
 	isOnlyCtrlOrMeta(event) {
@@ -24687,10 +24702,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;
 		}
 	}
@@ -24718,7 +24733,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) {
@@ -24872,7 +24887,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;
 	}
@@ -25131,17 +25146,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)";
@@ -25190,8 +25205,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) => {
@@ -25217,7 +25232,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;
@@ -25551,7 +25566,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();
@@ -26234,7 +26249,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", () => {
@@ -26672,7 +26687,7 @@ var WeaveImageNode = class extends WeaveNode {
 						error: false
 					};
 					this.updateImageCrop(image);
-					this.resolveAsyncElement(id);
+					if (!useFallback) this.resolveAsyncElement(id);
 					this.cacheNode(image);
 				}
 			},
@@ -26713,13 +26728,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();
@@ -28017,10 +28028,10 @@ var WeaveStrokeSingleNode = class extends WeaveNode {
 		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) {
@@ -32020,10 +32031,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;
@@ -32048,7 +32059,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) {
@@ -32088,12 +32102,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;
@@ -32111,7 +32131,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;
@@ -32124,7 +32147,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();
@@ -32354,7 +32380,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";
 		});
@@ -32515,7 +32541,7 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		this.initialized = true;
 	}
 	setState(state) {
@@ -32620,7 +32646,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();
@@ -32832,7 +32858,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, {
@@ -33051,7 +33077,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, {
@@ -33335,13 +33361,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, {
@@ -33587,7 +33613,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();
@@ -33603,7 +33629,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;
@@ -33844,7 +33870,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();
@@ -34018,7 +34044,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;
@@ -34464,7 +34490,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, {
@@ -34885,7 +34911,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, {
@@ -35107,7 +35133,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				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, {
@@ -35398,10 +35424,10 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 				return;
 			}
 			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.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, {
@@ -35631,7 +35657,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, {
@@ -35835,7 +35861,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();
@@ -36376,7 +36402,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()) {
@@ -36576,7 +36602,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, {
@@ -36738,7 +36764,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) {
@@ -37049,7 +37075,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;
@@ -37410,10 +37436,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();
 		});
@@ -37702,7 +37728,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") {
@@ -37713,7 +37739,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, {
@@ -37786,7 +37812,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;
@@ -37844,7 +37873,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;
@@ -38134,7 +38166,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
-		});
+		}, { signal: this.instance.getEventsController()?.signal });
 		const resizeObserver = new ResizeObserver(() => {
 			throttledResize();
 		});
@@ -38879,14 +38911,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;
@@ -40070,7 +40108,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;