UNPKG

gojs

Version:

Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams

132 lines (125 loc) 243 kB
<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Part | 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>&reg; Diagramming Components<br/>version 2.3.8<br/>by <a href="https://www.nwoods.com/">Northwoods Software®</a></div><div><h1>Class Part </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><span class="target">Part</span><ul class="tsd-hierarchy"><li><a href="Adornment.html" class="tsd-signature-type" data-tsd-kind="Class">Adornment</a></li><li><a href="Node.html" class="tsd-signature-type" data-tsd-kind="Class">Node</a></li><li><a href="Link.html" class="tsd-signature-type" data-tsd-kind="Class">Link</a></li></ul></li></ul></li></ul></li></ul></section><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"> <p>This is the base class for all user-manipulated top-level objects. Because it inherits from <a href="Panel.html">Panel</a>, it is automatically a visual container of other <a href="GraphObject.html">GraphObject</a>s. Because it thus also inherits from <a href="GraphObject.html">GraphObject</a>, it also has properties such as <a href="GraphObject.html#actualBounds">GraphObject.actualBounds</a>, <a href="GraphObject.html#contextMenu">GraphObject.contextMenu</a>, and <a href="GraphObject.html#visible">GraphObject.visible</a>.</p> <div><p>If you just want an object that users can select and manipulate, you can create an instance of this class.</p> <p>If you want an object that also supports being connected by links to other objects, use the <a href="Node.html">Node</a> class, which inherits from Part. Create those connections by using instances of the <a href="Link.html">Link</a> class.</p> <p>If you want a node that logically contains a subgraph of nodes and links, use the <a href="Group.html">Group</a> class, which inherits from <a href="Node.html">Node</a>.</p> <p>If you want an object that decorates another Part, without having to modify that Part, use the <a href="Adornment.html">Adornment</a> class. Adornments do not support linking or grouping or being selected.</p> <p>You can construct a Part, add <a href="GraphObject.html">GraphObject</a>s to it programmatically, and then add the part to a diagram by calling <a href="Diagram.html#add">Diagram.add</a>. However it is commonplace to add data to a model by setting its <a href="Model.html#nodeDataArray">Model.nodeDataArray</a> or calling <a href="Model.html#addNodeData">Model.addNodeData</a>, or for <a href="Link.html">Link</a>s, setting the <a href="GraphLinksModel.html#linkDataArray">GraphLinksModel.linkDataArray</a> or calling <a href="GraphLinksModel.html#addLinkData">GraphLinksModel.addLinkData</a>. Such actions will cause a diagram that is displaying the model to copy a template, which is a Part that may have data <a href="Binding.html">Binding</a>s, and add the new part to the diagram. The <a href="Panel.html#data">Panel.data</a> property will refer to that data object in the model.</p> <p>Some examples of adding Parts to a Diagram:</p> <pre><code class="language-js"><span class="hl-0">// A simple Part template</span><br/><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-4">nodeTemplate</span><span class="hl-2"> =</span><br/><span class="hl-2"> </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Part</span><span class="hl-2">(</span><span class="hl-6">&quot;Horizontal&quot;</span><span class="hl-2">)</span><br/><span class="hl-2"> .</span><span class="hl-5">add</span><span class="hl-2">(</span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Shape</span><span class="hl-2">(</span><span class="hl-6">&quot;Circle&quot;</span><span class="hl-2">, { </span><span class="hl-4">width:</span><span class="hl-2"> </span><span class="hl-7">20</span><span class="hl-2">, </span><span class="hl-4">height:</span><span class="hl-2"> </span><span class="hl-7">20</span><span class="hl-2"> }))</span><br/><span class="hl-2"> .</span><span class="hl-5">add</span><span class="hl-2">(</span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">TextBlock</span><span class="hl-2">(</span><span class="hl-6">&quot;Hello World&quot;</span><span class="hl-2">))</span><br/><span class="hl-0">// Node templates can be either Nodes, or simple Parts</span><br/><span class="hl-0">// (But not Groups, Adornments, or Links)</span><br/><br/><span class="hl-0">// Adds copies of the nodeTemplate bound to the specified node data:</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-4">nodeDataArray</span><span class="hl-2"> =</span><br/><span class="hl-2">[</span><br/><span class="hl-2"> { </span><span class="hl-4">key:</span><span class="hl-2"> </span><span class="hl-6">&quot;Alpha&quot;</span><span class="hl-2"> },</span><br/><span class="hl-2"> { </span><span class="hl-4">key:</span><span class="hl-2"> </span><span class="hl-6">&quot;Beta&quot;</span><span class="hl-2"> }</span><br/><span class="hl-2">];</span><br/><br/><span class="hl-0">// Adds one copy of the nodeTemplate bound to the given node data:</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">&quot;Gamma&quot;</span><span class="hl-2"> } );</span> </code></pre> <p class="boxread"> See the <a href="../../intro/usingModels.html">Introduction on using Models</a> for examples and more information. <h3>Layers and Z-ordering</h3> <p>Parts added to a Diagram exist in one of the Diagram&#39;s <a href="Layer.html">Layer</a>s. You can specify which layer the part should be in by setting <a href="Part.html#layerName">layerName</a>. Parts cannot be nested in the visual tree -- they cannot be added to other Parts of Panels.</p> <p>Parts can be individually z-ordered within a layer by setting <a href="Part.html#zOrder">zOrder</a>. Parts within the same layer that have a higher zOrder number will be drawn above parts with a lower number.</p> <h3>Size and Position</h3> <p>The size and position of a part are given by its <a href="GraphObject.html#actualBounds">GraphObject.actualBounds</a>. The size is determined by the <a href="GraphObject.html">GraphObject</a>s that are elements inside this part. You can change the position by setting <a href="GraphObject.html#position">GraphObject.position</a> or <a href="Part.html#location">Part.location</a>.</p> <p>The &quot;location&quot; of a part is commonly the same as its &quot;position&quot;. The &quot;position&quot; is always the point that is at the top-left corner of the area occupied by the part. But the &quot;location&quot; may be different from the &quot;position&quot; if you want to think of the part as being &quot;at&quot; a different spot in the part. For example, you might want the &quot;location&quot; to be at the center of a <a href="Picture.html">Picture</a> that has a <a href="TextBlock.html">TextBlock</a> title of arbitrary size. In this case you would set the <a href="Part.html#locationSpot">locationSpot</a> to be <a href="Spot.html#static-Center">Spot.Center</a> and the <a href="Part.html#locationObjectName">locationObjectName</a> to be the name of the Picture element in your Part.</p> <p>A part may be selected or de-selected by setting its <a href="Part.html#isSelected">isSelected</a> property. This may also happen due to a call to <a href="Diagram.html#select">Diagram.select</a> or other operations that change the selection. The user may change this property as part of the operation of the <a href="ClickSelectingTool.html">ClickSelectingTool</a>, due to the user&#39;s mouse click, if the part is <a href="Part.html#selectable">selectable</a>.</p> <h3>Ability Properties (Permissions)</h3> <p>There are many properties named &quot;...able&quot;, that control what operations the user may perform on this part. These properties correspond to the similarly named properties on <a href="Diagram.html">Diagram</a> and <a href="Layer.html">Layer</a> that govern the behavior for all parts in all layers or for all parts in the given layer. For example, the <a href="Part.html#copyable">Part.copyable</a> property corresponds to the properties <a href="Diagram.html#allowCopy">Diagram.allowCopy</a> and <a href="Layer.html#allowCopy">Layer.allowCopy</a>.</p> <p>For each of these &quot;ability&quot; properties there is a corresponding &quot;can...&quot; predicate. For example, the <a href="Part.html#canCopy">Part.canCopy</a> predicate is false if any of the three previously named properties is false. Commands and tools will normally call these predicates rather than just looking at Part properties.</p> <p class="boxread"> For more discussion about permissions, please read: <a href="../../intro/permissions.html">Permissions</a>. <p>As previously mentioned, each <a href="Diagram.html">Diagram</a> supports the notion of selected parts. One way of displaying that a part is selected is by modifying the part. You can set the <a href="Part.html#selectionChanged">selectionChanged</a> property to be a function that is called when the value of <a href="Part.html#isSelected">isSelected</a> has changed; it is passed the Part as the first argument. The function can modify the color of one or more <a href="GraphObject.html">GraphObject</a>s in the visual tree of that Part. Or perhaps it could toggle the <a href="GraphObject.html#visible">GraphObject.visible</a> property of an object that is normally hidden when the part is not selected.</p> <p>The Part class also supports showing separate visual objects for a part when it gets selected. These visuals are typically used to show that the part is selected (&quot;selection handles&quot;) or are used to allow the user to manipulate or modify the part with a tool (&quot;tool handles&quot;). These handles are instances of <a href="Adornment.html">Adornment</a>s. The <a href="Part.html#updateAdornments">updateAdornments</a> method is responsible for showing or hiding adornments, normally depending on whether the part is selected.</p> <p>When the <a href="Part.html#selectionAdorned">selectionAdorned</a> property is true, a selected part automatically gets an <a href="Adornment.html">Adornment</a> created for it. By default the selection adornment is just a simple blue box around the Part, and a blue shape following the route of a selected Link. However you can set the <a href="Part.html#selectionAdornmentTemplate">selectionAdornmentTemplate</a> to an arbitrarily complex Adornment. This way it can show more information or buttons for executing various commands when the user selects a Part.</p> <p>Tool handles are shown for those mode-less mouse-down tools that need it. The process of updating adornments for a part will call <a href="Tool.html#updateAdornments">Tool.updateAdornments</a> on each tool in <a href="ToolManager.html#mouseDownTools">ToolManager.mouseDownTools</a>. Most tools might not need special tool handles. But, for example, <a href="ResizingTool.html">ResizingTool</a> naturally will want to create an adornment with eight resize handles positioned at the corners and at the middles of the sides of the selected node&#39;s visual element, if the node has its <a href="Part.html#canResize">canResize</a> function returning true.</p> <p>One may not always want the whole Part to get the selection handle or all tool handles. Sometimes one wants to emphasize selection by highlighting a particular element within the part&#39;s visual tree. This can be achieved by setting the <a href="Part.html#selectionObjectName">selectionObjectName</a> property, and making sure the desired element has the same <a href="GraphObject.html#name">GraphObject.name</a> property value.</p> <p class="boxread"> For more discussion about selection, see <a href="../../intro/selection.html">Selection</a>. <p>Similarly the <a href="Part.html#resizeObjectName">resizeObjectName</a> and <a href="Part.html#rotateObjectName">rotateObjectName</a> properties direct the corresponding <a href="ResizingTool.html">ResizingTool</a> and <a href="RotatingTool.html">RotatingTool</a> to operate on the particular <a href="GraphObject.html">GraphObject</a> in the Part&#39;s visual tree with the given name. That includes both providing tool handles and actually modifying properties on that object.</p> <p>Parts are not resizable or rotatable by default: you need to set <a href="Part.html#resizable">resizable</a> and/or <a href="Part.html#rotatable">rotatable</a> to true.</p> <p class="boxread"> For more discussion about tools, see <a href="../../intro/tools.html">Tools</a>. <p>A Part may be positioned (or a <a href="Link.html">Link</a> may be routed) by a <a href="Layout.html">Layout</a>. This will happen automatically if <a href="Diagram.html#layout">Diagram.layout</a> or <a href="Group.html#layout">Group.layout</a> are set. The default <a href="Diagram.html#layout">Diagram.layout</a> will position any nodes that were not given explicit positions or location.</p> <p>If you set <a href="Part.html#isLayoutPositioned">isLayoutPositioned</a> to false, this part will not participate in any of the standard layouts, so it will not be moved by a layout or affect other parts in a layout. In order for the part to get a <a href="Part.html#location">location</a> or position you will need to supply it explicitly.</p> <p>As parts are added to or removed from a diagram, the <a href="Layout.html">Layout</a> responsible for positioning the part is invalidated. This will cause the layout to be performed again in the near future, at the end of the transaction. This automatic layout invalidation also occurs as parts change their visibility (<a href="GraphObject.html#visible">GraphObject.visible</a>) or their size (<a href="GraphObject.html#actualBounds">GraphObject.actualBounds</a>). If you do want there to be a <a href="Diagram.html#layout">Diagram.layout</a> but you do not want an automatic layout to happen after removing parts (for example), you can set <a href="Part.html#layoutConditions">layoutConditions</a> not to include the <a href="Part.html#static-LayoutRemoved">Part.LayoutRemoved</a> flag. In this particular case, you could set <a href="Part.html#layoutConditions">layoutConditions</a> to: <code>go.Part.LayoutStandard &amp; ~go.Part.LayoutRemoved</code>. It may also reasonable for your application to set it to <a href="Part.html#static-LayoutNone">Part.LayoutNone</a>. Do not forget to consider applying the same conditions to links as well as to nodes and groups.</p> <p>If you want to save the locations/positions of the parts in a diagram, it is commonplace to data bind the <a href="Part.html#location">location</a> to a property on your node data with a TwoWay <a href="Binding.html">Binding</a> (call <a href="Binding.html#makeTwoWay">Binding.makeTwoWay</a>). For example:</p> <pre><code class="language-js"><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Part</span><span class="hl-2">(</span><span class="hl-6">&quot;Horizontal&quot;</span><span class="hl-2">)</span><br/><span class="hl-2"> .</span><span class="hl-5">bind</span><span class="hl-2">(</span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Binding</span><span class="hl-2">(</span><span class="hl-6">&quot;location&quot;</span><span class="hl-2">, </span><span class="hl-6">&quot;loc&quot;</span><span class="hl-2">, </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-4">Point</span><span class="hl-2">.</span><span class="hl-4">parse</span><span class="hl-2">).</span><span class="hl-5">makeTwoWay</span><span class="hl-2">(</span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-4">Point</span><span class="hl-2">.</span><span class="hl-4">stringify</span><span class="hl-2">))</span><br/><span class="hl-2"> </span><span class="hl-0">// ...</span> </code></pre> <p>Then as the nodes are moved, whether manually by the user or automatically by a <a href="Layout.html">Layout</a>, the model data is automatically updated with the location.</p> <p class="boxread"> For more discussion about related topics, see <a href="../../intro/selection.html">Selection</a>, <a href="../../intro/tools.html">Tools</a>, and <a href="../../intro/permissions.html">Permissions</a>. <p>Parts that are templates should have no relationships with other Parts. Only real Parts that are in a Diagram can belong to Groups or have any Adornments. Only real Nodes in a Diagram can be connected with Links.</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="Part.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-get-signature tsd-parent-kind-class"><a href="Part.html#adornments" class="tsd-kind-icon">adornments</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#category" class="tsd-kind-icon">category</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#containingGroup" class="tsd-kind-icon">containing<wbr/>Group</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#containingGroupChanged" class="tsd-kind-icon">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">copyable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#deletable" class="tsd-kind-icon">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">diagram</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#dragComputation" class="tsd-kind-icon">drag<wbr/>Computation</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#groupable" class="tsd-kind-icon">groupable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#highlightedChanged" class="tsd-kind-icon">highlighted<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isAnimated" class="tsd-kind-icon">is<wbr/>Animated</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isHighlighted" class="tsd-kind-icon">is<wbr/>Highlighted</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isInDocumentBounds" class="tsd-kind-icon">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">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">is<wbr/>Selected</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#isShadowed" class="tsd-kind-icon">is<wbr/>Shadowed</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#isTopLevel" class="tsd-kind-icon">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">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">layer</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layerChanged" class="tsd-kind-icon">layer<wbr/>Changed</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layerName" class="tsd-kind-icon">layer<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#layoutConditions" class="tsd-kind-icon">layout<wbr/>Conditions</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#location" class="tsd-kind-icon">location</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#locationObject" class="tsd-kind-icon">location<wbr/>Object</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#locationObjectName" class="tsd-kind-icon">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">location<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#maxLocation" class="tsd-kind-icon">max<wbr/>Location</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#minLocation" class="tsd-kind-icon">min<wbr/>Location</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#movable" class="tsd-kind-icon">movable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#reshapable" class="tsd-kind-icon">reshapable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#resizable" class="tsd-kind-icon">resizable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#resizeAdornmentTemplate" class="tsd-kind-icon">resize<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#resizeCellSize" class="tsd-kind-icon">resize<wbr/>Cell<wbr/>Size</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#resizeObject" class="tsd-kind-icon">resize<wbr/>Object</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#resizeObjectName" class="tsd-kind-icon">resize<wbr/>Object<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#rotatable" class="tsd-kind-icon">rotatable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#rotateAdornmentTemplate" class="tsd-kind-icon">rotate<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#rotateObject" class="tsd-kind-icon">rotate<wbr/>Object</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#rotateObjectName" class="tsd-kind-icon">rotate<wbr/>Object<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#rotationSpot" class="tsd-kind-icon">rotation<wbr/>Spot</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#selectable" class="tsd-kind-icon">selectable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#selectionAdorned" class="tsd-kind-icon">selection<wbr/>Adorned</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#selectionAdornmentTemplate" class="tsd-kind-icon">selection<wbr/>Adornment<wbr/>Template</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#selectionChanged" class="tsd-kind-icon">selection<wbr/>Changed</a></li><li class="tsd-kind-get-signature tsd-parent-kind-class"><a href="Part.html#selectionObject" class="tsd-kind-icon">selection<wbr/>Object</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#selectionObjectName" class="tsd-kind-icon">selection<wbr/>Object<wbr/>Name</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#shadowBlur" class="tsd-kind-icon">shadow<wbr/>Blur</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#shadowColor" class="tsd-kind-icon">shadow<wbr/>Color</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#shadowOffset" class="tsd-kind-icon">shadow<wbr/>Offset</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#text" class="tsd-kind-icon">text</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#textEditable" class="tsd-kind-icon">text<wbr/>Editable</a></li><li class="tsd-kind-accessor tsd-parent-kind-class"><a href="Part.html#zOrder" class="tsd-kind-icon">z<wbr/>Order</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="Part.html#addAdornment" class="tsd-kind-icon">add<wbr/>Adornment</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canCopy" class="tsd-kind-icon">can<wbr/>Copy</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canDelete" class="tsd-kind-icon">can<wbr/>Delete</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canEdit" class="tsd-kind-icon">can<wbr/>Edit</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canGroup" class="tsd-kind-icon">can<wbr/>Group</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canLayout" class="tsd-kind-icon">can<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canMove" class="tsd-kind-icon">can<wbr/>Move</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canReshape" class="tsd-kind-icon">can<wbr/>Reshape</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canResize" class="tsd-kind-icon">can<wbr/>Resize</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canRotate" class="tsd-kind-icon">can<wbr/>Rotate</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#canSelect" class="tsd-kind-icon">can<wbr/>Select</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#clearAdornments" class="tsd-kind-icon">clear<wbr/>Adornments</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#ensureBounds" class="tsd-kind-icon">ensure<wbr/>Bounds</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#findAdornment" class="tsd-kind-icon">find<wbr/>Adornment</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#findCommonContainingGroup" class="tsd-kind-icon">find<wbr/>Common<wbr/>Containing<wbr/>Group</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#findSubGraphLevel" class="tsd-kind-icon">find<wbr/>Sub<wbr/>Graph<wbr/>Level</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#findTopLevelPart" class="tsd-kind-icon">find<wbr/>Top<wbr/>Level<wbr/>Part</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="Part.html#getDocumentBounds" class="tsd-kind-icon">get<wbr/>Document<wbr/>Bounds</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#invalidateLayout" class="tsd-kind-icon">invalidate<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#isMemberOf" class="tsd-kind-icon">is<wbr/>Member<wbr/>Of</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#isVisible" class="tsd-kind-icon">is<wbr/>Visible</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#move" class="tsd-kind-icon">move</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#moveTo" class="tsd-kind-icon">move<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#removeAdornment" class="tsd-kind-icon">remove<wbr/>Adornment</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#updateAdornments" class="tsd-kind-icon">update<wbr/>Adornments</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Part.html#updateRelationshipsFromData" class="tsd-kind-icon">update<wbr/>Relationships<wbr/>From<wbr/>Data</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="Part.html#updateTargetBindings" class="tsd-kind-icon">update<wbr/>Target<wbr/>Bindings</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="Part.html#static-LayoutAdded" class="tsd-kind-icon">Layout<wbr/>Added</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutGroupLayout" class="tsd-kind-icon">Layout<wbr/>Group<wbr/>Layout</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutHidden" class="tsd-kind-icon">Layout<wbr/>Hidden</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutNodeReplaced" class="tsd-kind-icon">Layout<wbr/>Node<wbr/>Replaced</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutNodeSized" class="tsd-kind-icon">Layout<wbr/>Node<wbr/>Sized</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutNone" class="tsd-kind-icon">Layout<wbr/>None</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutRemoved" class="tsd-kind-icon">Layout<wbr/>Removed</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutShown" class="tsd-kind-icon">Layout<wbr/>Shown</a></li><li class="tsd-kind-constant tsd-parent-kind-class tsd-is-static"><a href="Part.html#static-LayoutStandard" class="tsd-kind-icon">Layout<wbr/>Standard</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-ge