gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
160 lines (155 loc) • 164 kB
HTML
<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Node | GoJS API</title><meta name="description" content="Documentation for GoJS API"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../../assets/css/style.css"/><link rel="stylesheet" href="../assets/style-tsd.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><nav id="navTop" class="w-full z-30 top-0 text-white bg-nwoods-primary"><div class="w-full container max-w-screen-lg mx-auto flex flex-wrap sm:flex-nowrap items-center justify-between mt-0 py-2"><div class="md:pl-4"><a class="text-white hover:text-white no-underline hover:no-underline\n font-bold text-2xl lg:text-4xl rounded-lg hover:bg-nwoods-secondary" href="../../index.html"><h1 class="my-0 p-1 leading-none">GoJS</h1></a></div><button id="topnavButton" class="rounded-lg sm:hidden focus:outline-none focus:ring" aria-label="Navigation"><svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6"><path id="topnavOpen" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" clip-rule="evenodd"></path><path id="topnavClosed" class="hidden" fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button><div id="topnavList" class="hidden sm:block items-center w-auto mt-0 text-white p-0 z-20"><ul class="list-reset list-none font-semibold flex justify-end flex-wrap sm:flex-nowrap items-center px-0 pb-0"><li class="p-1 sm:p-0"><a class="topnav-link" href="../../learn/index.html">Learn</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../samples/index.html">Samples</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../intro/index.html">Intro</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../api/index.html">API</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/products/register.html">Register</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="../../download.html">Download</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://forum.nwoods.com/c/gojs/11">Forum</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/contact.html" target="_blank" rel="noopener" id="contactBtn">Contact</a></li><li class="p-1 sm:p-0"><a class="topnav-link" href="https://www.nwoods.com/sales/index.html" target="_blank" rel="noopener" id="buyBtn">Buy</a></li></ul></div></div><hr class="border-b border-gray-600 opacity-50 my-0 py-0"/></nav><div class="tsd-page-header"><div class="tsd-page-toolbar"><div class="w-full max-w-screen-xl mx-auto px-2"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></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"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited"/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div></div><div class="tsd-page-title"><div class="w-full max-w-screen-xl mx-auto px-2"><div class="top-copyright"><b>GoJS</b>® Diagramming Components<br/>version 2.3.8<br/>by <a href="https://www.nwoods.com/">Northwoods Software®</a></div><div><h1>Class Node </h1></div></div></div></header><div class="tsd w-full max-w-screen-xl mx-auto pb-4"><div class="row px-2 w-full"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="GraphObject.html" class="tsd-signature-type" data-tsd-kind="Class">GraphObject</a><ul class="tsd-hierarchy"><li><a href="Panel.html" class="tsd-signature-type" data-tsd-kind="Class">Panel</a><ul class="tsd-hierarchy"><li><a href="Part.html" class="tsd-signature-type" data-tsd-kind="Class">Part</a><ul class="tsd-hierarchy"><li><span class="target">Node</span><ul class="tsd-hierarchy"><li><a href="Group.html" class="tsd-signature-type" data-tsd-kind="Class">Group</a></li></ul></li></ul></li></ul></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography">
<p>A Node is a <a href="Part.html">Part</a> that may connect to other nodes with <a href="Link.html">Link</a>s,
or that may be a member of a <a href="Group.html">Group</a>.</p>
<div><p><a href="Group.html">Group</a> inherits from Node,
enabling nodes to logically contain other nodes and links.</p>
<p class="boxread">
For a more general discussion of how to define nodes, see <a href="../../intro/nodes.html">Introduction to Nodes</a>.
<p>Although you can create a Node and <a href="Diagram.html#add">Diagram.add</a> it to a Diagram, this does not update the Model.
It is more common to create a node by adding a node data object to the model
by calling <a href="Model.html#addNodeData">Model.addNodeData</a>. For example:</p>
<pre><code class="language-js"><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-5">startTransaction</span><span class="hl-2">(</span><span class="hl-6">"make new node"</span><span class="hl-2">);</span><br/><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-4">model</span><span class="hl-2">.</span><span class="hl-5">addNodeData</span><span class="hl-2">({ </span><span class="hl-4">key:</span><span class="hl-2"> </span><span class="hl-6">"Omega"</span><span class="hl-2"> });</span><br/><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-5">commitTransaction</span><span class="hl-2">(</span><span class="hl-6">"make new node"</span><span class="hl-2">);</span>
</code></pre>
<p>This will cause a Node or simple <a href="Part.html">Part</a> to be created (copying the template found in <a href="Diagram.html#nodeTemplateMap">Diagram.nodeTemplateMap</a>),
added to the Diagram in some <a href="Layer.html">Layer</a> (based on <a href="Part.html#layerName">Part.layerName</a>), and bound to the node data
(resulting in <a href="Panel.html#data">Panel.data</a> referring to that node data object).
If you do not keep a reference to that JavaScript object, as the above code does not,
you can retrieve it later by calling <a href="Model.html#findNodeDataForKey">Model.findNodeDataForKey</a>.</p>
<p>It is very common to initialize a Diagram by setting <a href="Model.html#nodeDataArray">Model.nodeDataArray</a> to a JavaScript Array
of JavaScript objects holding the properties that you need in your model.
Nearly all of the samples do this kind of initialization.</p>
<p>You can delete a Node by either calling <a href="Diagram.html#remove">Diagram.remove</a> or by calling <a href="Model.html#removeNodeData">Model.removeNodeData</a>.
The latter obviously will modify the Model; the former does so if the Node was created from model data.
Commands such as <a href="CommandHandler.html#deleteSelection">CommandHandler.deleteSelection</a> call these methods within a transaction.</p>
<p>You can find all of the <a href="Link.html">Link</a>s that are connected with a Node by calling <a href="Node.html#findLinksConnected">findLinksConnected</a>.
Because links normally have a direction, you can find all of the links that have their <a href="Link.html#toNode">Link.toNode</a>
be a given Node by calling <a href="Node.html#findLinksInto">findLinksInto</a>.
Similarly, you can call <a href="Node.html#findLinksOutOf">findLinksOutOf</a> to find all of the links coming out from a node;
such links have their <a href="Link.html#fromNode">Link.fromNode</a> be that node.
For tree-structured graphs, use <a href="Node.html#findTreeChildrenLinks">findTreeChildrenLinks</a> or <a href="Node.html#findTreeParentLink">findTreeParentLink</a>.</p>
<p>If you are not so interested in the links but are interested in the nodes at the other end of the links
connecting with a node, there are other methods that you can call.
<a href="Node.html#findNodesConnected">findNodesConnected</a> returns all of the nodes that are at the other end of the links that
connect with a given node.
<a href="Node.html#findNodesInto">findNodesInto</a> and <a href="Node.html#findNodesOutOf">findNodesOutOf</a> return the subsets of those nodes considering
only those links that go into or come out of the given node.
For tree-structured graphs, use <a href="Node.html#findTreeChildrenNodes">findTreeChildrenNodes</a> or <a href="Node.html#findTreeParentNode">findTreeParentNode</a>.</p>
<p>For example, to operate on the data of all of the destination nodes:</p>
<pre><code class="language-js"><span class="hl-1">var</span><span class="hl-2"> </span><span class="hl-4">it</span><span class="hl-2"> = </span><span class="hl-4">somenode</span><span class="hl-2">.</span><span class="hl-5">findNodesOutOf</span><span class="hl-2">();</span><br/><span class="hl-8">while</span><span class="hl-2"> (</span><span class="hl-4">it</span><span class="hl-2">.</span><span class="hl-5">next</span><span class="hl-2">()) {</span><br/><span class="hl-2"> </span><span class="hl-1">var</span><span class="hl-2"> </span><span class="hl-4">child</span><span class="hl-2"> = </span><span class="hl-4">it</span><span class="hl-2">.</span><span class="hl-4">value</span><span class="hl-2">;</span><br/><span class="hl-2"> </span><span class="hl-8">if</span><span class="hl-2"> (</span><span class="hl-4">child</span><span class="hl-2">.</span><span class="hl-4">data</span><span class="hl-2">.</span><span class="hl-4">text</span><span class="hl-2">.</span><span class="hl-5">indexOf</span><span class="hl-2">(</span><span class="hl-6">"special"</span><span class="hl-2">) >= </span><span class="hl-7">0</span><span class="hl-2">) { ... }</span><br/><span class="hl-2">}</span>
</code></pre>
<p>You can link two nodes by creating a new <a href="Link.html">Link</a>, setting its <a href="Link.html#toNode">Link.toNode</a> and <a href="Link.html#fromNode">Link.fromNode</a>
(in either order), and <a href="Diagram.html#add">Diagram.add</a>ing it to the diagram.
But it is more common to add a link data object to the <a href="Diagram.html#model">Diagram.model</a> by calling <a href="GraphLinksModel.html#addLinkData">GraphLinksModel.addLinkData</a>.
Just creating and adding a <a href="Link.html">Link</a> will not update the model.</p>
<p>Thus to add a link when using a <a href="GraphLinksModel.html">GraphLinksModel</a> you should do something like:</p>
<pre><code class="language-js"><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-5">startTransaction</span><span class="hl-2">(</span><span class="hl-6">"make new link"</span><span class="hl-2">);</span><br/><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-4">model</span><span class="hl-2">.</span><span class="hl-5">addLinkData</span><span class="hl-2">({ </span><span class="hl-4">from:</span><span class="hl-2"> </span><span class="hl-6">"Alpha"</span><span class="hl-2">, </span><span class="hl-4">to:</span><span class="hl-2"> </span><span class="hl-6">"Beta"</span><span class="hl-2"> });</span><br/><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-5">commitTransaction</span><span class="hl-2">(</span><span class="hl-6">"make new link"</span><span class="hl-2">);</span>
</code></pre>
<p>Where you would substitute the keys of the actual nodes that you want to connect with a link.
If you are using a <a href="TreeModel.html">TreeModel</a>, there are no link data objects, so you just need to call
<a href="TreeModel.html#setParentKeyForNodeData">TreeModel.setParentKeyForNodeData</a> to specify the "parent" node's key for a "child" node data.</p>
<p>To find a <a href="Link.html">Link</a> given a link data object in the <a href="GraphLinksModel.html">GraphLinksModel</a>,
call <a href="Diagram.html#findLinkForData">Diagram.findLinkForData</a>. When using a <a href="TreeModel.html">TreeModel</a>, call either <a href="Diagram.html#findNodeForData">Diagram.findNodeForData</a>
or <a href="Diagram.html#findNodeForKey">Diagram.findNodeForKey</a> to get a Node, and then call <a href="Node.html#findTreeParentLink">findTreeParentLink</a> to get the Link, if any exists.</p>
<p>To find a link that connects two nodes, call <a href="Node.html#findLinksTo">findLinksTo</a> or <a href="Node.html#findLinksBetween">findLinksBetween</a>.
With the former method, the direction matters; with the latter method it returns links in either direction.</p>
<p>As links connect with a node or are disconnected, you may want to update the appearance of the node.
You can set the <a href="Node.html#linkConnected">linkConnected</a> and <a href="Node.html#linkDisconnected">linkDisconnected</a> properties to be functions that are called.
These functions must not modify any link relationships -- the properties just exist to update the appearance of the node.
A typical usage would be to change the color or figure of a shape.</p>
<p>You can control whether the user may draw a new link or reconnect a link between a pair of Nodes
by affecting the result of <a href="LinkingBaseTool.html#isValidLink">LinkingBaseTool.isValidLink</a>.
You can override that predicate on <a href="LinkingTool.html">LinkingTool</a> and <a href="RelinkingTool.html">RelinkingTool</a>,
but it is easier to set the <a href="Node.html#linkValidation">linkValidation</a> or
<a href="LinkingBaseTool.html#linkValidation">LinkingBaseTool.linkValidation</a> functional property.</p>
<p class="boxread">
For a more general discussion of validation, see <a href="../../intro/validation.html">Introduction to Validation</a>.
<p>Nodes also support the ability to provide logical and physical distinctions in the connection points
that links use at a node. These connection objects are called "ports".
By default the port object will be the whole <a href="Node.html">Node</a>.
However, you can set the <a href="GraphObject.html#portId">GraphObject.portId</a> property on any <a href="GraphObject.html">GraphObject</a> in the visual tree of a node
to cause that element to be treated as a "port".
The "port id" is just a string that ought to be unique amongst all of the port elements in the node.</p>
<p>In the case of a node only having a single port, you should set the <a href="GraphObject.html#portId">GraphObject.portId</a> as an empty string.
When there is no such element declared as the default port, it uses the whole node.
You can use the <a href="Node.html#port">port</a> property to get the only port element.</p>
<p>When a node should have multiple ports,
i.e. multiple <a href="GraphObject.html">GraphObject</a>s acting as separate connection points for links,
you should set each port's <a href="GraphObject.html#portId">GraphObject.portId</a> to a string value that is unique for the node.
When there may be multiple ports on a node, you can get a collection of elements representing ports
by using the <a href="Node.html#ports">ports</a> property.
Use the <a href="Node.html#findPort">findPort</a> method to find a particular port element by name.</p>
<p>Note: the only kind of model that can save port information, i.e. portIds that are not an empty string,
for links is a <a href="GraphLinksModel.html">GraphLinksModel</a> whose <a href="GraphLinksModel.html#linkFromPortIdProperty">GraphLinksModel.linkFromPortIdProperty</a> and
<a href="GraphLinksModel.html#linkToPortIdProperty">GraphLinksModel.linkToPortIdProperty</a> have been set to name properties on the link data objects.</p>
<p class="boxread">
For a more general discussion of ports, see <a href="../../intro/ports.html">Introduction to Ports</a>.
<p>All of the "findLinks..." and "findNodes..." methods mentioned above take an optional port id argument.
When no argument is passed, these methods consider all links connecting with the node.
When a port id argument is provided, these methods only consider links that connect with that port
in the given node.
Thus when navigating through the diagram, you can easily look at all of the nodes that links coming out of
a given node go to. Or you can just look at those nodes at the ends of links coming out of a particular port.</p>
<p>You can also control the default connecting behavior of <a href="Link.html">Link</a>s at each port.
Because a port can be any <a href="GraphObject.html">GraphObject</a>, they are all properties on GraphObject.
The properties are duplicated so that you can guide the "from" ends of links differently from the "to" ends of links.
The properties include:</p>
<ul>
<li><a href="GraphObject.html#fromSpot">GraphObject.fromSpot</a>, <a href="GraphObject.html#toSpot">GraphObject.toSpot</a></li>
<li><a href="GraphObject.html#fromEndSegmentLength">GraphObject.fromEndSegmentLength</a>, <a href="GraphObject.html#toEndSegmentLength">GraphObject.toEndSegmentLength</a></li>
<li><a href="GraphObject.html#fromShortLength">GraphObject.fromShortLength</a>, <a href="GraphObject.html#toShortLength">GraphObject.toShortLength</a></li>
<li><a href="GraphObject.html#fromLinkable">GraphObject.fromLinkable</a>, <a href="GraphObject.html#toLinkable">GraphObject.toLinkable</a></li>
<li><a href="GraphObject.html#fromLinkableDuplicates">GraphObject.fromLinkableDuplicates</a>, <a href="GraphObject.html#toLinkableDuplicates">GraphObject.toLinkableDuplicates</a></li>
<li><a href="GraphObject.html#fromLinkableSelfNode">GraphObject.fromLinkableSelfNode</a>, <a href="GraphObject.html#toLinkableSelfNode">GraphObject.toLinkableSelfNode</a></li>
<li><a href="GraphObject.html#fromMaxLinks">GraphObject.fromMaxLinks</a>, <a href="GraphObject.html#toMaxLinks">GraphObject.toMaxLinks</a></li>
</ul>
<p>The "...Spot" and "...Length" properties control the position and routing of links at a port.
The "...Linkable..." and "...MaxLinks" properties control whether or not users can draw a new link
or reconnect an existing link from or to a port.
(The "...Spot" and "...Length" properties also exist on <a href="Link.html">Link</a>, to override for a particular
link the default values that come from a port element.)</p>
<p class="boxread">
For a more general discussion of link points, see <a href="../../intro/connectionPoints.html">Introduction to Link Connection Points</a>.
<p>When the graph is tree-structured, you can use several functions for traversing the tree:</p>
<ul>
<li><a href="Node.html#findTreeParentNode">findTreeParentNode</a></li>
<li><a href="Node.html#findTreeChildrenNodes">findTreeChildrenNodes</a></li>
<li><a href="Node.html#findTreeParentLink">findTreeParentLink</a></li>
<li><a href="Node.html#findTreeChildrenLinks">findTreeChildrenLinks</a></li>
<li><a href="Node.html#findTreeRoot">findTreeRoot</a></li>
<li><a href="Node.html#findTreeParentChain">findTreeParentChain</a></li>
<li><a href="Node.html#findTreeParts">findTreeParts</a></li>
<li><a href="Node.html#findCommonTreeParent">findCommonTreeParent</a></li>
<li><a href="Node.html#isInTreeOf">isInTreeOf</a></li>
<li><a href="Node.html#findTreeLevel">findTreeLevel</a></li>
</ul>
<p>Determining whether a tree grows from the root via links that go out to the children or vice-versa
is controlled for the whole diagram by the <a href="Diagram.html#isTreePathToChildren">Diagram.isTreePathToChildren</a> property.
However an individual link will be ignored by the above functions if <a href="Link.html#isTreeLink">Link.isTreeLink</a> is false.</p>
<p>The Node class also supports the notion of expanding and collapsing a subtree of nodes and links,
causing those nodes and links to be shown or hidden.
Principally this is a matter of setting <a href="Node.html#isTreeExpanded">Node.isTreeExpanded</a>.
Of course if the diagram's graph is not tree-structured, these concepts and properties might not apply.</p>
<p>If you want to change the appearance of the node you can do so in a function that you assign to
the <a href="Node.html#treeExpandedChanged">treeExpandedChanged</a> property.
This function must not modify any link relationships or expand or collapse any subtrees -- the property just exists
to update the appearance of the node.</p>
<p>There is an option for link routing to try to avoid crossing over nodes:
<a href="Link.html#routing">Link.routing</a> = <a href="Link.html#static-AvoidsNodes">Link.AvoidsNodes</a>.
You can control whether such links should avoid or ignore a node by setting <a href="Node.html#avoidable">avoidable</a>.
Set <a href="Node.html#avoidableMargin">avoidableMargin</a> to control the area beyond the <a href="GraphObject.html#actualBounds">GraphObject.actualBounds</a>
where AvoidsNodes links should not go.</p>
<p class="boxread">
For more discussion and examples, see <a href="../../intro/nodes.html">Nodes</a>,
<a href="../../intro/ports.html">Ports</a>, and
<a href="../../intro/connectionPoints.html">Link Points</a>.
<p class="boxread">
For more about trees, see <a href="../../intro/trees.html">Trees</a>, and
<a href="../../intro/subtrees.html">SubTrees</a>.
<p class="boxread">
To customize user-resizing behavior, please read
<a href="../../intro/tools.html#ResizingTool">Introduction to the ResizingTool</a>.
To customize user-rotating behavior, please read
<a href="../../intro/tools.html#RotatingTool">Introduction to the RotatingTool</a>.
<p>Only Nodes that are in Diagrams can have connections via Links.
Templates should not be connected with Links, be labels of Links, be members of Groups, or have any Adornments.</p>
</div></div></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="Node.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#avoidable" class="tsd-kind-icon">avoidable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#avoidableMargin" class="tsd-kind-icon">avoidable<wbr/>Margin</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Node.html#isLinkLabel" class="tsd-kind-icon">is<wbr/>Link<wbr/>Label</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#isTreeExpanded" class="tsd-kind-icon">is<wbr/>Tree<wbr/>Expanded</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#isTreeLeaf" class="tsd-kind-icon">is<wbr/>Tree<wbr/>Leaf</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#labeledLink" class="tsd-kind-icon">labeled<wbr/>Link</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#linkConnected" class="tsd-kind-icon">link<wbr/>Connected</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#linkDisconnected" class="tsd-kind-icon">link<wbr/>Disconnected</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#linkValidation" class="tsd-kind-icon">link<wbr/>Validation</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Node.html#linksConnected" class="tsd-kind-icon">links<wbr/>Connected</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Node.html#port" class="tsd-kind-icon">port</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#portSpreading" class="tsd-kind-icon">port<wbr/>Spreading</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Node.html#ports" class="tsd-kind-icon">ports</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#treeExpandedChanged" class="tsd-kind-icon">tree<wbr/>Expanded<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Node.html#wasTreeExpanded" class="tsd-kind-icon">was<wbr/>Tree<wbr/>Expanded</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#collapseTree" class="tsd-kind-icon">collapse<wbr/>Tree</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#expandTree" class="tsd-kind-icon">expand<wbr/>Tree</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findCommonTreeParent" class="tsd-kind-icon">find<wbr/>Common<wbr/>Tree<wbr/>Parent</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findExternalTreeLinksConnected" class="tsd-kind-icon">find<wbr/>External<wbr/>Tree<wbr/>Links<wbr/>Connected</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findLinksBetween" class="tsd-kind-icon">find<wbr/>Links<wbr/>Between</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findLinksConnected" class="tsd-kind-icon">find<wbr/>Links<wbr/>Connected</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findLinksInto" class="tsd-kind-icon">find<wbr/>Links<wbr/>Into</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findLinksOutOf" class="tsd-kind-icon">find<wbr/>Links<wbr/>Out<wbr/>Of</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findLinksTo" class="tsd-kind-icon">find<wbr/>Links<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findNodesConnected" class="tsd-kind-icon">find<wbr/>Nodes<wbr/>Connected</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findNodesInto" class="tsd-kind-icon">find<wbr/>Nodes<wbr/>Into</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findNodesOutOf" class="tsd-kind-icon">find<wbr/>Nodes<wbr/>Out<wbr/>Of</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findPort" class="tsd-kind-icon">find<wbr/>Port</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeChildrenLinks" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Children<wbr/>Links</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeChildrenNodes" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Children<wbr/>Nodes</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeLevel" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Level</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeParentChain" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Parent<wbr/>Chain</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeParentLink" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Parent<wbr/>Link</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeParentNode" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Parent<wbr/>Node</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeParts" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Parts</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findTreeRoot" class="tsd-kind-icon">find<wbr/>Tree<wbr/>Root</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#findVisibleNode" class="tsd-kind-icon">find<wbr/>Visible<wbr/>Node</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#getAvoidableRect" class="tsd-kind-icon">get<wbr/>Avoidable<wbr/>Rect</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Node.html#isInTreeOf" class="tsd-kind-icon">is<wbr/>In<wbr/>Tree<wbr/>Of</a></li></ul></section><section class="tsd-index-section "><h3>Constants</h3><ul class="tsd-index-list"><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Node.html#static-SpreadingEvenly" class="tsd-kind-icon">Spreading<wbr/>Evenly</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Node.html#static-SpreadingNone" class="tsd-kind-icon">Spreading<wbr/>None</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Node.html#static-SpreadingPacked" class="tsd-kind-icon">Spreading<wbr/>Packed</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-index-group tsd-is-inherited"><h2>Inherited Members</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section undefined"><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#actionCancel" class="tsd-kind-icon">Graph<wbr/>Object.action<wbr/>Cancel</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#actionDown" class="tsd-kind-icon">Graph<wbr/>Object.action<wbr/>Down</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#actionMove" class="tsd-kind-icon">Graph<wbr/>Object.action<wbr/>Move</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#actionUp" class="tsd-kind-icon">Graph<wbr/>Object.action<wbr/>Up</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="GraphObject.html#actualBounds" class="tsd-kind-icon">Graph<wbr/>Object.actual<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#alignment" class="tsd-kind-icon">Graph<wbr/>Object.alignment</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#alignmentFocus" class="tsd-kind-icon">Graph<wbr/>Object.alignment<wbr/>Focus</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#angle" class="tsd-kind-icon">Graph<wbr/>Object.angle</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#background" class="tsd-kind-icon">Graph<wbr/>Object.background</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#click" class="tsd-kind-icon">Graph<wbr/>Object.click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#column" class="tsd-kind-icon">Graph<wbr/>Object.column</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#columnSpan" class="tsd-kind-icon">Graph<wbr/>Object.column<wbr/>Span</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#contextClick" class="tsd-kind-icon">Graph<wbr/>Object.context<wbr/>Click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#contextMenu" class="tsd-kind-icon">Graph<wbr/>Object.context<wbr/>Menu</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#cursor" class="tsd-kind-icon">Graph<wbr/>Object.cursor</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#desiredSize" class="tsd-kind-icon">Graph<wbr/>Object.desired<wbr/>Size</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#doubleClick" class="tsd-kind-icon">Graph<wbr/>Object.double<wbr/>Click</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#enabledChanged" class="tsd-kind-icon">Graph<wbr/>Object.enabled<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromEndSegmentLength" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>End<wbr/>Segment<wbr/>Length</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromLinkable" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Linkable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromLinkableDuplicates" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Linkable<wbr/>Duplicates</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromLinkableSelfNode" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Linkable<wbr/>Self<wbr/>Node</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromMaxLinks" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Max<wbr/>Links</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromShortLength" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Short<wbr/>Length</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#fromSpot" class="tsd-kind-icon">Graph<wbr/>Object.from<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#height" class="tsd-kind-icon">Graph<wbr/>Object.height</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#isActionable" class="tsd-kind-icon">Graph<wbr/>Object.is<wbr/>Actionable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#isPanelMain" class="tsd-kind-icon">Graph<wbr/>Object.is<wbr/>Panel<wbr/>Main</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#margin" class="tsd-kind-icon">Graph<wbr/>Object.margin</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#maxSize" class="tsd-kind-icon">Graph<wbr/>Object.max<wbr/>Size</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="GraphObject.html#measuredBounds" class="tsd-kind-icon">Graph<wbr/>Object.measured<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#minSize" class="tsd-kind-icon">Graph<wbr/>Object.min<wbr/>Size</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseDragEnter" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Drag<wbr/>Enter</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseDragLeave" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Drag<wbr/>Leave</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseDrop" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Drop</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseEnter" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Enter</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseHold" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Hold</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseHover" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Hover</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseLeave" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Leave</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#mouseOver" class="tsd-kind-icon">Graph<wbr/>Object.mouse<wbr/>Over</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#name" class="tsd-kind-icon">Graph<wbr/>Object.name</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="GraphObject.html#naturalBounds" class="tsd-kind-icon">Graph<wbr/>Object.natural<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#opacity" class="tsd-kind-icon">Graph<wbr/>Object.opacity</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="GraphObject.html#panel" class="tsd-kind-icon">Graph<wbr/>Object.panel</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="GraphObject.html#part" class="tsd-kind-icon">Graph<wbr/>Object.part</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#pickable" class="tsd-kind-icon">Graph<wbr/>Object.pickable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#portId" class="tsd-kind-icon">Graph<wbr/>Object.port<wbr/>Id</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#position" class="tsd-kind-icon">Graph<wbr/>Object.position</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#row" class="tsd-kind-icon">Graph<wbr/>Object.row</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#rowSpan" class="tsd-kind-icon">Graph<wbr/>Object.row<wbr/>Span</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#scale" class="tsd-kind-icon">Graph<wbr/>Object.scale</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#segmentFraction" class="tsd-kind-icon">Graph<wbr/>Object.segment<wbr/>Fraction</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#segmentIndex" class="tsd-kind-icon">Graph<wbr/>Object.segment<wbr/>Index</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#segmentOffset" class="tsd-kind-icon">Graph<wbr/>Object.segment<wbr/>Offset</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#segmentOrientation" class="tsd-kind-icon">Graph<wbr/>Object.segment<wbr/>Orientation</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#shadowVisible" class="tsd-kind-icon">Graph<wbr/>Object.shadow<wbr/>Visible</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#stretch" class="tsd-kind-icon">Graph<wbr/>Object.stretch</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toEndSegmentLength" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>End<wbr/>Segment<wbr/>Length</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toLinkable" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Linkable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toLinkableDuplicates" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Linkable<wbr/>Duplicates</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toLinkableSelfNode" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Linkable<wbr/>Self<wbr/>Node</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toMaxLinks" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Max<wbr/>Links</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toShortLength" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Short<wbr/>Length</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toSpot" class="tsd-kind-icon">Graph<wbr/>Object.to<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#toolTip" class="tsd-kind-icon">Graph<wbr/>Object.tool<wbr/>Tip</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#visible" class="tsd-kind-icon">Graph<wbr/>Object.visible</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="GraphObject.html#width" class="tsd-kind-icon">Graph<wbr/>Object.width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#alignmentFocusName" class="tsd-kind-icon">Panel.alignment<wbr/>Focus<wbr/>Name</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Panel.html#columnCount" class="tsd-kind-icon">Panel.column<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#columnSizing" class="tsd-kind-icon">Panel.column<wbr/>Sizing</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#data" class="tsd-kind-icon">Panel.data</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultAlignment" class="tsd-kind-icon">Panel.default<wbr/>Alignment</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultColumnSeparatorDashArray" class="tsd-kind-icon">Panel.default<wbr/>Column<wbr/>Separator<wbr/>Dash<wbr/>Array</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultColumnSeparatorStroke" class="tsd-kind-icon">Panel.default<wbr/>Column<wbr/>Separator<wbr/>Stroke</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultColumnSeparatorStrokeWidth" class="tsd-kind-icon">Panel.default<wbr/>Column<wbr/>Separator<wbr/>Stroke<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultRowSeparatorDashArray" class="tsd-kind-icon">Panel.default<wbr/>Row<wbr/>Separator<wbr/>Dash<wbr/>Array</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultRowSeparatorStroke" class="tsd-kind-icon">Panel.default<wbr/>Row<wbr/>Separator<wbr/>Stroke</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultRowSeparatorStrokeWidth" class="tsd-kind-icon">Panel.default<wbr/>Row<wbr/>Separator<wbr/>Stroke<wbr/>Width</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultSeparatorPadding" class="tsd-kind-icon">Panel.default<wbr/>Separator<wbr/>Padding</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#defaultStretch" class="tsd-kind-icon">Panel.default<wbr/>Stretch</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Panel.html#elements" class="tsd-kind-icon">Panel.elements</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#graduatedMax" class="tsd-kind-icon">Panel.graduated<wbr/>Max</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#graduatedMin" class="tsd-kind-icon">Panel.graduated<wbr/>Min</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Panel.html#graduatedRange" class="tsd-kind-icon">Panel.graduated<wbr/>Range</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#graduatedTickBase" class="tsd-kind-icon">Panel.graduated<wbr/>Tick<wbr/>Base</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#graduatedTickUnit" class="tsd-kind-icon">Panel.graduated<wbr/>Tick<wbr/>Unit</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#gridCellSize" class="tsd-kind-icon">Panel.grid<wbr/>Cell<wbr/>Size</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#gridOrigin" class="tsd-kind-icon">Panel.grid<wbr/>Origin</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#isClipping" class="tsd-kind-icon">Panel.is<wbr/>Clipping</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#isEnabled" class="tsd-kind-icon">Panel.is<wbr/>Enabled</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#isOpposite" class="tsd-kind-icon">Panel.is<wbr/>Opposite</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#itemArray" class="tsd-kind-icon">Panel.item<wbr/>Array</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#itemCategoryProperty" class="tsd-kind-icon">Panel.item<wbr/>Category<wbr/>Property</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#itemIndex" class="tsd-kind-icon">Panel.item<wbr/>Index</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#itemTemplate" class="tsd-kind-icon">Panel.item<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#itemTemplateMap" class="tsd-kind-icon">Panel.item<wbr/>Template<wbr/>Map</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#leftIndex" class="tsd-kind-icon">Panel.left<wbr/>Index</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#padding" class="tsd-kind-icon">Panel.padding</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Panel.html#rowCount" class="tsd-kind-icon">Panel.row<wbr/>Count</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#rowSizing" class="tsd-kind-icon">Panel.row<wbr/>Sizing</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#topIndex" class="tsd-kind-icon">Panel.top<wbr/>Index</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#type" class="tsd-kind-icon">Panel.type</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Panel.html#viewboxStretch" class="tsd-kind-icon">Panel.viewbox<wbr/>Stretch</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#adornments" class="tsd-kind-icon">Part.adornments</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#category" class="tsd-kind-icon">Part.category</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#containingGroup" class="tsd-kind-icon">Part.containing<wbr/>Group</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#containingGroupChanged" class="tsd-kind-icon">Part.containing<wbr/>Group<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#copyable" class="tsd-kind-icon">Part.copyable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#deletable" class="tsd-kind-icon">Part.deletable</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="Part.html#diagram" class="tsd-kind-icon">Part.diagram</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#dragComputation" class="tsd-kind-icon">Part.drag<wbr/>Computation</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#groupable" class="tsd-kind-icon">Part.groupable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#highlightedChanged" class="tsd-kind-icon">Part.highlighted<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isAnimated" class="tsd-kind-icon">Part.is<wbr/>Animated</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isHighlighted" class="tsd-kind-icon">Part.is<wbr/>Highlighted</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isInDocumentBounds" class="tsd-kind-icon">Part.is<wbr/>In<wbr/>Document<wbr/>Bounds</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isLayoutPositioned" class="tsd-kind-icon">Part.is<wbr/>Layout<wbr/>Positioned</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isSelected" class="tsd-kind-icon">Part.is<wbr/>Selected</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isShadowed" class="tsd-kind-icon">Part.is<wbr/>Shadowed</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#isTopLevel" class="tsd-kind-icon">Part.is<wbr/>Top<wbr/>Level</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#key" class="tsd-kind-icon">Part.key</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class tsd-is-overwrite"><a href="Part.html#layer" class="tsd-kind-icon">Part.layer</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layerChanged" class="tsd-kind-icon">Part.layer<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layerName" class="tsd-kind-icon">Part.layer<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layoutConditions" class="tsd-kind-icon">Part.layout<wbr/>Conditions</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#location" class="tsd-kind-icon">Part.location</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#locationObject" class="tsd-kind-icon">Part.location<wbr/>Object</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#locationObjectName" class="tsd-kind-icon">Part.location<wbr/>Object<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#locationSpot" class="tsd-kind-icon">Part.location<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#maxLocation" class="tsd-kind-icon">Part.max<wbr/>Location</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#minLocation" class="tsd-kind-icon">Part.min<wbr/>Location</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#movable" class="tsd-kind-icon">Part.movable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#reshapable" class="tsd-kind-icon">Part.reshapable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#resizable" class="tsd-kind-icon">Part.resizable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a