From b17c6618a276f17328de6f56b69ace15c1fe511c Mon Sep 17 00:00:00 2001 From: b4rtaz Date: Thu, 25 Dec 2025 22:27:55 +0100 Subject: [PATCH] 0.35.1. --- CHANGELOG.md | 4 ++++ README.md | 8 ++++---- angular/designer/package.json | 4 ++-- demos/angular-app/package.json | 4 ++-- demos/angular-app/yarn.lock | 16 ++++++++-------- demos/react-app/package.json | 4 ++-- demos/svelte-app/package.json | 4 ++-- designer/package.json | 2 +- designer/src/behaviors/drag-step-behavior.ts | 7 ++++++- designer/src/behaviors/placeholder-finder.ts | 6 +++--- examples/assets/lib.js | 2 +- react/package.json | 6 +++--- svelte/package.json | 6 +++--- 13 files changed, 41 insertions(+), 32 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 095566e..6c70338 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +# 0.35.1 + +This version fixes a bug in the calculation of the placeholder position when dragging a step component. + # 0.35.0 This version changes the behavior of the drag step component. The dragged component is now scaled according to the current zoom level of the designer [#206](https://github.com/nocode-js/sequential-workflow-designer/issues/206). diff --git a/README.md b/README.md index e3f06a8..8ad07da 100644 --- a/README.md +++ b/README.md @@ -106,10 +106,10 @@ Add the below code to your head section in HTML document. ```html ... - - - - + + + + ``` Call the designer by: diff --git a/angular/designer/package.json b/angular/designer/package.json index 7050624..574cbe6 100644 --- 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.35.0", + "version": "0.35.1", "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.35.0" + "sequential-workflow-designer": "^0.35.1" }, "dependencies": { "tslib": "^2.3.0" diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json index c358bb6..42f533d 100644 --- 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.35.0", - "sequential-workflow-designer-angular": "^0.35.0", + "sequential-workflow-designer": "^0.35.1", + "sequential-workflow-designer-angular": "^0.35.1", "tslib": "^2.3.0", "zone.js": "~0.14.6" }, diff --git a/demos/angular-app/yarn.lock b/demos/angular-app/yarn.lock index f2e5b7a..5ae630b 100644 --- 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.35.0: - version "0.35.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.35.0.tgz#52e266a88161f0d11d82ec6e97faf6804d2fcd82" - integrity sha512-tDj4Ccmga4j1Ujb7DVyZ6YLxa2VLylyHLbPb9erktdfL2ipR02FT6IbRZN9BR7ROpOqMjxSCMbWug3B3wjGzMg== +sequential-workflow-designer-angular@^0.35.1: + version "0.35.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.35.1.tgz#2d29e3da2d098d6a59aa3b1625feba8d597fdd1c" + integrity sha512-anB5bS+KMvjJROO7Srcfn0wECDFXt/VL414UG7BzduIGzcN8dXSxLotUc1eTHyq6JXr3xoBuhDO0QoTluW+3Hg== dependencies: tslib "^2.3.0" -sequential-workflow-designer@^0.35.0: - version "0.35.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.35.0.tgz#1849d3c5134338138cee7dadb2e5e5c772fe7c74" - integrity sha512-AEHfvWhZL/DekiW5nO1f2IA9RWu8X6Rn6g7TLFG1yttvzKPMO3HGFUc7jpHOsCxYX8XLzJ7YO0Q33n8rHhUj5A== +sequential-workflow-designer@^0.35.1: + version "0.35.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.35.1.tgz#b62386eff4b1ce88110ab6cd13ef0b45aba9de25" + integrity sha512-BwnxWkHyMCSn5kCheWE6mdfLD53gaNp4Goz9T7ma5IqqS5YSNen3MDQbgo2hH4DJNMnPEz0S4Cx0nQ0oKsuXzw== dependencies: sequential-workflow-model "^0.2.0" diff --git a/demos/react-app/package.json b/demos/react-app/package.json index f7ddba4..7e265a7 100644 --- 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.35.0", - "sequential-workflow-designer-react": "^0.35.0" + "sequential-workflow-designer": "^0.35.1", + "sequential-workflow-designer-react": "^0.35.1" }, "devDependencies": { "@types/jest": "^29.2.5", diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json index e719e50..0878ff4 100644 --- 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.35.0", - "sequential-workflow-designer-svelte": "^0.35.0" + "sequential-workflow-designer": "^0.35.1", + "sequential-workflow-designer-svelte": "^0.35.1" }, "devDependencies": { "@sveltejs/adapter-static": "^2.0.3", diff --git a/designer/package.json b/designer/package.json index 152e09e..6d40065 100644 --- 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.35.0", + "version": "0.35.1", "type": "module", "main": "./lib/esm/index.js", "types": "./lib/index.d.ts", diff --git a/designer/src/behaviors/drag-step-behavior.ts b/designer/src/behaviors/drag-step-behavior.ts index f6ea12b..1bf8e63 100644 --- a/designer/src/behaviors/drag-step-behavior.ts +++ b/designer/src/behaviors/drag-step-behavior.ts @@ -86,7 +86,12 @@ export class DragStepBehavior implements Behavior { const newPosition = this.state.startPosition.subtract(delta).subtract(this.state.offset); this.view.setPosition(newPosition); - const placeholder = this.state.finder.find(newPosition, this.view.component.width, this.view.component.height); + const placeholder = this.state.finder.find( + newPosition, + this.view.component.width, + this.view.component.height, + this.view.component.scale + ); if (this.currentPlaceholder !== placeholder) { if (this.currentPlaceholder) { diff --git a/designer/src/behaviors/placeholder-finder.ts b/designer/src/behaviors/placeholder-finder.ts index a3be3d5..171135a 100644 --- a/designer/src/behaviors/placeholder-finder.ts +++ b/designer/src/behaviors/placeholder-finder.ts @@ -22,7 +22,7 @@ export class PlaceholderFinder { private readonly state: DesignerState ) {} - public find(vLt: Vector, vWidth: number, vHeight: number): Placeholder | undefined { + public find(vLt: Vector, vWidth: number, vHeight: number, vScale: number): Placeholder | undefined { if (!this.cache) { const scroll = new Vector(window.scrollX, window.scrollY); @@ -39,8 +39,8 @@ export class PlaceholderFinder { }); this.cache.sort((a, b) => a.diagSq - b.diagSq); } - const vR = vLt.x + vWidth; - const vB = vLt.y + vHeight; + const vR = vLt.x + vWidth * vScale; + const vB = vLt.y + vHeight * vScale; return this.cache.find(p => { return Math.max(vLt.x, p.lt.x) < Math.min(vR, p.br.x) && Math.max(vLt.y, p.lt.y) < Math.min(vB, p.br.y); })?.placeholder; diff --git a/examples/assets/lib.js b/examples/assets/lib.js index 96b5ad2..71df104 100644 --- a/examples/assets/lib.js +++ b/examples/assets/lib.js @@ -13,7 +13,7 @@ function embedStylesheet(url) { document.write(``); } -const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.0'; +const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1'; embedScript(`${baseUrl}/dist/index.umd.js`); embedStylesheet(`${baseUrl}/css/designer.css`); diff --git a/react/package.json b/react/package.json index 15e0840..414cc82 100644 --- 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.35.0", + "version": "0.35.1", "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.35.0" + "sequential-workflow-designer": "^0.35.1" }, "devDependencies": { "@rollup/plugin-node-resolve": "^16.0.1", @@ -63,7 +63,7 @@ "prettier": "^3.2.5", "react": "^18.2.0", "react-dom": "^18.2.0", - "sequential-workflow-designer": "^0.35.0", + "sequential-workflow-designer": "^0.35.1", "rollup": "^4.40.0", "rollup-plugin-dts": "^6.2.1", "rollup-plugin-typescript2": "^0.36.0", diff --git a/svelte/package.json b/svelte/package.json index 3eea7e0..d1a90d7 100644 --- 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.35.0", + "version": "0.35.1", "license": "MIT", "scripts": { "prepare": "cp ../LICENSE LICENSE", @@ -28,10 +28,10 @@ ], "peerDependencies": { "svelte": "^4.0.0", - "sequential-workflow-designer": "^0.35.0" + "sequential-workflow-designer": "^0.35.1" }, "devDependencies": { - "sequential-workflow-designer": "^0.35.0", + "sequential-workflow-designer": "^0.35.1", "@sveltejs/adapter-static": "^2.0.3", "@sveltejs/kit": "^1.20.4", "@sveltejs/package": "^2.0.0",