Release v3.5.2

CHANGELOG

• dia.LinkView - backwards compatible extensibility (44bfafe)
• dia.attributes - fix x attribute for multiline text wrap when calc() in use (e6bae23)

Release v3.5.1

CHANGELOG

• dia.Paper - fix mvc.View import (e568cff)

Release v3.5.0

CHANGELOG

• Add Curves Demo (afe3651)

screenshot

• Add Fills Demo (443a9d2)

screenshot

• dia.Paper - add labelsLayer option to bring all link labels to front (d3f07f9)

screenshot

• dia.Paper - add getFitToContentArea() (d8ebb00)
• dia.Paper - fix embedding mode with rotated elements (122ac0a)
• dia.Paper - fix adding a new cell with an id of previously removed cell in the async mode (06bf78b)
• dia.Paper - cancel previous background image load (37e2a4f)
• dia.Paper - improve markers, gradients and patterns (443a9d2)

details

SVGMarkers can be now easily built from more than one element

Add higher-level API to define SVGPatterns

• dia.Paper - migrate mousewheel/DOMMouseScroll to wheel (aa625f1)
• dia.Paper - make sure paper:mouseleave event is always triggered (7eb18cd)
• dia.Paper - fix update priority stats (22d664e)
• dia.Paper - improve connectionStrategy with snapLinks enabled (afe3651)
• dia.Element - position() allows restrictedArea to be used without deep option (5e5cabf)
• dia.Cell - embed() and unembed() to accept an array of cells (5e5cabf)
• dia.Cell - fix stopTransitions() without path argument (a7ec4ca)
• dia.Cell - stopping the transition does not require waiting for the transition to start (a7ec4ca)
• dia.Link - add hasLabels() method (d3f07f9)
• elementTools.Connect - a new tool to create links from an element (382999f)
• elementTools.Control - a new tool to modify an arbitrary attribute (7dee5dc)
• linkTools.Connect - a new tool to create links from a link (382999f)
• linkTools.Vertices - allow vertex removal on touch devices (3158a3f)
• linkTools.Anchor - allow anchor reset on touch devices (3158a3f)
• linkTools.Vertices - fix creation and immediate dragging of a vertex on touch devices (3158a3f)
• connectors.curve - add a new curved connector (88c402d)
• dia.attributes - add x and y properties to calc() expression (38df752)
• dia.attributes - support negative number addition/subtraction in calc() expression (3e7fd63)
• dia.attributes - support nested calc() functions (9f61825)
• dia.HighlighterView - add z option to control the stacking order of the highlighters (d3f07f9)
• dia.ToolsView - add z option to control the stacking order of the tools (d3f07f9)
• mvc.View - support double tap event on touch devices (3158a3f)
• mvc.View - allow views to have no theme (d3f07f9)
• Vectorizer - allow whitespace and line terminator characters in the constructor (a39ebf2)
• Geometry - implement true/false intersection between all objects (08022aa)
• Geometry - add Polygon object (08022aa)
• Typescript - add Port and PortLabel layout types (6d84b7f), improve Vectorizer types ( c8226d5), add definition for Filters / Markers / Gradients (443a9d2), add dia.Paper event handlers signature (b8a2945), enable strictNullChecks (b8a2945), and other fixes (d9f3850, 6d84b7f)

Release v3.4.4

Changelog

• dia.Graph - prevent attribute type inference from the constructor (41e9ba6)

Release v3.4.3

CHANGELOG

• Add List Demo (element with a vertical list of items) (a951713)

screenshot

• Whitelist files for NPM publish (92e63d0)
• Various TypeScript improvements (288cb36, dc44d6b, 19cf86a)
• dia.Paper - skip update of connected links when isolate flag used (ffcf62e)
• dia.LinkView - optimize connector only update (6ddd276)
• dia.Cell - support preinitilize() lifecycle method (3bdaa8f)
• connectors.jumpover - prevent unnecessary route recalculations (6ddd276)

Release v3.4.2

CHANGELOG

• dia.CellView - update typings for ES6 class extension (32660d1)
• dia.Cell - fix toJSON() when defaults() is defined as a method (3bbc440)
• util - prevent prototype pollution in setByPath() (e5bf89e)
• Vectorizer - fix multi-line text line heights when 100% of the line is annotated (b14d173)

Release v3.4.1

CHANGELOG

• dia.ElementView - prevent unnecessary re-parenting after invalid un-embedding (3adb394)
• dia.CellView - support calc() in transform attribute (1c704bd)
• dia.CellView - allow presentationAttributes and initFlag to be defined as a function (0461ff6)
• fix minor TypeScript issues (addcb65, 3deff52)
• fix minor documentation issues (889f1d2, 032e16c)

Release v3.4.0

CHANGELOG

• Add Carrier Frequency Bandwidth Demo (ed4ac55)

screenshot

• Add VueJS 3.0 Demo (87bf9b9)

screenshot

• Add TypeScript shape definition tutorial (c326f1c)
• Add Tree-Shake Demo (15019da)
• Remove polyfill for XMLHttpRequest support of IE9 (d24f5e0)
• Mark library as side-effect-free (15019da)
• dia.Paper - add allowNegativeBottomRight option to fitToContent() (912c6a9, 7aee961)
• dia.Paper - add routerNamespace and connectorNamespace options (15a6429)
• dia.Paper - add validateUnembedding() option (4d71685, 2ff5749)
• dia.Paper - add missing frontParentOnly option documentation (09e4131)
• dia.Graph - fix order of cells in getElements() and getLinks() (5919541)
• dia.Cell - add option to use DFS to index embedded cells in toFront() and toBack() (36290d3)
• dia.attributes - add calc() function to be used in various SVG attributes
• routers.manhattan - add isPointObstacle option (b05289f)
• routers.manhattan - improve points comparison performance (49b54b9)
• util.breakText - fix wrapping when the last word contains a hyphen (ff88231)
• Geometry - split to files (15019da)
• Geometry - add Rect methods to find a union of rectangles or points (4abeb46)

Release v3.3.1

CHANGELOG

• uglified files encode Unicode characters as ASCII
• use polyfills from core-js
• dia.Cell - remove() passes options to unembed() internally to maintain consistency

Release v3.3.0

CHANGELOG

• Prevent prototype pollution - lodash v4.17.20, fix util.setByPath()
• Prevent DoS - fix util.unsetByPath()
• add Element Tools tutorial
• highlighters - new API, add mask highlighter

screenshot

• demo.ELK - add Eclipse Layout Kernel demo

screenshot

• demo.Container - add collapse/expand container demo

screenshot

• demo.Typescript - show class style shape definition

code

import { shapes, dia } from './vendor/joint';

export class MyShape extends dia.Element {

    defaults() {
        return {
            ...super.defaults,
            type: 'myNamespace.MyShape',
            size: { width: 100, height: 80 },
            attrs: {
                body: {
                    refCx: '50%',
                    refCy: '50%',
                    refRx: '50%',
                    refRy: '50%',
                    strokeWidth: 2,
                    stroke: '#333333',
                    fill: '#FFFFFF'
                },
                label: {
                    textVerticalAnchor: 'middle',
                    textAnchor: 'middle',
                    refX: '50%',
                    refY: '50%',
                    fontSize: 14,
                    fill: '#333333'
                }
            }
        }
    }

    markup = [{
        tagName: 'ellipse',
        selector: 'body'
    }, {
        tagName: 'text',
        selector: 'label'
    }]

    test(): void {
        console.log(`A prototype method test for ${this.get('type')}`);
    }

    static staticTest(i: number): void {
        console.log(`A static method test with an argument: ${i}`);
    }
}

Object.assign(shapes, {
    myNamespace: {
        MyShape
    }
});

• demo.HTML - implement z-index sorting
• dia.Paper - add snapLabels option
• dia.Paper - restrictTranslate option defined as function returning a function
• dia.Graph - fix hasActiveBatch()
• dia.Element - prevent unnecessary rounding errors in resize()
• dia.Element - add insertPort() to support inserting port at a given position
• dia.Link - fix order of points in getPolyline()
• dia.LinkView - prevent connection validation on magnets previously validated
• dia.CellView - fix update order of nodes when ref in use
• dia.ToolsView - enable adding tool to a view, which has not been rendered
• util.breakText - fix height for a text with empty lines
• highlighters.stroke - add useFirstSubpath option
• routers.manhattan - fix scan directions order
• connectors.jumpover - request updates after batch:stop
• dia.attributes - add magnetSelector & containerSelector
• dia.attributes - textWrap takes letter-spacing into account
• Vectorizer - add createSVGStyle() and createCDATASection() static methods
• Geometry - add getSubpaths() to Path
• Geometry - add round() methods