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

Shape components
The Shape class used to specify ShapeNode geometry can also be used as a component in CompositeNode. When its isOutline attribute is set, the shape will control CompositeNode's geometry too, defining hit test and clip area, and link alignment points along node's border. If isOutline is disabled, the shape will serve mostly as a decorative element. The code below shows a sample fragment from node's template specifying shape component's properties:

{
    component: "Shape",
    id: "Cloud",
    autoProperty: true,
    name: "OutlineShape",
    pen: "gray",
    brush: "Transparent",
    isOutline: true
},
 

Miscellaneous

• containerChildAdding event handlers can stop propagation of the event up in the container hierarchy by calling setHandled.
• TableNode.resizeToFitText improvements and fixes.
• LayeredLayout now uses stable sorting and should always create same results when applied to same graph.

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 diagram-library NPM package.

Enjoy!