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

package/dist/sdk.node.js

@@ -32,13 +32,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-//#region ../../node_modules/emittery/maps.js
+//#region node_modules/emittery/maps.js
 const anyMap = new WeakMap();
 const eventsMap = new WeakMap();
 const producersMap = new WeakMap();
 
 //#endregion
-//#region ../../node_modules/emittery/index.js
+//#region node_modules/emittery/index.js
 const anyProducer = Symbol("anyProducer");
 const resolvedPromise = Promise.resolve();
 const listenerAdded = Symbol("listenerAdded");
@@ -15083,11 +15083,6 @@ 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);
 	}
@@ -17963,15 +17958,6 @@ 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;
@@ -17981,6 +17967,12 @@ 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() {
@@ -18584,16 +18576,23 @@ const WEAVE_GRID_TYPES = {
 	["LINES"]: "lines",
 	["DOTS"]: "dots"
 };
-const WEAVE_GRID_DEFAULT_SIZE = 50;
-const WEAVE_GRID_DEFAULT_TYPE = WEAVE_GRID_TYPES.LINES;
-const WEAVE_GRID_DEFAULT_COLOR = "rgba(0,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_ORIGIN_COLOR = "rgba(255,0,0,0.1)";
-const WEAVE_GRID_DEFAULT_STROKE = .5;
-const WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO = 4;
-const WEAVE_GRID_DEFAULT_RADIUS = 1;
-const WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO = 2;
-const WEAVE_GRID_DEFAULT_MAJOR_EVERY = 10;
-const WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS = 125;
+const WEAVE_GRID_DOT_TYPES = {
+	["SQUARE"]: "square",
+	["CIRCLE"]: "circle"
+};
+const WEAVE_GRID_DEFAULT_CONFIG = {
+	type: WEAVE_GRID_TYPES.LINES,
+	gridColor: "#b3b3b3",
+	gridMajorColor: "#b3b3b3",
+	gridOriginColor: "#ff746c",
+	gridSize: 20,
+	gridMajorEvery: 10,
+	gridMajorRatio: 2,
+	gridStroke: 1,
+	gridDotType: WEAVE_GRID_DOT_TYPES.CIRCLE,
+	gridDotRadius: 1,
+	gridDotRectSize: 2
+};
 const WEAVE_GRID_LAYER_ID = "gridLayer";
 
 //#endregion
@@ -18624,10 +18623,7 @@ 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 },
-	performance: { upscale: { enabled: false } }
-};
+const WEAVE_DEFAULT_CONFIG = { behaviors: { axisLockThreshold: 5 } };
 
 //#endregion
 //#region src/plugins/users-presence/constants.ts
@@ -18656,9 +18652,6 @@ 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",
@@ -18822,7 +18815,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();
@@ -19237,11 +19230,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;
@@ -19448,7 +19441,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (existNode) newSelectedNodes.push(existNode);
 		}
 		this.tr.nodes([...newSelectedNodes]);
-		if (newSelectedNodes.length > 0) this.tr.forceUpdate();
+		this.tr.forceUpdate();
 		this.triggerSelectedNodesEvent();
 	}
 	getSelectionPlugin() {
@@ -19701,9 +19694,6 @@ 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 = "";
@@ -19809,7 +19799,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;
@@ -19828,7 +19818,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();
@@ -21983,34 +21973,11 @@ var WeaveRegisterManager = class {
 			}
 		}
 	}
-	resetNodesHandlers() {
-		for (const nodeHandlerId of Object.keys(this.nodesHandlers)) {
-			const nodeHandler = this.nodesHandlers[nodeHandlerId];
-			nodeHandler.initialize?.();
-		}
-	}
-	resetActionsHandlers() {
-		for (const actionHandlerId of Object.keys(this.actionsHandlers)) {
-			const actionHandler = this.actionsHandlers[actionHandlerId];
-			actionHandler.initialize?.();
-		}
-	}
-	resetPlugins() {
-		for (const pluginId of Object.keys(this.plugins)) {
-			const plugin = this.plugins[pluginId];
-			plugin.initialize?.();
-		}
-	}
-	reset() {
-		this.resetNodesHandlers();
-		this.resetActionsHandlers();
-		this.resetPlugins();
-	}
 };
 
 //#endregion
 //#region package.json
-var version = "3.4.0-SNAPSHOT.85.1";
+var version = "3.5.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -22127,11 +22094,6 @@ 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);
@@ -22440,91 +22402,6 @@ 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");
@@ -22804,12 +22681,7 @@ 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");
@@ -22862,7 +22734,7 @@ var WeaveAsyncManager = class {
 			status: WEAVE_ASYNC_STATUS.LOADING
 		};
 		this.asyncElements.set(nodeId, element);
-		if (!this.asyncElementsLoadedEventEmitted) this.instance.emitEvent("onAsyncElementsLoading", {
+		this.instance.emitEvent("onAsyncElementsLoading", {
 			loaded: this.getAmountAsyncElementsLoaded(),
 			total: this.getAmountAsyncElements()
 		});
@@ -22875,11 +22747,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");
@@ -23004,7 +22876,6 @@ 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();
@@ -23050,7 +22921,6 @@ var Weave = class {
 			this.initialized = true;
 			this.status = WEAVE_INSTANCE_STATUS.RUNNING;
 			this.emitEvent("onInstanceStatus", this.status);
-			this.emitEvent("onRender");
 		});
 	}
 	setStatus(status) {
@@ -23075,7 +22945,6 @@ 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);
@@ -23099,39 +22968,8 @@ 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);
@@ -23601,9 +23439,6 @@ 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);
 	}
@@ -23769,9 +23604,6 @@ var Weave = class {
 	getDragProperties() {
 		return this.dragAndDropManager.getDragProperties();
 	}
-	getEventsController() {
-		return this.eventsController;
-	}
 };
 
 //#endregion
@@ -23863,7 +23695,6 @@ 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) {
@@ -23895,14 +23726,7 @@ const setupUpscaleStage = (instance, stage) => {
 			innerElement.style.transformOrigin = "0 0";
 			innerElement.style.transform = `scale(${scaleToCover})`;
 		}
-	} else {
-		const realContainer = stage.container();
-		const containerWidth = realContainer.offsetWidth;
-		const containerHeight = realContainer.offsetHeight;
-		stage.width(containerWidth);
-		stage.height(containerHeight);
-		stage.setAttrs({ upscaleScale: 1 });
-	}
+	} else stage.setAttrs({ upscaleScale: 1 });
 };
 
 //#endregion
@@ -23913,7 +23737,6 @@ var WeaveStageNode = class extends WeaveNode {
 	wheelMousePressed = false;
 	isCmdCtrlPressed = false;
 	globalEventsInitialized = false;
-	initialize = void 0;
 	onRender(props) {
 		const stage = new Konva.Stage({
 			...props,
@@ -23932,10 +23755,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;
@@ -24005,7 +23828,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;
@@ -24016,7 +23839,7 @@ var WeaveStageNode = class extends WeaveNode {
 				const selectedNode = transformer.nodes()[0];
 				selectedNode.fire("onCmdCtrlReleased");
 			}
-		}, { signal: this.instance.getEventsController()?.signal });
+		});
 		this.globalEventsInitialized = true;
 	}
 	isOnlyCtrlOrMeta(event) {
@@ -24036,7 +23859,6 @@ 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() {
@@ -24084,7 +23906,6 @@ 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 ?? {};
@@ -24177,7 +23998,6 @@ 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 ?? {};
@@ -24221,7 +24041,6 @@ 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 ?? {};
@@ -24367,16 +24186,13 @@ 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({
@@ -24681,19 +24497,17 @@ 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;
 	}
@@ -24701,10 +24515,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;
 		}
 	}
@@ -24732,7 +24546,7 @@ var WeaveTextNode = class extends WeaveNode {
 	onAdd() {
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
+			window.addEventListener("keypress", this.keyPressHandler);
 		}
 	}
 	onRender(props) {
@@ -24886,7 +24700,7 @@ var WeaveTextNode = class extends WeaveNode {
 		});
 		if (!this.instance.isServerSide() && !this.keyPressHandler) {
 			this.keyPressHandler = this.handleKeyPress.bind(this);
-			window.addEventListener("keypress", this.keyPressHandler, { signal: this.instance.getEventsController()?.signal });
+			window.addEventListener("keypress", this.keyPressHandler);
 		}
 		return text;
 	}
@@ -25145,17 +24959,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)";
@@ -25204,8 +25018,8 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textAreaDomResize(textNode);
 			}
 		};
-		this.textArea.addEventListener("keydown", handleKeyDown, { signal: this.instance.getEventsController()?.signal });
-		this.textArea.addEventListener("keyup", handleKeyUp, { signal: this.instance.getEventsController()?.signal });
+		this.textArea.addEventListener("keydown", handleKeyDown);
+		this.textArea.addEventListener("keyup", handleKeyUp);
 		this.textArea.tabIndex = 1;
 		this.textArea.focus();
 		const handleOutsideClick = (e) => {
@@ -25231,7 +25045,7 @@ var WeaveTextNode = class extends WeaveNode {
 			}
 		};
 		setTimeout(() => {
-			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController()?.signal });
+			window.addEventListener("pointerup", handleOutsideClick);
 		}, 0);
 		this.instance.getStage().mode(WEAVE_STAGE_TEXT_EDITION_MODE);
 		this.editing = true;
@@ -25354,6 +25168,8 @@ const WEAVE_IMAGE_DEFAULT_CONFIG = {
 	crossOrigin: "anonymous",
 	useFallbackImage: true,
 	cropMode: {
+		enabled: true,
+		triggers: { ctrlCmd: true },
 		gridLines: { enabled: true },
 		overlay: { fill: "rgba(0,0,0,0.2)" },
 		selection: {
@@ -25565,7 +25381,7 @@ var WeaveImageCrop = class WeaveImageCrop {
 		utilityLayer?.add(this.transformer);
 		this.transformer?.forceUpdate();
 		this.cropGroup.show();
-		window.addEventListener("keydown", this.handleHide, { signal: this.instance.getEventsController()?.signal });
+		window.addEventListener("keydown", this.handleHide);
 		if (options.cmdCtrl.triggered) {
 			utilityLayer?.hide();
 			const stage = this.instance.getStage();
@@ -26015,21 +25831,24 @@ 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 = {};
@@ -26060,6 +25879,7 @@ var WeaveImageNode = class extends WeaveNode {
 		this.logger.info(`image caching enabled: ${this.config.performance.cache.enabled}`);
 	}
 	triggerCrop(imageNode, options) {
+		if (!this.config.cropMode.enabled) return;
 		const stage = this.instance.getStage();
 		if (imageNode.getAttrs().cropping ?? false) return;
 		if (!(this.isSelecting() && this.isNodeSelected(imageNode))) return;
@@ -26085,6 +25905,7 @@ var WeaveImageNode = class extends WeaveNode {
 		});
 	}
 	closeCrop = (imageNode, type) => {
+		if (!this.config.cropMode.enabled) return;
 		if (!this.imageCrop) return;
 		const stage = this.instance.getStage();
 		stage.mode(WEAVE_STAGE_DEFAULT_MODE);
@@ -26098,6 +25919,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 	};
 	resetCrop = (imageNode) => {
+		if (!this.config.cropMode.enabled) return;
 		const internalImage = imageNode.findOne(`#${imageNode.getAttrs().id}-image`);
 		const cropGroup = imageNode.findOne(`#${imageNode.getAttrs().id}-cropGroup`);
 		if (!internalImage || !cropGroup) return;
@@ -26141,19 +25963,21 @@ var WeaveImageNode = class extends WeaveNode {
 			const image$1 = stage.findOne(`#${id}`);
 			if (!image$1) return;
 		};
-		image.triggerCrop = () => {
-			this.triggerCrop(image, { cmdCtrl: { triggered: false } });
-		};
-		image.closeCrop = (type) => {
-			this.closeCrop(image, type);
-		};
-		image.resetCrop = () => {
-			const stage = this.instance.getStage();
-			const image$1 = stage.findOne(`#${id}`);
-			if (!image$1) return;
-			const imageCrop = new WeaveImageCrop(this.instance, this, image$1, internalImage, cropGroup);
-			imageCrop.unCrop();
-		};
+		if (this.config.cropMode.enabled) {
+			image.triggerCrop = () => {
+				this.triggerCrop(image, { cmdCtrl: { triggered: false } });
+			};
+			image.closeCrop = (type) => {
+				this.closeCrop(image, type);
+			};
+			image.resetCrop = () => {
+				const stage = this.instance.getStage();
+				const image$1 = stage.findOne(`#${id}`);
+				if (!image$1) return;
+				const imageCrop = new WeaveImageCrop(this.instance, this, image$1, internalImage, cropGroup);
+				imageCrop.unCrop();
+			};
+		}
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
 		image.getTransformerProperties = function() {
 			return defaultTransformerProperties;
@@ -26248,7 +26072,7 @@ var WeaveImageNode = class extends WeaveNode {
 			};
 			this.updateImageCrop(image);
 		} else {
-			this.updatePlaceholderSize(image);
+			this.updatePlaceholderSize(image, imagePlaceholder);
 			this.loadImage(imageProps, image, true);
 		}
 		if (this.config.performance.cache.enabled) image.on("transformend", () => {
@@ -26260,24 +26084,26 @@ var WeaveImageNode = class extends WeaveNode {
 				if (this.imageCrop) this.closeCrop(image, WEAVE_IMAGE_CROP_END_TYPE.CANCEL);
 			}
 		});
-		image.on("onCmdCtrlPressed", () => {
-			const transformer = this.getSelectionPlugin()?.getTransformer();
-			if (!transformer) return;
-			transformer.hide();
-			const utilityLayer = this.instance.getUtilityLayer();
-			if (!utilityLayer) return;
-			utilityLayer?.destroyChildren();
-			this.renderCropMode(utilityLayer, image);
-			utilityLayer?.show();
-		});
-		image.on("onCmdCtrlReleased", () => {
-			const transformer = this.getSelectionPlugin()?.getTransformer();
-			if (!transformer) return;
-			transformer.show();
-			const utilityLayer = this.instance.getUtilityLayer();
-			if (!utilityLayer) return;
-			utilityLayer?.destroyChildren();
-		});
+		if (this.config.cropMode.enabled && this.config.cropMode.triggers.ctrlCmd) {
+			image.on("onCmdCtrlPressed", () => {
+				const transformer = this.getSelectionPlugin()?.getTransformer();
+				if (!transformer) return;
+				transformer.hide();
+				const utilityLayer = this.instance.getUtilityLayer();
+				if (!utilityLayer) return;
+				utilityLayer?.destroyChildren();
+				this.renderCropMode(utilityLayer, image);
+				utilityLayer?.show();
+			});
+			image.on("onCmdCtrlReleased", () => {
+				const transformer = this.getSelectionPlugin()?.getTransformer();
+				if (!transformer) return;
+				transformer.show();
+				const utilityLayer = this.instance.getUtilityLayer();
+				if (!utilityLayer) return;
+				utilityLayer?.destroyChildren();
+			});
+		}
 		image.on("onSelectionCleared", () => {
 			const transformer = this.getSelectionPlugin()?.getTransformer();
 			if (!transformer) return;
@@ -26331,6 +26157,7 @@ var WeaveImageNode = class extends WeaveNode {
 			width: absoluteCorners[1].x - absoluteCorners[0].x,
 			height: absoluteCorners[2].y - absoluteCorners[0].y,
 			fill: "transparent",
+			strokeScaleEnabled: false,
 			strokeWidth: 2,
 			stroke: "#1a1aff",
 			draggable: false,
@@ -26343,13 +26170,6 @@ var WeaveImageNode = class extends WeaveNode {
 			x: 1 / stageScale,
 			y: 1 / stageScale
 		});
-		stage.on("scaleXChange scaleYChange", () => {
-			const scale = stage.scaleX();
-			rect.scale({
-				x: 1 / scale,
-				y: 1 / scale
-			});
-		});
 	}
 	renderCropAnchor(position, node, layer, onClick) {
 		const transform = node.getAbsoluteTransform().copy();
@@ -26635,7 +26455,7 @@ var WeaveImageNode = class extends WeaveNode {
 		}
 		this.loadAsyncElement(id);
 		preloadFunction(id, realImageURL ?? "", {
-			onLoad: async () => {
+			onLoad: () => {
 				if (useFallback) this.imageTryoutIds[id] = setTimeout(() => {
 					const node = this.instance.getStage().findOne(`#${id}`);
 					if (node) {
@@ -26686,7 +26506,7 @@ var WeaveImageNode = class extends WeaveNode {
 						error: false
 					};
 					this.updateImageCrop(image);
-					if (!useFallback) this.resolveAsyncElement(id);
+					this.resolveAsyncElement(id);
 					this.cacheNode(image);
 				}
 			},
@@ -26727,9 +26547,13 @@ var WeaveImageNode = class extends WeaveNode {
 			}
 		}, loadTryout);
 	}
-	updatePlaceholderSize(image) {
+	updatePlaceholderSize(image, imagePlaceholder) {
 		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();
@@ -26863,7 +26687,6 @@ 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 ?? {};
@@ -26949,7 +26772,6 @@ 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 ?? {};
@@ -27006,7 +26828,6 @@ 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 ?? {};
@@ -27120,7 +26941,6 @@ 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 ?? {};
@@ -27421,7 +27241,6 @@ 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 ?? {};
@@ -27998,6 +27817,8 @@ 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(),
@@ -28008,29 +27829,24 @@ 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) {
@@ -28517,9 +28333,6 @@ 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;
@@ -29148,6 +28961,10 @@ 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();
@@ -29160,13 +28977,6 @@ 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;
@@ -29661,7 +29471,6 @@ 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 ?? {});
@@ -30952,7 +30761,6 @@ 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);
@@ -31703,6 +31511,10 @@ 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) {
@@ -31710,13 +31522,8 @@ 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);
@@ -32003,15 +31810,6 @@ 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;
 	}
@@ -32030,10 +31828,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;
@@ -32058,10 +31856,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 					return;
 				}
 			}
-		}, {
-			passive: false,
-			signal: this.instance.getEventsController()?.signal
-		});
+		}, { passive: false });
 		stage.getContent().addEventListener("touchmove", (e) => {
 			e.preventDefault();
 			if (e.touches.length === 2) {
@@ -32101,18 +31896,12 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 				lastDist = dist;
 				lastCenter = newCenter;
 			}
-		}, {
-			passive: false,
-			signal: this.instance.getEventsController()?.signal
-		});
+		}, { passive: false });
 		stage.getContent().addEventListener("touchend", () => {
 			this.pinching = false;
 			lastDist = 0;
 			lastCenter = null;
-		}, {
-			passive: false,
-			signal: this.instance.getEventsController()?.signal
-		});
+		}, { passive: false });
 		let doZoom = false;
 		const handleWheelImmediate = (e) => {
 			const performZoom = this.isCtrlOrMetaPressed || !this.isCtrlOrMetaPressed && e.ctrlKey && e.deltaMode === 0;
@@ -32130,10 +31919,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			e.preventDefault();
 			doZoom = true;
 		};
-		window.addEventListener("wheel", handleWheelImmediate, {
-			signal: this.instance.getEventsController()?.signal,
-			passive: false
-		});
+		window.addEventListener("wheel", handleWheelImmediate, { passive: false });
 		const handleWheel = (e) => {
 			if (!doZoom) return;
 			const delta = e.deltaY > 0 ? 1 : -1;
@@ -32146,10 +31932,7 @@ var WeaveStageZoomPlugin = class extends WeavePlugin {
 			}
 		};
 		const throttledHandleWheel = (0, import_lodash.throttle)(handleWheel, DEFAULT_THROTTLE_MS);
-		window.addEventListener("wheel", throttledHandleWheel, {
-			signal: this.instance.getEventsController()?.signal,
-			passive: true
-		});
+		window.addEventListener("wheel", throttledHandleWheel, { passive: true });
 	}
 	getInertiaScale() {
 		const stage = this.instance.getStage();
@@ -32207,7 +31990,6 @@ 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;
 	}
@@ -32242,10 +32024,6 @@ 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;
 	}
@@ -32280,10 +32058,6 @@ 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;
 	}
@@ -32317,10 +32091,6 @@ 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;
 	}
@@ -32363,9 +32133,6 @@ var WeaveMoveToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
-		this.initialize();
-	}
-	initialize() {
 		this.initialized = false;
 		this.state = MOVE_TOOL_STATE.IDLE;
 	}
@@ -32379,7 +32146,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";
 		});
@@ -32438,9 +32205,6 @@ var WeaveSelectionToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
-		this.initialize();
-	}
-	initialize() {
 		this.initialized = false;
 		this.state = SELECTION_TOOL_STATE.IDLE;
 	}
@@ -32504,9 +32268,6 @@ 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;
@@ -32540,7 +32301,7 @@ var WeaveEraserToolAction = class extends WeaveAction {
 				this.cancelAction();
 				return;
 			}
-		}, { signal: this.instance.getEventsController()?.signal });
+		});
 		this.initialized = true;
 	}
 	setState(state) {
@@ -32607,9 +32368,6 @@ 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;
@@ -32645,7 +32403,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();
@@ -32819,9 +32577,6 @@ 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;
@@ -32857,7 +32612,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, {
@@ -33038,9 +32793,6 @@ 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;
@@ -33076,7 +32828,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, {
@@ -33313,9 +33065,6 @@ 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;
@@ -33360,13 +33109,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, {
@@ -33581,9 +33330,6 @@ 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;
@@ -33612,7 +33358,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();
@@ -33628,7 +33374,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;
@@ -33837,9 +33583,6 @@ 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;
@@ -33869,7 +33612,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();
@@ -33997,9 +33740,6 @@ 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;
@@ -34043,7 +33783,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;
@@ -34440,9 +34180,6 @@ 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;
@@ -34489,7 +34226,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, {
@@ -34871,9 +34608,6 @@ 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;
@@ -34910,7 +34644,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, {
@@ -35075,8 +34809,8 @@ var WeaveStarToolAction = class extends WeaveAction {
 
 //#endregion
 //#region src/actions/arrow-tool/constants.ts
-const WEAVE_ARROW_TOOL_ACTION_NAME = "arrowTool";
-const WEAVE_ARROW_TOOL_STATE = {
+const ARROW_TOOL_ACTION_NAME = "arrowTool";
+const ARROW_TOOL_STATE = {
 	["IDLE"]: "idle",
 	["ADDING"]: "adding",
 	["DEFINING_SIZE"]: "definingSize",
@@ -35092,12 +34826,9 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
-		this.initialize();
-	}
-	initialize() {
 		this.pointers = new Map();
 		this.initialized = false;
-		this.state = WEAVE_ARROW_TOOL_STATE.IDLE;
+		this.state = ARROW_TOOL_STATE.IDLE;
 		this.arrowId = null;
 		this.tempArrowId = null;
 		this.tempMainArrowNode = null;
@@ -35110,7 +34841,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.props = this.initProps();
 	}
 	getName() {
-		return WEAVE_ARROW_TOOL_ACTION_NAME;
+		return ARROW_TOOL_ACTION_NAME;
 	}
 	initProps() {
 		return {
@@ -35127,37 +34858,40 @@ var WeaveArrowToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
+			if (e.code === "Enter" && 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 });
+			if (e.code === "Escape" && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
+				this.cancelAction();
+				return;
+			}
+		});
 		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_ARROW_TOOL_ACTION_NAME) {
-				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
+				this.state = ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			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;
+			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;
 		});
 		stage.on("pointermove", () => {
-			if (this.state === WEAVE_ARROW_TOOL_STATE.IDLE) return;
+			if (this.state === ARROW_TOOL_STATE.IDLE) return;
 			this.setCursor();
-			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_ARROW_TOOL_ACTION_NAME) {
-				this.state = WEAVE_ARROW_TOOL_STATE.ADDING;
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === ARROW_TOOL_ACTION_NAME) {
+				this.state = ARROW_TOOL_STATE.ADDING;
 				return;
 			}
-			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
+			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleMovement();
 		});
 		stage.on("pointerup", (e) => {
 			this.pointers.delete(e.evt.pointerId);
-			if (this.state === WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
+			if (this.state === ARROW_TOOL_STATE.DEFINING_SIZE) this.handleSettingSize();
 		});
 		this.initialized = true;
 	}
@@ -35171,7 +34905,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.tempPoint = void 0;
 		this.tempNextPoint = void 0;
 		this.clickPoint = null;
-		this.setState(WEAVE_ARROW_TOOL_STATE.ADDING);
+		this.setState(ARROW_TOOL_STATE.ADDING);
 	}
 	handleAdding() {
 		const stage = this.instance.getStage();
@@ -35222,7 +34956,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.measureContainer?.add(this.tempNextPoint);
 			this.tempPoint.moveToTop();
 			this.tempNextPoint.moveToTop();
-			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleSettingSize() {
@@ -35249,11 +34983,11 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				y: mousePoint.y,
 				points: [0, 0]
 			});
-			this.setState(WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE);
+			this.setState(ARROW_TOOL_STATE.DEFINING_SIZE);
 		}
 	}
 	handleMovement() {
-		if (this.state !== WEAVE_ARROW_TOOL_STATE.DEFINING_SIZE) return;
+		if (this.state !== 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({
@@ -35320,7 +35054,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 		this.container = void 0;
 		this.measureContainer = void 0;
 		this.clickPoint = null;
-		this.setState(WEAVE_ARROW_TOOL_STATE.IDLE);
+		this.setState(ARROW_TOOL_STATE.IDLE);
 	}
 	setCursor() {
 		const stage = this.instance.getStage();
@@ -35364,15 +35098,13 @@ 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;
@@ -35381,6 +35113,7 @@ 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({
@@ -35393,9 +35126,6 @@ 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;
 	}
@@ -35414,26 +35144,32 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	setupEvents() {
 		const stage = this.instance.getStage();
 		window.addEventListener("keydown", (e) => {
-			if (e.code === "Enter" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
+			if (e.code === "Enter" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
 				this.cancelAction();
 				return;
 			}
-			if (e.code === "Escape" && this.getNames().includes(this.instance.getActiveAction() ?? "")) {
+			if (e.code === "Escape" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
 				this.cancelAction();
 				return;
 			}
-			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = true;
-		}, { signal: this.instance.getEventsController()?.signal });
+			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+				this.snappedAngle = null;
+				this.shiftPressed = true;
+			}
+		});
 		window.addEventListener("keyup", (e) => {
-			if (e.key === "Shift" && this.getNames().includes(this.instance.getActiveAction() ?? "")) this.shiftPressed = false;
-		}, { signal: this.instance.getEventsController()?.signal });
+			if (e.key === "Shift" && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
+				this.snappedAngle = null;
+				this.shiftPressed = false;
+			}
+		});
 		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.getNames().includes(this.instance.getActiveAction() ?? "")) {
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35443,7 +35179,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.getNames().includes(this.instance.getActiveAction() ?? "")) {
+			if (this.pointers.size === 2 && this.instance.getActiveAction() === WEAVE_STROKE_TOOL_ACTION_NAME) {
 				this.state = WEAVE_STROKE_TOOL_STATE.ADDING;
 				return;
 			}
@@ -35461,7 +35197,7 @@ var WeaveStrokeToolAction = class extends WeaveAction {
 	addLine() {
 		this.setCursor();
 		this.setFocusStage();
-		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? "not-defined" });
+		this.instance.emitEvent("onAddingStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
 		this.shiftPressed = false;
 		this.clickPoint = null;
 		this.setState(WEAVE_STROKE_TOOL_STATE.ADDING);
@@ -35569,7 +35305,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() ?? "not-defined" });
+				this.instance.emitEvent("onAddedStroke", { actionName: this.instance.getActiveAction() ?? WEAVE_STROKE_TOOL_ACTION_NAME });
 				nodeCreated = true;
 			}
 		}
@@ -35619,9 +35355,6 @@ 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;
@@ -35656,7 +35389,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, {
@@ -35830,9 +35563,6 @@ 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;
@@ -35860,7 +35590,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();
@@ -35962,10 +35692,6 @@ var WeaveExportStageToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
-	initialize = void 0;
-	constructor() {
-		super();
-	}
 	getName() {
 		return EXPORT_STAGE_TOOL_ACTION_NAME;
 	}
@@ -36013,10 +35739,6 @@ var WeaveExportNodesToolAction = class extends WeaveAction {
 	};
 	onPropsChange = void 0;
 	onInit = void 0;
-	initialize = void 0;
-	constructor() {
-		super();
-	}
 	getName() {
 		return EXPORT_NODES_TOOL_ACTION_NAME;
 	}
@@ -36069,9 +35791,6 @@ var WeaveAlignNodesToolAction = class extends WeaveAction {
 	onInit = void 0;
 	constructor() {
 		super();
-		this.initialize();
-	}
-	initialize() {
 		this.initialized = false;
 		this.state = ALIGN_NODES_TOOL_STATE.IDLE;
 	}
@@ -36321,9 +36040,6 @@ 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;
@@ -36401,7 +36117,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()) {
@@ -36552,9 +36268,6 @@ 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;
@@ -36601,7 +36314,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, {
@@ -36734,9 +36447,6 @@ 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;
@@ -36763,7 +36473,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) {
@@ -37033,9 +36743,6 @@ 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;
@@ -37074,7 +36781,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;
@@ -37389,17 +37096,18 @@ 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.config = {
-			type: WEAVE_GRID_DEFAULT_TYPE,
-			gridColor: WEAVE_GRID_DEFAULT_COLOR,
-			gridOriginColor: WEAVE_GRID_DEFAULT_ORIGIN_COLOR,
-			gridSize: WEAVE_GRID_DEFAULT_SIZE,
-			gridDotMaxDotsPerAxis: WEAVE_GRID_DEFAULT_DOT_MAX_DOTS_PER_AXIS,
-			...config
-		};
+		this.moveToolActive = false;
+		this.isMouseMiddleButtonPressed = false;
+		this.isSpaceKeyPressed = false;
+		this.forceStageChange = false;
+		this.config = mergeExceptArrays(WEAVE_GRID_DEFAULT_CONFIG, config);
 		this.initialize();
 	}
 	initialize() {
@@ -37407,10 +37115,6 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		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;
@@ -37435,10 +37139,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();
 		});
@@ -37466,10 +37170,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const layer = stage.findOne(`#${WEAVE_GRID_LAYER_ID}`);
 		return layer;
 	}
+	getShapeAdaptiveSpacing(baseSpacing, scale) {
+		const factor = Math.pow(2, Math.floor(Math.log2(1 / scale)));
+		return baseSpacing * factor;
+	}
 	getAdaptiveSpacing(scale) {
 		const baseGridSpacing = this.config.gridSize;
-		const minPixelSpacing = 8;
-		const maxPixelSpacing = 100;
+		const minPixelSpacing = this.config.gridSize;
+		const maxPixelSpacing = this.config.gridSize * 2;
 		let spacing = baseGridSpacing;
 		let pixelSpacing = spacing * scale;
 		while (pixelSpacing < minPixelSpacing) {
@@ -37484,17 +37192,6 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const snappedSpacing = baseGridSpacing * Math.pow(2, logFactor);
 		return snappedSpacing;
 	}
-	getAdjustedSpacing(startX, endX, startY, endY, baseSpacing = 50) {
-		let spacing = baseSpacing;
-		let dotCountX = Math.ceil((endX - startX) / spacing);
-		let dotCountY = Math.ceil((endY - startY) / spacing);
-		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && spacing < 1e6) {
-			spacing *= 2;
-			dotCountX = Math.ceil((endX - startX) / spacing);
-			dotCountY = Math.ceil((endY - startY) / spacing);
-		}
-		return spacing;
-	}
 	renderGridLines() {
 		const stage = this.instance.getStage();
 		const gridLayer = this.getLayer();
@@ -37503,7 +37200,7 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		if (!this.enabled) return;
 		const scale = stage.scaleX();
 		const spacing = this.getAdaptiveSpacing(scale);
-		const invScale = (this.config.gridStroke ?? WEAVE_GRID_DEFAULT_STROKE) / scale;
+		const invScale = this.config.gridStroke / scale;
 		const offsetX = -stage.x() / stage.scaleX();
 		const offsetY = -stage.y() / stage.scaleY();
 		const margin = 2;
@@ -37513,11 +37210,19 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		const startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
 		const endX = offsetX + (1 + margin) * worldWidth;
 		const endY = offsetY + (1 + margin) * worldHeight;
-		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
+		const highlightEvery = this.config.gridMajorEvery;
 		for (let x = startX; x <= endX; x += spacing) {
 			const index = Math.round(x / spacing);
 			const isHighlight = index % highlightEvery === 0;
 			const isOrigin = Math.abs(x) < spacing / 2;
+			let stroke = this.config.gridColor;
+			if (isOrigin) stroke = this.config.gridOriginColor;
+			else if (isHighlight) stroke = this.config.gridMajorColor;
+			let strokeWidth = invScale;
+			if (isHighlight || isOrigin) strokeWidth = invScale * this.config.gridMajorRatio;
+			let zIndex = 1;
+			if (isOrigin) zIndex = 3;
+			else if (isHighlight) zIndex = 2;
 			const line = new Konva.Line({
 				points: [
 					x,
@@ -37525,9 +37230,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 					x,
 					endY
 				],
-				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
-				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * (this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_LINE_RATIO),
-				listening: false
+				stroke,
+				strokeWidth,
+				listening: false,
+				zIndex
 			});
 			gridLayer.add(line);
 		}
@@ -37535,6 +37241,14 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 			const index = Math.round(y / spacing);
 			const isHighlight = index % highlightEvery === 0;
 			const isOrigin = Math.abs(y) < spacing / 2;
+			let stroke = this.config.gridColor;
+			if (isOrigin) stroke = this.config.gridOriginColor;
+			else if (isHighlight) stroke = this.config.gridMajorColor;
+			let strokeWidth = invScale;
+			if (isHighlight || isOrigin) strokeWidth = invScale * this.config.gridMajorRatio;
+			let zIndex = 1;
+			if (isOrigin) zIndex = 3;
+			else if (isHighlight) zIndex = 2;
 			const line = new Konva.Line({
 				points: [
 					startX,
@@ -37542,9 +37256,10 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 					endX,
 					y
 				],
-				stroke: isOrigin ? this.config.gridOriginColor : this.config.gridColor,
-				strokeWidth: !isHighlight && !isOrigin ? invScale : invScale * 2,
-				listening: false
+				stroke,
+				strokeWidth,
+				listening: false,
+				zIndex
 			});
 			gridLayer.add(line);
 		}
@@ -37555,67 +37270,78 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		if (!gridLayer) return;
 		gridLayer.destroyChildren();
 		if (!this.enabled) return;
-		const scale = stage.scaleX();
-		const spacing = this.getAdaptiveSpacing(scale);
-		const invScale = (this.config.gridDotRadius ?? WEAVE_GRID_DEFAULT_RADIUS) / scale;
-		const position = stage.position();
-		const offsetX = -position.x * invScale;
-		const offsetY = -position.y * invScale;
-		const margin = 2;
-		const worldWidth = stage.width() * invScale;
-		const worldHeight = stage.height() * invScale;
-		let startX = Math.floor((offsetX - margin * worldWidth) / spacing) * spacing;
-		const endX = offsetX + (1 + margin) * worldWidth;
-		let startY = Math.floor((offsetY - margin * worldHeight) / spacing) * spacing;
-		const endY = offsetY + (1 + margin) * worldHeight;
-		let adjustedSpacing = spacing;
-		let dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
-		let dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
-		while ((dotCountX > this.config.gridDotMaxDotsPerAxis || dotCountY > this.config.gridDotMaxDotsPerAxis) && adjustedSpacing < 1e6) {
-			adjustedSpacing *= 2;
-			dotCountX = Math.ceil((endX - startX) / adjustedSpacing);
-			dotCountY = Math.ceil((endY - startY) / adjustedSpacing);
-		}
-		this.getAdjustedSpacing(startX, endX, startY, endY, spacing);
-		startX = Math.floor((offsetX - margin * worldWidth) / adjustedSpacing) * adjustedSpacing;
-		startY = Math.floor((offsetY - margin * worldHeight) / adjustedSpacing) * adjustedSpacing;
-		const highlightEvery = this.config.gridMajorEvery ?? WEAVE_GRID_DEFAULT_MAJOR_EVERY;
-		const majorColor = this.config.gridColor;
-		const gridMajorRatio = this.config.gridMajorRatio ?? WEAVE_GRID_DEFAULT_MAJOR_DOT_RATIO;
-		const majorShape = new Konva.Shape({ sceneFunc: function(context) {
-			context.beginPath();
-			for (let x = startX; x <= endX; x += adjustedSpacing) for (let y = startY; y <= endY; y += adjustedSpacing) {
-				if (Math.abs(x) < spacing / 2 || Math.abs(y) < spacing / 2) continue;
-				const indexX = Math.round(x / spacing);
-				const indexY = Math.round(y / spacing);
-				const isHighlightX = indexX % highlightEvery === 0;
-				const isHighlightY = indexY % highlightEvery === 0;
-				const radius = !(isHighlightX || isHighlightY) ? invScale : invScale * gridMajorRatio;
-				context.moveTo(x + radius, y);
-				context.arc(x, y, radius, 0, Math.PI * 2, false);
-			}
-			context.fillStyle = majorColor;
-			context.fill();
-		} });
-		gridLayer.add(majorShape);
-		const originColor = this.config.gridOriginColor;
-		const originShape = new Konva.Shape({ sceneFunc: function(context) {
-			context.beginPath();
-			for (let x = startX; x <= endX; x += adjustedSpacing) {
-				const radius = invScale * gridMajorRatio;
-				context.moveTo(x + radius, 0);
-				context.arc(x, 0, radius, 0, Math.PI * 2);
-			}
-			for (let y = startY; y <= endY; y += adjustedSpacing) {
-				const radius = invScale * gridMajorRatio;
-				if (Math.abs(y) < spacing / 2) continue;
-				context.moveTo(0 + radius, y);
-				context.arc(0, y, radius, 0, Math.PI * 2);
-			}
-			context.fillStyle = originColor;
-			context.fill();
-		} });
-		gridLayer.add(originShape);
+		const grid = new Konva.Shape({
+			listening: false,
+			sceneFunc: (ctx) => {
+				const dotType = this.config.gridDotType;
+				const scale = stage.scaleX();
+				const pos = stage.position();
+				const baseSpacing = this.config.gridSize;
+				const spacing = this.getShapeAdaptiveSpacing(baseSpacing, scale);
+				const highlightEvery = this.config.gridMajorEvery;
+				const defaultColor = this.config.gridColor;
+				const majorColor = this.config.gridMajorColor;
+				const centerColor = this.config.gridOriginColor;
+				if (dotType === WEAVE_GRID_DOT_TYPES.CIRCLE) {
+					const scale$1 = stage.scaleX();
+					const pos$1 = stage.position();
+					const topLeftX = -pos$1.x / scale$1;
+					const topLeftY = -pos$1.y / scale$1;
+					const viewWidth = stage.width() / scale$1;
+					const viewHeight = stage.height() / scale$1;
+					const startX = Math.floor(topLeftX / spacing) * spacing;
+					const startY = Math.floor(topLeftY / spacing) * spacing;
+					const dotRadius = this.config.gridDotRadius;
+					const dotMajorRadius = dotRadius * this.config.gridMajorRatio;
+					for (let x = startX; x < topLeftX + viewWidth; x += spacing) for (let y = startY; y < topLeftY + viewHeight; y += spacing) {
+						const indexX = Math.round(x / spacing);
+						const indexY = Math.round(y / spacing);
+						const isHighlightX = indexX % highlightEvery === 0;
+						const isHighlightY = indexY % highlightEvery === 0;
+						const isHighlight = isHighlightX || isHighlightY;
+						const isOriginX = Math.abs(x) < spacing / 2;
+						const isOriginY = Math.abs(y) < spacing / 2;
+						const isOrigin = isOriginX || isOriginY;
+						let fillStyle = defaultColor;
+						if (isOrigin) fillStyle = centerColor;
+						else if (isHighlight) fillStyle = majorColor;
+						ctx.fillStyle = fillStyle;
+						ctx.beginPath();
+						ctx.arc(x, y, (isHighlight ? dotMajorRadius : dotRadius) / scale$1, 0, Math.PI * 2);
+						ctx.fill();
+					}
+				}
+				if (dotType === WEAVE_GRID_DOT_TYPES.SQUARE) {
+					const topLeftX = -pos.x / scale;
+					const topLeftY = -pos.y / scale;
+					const viewWidth = stage.width() / scale;
+					const viewHeight = stage.height() / scale;
+					const startX = Math.floor(topLeftX / spacing) * spacing;
+					const startY = Math.floor(topLeftY / spacing) * spacing;
+					const defaultSize = this.config.gridDotRectSize;
+					const majorSize = defaultSize * this.config.gridMajorRatio;
+					for (let x = startX; x < topLeftX + viewWidth; x += spacing) for (let y = startY; y < topLeftY + viewHeight; y += spacing) {
+						const sx = Math.round(x * scale) / scale;
+						const sy = Math.round(y * scale) / scale;
+						const indexX = Math.round(sx / spacing);
+						const indexY = Math.round(sy / spacing);
+						const isHighlightX = indexX % highlightEvery === 0;
+						const isHighlightY = indexY % highlightEvery === 0;
+						const isHighlight = isHighlightX || isHighlightY;
+						const isOriginX = Math.abs(sx) < spacing / 2;
+						const isOriginY = Math.abs(sy) < spacing / 2;
+						const isOrigin = isOriginX || isOriginY;
+						let fillStyle = defaultColor;
+						if (isOrigin) fillStyle = centerColor;
+						else if (isHighlight) fillStyle = majorColor;
+						ctx.fillStyle = fillStyle;
+						const size = (isHighlight ? majorSize : defaultSize) / scale;
+						ctx.fillRect(sx - size / 2, sy - size / 2, size, size);
+					}
+				}
+			}
+		});
+		gridLayer.add(grid);
 	}
 	hasStageChanged() {
 		if (this.forceStageChange) {
@@ -37652,11 +37378,13 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 	enable() {
 		this.enabled = true;
 		this.getLayer()?.show();
+		this.forceStageChange = true;
 		this.onRender();
 	}
 	disable() {
 		this.enabled = false;
 		this.getLayer()?.hide();
+		this.forceStageChange = true;
 		this.onRender();
 	}
 	getType() {
@@ -37667,19 +37395,28 @@ var WeaveStageGridPlugin = class extends WeavePlugin {
 		this.forceStageChange = true;
 		this.onRender();
 	}
+	getDotsType() {
+		return this.config.gridDotType;
+	}
+	setDotsType(type) {
+		this.config.gridDotType = type;
+		this.forceStageChange = true;
+		this.onRender();
+	}
 };
 
 //#endregion
 //#region src/plugins/stage-panning/stage-panning.ts
 var WeaveStagePanningPlugin = class extends WeavePlugin {
+	panning = false;
+	currentPointer = null;
+	stageScrollInterval = void 0;
+	panEdgeTargets = {};
 	getLayerName = void 0;
 	initLayer = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_STAGE_PANNING_DEFAULT_CONFIG, params?.config ?? {});
-		this.initialize();
-	}
-	initialize() {
 		this.pointers = new Map();
 		this.panning = false;
 		this.isDragging = false;
@@ -37691,9 +37428,6 @@ 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;
@@ -37727,7 +37461,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") {
@@ -37738,7 +37472,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, {
@@ -37811,10 +37545,7 @@ 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,
-			signal: this.instance.getEventsController()?.signal
-		});
+		window.addEventListener("wheel", handleWheelThrottled, { passive: true });
 		stage.on("dragstart", (e) => {
 			const duration = 1e3 / 60;
 			if (this.panEdgeTargets[e.target.getAttrs().id ?? ""] !== void 0) return;
@@ -37872,10 +37603,7 @@ var WeaveStagePanningPlugin = class extends WeavePlugin {
 		stage.container().style.setProperty("-webkit-user-drag", "none");
 		stage.getContent().addEventListener("touchmove", function(e) {
 			e.preventDefault();
-		}, {
-			passive: false,
-			signal: this.instance.getEventsController()?.signal
-		});
+		}, { passive: false });
 	}
 	isPanning() {
 		return this.panning;
@@ -37953,9 +37681,6 @@ var WeaveStageMinimapPlugin = class extends WeavePlugin {
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(STAGE_MINIMAP_DEFAULT_CONFIG, params.config);
-		this.initialize();
-	}
-	initialize() {
 		this.initialized = false;
 	}
 	getName() {
@@ -38133,7 +37858,6 @@ 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;
 	}
@@ -38153,10 +37877,6 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 				const pluginInstance = plugins[pluginId];
 				pluginInstance.onRender?.();
 			}
-			this.instance.emitEvent("onStageResize", {
-				width: stage.width(),
-				height: stage.height()
-			});
 		}
 	}
 	onInit() {
@@ -38165,7 +37885,7 @@ var WeaveStageResizePlugin = class extends WeavePlugin {
 		}, DEFAULT_THROTTLE_MS);
 		window.addEventListener("resize", () => {
 			throttledResize();
-		}, { signal: this.instance.getEventsController()?.signal });
+		});
 		const resizeObserver = new ResizeObserver(() => {
 			throttledResize();
 		});
@@ -38183,12 +37903,10 @@ 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() {
@@ -38354,14 +38072,12 @@ 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() {
@@ -38408,9 +38124,6 @@ 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() {
@@ -38603,9 +38316,6 @@ 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 = {};
 	}
@@ -38816,9 +38526,6 @@ 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() {
@@ -38894,9 +38601,6 @@ var WeaveStageDropAreaPlugin = class extends WeavePlugin {
 	initLayer = void 0;
 	constructor() {
 		super();
-		this.initialize();
-	}
-	initialize() {
 		this.enabled = true;
 	}
 	getName() {
@@ -38910,20 +38614,14 @@ 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;
@@ -38942,9 +38640,6 @@ 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() {
@@ -39321,9 +39016,6 @@ 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() {
@@ -39970,14 +39662,12 @@ 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() {
@@ -40068,7 +39758,6 @@ 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 ?? {});
@@ -40107,7 +39796,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;
@@ -40129,4 +39818,4 @@ const setupCanvasBackend = async () => {
 };
 
 //#endregion
-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 };
+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_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_DISTANCE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_EDGE_SNAPPING_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesDistanceSnappingPlugin, WeaveNodesEdgeSnappingPlugin, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getPositionRelativeToContainerOnPosition, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };