Skip to content

Commit d91c037

Browse files
b4rtazb4rtaz
authored
0.13.6. (#63)
1 parent 622cb46 commit d91c037

22 files changed

+148
-56
lines changed

‎CHANGELOG.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
## 0.13.6
2+
3+
Now it's possible to configure the size of grid cells. The default size is `48` as before.
4+
5+
🌟 In the pro version you can change the pattern of the grid from now. The pro version supports two new patterns: `dot` and `cross`.
6+
17
## 0.13.5
28

39
We have added a third parameter, `definition`, to the step editor provider.

‎README.md‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ Pro:
4040
* [👈 Goto](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/goto.html)
4141
* [📁 Folders](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/folders.html)
4242
* [⭕ Wheel Mode](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/wheel-mode.html)
43+
* [💠 Grid](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/grid.html)
4344
* [🐭 Minimal Root Component](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/minimal-root-component.html)
4445
* [🦁 External UI Components](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/external-ui-components.html)
4546
* [👋 Custom Dragged Component](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-dragged-component.html)
@@ -90,10 +91,10 @@ Add the below code to your head section in HTML document.
9091
```html
9192
<head>
9293
...
93-
<link href="https://cdn.jsdelivr.net/npm/[email protected].5/css/designer.css" rel="stylesheet">
94-
<link href="https://cdn.jsdelivr.net/npm/[email protected].5/css/designer-light.css" rel="stylesheet">
95-
<link href="https://cdn.jsdelivr.net/npm/[email protected].5/css/designer-dark.css" rel="stylesheet">
96-
<script src="https://cdn.jsdelivr.net/npm/[email protected].5/dist/index.umd.js"></script>
94+
<link href="https://cdn.jsdelivr.net/npm/[email protected].6/css/designer.css" rel="stylesheet">
95+
<link href="https://cdn.jsdelivr.net/npm/[email protected].6/css/designer-light.css" rel="stylesheet">
96+
<link href="https://cdn.jsdelivr.net/npm/[email protected].6/css/designer-dark.css" rel="stylesheet">
97+
<script src="https://cdn.jsdelivr.net/npm/[email protected].6/dist/index.umd.js"></script>
9798
```
9899

99100
Call the designer by:

‎angular/designer/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer-angular",
33
"description": "Angular wrapper for Sequential Workflow Designer component.",
4-
"version": "0.13.5",
4+
"version": "0.13.6",
55
"author": {
66
"name": "NoCode JS",
77
"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
1515
"peerDependencies": {
1616
"@angular/common": "12 - 16",
1717
"@angular/core": "12 - 16",
18-
"sequential-workflow-designer": "^0.13.5"
18+
"sequential-workflow-designer": "^0.13.6"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"

‎demos/angular-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@
2424
"@angular/platform-browser-dynamic": "^15.2.2",
2525
"@angular/router": "^15.2.2",
2626
"rxjs": "~7.8.0",
27-
"sequential-workflow-designer": "^0.13.5",
28-
"sequential-workflow-designer-angular": "^0.13.5",
27+
"sequential-workflow-designer": "^0.13.6",
28+
"sequential-workflow-designer-angular": "^0.13.6",
2929
"tslib": "^2.3.0",
3030
"zone.js": "~0.13.0"
3131
},

‎demos/angular-app/yarn.lock‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5180,17 +5180,17 @@ [email protected]:
51805180
range-parser "~1.2.1"
51815181
statuses "2.0.1"
51825182

5183-
sequential-workflow-designer-angular@^0.13.5:
5184-
version "0.13.5"
5185-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.13.5.tgz#67b50f31ab17aa553246bb284fb3be09ae5b11da"
5186-
integrity sha512-XkKq58tzzo6wt7Z/Mf7JBU4dLP9WgFlINzwwodJ5Ac2A1cIpPlNJ1Xsulqk0Sw2/3iUG/RxYE6G2UHABU+yfqQ==
5183+
sequential-workflow-designer-angular@^0.13.6:
5184+
version "0.13.6"
5185+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.13.6.tgz#97344426dd8457b59fbb1fa758ea7214d3b0f35b"
5186+
integrity sha512-8MIZr/HhxRnS/q4plXt6X9LleQRPl+sYtEQWOuT55OYay9dAXD5k4DGAu3Xd1Op3FCsnaZ8ywcPoCsZOxdsXAA==
51875187
dependencies:
51885188
tslib "^2.3.0"
51895189

5190-
sequential-workflow-designer@^0.13.5:
5191-
version "0.13.5"
5192-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.13.5.tgz#9e0485d233d890c03675e0a59057eba8abd4e09d"
5193-
integrity sha512-MyG/p7EF+AskWsEHRXt3hSYfJNr5SEmQfUDHqT1Oqt7jBJb4RH6E+nD7XwiPwZ0HMJRIlMX6jiC6eV/Ieq/AXQ==
5190+
sequential-workflow-designer@^0.13.6:
5191+
version "0.13.6"
5192+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.13.6.tgz#754fe2695794221525f625cd58e5f6aab7a4c734"
5193+
integrity sha512-ZsPQCB5auBVNjq5e7ws+5P9mJBDN+/gSD1Yeo6Qb3ZQy7aaoc2+NVTyPVA+iXSB7RKFhq18SS6lOk+V9hT3Asg==
51945194
dependencies:
51955195
sequential-workflow-model "^0.1.4"
51965196

‎demos/react-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
"dependencies": {
66
"react": "^18.2.0",
77
"react-dom": "^18.2.0",
8-
"sequential-workflow-designer": "^0.13.5",
9-
"sequential-workflow-designer-react": "^0.13.5"
8+
"sequential-workflow-designer": "^0.13.6",
9+
"sequential-workflow-designer-react": "^0.13.6"
1010
},
1111
"devDependencies": {
1212
"@types/jest": "^29.2.5",

‎designer/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer",
33
"description": "Customizable no-code component for building flow-based programming applications.",
4-
"version": "0.13.5",
4+
"version": "0.13.6",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",

‎designer/src/designer-extension.ts‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ export interface DesignerExtension {
1515
viewportController?: ViewportControllerExtension;
1616
placeholderController?: PlaceholderControllerExtension;
1717
placeholder?: PlaceholderExtension;
18+
grid?: GridExtension;
1819
rootComponent?: RootComponentExtension;
1920
sequenceComponent?: SequenceComponentExtension;
2021
daemons?: DaemonExtension[];
@@ -102,6 +103,18 @@ export interface DraggedComponent {
102103
destroy(): void;
103104
}
104105

106+
// GridExtension
107+
108+
export interface GridExtension {
109+
create(): Grid;
110+
}
111+
112+
export interface Grid {
113+
size: Vector;
114+
element: SVGElement;
115+
setScale(scale: number, scaledSize: Vector): void;
116+
}
117+
105118
// RootComponentExtension
106119

107120
export interface RootComponentExtension {

‎designer/src/index.ts‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,5 +9,6 @@ export * from './designer-context';
99
export * from './designer-extension';
1010
export * from './designer-state';
1111
export * from './designer';
12+
export * from './line-grid-designer-extension';
1213
export * from './services';
13-
export * from './steps-extension';
14+
export * from './steps-designer-extension';

‎designer/src/line-grid-designer-extension.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import { DesignerExtension } from './designer-extension';
2+
import { LineGridConfiguration } from './workspace/grid/line-grid-configuration';
3+
import { LineGridExtension } from './workspace/grid/line-grid-extension';
4+
5+
export class LineGridDesignerExtension implements DesignerExtension {
6+
public static create(configuration?: LineGridConfiguration): DesignerExtension {
7+
const grid = LineGridExtension.create(configuration);
8+
return new LineGridDesignerExtension(grid);
9+
}
10+
11+
private constructor(public readonly grid: LineGridExtension) {}
12+
}

0 commit comments

Comments
 (0)