bpmn-js 13.0.8 → 13.2.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/dist/bpmn-modeler.development.js +71 -28
- package/dist/bpmn-modeler.production.min.js +22 -24
- package/dist/bpmn-navigated-viewer.development.js +20 -12
- package/dist/bpmn-navigated-viewer.production.min.js +2 -2
- package/dist/bpmn-viewer.development.js +20 -12
- package/dist/bpmn-viewer.production.min.js +2 -2
- package/lib/draw/BpmnRenderer.d.ts +7 -7
- package/lib/draw/BpmnRenderer.js +18 -10
- 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/align-elements/dist/align-bottom-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-horizontal-center-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-left-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-right-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-top-tool.svg +1 -0
- package/lib/features/align-elements/dist/align-vertical-center-tool.svg +1 -0
- package/lib/features/distribute-elements/DistributeElementsIcons.js +10 -2
- package/lib/features/distribute-elements/DistributeElementsMenuProvider.js +2 -2
- package/lib/features/palette/dist/create.svg +1 -0
- 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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* bpmn-js - bpmn-modeler v13.0
|
|
2
|
+
* bpmn-js - bpmn-modeler v13.2.0
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2014-present, camunda Services GmbH
|
|
5
5
|
*
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
*
|
|
9
9
|
* Source Code: https://github.com/bpmn-io/bpmn-js
|
|
10
10
|
*
|
|
11
|
-
* Date: 2023-05
|
|
11
|
+
* Date: 2023-06-05
|
|
12
12
|
*/
|
|
13
13
|
(function (global, factory) {
|
|
14
14
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
@@ -18753,8 +18753,8 @@
|
|
|
18753
18753
|
}
|
|
18754
18754
|
|
|
18755
18755
|
function as(type) {
|
|
18756
|
-
return function(parentGfx, element) {
|
|
18757
|
-
return renderer(type)(parentGfx, element);
|
|
18756
|
+
return function(parentGfx, element, options) {
|
|
18757
|
+
return renderer(type)(parentGfx, element, options);
|
|
18758
18758
|
};
|
|
18759
18759
|
}
|
|
18760
18760
|
|
|
@@ -18893,7 +18893,7 @@
|
|
|
18893
18893
|
|
|
18894
18894
|
return drawCircle(parentGfx, element.width, element.height, attrs);
|
|
18895
18895
|
},
|
|
18896
|
-
'bpmn:StartEvent': function(parentGfx, element) {
|
|
18896
|
+
'bpmn:StartEvent': function(parentGfx, element, options) {
|
|
18897
18897
|
var attrs = {
|
|
18898
18898
|
fill: getFillColor(element, defaultFillColor),
|
|
18899
18899
|
stroke: getStrokeColor$1(element, defaultStrokeColor)
|
|
@@ -18911,7 +18911,9 @@
|
|
|
18911
18911
|
|
|
18912
18912
|
var circle = renderer('bpmn:Event')(parentGfx, element, attrs);
|
|
18913
18913
|
|
|
18914
|
-
|
|
18914
|
+
if (!options || options.renderIcon !== false) {
|
|
18915
|
+
renderEventContent(element, parentGfx);
|
|
18916
|
+
}
|
|
18915
18917
|
|
|
18916
18918
|
return circle;
|
|
18917
18919
|
},
|
|
@@ -19164,14 +19166,16 @@
|
|
|
19164
19166
|
stroke: getStrokeColor$1(event, defaultStrokeColor)
|
|
19165
19167
|
});
|
|
19166
19168
|
},
|
|
19167
|
-
'bpmn:EndEvent': function(parentGfx, element) {
|
|
19169
|
+
'bpmn:EndEvent': function(parentGfx, element, options) {
|
|
19168
19170
|
var circle = renderer('bpmn:Event')(parentGfx, element, {
|
|
19169
19171
|
strokeWidth: 4,
|
|
19170
19172
|
fill: getFillColor(element, defaultFillColor),
|
|
19171
19173
|
stroke: getStrokeColor$1(element, defaultStrokeColor)
|
|
19172
19174
|
});
|
|
19173
19175
|
|
|
19174
|
-
|
|
19176
|
+
if (!options || options.renderIcon !== false) {
|
|
19177
|
+
renderEventContent(element, parentGfx);
|
|
19178
|
+
}
|
|
19175
19179
|
|
|
19176
19180
|
return circle;
|
|
19177
19181
|
},
|
|
@@ -19184,7 +19188,7 @@
|
|
|
19184
19188
|
|
|
19185
19189
|
return circle;
|
|
19186
19190
|
},
|
|
19187
|
-
'bpmn:IntermediateEvent': function(parentGfx, element) {
|
|
19191
|
+
'bpmn:IntermediateEvent': function(parentGfx, element, options) {
|
|
19188
19192
|
var outer = renderer('bpmn:Event')(parentGfx, element, {
|
|
19189
19193
|
strokeWidth: 1.5,
|
|
19190
19194
|
fill: getFillColor(element, defaultFillColor),
|
|
@@ -19198,7 +19202,9 @@
|
|
|
19198
19202
|
stroke: getStrokeColor$1(element, defaultStrokeColor)
|
|
19199
19203
|
});
|
|
19200
19204
|
|
|
19201
|
-
|
|
19205
|
+
if (!options || options.renderIcon !== false) {
|
|
19206
|
+
renderEventContent(element, parentGfx);
|
|
19207
|
+
}
|
|
19202
19208
|
|
|
19203
19209
|
return outer;
|
|
19204
19210
|
},
|
|
@@ -19916,7 +19922,7 @@
|
|
|
19916
19922
|
|
|
19917
19923
|
return elementStore;
|
|
19918
19924
|
},
|
|
19919
|
-
'bpmn:BoundaryEvent': function(parentGfx, element) {
|
|
19925
|
+
'bpmn:BoundaryEvent': function(parentGfx, element, options) {
|
|
19920
19926
|
|
|
19921
19927
|
var semantic = getBusinessObject(element),
|
|
19922
19928
|
cancel = semantic.cancelActivity;
|
|
@@ -19947,7 +19953,9 @@
|
|
|
19947
19953
|
|
|
19948
19954
|
/* inner path */ drawCircle(parentGfx, element.width, element.height, INNER_OUTER_DIST, innerAttrs);
|
|
19949
19955
|
|
|
19950
|
-
|
|
19956
|
+
if (!options || options.renderIcon !== false) {
|
|
19957
|
+
renderEventContent(element, parentGfx);
|
|
19958
|
+
}
|
|
19951
19959
|
|
|
19952
19960
|
return outer;
|
|
19953
19961
|
},
|
|
@@ -29810,9 +29818,8 @@
|
|
|
29810
29818
|
<span
|
|
29811
29819
|
class=${ clsx('djs-popup-entry-name', entry.className) }
|
|
29812
29820
|
>
|
|
29813
|
-
${
|
|
29814
|
-
|
|
29815
|
-
` : null }
|
|
29821
|
+
${(entry.imageUrl && m$1`<img class="djs-popup-entry-icon" src=${ entry.imageUrl } alt="" />`) ||
|
|
29822
|
+
(entry.imageHtml && m$1`<div class="djs-popup-entry-icon" dangerouslySetInnerHTML=${ { __html: entry.imageHtml } } />`)}
|
|
29816
29823
|
|
|
29817
29824
|
${ entry.label ? m$1`
|
|
29818
29825
|
<span class="djs-popup-label">
|
|
@@ -30833,13 +30840,41 @@
|
|
|
30833
30840
|
* and then replace respective icons with the optimized data URIs in `./dist`.
|
|
30834
30841
|
*/
|
|
30835
30842
|
var icons$1 = {
|
|
30836
|
-
align:
|
|
30837
|
-
|
|
30838
|
-
|
|
30839
|
-
|
|
30840
|
-
|
|
30841
|
-
|
|
30842
|
-
|
|
30843
|
+
align: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
|
|
30844
|
+
<line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30845
|
+
<rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30846
|
+
<rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30847
|
+
</svg>`,
|
|
30848
|
+
bottom: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30849
|
+
<line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30850
|
+
<rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30851
|
+
<rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30852
|
+
</svg>`,
|
|
30853
|
+
center: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30854
|
+
<line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30855
|
+
<rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30856
|
+
<rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30857
|
+
</svg>`,
|
|
30858
|
+
left: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30859
|
+
<line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30860
|
+
<rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30861
|
+
<rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30862
|
+
</svg>`,
|
|
30863
|
+
right: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30864
|
+
<line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30865
|
+
<rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30866
|
+
<rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30867
|
+
</svg>`,
|
|
30868
|
+
top: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30869
|
+
<line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30870
|
+
<rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30871
|
+
<rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30872
|
+
</svg>`,
|
|
30873
|
+
middle: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
30874
|
+
<line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
|
|
30875
|
+
<rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
30876
|
+
<rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
30877
|
+
</svg>`
|
|
30843
30878
|
};
|
|
30844
30879
|
|
|
30845
30880
|
var ICONS$1 = icons$1;
|
|
@@ -30910,7 +30945,7 @@
|
|
|
30910
30945
|
'align-elements': {
|
|
30911
30946
|
group: 'align-elements',
|
|
30912
30947
|
title: self._translate('Align elements'),
|
|
30913
|
-
|
|
30948
|
+
html: `<div class="entry">${ICONS$1['align']}</div>`,
|
|
30914
30949
|
action: {
|
|
30915
30950
|
click: function(event, target) {
|
|
30916
30951
|
var position = self._getMenuPosition(target);
|
|
@@ -31027,7 +31062,7 @@
|
|
|
31027
31062
|
group: 'align',
|
|
31028
31063
|
title: translate('Align elements ' + alignment),
|
|
31029
31064
|
className: 'bjs-align-elements-menu-entry',
|
|
31030
|
-
|
|
31065
|
+
imageHtml: ICONS$1[ alignment ],
|
|
31031
31066
|
action: function() {
|
|
31032
31067
|
alignElements.trigger(target, alignment);
|
|
31033
31068
|
popupMenu.close();
|
|
@@ -41682,8 +41717,16 @@
|
|
|
41682
41717
|
* and then replace respective icons with the optimized data URIs in `./dist`.
|
|
41683
41718
|
*/
|
|
41684
41719
|
var icons = {
|
|
41685
|
-
horizontal:
|
|
41686
|
-
|
|
41720
|
+
horizontal: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
41721
|
+
<polyline points="450 400 450 150 1350 150 1350 400" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
41722
|
+
<rect x="150" y="450" width="600" height="1200" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
41723
|
+
<rect x="1050" y="450" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
41724
|
+
</svg>`,
|
|
41725
|
+
vertical: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
|
|
41726
|
+
<polyline points="400 1350 150 1350 150 450 400 450" style="fill:none;stroke:currentColor;stroke-width:100;stroke-linejoin:round;"/>
|
|
41727
|
+
<rect x="450" y="150" width="1200" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
|
|
41728
|
+
<rect x="450" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
|
|
41729
|
+
</svg>`
|
|
41687
41730
|
};
|
|
41688
41731
|
|
|
41689
41732
|
var ICONS = icons;
|
|
@@ -41757,7 +41800,7 @@
|
|
|
41757
41800
|
group: 'distribute',
|
|
41758
41801
|
title: translate('Distribute elements horizontally'),
|
|
41759
41802
|
className: 'bjs-align-elements-menu-entry',
|
|
41760
|
-
|
|
41803
|
+
imageHtml: ICONS['horizontal'],
|
|
41761
41804
|
action: function(event, entry) {
|
|
41762
41805
|
distributeElements.trigger(elements, 'horizontal');
|
|
41763
41806
|
popupMenu.close();
|
|
@@ -41766,7 +41809,7 @@
|
|
|
41766
41809
|
'distribute-elements-vertical': {
|
|
41767
41810
|
group: 'distribute',
|
|
41768
41811
|
title: translate('Distribute elements vertically'),
|
|
41769
|
-
|
|
41812
|
+
imageHtml: ICONS['vertical'],
|
|
41770
41813
|
action: function(event, entry) {
|
|
41771
41814
|
distributeElements.trigger(elements, 'vertical');
|
|
41772
41815
|
popupMenu.close();
|