sequential-workflow-designer 0.29.2 → 0.30.0
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 +5 -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 +314 -101
- package/lib/cjs/index.cjs +314 -101
- package/lib/esm/index.js +313 -102
- package/lib/index.d.ts +68 -31
- 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)
|
|
@@ -104,10 +105,10 @@ Add the below code to your head section in HTML document.
|
|
|
104
105
|
```html
|
|
105
106
|
<head>
|
|
106
107
|
...
|
|
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.
|
|
108
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.0/css/designer.css" rel="stylesheet">
|
|
109
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.0/css/designer-light.css" rel="stylesheet">
|
|
110
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.0/css/designer-dark.css" rel="stylesheet">
|
|
111
|
+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.0/dist/index.umd.js"></script>
|
|
111
112
|
```
|
|
112
113
|
|
|
113
114
|
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
|
}
|