[FEAT] Allow to center the view on a given BPMN Element

[tbouffard]

Is your feature request related to a problem? Please describe.

I would like that the diagram is centered on a BPMN element.
For instance, I want to

• display elements around a task which is running to let the user focus on elements around the task in the execution flow, the rest of the diagram is not important on this case
• focus on task currently encountering errors

Describe the solution you'd like

Something which behaves like in following animation (load B.2.0 using process-analytics/bpmn-visualization-js#808, event based gateway in orange).
1st load the diagram, then decided to center and zoom to the event based gateway.

The application/integration would provide at least the BPMN element id, and optionally: dimensions, scaling factor, ....
This could be done at diagram load time and at any time.

Additional context

mxGraph provides a way to zoom to a rectangle, see https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.zoomToRect.
See also mxGraph.scrollCellToVisible

Notes

• this has also been part of a POC in feat: experiment translating elements [POC] bpmn-visualization-js#2885
• this should work when the BPMN container has scrollbars
• this will be implemented as part of [FEAT] Add a plugin that provides an API to translate/scroll a BPMN element #169

[UPDATE 2023-11-12] Originally named https://github.com/process-analytics/bpmn-visualization-js/issues/849