Back to jointjs.com.

CHANGELOG

apps.OrgChart - reconnect children on member removal

Deleting a member does not produce new roots (except when the user presses cmd/ctrl and clicks on the delete button at the same time). Instead, all descendants will be reconnected to the parent member.

Live OrgChart Demo

ui.Inspector - prevent exception on list and object focus

const inspector = ui.Inspector.create(el, {
    cell,
    inputs: {
        list: {
            type: 'list',
            item: {
                type: 'object',
                properties: {
                    text: { type: 'text' },
                },
            },
        },
    },
});
// Assert: clicking the list `add` button does not throw an error

ui.Selection - take elements’ interactivity into account when translating

Prevent selection translation when the paper.options.interactive does not allow elementMove.

ui.PaperScroller - prevent zoom level decimal fraction representation error

paper.zoom(1, { absolute: true });
paper.zoom(+0.1);
paper.zoom(+0.1);

const zoom = paper.zoom();
// Assert: zoom !== 1.200000000000002
// Assert: zoom === 1.2

dia.Cell - prevent exception when removeProp() called on non-existing top-level attribute

Prevent the removeProp() method from throwing an exception when trying to remove a nested property, when the top-level property does not exist.
```
el.unset('a');
el.removeProp('a/b');
// Assert: `removeProp` fails silently
```

linkTools.Segments - fix non-orthogonal edge cases

Make sure all link segments stay orthogonal while dragging a handle.

Should the user drag the the left handle:

Result prior v3.6.2:

Result in v3.6.2:

Vectorizer - fix removing/toggling multiple classes at once

Properly handle multiple tokens in removeClass() and toggleClass() prototype methods.

const vel = V('g').addClass('token1 token2');

vel.removeClass('token1 token2');
// Assert: both `token1` and `token2` classes are removed

vel.toggleClass('token1 token2');
// Assert: both `token1` and `token2` classes are toggled

Vectorizer - remove deprecated hasFeature check

Remove the use of document.implementation.hasFeature because the API is deprecated (https://developer.mozilla.org/en-US/docs/Web/API/DOMImplementation/hasFeature). The method was returning true regardless of input arguments.

Fix TypeScript inaccuracies in ui.Selection, ui.Clipboard and ui.Tooltip

Add Getting Started with JointJS+ Tutorial - A quick start guide to help you get up and running with a simple JointJS+ application.

Go to tutorial