0.21.4. (#155)

nocode-js · Jul 11, 2024 · 864b61a · 864b61a
1 parent 70d2c40
commit 864b61a
Show file tree

Hide file tree

Showing 12 changed files with 34 additions and 29 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.21.4
+
+This version fixes the problem with scrolling the toolbox on mobile devices by using two fingers.
+
 # 0.21.3
 
 This version resolves the problem of unwanted text selection in the toolbox in Safari 17.5 [#153](https://github.com/nocode-js/sequential-workflow-designer/issues/153).

diff --git a/README.md b/README.md
@@ -102,10 +102,10 @@ Add the below code to your head section in HTML document.
 ```html
 <head>
 ...
-<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/[email protected].3/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/[email protected].4/dist/index.umd.js"></script>
 ```
 
 Call the designer by:

diff --git a/angular/designer/package.json b/angular/designer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-angular",
 	"description": "Angular wrapper for Sequential Workflow Designer component.",
-	"version": "0.21.3",
+	"version": "0.21.4",
 	"author": {
 		"name": "NoCode JS",
 		"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
 	"peerDependencies": {
 		"@angular/common": "12 - 18",
 		"@angular/core": "12 - 18",
-		"sequential-workflow-designer": "^0.21.3"
+		"sequential-workflow-designer": "^0.21.4"
 	},
 	"dependencies": {
 		"tslib": "^2.3.0"

diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json
@@ -26,8 +26,8 @@
 		"@angular/platform-browser-dynamic": "^17.3.9",
 		"@angular/router": "^17.3.9",
 		"rxjs": "~7.8.0",
-		"sequential-workflow-designer": "^0.21.3",
-		"sequential-workflow-designer-angular": "^0.21.3",
+		"sequential-workflow-designer": "^0.21.4",
+		"sequential-workflow-designer-angular": "^0.21.4",
 		"tslib": "^2.3.0",
 		"zone.js": "~0.14.6"
 	},

diff --git a/demos/angular-app/yarn.lock b/demos/angular-app/yarn.lock
@@ -6744,17 +6744,17 @@ [email protected]:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
-sequential-workflow-designer-angular@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.21.3.tgz#83076784df068869937c1619b621c854da6628a2"
-  integrity sha512-x0f8/zAteNwt6Y1Se4fv6JarceGCVhNx0JK+zAywtcgomnIqTWBKrZ1hrbUFE8OI0Y1/5OwzALCWkjbCB4A+iQ==
+sequential-workflow-designer-angular@^0.21.4:
+  version "0.21.4"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.21.4.tgz#765782eaacbec2c64c403a27f372a4404ad7b5c2"
+  integrity sha512-xO3Nt8xNrHUWltxFFacruUIVHNzfb1YXmn6SVjMZ4c57G2N88jffXj2RAJ8rV1UxCoWLrI+oUr1LpsPjH500XQ==
   dependencies:
     tslib "^2.3.0"
 
-sequential-workflow-designer@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.21.3.tgz#b9e53a4f8b4d2b66892c243775fb1e2ade9a1dba"
-  integrity sha512-BJOwODSTqSoGxkyPvxlRLyz9Y4kL8W9u6NsP/NeNJV4BoRtsbuMspjnxLNRLCHHjl3Dfa5SEjWr18SXHLjlppA==
+sequential-workflow-designer@^0.21.4:
+  version "0.21.4"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.21.4.tgz#33e531d6b23803a87c6c080cb41bce2f610f3ea6"
+  integrity sha512-rGEOE0DOuhEvNt9EdY5FRtc78YladyBZIO22GcRTvwibDD6uEiisz+OUpJwbgrRwGc07Xok5lDBo/Y8+8entMg==
   dependencies:
     sequential-workflow-model "^0.2.0"
 

diff --git a/demos/react-app/package.json b/demos/react-app/package.json
@@ -6,8 +6,8 @@
 	"dependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.21.3",
-		"sequential-workflow-designer-react": "^0.21.3"
+		"sequential-workflow-designer": "^0.21.4",
+		"sequential-workflow-designer-react": "^0.21.4"
 	},
 	"devDependencies": {
 		"@types/jest": "^29.2.5",

diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json
@@ -16,8 +16,8 @@
 		"eslint": "eslint ./src --ext .ts"
 	},
 	"dependencies": {
-		"sequential-workflow-designer": "^0.21.3",
-		"sequential-workflow-designer-svelte": "^0.21.3"
+		"sequential-workflow-designer": "^0.21.4",
+		"sequential-workflow-designer-svelte": "^0.21.4"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^2.0.3",

diff --git a/designer/package.json b/designer/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.21.3",
+	"version": "0.21.4",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",

diff --git a/designer/src/toolbox/toolbox-item.ts b/designer/src/toolbox/toolbox-item.ts
@@ -22,8 +22,9 @@ export class ToolboxItem {
 
 	private onTouchstart(e: TouchEvent) {
 		e.preventDefault();
-		e.stopPropagation();
 		if (e.touches.length === 1) {
+			// We stop propagation only if it was a single touch event (we can start dragging).
+			// Otherwise we want to bubble up the event to the scrollbox.
 			e.stopPropagation();
 			this.tryDrag(readTouchPosition(e));
 		}

diff --git a/examples/assets/lib.js b/examples/assets/lib.js
@@ -13,7 +13,7 @@ function embedStylesheet(url) {
 	document.write(`<link href="${url}" rel="stylesheet">`);
 }
 
-const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/[email protected].3';
+const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/[email protected].4';
 
 embedScript(`${baseUrl}/dist/index.umd.js`);
 embedStylesheet(`${baseUrl}/css/designer.css`);

diff --git a/react/package.json b/react/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-react",
 	"description": "React wrapper for Sequential Workflow Designer component.",
-	"version": "0.21.3",
+	"version": "0.21.4",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
@@ -47,7 +47,7 @@
 	"peerDependencies": {
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.21.3"
+		"sequential-workflow-designer": "^0.21.4"
 	},
 	"devDependencies": {
 		"@rollup/plugin-node-resolve": "^15.0.1",
@@ -63,7 +63,7 @@
 		"prettier": "^3.2.5",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sequential-workflow-designer": "^0.21.3",
+		"sequential-workflow-designer": "^0.21.4",
 		"rollup": "^3.18.0",
 		"rollup-plugin-dts": "^5.2.0",
 		"rollup-plugin-typescript2": "^0.34.1",

diff --git a/svelte/package.json b/svelte/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-svelte",
 	"description": "Svelte wrapper for Sequential Workflow Designer component.",
-	"version": "0.21.3",
+	"version": "0.21.4",
 	"license": "MIT",
 	"scripts": {
 		"prepare": "cp ../LICENSE LICENSE",
@@ -28,10 +28,10 @@
 	],
 	"peerDependencies": {
 		"svelte": "^4.0.0",
-		"sequential-workflow-designer": "^0.21.3"
+		"sequential-workflow-designer": "^0.21.4"
 	},
 	"devDependencies": {
-		"sequential-workflow-designer": "^0.21.3",
+		"sequential-workflow-designer": "^0.21.4",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.20.4",
 		"@sveltejs/package": "^2.0.0",