bpmn-js 9.0.0-subprocesses.1 → 9.0.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.
Files changed (50) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/dist/assets/bpmn-js.css +69 -14
  3. package/dist/assets/diagram-js.css +81 -78
  4. package/dist/bpmn-modeler.development.js +2897 -1810
  5. package/dist/bpmn-modeler.production.min.js +8 -8
  6. package/dist/bpmn-navigated-viewer.development.js +1458 -1101
  7. package/dist/bpmn-navigated-viewer.production.min.js +6 -6
  8. package/dist/bpmn-viewer.development.js +1457 -1100
  9. package/dist/bpmn-viewer.production.min.js +6 -6
  10. package/lib/BaseViewer.js +1 -1
  11. package/lib/Viewer.js +2 -2
  12. package/lib/draw/BpmnRenderer.js +303 -373
  13. package/lib/features/auto-resize/BpmnAutoResizeProvider.js +6 -0
  14. package/lib/features/copy-paste/BpmnCopyPaste.js +1 -0
  15. package/lib/features/di-ordering/BpmnDiOrdering.js +15 -11
  16. package/lib/features/drilldown/DrilldownBreadcrumbs.js +122 -0
  17. package/lib/features/drilldown/DrilldownCentering.js +118 -0
  18. package/lib/features/drilldown/DrilldownOverlayBehavior.js +181 -0
  19. package/lib/features/drilldown/SubprocessCompatibility.js +201 -0
  20. package/lib/features/drilldown/index.js +17 -0
  21. package/lib/features/label-editing/LabelEditingProvider.js +1 -1
  22. package/lib/features/label-editing/cmd/UpdateLabelHandler.js +29 -2
  23. package/lib/features/modeling/BpmnFactory.js +5 -1
  24. package/lib/features/modeling/BpmnUpdater.js +43 -1
  25. package/lib/features/modeling/ElementFactory.js +4 -0
  26. package/lib/features/modeling/behavior/CreateParticipantBehavior.js +59 -84
  27. package/lib/features/modeling/behavior/DropOnFlowBehavior.js +2 -2
  28. package/lib/features/modeling/behavior/RemoveEmbeddedLabelBoundsBehavior.js +34 -0
  29. package/lib/features/modeling/behavior/SubProcessPlaneBehavior.js +557 -0
  30. package/lib/features/modeling/behavior/ToggleCollapseConnectionBehaviour.js +74 -0
  31. package/lib/features/modeling/behavior/UnclaimIdBehavior.js +3 -1
  32. package/lib/features/modeling/behavior/index.js +27 -18
  33. package/lib/features/modeling/cmd/SetColorHandler.js +23 -6
  34. package/lib/features/modeling/cmd/UpdateCanvasRootHandler.js +4 -2
  35. package/lib/features/modeling/util/ModelingUtil.js +2 -20
  36. package/lib/features/ordering/BpmnOrderingProvider.js +3 -3
  37. package/lib/features/palette/PaletteProvider.js +1 -1
  38. package/lib/features/popup-menu/ReplaceMenuProvider.js +1 -1
  39. package/lib/import/BpmnImporter.js +17 -60
  40. package/lib/import/Importer.js +130 -10
  41. package/lib/util/DrilldownUtil.js +66 -0
  42. package/lib/util/ModelUtil.js +19 -0
  43. package/package.json +2 -2
  44. package/test/helper/index.js +1 -6
  45. package/lib/features/subprocess-navigation/SubprocessCentering.js +0 -55
  46. package/lib/features/subprocess-navigation/SubprocessCompatibility.js +0 -135
  47. package/lib/features/subprocess-navigation/SubprocessElements.js +0 -55
  48. package/lib/features/subprocess-navigation/SubprocessFlows.js +0 -109
  49. package/lib/features/subprocess-navigation/SubprocessOverlays.js +0 -104
  50. package/lib/features/subprocess-navigation/index.js +0 -18
@@ -105,7 +105,7 @@ export default function LabelEditingProvider(
105
105
 
106
106
  function activateDirectEdit(element, force) {
107
107
  if (force ||
108
- isAny(element, [ 'bpmn:Task', 'bpmn:TextAnnotation', 'bpmn:Group' ]) ||
108
+ isAny(element, [ 'bpmn:Task', 'bpmn:TextAnnotation' ]) ||
109
109
  isCollapsedSubProcess(element)) {
110
110
 
111
111
  directEditing.activate(element);
@@ -11,6 +11,7 @@ import {
11
11
  } from '../../../util/LabelUtil';
12
12
 
13
13
  import {
14
+ getDi,
14
15
  is
15
16
  } from '../../../util/ModelUtil';
16
17
 
@@ -23,7 +24,30 @@ var NULL_DIMENSIONS = {
23
24
  /**
24
25
  * A handler that updates the text of a BPMN element.
25
26
  */
26
- export default function UpdateLabelHandler(modeling, textRenderer) {
27
+ export default function UpdateLabelHandler(modeling, textRenderer, bpmnFactory) {
28
+
29
+ /**
30
+ * Creates an empty `diLabel` attribute for embedded labels.
31
+ *
32
+ * @param {djs.model.Base} element
33
+ * @param {string} text
34
+ */
35
+ function ensureInternalLabelDi(element, text) {
36
+ if (isLabelExternal(element)) {
37
+ return;
38
+ }
39
+
40
+ var di = getDi(element);
41
+
42
+ if (text && !di.label) {
43
+ di.label = bpmnFactory.create('bpmndi:BPMNLabel');
44
+ }
45
+
46
+ if (!text && di.label) {
47
+ di.label = null;
48
+ }
49
+ }
50
+
27
51
 
28
52
  /**
29
53
  * Set the label and return the changed elements.
@@ -42,6 +66,8 @@ export default function UpdateLabelHandler(modeling, textRenderer) {
42
66
 
43
67
  setLabel(label, text, labelTarget !== label);
44
68
 
69
+ ensureInternalLabelDi(element, text);
70
+
45
71
  return [ label, labelTarget ];
46
72
  }
47
73
 
@@ -127,7 +153,8 @@ export default function UpdateLabelHandler(modeling, textRenderer) {
127
153
 
128
154
  UpdateLabelHandler.$inject = [
129
155
  'modeling',
130
- 'textRenderer'
156
+ 'textRenderer',
157
+ 'bpmnFactory'
131
158
  ];
132
159
 
133
160
 
@@ -42,6 +42,10 @@ BpmnFactory.prototype._needsId = function(element) {
42
42
  };
43
43
 
44
44
  BpmnFactory.prototype._ensureId = function(element) {
45
+ if (element.id) {
46
+ this._model.ids.claim(element.id, element);
47
+ return;
48
+ }
45
49
 
46
50
  // generate semantic ids for elements
47
51
  // bpmn:SequenceFlow -> SequenceFlow_ID
@@ -112,7 +116,7 @@ BpmnFactory.prototype.createDiWaypoint = function(point) {
112
116
  BpmnFactory.prototype.createDiEdge = function(semantic, attrs) {
113
117
  return this.create('bpmndi:BPMNEdge', assign({
114
118
  bpmnElement: semantic,
115
- waypoints: this.createDiWaypoints([])
119
+ waypoint: this.createDiWaypoints([])
116
120
  }, attrs));
117
121
  };
118
122
 
@@ -24,6 +24,10 @@ import {
24
24
  isAny
25
25
  } from './util/ModelingUtil';
26
26
 
27
+ import {
28
+ delta
29
+ } from 'diagram-js/lib/util/PositionUtil';
30
+
27
31
  import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
28
32
 
29
33
  /**
@@ -344,7 +348,18 @@ BpmnUpdater.prototype.updateParent = function(element, oldParent) {
344
348
 
345
349
  BpmnUpdater.prototype.updateBounds = function(shape) {
346
350
 
347
- var di = getDi(shape);
351
+ var di = getDi(shape),
352
+ embeddedLabelBounds = getEmbeddedLabelBounds(shape);
353
+
354
+ // update embedded label bounds if possible
355
+ if (embeddedLabelBounds) {
356
+ var embeddedLabelBoundsDelta = delta(embeddedLabelBounds, di.get('bounds'));
357
+
358
+ assign(embeddedLabelBounds, {
359
+ x: shape.x + embeddedLabelBoundsDelta.x,
360
+ y: shape.y + embeddedLabelBoundsDelta.y
361
+ });
362
+ }
348
363
 
349
364
  var target = (shape instanceof Label) ? this._getLabel(di) : di;
350
365
 
@@ -718,3 +733,30 @@ function ifBpmn(fn) {
718
733
  }
719
734
  };
720
735
  }
736
+
737
+ /**
738
+ * Return dc:Bounds of bpmndi:BPMNLabel if exists.
739
+ *
740
+ * @param {djs.model.shape} shape
741
+ *
742
+ * @returns {Object|undefined}
743
+ */
744
+ function getEmbeddedLabelBounds(shape) {
745
+ if (!is(shape, 'bpmn:Activity')) {
746
+ return;
747
+ }
748
+
749
+ var di = getDi(shape);
750
+
751
+ if (!di) {
752
+ return;
753
+ }
754
+
755
+ var label = di.get('label');
756
+
757
+ if (!label) {
758
+ return;
759
+ }
760
+
761
+ return label.get('bounds');
762
+ }
@@ -117,6 +117,10 @@ ElementFactory.prototype.createBpmnElement = function(elementType, attrs) {
117
117
  applyAttribute(di, attrs, 'isExpanded');
118
118
  }
119
119
 
120
+ if (is(businessObject, 'bpmn:SubProcess')) {
121
+ attrs.collapsed = !isExpanded(businessObject, di);
122
+ }
123
+
120
124
  if (is(businessObject, 'bpmn:ExclusiveGateway')) {
121
125
  di.isMarkerVisible = true;
122
126
  }
@@ -2,7 +2,7 @@ import inherits from 'inherits';
2
2
 
3
3
  import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
4
4
 
5
- import { is } from '../../../util/ModelUtil';
5
+ import { getBusinessObject, is } from '../../../util/ModelUtil';
6
6
 
7
7
  import { isLabel } from '../../../util/LabelUtil';
8
8
 
@@ -88,122 +88,97 @@ export default function CreateParticipantBehavior(canvas, eventBus, modeling) {
88
88
  }
89
89
  });
90
90
 
91
- function ensureCollaboration(context) {
92
- var parent = context.parent,
93
- collaboration;
94
-
91
+ // turn process into collaboration when creating first participant
92
+ function getOrCreateCollaboration() {
95
93
  var rootElement = canvas.getRootElement();
96
94
 
97
95
  if (is(rootElement, 'bpmn:Collaboration')) {
98
- collaboration = rootElement;
99
- } else {
100
-
101
- // update root element by making collaboration
102
- collaboration = modeling.makeCollaboration();
103
-
104
- // re-use process when creating first participant
105
- context.process = parent;
96
+ return rootElement;
106
97
  }
107
98
 
108
- context.parent = collaboration;
99
+ return modeling.makeCollaboration();
109
100
  }
110
101
 
111
- // turn process into collaboration before adding participant
112
- this.preExecute('shape.create', function(context) {
113
- var parent = context.parent,
114
- shape = context.shape;
115
-
116
- if (is(shape, 'bpmn:Participant') && is(parent, 'bpmn:Process')) {
117
- ensureCollaboration(context);
118
- }
119
- }, true);
120
-
121
- this.execute('shape.create', function(context) {
122
- var process = context.process,
123
- shape = context.shape;
124
-
125
- if (process) {
126
- context.oldProcessRef = shape.businessObject.processRef;
127
-
128
- // re-use process when creating first participant
129
- shape.businessObject.processRef = process.businessObject;
130
- }
131
- }, true);
102
+ // when creating mutliple elements through `elements.create` parent must be set to collaboration
103
+ // and passed to `shape.create` as hint
104
+ this.preExecute('elements.create', HIGH_PRIORITY, function(context) {
105
+ var elements = context.elements,
106
+ parent = context.parent,
107
+ participant = findParticipant(elements),
108
+ hints;
132
109
 
133
- this.revert('shape.create', function(context) {
134
- var process = context.process,
135
- shape = context.shape;
110
+ if (participant && is(parent, 'bpmn:Process')) {
111
+ context.parent = getOrCreateCollaboration();
136
112
 
137
- if (process) {
113
+ hints = context.hints = context.hints || {};
138
114
 
139
- // re-use process when creating first participant
140
- shape.businessObject.processRef = context.oldProcessRef;
115
+ hints.participant = participant;
116
+ hints.process = parent;
117
+ hints.processRef = getBusinessObject(participant).get('processRef');
141
118
  }
142
119
  }, true);
143
120
 
144
- this.postExecute('shape.create', function(context) {
145
- var process = context.process,
121
+ // when creating single shape through `shape.create` parent must be set to collaboration
122
+ // unless it was already set through `elements.create`
123
+ this.preExecute('shape.create', function(context) {
124
+ var parent = context.parent,
146
125
  shape = context.shape;
147
126
 
148
- if (process) {
149
-
150
- // move children from process to participant
151
- var processChildren = process.children.slice();
127
+ if (is(shape, 'bpmn:Participant') && is(parent, 'bpmn:Process')) {
128
+ context.parent = getOrCreateCollaboration();
152
129
 
153
- modeling.moveElements(processChildren, { x: 0, y: 0 }, shape);
130
+ context.process = parent;
131
+ context.processRef = getBusinessObject(shape).get('processRef');
154
132
  }
155
-
156
133
  }, true);
157
134
 
158
- // turn process into collaboration when creating participants
159
- this.preExecute('elements.create', HIGH_PRIORITY, function(context) {
160
- var elements = context.elements,
161
- parent = context.parent,
162
- participant;
163
-
164
- var hasParticipants = findParticipant(elements);
165
-
166
- if (hasParticipants && is(parent, 'bpmn:Process')) {
167
- ensureCollaboration(context);
168
-
169
- participant = findParticipant(elements);
135
+ // #execute necessary because #preExecute not called on CommandStack#redo
136
+ this.execute('shape.create', function(context) {
137
+ var hints = context.hints || {},
138
+ process = context.process || hints.process,
139
+ shape = context.shape,
140
+ participant = hints.participant;
170
141
 
171
- context.oldProcessRef = participant.businessObject.processRef;
142
+ // both shape.create and elements.create must be handled
143
+ if (process && (!participant || shape === participant)) {
172
144
 
173
- // re-use process when creating first participant
174
- participant.businessObject.processRef = parent.businessObject;
145
+ // monkey-patch process ref
146
+ getBusinessObject(shape).set('processRef', getBusinessObject(process));
175
147
  }
176
148
  }, true);
177
149
 
178
- this.revert('elements.create', function(context) {
179
- var elements = context.elements,
180
- process = context.process,
181
- participant;
150
+ this.revert('shape.create', function(context) {
151
+ var hints = context.hints || {},
152
+ process = context.process || hints.process,
153
+ processRef = context.processRef || hints.processRef,
154
+ shape = context.shape,
155
+ participant = hints.participant;
182
156
 
183
- if (process) {
184
- participant = findParticipant(elements);
157
+ // both shape.create and elements.create must be handled
158
+ if (process && (!participant || shape === participant)) {
185
159
 
186
- // re-use process when creating first participant
187
- participant.businessObject.processRef = context.oldProcessRef;
160
+ // monkey-patch process ref
161
+ getBusinessObject(shape).set('processRef', processRef);
188
162
  }
189
163
  }, true);
190
164
 
191
- this.postExecute('elements.create', function(context) {
192
- var elements = context.elements,
193
- process = context.process,
194
- participant;
165
+ this.postExecute('shape.create', function(context) {
166
+ var hints = context.hints || {},
167
+ process = context.process || context.hints.process,
168
+ shape = context.shape,
169
+ participant = hints.participant;
195
170
 
196
171
  if (process) {
197
- participant = findParticipant(elements);
198
-
199
- // move children from process to first participant
200
- var processChildren = process.children.slice();
201
-
202
- modeling.moveElements(processChildren, { x: 0, y: 0 }, participant);
172
+ var children = process.children.slice();
173
+
174
+ // both shape.create and elements.create must be handled
175
+ if (!participant) {
176
+ modeling.moveElements(children, { x: 0, y: 0 }, shape);
177
+ } else if (shape === participant) {
178
+ modeling.moveElements(children, { x: 0, y: 0 }, participant);
179
+ }
203
180
  }
204
-
205
181
  }, true);
206
-
207
182
  }
208
183
 
209
184
  CreateParticipantBehavior.$inject = [
@@ -59,12 +59,12 @@ export default function DropOnFlowBehavior(eventBus, bpmnRules, modeling) {
59
59
  dockingPoint = intersection.bendpoint ? waypoints[intersection.index] : mid;
60
60
 
61
61
  // if last waypointBefore is inside shape's bounds, ignore docking point
62
- if (!isPointInsideBBox(shape, waypointsBefore[waypointsBefore.length-1])) {
62
+ if (waypointsBefore.length === 1 || !isPointInsideBBox(shape, waypointsBefore[waypointsBefore.length-1])) {
63
63
  waypointsBefore.push(copy(dockingPoint));
64
64
  }
65
65
 
66
66
  // if first waypointAfter is inside shape's bounds, ignore docking point
67
- if (!isPointInsideBBox(shape, waypointsAfter[0])) {
67
+ if (waypointsAfter.length === 1 || !isPointInsideBBox(shape, waypointsAfter[0])) {
68
68
  waypointsAfter.unshift(copy(dockingPoint));
69
69
  }
70
70
  }
@@ -0,0 +1,34 @@
1
+ import inherits from 'inherits';
2
+
3
+ import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
4
+
5
+ import { getDi } from '../../../util/ModelUtil';
6
+
7
+ /**
8
+ * BPMN specific behavior ensuring that bpmndi:Label's dc:Bounds are removed
9
+ * when shape is resized.
10
+ */
11
+ export default function RemoveEmbeddedLabelBoundsBehavior(eventBus, modeling) {
12
+ CommandInterceptor.call(this, eventBus);
13
+
14
+ this.preExecute('shape.resize', function(context) {
15
+ var shape = context.shape;
16
+
17
+ var di = getDi(shape),
18
+ label = di && di.get('label'),
19
+ bounds = label && label.get('bounds');
20
+
21
+ if (bounds) {
22
+ modeling.updateModdleProperties(shape, label, {
23
+ bounds: undefined
24
+ });
25
+ }
26
+ }, true);
27
+ }
28
+
29
+ inherits(RemoveEmbeddedLabelBoundsBehavior, CommandInterceptor);
30
+
31
+ RemoveEmbeddedLabelBoundsBehavior.$inject = [
32
+ 'eventBus',
33
+ 'modeling'
34
+ ];