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...