sequential-workflow-designer 0.29.2 → 0.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/css/designer-dark.css +10 -0
- package/css/designer-light.css +10 -0
- package/css/designer-soft.css +10 -0
- package/dist/index.umd.js +347 -135
- package/lib/cjs/index.cjs +347 -135
- package/lib/esm/index.js +346 -136
- package/lib/index.d.ts +79 -35
- package/package.json +1 -1
- package/sass/designer-dark.scss +6 -0
- package/sass/designer-light.scss +1 -0
- package/sass/designer-soft.scss +1 -0
- package/sass/designer-theme.scss +26 -0
package/README.md
CHANGED
|
@@ -22,6 +22,7 @@ Features:
|
|
|
22
22
|
## 👀 Examples
|
|
23
23
|
|
|
24
24
|
* [⏩ Live Testing](https://nocode-js.github.io/sequential-workflow-designer/examples/live-testing.html)
|
|
25
|
+
* [💥 Triggers](https://nocode-js.github.io/sequential-workflow-designer/examples/triggers.html)
|
|
25
26
|
* [❎ Fullscreen](https://nocode-js.github.io/sequential-workflow-designer/examples/fullscreen.html)
|
|
26
27
|
* [🌅 Image Filter](https://nocode-js.github.io/sequential-workflow-designer/examples/image-filter.html)
|
|
27
28
|
* [🔴 Particles](https://nocode-js.github.io/sequential-workflow-designer/examples/particles.html)
|
|
@@ -87,6 +88,7 @@ If you use [css-loader](https://webpack.js.org/loaders/css-loader/) or similar,
|
|
|
87
88
|
```ts
|
|
88
89
|
import 'sequential-workflow-designer/css/designer.css';
|
|
89
90
|
import 'sequential-workflow-designer/css/designer-light.css';
|
|
91
|
+
import 'sequential-workflow-designer/css/designer-soft.css';
|
|
90
92
|
import 'sequential-workflow-designer/css/designer-dark.css';
|
|
91
93
|
```
|
|
92
94
|
|
|
@@ -104,10 +106,10 @@ Add the below code to your head section in HTML document.
|
|
|
104
106
|
```html
|
|
105
107
|
<head>
|
|
106
108
|
...
|
|
107
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
108
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
109
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
110
|
-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
109
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.1/css/designer.css" rel="stylesheet">
|
|
110
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.1/css/designer-light.css" rel="stylesheet">
|
|
111
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.1/css/designer-dark.css" rel="stylesheet">
|
|
112
|
+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.1/dist/index.umd.js"></script>
|
|
111
113
|
```
|
|
112
114
|
|
|
113
115
|
Call the designer by:
|
package/css/designer-dark.css
CHANGED
|
@@ -191,6 +191,16 @@
|
|
|
191
191
|
stroke: #707070;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
+
.sqd-theme-dark .sqd-step-launch-pad > g > .sqd-input {
|
|
195
|
+
fill: #c6c6c6;
|
|
196
|
+
stroke-width: 2;
|
|
197
|
+
stroke: #707070;
|
|
198
|
+
}
|
|
199
|
+
.sqd-theme-dark .sqd-step-launch-pad > g > .sqd-output {
|
|
200
|
+
fill: #707070;
|
|
201
|
+
stroke-width: 0;
|
|
202
|
+
}
|
|
203
|
+
|
|
194
204
|
.sqd-theme-dark .sqd-step-container > .sqd-label > .sqd-label-text {
|
|
195
205
|
fill: #fff;
|
|
196
206
|
}
|
package/css/designer-light.css
CHANGED
|
@@ -191,6 +191,16 @@
|
|
|
191
191
|
stroke: #000;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
+
.sqd-theme-light .sqd-step-launch-pad > g > .sqd-input {
|
|
195
|
+
fill: #fff;
|
|
196
|
+
stroke-width: 2;
|
|
197
|
+
stroke: #000;
|
|
198
|
+
}
|
|
199
|
+
.sqd-theme-light .sqd-step-launch-pad > g > .sqd-output {
|
|
200
|
+
fill: #000;
|
|
201
|
+
stroke-width: 0;
|
|
202
|
+
}
|
|
203
|
+
|
|
194
204
|
.sqd-theme-light .sqd-step-container > .sqd-label > .sqd-label-text {
|
|
195
205
|
fill: #fff;
|
|
196
206
|
}
|
package/css/designer-soft.css
CHANGED
|
@@ -191,6 +191,16 @@
|
|
|
191
191
|
stroke: #2a2a2a;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
+
.sqd-theme-soft .sqd-step-launch-pad > g > .sqd-input {
|
|
195
|
+
fill: #fff;
|
|
196
|
+
stroke-width: 2;
|
|
197
|
+
stroke: #2a2a2a;
|
|
198
|
+
}
|
|
199
|
+
.sqd-theme-soft .sqd-step-launch-pad > g > .sqd-output {
|
|
200
|
+
fill: #2a2a2a;
|
|
201
|
+
stroke-width: 0;
|
|
202
|
+
}
|
|
203
|
+
|
|
194
204
|
.sqd-theme-soft .sqd-step-container > .sqd-label > .sqd-label-text {
|
|
195
205
|
fill: #fff;
|
|
196
206
|
}
|