MindFusion.Diagramming for JavaScript Release Notes
Released: Oct 26, 2023
Updates in 4.4
Features
- Web components - The library registers each control class as a web component.
- You can now use the following tags to create corresponding components:
- <mindfusion-diagramview> - Creates a DiagramView instance.
- <mindfusion-ruler> - Creates a Ruler instance.
- <mindfusion-zoomcontrol> - Creates a ZoomControl instance.
- <mindfusion-overview> - Creates an Overview instance.
- <mindfusion-nodelistview> - Creates a NodeListView instance.
- When instantiated as a web...
Released: Sep 1, 2023
Updates in 4.3.2
Features
- Reversed tree layouts - Added the reversedLinks property of TreeLayout, RadialTreeLayout and BorderedTreeLayout which lets you arrange trees where links point from child to parent nodes, instead of the default parent to child direction.
- Miscellaneous
- Column, row and node property getters have been added to CellEventArgs.
- ContainerNode now sorts its child nodes by zIndex instead of insertion order.
Fixes
- Fixed RaiseEvents mode of expandButtonAction; it no longer collapses or expands...
Released: Jul 25, 2023
Updates in 4.3
Features
- Multiple diagram pages - Added DiagramDocument class which represents a collection of diagram pages or sheets.
- New pages can be added to the document and existing pages can be removed or reordered.
- Includes methods to load/save all pages in a single file.
- Can also load files created by serialization methods which show them in a single page.
- Tabbed diagram view - Added TabbedDiagramView control which is a view that displays DiagramDocument objects.
- Individual diagram pages can be...
Released: Apr 14, 2023
Updates in 4.2.5
Features
- Blazor bindings - Integrate JavaScript diagramming API into Blazor applications. Includes a set of .NET wrapper classes, that use Blazor's JSInterop API to create and manipulate the client-side objects. The package provides easy access from C# code to most of the MindFusion.Diagramming functionality, including different node types, layouts and styling. Additional UI components such as Overview, NodeListView, ZoomControl and Ruler are included too.
- Miscellaneous
- The opacity property now...
Released: Dec 14, 2022
Updates in 4.2.4
Features
- Lasso Zoom Tool - The control now supports several ways to zoom using a Lasso Tool.
- New 'PanAndModify' behavior lets you select and modify when the mouse pointer is over an item, or pan the view.
- Added 'removeNode' method to 'NodeListView'.
- 'strokeThickness' now affects dash distances.
Fixes
- Fixed clearAll method of NodeListView keeping visual elements from old nodes.
- Fixed styled text rendering in rotated NodeLabel, TableNode and ContainerNode objects.
- strokeThickness no longer affects...
Released: Nov 1, 2022
Updates in 4.2.3
Features
- Added new Radial tree layout - The 'RadialTreeLayout' class arranges tree levels in concentric circles around the root.
- Miscellaneous
- 'strokeDashArray' and 'strokeDashOffset' properties now let you set custom dash patterns when 'strokeDashStyle' is set to Custom.
- Styled text now lets you set font size.
- 'enableStyledText' property has been added to ItemLabel which lets you format labels using HTML-like format flags.
- 'enableWrap' and 'maxWidth' properties have been added to ItemLabel...
Released: Jun 3, 2022
Updates in 4.2.2
Features
- React functional components - The @mindfusion/diagramming-react package now contains functional-component wrappers for the DiagramView and auxiliary controls, and has been upgraded to React 18.
- Old class-component wrappers have been moved to the @mindfusion/diagramming-react-cc package.
- The DiagramView control exposes a forwardRef, that can be passed on to other controls, such as the Overview and ZoomControl.
- To obtain a reference to the underlying core controls, use the respective...
Released: May 14, 2022
Updates in 4.2
Features
- Multiple labels per node
- Added NodeLabel class which allows you to display multiple captions for a single diagram node.
- Multi-touch improvements
- The DiagramView 'multiTouchDraw' property now helps prevent you simultaneously drawing multiple items, while keeping other multitouch gestures enabled.
- Added 'handleTouchHitDistance' property to DiagramView which makes it easier to grab adjustment handles on mobile devices.
- Miscellanous
- MoveLabels behavior now lets users move link and node...
Released: Jan 20, 2022
Updates in 4.1
Features
- 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...
Released: Nov 11, 2021
Updates in 4.0.1
Features
- Updated framework wrappers
- React diagramming library has been updated for version 4 API. In addition, it has been moved to scoped @mindfusion/diagramming-react package on NPM, and now requires React 17.0.2 as minimum version.
- Vue diagramming library has been updated for version 4 API. In addition, it has been moved to scoped @mindfusion/diagramming-vue package on NPM, and now requires Vue.js 3.0.0 as minimum version.
- Angular diagramming library has been updated for version 4 API. In...