Released: Nov 14, 2023

Updates in 2023.R3

Features

New in Diagramming for JavaScript

• Web components
  • The library now 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 component, each control class creates the required HTML elements as an internal shadow DOM.
• Animations - The library now includes several standard animation classes and methods.
  • FillColorAnimation animates the fill color of nodes or link arrowheads.
  • StrokeColorAnimation animates the color of node borders or link segments.
  • OpacityAnimation animates opacity for fade-in and fade-out effects.
  • BounceAnimation animates the vertical position of nodes.
  • ShakeAnimation animates the horizontal position of nodes.
  • PulseAnimation animates a node's local scale factor.
  • PathAnimation moves nodes along a specified path.
  • ScrollAnimation animates the scroll position of a view.
  • ZoomAnimation animates the zoom factor of a view.
• DiagramLink improvements
  • You can now set the 'intermediateShape' property to display arrowheads in the middle of each link segment.
  • You can now set the 'allowSplitLinks' property of to let users insert new segments by dragging any point of a link's segment.
• Reversed tree layouts
  • The 'reversedLinks' property lets you arrange trees where links point from child to parent nodes.
• Miscellaneous
  • Column, row and node property getters have been added to 'CellEventArgs'.
  • 'ContainerNode' now sorts its child nodes by zIndex instead of insertion order.

New in Scheduling for JavaScript

• The library now registers the Calendar class as a web component. You can now use the <mindfusion-calendar> tag to create the control.
  • When instantiated as a web component, the control creates required HTML elements as an internal shadow DOM.

New in DataViews for JavaScript

• The library now registers the Grid class as a web component. You can use the <mindfusion-grid> tag to create the control.
  • When instantiated as a web component, the control creates required HTML elements as an internal shadow DOM.

Fixes

Fixed in Diagramming for JavaScript

• Fixed 'RaiseEvents' mode of 'expandButtonAction' so that it no longer collapses or expands a clicked node's subtree.