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.
Files changed (31) hide show
  1. package/dist/bpmn-modeler.development.js +71 -28
  2. package/dist/bpmn-modeler.production.min.js +22 -24
  3. package/dist/bpmn-navigated-viewer.development.js +20 -12
  4. package/dist/bpmn-navigated-viewer.production.min.js +2 -2
  5. package/dist/bpmn-viewer.development.js +20 -12
  6. package/dist/bpmn-viewer.production.min.js +2 -2
  7. package/lib/draw/BpmnRenderer.d.ts +7 -7
  8. package/lib/draw/BpmnRenderer.js +18 -10
  9. package/lib/features/align-elements/AlignElementsContextPadProvider.js +1 -1
  10. package/lib/features/align-elements/AlignElementsIcons.js +35 -7
  11. package/lib/features/align-elements/AlignElementsMenuProvider.js +1 -1
  12. package/lib/features/align-elements/dist/align-bottom-tool.svg +1 -0
  13. package/lib/features/align-elements/dist/align-horizontal-center-tool.svg +1 -0
  14. package/lib/features/align-elements/dist/align-left-tool.svg +1 -0
  15. package/lib/features/align-elements/dist/align-right-tool.svg +1 -0
  16. package/lib/features/align-elements/dist/align-tool.svg +1 -0
  17. package/lib/features/align-elements/dist/align-top-tool.svg +1 -0
  18. package/lib/features/align-elements/dist/align-vertical-center-tool.svg +1 -0
  19. package/lib/features/distribute-elements/DistributeElementsIcons.js +10 -2
  20. package/lib/features/distribute-elements/DistributeElementsMenuProvider.js +2 -2
  21. package/lib/features/palette/dist/create.svg +1 -0
  22. package/package.json +3 -2
  23. package/lib/features/align-elements/resources/align-bottom-tool.svg +0 -5
  24. package/lib/features/align-elements/resources/align-horizontal-center-tool.svg +0 -5
  25. package/lib/features/align-elements/resources/align-left-tool.svg +0 -5
  26. package/lib/features/align-elements/resources/align-right-tool.svg +0 -5
  27. package/lib/features/align-elements/resources/align-tool.svg +0 -5
  28. package/lib/features/align-elements/resources/align-top-tool.svg +0 -5
  29. package/lib/features/align-elements/resources/align-vertical-center-tool.svg +0 -5
  30. package/lib/features/distribute-elements/resources/distribute-horizontally-tool.svg +0 -5
  31. package/lib/features/distribute-elements/resources/distribute-vertically-tool.svg +0 -5
package/lib/draw/BpmnRenderer.d.ts CHANGED
@@ -18,7 +18,7 @@ export default class BpmnRenderer extends BaseRenderer {
18
18
 
19
19
  handlers: {
20
20
  'bpmn:Event': (parentGfx: any, element: any, attrs: any) => SVGCircleElement;
21
- 'bpmn:StartEvent': (parentGfx: any, element: any) => any;
21
+ 'bpmn:StartEvent': (parentGfx: any, element: any, options: any) => any;
22
22
  'bpmn:MessageEventDefinition': (parentGfx: any, element: any, isThrowing: any) => SVGPathElement;
23
23
  'bpmn:TimerEventDefinition': (parentGfx: any, element: any) => SVGCircleElement;
24
24
  'bpmn:EscalationEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
@@ -30,11 +30,11 @@ export default class BpmnRenderer extends BaseRenderer {
30
30
  'bpmn:SignalEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
31
31
  'bpmn:MultipleEventDefinition': (parentGfx: any, event: any, isThrowing: any) => SVGPathElement;
32
32
  'bpmn:ParallelMultipleEventDefinition': (parentGfx: any, event: any) => SVGPathElement;
33
- 'bpmn:EndEvent': (parentGfx: any, element: any) => any;
33
+ 'bpmn:EndEvent': (parentGfx: any, element: any, options: any) => any;
34
34
  'bpmn:TerminateEventDefinition': (parentGfx: any, element: any) => SVGCircleElement;
35
- 'bpmn:IntermediateEvent': (parentGfx: any, element: any) => any;
36
- 'bpmn:IntermediateCatchEvent': (parentGfx: any, element: any) => any;
37
- 'bpmn:IntermediateThrowEvent': (parentGfx: any, element: any) => any;
35
+ 'bpmn:IntermediateEvent': (parentGfx: any, element: any, options: any) => any;
36
+ 'bpmn:IntermediateCatchEvent': (parentGfx: any, element: any, options: any) => any;
37
+ 'bpmn:IntermediateThrowEvent': (parentGfx: any, element: any, options: any) => any;
38
38
  'bpmn:Activity': (parentGfx: any, element: any, attrs: any) => SVGRectElement;
39
39
  'bpmn:Task': (parentGfx: any, element: any) => any;
40
40
  'bpmn:ServiceTask': (parentGfx: any, element: any) => any;
@@ -62,11 +62,11 @@ export default class BpmnRenderer extends BaseRenderer {
62
62
  'bpmn:DataOutputAssociation': (parentGfx: any, element: any) => any;
63
63
  'bpmn:MessageFlow': (parentGfx: any, element: any) => SVGElement;
64
64
  'bpmn:DataObject': (parentGfx: any, element: any) => SVGPathElement;
65
- 'bpmn:DataObjectReference': (parentGfx: any, element: any) => any;
65
+ 'bpmn:DataObjectReference': (parentGfx: any, element: any, options: any) => any;
66
66
  'bpmn:DataInput': (parentGfx: any, element: any) => any;
67
67
  'bpmn:DataOutput': (parentGfx: any, element: any) => any;
68
68
  'bpmn:DataStoreReference': (parentGfx: any, element: any) => SVGPathElement;
69
- 'bpmn:BoundaryEvent': (parentGfx: any, element: any) => any;
69
+ 'bpmn:BoundaryEvent': (parentGfx: any, element: any, options: any) => any;
70
70
  'bpmn:Group': (parentGfx: any, element: any) => SVGRectElement;
71
71
  label: (parentGfx: any, element: any) => SVGElement;
72
72
  'bpmn:TextAnnotation': (parentGfx: any, element: any) => SVGRectElement;
package/lib/draw/BpmnRenderer.js CHANGED
@@ -444,8 +444,8 @@ export default function BpmnRenderer(
444
444
  }
445
445
 
446
446
  function as(type) {
447
- return function(parentGfx, element) {
448
- return renderer(type)(parentGfx, element);
447
+ return function(parentGfx, element, options) {
448
+ return renderer(type)(parentGfx, element, options);
449
449
  };
450
450
  }
451
451
 
@@ -584,7 +584,7 @@ export default function BpmnRenderer(
584
584
 
585
585
  return drawCircle(parentGfx, element.width, element.height, attrs);
586
586
  },
587
- 'bpmn:StartEvent': function(parentGfx, element) {
587
+ 'bpmn:StartEvent': function(parentGfx, element, options) {
588
588
  var attrs = {
589
589
  fill: getFillColor(element, defaultFillColor),
590
590
  stroke: getStrokeColor(element, defaultStrokeColor)
@@ -602,7 +602,9 @@ export default function BpmnRenderer(
602
602
 
603
603
  var circle = renderer('bpmn:Event')(parentGfx, element, attrs);
604
604
 
605
- renderEventContent(element, parentGfx);
605
+ if (!options || options.renderIcon !== false) {
606
+ renderEventContent(element, parentGfx);
607
+ }
606
608
 
607
609
  return circle;
608
610
  },
@@ -855,14 +857,16 @@ export default function BpmnRenderer(
855
857
  stroke: getStrokeColor(event, defaultStrokeColor)
856
858
  });
857
859
  },
858
- 'bpmn:EndEvent': function(parentGfx, element) {
860
+ 'bpmn:EndEvent': function(parentGfx, element, options) {
859
861
  var circle = renderer('bpmn:Event')(parentGfx, element, {
860
862
  strokeWidth: 4,
861
863
  fill: getFillColor(element, defaultFillColor),
862
864
  stroke: getStrokeColor(element, defaultStrokeColor)
863
865
  });
864
866
 
865
- renderEventContent(element, parentGfx, true);
867
+ if (!options || options.renderIcon !== false) {
868
+ renderEventContent(element, parentGfx, true);
869
+ }
866
870
 
867
871
  return circle;
868
872
  },
@@ -875,7 +879,7 @@ export default function BpmnRenderer(
875
879
 
876
880
  return circle;
877
881
  },
878
- 'bpmn:IntermediateEvent': function(parentGfx, element) {
882
+ 'bpmn:IntermediateEvent': function(parentGfx, element, options) {
879
883
  var outer = renderer('bpmn:Event')(parentGfx, element, {
880
884
  strokeWidth: 1.5,
881
885
  fill: getFillColor(element, defaultFillColor),
@@ -889,7 +893,9 @@ export default function BpmnRenderer(
889
893
  stroke: getStrokeColor(element, defaultStrokeColor)
890
894
  });
891
895
 
892
- renderEventContent(element, parentGfx);
896
+ if (!options || options.renderIcon !== false) {
897
+ renderEventContent(element, parentGfx);
898
+ }
893
899
 
894
900
  return outer;
895
901
  },
@@ -1607,7 +1613,7 @@ export default function BpmnRenderer(
1607
1613
 
1608
1614
  return elementStore;
1609
1615
  },
1610
- 'bpmn:BoundaryEvent': function(parentGfx, element) {
1616
+ 'bpmn:BoundaryEvent': function(parentGfx, element, options) {
1611
1617
 
1612
1618
  var semantic = getSemantic(element),
1613
1619
  cancel = semantic.cancelActivity;
@@ -1638,7 +1644,9 @@ export default function BpmnRenderer(
1638
1644
 
1639
1645
  /* inner path */ drawCircle(parentGfx, element.width, element.height, INNER_OUTER_DIST, innerAttrs);
1640
1646
 
1641
- renderEventContent(element, parentGfx);
1647
+ if (!options || options.renderIcon !== false) {
1648
+ renderEventContent(element, parentGfx);
1649
+ }
1642
1650
 
1643
1651
  return outer;
1644
1652
  },
package/lib/features/align-elements/AlignElementsContextPadProvider.js CHANGED
@@ -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
- imageUrl: ICONS['align'],
73
+ html: `<div class="entry">${ICONS['align']}</div>`,
74
74
  action: {
75
75
  click: function(event, target) {
76
76
  var position = self._getMenuPosition(target);
package/lib/features/align-elements/AlignElementsIcons.js CHANGED
@@ -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: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202000%202000%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M200%20150v1700%22%2F%3E%3Crect%20x%3D%22500%22%20y%3D%22150%22%20width%3D%221300%22%20height%3D%22700%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%22500%22%20y%3D%221150%22%20width%3D%22700%22%20height%3D%22700%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
7
- bottom: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M150%201650h1500%22%2F%3E%3Crect%20x%3D%22150%22%20y%3D%22350%22%20width%3D%22600%22%20height%3D%221300%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%221050%22%20y%3D%22850%22%20width%3D%22600%22%20height%3D%22800%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
8
- center: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M900%20150v1500%22%2F%3E%3Crect%20x%3D%22250%22%20y%3D%22150%22%20width%3D%221300%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%22500%22%20y%3D%221050%22%20width%3D%22800%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
9
- left: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M100%20150v1500%22%2F%3E%3Crect%20x%3D%22100%22%20y%3D%22150%22%20width%3D%221300%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%22100%22%20y%3D%221050%22%20width%3D%22800%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
10
- right: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M1650%20150v1500%22%2F%3E%3Crect%20x%3D%22350%22%20y%3D%22150%22%20width%3D%221300%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%22850%22%20y%3D%221050%22%20width%3D%22800%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
11
- top: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M150%20150h1500%22%2F%3E%3Crect%20x%3D%22150%22%20y%3D%22150%22%20width%3D%22600%22%20height%3D%221300%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%221050%22%20y%3D%22150%22%20width%3D%22600%22%20height%3D%22800%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
12
- middle: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22stroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linecap%3Around%22%20d%3D%22M150%20900h1500%22%2F%3E%3Crect%20x%3D%22150%22%20y%3D%22250%22%20width%3D%22600%22%20height%3D%221300%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%221050%22%20y%3D%22500%22%20width%3D%22600%22%20height%3D%22800%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E'
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;
package/lib/features/align-elements/AlignElementsMenuProvider.js CHANGED
@@ -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
- imageUrl: ICONS[ alignment ],
91
+ imageHtml: ICONS[ alignment ],
92
92
  action: function() {
93
93
  alignElements.trigger(target, alignment);
94
94
  popupMenu.close();
package/lib/features/align-elements/dist/align-bottom-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%25201650h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522350%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522850%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-horizontal-center-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M900%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522250%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522500%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-left-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M100%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522100%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522100%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-right-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M1650%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522350%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522850%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25202000%25202000%2522%253E%253Cpath%2520d%253D%2522M200%2520150v1700%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522700%2522%2520x%253D%2522500%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522700%2522%2520height%253D%2522700%2522%2520x%253D%2522500%2522%2520y%253D%25221150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-top-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%2520150h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/align-elements/dist/align-vertical-center-tool.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%2520900h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522250%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522500%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E
package/lib/features/distribute-elements/DistributeElementsIcons.js CHANGED
@@ -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: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linejoin%3Around%22%20d%3D%22M450%20400V150h900v250%22%2F%3E%3Crect%20x%3D%22150%22%20y%3D%22450%22%20width%3D%22600%22%20height%3D%221200%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%221050%22%20y%3D%22450%22%20width%3D%22600%22%20height%3D%22800%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
7
- vertical: 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201800%201800%22%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bstroke-linejoin%3Around%22%20d%3D%22M400%201350H150V450h250%22%2F%3E%3Crect%20x%3D%22450%22%20y%3D%22150%22%20width%3D%221200%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%22%2F%3E%3Crect%20x%3D%22450%22%20y%3D%221050%22%20width%3D%22800%22%20height%3D%22600%22%20rx%3D%221%22%20style%3D%22fill%3AcurrentColor%3Bstroke%3AcurrentColor%3Bstroke-width%3A100%3Bopacity%3A.5%22%2F%3E%3C%2Fsvg%3E',
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;
package/lib/features/distribute-elements/DistributeElementsMenuProvider.js CHANGED
@@ -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
- imageUrl: ICONS['horizontal'],
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
- imageUrl: ICONS['vertical'],
83
+ imageHtml: ICONS['vertical'],
84
84
  action: function(event, entry) {
85
85
  distributeElements.trigger(elements, 'vertical');
86
86
  popupMenu.close();
package/lib/features/palette/dist/create.svg ADDED
@@ -0,0 +1 @@
1
+ data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520width%253D%252246%2522%2520height%253D%252246%2522%2520viewBox%253D%2522-2%2520-2%25209.82%25209.82%2522%253E%253Cpath%2520d%253D%2522M1.3%25203.4c.3%25200%2520.5-.2.5-.5s-.2-.4-.5-.4c-.2%25200-.4.1-.4.4%25200%2520.3.2.5.4.5zm1.7%25200c.2%25200%2520.4-.2.4-.5s-.2-.4-.4-.4c-.3%25200-.5.1-.5.4%25200%2520.3.2.5.5.5zm1.6%25200c.2%25200%2520.4-.2.4-.5s-.2-.4-.4-.4c-.3%25200-.5.1-.5.4%25200%2520.3.2.5.5.5z%2522%252F%253E%253C%252Fsvg%253E
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpmn-js",
3
- "version": "13.0.8",
3
+ "version": "13.2.0",
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.1.0",
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",
package/lib/features/align-elements/resources/align-bottom-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-horizontal-center-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-left-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-right-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-top-tool.svg DELETED
@@ -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>
package/lib/features/align-elements/resources/align-vertical-center-tool.svg DELETED
@@ -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>
package/lib/features/distribute-elements/resources/distribute-horizontally-tool.svg DELETED
@@ -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>
package/lib/features/distribute-elements/resources/distribute-vertically-tool.svg DELETED
@@ -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>