@inditextech/weave-sdk 0.43.0 → 0.45.0

package/dist/sdk.cjs

@@ -15665,25 +15665,28 @@ function clearContainerTargets(instance) {
 	const containers = instance.getContainerNodes();
 	for (const container of containers) container.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
 }
-function checkIfOverContainer(instance, node) {
-	if (node instanceof konva.default.Transformer) {
-		const transformerNodes = node.nodes();
-		const containersInSelection = [];
-		for (const actualNode of transformerNodes) if (typeof actualNode.getAttrs().isContainerPrincipal !== "undefined" && actualNode.getAttrs().isContainerPrincipal) containersInSelection.push(actualNode);
-		const containersInSelectionSet = new Set(containersInSelection);
-		const uniqueContainersInSelection = Array.from(containersInSelectionSet);
-		if (uniqueContainersInSelection.length > 0) return void 0;
-	}
-	const intersectedNode = instance.nodeIntersectsContainerElement(node);
-	let nodeActualContainer = node.getParent();
-	if (nodeActualContainer?.getAttrs().nodeId) nodeActualContainer = instance.getStage().findOne(`#${nodeActualContainer.getAttrs().nodeId}`);
+function containerOverCursor(instance) {
+	konva.default.hitOnDragEnabled = true;
+	const stage = instance.getStage();
+	const cursorPosition = stage.getRelativePointerPosition();
+	if (!cursorPosition) return void 0;
+	const nodesUnderPointer = new Set();
+	stage.find("Shape").reverse().forEach((node) => {
+		if (!node.isVisible() || !(node instanceof konva.default.Shape)) return;
+		const shapeRect = node.getClientRect({ relativeTo: stage });
+		if (cursorPosition.x >= shapeRect.x && cursorPosition.x <= shapeRect.x + shapeRect.width && cursorPosition.y >= shapeRect.y && cursorPosition.y <= shapeRect.y + shapeRect.height && node.getAttrs().nodeId) {
+			const realNode = stage.findOne(`#${node.getAttrs().nodeId}`);
+			if (realNode?.getAttrs().isContainerPrincipal) nodesUnderPointer.add(realNode);
+		}
+	});
+	const nodes = Array.from(nodesUnderPointer);
+	if (nodes.length === 0) return void 0;
 	let layerToMove = void 0;
-	if (!node.getAttrs().containerId && intersectedNode && nodeActualContainer?.getAttrs().id !== intersectedNode.getAttrs().id) layerToMove = intersectedNode;
+	if (nodes[0]?.getAttrs().containerId && nodes[0]?.getAttrs().isContainerPrincipal) layerToMove = nodes[0];
 	return layerToMove;
 }
-function moveNodeToContainer(instance, node) {
+function moveNodeToContainer(instance, node, containerToMove, invalidOriginsTypes = ["frame"]) {
 	const stage = instance.getStage();
-	const nodeIntersected = instance.nodeIntersectsContainerElement(node);
 	const isLocked = instance.allNodesLocked([node]);
 	if (isLocked) return;
 	let nodeActualContainer = node.getParent();
@@ -15694,8 +15697,7 @@ function moveNodeToContainer(instance, node) {
 	if (!nodeActualContainer) return void 0;
 	const actualContainerAttrs = nodeActualContainer.getAttrs();
 	let layerToMove = void 0;
-	if (nodeIntersected && actualContainerAttrs.id !== nodeIntersected.getAttrs().id && !node.getAttrs().isContainerPrincipal) layerToMove = nodeIntersected;
-	if (!nodeIntersected && actualContainerAttrs.id !== __inditextech_weave_types.WEAVE_NODE_LAYER_ID) layerToMove = instance.getMainLayer();
+	if (actualContainerAttrs.id !== containerToMove.getAttrs().id && !invalidOriginsTypes.includes(node.getAttrs().nodeType)) layerToMove = containerToMove;
 	if (layerToMove && actualContainerAttrs.id !== layerToMove.getAttrs().id && actualContainerAttrs.id !== layerToMove.getAttrs().containerId) {
 		const layerToMoveAttrs = layerToMove.getAttrs();
 		const nodePos = node.getAbsolutePosition();
@@ -15766,7 +15768,7 @@ function getTargetedNode(instance) {
 	let selectedGroup = void 0;
 	const mousePos = stage.getPointerPosition();
 	if (mousePos) {
-		const allInter = stage.getAllIntersections(mousePos);
+		const allInter = stage.getAllIntersections(mousePos).reverse();
 		if (allInter.length === 1) selectedGroup = instance.getInstanceRecursive(allInter[0]);
 		else {
 			const allInterContainersFiltered = allInter.filter((ele) => typeof ele.getAttrs().containerElement === "undefined");
@@ -15775,6 +15777,27 @@ function getTargetedNode(instance) {
 	}
 	return selectedGroup;
 }
+function hasImages(node) {
+	if (node.getAttrs().nodeType === "image") return true;
+	if (node.getAttrs().nodeType !== "group") return false;
+	const nodes = node.find((node$1) => {
+		return node$1.getAttrs().nodeType === "image";
+	});
+	if (nodes.length === 0) return false;
+	else return true;
+}
+function hasFrames(node) {
+	if (node.getAttrs().nodeType === "frame") return true;
+	if (node.getAttrs().nodeType !== "group") return false;
+	const nodes = node.find((node$1) => {
+		return node$1.getAttrs().nodeType === "frame";
+	});
+	if (nodes.length === 0) return false;
+	else return true;
+}
+function intersectArrays(arrays) {
+	return arrays.reduce((acc, arr) => acc.filter((val) => arr.includes(val)), arrays[0]);
+}
 
 //#endregion
 //#region src/plugins/context-menu/context-menu.ts
@@ -15958,7 +15981,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		super();
 		const { config } = params ?? {};
 		this.config = {
-			transformer: {
+			selection: {
 				rotationSnaps: [
 					0,
 					45,
@@ -15973,9 +15996,19 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				rotationSnapTolerance: 3,
 				ignoreStroke: true,
 				flipEnabled: false,
-				keepRatio: false,
+				keepRatio: true,
 				useSingleNodeRotation: true,
 				shouldOverdrawWholeArea: true,
+				enabledAnchors: [
+					"top-left",
+					"top-center",
+					"top-right",
+					"middle-right",
+					"middle-left",
+					"bottom-left",
+					"bottom-center",
+					"bottom-right"
+				],
 				anchorStyleFunc: (anchor) => {
 					anchor.stroke("#27272aff");
 					anchor.cornerRadius(12);
@@ -15992,17 +16025,28 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 						anchor.offsetX(4);
 					}
 				},
-				borderStroke: "#0074ffcc",
-				borderStrokeWidth: 3,
-				...config?.transformer
+				borderStroke: "#1a1aff",
+				borderStrokeWidth: 2,
+				...config?.selection
+			},
+			hover: {
+				borderStrokeWidth: 2,
+				...config?.hover
+			},
+			selectionArea: {
+				fill: "#1a1aff11",
+				stroke: "#1a1aff",
+				strokeWidth: 1,
+				dash: [12, 4],
+				...config?.selectionArea
 			},
-			transformations: {
+			behaviors: {
 				singleSelection: { enabled: true },
 				multipleSelection: { enabled: false },
-				...config?.transformations
+				...config?.behaviors
 			}
 		};
-		this.defaultEnabledAnchors = this.config.transformer?.enabledAnchors ?? [
+		this.defaultEnabledAnchors = this.config.selection?.enabledAnchors ?? [
 			"top-left",
 			"top-center",
 			"top-right",
@@ -16026,6 +16070,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.initialized = false;
 		this.enabled = false;
 		this.pointers = {};
+		this.selectionOriginalConfig = { ...this.config.selection };
 	}
 	getName() {
 		return WEAVE_NODES_SELECTION_KEY;
@@ -16060,23 +16105,21 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		stage.container().tabIndex = 1;
 		stage.container().focus();
 		const selectionRectangle = new konva.default.Rect({
-			fill: "rgba(147, 197, 253, 0.25)",
-			stroke: "#1e40afff",
-			strokeWidth: 1 * stage.scaleX(),
-			dash: [12 * stage.scaleX(), 4 * stage.scaleX()],
+			...this.config.selectionArea,
+			...this.config.selectionArea.strokeWidth && { strokeWidth: this.config.selectionArea.strokeWidth / stage.scaleX() },
+			...this.config.selectionArea.dash && { dash: this.config.selectionArea.dash.map((d) => d / stage.scaleX()) },
 			visible: false,
 			listening: false
 		});
 		selectionLayer?.add(selectionRectangle);
 		const tr = new konva.default.Transformer({
 			id: "selectionTransformer",
-			...this.config.transformer
+			...this.selectionOriginalConfig
 		});
 		selectionLayer?.add(tr);
 		const trHover = new konva.default.Transformer({
 			id: "hoverTransformer",
-			...this.config.transformer,
-			borderStrokeWidth: 3,
+			...this.config.hover,
 			rotateEnabled: false,
 			resizeEnabled: false,
 			enabledAnchors: [],
@@ -16134,16 +16177,16 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.didMove = true;
 			e.cancelBubble = true;
 			const selectedNodes = tr.nodes();
-			let hasFrames = false;
+			let selectionContainsFrames = false;
 			for (let i = 0; i < selectedNodes.length; i++) {
 				const node = selectedNodes[i];
-				if (node.getAttrs().nodeType === "frame") hasFrames = hasFrames || true;
+				selectionContainsFrames = selectionContainsFrames || hasFrames(node);
 				node.updatePosition(node.getAbsolutePosition());
 			}
 			if (this.isSelecting() && selectedNodes.length > 1) {
 				clearContainerTargets(this.instance);
-				const layerToMove = checkIfOverContainer(this.instance, e.target);
-				if (layerToMove && !hasFrames) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+				const layerToMove = containerOverCursor(this.instance);
+				if (layerToMove && !selectionContainsFrames) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 			}
 			tr.forceUpdate();
 		};
@@ -16152,10 +16195,10 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (!this.didMove) return;
 			e.cancelBubble = true;
 			const selectedNodes = tr.nodes();
-			let hasFrames = false;
+			let selectionContainsFrames = false;
 			for (let i = 0; i < selectedNodes.length; i++) {
 				const node = selectedNodes[i];
-				if (node.getAttrs().nodeType === "frame") hasFrames = hasFrames || true;
+				selectionContainsFrames = selectionContainsFrames || hasFrames(node);
 				node.updatePosition(node.getAbsolutePosition());
 			}
 			if (this.isSelecting() && tr.nodes().length > 1) {
@@ -16164,12 +16207,19 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				clearContainerTargets(this.instance);
 				const toSelect = [];
 				const toUpdate = [];
+				const layerToMove = containerOverCursor(this.instance);
 				const nodeUpdatePromise = (node) => {
 					return new Promise((resolve) => {
 						setTimeout(() => {
 							clearContainerTargets(this.instance);
-							if (!hasFrames) moveNodeToContainer(this.instance, node);
 							const nodeHandler = this.instance.getNodeHandler(node.getAttrs().nodeType);
+							if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node));
+							let containerToMove = this.instance.getMainLayer();
+							if (layerToMove) {
+								containerToMove = layerToMove;
+								containerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+							}
+							if (containerToMove && !selectionContainsFrames) moveNodeToContainer(this.instance, node, containerToMove);
 							if (!nodeHandler) return resolve();
 							toSelect.push(node.getAttrs().id ?? "");
 							toUpdate.push(nodeHandler.serialize(node));
@@ -16178,7 +16228,11 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 					});
 				};
 				const promises = [];
-				for (let i = 0; i < selectedNodes.length; i++) promises.push(nodeUpdatePromise(selectedNodes[i]));
+				for (let i = 0; i < selectedNodes.length; i++) {
+					const nodeHandler = this.instance.getNodeHandler(selectedNodes[i].getAttrs().nodeType);
+					if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(selectedNodes[i]));
+					promises.push(nodeUpdatePromise(selectedNodes[i]));
+				}
 				Promise.allSettled(promises).then((results) => {
 					if (results.length > 0) this.instance.updateNodes(toUpdate);
 					stage.container().style.cursor = actualCursor;
@@ -16347,8 +16401,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			y1 = intStage.getRelativePointerPosition()?.y ?? 0;
 			x2 = intStage.getRelativePointerPosition()?.x ?? 0;
 			y2 = intStage.getRelativePointerPosition()?.y ?? 0;
-			this.selectionRectangle.strokeWidth(1 / stage.scaleX());
-			this.selectionRectangle.dash([12 / stage.scaleX(), 4 / stage.scaleX()]);
+			this.selectionRectangle.strokeWidth(this.config.selectionArea.strokeWidth / stage.scaleX());
+			this.selectionRectangle.dash(this.config.selectionArea.dash?.map((d) => d / stage.scaleX()) ?? []);
 			this.selectionRectangle.width(0);
 			this.selectionRectangle.height(0);
 			this.selecting = true;
@@ -16467,25 +16521,30 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 				const frameNode = node;
 				if (!frameNode.getAttrs().locked) selectedNodes.add(node);
 			});
-			const nodesArray = [...selectedNodes];
-			if (nodesArray.length > 1 && !this.config.transformations.multipleSelection.enabled || nodesArray.length === 1 && !this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors([]);
-			if (nodesArray.length > 1 && this.config.transformations.multipleSelection.enabled || nodesArray.length === 1 && this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors(this.defaultEnabledAnchors);
-			if (nodesArray.length === 1) {
-				this.tr.setAttrs({
-					...this.config.transformer,
-					...nodesArray[0].getTransformerProperties()
-				});
-				this.tr.forceUpdate();
-			} else {
-				this.tr.setAttrs({ ...this.config.transformer });
-				this.tr.forceUpdate();
-			}
 			this.selecting = false;
-			this.tr.nodes(nodesArray);
+			this.tr.nodes([...selectedNodes]);
+			this.handleBehaviors();
 			this.triggerSelectedNodesEvent();
 			stage.container().tabIndex = 1;
 			stage.container().focus();
 		});
+		this.instance.addEventListener("onStateChange", () => {
+			this.syncSelection();
+		});
+		this.instance.addEventListener("onUndoManagerStatusChange", () => {
+			this.syncSelection();
+		});
+	}
+	syncSelection() {
+		const newSelectedNodes = [];
+		const actualSelectedNodes = this.tr.nodes();
+		for (const node of actualSelectedNodes) {
+			const existNode = this.instance.getStage().findOne(`#${node.getAttrs().id}`);
+			if (existNode) newSelectedNodes.push(existNode);
+		}
+		this.tr.nodes([...newSelectedNodes]);
+		this.tr.forceUpdate();
+		this.triggerSelectedNodesEvent();
 	}
 	getSelectionPlugin() {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
@@ -16521,7 +16580,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			if (targetNode && targetNode.getAttrs().nodeType) nodeTargeted = targetNode;
 		}
 		if (!nodeTargeted.getAttrs().nodeType) return;
-		let nodesSelected = 0;
 		const metaPressed = e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey;
 		const nodeSelectedIndex = this.tr.nodes().findIndex((node) => {
 			return node.getAttrs().id === nodeTargeted.getAttrs().id;
@@ -16539,7 +16597,6 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		}
 		if (!metaPressed) {
 			this.tr.nodes([nodeTargeted]);
-			nodesSelected = this.tr.nodes().length;
 			this.tr.show();
 			areNodesSelected = true;
 		}
@@ -16547,24 +16604,14 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			const nodes = this.tr.nodes().slice();
 			nodes.splice(nodes.indexOf(nodeTargeted), 1);
 			this.tr.nodes(nodes);
-			nodesSelected = this.tr.nodes().length;
 			areNodesSelected = true;
 		}
 		if (metaPressed && !isSelected) {
 			const nodes = this.tr.nodes().concat([nodeTargeted]);
 			this.tr.nodes(nodes);
-			nodesSelected = this.tr.nodes().length;
 			areNodesSelected = true;
 		}
-		if (nodesSelected > 1 && !this.config.transformations.multipleSelection.enabled || nodesSelected === 1 && !this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors([]);
-		if (nodesSelected > 1 && this.config.transformations.multipleSelection.enabled || nodesSelected === 1 && this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors(this.defaultEnabledAnchors);
-		if (nodesSelected === 1) {
-			this.tr.setAttrs({
-				...this.config.transformer,
-				...nodeTargeted.getTransformerProperties()
-			});
-			this.tr.forceUpdate();
-		}
+		this.handleBehaviors();
 		if (areNodesSelected) {
 			stage.container().tabIndex = 1;
 			stage.container().focus();
@@ -16578,21 +16625,28 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	getHoverTransformer() {
 		return this.trHover;
 	}
+	handleBehaviors() {
+		const nodes = this.getSelectedNodes();
+		const nodesSelected = nodes.length;
+		if (nodesSelected > 1 && !this.config.behaviors.multipleSelection.enabled || nodesSelected === 1 && !this.config.behaviors.singleSelection.enabled) this.tr.enabledAnchors([]);
+		if (nodesSelected > 1 && this.config.behaviors.multipleSelection.enabled || nodesSelected === 1 && this.config.behaviors.singleSelection.enabled) this.tr.enabledAnchors(this.defaultEnabledAnchors);
+		const anchorsArrays = [];
+		for (const node of nodes) anchorsArrays.push(node.allowedAnchors());
+		let transformerAttrs = {};
+		if (nodesSelected === 1) transformerAttrs = {
+			...this.selectionOriginalConfig,
+			enabledAnchors: nodes[0].allowedAnchors()
+		};
+		else if (nodesSelected > 1) transformerAttrs = {
+			...this.selectionOriginalConfig,
+			enabledAnchors: intersectArrays(anchorsArrays)
+		};
+		this.tr.setAttrs(transformerAttrs);
+		this.tr.forceUpdate();
+	}
 	setSelectedNodes(nodes) {
 		this.tr.setNodes(nodes);
-		const nodesSelected = nodes.length;
-		if (nodesSelected > 1 && !this.config.transformations.multipleSelection.enabled || nodesSelected === 1 && !this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors([]);
-		if (nodesSelected > 1 && this.config.transformations.multipleSelection.enabled || nodesSelected === 1 && this.config.transformations.singleSelection.enabled) this.tr.enabledAnchors(this.defaultEnabledAnchors);
-		if (nodesSelected === 1) {
-			this.tr.setAttrs({
-				...this.config.transformer,
-				...nodes[0].getTransformerProperties()
-			});
-			this.tr.forceUpdate();
-		} else if (nodesSelected > 1) {
-			this.tr.setAttrs({ ...this.config.transformer });
-			this.tr.forceUpdate();
-		}
+		this.handleBehaviors();
 		this.triggerSelectedNodesEvent();
 	}
 	getSelectedNodes() {
@@ -16635,6 +16689,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		const snappingPlugin = this.instance.getPlugin("nodesSnapping");
 		return snappingPlugin;
 	}
+	getSelectorConfig() {
+		return this.selectionOriginalConfig;
+	}
 };
 
 //#endregion
@@ -16858,10 +16915,7 @@ const augmentKonvaStageClass = () => {
 const augmentKonvaNodeClass = (config) => {
 	const { transform } = config ?? {};
 	konva.default.Node.prototype.getTransformerProperties = function() {
-		return {
-			WEAVE_DEFAULT_TRANSFORM_PROPERTIES: __inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...transform
-		};
+		return { ...transform };
 	};
 	konva.default.Node.prototype.getRealClientRect = function(config$1) {
 		return this.getClientRect(config$1);
@@ -16900,7 +16954,19 @@ var WeaveNode = class {
 	}
 	setupDefaultNodeAugmentation(node) {
 		node.getTransformerProperties = () => {
-			return __inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES;
+			return this.defaultGetTransformerProperties({});
+		};
+		node.allowedAnchors = () => {
+			return [
+				"top-left",
+				"top-center",
+				"top-right",
+				"middle-right",
+				"middle-left",
+				"bottom-left",
+				"bottom-center",
+				"bottom-right"
+			];
 		};
 		node.movedToContainer = () => {};
 		node.updatePosition = () => {};
@@ -16912,10 +16978,13 @@ var WeaveNode = class {
 		return false;
 	}
 	scaleReset(node) {
-		node.width(Math.max(5, node.width() * node.scaleX()));
-		node.height(Math.max(5, node.height() * node.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		const scale = node.scale();
+		node.width(Math.max(5, node.width() * scale.x));
+		node.height(Math.max(5, node.height() * scale.y));
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 	setHoverState(node) {
 		const selectionPlugin = this.getSelectionPlugin();
@@ -16961,7 +17030,6 @@ var WeaveNode = class {
 				const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 				if (nodesSelectionPlugin && this.isSelecting() && this.isNodeSelected(node$1)) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (nodesSnappingPlugin && transforming && this.isSelecting() && this.isNodeSelected(node$1)) nodesSnappingPlugin.evaluateGuidelines(e);
-				if (this.isSelecting() && this.isNodeSelected(node$1)) this.scaleReset(node$1);
 			};
 			node.on("transform", (0, import_lodash.throttle)(handleTransform, 100));
 			node.on("transformend", (e) => {
@@ -16972,6 +17040,7 @@ var WeaveNode = class {
 				const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 				if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupEvaluateGuidelines();
 				if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
+				this.scaleReset(node$1);
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
 				if (nodeHandler) this.instance.updateNode(nodeHandler.serialize(node$1));
 			});
@@ -17012,8 +17081,8 @@ var WeaveNode = class {
 				}
 				if (this.isSelecting() && this.isNodeSelected(node) && this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					clearContainerTargets(this.instance);
-					const layerToMove = checkIfOverContainer(this.instance, e.target);
-					if (layerToMove) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
+					const layerToMove = containerOverCursor(this.instance);
+					if (layerToMove && !hasFrames(node)) layerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetEnter, { bubbles: true });
 				}
 			};
 			node.on("dragmove", (0, import_lodash.throttle)(handleDragMove, 100));
@@ -17029,8 +17098,13 @@ var WeaveNode = class {
 					clearContainerTargets(this.instance);
 					const nodesSnappingPlugin = this.instance.getPlugin("nodesSnapping");
 					if (nodesSnappingPlugin) nodesSnappingPlugin.cleanupEvaluateGuidelines();
-					const containerToMove = moveNodeToContainer(this.instance, e.target);
-					if (containerToMove) return;
+					const layerToMove = containerOverCursor(this.instance);
+					let containerToMove = this.instance.getMainLayer();
+					if (layerToMove) {
+						containerToMove = layerToMove;
+						containerToMove.fire(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, { bubbles: true });
+					}
+					if (containerToMove) moveNodeToContainer(this.instance, e.target, containerToMove);
 					this.instance.updateNode(this.serialize(node));
 				}
 			});
@@ -17148,6 +17222,18 @@ var WeaveNode = class {
 		if (instance.getAttrs().nodeId === false) realInstance = this.instance.getInstanceRecursive(instance);
 		return realInstance.getAttrs().locked ?? false;
 	}
+	defaultGetTransformerProperties(nodeTransformConfig) {
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		let transformProperties = {};
+		if (selectionPlugin) transformProperties = {
+			...transformProperties,
+			...selectionPlugin.getSelectorConfig()
+		};
+		return {
+			...transformProperties,
+			...nodeTransformConfig
+		};
+	}
 };
 
 //#endregion
@@ -17530,25 +17616,36 @@ var WeaveGroupsManager = class {
 	allNodesInSameParent(nodes) {
 		const stage = this.instance.getStage();
 		if (nodes.length === 0) return {
-			allInSame: false,
-			nodeId: void 0,
+			realNodes: [],
 			parentId: void 0
 		};
-		let allInSame = true;
-		const nodeInstance = stage.findOne(`#${nodes[0].props.id}`);
-		const parentId = nodeInstance?.getParent()?.getAttrs().id;
+		const framesIds = [];
+		nodes.forEach((node) => {
+			const nodeInstance$1 = stage.findOne(`#${node.key}`);
+			if (nodeInstance$1 && nodeInstance$1.getAttrs().nodeType === "frame") framesIds.push(node.key);
+		});
+		let realNodes = [];
+		if (framesIds.length > 0) for (const node of nodes) {
+			const nodeInstance$1 = stage.findOne(`#${node.key}`);
+			if (framesIds.includes(node.key)) realNodes.push(node);
+			if (!framesIds.includes(node.key) && nodeInstance$1 && !framesIds.includes(nodeInstance$1.getParent()?.getAttrs().nodeId)) realNodes.push(node);
+		}
+		if (realNodes.length === 0) realNodes = nodes;
+		const parentIds = [];
+		for (const node of realNodes) {
+			const nodeInstance$1 = stage.findOne(`#${node.key}`);
+			if (nodeInstance$1) {
+				const parentId$1 = nodeInstance$1.getParent()?.getAttrs().id;
+				if (parentId$1 && !parentIds.includes(parentId$1)) parentIds.push(parentId$1);
+			}
+		}
+		const nodeInstance = stage.findOne(`#${realNodes[0].props.id}`);
 		const nodeId = nodeInstance?.getParent()?.getAttrs().nodeId;
-		for (const node of nodes) {
-			const nodeInstance$1 = stage.findOne(`#${node.props.id}`);
-			const nodeParentId = nodeInstance$1?.getParent()?.getAttrs().id;
-			if (nodeParentId !== parentId) {
-				allInSame = false;
-				break;
-			}
-		}
+		let parentId = nodeInstance?.getParent()?.getAttrs().id;
+		if (parentIds.length === 1 && nodeId) parentId = nodeId;
+		if (parentIds.length > 1) parentId = void 0;
 		return {
-			allInSame,
-			nodeId,
+			realNodes,
 			parentId
 		};
 	}
@@ -17561,11 +17658,7 @@ var WeaveGroupsManager = class {
 			this.logger.warn({ nodes }, "State is empty, cannot group nodes");
 			return;
 		}
-		const { allInSame, nodeId, parentId } = this.allNodesInSameParent(nodes);
-		if (!allInSame) {
-			this.logger.warn({ nodes }, "Not all nodes are in the same container, cannot group them");
-			return;
-		}
+		const { realNodes, parentId } = this.allNodesInSameParent(nodes);
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
 			const tr = selectionPlugin.getTransformer();
@@ -17584,10 +17677,10 @@ var WeaveGroupsManager = class {
 		parentLayer?.add(groupInstance);
 		const groupHandler = this.instance.getNodeHandler("group");
 		if (groupHandler) {
-			const groupNode = groupHandler.create(groupId, { draggable: true });
-			this.instance.addNode(groupNode, nodeId ?? parentNodeId);
+			const groupNode$1 = groupHandler.create(groupId, { draggable: true });
+			this.instance.addNode(groupNode$1, parentNodeId);
 		}
-		const nodesWithZIndex = nodes.map((node) => {
+		const nodesWithZIndex = realNodes.map((node) => {
 			const instance = mainLayer?.findOne(`#${node.key}`);
 			return {
 				node,
@@ -17635,12 +17728,14 @@ var WeaveGroupsManager = class {
 		}
 		this.instance.removeNodes(sortedNodesByZIndex);
 		groupInstance.destroy();
+		const groupNode = stage.findOne(`#${groupId}`);
+		if (groupHandler && groupNode) this.instance.updateNode(groupHandler.serialize(groupNode));
 		setTimeout(() => {
-			const groupNode = stage.findOne(`#${groupId}`);
+			const groupNode$1 = stage.findOne(`#${groupId}`);
 			const selectionPlugin$1 = this.instance.getPlugin("nodesSelection");
-			if (groupNode && selectionPlugin$1) {
+			if (groupNode$1 && selectionPlugin$1) {
 				const tr = selectionPlugin$1.getTransformer();
-				selectionPlugin$1.setSelectedNodes([groupNode]);
+				selectionPlugin$1.setSelectedNodes([groupNode$1]);
 				tr.show();
 				tr.forceUpdate();
 			}
@@ -17670,18 +17765,40 @@ var WeaveGroupsManager = class {
 		let newChildId = void 0;
 		const children = [...konvaGroup.getChildren()];
 		for (const child of children) {
-			const nodePos = child.getAbsolutePosition();
-			const nodeRotation = child.getAbsoluteRotation();
+			const absPos = child.getAbsolutePosition();
+			const absScale = child.getAbsoluteScale();
+			const absRotation = child.getAbsoluteRotation();
 			child.moveTo(newLayer);
-			child.setAbsolutePosition(nodePos);
-			child.rotation(nodeRotation);
+			child.position({
+				x: 0,
+				y: 0
+			});
+			child.scale({
+				x: 1,
+				y: 1
+			});
+			child.rotation(0);
+			child.offset({
+				x: 0,
+				y: 0
+			});
+			child.setAbsolutePosition(absPos);
+			child.scale({
+				x: absScale.x / stage.scaleX(),
+				y: absScale.y / stage.scaleY()
+			});
+			child.rotation(absRotation);
 			child.zIndex(newLayerChildrenAmount - 1 + child.zIndex());
-			child.setAttr("id", v4_default());
 			child.setAttr("draggable", true);
 			newChildId = child.getAttrs().id;
 			const handler = this.instance.getNodeHandler(child.getAttrs().nodeType);
 			if (handler) {
 				const node = handler.serialize(child);
+				const newNodeId = v4_default();
+				const oldId = node.key;
+				node.key = newNodeId;
+				node.props.id = newNodeId;
+				for (const prop of Object.keys(node.props)) if (typeof node.props[prop] === "string") node.props[prop] = node.props[prop].replace(oldId, newNodeId);
 				this.instance.addNode(node, nodeId ?? newLayer.getAttrs().id);
 			}
 			child.destroy();
@@ -17697,6 +17814,19 @@ var WeaveGroupsManager = class {
 			if (firstElement && selectionPlugin) selectionPlugin.setSelectedNodes([firstElement]);
 		}, 0);
 	}
+	extractTransformFromMatrix(m) {
+		const a = m[0], b = m[1], c = m[2], d = m[3], e = m[4], f = m[5];
+		const scaleX = Math.sqrt(a * a + b * b);
+		const scaleY = Math.sqrt(c * c + d * d);
+		const rotation = Math.atan2(b, a) * (180 / Math.PI);
+		return {
+			x: e,
+			y: f,
+			scaleX,
+			scaleY,
+			rotation
+		};
+	}
 };
 
 //#endregion
@@ -18488,13 +18618,7 @@ var WeaveStateManager = class {
 			target[key] = [...sourceArr];
 			return;
 		}
-		while (tgtArr.length > sourceArr.length) tgtArr.pop();
-		for (let i = 0; i < sourceArr.length; i++) {
-			const srcItem = sourceArr[i];
-			const tgtItem = tgtArr[i];
-			if (this.isObject(srcItem) && this.isObject(tgtItem)) this.deepSyncSyncedStore(tgtItem, srcItem);
-			else if (tgtItem !== srcItem) tgtArr[i] = srcItem;
-		}
+		target[key] = [...sourceArr];
 	}
 	isObject(val) {
 		return typeof val === "object" && val !== null;
@@ -18677,7 +18801,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "0.43.0";
+var version = "0.45.0";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -19516,10 +19640,21 @@ var WeaveGroupNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
+	}
+	groupHasFrames(group) {
+		const frameNodes = group.find((node) => {
+			return node.getAttrs().nodeType === "frame";
+		});
+		if (frameNodes.length === 0) return false;
+		else return true;
+	}
+	groupHasImages(group) {
+		const imageNodes = group.find((node) => {
+			return node.getAttrs().nodeType === "image";
+		});
+		if (imageNodes.length === 0) return false;
+		else return true;
 	}
 	onRender(props) {
 		const group = new konva.default.Group({
@@ -19529,7 +19664,19 @@ var WeaveGroupNode = class extends WeaveNode {
 		});
 		this.setupDefaultNodeAugmentation(group);
 		group.getTransformerProperties = () => {
-			return this.config.transform;
+			const baseConfig = this.defaultGetTransformerProperties(this.config.transform);
+			return {
+				...baseConfig,
+				enabledAnchors: group.allowedAnchors()
+			};
+		};
+		group.allowedAnchors = () => {
+			const stage = this.instance.getStage();
+			const actualGroup = stage.findOne(`#${group.id()}`);
+			const children = actualGroup.getChildren();
+			const anchorsArrays = [];
+			for (const child of children) anchorsArrays.push(child.allowedAnchors());
+			return intersectArrays(anchorsArrays);
 		};
 		this.setupDefaultNodeEvents(group);
 		return group;
@@ -19555,10 +19702,15 @@ var WeaveGroupNode = class extends WeaveNode {
 				...attrs,
 				id: attrs.id ?? "",
 				nodeType: attrs.nodeType,
-				children: childrenMapped
+				children: childrenMapped,
+				x: instance.x() ?? 0,
+				y: instance.y() ?? 0,
+				scaleX: instance.scaleX() ?? 1,
+				scaleY: instance.scaleY() ?? 1
 			}
 		};
 	}
+	scaleReset() {}
 };
 
 //#endregion
@@ -19572,19 +19724,17 @@ var WeaveRectangleNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const rectangle = new konva.default.Rect({
 			...props,
-			name: "node"
+			name: "node",
+			strokeScaleEnabled: false
 		});
 		this.setupDefaultNodeAugmentation(rectangle);
 		rectangle.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
 		};
 		this.setupDefaultNodeEvents(rectangle);
 		return rectangle;
@@ -19594,6 +19744,15 @@ var WeaveRectangleNode = class extends WeaveNode {
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
+	scaleReset(node) {
+		const scale = node.scale();
+		node.width(Math.max(5, node.width() * scale.x));
+		node.height(Math.max(5, node.height() * scale.y));
+		node.scale({
+			x: 1,
+			y: 1
+		});
+	}
 };
 
 //#endregion
@@ -19607,10 +19766,7 @@ var WeaveEllipseNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const ellipse = new konva.default.Ellipse({
@@ -19623,8 +19779,9 @@ var WeaveEllipseNode = class extends WeaveNode {
 		ellipse.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
 			const node = stage.findOne(`#${props.id}`);
+			const baseConfig = this.defaultGetTransformerProperties(this.config.transform);
 			if (node && node.getAttrs().keepAspectRatio) return {
-				...this.config.transform,
+				...baseConfig,
 				enabledAnchors: [
 					"top-left",
 					"top-right",
@@ -19633,7 +19790,27 @@ var WeaveEllipseNode = class extends WeaveNode {
 				],
 				keepRatio: true
 			};
-			return this.config.transform;
+			return baseConfig;
+		};
+		ellipse.allowedAnchors = () => {
+			const stage = this.instance.getStage();
+			const actualEllipse = stage.findOne(`#${ellipse.id()}`);
+			if (actualEllipse.getAttrs().keepAspectRatio) return [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			];
+			return [
+				"top-left",
+				"top-center",
+				"top-right",
+				"middle-right",
+				"middle-left",
+				"bottom-left",
+				"bottom-center",
+				"bottom-right"
+			];
 		};
 		this.setupDefaultNodeEvents(ellipse);
 		return ellipse;
@@ -19648,11 +19825,12 @@ var WeaveEllipseNode = class extends WeaveNode {
 		}
 	}
 	scaleReset(node) {
-		const ellipseNode = node;
-		ellipseNode.radiusX(Math.max(5, ellipseNode.radiusX() * ellipseNode.scaleX()));
-		ellipseNode.radiusY(Math.max(5, ellipseNode.radiusY() * ellipseNode.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.radiusX(Math.max(5, node.radiusX() * node.scaleX()));
+		node.radiusY(Math.max(5, node.radiusY() * node.scaleY()));
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 };
 
@@ -19667,10 +19845,7 @@ var WeaveLineNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const line = new konva.default.Line({
@@ -19679,7 +19854,7 @@ var WeaveLineNode = class extends WeaveNode {
 		});
 		this.setupDefaultNodeAugmentation(line);
 		line.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
 		};
 		this.setupDefaultNodeEvents(line);
 		return line;
@@ -19690,23 +19865,19 @@ var WeaveLineNode = class extends WeaveNode {
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
 	scaleReset(node) {
-		if (node.getAttrs().nodeType === "line") {
-			const lineNode = node;
-			const oldPoints = lineNode.points();
-			const newPoints = [];
-			for (let i = 0; i < oldPoints.length / 2; i++) {
-				const point = {
-					x: oldPoints[i * 2] * lineNode.scaleX(),
-					y: oldPoints[i * 2 + 1] * lineNode.scaleY()
-				};
-				newPoints.push(point.x, point.y);
-			}
-			lineNode.points(newPoints);
+		const scale = node.scale();
+		const oldPoints = node.points();
+		const newPoints = [];
+		for (let i = 0; i < oldPoints.length; i += 2) {
+			const x = oldPoints[i] * scale.x;
+			const y = oldPoints[i + 1] * scale.y;
+			newPoints.push(x, y);
 		}
-		node.width(Math.max(5, node.width() * node.scaleX()));
-		node.height(Math.max(5, node.height() * node.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.points(newPoints);
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 };
 
@@ -19747,10 +19918,7 @@ var WeaveTextNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 		this.editing = false;
 		this.textArea = null;
 	}
@@ -19769,18 +19937,40 @@ var WeaveTextNode = class extends WeaveNode {
 		text.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
 			const actualText = stage.findOne(`#${text.id()}`);
+			const baseConfig = this.defaultGetTransformerProperties(this.config.transform);
 			if (actualText) {
 				const attrs = actualText.getAttrs();
 				if (attrs.layout === TEXT_LAYOUT.AUTO_ALL) return {
+					...baseConfig,
 					resizeEnabled: false,
 					enabledAnchors: []
 				};
 				if (attrs.layout === TEXT_LAYOUT.AUTO_HEIGHT) return {
+					...baseConfig,
 					resizeEnabled: true,
 					enabledAnchors: ["middle-right", "middle-left"]
 				};
 			}
-			return this.config.transform;
+			return baseConfig;
+		};
+		text.allowedAnchors = () => {
+			const stage = this.instance.getStage();
+			const actualText = stage.findOne(`#${text.id()}`);
+			if (actualText) {
+				const attrs = actualText.getAttrs();
+				if (attrs.layout === TEXT_LAYOUT.AUTO_ALL) return [];
+				if (attrs.layout === TEXT_LAYOUT.AUTO_HEIGHT) return ["middle-right", "middle-left"];
+			}
+			return [
+				"top-left",
+				"top-center",
+				"top-right",
+				"middle-right",
+				"middle-left",
+				"bottom-left",
+				"bottom-center",
+				"bottom-right"
+			];
 		};
 		text.setAttrs({ measureMultilineText: this.measureMultilineText(text) });
 		this.setupDefaultNodeEvents(text);
@@ -20335,7 +20525,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					image: this.preloadImgs[this.imageId],
 					stroke: "#000000ff",
 					strokeWidth: 0,
-					strokeScaleEnabled: true,
+					strokeScaleEnabled: false,
 					listening: false
 				});
 				this.instance.getMainLayer()?.add(this.tempImageNode);
@@ -20365,7 +20555,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 					imageURL: this.imageURL,
 					stroke: "#000000ff",
 					strokeWidth: 0,
-					strokeScaleEnabled: true,
+					strokeScaleEnabled: false,
 					imageWidth: this.preloadImgs[this.imageId].width,
 					imageHeight: this.preloadImgs[this.imageId].height,
 					imageInfo: {
@@ -20779,10 +20969,7 @@ var WeaveImageNode = class extends WeaveNode {
 		this.lastTapTime = 0;
 		this.config = {
 			crossOrigin: config?.crossOrigin ?? "anonymous",
-			transform: {
-				...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-				...config?.transform
-			}
+			transform: { ...config?.transform }
 		};
 		this.imageCrop = null;
 		this.cachedCropInfo = {};
@@ -20864,7 +21051,15 @@ var WeaveImageNode = class extends WeaveNode {
 			this.cachedCropInfo[image$1.getAttrs().id ?? ""] = void 0;
 		};
 		image.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
+		};
+		image.allowedAnchors = () => {
+			return [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			];
 		};
 		const imagePlaceholder = new konva.default.Rect({
 			...groupImageProps,
@@ -20895,7 +21090,7 @@ var WeaveImageNode = class extends WeaveNode {
 			rotation: 0,
 			width: 0,
 			height: 0,
-			strokeScaleEnabled: true,
+			strokeScaleEnabled: false,
 			draggable: false,
 			visible: false,
 			name: void 0
@@ -21114,18 +21309,49 @@ var WeaveImageNode = class extends WeaveNode {
 		return imageToolAction;
 	}
 	scaleReset(node) {
+		const scale = node.scale();
 		const widthNotNormalized = node.width();
 		const heightNotNormalized = node.height();
-		node.width(Math.max(5, node.width() * node.scaleX()));
-		node.height(Math.max(5, node.height() * node.scaleY()));
 		const uncroppedWidth = node.getAttrs().uncroppedImage ? node.getAttrs().uncroppedImage.width : widthNotNormalized;
 		const uncroppedHeight = node.getAttrs().uncroppedImage ? node.getAttrs().uncroppedImage.height : heightNotNormalized;
 		node.setAttrs({ uncroppedImage: {
 			width: uncroppedWidth * node.scaleX(),
 			height: uncroppedHeight * node.scaleY()
 		} });
-		node.scaleX(1);
-		node.scaleY(1);
+		const placeholder = node.findOne(`#${node.getAttrs().id}-placeholder`);
+		const internalImage = node.findOne(`#${node.getAttrs().id}-image`);
+		const cropGroup = node.findOne(`#${node.getAttrs().id}-cropGroup`);
+		if (placeholder) {
+			placeholder.width(Math.max(5, placeholder.width() * placeholder.scaleX()));
+			placeholder.height(Math.max(5, placeholder.height() * placeholder.scaleY()));
+			placeholder.scale({
+				x: 1,
+				y: 1
+			});
+		}
+		if (internalImage) {
+			internalImage.width(Math.max(5, internalImage.width() * internalImage.scaleX()));
+			internalImage.height(Math.max(5, internalImage.height() * internalImage.scaleY()));
+			internalImage.scale({
+				x: 1,
+				y: 1
+			});
+		}
+		if (cropGroup) {
+			cropGroup.width(Math.max(5, cropGroup.width() * cropGroup.scaleX()));
+			cropGroup.height(Math.max(5, cropGroup.height() * cropGroup.scaleY()));
+			cropGroup.scale({
+				x: 1,
+				y: 1
+			});
+		}
+		node.width(Math.max(5, node.width() * scale.x));
+		node.height(Math.max(5, node.height() * scale.y));
+		node.scale({
+			x: 1,
+			y: 1
+		});
+		this.instance.getMainLayer()?.batchDraw();
 	}
 };
 
@@ -21140,10 +21366,7 @@ var WeaveStarNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const star = new konva.default.Star({
@@ -21156,9 +21379,10 @@ var WeaveStarNode = class extends WeaveNode {
 		this.setupDefaultNodeAugmentation(star);
 		star.getTransformerProperties = () => {
 			const stage = this.instance.getStage();
+			const baseConfig = this.defaultGetTransformerProperties(this.config.transform);
 			const node = stage.findOne(`#${props.id}`);
 			if (node && node.getAttrs().keepAspectRatio) return {
-				...this.config.transform,
+				...baseConfig,
 				enabledAnchors: [
 					"top-left",
 					"top-right",
@@ -21167,7 +21391,27 @@ var WeaveStarNode = class extends WeaveNode {
 				],
 				keepRatio: true
 			};
-			return this.config.transform;
+			return baseConfig;
+		};
+		star.allowedAnchors = () => {
+			const stage = this.instance.getStage();
+			const actualStar = stage.findOne(`#${star.id()}`);
+			if (actualStar.getAttrs().keepAspectRatio) return [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			];
+			return [
+				"top-left",
+				"top-center",
+				"top-right",
+				"middle-right",
+				"middle-left",
+				"bottom-left",
+				"bottom-center",
+				"bottom-right"
+			];
 		};
 		this.setupDefaultNodeEvents(star);
 		return star;
@@ -21182,11 +21426,12 @@ var WeaveStarNode = class extends WeaveNode {
 		}
 	}
 	scaleReset(node) {
-		const starNode = node;
-		starNode.innerRadius(Math.max(5, starNode.innerRadius() * starNode.scaleX()));
-		starNode.outerRadius(Math.max(5, starNode.outerRadius() * starNode.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.innerRadius(Math.max(5, node.innerRadius() * node.scaleX()));
+		node.outerRadius(Math.max(5, node.outerRadius() * node.scaleY()));
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 };
 
@@ -21201,10 +21446,7 @@ var WeaveArrowNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const line = new konva.default.Arrow({
@@ -21214,7 +21456,7 @@ var WeaveArrowNode = class extends WeaveNode {
 		});
 		this.setupDefaultNodeAugmentation(line);
 		line.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
 		};
 		this.setupDefaultNodeEvents(line);
 		return line;
@@ -21225,23 +21467,22 @@ var WeaveArrowNode = class extends WeaveNode {
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
 	scaleReset(node) {
-		if (node.getAttrs().nodeType === "arrow") {
-			const arrowNode = node;
-			const oldPoints = arrowNode.points();
-			const newPoints = [];
-			for (let i = 0; i < oldPoints.length / 2; i++) {
-				const point = {
-					x: oldPoints[i * 2] * arrowNode.scaleX(),
-					y: oldPoints[i * 2 + 1] * arrowNode.scaleY()
-				};
-				newPoints.push(point.x, point.y);
-			}
-			arrowNode.points(newPoints);
+		const oldPoints = node.points();
+		const newPoints = [];
+		for (let i = 0; i < oldPoints.length / 2; i++) {
+			const point = {
+				x: oldPoints[i * 2] * node.scaleX(),
+				y: oldPoints[i * 2 + 1] * node.scaleY()
+			};
+			newPoints.push(point.x, point.y);
 		}
+		node.points(newPoints);
 		node.width(Math.max(5, node.width() * node.scaleX()));
 		node.height(Math.max(5, node.height() * node.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 };
 
@@ -21256,10 +21497,7 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	onRender(props) {
 		const regularPolygon = new konva.default.RegularPolygon({
@@ -21270,8 +21508,9 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 		});
 		this.setupDefaultNodeAugmentation(regularPolygon);
 		regularPolygon.getTransformerProperties = () => {
+			const baseConfig = this.defaultGetTransformerProperties(this.config.transform);
 			return {
-				...this.config.transform,
+				...baseConfig,
 				enabledAnchors: [
 					"top-left",
 					"top-right",
@@ -21281,6 +21520,14 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 				keepRatio: true
 			};
 		};
+		regularPolygon.allowedAnchors = () => {
+			return [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			];
+		};
 		this.setupDefaultNodeEvents(regularPolygon);
 		return regularPolygon;
 	}
@@ -21297,10 +21544,11 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 		}
 	}
 	scaleReset(node) {
-		const regularPolygonNode = node;
-		regularPolygonNode.radius(Math.max(5, regularPolygonNode.radius() * regularPolygonNode.scaleX()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.radius(Math.max(5, node.radius() * node.scaleX()));
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 };
 
@@ -21327,7 +21575,7 @@ const WEAVE_FRAME_NODE_DEFAULT_CONFIG = {
 		rotateEnabled: false,
 		resizeEnabled: false,
 		enabledAnchors: [],
-		borderStrokeWidth: 3,
+		borderStrokeWidth: 2,
 		padding: 0
 	}
 };
@@ -21383,6 +21631,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			fill: "transparent",
 			draggable: true,
 			clip: void 0,
+			allowScaling: false,
 			name: "node containerCapable"
 		});
 		this.setupDefaultNodeAugmentation(frame);
@@ -21392,7 +21641,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			y: 0,
 			width: props.frameWidth,
 			height: props.frameHeight,
-			strokeScaleEnabled: true,
+			strokeScaleEnabled: false,
 			draggable: false
 		});
 		frame.add(frameInternalGroup);
@@ -21404,7 +21653,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			width: props.frameWidth,
 			stroke: borderColor,
 			strokeWidth: borderWidth,
-			strokeScaleEnabled: true,
+			strokeScaleEnabled: false,
 			shadowForStrokeEnabled: false,
 			height: props.frameHeight,
 			fill: "#ffffffff",
@@ -21412,30 +21661,33 @@ var WeaveFrameNode = class extends WeaveNode {
 			draggable: false
 		});
 		frameInternalGroup.add(background);
+		const stage = this.instance.getStage();
 		const text = new konva.default.Text({
 			id: `${id}-title`,
 			x: 0,
-			width: props.frameWidth,
-			fontSize,
+			width: props.frameWidth / stage.scaleX(),
+			fontSize: fontSize / stage.scaleX(),
 			fontFamily,
 			fontStyle,
+			verticalAlign: "middle",
 			align: "left",
 			text: props.title,
 			fill: fontColor,
 			strokeWidth: 0,
-			strokeScaleEnabled: true,
+			strokeScaleEnabled: false,
 			listening: false,
 			draggable: false
 		});
 		const textMeasures = text.measureSize(text.getAttrs().text ?? "");
-		const textWidth = textMeasures.width;
-		const textHeight = textMeasures.height;
-		text.y(-textHeight - titleMargin);
-		text.width(textWidth);
+		const textHeight = textMeasures.height + 2 * titleMargin / stage.scaleX();
+		text.y(-textHeight);
 		text.height(textHeight);
 		frameInternalGroup.add(text);
 		frame.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
+		};
+		frame.allowedAnchors = () => {
+			return [];
 		};
 		const frameInternal = new konva.default.Group({
 			id: `${id}-group-internal`,
@@ -21444,7 +21696,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			y: borderWidth,
 			width: props.frameWidth - borderWidth * 2,
 			height: props.frameHeight - borderWidth * 2,
-			strokeScaleEnabled: true,
+			strokeScaleEnabled: false,
 			clipFunc: (ctx) => {
 				const width = (frameInternal.width() + borderWidth) * frameInternal.scaleX();
 				const height = (frameInternal.height() + borderWidth) * frameInternal.scaleY();
@@ -21463,7 +21715,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			height: props.frameHeight,
 			hitFunc: function(ctx, shape) {
 				ctx.beginPath();
-				ctx.rect(0, -textHeight - titleMargin, textWidth, textHeight);
+				ctx.rect(0, -textHeight, props.frameWidth, textHeight);
 				ctx.fillStrokeShape(shape);
 			},
 			fill: "transparent",
@@ -21484,6 +21736,7 @@ var WeaveFrameNode = class extends WeaveNode {
 				ctx.fillStrokeShape(shape);
 			},
 			fill: "transparent",
+			nodeId: id,
 			id: `${id}-container-area`,
 			listening: false,
 			draggable: false
@@ -21503,6 +21756,20 @@ var WeaveFrameNode = class extends WeaveNode {
 		selectionArea.off("dragmove");
 		selectionArea.off("dragend");
 		this.setupDefaultNodeEvents(frame);
+		this.instance.addEventListener("onZoomChange", () => {
+			const stage$1 = this.instance.getStage();
+			text.fontSize(fontSize / stage$1.scaleX());
+			text.width(props.frameWidth / stage$1.scaleX());
+			const textMeasures$1 = text.measureSize(text.getAttrs().text ?? "");
+			const textHeight$1 = textMeasures$1.height + 2 * titleMargin / stage$1.scaleX();
+			text.y(-textHeight$1);
+			text.height(textHeight$1);
+			selectionArea.hitFunc(function(ctx, shape) {
+				ctx.beginPath();
+				ctx.rect(0, -textHeight$1, props.frameWidth, textHeight$1);
+				ctx.fillStrokeShape(shape);
+			});
+		});
 		frame.off("pointerover");
 		frame.on(__inditextech_weave_types.WEAVE_NODE_CUSTOM_EVENTS.onTargetLeave, () => {
 			background.setAttrs({
@@ -21536,14 +21803,12 @@ var WeaveFrameNode = class extends WeaveNode {
 		if (title && selectionArea) {
 			title.text(newProps.title);
 			const textMeasures = title.measureSize(title.getAttrs().text ?? "");
-			const textWidth = textMeasures.width;
-			const textHeight = textMeasures.height;
-			title.y(-textHeight - titleMargin);
-			title.width(textWidth);
+			const textHeight = textMeasures.height + 2 * titleMargin / stage.scaleX();
+			title.y(-textHeight);
 			title.height(textHeight);
 			selectionArea.hitFunc(function(ctx, shape) {
 				ctx.beginPath();
-				ctx.rect(0, -textHeight - titleMargin, textWidth, textHeight);
+				ctx.rect(0, -textHeight, nextProps.frameWidth, textHeight);
 				ctx.fillStrokeShape(shape);
 			});
 		}
@@ -21578,6 +21843,7 @@ var WeaveFrameNode = class extends WeaveNode {
 			}
 		};
 	}
+	scaleReset() {}
 };
 
 //#endregion
@@ -21591,10 +21857,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
-		this.config = { transform: {
-			...__inditextech_weave_types.WEAVE_DEFAULT_TRANSFORM_PROPERTIES,
-			...config?.transform
-		} };
+		this.config = { transform: { ...config?.transform } };
 	}
 	drawStroke(strokeElements, context, shape) {
 		context.strokeStyle = shape.getAttrs().stroke ?? "black";
@@ -21639,7 +21902,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 		});
 		this.setupDefaultNodeAugmentation(stroke);
 		stroke.getTransformerProperties = () => {
-			return this.config.transform;
+			return this.defaultGetTransformerProperties(this.config.transform);
 		};
 		this.setupDefaultNodeEvents(stroke);
 		return stroke;
@@ -21664,8 +21927,10 @@ var WeaveStrokeNode = class extends WeaveNode {
 		strokeNode.setAttrs({ strokeElements: newPoints });
 		node.width(Math.max(5, node.width() * node.scaleX()));
 		node.height(Math.max(5, node.height() * node.scaleY()));
-		node.scaleX(1);
-		node.scaleY(1);
+		node.scale({
+			x: 1,
+			y: 1
+		});
 	}
 	serialize(instance) {
 		const attrs = instance.getAttrs();
@@ -24223,7 +24488,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 			this.tempRectNode = new konva.default.Rect({
 				...this.props,
 				id: this.rectId,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				width: 0,
@@ -24425,7 +24690,7 @@ var WeaveEllipseToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.ellipseId, {
 				...this.props,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0 + this.props.radiusX,
 				y: this.clickPoint?.y ?? 0 + this.props.radiusY,
 				radiusX: 0,
@@ -24625,7 +24890,7 @@ var WeavePenToolAction = class extends WeaveAction {
 			this.tempMainLineNode = new konva.default.Line({
 				...this.props,
 				id: this.lineId,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -24635,7 +24900,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -24646,7 +24911,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				id: this.tempLineId,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				points: [0, 0]
 			});
 			this.measureContainer?.add(this.tempLineNode);
@@ -24654,7 +24919,7 @@ var WeavePenToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -24878,7 +25143,7 @@ var WeaveBrushToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.strokeId, {
 				...this.props,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: 0,
 				y: 0,
 				width: 0,
@@ -25200,7 +25465,7 @@ var WeaveStarToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.starId, {
 				...this.props,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0 + this.props.outerRadius,
 				y: this.clickPoint?.y ?? 0 + this.props.outerRadius,
 				numPoints: 5,
@@ -25406,7 +25671,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.tempMainArrowNode = new konva.default.Line({
 				...this.props,
 				id: this.arrowId,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -25416,7 +25681,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -25425,7 +25690,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 			this.tempArrowNode = new konva.default.Arrow({
 				...this.props,
 				id: this.tempArrowId,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				points: [0, 0]
@@ -25435,7 +25700,7 @@ var WeaveArrowToolAction = class extends WeaveAction {
 				x: this.clickPoint?.x ?? 0,
 				y: this.clickPoint?.y ?? 0,
 				radius: 5 / stage.scaleX(),
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				stroke: "#cccccc",
 				strokeWidth: 0,
 				fill: "#cccccc"
@@ -25653,7 +25918,7 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 		if (nodeHandler) {
 			const node = nodeHandler.create(this.regularPolygonId, {
 				...this.props,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				x: (this.clickPoint?.x ?? 0) + this.props.radius,
 				y: (this.clickPoint?.y ?? 0) + this.props.radius,
 				radius: 0
@@ -27741,11 +28006,14 @@ exports.WeaveUsersPointersPlugin = WeaveUsersPointersPlugin
 exports.WeaveUsersSelectionPlugin = WeaveUsersSelectionPlugin
 exports.WeaveZoomInToolAction = WeaveZoomInToolAction
 exports.WeaveZoomOutToolAction = WeaveZoomOutToolAction
-exports.checkIfOverContainer = checkIfOverContainer
 exports.clearContainerTargets = clearContainerTargets
+exports.containerOverCursor = containerOverCursor
 exports.getBoundingBox = getBoundingBox
 exports.getContrastTextColor = getContrastTextColor
 exports.getTargetedNode = getTargetedNode
+exports.hasFrames = hasFrames
+exports.hasImages = hasImages
+exports.intersectArrays = intersectArrays
 exports.moveNodeToContainer = moveNodeToContainer
 exports.resetScale = resetScale
 exports.stringToColor = stringToColor