diff --git a/CHANGELOG.md b/CHANGELOG.md index 83834cce..296d20c8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +# 0.24.1 + +This version allows to disable the DOM attachment check. + # 0.24.0 This version introduces a new function in the `Designer` class: `updateLayout()`. You can now manually update the layout of the designer, which is particularly useful when you change the size of the designer container. Previously, the layout was updated automatically only when the browser window was resized. However, if you changed the container size dynamically, there was no way to update the layout manually. diff --git a/README.md b/README.md index 864f85c6..d1870f54 100644 --- a/README.md +++ b/README.md @@ -103,10 +103,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 6acc049d..ce12c723 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.24.0", + "version": "0.24.1", "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.24.0" + "sequential-workflow-designer": "^0.24.1" }, "dependencies": { "tslib": "^2.3.0" diff --git a/demos/angular-app/package.json b/demos/angular-app/package.json index 8399ea03..4909a064 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.24.0", - "sequential-workflow-designer-angular": "^0.24.0", + "sequential-workflow-designer": "^0.24.1", + "sequential-workflow-designer-angular": "^0.24.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 1a78b1fa..8240756f 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.24.0: - version "0.24.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.24.0.tgz#b7f93508228e309648597c17eb742ac0e437d62d" - integrity sha512-H137tfBzgB7ETQFWtgVwSIVPL9Spe47zSx1xTpClMQndVMEh2ueOstncHoZouF97NuxGenfogfPRQ1r2yX8rfg== +sequential-workflow-designer-angular@^0.24.1: + version "0.24.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.24.1.tgz#09b6b943057a338ca31393fef41f4fba684938b0" + integrity sha512-B72m3jCcl/ZTHjXPuF/BAP37dgfvw91JzD0LeKZUDcEsvDOfH1lVCjvZD1JWlplQhLsYHTZohmg698lgRjdY9A== dependencies: tslib "^2.3.0" -sequential-workflow-designer@^0.24.0: - version "0.24.0" - resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.24.0.tgz#33d1bba1ccbf33a1ba8b70c133d381faf2361536" - integrity sha512-o4wWHw4z2W2r5EqIKTmR3VUh+Cb6yMn+4nIcFWyA63J4XOKcEAEV32eBHtXnmxsjdlfkfRDcXMITp8zV4QbzUA== +sequential-workflow-designer@^0.24.1: + version "0.24.1" + resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.24.1.tgz#d5e60c518589a655fda308068e3bae47341f958b" + integrity sha512-BNeIN0RWwObaSnlAGm2IpqPb/NpvtLyy2Ft2arRuQ2PO8a4RkU6Wu0G7mx1i6NLNoN2xJOf+4PsTDFeOk/k2ww== dependencies: sequential-workflow-model "^0.2.0" diff --git a/demos/react-app/package.json b/demos/react-app/package.json index 844d3d51..a6f89a51 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.24.0", - "sequential-workflow-designer-react": "^0.24.0" + "sequential-workflow-designer": "^0.24.1", + "sequential-workflow-designer-react": "^0.24.1" }, "devDependencies": { "@types/jest": "^29.2.5", diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json index 04ea7294..f6b0e8d0 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.24.0", - "sequential-workflow-designer-svelte": "^0.24.0" + "sequential-workflow-designer": "^0.24.1", + "sequential-workflow-designer-svelte": "^0.24.1" }, "devDependencies": { "@sveltejs/adapter-static": "^2.0.3", diff --git a/designer/package.json b/designer/package.json index a4e0140d..f98b2cbe 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.24.0", + "version": "0.24.1", "type": "module", "main": "./lib/esm/index.js", "types": "./lib/index.d.ts", diff --git a/designer/src/designer-configuration.ts b/designer/src/designer-configuration.ts index 76b3eb9c..5888113a 100644 --- a/designer/src/designer-configuration.ts +++ b/designer/src/designer-configuration.ts @@ -87,6 +87,11 @@ export interface DesignerConfiguration string; diff --git a/designer/src/designer.ts b/designer/src/designer.ts index dc3095db..475fb2ef 100644 --- a/designer/src/designer.ts +++ b/designer/src/designer.ts @@ -29,15 +29,17 @@ export class Designer { if (!placeholder) { throw new Error('Placeholder is not defined'); } - if (!isElementAttached(placeholder)) { - throw new Error('Placeholder is not attached to the DOM'); - } if (!startDefinition) { throw new Error('Start definition is not defined'); } + const config = configuration as DesignerConfiguration; validateConfiguration(config); + if (!config.disableDomAttachmentCheck && !isElementAttached(placeholder)) { + throw new Error('Placeholder is not attached to the DOM'); + } + const services = ServicesResolver.resolve(configuration.extensions, config); const designerContext = DesignerContext.create(placeholder, startDefinition, config, services); const designerApi = DesignerApi.create(designerContext); diff --git a/examples/assets/lib.js b/examples/assets/lib.js index 335c6ea1..2b1bddfb 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.24.0'; +const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.1'; embedScript(`${baseUrl}/dist/index.umd.js`); embedStylesheet(`${baseUrl}/css/designer.css`); diff --git a/react/package.json b/react/package.json index 4ac30344..e048c3d8 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.24.0", + "version": "0.24.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.24.0" + "sequential-workflow-designer": "^0.24.1" }, "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.24.0", + "sequential-workflow-designer": "^0.24.1", "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 index 3cfe1d0e..6b6dc68d 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.24.0", + "version": "0.24.1", "license": "MIT", "scripts": { "prepare": "cp ../LICENSE LICENSE", @@ -28,10 +28,10 @@ ], "peerDependencies": { "svelte": "^4.0.0", - "sequential-workflow-designer": "^0.24.0" + "sequential-workflow-designer": "^0.24.1" }, "devDependencies": { - "sequential-workflow-designer": "^0.24.0", + "sequential-workflow-designer": "^0.24.1", "@sveltejs/adapter-static": "^2.0.3", "@sveltejs/kit": "^1.20.4", "@sveltejs/package": "^2.0.0",