[FEAT] Render Black Box Pool

[csouchet]

Sometimes called Collapsed Pool.
A pool is Black Box when the Participant doesn't reference a Process.

---

[csouchet]

Use https://jgraph.github.io/mxgraph/docs/js-api/files/util/mxConstants-js.html#mxConstants.STYLE_SWIMLANE_LINE to hide label separator

[tbouffard]

Use https://jgraph.github.io/mxgraph/docs/js-api/files/util/mxConstants-js.html#mxConstants.STYLE_SWIMLANE_LINE to hide label separator

I am not going to remove the label separator: in the BPMN Spec and its related examples, there is always a label separator
In addition, the direction of the label for black box pool/process is the same as for regular pool/process, i.e. when it is

• horizontal, its labels is displayed vertically
• it is vertical, its labels is displayed horizontally

Note: in the following, examples are taken from the BPMN Spec companion examples (archive)

Horizontal pool example

Extract from the E-Mail Voting Example, the Voting Members pool is defined as vertical

Semantic part

<semantic:participant name="Voting Members" id="_6-782"/>

Diagram part

<bpmndi:BPMNShape bpmnElement="_6-782" isHorizontal="true" id="Trisotech.Visio__6-782">
    <dc:Bounds height="96.0" width="2136.0" x="82.0" y="1008.0"/>
    <bpmndi:BPMNLabel/>
</bpmndi:BPMNShape>

Vertical pool example

Extract from the Nobel Prize Process, the Nobel Prize Laureate pool is defined as vertical

Semantic part

<semantic:participant name="Nobel Prize Laureate" id="_6-1055">
    <semantic:participantMultiplicity maximum="2"/>
</semantic:participant>

Diagram part

<bpmndi:BPMNShape bpmnElement="_6-1055" isHorizontal="false" id="Trisotech.Visio__6-1055">
    <dc:Bounds height="72.0" width="220.0" x="1064.0" y="664.0"/>
    <bpmndi:BPMNLabel/>
</bpmndi:BPMNShape>