Updates​

6.22.0 was a minor release which fixed an edge case relating to the zooming inside nested instances capability that was added in version 6.21.0.

Nested instances​

• Support was added for zooming in nested instances (eg. when some node in a given instance has another instance of JsPlumb embedded in it).

• Support was added for dragging edges in nested instances.

You can see these new capabilities in action in our Nested instances demonstration.

Inspectors​

• Inspectors were updated to ensure they are cleaned up when the port they are inspecting is removed from the dataset, or the node/group which the port they are inspecting belongs to has been removed from the dataset.

Drag/drop improvements​

• Surface Drop manager was updated to not assign active/hover classes to nodes and groups in the canvas when allowDropOnNode or allowDropOnGroup is set to false.

Miscellaneous​

• Events bound on a Surface via bindModelEvents are invoked in a timeout, which better isolates event binding behaviour from the Surface's lifecycle.

• ControlsComponent consumes events it has handled instead of allowing them to bubble.

This release consists of updates to packaging and JS docs. We've really only published this page for completeness...there isn't very much to say.

This is a minor release which contains a fix for an issue with the surface component using a selection as its data source.

The ability to render some selection of your dataset, as opposed to the entire dataset, is a powerful concept that can be used to create some very advanced apps, such as our Collapsible Hierarchy demonstration:

and also the Neighbourhood Views demonstration:

The main change in 6.18.0 is that we've introduced a brand new home for JsPlumb's apidocs - https://apidocs.jsplumbtoolkit.com. This site is far easier to navigate than our previous apidocs pages, with a cleaner layout and a search bar, and we've taken steps to setup our URL scheme such that going forward it will be easy to access the apidocs for some specific version.

Angular's new(ish) Signals system is a great addition to their library, and one which we're keeping an eye on with a view to updating JsPlumb's Angular integration to help you make the best use of it.

Signals were introduced in Angular 16 and have been improved upon in Angular 17. We know that upgrading Angular versions is not something people take lightly, so for the time being we are focusing on what Angular 16 offers, and we'll be looking at ways of releasing support in JsPlumb.

Right now, though - if you're already using Angular 16 or 17 - we thought you might like to see how you can take advantage of signals with the current version of JsPlumb.

Release 6.17.0 contains a few nice updates to the miniview component:

• Zoom to canvas location

• Click an element to center it in the surface

• Update miniview as elements are being dragged

Orthogonal connector paths​

We've made a major improvement to orthogonal connector path editing in version 6.16.0. In a nutshell, it's now far harder for a user to inadvertently get the UI into the situation that a connector doubles back onto itself underneath a vertex, which makes for a more intuitive experience. This is how the editor behaves in 6.16.0:

and this is how the editor behaves in versions prior to 6.16.0:

We think the behaviour in 6.16.0 is much nicer.

New Functionality​

• When a new node is dropped onto some existing node via the drop manager, the onVertexAdded callback on SurfaceDropManager now passes back information about the vertex on which the new node was dropped.

• Support for the onVertexAdded callback was added to ShapeLibraryPalette

• Added new panWithMetaKey option to Surface render params. With this flag you can instruct a Surface to only pan when the user is holding down the "meta" key (command key on Macs, ctrl key on Windows).

New Functionality​

• Added support for optional cornerRadius to Segmented connector

Updates​

• Added a fix for a very specific orthogonal geometry loading issue, involving nodes in a straight line that are close together.
• Updated setPan method to fire a pan event.