We have released version 4.1 of MindFusion JavaScript Diagram library. It contains the following new features and improvements:

Multi-touch support
The control now handles DOM Pointer events to implement multi-touch interactions, such as zooming, node rotation or simultaneous drawing of multiple diagram items:

• If multiTouchZoom property is enabled (default), the view can be zoomed or panned using two-touch pinch / flick gestures.
• If multiTouchModify property is enabled (default), diagram nodes can be moved, scaled and rotated using two-touch pinch / flick gestures.
• If multiTouchZoom property is disabled, each touch draws diagram items corresponding to current behavior.
• If multiTouchModify property is disabled, each touch started from a node draws a diagram link.

Latter modes can be used for collaborative whiteboarding / classroom scenarios.

Built-in multi-touch can be disabled altogether by setting enableMultiTouch to false, e.g. if you need to handle touch events yourself or through a third-party gesture library. If disabled, the control will revert to its mouse event handling code from previous versions. It will also no longer be able to capture mouse input during drag operations (to detect mouse pointer leaving the view), which is handled through DOM Pointers API.

Miscellaneous

• The createDiagramLink method can now be used to connect to TableNode rows or TreeViewNode items.
• cancelDrag method added to DiagramView.
• The control now captures mouse input during drag operations and will not lose current drag state if mouse pointer leaves the view.
• Fixed exceptions when linkCrossing is set to Arcs.
• Fix for containers clipping their child nodes when children are being dragged.

Distribution for the latest version can be downloaded here, or from the clients area on our site:
https://mindfusion.eu/JsDiagramTrial.zip

Updated scripts are also available as @mindfusion/diagramming NPM package.

Enjoy!