nocode-js · b4rtaz · Apr 19, 2025 · Apr 19, 2025 · Apr 19, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.29.0
+
+This version adds support for 0 branches to the switch step. The switch step can now have 0 branches.
+
 # 0.28.0
 
 This update modifies the custom context menu in the pro version. The context menu items provider now retrieves the parent sequence of the selected workspace root sequence. If the root sequence is a folder sequence, the parent sequence is the folder sequence.

diff --git a/README.md b/README.md
@@ -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.28.0/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/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.28.0",
+	"version": "0.29.0",
 	"author": {
 		"name": "NoCode JS",
 		"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
 	"peerDependencies": {
 		"@angular/common": "12 - 19",
 		"@angular/core": "12 - 19",
-		"sequential-workflow-designer": "^0.28.0"
+		"sequential-workflow-designer": "^0.29.0"
 	},
 	"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.28.0",
-		"sequential-workflow-designer-angular": "^0.28.0",
+		"sequential-workflow-designer": "^0.29.0",
+		"sequential-workflow-designer-angular": "^0.29.0",
 		"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 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
-sequential-workflow-designer-angular@^0.28.0:
-  version "0.28.0"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.28.0.tgz#6748b69c5b626424e9d2f1a47686daa825ce7981"
-  integrity sha512-bSTGD3kh+7BCIPAMvDWipuUaoUv3G0RmdZiaQM7cE1f9P27HNQQueOr1nVRJmUbClE/2gW9+96n8VEpTtZ59xQ==
+sequential-workflow-designer-angular@^0.29.0:
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.29.0.tgz#2b52f82bc3da761b5a72331807fdcb52ecbac5be"
+  integrity sha512-g8YPuh1BZ4sn02bN54Lf9Yih/jqk30dfmSExW9uI1n38yeaTxjcisn9mBFYIcY2lUjaTqT3QQIgc2YinP1qm4A==
   dependencies:
     tslib "^2.3.0"
 
-sequential-workflow-designer@^0.28.0:
-  version "0.28.0"
-  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.28.0.tgz#b6fd72abf9ec00eab2b8633fe34f7f456b32dbf4"
-  integrity sha512-GEUERe8giyx/D9hsA+YG+LjescdLPBLs+yydHQ5UnGtXzl8784eUmPqqdGg/AnzsoEB5G+LIcgShoFMLVBYq+A==
+sequential-workflow-designer@^0.29.0:
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.29.0.tgz#9bba6761632f8f859a438bac3c35e1cdb9dbc1dc"
+  integrity sha512-Uio286V90YojN/0PKn0ZV8dMMHsVjTQbrk6RfKvhyWWvlhRIL5vHDnwybn4uEWUv/Tr2uBOpzkXO5ZFVZcNiuQ==
   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.28.0",
-		"sequential-workflow-designer-react": "^0.28.0"
+		"sequential-workflow-designer": "^0.29.0",
+		"sequential-workflow-designer-react": "^0.29.0"
 	},
 	"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.28.0",
-		"sequential-workflow-designer-svelte": "^0.28.0"
+		"sequential-workflow-designer": "^0.29.0",
+		"sequential-workflow-designer-svelte": "^0.29.0"
 	},
 	"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.28.0",
+	"version": "0.29.0",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
@@ -78,7 +78,7 @@
 		"sequential-workflow-model": "^0.2.0"
 	},
 	"devDependencies": {
-		"@rollup/plugin-node-resolve": "^15.0.1",
+		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@types/jasmine": "^4.3.1",
 		"@typescript-eslint/eslint-plugin": "^5.47.0",
 		"@typescript-eslint/parser": "^5.47.0",
@@ -90,9 +90,9 @@
 		"karma-typescript": "^5.5.3",
 		"karma-typescript-es6-transform": "^5.5.3",
 		"prettier": "^3.2.5",
-		"rollup": "^3.18.0",
-		"rollup-plugin-dts": "^5.2.0",
-		"rollup-plugin-typescript2": "^0.34.1",
+		"rollup": "^4.40.0",
+		"rollup-plugin-dts": "^6.2.1",
+		"rollup-plugin-typescript2": "^0.36.0",
 		"typescript": "^4.9.5",
 		"sass": "^1.66.1"
 	},

diff --git a/designer/src/workspace/common-views/input-view.ts b/designer/src/workspace/common-views/input-view.ts
@@ -49,10 +49,10 @@ export class InputView {
 		return new InputView(circle);
 	}
 
-	private constructor(private readonly root: SVGElement) {}
+	private constructor(public readonly g: SVGElement) {}
 
 	public setIsHidden(isHidden: boolean) {
-		Dom.attrs(this.root, {
+		Dom.attrs(this.g, {
 			visibility: isHidden ? 'hidden' : 'visible'
 		});
 	}

diff --git a/designer/src/workspace/switch-step/switch-step-component-view-configuration.ts b/designer/src/workspace/switch-step/switch-step-component-view-configuration.ts
@@ -1,7 +1,7 @@
 import { LabelViewConfiguration } from '../common-views/label-view-configuration';
 
 export interface SwitchStepComponentViewConfiguration {
-	minContainerWidth: number;
+	minBranchWidth: number;
 	paddingX: number;
 	/**
 	 * The distance between the top of the container and the center point of the input.
@@ -12,6 +12,10 @@ export interface SwitchStepComponentViewConfiguration {
 	 */
 	paddingTop2: number;
 	connectionHeight: number;
+	/**
+	 * The distance between the end of the label and the bottom of the container when there are no branches.
+	 */
+	noBranchPaddingBottom: number;
 	inputSize: number;
 	inputIconSize: number;
 	autoHideInputOnDrag: boolean;

diff --git a/designer/src/workspace/switch-step/switch-step-component-view.spec.ts b/designer/src/workspace/switch-step/switch-step-component-view.spec.ts
@@ -39,11 +39,12 @@ describe('SwitchStepComponentView', () => {
 			radius: 10
 		};
 		const factory = createSwitchStepComponentViewFactory({
-			minContainerWidth: 40,
+			minBranchWidth: 40,
 			paddingX: 20,
 			paddingTop1: 0,
 			paddingTop2: 20,
 			connectionHeight: 16,
+			noBranchPaddingBottom: 24,
 			inputSize: 18,
 			inputIconSize: 14,
 			inputRadius: 4,