sequential-workflow-designer 0.24.7 → 0.24.8

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.
Files changed (5) hide show
  1. package/README.md +4 -4
  2. package/dist/index.umd.js +8 -6
  3. package/lib/cjs/index.cjs +8 -6
  4. package/lib/esm/index.js +8 -6
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -103,10 +103,10 @@ Add the below code to your head section in HTML document.
103
103
  ```html
104
104
  <head>
105
105
  ...
106
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.7/css/designer.css" rel="stylesheet">
107
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.7/css/designer-light.css" rel="stylesheet">
108
- <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.7/css/designer-dark.css" rel="stylesheet">
109
- <script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.7/dist/index.umd.js"></script>
106
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.8/css/designer.css" rel="stylesheet">
107
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.8/css/designer-light.css" rel="stylesheet">
108
+ <link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.8/css/designer-dark.css" rel="stylesheet">
109
+ <script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.24.8/dist/index.umd.js"></script>
110
110
  ```
111
111
 
112
112
  Call the designer by:
package/dist/index.umd.js CHANGED
@@ -1498,13 +1498,13 @@
1498
1498
  const x = view.joinX - cfg.size / 2;
1499
1499
  const endY = cfg.size + view.height;
1500
1500
  const iconSize = parentPlaceIndicator ? cfg.folderIconSize : cfg.defaultIconSize;
1501
- const startCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1501
+ const startCircle = createCircle('start', parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1502
1502
  Dom.translate(startCircle, x, 0);
1503
1503
  g.appendChild(startCircle);
1504
1504
  Dom.translate(view.g, 0, cfg.size);
1505
- const endCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1506
- Dom.translate(endCircle, x, endY);
1507
- g.appendChild(endCircle);
1505
+ const stopCircle = createCircle('stop', parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1506
+ Dom.translate(stopCircle, x, endY);
1507
+ g.appendChild(stopCircle);
1508
1508
  let startPlaceholder = null;
1509
1509
  let endPlaceholder = null;
1510
1510
  if (parentPlaceIndicator) {
@@ -1532,7 +1532,10 @@
1532
1532
  (_a = this.g.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.g);
1533
1533
  }
1534
1534
  }
1535
- function createCircle(d, size, iconSize) {
1535
+ function createCircle(classSuffix, d, size, iconSize) {
1536
+ const g = Dom.svg('g', {
1537
+ class: 'sqd-root-start-stop-' + classSuffix
1538
+ });
1536
1539
  const r = size / 2;
1537
1540
  const circle = Dom.svg('circle', {
1538
1541
  class: 'sqd-root-start-stop-circle',
@@ -1540,7 +1543,6 @@
1540
1543
  cy: r,
1541
1544
  r: r
1542
1545
  });
1543
- const g = Dom.svg('g');
1544
1546
  g.appendChild(circle);
1545
1547
  const offset = (size - iconSize) / 2;
1546
1548
  const icon = Icons.appendPath(g, 'sqd-root-start-stop-icon', d, iconSize);
package/lib/cjs/index.cjs CHANGED
@@ -1496,13 +1496,13 @@ class StartStopRootComponentView {
1496
1496
  const x = view.joinX - cfg.size / 2;
1497
1497
  const endY = cfg.size + view.height;
1498
1498
  const iconSize = parentPlaceIndicator ? cfg.folderIconSize : cfg.defaultIconSize;
1499
- const startCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1499
+ const startCircle = createCircle('start', parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1500
1500
  Dom.translate(startCircle, x, 0);
1501
1501
  g.appendChild(startCircle);
1502
1502
  Dom.translate(view.g, 0, cfg.size);
1503
- const endCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1504
- Dom.translate(endCircle, x, endY);
1505
- g.appendChild(endCircle);
1503
+ const stopCircle = createCircle('stop', parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1504
+ Dom.translate(stopCircle, x, endY);
1505
+ g.appendChild(stopCircle);
1506
1506
  let startPlaceholder = null;
1507
1507
  let endPlaceholder = null;
1508
1508
  if (parentPlaceIndicator) {
@@ -1530,7 +1530,10 @@ class StartStopRootComponentView {
1530
1530
  (_a = this.g.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.g);
1531
1531
  }
1532
1532
  }
1533
- function createCircle(d, size, iconSize) {
1533
+ function createCircle(classSuffix, d, size, iconSize) {
1534
+ const g = Dom.svg('g', {
1535
+ class: 'sqd-root-start-stop-' + classSuffix
1536
+ });
1534
1537
  const r = size / 2;
1535
1538
  const circle = Dom.svg('circle', {
1536
1539
  class: 'sqd-root-start-stop-circle',
@@ -1538,7 +1541,6 @@ function createCircle(d, size, iconSize) {
1538
1541
  cy: r,
1539
1542
  r: r
1540
1543
  });
1541
- const g = Dom.svg('g');
1542
1544
  g.appendChild(circle);
1543
1545
  const offset = (size - iconSize) / 2;
1544
1546
  const icon = Icons.appendPath(g, 'sqd-root-start-stop-icon', d, iconSize);
package/lib/esm/index.js CHANGED
@@ -1495,13 +1495,13 @@ class StartStopRootComponentView {
1495
1495
  const x = view.joinX - cfg.size / 2;
1496
1496
  const endY = cfg.size + view.height;
1497
1497
  const iconSize = parentPlaceIndicator ? cfg.folderIconSize : cfg.defaultIconSize;
1498
- const startCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1498
+ const startCircle = createCircle('start', parentPlaceIndicator ? cfg.folderIconD : cfg.startIconD, cfg.size, iconSize);
1499
1499
  Dom.translate(startCircle, x, 0);
1500
1500
  g.appendChild(startCircle);
1501
1501
  Dom.translate(view.g, 0, cfg.size);
1502
- const endCircle = createCircle(parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1503
- Dom.translate(endCircle, x, endY);
1504
- g.appendChild(endCircle);
1502
+ const stopCircle = createCircle('stop', parentPlaceIndicator ? cfg.folderIconD : cfg.stopIconD, cfg.size, iconSize);
1503
+ Dom.translate(stopCircle, x, endY);
1504
+ g.appendChild(stopCircle);
1505
1505
  let startPlaceholder = null;
1506
1506
  let endPlaceholder = null;
1507
1507
  if (parentPlaceIndicator) {
@@ -1529,7 +1529,10 @@ class StartStopRootComponentView {
1529
1529
  (_a = this.g.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.g);
1530
1530
  }
1531
1531
  }
1532
- function createCircle(d, size, iconSize) {
1532
+ function createCircle(classSuffix, d, size, iconSize) {
1533
+ const g = Dom.svg('g', {
1534
+ class: 'sqd-root-start-stop-' + classSuffix
1535
+ });
1533
1536
  const r = size / 2;
1534
1537
  const circle = Dom.svg('circle', {
1535
1538
  class: 'sqd-root-start-stop-circle',
@@ -1537,7 +1540,6 @@ function createCircle(d, size, iconSize) {
1537
1540
  cy: r,
1538
1541
  r: r
1539
1542
  });
1540
- const g = Dom.svg('g');
1541
1543
  g.appendChild(circle);
1542
1544
  const offset = (size - iconSize) / 2;
1543
1545
  const icon = Icons.appendPath(g, 'sqd-root-start-stop-icon', d, iconSize);
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.24.7",
4
+ "version": "0.24.8",
5
5
  "type": "module",
6
6
  "main": "./lib/esm/index.js",
7
7
  "types": "./lib/index.d.ts",