bpmn-js 13.1.0 → 13.2.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/dist/bpmn-modeler.development.js +55 -20
- package/dist/bpmn-modeler.production.min.js +39 -41
- package/dist/bpmn-navigated-viewer.development.js +3 -3
- package/dist/bpmn-navigated-viewer.production.min.js +5 -5
- package/dist/bpmn-viewer.development.js +3 -3
- package/dist/bpmn-viewer.production.min.js +5 -5
- package/lib/draw/BpmnRenderer.js +1 -1
- package/lib/features/align-elements/AlignElementsContextPadProvider.js +1 -1
- package/lib/features/align-elements/AlignElementsIcons.js +35 -7
- package/lib/features/align-elements/AlignElementsMenuProvider.js +1 -1
- package/lib/features/distribute-elements/DistributeElementsIcons.js +10 -2
- package/lib/features/distribute-elements/DistributeElementsMenuProvider.js +2 -2
- package/lib/features/popup-menu/ReplaceMenuProvider.js +1 -1
- package/package.json +3 -2
- package/lib/features/align-elements/resources/align-bottom-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-horizontal-center-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-left-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-right-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-top-tool.svg +0 -5
- package/lib/features/align-elements/resources/align-vertical-center-tool.svg +0 -5
- package/lib/features/distribute-elements/resources/distribute-horizontally-tool.svg +0 -5
- package/lib/features/distribute-elements/resources/distribute-vertically-tool.svg +0 -5
package/lib/draw/BpmnRenderer.js
CHANGED
|
@@ -160,7 +160,7 @@ export default function BpmnRenderer(
|
|
|
160
160
|
function colorEscape(str) {
|
|
161
161
|
|
|
162
162
|
// only allow characters and numbers
|
|
163
|
-
return str.replace(/[^0-9a-zA-
|
|
163
|
+
return str.replace(/[^0-9a-zA-Z]+/g, '_');
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
function marker(type, fill, stroke) {
|
|
@@ -70,7 +70,7 @@ AlignElementsContextPadProvider.prototype._getEntries = function() {
|
|
|
70
70
|
'align-elements': {
|
|
71
71
|
group: 'align-elements',
|
|
72
72
|
title: self._translate('Align elements'),
|
|
73
|
-
|
|
73
|
+
html: `<div class="entry">${ICONS['align']}</div>`,
|
|
74
74
|
action: {
|
|
75
75
|
click: function(event, target) {
|
|
76
76
|
var position = self._getMenuPosition(target);
|
|
@@ -3,13 +3,41 @@
|
|
|
3
3
|
* and then replace respective icons with the optimized data URIs in `./dist`.
|
|
4
4
|
*/
|
|
5
5
|
var icons = {
|
|
6
|
-
align:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
align: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
|
|
7
|
+
<line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
8
|
+
<rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
9
|
+
<rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
10
|
+
</svg>`,
|
|
11
|
+
bottom: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
12
|
+
<line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
13
|
+
<rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
14
|
+
<rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
15
|
+
</svg>`,
|
|
16
|
+
center: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
17
|
+
<line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
18
|
+
<rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
19
|
+
<rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
20
|
+
</svg>`,
|
|
21
|
+
left: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
22
|
+
<line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
23
|
+
<rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
24
|
+
<rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
25
|
+
</svg>`,
|
|
26
|
+
right: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
27
|
+
<line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
28
|
+
<rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
29
|
+
<rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30
|
+
</svg>`,
|
|
31
|
+
top: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
32
|
+
<line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
33
|
+
<rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
34
|
+
<rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
35
|
+
</svg>`,
|
|
36
|
+
middle: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
37
|
+
<line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
38
|
+
<rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
39
|
+
<rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
40
|
+
</svg>`
|
|
13
41
|
};
|
|
14
42
|
|
|
15
43
|
export default icons;
|
|
@@ -88,7 +88,7 @@ AlignElementsMenuProvider.prototype._getEntries = function(target) {
|
|
|
88
88
|
group: 'align',
|
|
89
89
|
title: translate('Align elements ' + alignment),
|
|
90
90
|
className: 'bjs-align-elements-menu-entry',
|
|
91
|
-
|
|
91
|
+
imageHtml: ICONS[ alignment ],
|
|
92
92
|
action: function() {
|
|
93
93
|
alignElements.trigger(target, alignment);
|
|
94
94
|
popupMenu.close();
|
|
@@ -3,8 +3,16 @@
|
|
|
3
3
|
* and then replace respective icons with the optimized data URIs in `./dist`.
|
|
4
4
|
*/
|
|
5
5
|
var icons = {
|
|
6
|
-
horizontal:
|
|
7
|
-
|
|
6
|
+
horizontal: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
7
|
+
<polyline points="450 400 450 150 1350 150 1350 400" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
8
|
+
<rect x="150" y="450" width="600" height="1200" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
9
|
+
<rect x="1050" y="450" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
10
|
+
</svg>`,
|
|
11
|
+
vertical: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
12
|
+
<polyline points="400 1350 150 1350 150 450 400 450" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
13
|
+
<rect x="450" y="150" width="1200" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
14
|
+
<rect x="450" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
15
|
+
</svg>`
|
|
8
16
|
};
|
|
9
17
|
|
|
10
18
|
export default icons;
|
|
@@ -71,7 +71,7 @@ DistributeElementsMenuProvider.prototype._getEntries = function(elements) {
|
|
|
71
71
|
group: 'distribute',
|
|
72
72
|
title: translate('Distribute elements horizontally'),
|
|
73
73
|
className: 'bjs-align-elements-menu-entry',
|
|
74
|
-
|
|
74
|
+
imageHtml: ICONS['horizontal'],
|
|
75
75
|
action: function(event, entry) {
|
|
76
76
|
distributeElements.trigger(elements, 'horizontal');
|
|
77
77
|
popupMenu.close();
|
|
@@ -80,7 +80,7 @@ DistributeElementsMenuProvider.prototype._getEntries = function(elements) {
|
|
|
80
80
|
'distribute-elements-vertical': {
|
|
81
81
|
group: 'distribute',
|
|
82
82
|
title: translate('Distribute elements vertically'),
|
|
83
|
-
|
|
83
|
+
imageHtml: ICONS['vertical'],
|
|
84
84
|
action: function(event, entry) {
|
|
85
85
|
distributeElements.trigger(elements, 'vertical');
|
|
86
86
|
popupMenu.close();
|
|
@@ -137,7 +137,7 @@ ReplaceMenuProvider.prototype.getPopupMenuEntries = function(target) {
|
|
|
137
137
|
|
|
138
138
|
var isInterrupting = target.isInterrupting !== false;
|
|
139
139
|
|
|
140
|
-
var isInterruptingEqual =
|
|
140
|
+
var isInterruptingEqual = businessObject.isInterrupting === isInterrupting;
|
|
141
141
|
|
|
142
142
|
// filters elements which types and event definition are equal but have have different interrupting types
|
|
143
143
|
return differentType(replaceOption) || !differentType(replaceOption) && !isInterruptingEqual;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bpmn-js",
|
|
3
|
-
"version": "13.1
|
|
3
|
+
"version": "13.2.1",
|
|
4
4
|
"description": "A bpmn 2.0 toolkit and web modeler",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"files": [
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
"@rollup/plugin-terser": "^0.4.0",
|
|
69
69
|
"babel-loader": "^9.1.0",
|
|
70
70
|
"babel-plugin-istanbul": "^6.1.1",
|
|
71
|
+
"bio-dts": "^0.8.1",
|
|
71
72
|
"bpmn-font": "^0.12.0",
|
|
72
73
|
"camunda-bpmn-moddle": "^4.0.1",
|
|
73
74
|
"chai": "4.1.2",
|
|
@@ -108,7 +109,7 @@
|
|
|
108
109
|
},
|
|
109
110
|
"dependencies": {
|
|
110
111
|
"bpmn-moddle": "^8.0.0",
|
|
111
|
-
"diagram-js": "^12.
|
|
112
|
+
"diagram-js": "^12.2.0",
|
|
112
113
|
"diagram-js-direct-editing": "^2.0.0",
|
|
113
114
|
"ids": "^1.0.0",
|
|
114
115
|
"inherits-browser": "^0.1.0",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
|
|
2
|
-
<line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
3
|
-
<rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<polyline points="450 400 450 150 1350 150 1350 400" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
3
|
-
<rect x="150" y="450" width="600" height="1200" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="1050" y="450" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
2
|
-
<polyline points="400 1350 150 1350 150 450 400 450" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
3
|
-
<rect x="450" y="150" width="1200" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
4
|
-
<rect x="450" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
5
|
-
</svg>
|