@inditextech/weave-sdk 5.0.0-SNAPSHOT.366.1 → 5.0.0-SNAPSHOT.377.1

package/dist/types.js

@@ -9493,7 +9493,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.366.1";
+var version = "5.0.0-SNAPSHOT.377.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -12728,7 +12728,8 @@ const WEAVE_STAGE_TEXT_EDITION_MODE = "text-edition";
 const WEAVE_TEXT_NODE_DEFAULT_CONFIG = {
 	transform: { ...WEAVE_NODES_SELECTION_DEFAULT_CONFIG.selection },
 	outline: { enabled: false },
-	cursor: { color: "#000000" }
+	cursor: { color: "#000000" },
+	edition: { borderSize: 2 }
 };
 const TEXT_LAYOUT = {
 	["SMART"]: "smart",
@@ -13024,7 +13025,8 @@ var WeaveTextNode = class extends WeaveNode {
 		if (!this.textArea || !this.textAreaContainer) return;
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
 			const { width: textAreaWidth } = this.textRenderedSize(this.textArea.value, textNode);
-			const width = (textAreaWidth + 2) * textNode.getAbsoluteScale().x / this.instance.getStage().scaleX();
+			const borderSize = this.config.edition.borderSize;
+			const width = (textAreaWidth + borderSize * 2) * textNode.getAbsoluteScale().x / this.instance.getStage().scaleX();
 			this.textAreaContainer.style.width = width + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) {
@@ -13123,13 +13125,15 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textAreaContainer.style.top = position.y * upscaleScale + "px";
 		this.textAreaContainer.style.left = position.x * upscaleScale + "px";
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
+			const borderSize$1 = this.config.edition.borderSize;
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + borderSize$1 * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) {
+			const borderSize$1 = this.config.edition.borderSize;
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + borderSize$1 * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && textNode.getAttrs().smartFixedWidth) {
@@ -13142,7 +13146,9 @@ var WeaveTextNode = class extends WeaveNode {
 			this.textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
-		this.textAreaContainer.style.border = "solid 1px #1e40af";
+		const size = this.textRenderedSize(textNode.text(), textNode);
+		const borderSize = this.config.edition.borderSize;
+		this.textAreaContainer.style.border = `solid ${borderSize}px #1e40af`;
 		this.textArea.style.position = "absolute";
 		this.textArea.style.top = "0px";
 		this.textArea.style.left = "0px";
@@ -13151,11 +13157,12 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.scrollBehavior = "auto";
 		this.textArea.style.caretColor = "black";
 		this.textArea.style.width = "100%";
+		this.textArea.style.height = `${size.height}px`;
 		this.textArea.style.minHeight = "auto";
 		this.textArea.style.margin = "0px";
 		this.textArea.style.padding = "0px";
 		this.textArea.style.paddingTop = "0px";
-		this.textArea.style.boxSizing = "border-box";
+		this.textArea.style.boxSizing = "content-box";
 		this.textArea.style.overflow = "hidden";
 		this.textArea.style.background = "transparent";
 		this.textArea.style.border = "none";
@@ -13169,8 +13176,8 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.backgroundColor = "transparent";
 		this.textAreaContainer.style.transformOrigin = "left top";
 		this.mimicTextNode(textNode);
-		this.textArea.style.left = `-1px`;
-		this.textArea.style.top = `-1px`;
+		this.textArea.style.left = `${-borderSize}px`;
+		this.textArea.style.top = `${-borderSize + (size.height - this.textArea.offsetHeight)}px`;
 		this.textArea.onfocus = () => {
 			this.textAreaDomResize(textNode);
 		};
@@ -13216,7 +13223,10 @@ var WeaveTextNode = class extends WeaveNode {
 				const width = textAreaWidth / this.instance.getStage().scaleX();
 				textNode.width(width);
 			}
-			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) textNode.height(this.textArea.scrollHeight * (1 / textNode.getAbsoluteScale().x));
+			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) {
+				const size$1 = this.textRenderedSize(this.textArea.value, textNode);
+				textNode.height(size$1.height * (1 / textNode.getAbsoluteScale().x));
+			}
 		};
 		const handleKeyDown = (e) => {
 			if (this.textArea && textNode && e.code === "Escape") {
@@ -16283,9 +16293,48 @@ var WeaveStrokeNode = class extends WeaveNode {
 		result.push(pts[pts.length - 1]);
 		return result;
 	}
+	drawRoundCap(ctx, a, b, color) {
+		const cx = (a.x + b.x) / 2;
+		const cy = (a.y + b.y) / 2;
+		const r = Math.hypot(a.x - b.x, a.y - b.y) / 2;
+		ctx.beginPath();
+		ctx.fillStyle = color;
+		ctx.arc(cx, cy, r, 0, Math.PI * 2);
+		ctx.fill();
+	}
+	/**
+	* Draws a filled polygon from the accumulated left/right outline points of a
+	* dash segment and adds round caps at both ends.
+	* NOTE: mutates `rightSide` via Array.reverse() — callers must not reuse it after this call.
+	*/
+	drawDashPolygon(ctx, leftSide, rightSide, color) {
+		const capStartL = leftSide[0];
+		const capStartR = rightSide[0];
+		const capEndL = leftSide.at(-1);
+		const capEndR = rightSide.at(-1);
+		const smoothLeft = this.getSplinePoints(leftSide, 4);
+		const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
+		ctx.beginPath();
+		ctx.fillStyle = color;
+		ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
+		for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
+		for (const p of smoothRight) ctx.lineTo(p.x, p.y);
+		ctx.closePath();
+		ctx.fill();
+		this.drawRoundCap(ctx, capStartL, capStartR, color);
+		this.drawRoundCap(ctx, capEndL, capEndR, color);
+	}
 	drawRibbonWithDash(ctx, pts, baseW, color, dash) {
 		if (!pts) return;
-		if (pts.length < 2) return;
+		if (pts.length < 2) {
+			const pt = pts[0];
+			const r = Math.max(baseW * pt.pressure / 2, .5);
+			ctx.beginPath();
+			ctx.fillStyle = color;
+			ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
+			ctx.fill();
+			return;
+		}
 		const filtered = this.resamplePoints(pts, 2);
 		const centerline = this.getSplinePoints(filtered, 8);
 		let dashIndex = 0;
@@ -16338,17 +16387,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 				}
 				dashRemaining -= step;
 				if (dashRemaining <= 0) {
-					if (dashOn && leftSide.length && rightSide.length) {
-						const smoothLeft = this.getSplinePoints(leftSide, 4);
-						const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
-						ctx.beginPath();
-						ctx.fillStyle = color;
-						ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
-						for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
-						for (const p of smoothRight) ctx.lineTo(p.x, p.y);
-						ctx.closePath();
-						ctx.fill();
-					}
+					if (dashOn && leftSide.length && rightSide.length) this.drawDashPolygon(ctx, leftSide, rightSide, color);
 					leftSide = [];
 					rightSide = [];
 					dashOn = !dashOn;
@@ -16358,17 +16397,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 				traveled += step;
 			}
 		}
-		if (dashOn && leftSide.length && rightSide.length) {
-			const smoothLeft = this.getSplinePoints(leftSide, 4);
-			const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
-			ctx.beginPath();
-			ctx.fillStyle = color;
-			ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
-			for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
-			for (const p of smoothRight) ctx.lineTo(p.x, p.y);
-			ctx.closePath();
-			ctx.fill();
-		}
+		if (dashOn && leftSide.length && rightSide.length) this.drawDashPolygon(ctx, leftSide, rightSide, color);
 	}
 	drawShape(ctx, shape) {
 		const strokeElements = shape.getAttrs().strokeElements;
@@ -16385,8 +16414,6 @@ var WeaveStrokeNode = class extends WeaveNode {
 			sceneFunc: (ctx, shape) => {
 				this.drawShape(ctx, shape);
 			},
-			lineCap: "round",
-			lineJoin: "round",
 			dashEnabled: false,
 			hitFunc: (context, shape) => {
 				context.beginPath();
@@ -22668,34 +22695,40 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			if (nodeHandler) nodeHandler.onUpdate(tempStroke, tempStroke.getAttrs());
 		}
 	}
+	finalizeStroke(tempStroke, nodeHandler) {
+		const box = this.getBoundingBox(tempStroke.getAttrs().strokeElements);
+		let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
+		if (this.predictedCount > 0) {
+			newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
+			this.predictedCount = 0;
+		}
+		newStrokeElements = newStrokeElements.map((point) => ({
+			...point,
+			x: point.x - box.x,
+			y: point.y - box.y
+		}));
+		const compressedPoints = simplify(newStrokeElements, 1, true);
+		const sw = tempStroke.getAttrs().strokeWidth ?? 1;
+		const finalWidth = Math.max(box.width, sw);
+		const finalHeight = Math.max(box.height, sw);
+		const finalX = box.width === 0 ? box.x - sw / 2 : box.x;
+		const finalY = box.height === 0 ? box.y - sw / 2 : box.y;
+		tempStroke.setAttrs({
+			width: finalWidth,
+			height: finalHeight,
+			x: finalX,
+			y: finalY,
+			strokeElements: compressedPoints
+		});
+		const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
+		if (realNode) realNode.destroy();
+		if (tempStroke.getAttrs().strokeElements.length >= 1) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
+	}
 	handleEndStroke() {
 		const tempStroke = this.instance.getStage().findOne(`#${this.strokeId}`);
 		if (tempStroke) {
 			const nodeHandler = this.instance.getNodeHandler("stroke");
-			if (nodeHandler) {
-				const box = this.getBoundingBox(tempStroke.getAttrs().strokeElements);
-				let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
-				if (this.predictedCount > 0) {
-					newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
-					this.predictedCount = 0;
-				}
-				newStrokeElements = newStrokeElements.map((point) => ({
-					...point,
-					x: point.x - box.x,
-					y: point.y - box.y
-				}));
-				const compressedPoints = simplify(newStrokeElements, 1, true);
-				tempStroke.setAttrs({
-					width: box.width,
-					height: box.height,
-					x: box.x,
-					y: box.y,
-					strokeElements: compressedPoints
-				});
-				const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
-				if (realNode) realNode.destroy();
-				if (tempStroke.getAttrs().strokeElements.length >= 3) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
-			}
+			if (nodeHandler) this.finalizeStroke(tempStroke, nodeHandler);
 			this.clickPoint = null;
 			this.setCursor();
 			this.setFocusStage();