npm - sequential-workflow-designer - Versions diffs - 0.26.0 → 0.26.1 - Mend

sequential-workflow-designer 0.26.0 → 0.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -104,10 +104,10 @@ Add the below code to your head section in HTML document.
 ```html
 <head>
 ...
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.0/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.0/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.0/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.0/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.1/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.1/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.1/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.26.1/dist/index.umd.js"></script>
 ```
 Call the designer by:

package/dist/index.umd.js CHANGED Viewed

@@ -1057,54 +1057,58 @@
 	    }
 	}
+	const EPS = 0.5; // Epsilon, a tiny offset to avoid rendering issues
 	class JoinView {
 	    static createStraightJoin(parent, start, height) {
+	        const dy = Math.sign(height);
 	        const join = Dom.svg('line', {
 	            class: 'sqd-join',
 	            x1: start.x,
-	            y1: start.y,
+	            y1: start.y - EPS * dy,
 	            x2: start.x,
-	            y2: start.y + height
+	            y2: start.y + height + EPS * dy
 	        });
 	        parent.insertBefore(join, parent.firstChild);
 	    }
 	    static createJoins(parent, start, targets) {
 	        const firstTarget = targets[0];
 	        const h = Math.abs(firstTarget.y - start.y) / 2; // half height
-	        const y = Math.sign(firstTarget.y - start.y); // y direction
+	        const dy = Math.sign(firstTarget.y - start.y); // direction y
 	        switch (targets.length) {
 	            case 1:
 	                if (start.x === targets[0].x) {
-	                    JoinView.createStraightJoin(parent, start, firstTarget.y * y);
+	                    JoinView.createStraightJoin(parent, start, firstTarget.y * dy);
 	                }
 	                else {
-	                    appendCurvedJoins(parent, start, targets, h, y);
+	                    appendCurvedJoins(parent, start, targets, h, dy);
 	                }
 	                break;
 	            case 2:
-	                appendCurvedJoins(parent, start, targets, h, y);
+	                appendCurvedJoins(parent, start, targets, h, dy);
 	                break;
 	            default:
 	                {
 	                    const f = targets[0]; // first
 	                    const l = targets[targets.length - 1]; // last
-	                    appendJoin(parent, `M ${f.x} ${f.y} q ${h * 0.3} ${h * -y * 0.8} ${h} ${h * -y} ` +
-	                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -y * 0.3} ${h} ${-h * -y}`);
+	                    const eps = EPS * dy;
+	                    appendJoin(parent, `M ${f.x} ${f.y + eps} l 0 ${-eps} q ${h * 0.3} ${h * -dy * 0.8} ${h} ${h * -dy} ` +
+	                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -dy * 0.3} ${h} ${-h * -dy} l 0 ${eps}`);
 	                    for (let i = 1; i < targets.length - 1; i++) {
-	                        JoinView.createStraightJoin(parent, targets[i], h * -y);
+	                        JoinView.createStraightJoin(parent, targets[i], h * -dy);
 	                    }
-	                    JoinView.createStraightJoin(parent, start, h * y);
+	                    JoinView.createStraightJoin(parent, start, h * dy);
 	                }
 	                break;
 	        }
 	    }
 	}
-	function appendCurvedJoins(parent, start, targets, h, y) {
+	function appendCurvedJoins(parent, start, targets, h, dy) {
+	    const eps = EPS * dy;
 	    for (const target of targets) {
-	        const l = Math.abs(target.x - start.x) - h * 2; // line size
-	        const x = Math.sign(target.x - start.x); // x direction
-	        appendJoin(parent, `M ${start.x} ${start.y} q ${x * h * 0.3} ${y * h * 0.8} ${x * h} ${y * h} ` +
-	            `l ${x * l} 0 q ${x * h * 0.7} ${y * h * 0.2} ${x * h} ${y * h}`);
+	        const l = Math.abs(target.x - start.x) - h * 2; // straight line length
+	        const dx = Math.sign(target.x - start.x); // direction x
+	        appendJoin(parent, `M ${start.x} ${start.y - eps} l 0 ${eps} q ${dx * h * 0.3} ${dy * h * 0.8} ${dx * h} ${dy * h} ` +
+	            `l ${dx * l} 0 q ${dx * h * 0.7} ${dy * h * 0.2} ${dx * h} ${dy * h} l 0 ${eps}`);
 	    }
 	}
 	function appendJoin(parent, d) {
@@ -3658,10 +3662,7 @@
 	            const zoomRealPoint = zoomPoint
 	                .divideByScalar(this.state.lastViewport.scale)
 	                .subtract(this.state.lastViewport.position.divideByScalar(this.state.lastViewport.scale));
-	            const position = zoomRealPoint
-	                .multiplyByScalar(-scale)
-	                .add(zoomPoint)
-	                .add(deltaCenterPoint.divideByScalar(this.state.lastViewport.scale));
+	            const position = zoomRealPoint.multiplyByScalar(-scale).add(zoomPoint).add(deltaCenterPoint);
 	            const newViewport = {
 	                position,
 	                scale

package/lib/cjs/index.cjs CHANGED Viewed

@@ -1055,54 +1055,58 @@ class InputView {
     }
 }
+const EPS = 0.5; // Epsilon, a tiny offset to avoid rendering issues
 class JoinView {
     static createStraightJoin(parent, start, height) {
+        const dy = Math.sign(height);
         const join = Dom.svg('line', {
             class: 'sqd-join',
             x1: start.x,
-            y1: start.y,
+            y1: start.y - EPS * dy,
             x2: start.x,
-            y2: start.y + height
+            y2: start.y + height + EPS * dy
         });
         parent.insertBefore(join, parent.firstChild);
     }
     static createJoins(parent, start, targets) {
         const firstTarget = targets[0];
         const h = Math.abs(firstTarget.y - start.y) / 2; // half height
-        const y = Math.sign(firstTarget.y - start.y); // y direction
+        const dy = Math.sign(firstTarget.y - start.y); // direction y
         switch (targets.length) {
             case 1:
                 if (start.x === targets[0].x) {
-                    JoinView.createStraightJoin(parent, start, firstTarget.y * y);
+                    JoinView.createStraightJoin(parent, start, firstTarget.y * dy);
                 }
                 else {
-                    appendCurvedJoins(parent, start, targets, h, y);
+                    appendCurvedJoins(parent, start, targets, h, dy);
                 }
                 break;
             case 2:
-                appendCurvedJoins(parent, start, targets, h, y);
+                appendCurvedJoins(parent, start, targets, h, dy);
                 break;
             default:
                 {
                     const f = targets[0]; // first
                     const l = targets[targets.length - 1]; // last
-                    appendJoin(parent, `M ${f.x} ${f.y} q ${h * 0.3} ${h * -y * 0.8} ${h} ${h * -y} ` +
-                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -y * 0.3} ${h} ${-h * -y}`);
+                    const eps = EPS * dy;
+                    appendJoin(parent, `M ${f.x} ${f.y + eps} l 0 ${-eps} q ${h * 0.3} ${h * -dy * 0.8} ${h} ${h * -dy} ` +
+                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -dy * 0.3} ${h} ${-h * -dy} l 0 ${eps}`);
                     for (let i = 1; i < targets.length - 1; i++) {
-                        JoinView.createStraightJoin(parent, targets[i], h * -y);
+                        JoinView.createStraightJoin(parent, targets[i], h * -dy);
                     }
-                    JoinView.createStraightJoin(parent, start, h * y);
+                    JoinView.createStraightJoin(parent, start, h * dy);
                 }
                 break;
         }
     }
 }
-function appendCurvedJoins(parent, start, targets, h, y) {
+function appendCurvedJoins(parent, start, targets, h, dy) {
+    const eps = EPS * dy;
     for (const target of targets) {
-        const l = Math.abs(target.x - start.x) - h * 2; // line size
-        const x = Math.sign(target.x - start.x); // x direction
-        appendJoin(parent, `M ${start.x} ${start.y} q ${x * h * 0.3} ${y * h * 0.8} ${x * h} ${y * h} ` +
-            `l ${x * l} 0 q ${x * h * 0.7} ${y * h * 0.2} ${x * h} ${y * h}`);
+        const l = Math.abs(target.x - start.x) - h * 2; // straight line length
+        const dx = Math.sign(target.x - start.x); // direction x
+        appendJoin(parent, `M ${start.x} ${start.y - eps} l 0 ${eps} q ${dx * h * 0.3} ${dy * h * 0.8} ${dx * h} ${dy * h} ` +
+            `l ${dx * l} 0 q ${dx * h * 0.7} ${dy * h * 0.2} ${dx * h} ${dy * h} l 0 ${eps}`);
     }
 }
 function appendJoin(parent, d) {
@@ -3473,10 +3477,7 @@ class PinchToZoomController {
             const zoomRealPoint = zoomPoint
                 .divideByScalar(this.state.lastViewport.scale)
                 .subtract(this.state.lastViewport.position.divideByScalar(this.state.lastViewport.scale));
-            const position = zoomRealPoint
-                .multiplyByScalar(-scale)
-                .add(zoomPoint)
-                .add(deltaCenterPoint.divideByScalar(this.state.lastViewport.scale));
+            const position = zoomRealPoint.multiplyByScalar(-scale).add(zoomPoint).add(deltaCenterPoint);
             const newViewport = {
                 position,
                 scale

package/lib/esm/index.js CHANGED Viewed

@@ -1054,54 +1054,58 @@ class InputView {
     }
 }
+const EPS = 0.5; // Epsilon, a tiny offset to avoid rendering issues
 class JoinView {
     static createStraightJoin(parent, start, height) {
+        const dy = Math.sign(height);
         const join = Dom.svg('line', {
             class: 'sqd-join',
             x1: start.x,
-            y1: start.y,
+            y1: start.y - EPS * dy,
             x2: start.x,
-            y2: start.y + height
+            y2: start.y + height + EPS * dy
         });
         parent.insertBefore(join, parent.firstChild);
     }
     static createJoins(parent, start, targets) {
         const firstTarget = targets[0];
         const h = Math.abs(firstTarget.y - start.y) / 2; // half height
-        const y = Math.sign(firstTarget.y - start.y); // y direction
+        const dy = Math.sign(firstTarget.y - start.y); // direction y
         switch (targets.length) {
             case 1:
                 if (start.x === targets[0].x) {
-                    JoinView.createStraightJoin(parent, start, firstTarget.y * y);
+                    JoinView.createStraightJoin(parent, start, firstTarget.y * dy);
                 }
                 else {
-                    appendCurvedJoins(parent, start, targets, h, y);
+                    appendCurvedJoins(parent, start, targets, h, dy);
                 }
                 break;
             case 2:
-                appendCurvedJoins(parent, start, targets, h, y);
+                appendCurvedJoins(parent, start, targets, h, dy);
                 break;
             default:
                 {
                     const f = targets[0]; // first
                     const l = targets[targets.length - 1]; // last
-                    appendJoin(parent, `M ${f.x} ${f.y} q ${h * 0.3} ${h * -y * 0.8} ${h} ${h * -y} ` +
-                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -y * 0.3} ${h} ${-h * -y}`);
+                    const eps = EPS * dy;
+                    appendJoin(parent, `M ${f.x} ${f.y + eps} l 0 ${-eps} q ${h * 0.3} ${h * -dy * 0.8} ${h} ${h * -dy} ` +
+                        `l ${l.x - f.x - h * 2} 0 q ${h * 0.8} ${-h * -dy * 0.3} ${h} ${-h * -dy} l 0 ${eps}`);
                     for (let i = 1; i < targets.length - 1; i++) {
-                        JoinView.createStraightJoin(parent, targets[i], h * -y);
+                        JoinView.createStraightJoin(parent, targets[i], h * -dy);
                     }
-                    JoinView.createStraightJoin(parent, start, h * y);
+                    JoinView.createStraightJoin(parent, start, h * dy);
                 }
                 break;
         }
     }
 }
-function appendCurvedJoins(parent, start, targets, h, y) {
+function appendCurvedJoins(parent, start, targets, h, dy) {
+    const eps = EPS * dy;
     for (const target of targets) {
-        const l = Math.abs(target.x - start.x) - h * 2; // line size
-        const x = Math.sign(target.x - start.x); // x direction
-        appendJoin(parent, `M ${start.x} ${start.y} q ${x * h * 0.3} ${y * h * 0.8} ${x * h} ${y * h} ` +
-            `l ${x * l} 0 q ${x * h * 0.7} ${y * h * 0.2} ${x * h} ${y * h}`);
+        const l = Math.abs(target.x - start.x) - h * 2; // straight line length
+        const dx = Math.sign(target.x - start.x); // direction x
+        appendJoin(parent, `M ${start.x} ${start.y - eps} l 0 ${eps} q ${dx * h * 0.3} ${dy * h * 0.8} ${dx * h} ${dy * h} ` +
+            `l ${dx * l} 0 q ${dx * h * 0.7} ${dy * h * 0.2} ${dx * h} ${dy * h} l 0 ${eps}`);
     }
 }
 function appendJoin(parent, d) {
@@ -3472,10 +3476,7 @@ class PinchToZoomController {
             const zoomRealPoint = zoomPoint
                 .divideByScalar(this.state.lastViewport.scale)
                 .subtract(this.state.lastViewport.position.divideByScalar(this.state.lastViewport.scale));
-            const position = zoomRealPoint
-                .multiplyByScalar(-scale)
-                .add(zoomPoint)
-                .add(deltaCenterPoint.divideByScalar(this.state.lastViewport.scale));
+            const position = zoomRealPoint.multiplyByScalar(-scale).add(zoomPoint).add(deltaCenterPoint);
             const newViewport = {
                 position,
                 scale

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.26.0",
+	"version": "0.26.1",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",