Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEAT] Display Embedded Sub-Process (Sub-Process) #362

Merged
merged 9 commits into from
Jun 30, 2020
Merged

[FEAT] Display Embedded Sub-Process (Sub-Process) #362

merged 9 commits into from
Jun 30, 2020

Conversation

csouchet
Copy link
Member

Closes #304

image

@csouchet csouchet added enhancement New feature or request BPMN support Something about the BPMN specification that the lib is already supporting or will support labels Jun 25, 2020
@csouchet csouchet force-pushed the 304-Display_Embedded_Sub-Process branch from 0f23bc6 to e383e8b Compare June 25, 2020 14:34
@csouchet csouchet force-pushed the 304-Display_Embedded_Sub-Process branch from 95a20ca to 86ac789 Compare June 25, 2020 15:41
@csouchet csouchet marked this pull request as ready for review June 25, 2020 15:48
@csouchet csouchet requested review from tbouffard and aibcmars and removed request for tbouffard June 25, 2020 15:48
tbouffard
tbouffard approved these changes Jun 29, 2020
View reviewed changes
Copy link
Member

@tbouffard tbouffard left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍
Thanks for the introduction of the call activity shape to simplify the style configuration and prepare future support for expanded/collapsed
@csouchet I commit some changes to fix typo and add missing information in documentation. Please have a look and correct if there still some lacks or errors

docs/architecture/images/architecture/internal-model.svg
<svg xmlns="http://www.w3.org/2000/svg" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1547px" height="1003px" viewBox="-0.5 -0.5 1547 1003" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2020-06-25T14:39:58.826Z&quot; agent=&quot;5.0 (Macintosh)&quot; etag=&quot;78Q0zZs33u030J0RobRs&quot; version=&quot;13.3.3&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;C5RBs43oDa-KdzZeNtuy&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><clipPath id="mx-clip-4-670-151-26-0"><rect x="4" y="670" width="151" height="26"/></clipPath><clipPath id="mx-clip-4-696-151-26-0"><rect x="4" y="696" width="151" height="26"/></clipPath><clipPath id="mx-clip-4-494-150-30-0"><rect x="4" y="494" width="150" height="30"/></clipPath><clipPath id="mx-clip-4-524-150-26-0"><rect x="4" y="524" width="150" height="26"/></clipPath><clipPath id="mx-clip-4-550-150-26-0"><rect x="4" y="550" width="150" height="26"/></clipPath><clipPath id="mx-clip-4-576-150-26-0"><rect x="4" y="576" width="150" height="26"/></clipPath><clipPath id="mx-clip-4-602-150-26-0"><rect x="4" y="602" width="150" height="26"/></clipPath><clipPath id="mx-clip-361-347-152-26-0"><rect x="361" y="347" width="152" height="26"/></clipPath><clipPath id="mx-clip-11-167-184-26-0"><rect x="11" y="167" width="184" height="26"/></clipPath><clipPath id="mx-clip-11-193-184-26-0"><rect x="11" y="193" width="184" height="26"/></clipPath><clipPath id="mx-clip-11-219-184-26-0"><rect x="11" y="219" width="184" height="26"/></clipPath><clipPath id="mx-clip-651-31-184-26-0"><rect x="651" y="31" width="184" height="26"/></clipPath><clipPath id="mx-clip-651-57-184-26-0"><rect x="651" y="57" width="184" height="26"/></clipPath><clipPath id="mx-clip-651-83-184-26-0"><rect x="651" y="83" width="184" height="26"/></clipPath><clipPath id="mx-clip-651-117-184-26-0"><rect x="651" y="117" width="184" height="26"/></clipPath><clipPath id="mx-clip-351-568-172-26-0"><rect x="351" y="568" width="172" height="26"/></clipPath><clipPath id="mx-clip-351-594-172-26-0"><rect x="351" y="594" width="172" height="26"/></clipPath><clipPath id="mx-clip-351-620-172-26-0"><rect x="351" y="620" width="172" height="26"/></clipPath><clipPath id="mx-clip-351-646-172-26-0"><rect x="351" y="646" width="172" height="26"/></clipPath><clipPath id="mx-clip-217-844-152-26-0"><rect x="217" y="844" width="152" height="26"/></clipPath><clipPath id="mx-clip-217-870-152-26-0"><rect x="217" y="870" width="152" height="26"/></clipPath><clipPath id="mx-clip-217-896-152-26-0"><rect x="217" y="896" width="152" height="26"/></clipPath><clipPath id="mx-clip-217-922-152-26-0"><rect x="217" y="922" width="152" height="26"/></clipPath><clipPath id="mx-clip-217-948-152-26-0"><rect x="217" y="948" width="152" height="26"/></clipPath><clipPath id="mx-clip-217-974-152-26-0"><rect x="217" y="974" width="152" height="26"/></clipPath><clipPath id="mx-clip-551-897-152-26-0"><rect x="551" y="897" width="152" height="26"/></clipPath><clipPath id="mx-clip-551-923-152-26-0"><rect x="551" y="923" width="152" height="26"/></clipPath><clipPath id="mx-clip-735-530-222-26-0"><rect x="735" y="530" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-556-222-26-0"><rect x="735" y="556" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-582-222-26-0"><rect x="735" y="582" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-608-222-26-0"><rect x="735" y="608" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-634-222-26-0"><rect x="735" y="634" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-660-222-26-0"><rect x="735" y="660" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-686-222-26-0"><rect x="735" y="686" width="222" height="26"/></clipPath><clipPath id="mx-clip-735-712-222-26-0"><rect x="735" y="712" width="222" height="26"/></clipPath><clipPath id="mx-clip-770-323-152-26-0"><rect x="770" y="323" width="152" height="26"/></clipPath><clipPath id="mx-clip-770-349-152-26-0"><rect x="770" y="349" width="152" height="26"/></clipPath><clipPath id="mx-clip-770-375-152-26-0"><rect x="770" y="375" width="152" height="26"/></clipPath><clipPath id="mx-clip-878-872-152-26-0"><rect x="878" y="872" width="152" height="26"/></clipPath><clipPath id="mx-clip-878-898-152-26-0"><rect x="878" y="898" width="152" height="26"/></clipPath><clipPath id="mx-clip-878-924-152-26-0"><rect x="878" y="924" width="152" height="26"/></clipPath><clipPath id="mx-clip-878-950-152-26-0"><rect x="878" y="950" width="152" height="26"/></clipPath><clipPath id="mx-clip-1121-497-184-26-0"><rect x="1121" y="497" width="184" height="26"/></clipPath><clipPath id="mx-clip-1121-523-184-26-0"><rect x="1121" y="523" width="184" height="26"/></clipPath><clipPath id="mx-clip-1121-549-184-26-0"><rect x="1121" y="549" width="184" height="26"/></clipPath><clipPath id="mx-clip-1121-575-184-26-0"><rect x="1121" y="575" width="184" height="26"/></clipPath><clipPath id="mx-clip-1121-601-184-26-0"><rect x="1121" y="601" width="184" height="26"/></clipPath><clipPath id="mx-clip-1274-757-205-26-0"><rect x="1274" y="757" width="205" height="26"/></clipPath><clipPath id="mx-clip-1285-955-184-26-0"><rect x="1285" y="955" width="184" height="26"/></clipPath><clipPath id="mx-clip-1080-352-267-26-0"><rect x="1080" y="352" width="267" height="26"/></clipPath></defs><g><path d="M 373 905.5 L 547 905.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 902px; margin-left: 382px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; "><div>0..1</div></div></div></div></foreignObject><text x="382" y="902" fill="#000000" font-family="Helvetica" font-size="10px">0..1</text></switch></g><path d="M 707 905.5 L 874 905.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 902px; margin-left: 868px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; "><div>0..1</div></div></div></div></foreignObject><text x="868" y="902" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">0..1</text></switch></g><path d="M 591 861.5 L 591 613 Q 591 603 581 603 L 527 603" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 855px; margin-left: 568px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">0..1</div></div></div></foreignObject><text x="568" y="855" fill="#000000" font-family="Helvetica" font-size="10px">0..1</text></switch></g><path d="M 375 667 L 375 686 Q 375 696 365 696 L 159 696" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 687px; margin-left: 183px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">2..*</div></div></div></foreignObject><text x="183" y="687" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">2..*</text></switch></g><path d="M 372.92 538.3 L 372.91 519 Q 372.9 509 362.9 509 L 158 509" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 505px; margin-left: 174px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; "><div>1</div></div></div></div></foreignObject><text x="174" y="505" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">1</text></switch></g><path d="M 925 840.5 L 925 829 Q 925 819 925 809 L 925 733" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 830px; margin-left: 908px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="908" y="830" fill="#000000" font-family="Helvetica" font-size="10px">1</text></switch></g><path d="M 961 567 L 1036 567 Q 1046 567 1056 567 L 1117 567" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 587px; margin-left: 1105px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="1105" y="587" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">1</text></switch></g><path d="M 1386 516 L 1339 516 Q 1329 516 1319 516 L 1309 516" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 536px; margin-left: 1368px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="1368" y="536" fill="#000000" font-family="Helvetica" font-size="10px">1</text></switch></g><path d="M 846 396 L 846 499" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 491px; margin-left: 831px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; "><div>1..*</div></div></div></div></foreignObject><text x="831" y="491" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">1..*</text></switch></g><path d="M 647 69 L 447 69 Q 437 69 437 79 L 437 316" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 304px; margin-left: 425px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="425" y="304" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">1</text></switch></g><path d="M 839 39 L 1176 39" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 32px; margin-left: 1161px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">0</div></div></div></foreignObject><text x="1161" y="32" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">0</text></switch></g><path d="M 839 112 L 915 112 Q 925 112 935 112 L 1176 112" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 130px; margin-left: 1163px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">0</div></div></div></foreignObject><text x="1163" y="130" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">0</text></switch></g><path d="M 437 368 L 437 537" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 519px; margin-left: 470px;"><div style="box-sizing: border-box; font-size: 0; text-align: right; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; "><div>0..*</div></div></div></div></foreignObject><text x="470" y="519" fill="#000000" font-family="Helvetica" font-size="10px" text-anchor="end">0..*</text></switch></g><path d="M 515.4 341.71 L 747.88 343.32" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 764.88 343.44 L 747.82 351.82 L 747.94 334.82 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 343px; margin-left: 640px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">Extends</div></div></div></foreignObject><text x="640" y="346" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Extends</text></switch></g><path d="M 0 665 L 0 639 L 159 639 L 159 665" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 0 665 L 0 717 L 159 717 L 159 665" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 665 L 159 665" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="79" y="656.5">Waypoint</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-670-151-26-0)" font-size="12px"><text x="5.5" y="682.5">- x: number</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-696-151-26-0)" font-size="12px"><text x="5.5" y="708.5">- y: number</text></g><path d="M 0 489 L 0 463 L 158 463 L 158 489" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 489 L 0 623 L 158 623 L 158 489" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 489 L 158 489" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="78.5" y="480.5">SequenceFlow</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-494-150-30-0)" font-size="12px"><text x="5.5" y="506.5">- id: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-524-150-26-0)" font-size="12px"><text x="5.5" y="536.5">- name: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-550-150-26-0)" font-size="12px"><text x="5.5" y="562.5">- sourceRefId: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-576-150-26-0)" font-size="12px"><text x="5.5" y="588.5">- targetRefId: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-4-602-150-26-0)" font-size="12px"><text x="5.5" y="614.5">- kind: SequenceFlowKind</text></g><path d="M 357 342 L 357 316 L 517 316 L 517 342" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 357 342 L 357 368 L 517 368 L 517 342" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 357 342 L 517 342" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="436.5" y="333.5">BpmnModel</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-361-347-152-26-0)" font-size="12px"><text x="362.5" y="359.5">- edges: Edge[]</text></g><path d="M 7 162 L 7 136 L 199 136 L 199 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 7 162 L 7 240 L 199 240 L 199 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 7 162 L 199 162" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="102.5" y="153.5">Participant</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-11-167-184-26-0)" font-size="12px"><text x="12.5" y="179.5">- name?: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-11-193-184-26-0)" font-size="12px"><text x="12.5" y="205.5">- id: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-11-219-184-26-0)" font-size="12px"><text x="12.5" y="231.5">- processRef?: string</text></g><path d="M 1176 45 L 1176 19 L 1316 19 L 1316 45" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1176 45 L 1176 59 L 1316 59 L 1316 45" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1176 45 L 1316 45" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-decoration="underline" text-anchor="middle" font-size="12px"><text x="1245.5" y="36.5">Collaboration</text></g><path d="M 647 26 L 647 0 L 839 0 L 839 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 647 26 L 647 138 L 839 138 L 839 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 647 26 L 839 26" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="742.5" y="17.5">Definitions</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-651-31-184-26-0)" font-size="12px"><text x="652.5" y="43.5">- collaboration?: Collaboration</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-651-57-184-26-0)" font-size="12px"><text x="652.5" y="69.5">- process?: Process</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-651-83-184-26-0)" font-size="12px"><text x="652.5" y="95.5">- bpmnModel: BpmnModel</text></g><path d="M 647 108 L 839 108" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-651-117-184-26-0)" font-size="12px"><text x="652.5" y="129.5">+ bpmnModel(): BpmnModel</text></g><path d="M 1176 118 L 1176 92 L 1316 92 L 1316 118" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1176 118 L 1176 132 L 1316 132 L 1316 118" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1176 118 L 1316 118" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-decoration="underline" text-anchor="middle" font-size="12px"><text x="1245.5" y="109.5">Process</text></g><path d="M 0 392 L 0 366 L 157 366 L 157 392" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 0 392 L 0 396 L 157 396 L 157 392" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px"><text x="78" y="383.5">SequenceFlowKind</text></g><path d="M 78.5 396 L 78.5 420 Q 78.5 430 78.5 440 L 78.5 463" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 416px; margin-left: 61px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="61" y="416" fill="#000000" font-family="Helvetica" font-size="10px">1</text></switch></g><path d="M 664 861.5 L 664 613 Q 664 603 674 603 L 731 603" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 852px; margin-left: 670px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">0..1</div></div></div></foreignObject><text x="670" y="852" fill="#000000" font-family="Helvetica" font-size="10px">0..1</text></switch></g><path d="M 347 563 L 347 537 L 527 537 L 527 563" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 347 563 L 347 667 L 527 667 L 527 563" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 347 563 L 527 563" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="436.5" y="554.5">Edge</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-351-568-172-26-0)" font-size="12px"><text x="352.5" y="580.5">- id: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-351-594-172-26-0)" font-size="12px"><text x="352.5" y="606.5">- bpmnElement: SequenceFlow</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-351-620-172-26-0)" font-size="12px"><text x="352.5" y="632.5">- waypoints: Waypoint[]</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-351-646-172-26-0)" font-size="12px"><text x="352.5" y="658.5">- label: Label</text></g><path d="M 213 839 L 213 809 L 373 809 L 373 839" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 213 839 L 213 1002 L 373 1002 L 373 839" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 213 839 L 373 839" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="292.5" y="826.5">Font</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-844-152-26-0)" font-size="12px"><text x="218.5" y="856.5">- name?: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-870-152-26-0)" font-size="12px"><text x="218.5" y="882.5">- size?: number</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-896-152-26-0)" font-size="12px"><text x="218.5" y="908.5">- isBold?: boolean</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-922-152-26-0)" font-size="12px"><text x="218.5" y="934.5">- isItalic?: boolean</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-948-152-26-0)" font-size="12px"><text x="218.5" y="960.5">- isUnderline?: boolean</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-217-974-152-26-0)" font-size="12px"><text x="218.5" y="986.5">- isStrikeThrough?: boolean</text></g><path d="M 547 891.5 L 547 861.5 L 707 861.5 L 707 891.5" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 547 891.5 L 547 949.5 L 707 949.5 L 707 891.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 547 891.5 L 707 891.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="626.5" y="879">Label</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-551-897-152-26-0)" font-size="12px"><text x="552.5" y="909">- font?: Font</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-551-923-152-26-0)" font-size="12px"><text x="552.5" y="935">- bounds?: Bounds</text></g><path d="M 731 525 L 731 499 L 961 499 L 961 525" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 731 525 L 731 733 L 961 733 L 961 525" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 731 525 L 961 525" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="845.5" y="516.5">Shape</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-530-222-26-0)" font-size="12px"><text x="736.5" y="542.5">- id: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-556-222-26-0)" font-size="12px"><text x="736.5" y="568.5">- bpmnElement: ShapeBpmnElement</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-582-222-26-0)" font-size="12px"><text x="736.5" y="594.5">- bounds: Bounds</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-608-222-26-0)" font-size="12px"><text x="736.5" y="620.5">- label: Label</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-634-222-26-0)" font-size="12px"><text x="736.5" y="646.5">- isExpanded?: boolean = false</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-660-222-26-0)" font-size="12px"><text x="736.5" y="672.5">- isHorizontal?: boolean</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-686-222-26-0)" font-size="12px"><text x="736.5" y="698.5">- isMarkerVisible?: boolean</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-735-712-222-26-0)" font-size="12px"><text x="736.5" y="724.5">- isMessageVisible?: boolean</text></g><path d="M 766 318 L 766 292 L 926 292 L 926 318" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 766 318 L 766 396 L 926 396 L 926 318" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 766 318 L 926 318" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="845.5" y="309.5">Shapes</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-770-323-152-26-0)" font-size="12px"><text x="771.5" y="335.5">- flowNodes: Shape[]</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-770-349-152-26-0)" font-size="12px"><text x="771.5" y="361.5">- lanes: Shape[]</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-770-375-152-26-0)" font-size="12px"><text x="771.5" y="387.5">- pools: Shape[]</text></g><path d="M 874 866.5 L 874 840.5 L 1034 840.5 L 1034 866.5" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 874 866.5 L 874 970.5 L 1034 970.5 L 1034 866.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 874 866.5 L 1034 866.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="953.5" y="858">Bounds</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-878-872-152-26-0)" font-size="12px"><text x="879.5" y="884">- x: number</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-878-898-152-26-0)" font-size="12px"><text x="879.5" y="910">- y: number</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-878-924-152-26-0)" font-size="12px"><text x="879.5" y="936">- width: number</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-878-950-152-26-0)" font-size="12px"><text x="879.5" y="962">- height: number</text></g><path d="M 1117 492 L 1117 466 L 1309 466 L 1309 492" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1117 492 L 1117 622 L 1309 622 L 1309 492" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1117 492 L 1309 492" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1212.5" y="483.5">ShapeBpmnElement</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1121-497-184-26-0)" font-size="12px"><text x="1122.5" y="509.5">- id?: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1121-523-184-26-0)" font-size="12px"><text x="1122.5" y="535.5">- name?: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1121-549-184-26-0)" font-size="12px"><text x="1122.5" y="561.5">- kind: ShapeBpmnElementKind</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1121-575-184-26-0)" font-size="12px"><text x="1122.5" y="587.5">- parentId?: string</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1121-601-184-26-0)" font-size="12px"><text x="1122.5" y="613.5">- instantiate?: boolean = false</text></g><path d="M 1376.5 726 L 1376.96 600 Q 1377 590 1367 590 L 1329.04 590" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1312.04 589.99 L 1329.04 581.5 L 1329.04 598.5 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 625px; margin-left: 1377px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">Extends</div></div></div></foreignObject><text x="1377" y="628" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Extends</text></switch></g><path d="M 1376.5 924 L 1376.5 796.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1376.5 779.12 L 1385 796.12 L 1368 796.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 851px; margin-left: 1377px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">Extends</div></div></div></foreignObject><text x="1377" y="854" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Extends</text></switch></g><path d="M 1270 752 L 1270 726 L 1483 726 L 1483 752" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1270 752 L 1270 778 L 1483 778 L 1483 752" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1270 752 L 1483 752" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1376" y="743.5">ShapeBpmnEvent</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1274-757-205-26-0)" font-size="12px"><text x="1275.5" y="769.5">- eventKind: ShapeBpmnEventKind</text></g><path d="M 1117 870 L 1117 844 L 1277 844 L 1277 870" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1117 870 L 1117 874 L 1277 874 L 1277 870" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px"><text x="1196.5" y="861.5">ShapeBpmnEventKind</text></g><path d="M 1197 844 L 1197 762 Q 1197 752 1207 752 L 1270 752" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 833px; margin-left: 1207px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="1207" y="836" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">1</text></switch></g><path d="M 1386 527 L 1386 501 L 1546 501 L 1546 527" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1386 527 L 1386 531 L 1546 531 L 1546 527" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px"><text x="1465.5" y="518.5">ShapeBpmnElementKind</text></g><path d="M 1213 373 L 1213 447.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1213 464.88 L 1204.5 447.88 L 1221.5 447.88 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 420px; margin-left: 1213px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">Extends</div></div></div></foreignObject><text x="1213" y="423" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">Extends</text></switch></g><path d="M 1280.5 950 L 1280.5 924 L 1472.5 924 L 1472.5 950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1280.5 950 L 1280.5 976 L 1472.5 976 L 1472.5 950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1280.5 950 L 1472.5 950" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1376" y="941.5">ShapeBpmnBoundaryEvent</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1285-955-184-26-0)" font-size="12px"><text x="1286" y="967.5">- isInterrupting?: boolean = true</text></g><path d="M 1075.5 347 L 1075.5 321 L 1350.5 321 L 1350.5 347" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1075.5 347 L 1075.5 373 L 1350.5 373 L 1350.5 347" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1075.5 347 L 1350.5 347" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="1212.5" y="338.5">ShapeBpmnSubProcess</text></g><g fill="#000000" font-family="Helvetica" clip-path="url(#mx-clip-1080-352-267-26-0)" font-size="12px"><text x="1081" y="364.5">- subProcessKind: ShapeBpmnSubProcessKind</text></g><path d="M 1312.5 258 L 1223 258 Q 1213 258 1213 268 L 1213 321" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 278px; margin-left: 1295px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; background-color: #ffffff; white-space: nowrap; ">1</div></div></div></foreignObject><text x="1295" y="278" fill="#000000" font-family="Helvetica" font-size="10px">1</text></switch></g><path d="M 1312.5 269 L 1312.5 243 L 1499 243 L 1499 269" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1312.5 269 L 1312.5 273 L 1499 273 L 1499 269" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" font-weight="bold" text-anchor="middle" font-size="12px"><text x="1405.25" y="260.5">ShapeBpmnSubProcessKind</text></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>
Copy link
Member

@tbouffard tbouffard Jun 29, 2020 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❓ @csouchet can you confirm the changes are only

  • add ShapeBpmnSubProcess that extends ShapeBpmnElement
  • ShapeBpmnSubProcessKind as element which composes ShapeBpmnSubProcess

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, we just forgot to modify the schema when we add the other sub classes of ShapeBpmnElement.

src/component/mxgraph/shape/activity-shapes.ts
super(bounds, fill, stroke, strokewidth);
}

public paintVertexShape(c: mxgraph.mxXmlCanvas2D, x: number, y: number, w: number, h: number): void {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice 😎

test/unit/component/parser/json/BpmnJsonParser.sub.process.embedded.test.ts Outdated
Comment on lines 22 to 24
each([
['expanded', true],
['collapased', false],
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😎 I like this

test/unit/component/mxgraph/MxGraphRenderer.test.ts Outdated
Comment on lines 177 to 180
each([
['expanded', true],
['collapased', false],
]).it('%s embedded sub-process', (testName, isExpanded: boolean) => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cool, 🥰

@csouchet csouchet merged commit 8fdcb29 into master Jun 30, 2020
@csouchet csouchet deleted the 304-Display_Embedded_Sub-Process branch June 30, 2020 07:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@tbouffard tbouffard tbouffard approved these changes

@aibcmars aibcmars Awaiting requested review from aibcmars

Assignees
No one assigned
Labels
BPMN support Something about the BPMN specification that the lib is already supporting or will support enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[FEAT] Display Embedded Sub-Process (Sub-Process)
2 participants
@csouchet @tbouffard