Ensuring the best possible user experience when modeling BPMN diagrams is our top priority. Today's release v3.0.0 release of our BPMN modeling toolkit marks another step into this direction. It includes the latest version of diagram-js which ships with better accessibility and more keyboard customization options.
In previous versions of diagram-js both context pad and popup menu by default were scaled like any other element in the diagram. As a result, they weren't usable if you zoomed in or out too far.
As of this release, both the context pad and the popup menu will not scale in order to be accessible at all zoom levels.
This behavior is can be configured. It's possible to set the minimum and the maximum scale levels as well as to restore previous settings.
Previously, it wasn't possible to override existing keyboard shortcuts such as the default ones for undo and redo. This release ships with a refactored keyboard that allows creating keyboard shortcuts with priorities, similar to how adding listeners to the EventBus works.
It also ships with new default keyboard shortcuts for moving elements on the canvas. Whenever there is a selection of elements they can be moved using the arrow keys. (Use
Shift for faster movement). If there is no selection the canvas will be moved instead. If there is a selection and you want to move the canvas use
For more details on how to create shortcuts, have a look at the default keyboard bindings implementation.
For now, it's not possible to model groups (a box around a group of objects within the same category). It is, however, possible to show them. As of this release, category values are shown in the diagram:
Global Connect Changes
In order to align the global connect feature more closely with diagram-js we've refactored it to use the rules feature when determining if a connection can be created. Therefore, we removed both the
GlobalConnect#registerProvider method and
BpmnGlobalConnect which is now obsolete.
If you were using the
GlobalConnect#registerProvider method you can add a rule for
connection.start in order to achieve the same behavior. For an example, have a look at BpmnRules which allows removing
This release ships with a few additional improvements:
FEAT: improve tooltip titles on
FEAT: improve modeling behind
FEAT: improve automatic sub-processes / participant resize on children expand
Read through the full changelog to learn about all issues that were addressed with
bpmn-js@3 as well as breaking changes that may require your action during upgrade.