sequential-workflow-designer 0.18.4 → 0.19.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 +19 -17
- package/css/designer.css +2 -0
- package/dist/index.umd.js +268 -189
- package/lib/cjs/index.cjs +268 -189
- package/lib/esm/index.js +268 -189
- package/lib/index.d.ts +57 -58
- package/package.json +1 -1
- package/sass/designer.scss +2 -0
package/README.md
CHANGED
|
@@ -39,19 +39,21 @@ Features:
|
|
|
39
39
|
|
|
40
40
|
Pro:
|
|
41
41
|
|
|
42
|
-
* [🤩 Pro Components](https://nocode-js.
|
|
43
|
-
* [🍬 Custom Theme Flat](https://nocode-js.
|
|
44
|
-
* [🌹 Custom Step Types](https://nocode-js.
|
|
45
|
-
* [👈 Goto](https://nocode-js.
|
|
46
|
-
* [📁 Folders](https://nocode-js.
|
|
47
|
-
* [⭕ Wheel Mode](https://nocode-js.
|
|
48
|
-
* [💠 Grid](https://nocode-js.
|
|
49
|
-
* [🐭 Minimal Root Component](https://nocode-js.
|
|
50
|
-
* [🦁 External UI Components](https://nocode-js.
|
|
51
|
-
* [👋 Custom Dragged Component](https://nocode-js.
|
|
52
|
-
* [🔰 Badges](https://nocode-js.
|
|
53
|
-
* [🎩 Custom Viewport](https://nocode-js.
|
|
54
|
-
* [🛎 Clickable Placeholder](https://nocode-js.
|
|
42
|
+
* [🤩 Pro Components](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/pro-components.html)
|
|
43
|
+
* [🍬 Custom Theme Flat](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/custom-theme-flat.html)
|
|
44
|
+
* [🌹 Custom Step Types](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/custom-step-types.html)
|
|
45
|
+
* [👈 Goto](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/goto.html)
|
|
46
|
+
* [📁 Folders](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/folders.html)
|
|
47
|
+
* [⭕ Wheel Mode](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/wheel-mode.html)
|
|
48
|
+
* [💠 Grid](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/grid.html)
|
|
49
|
+
* [🐭 Minimal Root Component](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/minimal-root-component.html)
|
|
50
|
+
* [🦁 External UI Components](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/external-ui-components.html)
|
|
51
|
+
* [👋 Custom Dragged Component](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/custom-dragged-component.html)
|
|
52
|
+
* [🔰 Badges](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/badges.html)
|
|
53
|
+
* [🎩 Custom Viewport](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/custom-viewport.html)
|
|
54
|
+
* [🛎 Clickable Placeholder](https://nocode-js.com/examples/sequential-workflow-designer-pro/webpack-pro-app/public/clickable-placeholder.html)
|
|
55
|
+
* [React Pro Demo](https://nocode-js.com/examples/sequential-workflow-designer-pro/react-pro-app/build/index.html)
|
|
56
|
+
* [Angular Pro Demo](https://nocode-js.com/examples/sequential-workflow-designer-pro/angular-pro-app/angular-app/index.html)
|
|
55
57
|
|
|
56
58
|
## 👩💻 Integrations
|
|
57
59
|
|
|
@@ -96,10 +98,10 @@ Add the below code to your head section in HTML document.
|
|
|
96
98
|
```html
|
|
97
99
|
<head>
|
|
98
100
|
...
|
|
99
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
100
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
101
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
102
|
-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
101
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer.css" rel="stylesheet">
|
|
102
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer-light.css" rel="stylesheet">
|
|
103
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer-dark.css" rel="stylesheet">
|
|
104
|
+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/dist/index.umd.js"></script>
|
|
103
105
|
```
|
|
104
106
|
|
|
105
107
|
Call the designer by:
|
package/css/designer.css
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
z-index: 20;
|
|
36
36
|
box-sizing: border-box;
|
|
37
37
|
width: 130px;
|
|
38
|
+
-webkit-user-select: none;
|
|
38
39
|
user-select: none;
|
|
39
40
|
}
|
|
40
41
|
|
|
@@ -247,6 +248,7 @@
|
|
|
247
248
|
flex: 1;
|
|
248
249
|
position: relative;
|
|
249
250
|
display: block;
|
|
251
|
+
-webkit-user-select: none;
|
|
250
252
|
user-select: none;
|
|
251
253
|
}
|
|
252
254
|
|