Skip to content

Commit d3870c8

Browse files
simonsarrissimonsarris
committed
3.0.20
1 parent 3b0110c commit d3870c8

File tree

238 files changed

+1153
-708
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

238 files changed

+1153
-708
lines changed

‎README.md

+24-16
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,17 @@ GoJS Diagrams are backed by Models, with saving and loading typically via JSON-f
4646

4747
Read more about GoJS at [gojs.net](https://gojs.net)
4848

49-
This repository contains only the library.
50-
The sources for all samples, extensions, and documentation can be installed by running:
49+
This repository and the website contain not only the library, but also
50+
the sources for all samples, extensions, and documentation.
51+
52+
However the npm package contains only the library.
53+
You can install the GoJS library using npm:
54+
55+
```html
56+
$ npm install gojs
57+
```
58+
59+
The samples, extensions, and documentation can be installed by running:
5160

5261
```html
5362
$ npm create gojs-kit@latest
@@ -65,22 +74,21 @@ Graphs are constructed by creating one or more templates, with desired propertie
6574
<script src="https://cdn.jsdelivr.net/npm/gojs/release/go.js"></script>
6675

6776
<script>
68-
const myDiagram = new go.Diagram(
69-
'myDiagramDiv', // create a Diagram for the HTML Div element
70-
{ 'undoManager.isEnabled': true }
71-
); // enable undo & redo
77+
const myDiagram =
78+
new go.Diagram('myDiagramDiv', { // create a Diagram for the HTML Div element
79+
'undoManager.isEnabled': true // enable undo & redo
80+
});
7281
7382
// define a simple Node template
74-
myDiagram.nodeTemplate = new go.Node('Auto') // the Shape will automatically surround the TextBlock
75-
// add a Shape and a TextBlock to this "Auto" Panel
76-
.add(
77-
new go.Shape('RoundedRectangle', { strokeWidth: 0, fill: 'white' }) // no border; default fill is white
78-
.bind('fill', 'color')
79-
) // Shape.fill is bound to Node.data.color
80-
.add(
81-
new go.TextBlock({ margin: 8, stroke: '#333' }) // some room around the text
82-
.bind('text', 'key')
83-
); // TextBlock.text is bound to Node.data.key
83+
// the Shape will automatically surround the TextBlock
84+
myDiagram.nodeTemplate =
85+
new go.Node('Auto')
86+
.add( // add a Shape and a TextBlock to this "Auto" Panel
87+
new go.Shape('RoundedRectangle', { strokeWidth: 0, fill: 'white' }) // no border; default fill is white
88+
.bind('fill', 'color'), // Shape.fill is bound to Node.data.color
89+
new go.TextBlock({ margin: 8, font: 'bold 14px sans-serif', stroke: '#333' }) // some room around the text
90+
.bind('text', 'key') // TextBlock.text is bound to Node.data.key
91+
);
8492
8593
// but use the default Link template, by not setting Diagram.linkTemplate
8694

‎api/hierarchy.html

+1-1
Large diffs are not rendered by default.

‎api/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
// set active <a> element
3636
// done via active tag below, always API
3737
}
38-
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><h1 class="flex items-center">GoJS API</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.19<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><h3 class="tsd-index-heading uppercase">Index</h3><section class="tsd-index-section"><h3 class="tsd-index-heading">Diagram Classes</h3><div class="tsd-index-list"><a href="symbols/Adornment.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="assets/icons.svg#icon-128"></use></svg><span>Adornment</span></a>
38+
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base="."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><h1 class="flex items-center">GoJS API</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.20<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><h3 class="tsd-index-heading uppercase">Index</h3><section class="tsd-index-section"><h3 class="tsd-index-heading">Diagram Classes</h3><div class="tsd-index-list"><a href="symbols/Adornment.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="assets/icons.svg#icon-128"></use></svg><span>Adornment</span></a>
3939
<a href="symbols/Animation.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="assets/icons.svg#icon-128"></use></svg><span>Animation</span></a>
4040
<a href="symbols/AnimationManager.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="assets/icons.svg#icon-128"></use></svg><span>Animation<wbr/>Manager</span></a>
4141
<a href="symbols/AnimationTrigger.html" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="assets/icons.svg#icon-128"></use></svg><span>Animation<wbr/>Trigger</span></a>

‎api/symbols/ActionTool.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
// set active <a> element
3636
// done via active tag below, always API
3737
}
38-
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="ActionTool.html">ActionTool</a></li></ul><h1 class="flex items-center">Class ActionTool</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.19<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-hierarchy"><h4>Hierarchy (<a class="link" href="../hierarchy.html#ActionTool">view full</a>)</h4><ul class="tsd-hierarchy"><li><a href="Tool.html" class="tsd-signature-type tsd-kind-class">Tool</a><ul class="tsd-hierarchy"><li><span class="target">ActionTool</span></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>The ActionTool is responsible for handling and dispatching mouse events on <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s
38+
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="ActionTool.html">ActionTool</a></li></ul><h1 class="flex items-center">Class ActionTool</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.20<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-hierarchy"><h4>Hierarchy (<a class="link" href="../hierarchy.html#ActionTool">view full</a>)</h4><ul class="tsd-hierarchy"><li><a href="Tool.html" class="tsd-signature-type tsd-kind-class">Tool</a><ul class="tsd-hierarchy"><li><span class="target">ActionTool</span></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>The ActionTool is responsible for handling and dispatching mouse events on <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s
3939
that have <a href="GraphObject.html#isActionable" class="tsd-kind-accessor">GraphObject.isActionable</a> set to true.
4040
This is how one implements &quot;controls&quot;, such as buttons or sliders or knobs, as <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s
4141
that can be inside <a href="Part.html" class="tsd-kind-class">Part</a>s without interfering with the standard tool behaviors.</p>

‎api/symbols/Adornment.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
// set active <a> element
3636
// done via active tag below, always API
3737
}
38-
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="Adornment.html">Adornment</a></li></ul><h1 class="flex items-center">Class Adornment</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.19<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-hierarchy"><h4>Hierarchy (<a class="link" href="../hierarchy.html#Adornment">view full</a>)</h4><ul class="tsd-hierarchy"><li><a href="Part.html" class="tsd-signature-type tsd-kind-class">Part</a><ul class="tsd-hierarchy"><li><span class="target">Adornment</span></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>An Adornment is a special kind of <a href="Part.html" class="tsd-kind-class">Part</a> that is associated with another Part,
38+
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="Adornment.html">Adornment</a></li></ul><h1 class="flex items-center">Class Adornment</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.20<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-hierarchy"><h4>Hierarchy (<a class="link" href="../hierarchy.html#Adornment">view full</a>)</h4><ul class="tsd-hierarchy"><li><a href="Part.html" class="tsd-signature-type tsd-kind-class">Part</a><ul class="tsd-hierarchy"><li><span class="target">Adornment</span></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>An Adornment is a special kind of <a href="Part.html" class="tsd-kind-class">Part</a> that is associated with another Part,
3939
the <a href="Adornment.html#adornedPart" class="tsd-kind-accessor">Adornment.adornedPart</a>.</p>
4040
<p>Adornments are normally associated with a particular <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a> in the adorned Part --
4141
that is the value of <a href="Adornment.html#adornedObject" class="tsd-kind-accessor">adornedObject</a>.

‎api/symbols/Animation.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
// set active <a> element
3636
// done via active tag below, always API
3737
}
38-
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="Animation.html">Animation</a></li></ul><h1 class="flex items-center">Class Animation</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.19<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Animations are used to animate <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a> and <a href="Diagram.html" class="tsd-kind-class">Diagram</a> properties.</p>
38+
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="Animation.html">Animation</a></li></ul><h1 class="flex items-center">Class Animation</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.0.20<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Animations are used to animate <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a> and <a href="Diagram.html" class="tsd-kind-class">Diagram</a> properties.</p>
3939
<p>This class is useful for creating manual animations.
4040
If you wish to animate particular properties on a GraphObject every time their value changes,
4141
you may want to use <a href="AnimationTrigger.html" class="tsd-kind-class">AnimationTrigger</a>s instead, which automatically create and start Animations.</p>

0 commit comments

Comments
 (0)