bpmn-visualization-js

bpmn-visualization-js copied to clipboard

Is your feature request related to a problem? Please describe. We want to customize a Shape/Edge giving the CSS content programatically, and not with the CSS class (already managed by #942).

Describe the solution you'd like To do that, we can do something like done on the G6 Shape:

IMPORTANT: the API design must be discussed prior starting the implementation

api.updateShape(
  <'#shape_id' | Array of ids >, 
  {
      fill: 'red',
      shadowOffsetX: 10,
      shadowOffsetY: 10,
      shadowColor: 'blue',
      shadowBlur: 10,
      opacity: 0.8,
    }
);

api.updateEdge(
   <'#edge_id' | Array of ids >, 
   {
      fill: 'red',
      shadowOffsetX: 10,
      shadowOffsetY: 10,
      shadowColor: 'blue',
      shadowBlur: 10,
      opacity: 0.8,
    },
   <ALL | ARROW | LINE >
);