0.33.0

This new version provides a new API that allows to update the style of one or more BPMN elements at runtime.

Thanks to all the contributors of this release 🌈: @csouchet and @tbouffard

See milestone 0.33.0 to get the list of issues covered by this release.

Highlights

Introducing the new "Update Style" API

The new API lets update the style of one or more elements. The fill, font, stroke and global opacity properties can be updated or reset to default values.

// Change the style of a Task
bpmnVisualization.bpmnElementsRegistry.updateStyle('task_1', {  
 fill: {color: 'orange', opacity: 40},
 stroke: {color: 'blue', width: 3},  
});  
// Change the style of a Sequence Flow
bpmnVisualization.bpmnElementsRegistry.updateStyle('sequenceFlow_1', {  
 stroke: {color: 'blue', width: 4},  
});

// Change the the fill color of the Task again
// Previously updated properties remain in effect
bpmnVisualization.bpmnElementsRegistry.updateStyle('task_1', {  
 fill: {color: 'blue'},
});

// Restore the default value of the stroke color of the Task and Sequence Flow
bpmnVisualization.bpmnElementsRegistry.updateStyle(['task_1', 'sequenceFlow_1'], {  
 stroke: {color: 'default'},  
});

For more details about the options you can use to update the style, see the v0.33.0 type definitions.

What's Changed

Full Changelog: v0.32.0...v0.33.0

🌈 BPMN diagram styling

• feat: reset style per property with the "Update Style" API (#2585) @tbouffard
• feat: configure programatically the width of stroke style of a shape/edge (#2583) @csouchet
• feat(style): configure programatically the opacity style properties of a shape (#2581) @csouchet
• feat(style): configure programatically the fill style of a shape (#2580) @csouchet
• feat(style): configure programatically the font style of a shape/edge (#2579) @csouchet
• feat: introduce the Update Style API (#2556) @tbouffard

📝 Documentation

• docs: update the list of working chromium browsers (#2569) @tbouffard

🎮 Demo and Examples

• feat: add all BPMN Elements in Elements Identification page (#2584) @csouchet

👻 Maintenance

• refactor: change snapshot name of e2e for consistency (#2582) @csouchet
• test: simplify utility code in integration tests (#2572) @tbouffard
• test: use explicit ids in the "registry" BPMN diagrams (#2565) @tbouffard
• ci(release): improve the release commit message (#2564) @tbouffard
• ci(e2e-tests): fix false positive tests on macOS with Firefox (#2562) @tbouffard