JSFiddle - React, Tailwind, and code Playground
by remguif
JavaScript
var j = {
"type": "bpmn",
"cells": [{
"type": "bpmn.Group",
"size": {
"width": 790,
"height": 500
},
"position": {
"x": 270,
"y": 910
},
"angle": 0,
"id": "94fe01cb-b974-4c64-816e-2d19d96655cb",
"embeds": "",
"z": 150,
"attrs": {
".label": {
"text": "BUY Group"
},
".": {
"magnet": false
}
}
}, {
"type": "bpmn.Flow",
"flowType": "normal",
"id": "a248e1c0-5835-4648-b2da-e0e9a3852b64",
"embeds": "",
"source": {
"id": "fb917d9b-99ab-4304-9682-c889e2c8f1dd"
},
"target": {
"x": 1070,
"y": 890
},
"z": 207,
"vertices": [{
"x": 1670,
"y": 1360
}, {
"x": 1090,
"y": 1360
}, {
"x": 1090,
"y": 1160
}, {
"x": 1090,
"y": 890
}],
"attrs": {}
}, {
"size": {
"width": 290,
"height": 50
},
"type": "bpmn.Activity",
"activityType": "task",
"subProcess": null,
"content": "iCci(14,1) > 50",
"position": {
"x": 700,
"y": 1110
},
"angle": 0,
"id": "77eef2b6-3747-4156-bd43-d196f236c560",
"embeds": "",
"z": 236,
"attrs": {
".inner": {
"visibility": "hidden"
},
"path": {
"ref": ".outer"
},
"image": {
"ref": ".outer",
"ref-dy": "",
"ref-y": 5,
"xlink:href": ""
},
"text": {
"ref-y": 0.5
},
".fobj": {
"width": 290,
"height": 50
},
"div": {
"style": {
"width": 290,
"height": 50
},
"html": "iCci(14,1) > 50"
},
".fobj div": {
"style": {
"verticalAlign": "middle",
"paddingTop": 0
}
},
".outer": {
"stroke-width": 1,
"stroke-dasharray": "none"
},
".sub-process": {
"visibility": "hidden",
"data-sub-process":...