3.1.1

Author: simonsarris

README.md

@@ -20,7 +20,7 @@ There are samples for
 [flowchart](https://gojs.net/latest/samples/flowchart.html),
 [org chart](https://gojs.net/latest/samples/orgChartEditor.html),
 [business process BPMN](https://gojs.net/latest/samples/bpmn/BPMN.html),
-[swimlanes](https://gojs.net/latest/samples/swimlanes.html),
+[swimlanes](https://gojs.net/latest/samples/swimLanes.html),
 [timelines](https://gojs.net/latest/samples/timeline.html),
 [state charts](https://gojs.net/latest/samples/statechart.html),
 [kanban](https://gojs.net/latest/samples/kanban.html),
@@ -74,21 +74,20 @@ Graphs are constructed by creating one or more templates, with desired propertie
 <script src="https://cdn.jsdelivr.net/npm/gojs/release/go.js"></script>
 
 <script>
-  const myDiagram =
-    new go.Diagram('myDiagramDiv', { // create a Diagram for the HTML Div element
-      'undoManager.isEnabled': true  // enable undo & redo
-    });
+  const myDiagram = new go.Diagram('myDiagramDiv', {
+    // create a Diagram for the HTML Div element
+    'undoManager.isEnabled': true // enable undo & redo
+  });
 
   // define a simple Node template
   // the Shape will automatically surround the TextBlock
-  myDiagram.nodeTemplate =
-    new go.Node('Auto')
-      .add(  // add a Shape and a TextBlock to this "Auto" Panel
-        new go.Shape('RoundedRectangle', { strokeWidth: 0, fill: 'white' }) // no border; default fill is white
-          .bind('fill', 'color'), // Shape.fill is bound to Node.data.color
-        new go.TextBlock({ margin: 8, font: 'bold 14px sans-serif', stroke: '#333' }) // some room around the text
-          .bind('text', 'key') // TextBlock.text is bound to Node.data.key
-      );
+  myDiagram.nodeTemplate = new go.Node('Auto').add(
+    // add a Shape and a TextBlock to this "Auto" Panel
+    new go.Shape('RoundedRectangle', { strokeWidth: 0, fill: 'white' }) // no border; default fill is white
+      .bind('fill', 'color'), // Shape.fill is bound to Node.data.color
+    new go.TextBlock({ margin: 8, font: 'bold 14px sans-serif', stroke: '#333' }) // some room around the text
+      .bind('text', 'key') // TextBlock.text is bound to Node.data.key
+  );
 
   // but use the default Link template, by not setting Diagram.linkTemplate
 
@@ -98,14 +97,14 @@ Graphs are constructed by creating one or more templates, with desired propertie
       { key: 'Alpha', color: 'lightblue' },
       { key: 'Beta', color: 'orange' },
       { key: 'Gamma', color: 'lightgreen' },
-      { key: 'Delta', color: 'pink' },
+      { key: 'Delta', color: 'pink' }
     ],
     [
       { from: 'Alpha', to: 'Beta' },
       { from: 'Alpha', to: 'Gamma' },
       { from: 'Beta', to: 'Beta' },
       { from: 'Gamma', to: 'Delta' },
-      { from: 'Delta', to: 'Alpha' },
+      { from: 'Delta', to: 'Alpha' }
     ]
   );
 </script>

api/hierarchy.html

@@ -35,7 +35,7 @@
       // set active <a> element
       // done via active tag below, always API
     }
-  });</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.1.0<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>
+  });</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.1.1<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>
 <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>
 <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>
 <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/index.html

@@ -35,7 +35,7 @@
       // set active <a> element
       // done via active tag below, always API
     }
-  });</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.1.0<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
+  });</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.1.1<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
 that have <a href="GraphObject.html#isActionable" class="tsd-kind-accessor">GraphObject.isActionable</a> set to true.
 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
 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/ActionTool.html

@@ -35,7 +35,7 @@
       // set active <a> element
       // done via active tag below, always API
     }
-  });</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.1.0<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,
+  });</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.1.1<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,
 the <a href="Adornment.html#adornedPart" class="tsd-kind-accessor">Adornment.adornedPart</a>.</p>
 <p>Adornments are normally associated with a particular <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a> in the adorned Part --
 that is the value of <a href="Adornment.html#adornedObject" class="tsd-kind-accessor">adornedObject</a>.