@inditextech/weave-sdk 5.1.3 → 5.1.5

package/dist/sdk.js

@@ -4917,6 +4917,10 @@ function handleClickOrTap(ctx, e) {
 		if (canMove && e.evt) {
 			nodeTargeted.draggable(true);
 			ctx.armDrag(nodeTargeted, e.evt.pointerId);
+			stage.container().tabIndex = 1;
+			stage.container().focus();
+			stage.container().style.cursor = (typeof nodeTargeted?.defineMousePointer === "function" ? nodeTargeted.defineMousePointer() : null) ?? "grab";
+			ctx.triggerSelectedNodesEvent();
 			return;
 		}
 	}
@@ -9778,7 +9782,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.1.3";
+var version = "5.1.5";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -12317,12 +12321,38 @@ var WeaveShapeLabelEditor = class {
 	editingTextBounds = null;
 	textArea = null;
 	onLiveResize = null;
+	restoreUserSelect = null;
 	constructor(instance) {
 		this.instance = instance;
 	}
 	isEditing() {
 		return this.editing;
 	}
+	enableStageTextSelection() {
+		const stage = this.instance.getStage();
+		const targets = [];
+		const content = stage.content;
+		if (content) targets.push(content);
+		const container = stage.container();
+		if (container && container !== content) targets.push(container);
+		const previous = targets.map((el) => ({
+			el,
+			userSelect: el.style.userSelect,
+			webkitUserSelect: el.style.getPropertyValue("-webkit-user-select")
+		}));
+		for (const el of targets) {
+			el.style.userSelect = "text";
+			el.style.setProperty("-webkit-user-select", "text");
+		}
+		this.restoreUserSelect = () => {
+			for (const { el, userSelect, webkitUserSelect } of previous) {
+				el.style.userSelect = userSelect;
+				if (webkitUserSelect) el.style.setProperty("-webkit-user-select", webkitUserSelect);
+				else el.style.removeProperty("-webkit-user-select");
+			}
+			this.restoreUserSelect = null;
+		};
+	}
 	renderLabel(group, props, textBounds) {
 		const labelText = props.labelText ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelText;
 		const labelNode = new Konva.Text({
@@ -12421,6 +12451,7 @@ var WeaveShapeLabelEditor = class {
 		this.instance.releaseMutexLock();
 		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.editing = false;
+		this.restoreUserSelect?.();
 		const editedGroupId = this.editingGroup?.id() ?? null;
 		if (this.editingGroup) {
 			const liveGroup = this.instance.getStage().findOne(`#${this.editingGroup.id()}`);
@@ -12551,6 +12582,7 @@ var WeaveShapeLabelEditor = class {
 		const props = group.getAttrs();
 		const absScale = group.getAbsoluteScale();
 		const effectiveScale = absScale.x;
+		this.enableStageTextSelection();
 		this.textArea = document.createElement("textarea");
 		this.textArea.id = `${group.id()}_label_textarea`;
 		this.textArea.rows = 1;
@@ -12624,6 +12656,7 @@ var WeaveShapeLabelEditor = class {
 		};
 		const commit = (text) => {
 			window.removeEventListener("pointerup", handleOutsideClick);
+			window.removeEventListener("pointerdown", handlePointerDown$1);
 			this.exitEditMode();
 			const liveGroup = this.instance.getStage().findOne(`#${group.id()}`);
 			const labelNode = liveGroup?.findOne(`#${labelId(group.id())}`);
@@ -12647,9 +12680,17 @@ var WeaveShapeLabelEditor = class {
 				this.textArea.scrollLeft = 0;
 			}
 		}, { signal: this.instance.getEventsController().signal });
+		let pointerDownInsideTextArea = false;
+		const handlePointerDown$1 = (e) => {
+			pointerDownInsideTextArea = !!this.textArea && this.textArea.contains(e.target);
+		};
 		const handleOutsideClick = (e) => {
 			e.stopPropagation();
 			if (!this.textArea) return;
+			if (pointerDownInsideTextArea) {
+				pointerDownInsideTextArea = false;
+				return;
+			}
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -12661,6 +12702,7 @@ var WeaveShapeLabelEditor = class {
 			if (clickedOutside) commit(this.textArea.value);
 		};
 		setTimeout(() => {
+			window.addEventListener("pointerdown", handlePointerDown$1, { signal: this.instance.getEventsController().signal });
 			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController().signal });
 		}, 0);
 		this.textArea.tabIndex = 1;
@@ -13775,6 +13817,7 @@ const TEXT_LAYOUT = {
 //#region src/nodes/text/text.ts
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
+	restoreUserSelect = null;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -14127,8 +14170,34 @@ var WeaveTextNode = class extends WeaveNode {
 			this.textArea.style.webkitTextStroke = `${this.config.outline.width * this.instance.getStage().scaleX()}px ${this.config.outline.color}`;
 		}
 	}
+	enableStageTextSelection() {
+		const stage = this.instance.getStage();
+		const targets = [];
+		const content = stage.content;
+		if (content) targets.push(content);
+		const container = stage.container();
+		if (container && container !== content) targets.push(container);
+		const previous = targets.map((el) => ({
+			el,
+			userSelect: el.style.userSelect,
+			webkitUserSelect: el.style.getPropertyValue("-webkit-user-select")
+		}));
+		for (const el of targets) {
+			el.style.userSelect = "text";
+			el.style.setProperty("-webkit-user-select", "text");
+		}
+		this.restoreUserSelect = () => {
+			for (const { el, userSelect, webkitUserSelect } of previous) {
+				el.style.userSelect = userSelect;
+				if (webkitUserSelect) el.style.setProperty("-webkit-user-select", webkitUserSelect);
+				else el.style.removeProperty("-webkit-user-select");
+			}
+			this.restoreUserSelect = null;
+		};
+	}
 	createTextAreaDOM(textNode, position) {
 		const stage = this.instance.getStage();
+		this.enableStageTextSelection();
 		this.textAreaSuperContainer = document.createElement("div");
 		this.textAreaSuperContainer.id = `${textNode.id()}_supercontainer`;
 		this.textAreaSuperContainer.style.position = "absolute";
@@ -14275,7 +14344,7 @@ var WeaveTextNode = class extends WeaveNode {
 				this.instance.removeEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 				this.instance.removeEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
 				window.removeEventListener("pointerup", handleOutsideClick);
-				window.removeEventListener("pointerdown", handleOutsideClick);
+				window.removeEventListener("pointerdown", handlePointerDown$1);
 				return;
 			}
 		};
@@ -14285,7 +14354,7 @@ var WeaveTextNode = class extends WeaveNode {
 			this.instance.removeEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 			this.instance.removeEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
 			window.removeEventListener("pointerup", handleOutsideClick);
-			window.removeEventListener("pointerdown", handleOutsideClick);
+			window.removeEventListener("pointerdown", handlePointerDown$1);
 		};
 		textNode.setAttr("cancelEditMode", cancelEditMode.bind(this));
 		const handleKeyUp = () => {
@@ -14305,9 +14374,17 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.addEventListener("keyup", handleKeyUp, { signal: this.instance.getEventsController().signal });
 		this.textArea.tabIndex = 1;
 		this.textArea.focus();
+		let pointerDownInsideTextArea = false;
+		const handlePointerDown$1 = (e) => {
+			pointerDownInsideTextArea = !!this.textArea && this.textArea.contains(e.target);
+		};
 		const handleOutsideClick = (e) => {
 			e.stopPropagation();
 			if (!this.textArea) return;
+			if (pointerDownInsideTextArea) {
+				pointerDownInsideTextArea = false;
+				return;
+			}
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -14324,10 +14401,12 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textArea.removeEventListener("keydown", handleKeyDown);
 				this.textArea.removeEventListener("keyup", handleKeyUp);
 				window.removeEventListener("pointerup", handleOutsideClick);
+				window.removeEventListener("pointerdown", handlePointerDown$1);
 				return;
 			}
 		};
 		setTimeout(() => {
+			window.addEventListener("pointerdown", handlePointerDown$1, { signal: this.instance.getEventsController().signal });
 			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController().signal });
 		}, 0);
 		this.instance.getStage().mode(WEAVE_STAGE_TEXT_EDITION_MODE);
@@ -14365,6 +14444,7 @@ var WeaveTextNode = class extends WeaveNode {
 		else textNode.visible(true);
 	}
 	removeTextAreaDOM(textNode) {
+		this.restoreUserSelect?.();
 		this.instance.releaseMutexLock();
 		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.editing = false;

package/dist/sdk.node.js

@@ -4916,6 +4916,10 @@ function handleClickOrTap(ctx, e) {
 		if (canMove && e.evt) {
 			nodeTargeted.draggable(true);
 			ctx.armDrag(nodeTargeted, e.evt.pointerId);
+			stage.container().tabIndex = 1;
+			stage.container().focus();
+			stage.container().style.cursor = (typeof nodeTargeted?.defineMousePointer === "function" ? nodeTargeted.defineMousePointer() : null) ?? "grab";
+			ctx.triggerSelectedNodesEvent();
 			return;
 		}
 	}
@@ -9777,7 +9781,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.1.3";
+var version = "5.1.5";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -12316,12 +12320,38 @@ var WeaveShapeLabelEditor = class {
 	editingTextBounds = null;
 	textArea = null;
 	onLiveResize = null;
+	restoreUserSelect = null;
 	constructor(instance) {
 		this.instance = instance;
 	}
 	isEditing() {
 		return this.editing;
 	}
+	enableStageTextSelection() {
+		const stage = this.instance.getStage();
+		const targets = [];
+		const content = stage.content;
+		if (content) targets.push(content);
+		const container = stage.container();
+		if (container && container !== content) targets.push(container);
+		const previous = targets.map((el) => ({
+			el,
+			userSelect: el.style.userSelect,
+			webkitUserSelect: el.style.getPropertyValue("-webkit-user-select")
+		}));
+		for (const el of targets) {
+			el.style.userSelect = "text";
+			el.style.setProperty("-webkit-user-select", "text");
+		}
+		this.restoreUserSelect = () => {
+			for (const { el, userSelect, webkitUserSelect } of previous) {
+				el.style.userSelect = userSelect;
+				if (webkitUserSelect) el.style.setProperty("-webkit-user-select", webkitUserSelect);
+				else el.style.removeProperty("-webkit-user-select");
+			}
+			this.restoreUserSelect = null;
+		};
+	}
 	renderLabel(group, props, textBounds) {
 		const labelText = props.labelText ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelText;
 		const labelNode = new Konva.Text({
@@ -12420,6 +12450,7 @@ var WeaveShapeLabelEditor = class {
 		this.instance.releaseMutexLock();
 		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.editing = false;
+		this.restoreUserSelect?.();
 		const editedGroupId = this.editingGroup?.id() ?? null;
 		if (this.editingGroup) {
 			const liveGroup = this.instance.getStage().findOne(`#${this.editingGroup.id()}`);
@@ -12550,6 +12581,7 @@ var WeaveShapeLabelEditor = class {
 		const props = group.getAttrs();
 		const absScale = group.getAbsoluteScale();
 		const effectiveScale = absScale.x;
+		this.enableStageTextSelection();
 		this.textArea = document.createElement("textarea");
 		this.textArea.id = `${group.id()}_label_textarea`;
 		this.textArea.rows = 1;
@@ -12623,6 +12655,7 @@ var WeaveShapeLabelEditor = class {
 		};
 		const commit = (text) => {
 			window.removeEventListener("pointerup", handleOutsideClick);
+			window.removeEventListener("pointerdown", handlePointerDown$1);
 			this.exitEditMode();
 			const liveGroup = this.instance.getStage().findOne(`#${group.id()}`);
 			const labelNode = liveGroup?.findOne(`#${labelId(group.id())}`);
@@ -12646,9 +12679,17 @@ var WeaveShapeLabelEditor = class {
 				this.textArea.scrollLeft = 0;
 			}
 		}, { signal: this.instance.getEventsController().signal });
+		let pointerDownInsideTextArea = false;
+		const handlePointerDown$1 = (e) => {
+			pointerDownInsideTextArea = !!this.textArea && this.textArea.contains(e.target);
+		};
 		const handleOutsideClick = (e) => {
 			e.stopPropagation();
 			if (!this.textArea) return;
+			if (pointerDownInsideTextArea) {
+				pointerDownInsideTextArea = false;
+				return;
+			}
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -12660,6 +12701,7 @@ var WeaveShapeLabelEditor = class {
 			if (clickedOutside) commit(this.textArea.value);
 		};
 		setTimeout(() => {
+			window.addEventListener("pointerdown", handlePointerDown$1, { signal: this.instance.getEventsController().signal });
 			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController().signal });
 		}, 0);
 		this.textArea.tabIndex = 1;
@@ -13774,6 +13816,7 @@ const TEXT_LAYOUT = {
 //#region src/nodes/text/text.ts
 var WeaveTextNode = class extends WeaveNode {
 	nodeType = WEAVE_TEXT_NODE_TYPE;
+	restoreUserSelect = null;
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -14126,8 +14169,34 @@ var WeaveTextNode = class extends WeaveNode {
 			this.textArea.style.webkitTextStroke = `${this.config.outline.width * this.instance.getStage().scaleX()}px ${this.config.outline.color}`;
 		}
 	}
+	enableStageTextSelection() {
+		const stage = this.instance.getStage();
+		const targets = [];
+		const content = stage.content;
+		if (content) targets.push(content);
+		const container = stage.container();
+		if (container && container !== content) targets.push(container);
+		const previous = targets.map((el) => ({
+			el,
+			userSelect: el.style.userSelect,
+			webkitUserSelect: el.style.getPropertyValue("-webkit-user-select")
+		}));
+		for (const el of targets) {
+			el.style.userSelect = "text";
+			el.style.setProperty("-webkit-user-select", "text");
+		}
+		this.restoreUserSelect = () => {
+			for (const { el, userSelect, webkitUserSelect } of previous) {
+				el.style.userSelect = userSelect;
+				if (webkitUserSelect) el.style.setProperty("-webkit-user-select", webkitUserSelect);
+				else el.style.removeProperty("-webkit-user-select");
+			}
+			this.restoreUserSelect = null;
+		};
+	}
 	createTextAreaDOM(textNode, position) {
 		const stage = this.instance.getStage();
+		this.enableStageTextSelection();
 		this.textAreaSuperContainer = document.createElement("div");
 		this.textAreaSuperContainer.id = `${textNode.id()}_supercontainer`;
 		this.textAreaSuperContainer.style.position = "absolute";
@@ -14274,7 +14343,7 @@ var WeaveTextNode = class extends WeaveNode {
 				this.instance.removeEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 				this.instance.removeEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
 				window.removeEventListener("pointerup", handleOutsideClick);
-				window.removeEventListener("pointerdown", handleOutsideClick);
+				window.removeEventListener("pointerdown", handlePointerDown$1);
 				return;
 			}
 		};
@@ -14284,7 +14353,7 @@ var WeaveTextNode = class extends WeaveNode {
 			this.instance.removeEventListener("onZoomChange", this.onZoomChangeHandler(textNode).bind(this));
 			this.instance.removeEventListener("onStageMove", this.onStageMoveHandler(textNode).bind(this));
 			window.removeEventListener("pointerup", handleOutsideClick);
-			window.removeEventListener("pointerdown", handleOutsideClick);
+			window.removeEventListener("pointerdown", handlePointerDown$1);
 		};
 		textNode.setAttr("cancelEditMode", cancelEditMode.bind(this));
 		const handleKeyUp = () => {
@@ -14304,9 +14373,17 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.addEventListener("keyup", handleKeyUp, { signal: this.instance.getEventsController().signal });
 		this.textArea.tabIndex = 1;
 		this.textArea.focus();
+		let pointerDownInsideTextArea = false;
+		const handlePointerDown$1 = (e) => {
+			pointerDownInsideTextArea = !!this.textArea && this.textArea.contains(e.target);
+		};
 		const handleOutsideClick = (e) => {
 			e.stopPropagation();
 			if (!this.textArea) return;
+			if (pointerDownInsideTextArea) {
+				pointerDownInsideTextArea = false;
+				return;
+			}
 			const mouseX = e.clientX;
 			const mouseY = e.clientY;
 			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
@@ -14323,10 +14400,12 @@ var WeaveTextNode = class extends WeaveNode {
 				this.textArea.removeEventListener("keydown", handleKeyDown);
 				this.textArea.removeEventListener("keyup", handleKeyUp);
 				window.removeEventListener("pointerup", handleOutsideClick);
+				window.removeEventListener("pointerdown", handlePointerDown$1);
 				return;
 			}
 		};
 		setTimeout(() => {
+			window.addEventListener("pointerdown", handlePointerDown$1, { signal: this.instance.getEventsController().signal });
 			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController().signal });
 		}, 0);
 		this.instance.getStage().mode(WEAVE_STAGE_TEXT_EDITION_MODE);
@@ -14364,6 +14443,7 @@ var WeaveTextNode = class extends WeaveNode {
 		else textNode.visible(true);
 	}
 	removeTextAreaDOM(textNode) {
+		this.restoreUserSelect?.();
 		this.instance.releaseMutexLock();
 		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
 		this.editing = false;