Skip to main content

Release 7.3.3

· 2 min read

This page covers releases 7.3.3, 7.3.2 and 7.3.1. The main focus of these releases is the introduction of nested shape sets.

Nested Shape Sets​

From 7.3.1 onwards it is possible to nest shape sets, via the children property of a shape set. For example, here is a spec for a shape set which has no shapes of its own, but two shape sets declared inside children:

nested shape set spec - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Nested sets are displayed when Show All is selected in the palette:

palette with show all - JsPlumb, build diagrams and rich visual UIs fast

When a set that contains children is the selected set, users are initially shown all of the nested sets, with a picker allowing them to select a nested set:

selected set - JsPlumb - Angular, React, Vue, Svelte diagramming library

selected nested set - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

Shape sets can be nested to arbitrary depth - the only limit is really the question of usability!

Read more at https://docs.jsplumbtoolkit.com/toolkit/7.x/lib/nodes-and-groups/shape-libraries#nested-shape-sets

Full changelog​

  • Added support for shape sets to nest other shape sets.
  • Fixed an SVG export issue in which in certain scenarios edge paths could be painted with an incorrect offset
  • Added transformOrigin to the payload return by the exportData method on a Surface
  • Added JS docs for various parameter interfaces
  • Updated shape library palette to use CSS to hide/show sets, rather than directly manipulating their style elements. This helps ensure that JsPlumb doesn't impose itself on how you want to style those elements.

Start a free trial

Sending your evaluation request...

Interested in the concepts discussed in this article? Start a free trial and see how JsPlumb can help bring your ideas to market in record time.

Get in touch!​

If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at hello@jsplumbtoolkit.com.