MindFusion.Diagramming for JavaScript Release Notes

Released: Mar 20, 2024

Updates in 4.4.2

Features

  • TableNode improvements
    • getRow and getColumn methods now return strongly-typed TableRow and TableColumn objects.
    • The anchorPattern property of TableRow and rowAnchorPattern property of TableNode now let you specify the points where links connect to table rows.
    • cellTextColor property now lets you set default color of cell texts, without changing caption color.
  • TabbedDiagramView improvements
    • You can now enable allowRenamePages to let users edit the title of DiagramPage by clicking the...

Released: Jan 10, 2024

Updates in 4.4.1

Features

  • Angular bindings have been updated to Angular version 16.
  • Added the ability to custom-draw anchor points by setting 'MarkStyle.Custom' and handling the 'drawAnchorPoint' event.
  • 'SinglePointerController' can now be inherited from TypeScript.
  • You can now set 'validityChecks' to false to add items faster.
  • Blazor bindings have been moved to the MindFusion.Diagramming.JavaScript NuGet package.

Fixes

  • Fixed allowUnconnectedLinks not working when allowSelfLoops is disabled.
  • Fixed ControlNodes...

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