@inditextech/weave-sdk 3.8.1 → 3.8.3-SNAPSHOT.214.1

package/dist/sdk.js

@@ -21410,10 +21410,16 @@ var WeaveTargetingManager = class {
 		const utilityLayer = this.instance.getUtilityLayer();
 		if (utilityLayer) utilityLayer.visible(false);
 		let containerAlt = containerOverCursor(this.instance, [], relativeMousePointer);
-		if (!containerAlt) containerAlt = this.instance.getMainLayer();
 		const nodesSelection = this.instance.getPlugin("nodesSelection");
 		if (nodesSelection) nodesSelection.getTransformer().visible(false);
-		relativeMousePointer = containerAlt?.getRelativePointerPosition() ?? relativeMousePointer;
+		if (containerAlt && typeof point === "undefined") relativeMousePointer = containerAlt.getRelativePointerPosition() ?? relativeMousePointer;
+		if (!containerAlt && typeof point === "undefined") {
+			containerAlt = this.instance.getMainLayer();
+			relativeMousePointer = containerAlt?.getRelativePointerPosition() ?? {
+				x: 0,
+				y: 0
+			};
+		}
 		if (utilityLayer) utilityLayer.visible(true);
 		if (nodesSelection) nodesSelection.getTransformer().visible(true);
 		return {
@@ -22008,7 +22014,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.8.1";
+var version = "3.8.3-SNAPSHOT.214.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -26853,7 +26859,11 @@ var WeaveImageNode = class extends WeaveNode {
 	onUpdate(nodeInstance, nextProps) {
 		const id = nodeInstance.getAttrs().id;
 		const node = nodeInstance;
-		nodeInstance.setAttrs({ ...nextProps });
+		nodeInstance.setAttrs({
+			...nextProps,
+			...nextProps.cropInfo ? { cropInfo: nextProps.cropInfo } : { cropInfo: void 0 },
+			...nextProps.cropSize ? { cropSize: nextProps.cropSize } : { cropSize: void 0 }
+		});
 		const imagePlaceholder = node.findOne(`#${id}-placeholder`);
 		const internalImage = node.findOne(`#${id}-image`);
 		const nodeAttrs = node.getAttrs();
@@ -34418,14 +34428,15 @@ var WeaveImageToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGE_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
-				if (!position) return;
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(WEAVE_IMAGE_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGE_TOOL_UPLOAD_TYPE.IMAGE_URL,
 					image: dragProperties.imageURL,
 					...dragProperties.imageId ? { imageId: dragProperties.imageId } : {},
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer },
-					position
+					container,
+					position: mousePoint
 				});
 			}
 		});
@@ -34592,7 +34603,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			}
 			const { mousePoint, container } = this.instance.getMousePointer(position);
 			this.imageAction[nodeId].clickPoint = mousePoint;
-			this.imageAction[nodeId].container = container;
+			this.imageAction[nodeId].container = this.imageAction[nodeId].container ?? container;
 			const nodeHandler = this.instance.getNodeHandler("image");
 			const imageWidth = this.imageAction[nodeId].props.width ? this.imageAction[nodeId].props.width : imageSource?.width;
 			const imageHeight = this.imageAction[nodeId].props.height ? this.imageAction[nodeId].props.height : imageSource?.height;
@@ -34659,9 +34670,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 			props: this.initProps(),
 			imageId: nodeId,
 			clickPoint: null,
-			container: void 0,
 			imageFile: null,
 			imageURL: null,
+			container: params?.container,
 			forceMainContainer: params?.forceMainContainer ?? false,
 			uploadType: null,
 			uploadImageFunction: null
@@ -34868,12 +34879,13 @@ var WeaveImagesToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGES_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
-				if (!position) return;
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(WEAVE_IMAGES_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGES_TOOL_UPLOAD_TYPE.IMAGE_URL,
 					images: dragProperties.imagesURL,
-					position,
+					container,
+					position: mousePoint,
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer }
 				});
 			}
@@ -35034,7 +35046,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		stage.container().style.cursor = "default";
 		const { mousePoint, container } = this.instance.getMousePointer(position);
 		this.clickPoint = mousePoint;
-		this.container = container;
+		this.stageClickPoint = position ? position : stage.getRelativePointerPosition();
+		this.container = this.container ?? container;
 		const originPoint = {
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0
@@ -35089,10 +35102,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 						},
 						uploadImageFunction: uploadImageFunctionInternal,
 						...imageId && { imageId },
-						position: {
-							x: position$1.x,
-							y: position$1.y
-						},
+						position: position$1,
+						container: this.container,
 						forceMainContainer: this.forceMainContainer,
 						nodeId: nodeId$1
 					}, true);
@@ -35126,10 +35137,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 					},
 					...imageId && { imageId },
 					...options && { options },
-					position: {
-						x: position$1.x,
-						y: position$1.y
-					},
+					position: position$1,
+					container: this.container,
 					forceMainContainer: this.forceMainContainer,
 					nodeId: nodeId$1
 				}, true);
@@ -35162,6 +35171,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 		if (params?.position) this.setState(WEAVE_IMAGES_TOOL_STATE.SELECTED_POSITION);
+		if (params?.container) this.container = params.container;
 		this.nodesIds = [];
 		this.forceMainContainer = params.forceMainContainer ?? false;
 		if (params.type === WEAVE_IMAGES_TOOL_UPLOAD_TYPE.FILE) {
@@ -35217,6 +35227,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		this.forceMainContainer = false;
 		this.initialCursor = null;
 		this.container = void 0;
+		this.stageClickPoint = null;
 		this.clickPoint = null;
 		this.nodesIds = [];
 		this.toAdd = 0;
@@ -36979,11 +36990,13 @@ var WeaveVideoToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(VIDEO_TOOL_ACTION_NAME, {
 					videoId: dragProperties.videoId,
 					videoParams: dragProperties.videoParams,
-					position
+					container,
+					position: mousePoint
 				});
 			}
 		});
@@ -37034,7 +37047,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		if (this.videoId && this.videoParams) {
 			const { mousePoint, container } = this.instance.getMousePointer(position);
 			this.clickPoint = mousePoint;
-			this.container = container;
+			this.container = this.container ?? container;
 			const nodeHandler = this.instance.getNodeHandler("video");
 			if (nodeHandler) {
 				const node = nodeHandler.create(this.videoId, {
@@ -37065,6 +37078,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		this.cancelAction = cancelAction;
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
+		this.container = params?.container;
 		this.forceMainContainer = params?.forceMainContainer ?? false;
 		if (params?.videoId) this.updateProps({ videoId: params.videoId });
 		if (params?.videoParams) {

package/dist/sdk.node.js

@@ -21409,10 +21409,16 @@ var WeaveTargetingManager = class {
 		const utilityLayer = this.instance.getUtilityLayer();
 		if (utilityLayer) utilityLayer.visible(false);
 		let containerAlt = containerOverCursor(this.instance, [], relativeMousePointer);
-		if (!containerAlt) containerAlt = this.instance.getMainLayer();
 		const nodesSelection = this.instance.getPlugin("nodesSelection");
 		if (nodesSelection) nodesSelection.getTransformer().visible(false);
-		relativeMousePointer = containerAlt?.getRelativePointerPosition() ?? relativeMousePointer;
+		if (containerAlt && typeof point === "undefined") relativeMousePointer = containerAlt.getRelativePointerPosition() ?? relativeMousePointer;
+		if (!containerAlt && typeof point === "undefined") {
+			containerAlt = this.instance.getMainLayer();
+			relativeMousePointer = containerAlt?.getRelativePointerPosition() ?? {
+				x: 0,
+				y: 0
+			};
+		}
 		if (utilityLayer) utilityLayer.visible(true);
 		if (nodesSelection) nodesSelection.getTransformer().visible(true);
 		return {
@@ -22007,7 +22013,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "3.8.1";
+var version = "3.8.3-SNAPSHOT.214.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -26852,7 +26858,11 @@ var WeaveImageNode = class extends WeaveNode {
 	onUpdate(nodeInstance, nextProps) {
 		const id = nodeInstance.getAttrs().id;
 		const node = nodeInstance;
-		nodeInstance.setAttrs({ ...nextProps });
+		nodeInstance.setAttrs({
+			...nextProps,
+			...nextProps.cropInfo ? { cropInfo: nextProps.cropInfo } : { cropInfo: void 0 },
+			...nextProps.cropSize ? { cropSize: nextProps.cropSize } : { cropSize: void 0 }
+		});
 		const imagePlaceholder = node.findOne(`#${id}-placeholder`);
 		const internalImage = node.findOne(`#${id}-image`);
 		const nodeAttrs = node.getAttrs();
@@ -34417,14 +34427,15 @@ var WeaveImageToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGE_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
-				if (!position) return;
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(WEAVE_IMAGE_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGE_TOOL_UPLOAD_TYPE.IMAGE_URL,
 					image: dragProperties.imageURL,
 					...dragProperties.imageId ? { imageId: dragProperties.imageId } : {},
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer },
-					position
+					container,
+					position: mousePoint
 				});
 			}
 		});
@@ -34591,7 +34602,7 @@ var WeaveImageToolAction = class extends WeaveAction {
 			}
 			const { mousePoint, container } = this.instance.getMousePointer(position);
 			this.imageAction[nodeId].clickPoint = mousePoint;
-			this.imageAction[nodeId].container = container;
+			this.imageAction[nodeId].container = this.imageAction[nodeId].container ?? container;
 			const nodeHandler = this.instance.getNodeHandler("image");
 			const imageWidth = this.imageAction[nodeId].props.width ? this.imageAction[nodeId].props.width : imageSource?.width;
 			const imageHeight = this.imageAction[nodeId].props.height ? this.imageAction[nodeId].props.height : imageSource?.height;
@@ -34658,9 +34669,9 @@ var WeaveImageToolAction = class extends WeaveAction {
 			props: this.initProps(),
 			imageId: nodeId,
 			clickPoint: null,
-			container: void 0,
 			imageFile: null,
 			imageURL: null,
+			container: params?.container,
 			forceMainContainer: params?.forceMainContainer ?? false,
 			uploadType: null,
 			uploadImageFunction: null
@@ -34867,12 +34878,13 @@ var WeaveImagesToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === WEAVE_IMAGES_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
-				if (!position) return;
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(WEAVE_IMAGES_TOOL_ACTION_NAME, {
 					type: WEAVE_IMAGES_TOOL_UPLOAD_TYPE.IMAGE_URL,
 					images: dragProperties.imagesURL,
-					position,
+					container,
+					position: mousePoint,
 					...dragProperties.forceMainContainer && { forceMainContainer: dragProperties.forceMainContainer }
 				});
 			}
@@ -35033,7 +35045,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		stage.container().style.cursor = "default";
 		const { mousePoint, container } = this.instance.getMousePointer(position);
 		this.clickPoint = mousePoint;
-		this.container = container;
+		this.stageClickPoint = position ? position : stage.getRelativePointerPosition();
+		this.container = this.container ?? container;
 		const originPoint = {
 			x: this.clickPoint?.x ?? 0,
 			y: this.clickPoint?.y ?? 0
@@ -35088,10 +35101,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 						},
 						uploadImageFunction: uploadImageFunctionInternal,
 						...imageId && { imageId },
-						position: {
-							x: position$1.x,
-							y: position$1.y
-						},
+						position: position$1,
+						container: this.container,
 						forceMainContainer: this.forceMainContainer,
 						nodeId: nodeId$1
 					}, true);
@@ -35125,10 +35136,8 @@ var WeaveImagesToolAction = class extends WeaveAction {
 					},
 					...imageId && { imageId },
 					...options && { options },
-					position: {
-						x: position$1.x,
-						y: position$1.y
-					},
+					position: position$1,
+					container: this.container,
 					forceMainContainer: this.forceMainContainer,
 					nodeId: nodeId$1
 				}, true);
@@ -35161,6 +35170,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
 		if (params?.position) this.setState(WEAVE_IMAGES_TOOL_STATE.SELECTED_POSITION);
+		if (params?.container) this.container = params.container;
 		this.nodesIds = [];
 		this.forceMainContainer = params.forceMainContainer ?? false;
 		if (params.type === WEAVE_IMAGES_TOOL_UPLOAD_TYPE.FILE) {
@@ -35216,6 +35226,7 @@ var WeaveImagesToolAction = class extends WeaveAction {
 		this.forceMainContainer = false;
 		this.initialCursor = null;
 		this.container = void 0;
+		this.stageClickPoint = null;
 		this.clickPoint = null;
 		this.nodesIds = [];
 		this.toAdd = 0;
@@ -36978,11 +36989,13 @@ var WeaveVideoToolAction = class extends WeaveAction {
 			const dragProperties = this.instance.getDragProperties();
 			if (dragProperties && dragId === VIDEO_TOOL_ACTION_NAME) {
 				this.instance.getStage().setPointersPositions(e);
-				const position = this.instance.getStage().getRelativePointerPosition();
+				const { mousePoint, container } = this.instance.getMousePointer();
+				if (!mousePoint) return;
 				this.instance.triggerAction(VIDEO_TOOL_ACTION_NAME, {
 					videoId: dragProperties.videoId,
 					videoParams: dragProperties.videoParams,
-					position
+					container,
+					position: mousePoint
 				});
 			}
 		});
@@ -37033,7 +37046,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		if (this.videoId && this.videoParams) {
 			const { mousePoint, container } = this.instance.getMousePointer(position);
 			this.clickPoint = mousePoint;
-			this.container = container;
+			this.container = this.container ?? container;
 			const nodeHandler = this.instance.getNodeHandler("video");
 			if (nodeHandler) {
 				const node = nodeHandler.create(this.videoId, {
@@ -37064,6 +37077,7 @@ var WeaveVideoToolAction = class extends WeaveAction {
 		this.cancelAction = cancelAction;
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
+		this.container = params?.container;
 		this.forceMainContainer = params?.forceMainContainer ?? false;
 		if (params?.videoId) this.updateProps({ videoId: params.videoId });
 		if (params?.videoParams) {

package/dist/types.d.ts

@@ -8,12 +8,12 @@ import * as konva_lib_types8 from "konva/lib/types";
 import * as konva_lib_types22 from "konva/lib/types";
 import * as konva_lib_types23 from "konva/lib/types";
 import { Vector2d } from "konva/lib/types";
-import * as konva_lib_Node18 from "konva/lib/Node";
-import * as konva_lib_Node19 from "konva/lib/Node";
 import * as konva_lib_Node14 from "konva/lib/Node";
 import * as konva_lib_Node15 from "konva/lib/Node";
 import * as konva_lib_Node16 from "konva/lib/Node";
 import * as konva_lib_Node17 from "konva/lib/Node";
+import * as konva_lib_Node18 from "konva/lib/Node";
+import * as konva_lib_Node19 from "konva/lib/Node";
 import * as konva_lib_Node0 from "konva/lib/Node";
 import * as konva_lib_Node1 from "konva/lib/Node";
 import * as konva_lib_Node2 from "konva/lib/Node";
@@ -952,7 +952,7 @@ declare class WeaveTargetingManager {
   nodeIntersectsContainerElement(node: Konva.Node | Konva.Transformer, actualLayer?: Konva.Layer | Konva.Group): Konva.Node | undefined;
   getMousePointer(point?: Konva.Vector2d): WeaveMousePointInfo;
   getMousePointerRelativeToContainer(container: Konva.Node | Konva.Layer): WeaveMousePointInfoSimple;
-  getRealSelectedNode: (nodeTarget: Konva.Node) => konva_lib_Node19.Node<konva_lib_Node18.NodeConfig>;
+  getRealSelectedNode: (nodeTarget: Konva.Node) => konva_lib_Node15.Node<konva_lib_Node14.NodeConfig>;
 }
 
 //#endregion
@@ -971,8 +971,8 @@ declare class WeaveCloningManager {
   cloneNode(targetNode: Konva.Node): Konva.Node | undefined;
   addClone(node: Konva.Node): void;
   removeClone(node: Konva.Node): void;
-  getClones(): konva_lib_Node15.Node<konva_lib_Node14.NodeConfig>[];
-  isClone(node: Konva.Node): konva_lib_Node17.Node<konva_lib_Node16.NodeConfig> | undefined;
+  getClones(): konva_lib_Node17.Node<konva_lib_Node16.NodeConfig>[];
+  isClone(node: Konva.Node): konva_lib_Node19.Node<konva_lib_Node18.NodeConfig> | undefined;
   cleanupClones(): void;
 }
 
@@ -3415,6 +3415,7 @@ type WeaveImageToolActionTriggerCommonParams = {
   imageId?: string;
   options?: ImageOptions;
   position?: Konva.Vector2d;
+  container?: Konva.Layer | Konva.Group;
   forceMainContainer?: boolean;
 };
 type WeaveImageFile = {
@@ -3554,6 +3555,7 @@ type ImageInfo = {
 };
 type WeaveImagesToolActionTriggerCommonParams = {
   position?: Vector2d;
+  container?: Konva.Layer | Konva.Group;
   forceMainContainer?: boolean;
 };
 type WeaveImagesToolActionInternalUploadFunction = () => Promise<void>;
@@ -3636,6 +3638,7 @@ declare class WeaveImagesToolAction extends WeaveAction {
   protected imagesFile: WeaveImagesFile[];
   protected imagesURL: WeaveImagesURL[];
   protected preloadImgs: Record<string, HTMLImageElement>;
+  protected stageClickPoint: Vector2d | null;
   protected clickPoint: Vector2d | null;
   protected forceMainContainer: boolean;
   protected cancelAction: () => void;
@@ -4232,6 +4235,7 @@ type WeaveVideoToolDragParams = {
 type WeaveVideoToolActionTriggerParams = {
   videoId?: string;
   videoParams?: WeaveVideoToolDragParams;
+  container?: Konva.Layer | Konva.Group;
   position?: Konva.Vector2d;
   forceMainContainer?: boolean;
 };