sequential-workflow-designer 0.21.1 → 0.21.3

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 CHANGED
@@ -102,10 +102,10 @@ Add the below code to your head section in HTML document.
102
102
  ```html
103
103
  <head>
104
104
  ...
105
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/css/designer.css" rel="stylesheet">
106
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/css/designer-light.css" rel="stylesheet">
107
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/css/designer-dark.css" rel="stylesheet">
108
- <script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/dist/index.umd.js"></script>
105
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.3/css/designer.css" rel="stylesheet">
106
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.3/css/designer-light.css" rel="stylesheet">
107
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.3/css/designer-dark.css" rel="stylesheet">
108
+ <script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.3/dist/index.umd.js"></script>
109
109
  ```
110
110
 
111
111
  Call the designer by:
package/dist/index.umd.js CHANGED
@@ -3842,6 +3842,7 @@
3842
3842
  this.startScroll(readTouchPosition(e));
3843
3843
  };
3844
3844
  this.onMouseDown = (e) => {
3845
+ e.preventDefault();
3845
3846
  this.startScroll(readMousePosition(e));
3846
3847
  };
3847
3848
  this.onTouchMove = (e) => {
@@ -3952,7 +3953,8 @@
3952
3953
  if (data.iconUrl) {
3953
3954
  const iconImage = Dom.element('img', {
3954
3955
  class: 'sqd-toolbox-item-icon-image',
3955
- src: data.iconUrl
3956
+ src: data.iconUrl,
3957
+ draggable: 'false'
3956
3958
  });
3957
3959
  icon.appendChild(iconImage);
3958
3960
  }
@@ -3997,12 +3999,14 @@
3997
3999
  }
3998
4000
  onTouchstart(e) {
3999
4001
  e.preventDefault();
4002
+ e.stopPropagation();
4000
4003
  if (e.touches.length === 1) {
4001
4004
  e.stopPropagation();
4002
4005
  this.tryDrag(readTouchPosition(e));
4003
4006
  }
4004
4007
  }
4005
4008
  onMousedown(e) {
4009
+ e.preventDefault();
4006
4010
  e.stopPropagation();
4007
4011
  const isPrimaryButton = e.button === 0;
4008
4012
  if (isPrimaryButton) {
package/lib/cjs/index.cjs CHANGED
@@ -3657,6 +3657,7 @@ class ScrollBoxView {
3657
3657
  this.startScroll(readTouchPosition(e));
3658
3658
  };
3659
3659
  this.onMouseDown = (e) => {
3660
+ e.preventDefault();
3660
3661
  this.startScroll(readMousePosition(e));
3661
3662
  };
3662
3663
  this.onTouchMove = (e) => {
@@ -3767,7 +3768,8 @@ class ToolboxItemView {
3767
3768
  if (data.iconUrl) {
3768
3769
  const iconImage = Dom.element('img', {
3769
3770
  class: 'sqd-toolbox-item-icon-image',
3770
- src: data.iconUrl
3771
+ src: data.iconUrl,
3772
+ draggable: 'false'
3771
3773
  });
3772
3774
  icon.appendChild(iconImage);
3773
3775
  }
@@ -3812,12 +3814,14 @@ class ToolboxItem {
3812
3814
  }
3813
3815
  onTouchstart(e) {
3814
3816
  e.preventDefault();
3817
+ e.stopPropagation();
3815
3818
  if (e.touches.length === 1) {
3816
3819
  e.stopPropagation();
3817
3820
  this.tryDrag(readTouchPosition(e));
3818
3821
  }
3819
3822
  }
3820
3823
  onMousedown(e) {
3824
+ e.preventDefault();
3821
3825
  e.stopPropagation();
3822
3826
  const isPrimaryButton = e.button === 0;
3823
3827
  if (isPrimaryButton) {
package/lib/esm/index.js CHANGED
@@ -3656,6 +3656,7 @@ class ScrollBoxView {
3656
3656
  this.startScroll(readTouchPosition(e));
3657
3657
  };
3658
3658
  this.onMouseDown = (e) => {
3659
+ e.preventDefault();
3659
3660
  this.startScroll(readMousePosition(e));
3660
3661
  };
3661
3662
  this.onTouchMove = (e) => {
@@ -3766,7 +3767,8 @@ class ToolboxItemView {
3766
3767
  if (data.iconUrl) {
3767
3768
  const iconImage = Dom.element('img', {
3768
3769
  class: 'sqd-toolbox-item-icon-image',
3769
- src: data.iconUrl
3770
+ src: data.iconUrl,
3771
+ draggable: 'false'
3770
3772
  });
3771
3773
  icon.appendChild(iconImage);
3772
3774
  }
@@ -3811,12 +3813,14 @@ class ToolboxItem {
3811
3813
  }
3812
3814
  onTouchstart(e) {
3813
3815
  e.preventDefault();
3816
+ e.stopPropagation();
3814
3817
  if (e.touches.length === 1) {
3815
3818
  e.stopPropagation();
3816
3819
  this.tryDrag(readTouchPosition(e));
3817
3820
  }
3818
3821
  }
3819
3822
  onMousedown(e) {
3823
+ e.preventDefault();
3820
3824
  e.stopPropagation();
3821
3825
  const isPrimaryButton = e.button === 0;
3822
3826
  if (isPrimaryButton) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sequential-workflow-designer",
3
3
  "description": "Customizable no-code component for building flow-based programming applications.",
4
- "version": "0.21.1",
4
+ "version": "0.21.3",
5
5
  "type": "module",
6
6
  "main": "./lib/esm/index.js",
7
7
  "types": "./lib/index.d.ts",