MindFusion.Diagramming for JavaScript Release Notes
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...
Released: Oct 28, 2021
Updates in 4.0
Features
- ECMAScript 6 (ES6) modules, classes and properties - The source code has been refactored following ES6 standards, including modules, classes, properties and native collections.
- ArrayList, Dictionary and Set classes from MindFusion.Collections namespace have been removed and replaced by respective JavaScript native Array, Map and Set.
- Get/set functions have been replaced by getter/setter properties, which should help using the diagram API with binding expressions of various JavaScript...
Released: May 3, 2021
Updates in 3.5.4
Features
- Stock themes - The library now includes nine stock themes, accessible via respective static methods of the Theme class. Call the setTheme method of Diagram to apply a theme.
- The MoveNodes behavior now allows nodes to be dragged without using adjustment handles.
- Added new SelectedBrush and SelectedStroke properties which are used to draw selected items.
- CaptionBackBrush of ContainerNode and TableNode objects can now be set via Style instead of nodes' own properties.
- Added BackColor and...
Released: Mar 9, 2021
Updates in 3.5.3
Features
- Adjustment Handles Styling
- The appearance of adjustment handles can now be customized.
- The HandlesVisualStyle objects returned by them provide sub-properties corresponding to graphic attributes of the different handle types.
- Adjustment handles can now be painted in solid color or with arbitrary brushes such as gradients and patterns.
- Miscellaneous
- nodeTextEditing, linkTextEditing and cellTextEditing validation events let you prevent users from editing a specific item.
- ActiveItem...