maxGraph/docs/api/classes/Editor.html

828 lines
223 KiB
HTML

<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Editor | @maxgraph/core</title><meta name="description" content="Documentation for @maxgraph/core"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.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><div class="tsd-page-toolbar"><div class="container"><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">@maxgraph/core</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" checked/><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 class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../index.html">@maxgraph/core</a></li><li><a href="Editor.html">Editor</a></li></ul><h1>Class Editor</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><div class="lead">
<p>Extends <a href="EventSource.html">EventSource</a> to implement an application wrapper for a graph that
adds <a href="Editor.html#actions">actions</a>, I/O using <a href="Codec.html">Codec</a>, auto-layout using <a href="LayoutManager.html">LayoutManager</a>,
command history using <a href="Editor.html#undoManager">undoManager</a>, and standard dialogs and widgets, eg.
properties, help, outline, toolbar, and popupmenu. It also adds <a href="Editor.html#templates">templates</a>
to be used as cells in toolbars, auto-validation using the {@link validation}
flag, attribute cycling using <a href="Editor.html#cycleAttributeValues">cycleAttributeValues</a>, higher-level events
such as {@link root}, and backend integration using <urlPost> and <a href="Editor.html#urlImage">urlImage</a>.</p>
</div><div>
<a href="#actions" id="actions" style="color: inherit; text-decoration: none;">
<h3>Actions:</h3>
</a>
<p>Actions are functions stored in the <actions> array under their names. The
functions take the <Editor> as the first, and an optional <Cell> as the
second argument and are invoked using <execute>. Any additional arguments
passed to execute are passed on to the action as-is.</p>
<p>A list of built-in actions is available in the <addActions> description.</p>
<a href="#readwrite-diagrams" id="readwrite-diagrams" style="color: inherit; text-decoration: none;">
<h3>Read/write Diagrams:</h3>
</a>
<p>To read a diagram from an XML string, for example from a textfield within the
page, the following code is used:</p>
<pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">doc</span><span class="hl-1"> = </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">parseXML</span><span class="hl-1">(</span><span class="hl-0">xmlString</span><span class="hl-1">);</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">node</span><span class="hl-1"> = </span><span class="hl-0">doc</span><span class="hl-1">.</span><span class="hl-0">documentElement</span><span class="hl-1">;</span><br/><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">readGraphModel</span><span class="hl-1">(</span><span class="hl-0">node</span><span class="hl-1">);</span>
</code></pre>
<p>For reading a diagram from a remote location, use the <a href="Editor.html#open">open</a> method.</p>
<p>To save diagrams in XML on a server, you can set the <a href="Editor.html#urlPost">urlPost</a> variable.
This variable will be used in <a href="Editor.html#getUrlPost">getUrlPost</a> to construct a URL for the post
request that is issued in the <a href="Editor.html#save">save</a> method. The post request contains the
XML representation of the diagram as returned by <a href="Editor.html#writeGraphModel">writeGraphModel</a> in the
xml parameter.</p>
<p>On the server side, the post request is processed using standard
technologies such as Java Servlets, CGI, .NET or ASP.</p>
<p>Here are some examples of processing a post request in various languages.</p>
<ul>
<li>Java: URLDecoder.decode(request.getParameter(&quot;xml&quot;), &quot;UTF-8&quot;).replace(&quot;
&quot;, &quot;&#xa;&quot;)</li>
</ul>
<p>Note that the linefeeds should only be replaced if the XML is
processed in Java, for example when creating an image, but not
if the XML is passed back to the client-side.</p>
<ul>
<li>.NET: HttpUtility.UrlDecode(context.Request.Params[&quot;xml&quot;])</li>
<li>PHP: urldecode($_POST[&quot;xml&quot;])</li>
</ul>
<a href="#creating-images" id="creating-images" style="color: inherit; text-decoration: none;">
<h3>Creating images:</h3>
</a>
<p>A backend (Java, PHP or C#) is required for creating images. The
distribution contains an example for each backend (ImageHandler.java,
ImageHandler.cs and graph.php). More information about using a backend
to create images can be found in the readme.html files. Note that the
preview is implemented using VML/SVG in the browser and does not require
a backend. The backend is only required to creates images (bitmaps).</p>
<a href="#special-characters" id="special-characters" style="color: inherit; text-decoration: none;">
<h3>Special characters:</h3>
</a>
<p>Note There are five characters that should always appear in XML content as
escapes, so that they do not interact with the syntax of the markup. These
are part of the language for all documents based on XML and for HTML.</p>
<ul>
<li>&lt; (&lt;)</li>
<li>&gt; (&gt;)</li>
<li>&amp; (&amp;)</li>
<li>&quot; (&quot;)</li>
<li>&apos; (&#39;)</li>
</ul>
<p>Although it is part of the XML language, &apos; is not defined in HTML.
For this reason the XHTML specification recommends instead the use of
&#39; if text may be passed to a HTML user agent.</p>
<p>If you are having problems with special characters on the server-side then
you may want to try the <a href="Editor.html#escapePostData">escapePostData</a> flag.</p>
<p>For converting decimal escape sequences inside strings, a user has provided
us with the following function:</p>
<pre><code class="language-javascript"><span class="hl-3">function</span><span class="hl-1"> </span><span class="hl-2">html2js</span><span class="hl-1">(</span><span class="hl-0">text</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">entitySearch</span><span class="hl-1"> =</span><span class="hl-9"> /&amp;#</span><span class="hl-15">[</span><span class="hl-9">0-9</span><span class="hl-15">]</span><span class="hl-16">+</span><span class="hl-9">;/</span><span class="hl-1">;</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">entity</span><span class="hl-1">;</span><br/><br/><span class="hl-1"> </span><span class="hl-5">while</span><span class="hl-1"> (</span><span class="hl-0">entity</span><span class="hl-1"> = </span><span class="hl-0">entitySearch</span><span class="hl-1">.</span><span class="hl-2">exec</span><span class="hl-1">(</span><span class="hl-0">text</span><span class="hl-1">))</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">charCode</span><span class="hl-1"> = </span><span class="hl-0">entity</span><span class="hl-1">[</span><span class="hl-8">0</span><span class="hl-1">].</span><span class="hl-2">substring</span><span class="hl-1">(</span><span class="hl-8">2</span><span class="hl-1">, </span><span class="hl-0">entity</span><span class="hl-1">[</span><span class="hl-8">0</span><span class="hl-1">].</span><span class="hl-0">length</span><span class="hl-1"> -</span><span class="hl-8">1</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-0">text</span><span class="hl-1"> = </span><span class="hl-0">text</span><span class="hl-1">.</span><span class="hl-2">substring</span><span class="hl-1">(</span><span class="hl-8">0</span><span class="hl-1">, </span><span class="hl-0">entity</span><span class="hl-1">.</span><span class="hl-0">index</span><span class="hl-1">)</span><br/><span class="hl-1"> + </span><span class="hl-10">String</span><span class="hl-1">.</span><span class="hl-2">fromCharCode</span><span class="hl-1">(</span><span class="hl-0">charCode</span><span class="hl-1">)</span><br/><span class="hl-1"> + </span><span class="hl-0">text</span><span class="hl-1">.</span><span class="hl-2">substring</span><span class="hl-1">(</span><span class="hl-0">entity</span><span class="hl-1">.</span><span class="hl-0">index</span><span class="hl-1"> + </span><span class="hl-0">entity</span><span class="hl-1">[</span><span class="hl-8">0</span><span class="hl-1">].</span><span class="hl-0">length</span><span class="hl-1">);</span><br/><span class="hl-1"> }</span><br/><br/><span class="hl-1"> </span><span class="hl-5">return</span><span class="hl-1"> </span><span class="hl-0">text</span><span class="hl-1">;</span><br/><span class="hl-1">}</span>
</code></pre>
<p>Otherwise try using hex escape sequences and the built-in unescape function
for converting such strings.</p>
<a href="#local-files" id="local-files" style="color: inherit; text-decoration: none;">
<h3>Local Files:</h3>
</a>
<p>For saving and opening local files, no standardized method exists that
works across all browsers. The recommended way of dealing with local files
is to create a backend that streams the XML data back to the browser (echo)
as an attachment so that a Save-dialog is displayed on the client-side and
the file can be saved to the local disk.</p>
<p>For example, in PHP the code that does this looks as follows.</p>
<pre><code class="language-javascript"><span class="hl-0">$xml</span><span class="hl-1"> = </span><span class="hl-2">stripslashes</span><span class="hl-1">(</span><span class="hl-0">$_POST</span><span class="hl-1">[</span><span class="hl-6">&quot;xml&quot;</span><span class="hl-1">]);</span><br/><span class="hl-2">header</span><span class="hl-1">(</span><span class="hl-6">&quot;Content-Disposition: attachment; filename=</span><span class="hl-17">\&quot;</span><span class="hl-6">diagram.xml</span><span class="hl-17">\&quot;</span><span class="hl-6">&quot;</span><span class="hl-1">);</span><br/><span class="hl-2">echo</span><span class="hl-1">(</span><span class="hl-0">$xml</span><span class="hl-1">);</span>
</code></pre>
<p>To open a local file, the file should be uploaded via a form in the browser
and then opened from the server in the editor.</p>
<a href="#cell-properties" id="cell-properties" style="color: inherit; text-decoration: none;">
<h3>Cell Properties:</h3>
</a>
<p>The properties displayed in the properties dialog are the attributes and
values of the cell&#39;s user object, which is an XML node. The XML node is
defined in the templates section of the config file.</p>
<p>The templates are stored in <a href="Editor.html#templates">Editor.templates</a> and contain cells which
are cloned at insertion time to create new vertices by use of drag and
drop from the toolbar. Each entry in the toolbar for adding a new vertex
must refer to an existing template.</p>
<p>In the following example, the task node is a business object and only the
mxCell node and its mxGeometry child contain graph information:</p>
<pre><code class="language-javascript"><span class="hl-11">&lt;</span><span class="hl-10">Task</span><span class="hl-1"> </span><span class="hl-13">label</span><span class="hl-1">=</span><span class="hl-6">&quot;Task&quot;</span><span class="hl-1"> </span><span class="hl-13">description</span><span class="hl-1">=</span><span class="hl-6">&quot;&quot;</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-10">mxCell</span><span class="hl-1"> </span><span class="hl-13">vertex</span><span class="hl-1">=</span><span class="hl-6">&quot;true&quot;</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-10">mxGeometry</span><span class="hl-1"> </span><span class="hl-13">as</span><span class="hl-1">=</span><span class="hl-6">&quot;geometry&quot;</span><span class="hl-1"> </span><span class="hl-13">width</span><span class="hl-1">=</span><span class="hl-6">&quot;72&quot;</span><span class="hl-1"> </span><span class="hl-13">height</span><span class="hl-1">=</span><span class="hl-6">&quot;32&quot;</span><span class="hl-11">/&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;/</span><span class="hl-10">mxCell</span><span class="hl-11">&gt;</span><br/><span class="hl-11">&lt;/</span><span class="hl-10">Task</span><span class="hl-11">&gt;</span>
</code></pre>
<p>The idea is that the XML representation is inverse from the in-memory
representation: The outer XML node is the user object and the inner node is
the cell. This means the user object of the cell is the Task node with no
children for the above example:</p>
<pre><code class="language-javascript"><span class="hl-11">&lt;</span><span class="hl-10">Task</span><span class="hl-1"> </span><span class="hl-13">label</span><span class="hl-1">=</span><span class="hl-6">&quot;Task&quot;</span><span class="hl-1"> </span><span class="hl-13">description</span><span class="hl-1">=</span><span class="hl-6">&quot;&quot;</span><span class="hl-11">/&gt;</span>
</code></pre>
<p>The Task node can have any tag name, attributes and child nodes. The
<a href="Codec.html">Codec</a> will use the XML hierarchy as the user object, while removing the
&quot;known annotations&quot;, such as the mxCell node. At save-time the cell data
will be &quot;merged&quot; back into the user object. The user object is only modified
via the properties dialog during the lifecycle of the cell.</p>
<p>In the default implementation of <a href="Editor.html#createProperties">createProperties</a>, the user object&#39;s
attributes are put into a form for editing. Attributes are changed using
the <a href="CellAttributeChange.html">CellAttributeChange</a> action in the model. The dialog can be replaced
by overriding the <a href="Editor.html#createProperties">createProperties</a> hook or by replacing the showProperties
action in {@link action}. Alternatively, the entry in the config file&#39;s popupmenu
section can be modified to invoke a different action.</p>
<p>If you want to displey the properties dialog on a doubleclick, you can set
<a href="Editor.html#dblClickAction">Editor.dblClickAction</a> to showProperties as follows:</p>
<pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">dblClickAction</span><span class="hl-1"> = </span><span class="hl-6">&#39;showProperties&#39;</span><span class="hl-1">;</span>
</code></pre>
<a href="#popupmenu-and-toolbar" id="popupmenu-and-toolbar" style="color: inherit; text-decoration: none;">
<h3>Popupmenu and Toolbar:</h3>
</a>
<p>The toolbar and popupmenu are typically configured using the respective
sections in the config file, that is, the popupmenu is defined as follows:</p>
<pre><code class="language-javascript"><span class="hl-11">&lt;</span><span class="hl-10">Editor</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-10">EditorPopupMenu</span><span class="hl-1"> </span><span class="hl-13">as</span><span class="hl-1">=</span><span class="hl-6">&quot;popupHandler&quot;</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-12">add</span><span class="hl-1"> </span><span class="hl-13">as</span><span class="hl-1">=</span><span class="hl-6">&quot;cut&quot;</span><span class="hl-1"> </span><span class="hl-13">action</span><span class="hl-1">=</span><span class="hl-6">&quot;cut&quot;</span><span class="hl-1"> </span><span class="hl-13">icon</span><span class="hl-1">=</span><span class="hl-6">&quot;images/cut.gif&quot;</span><span class="hl-11">/&gt;</span><br/><span class="hl-1"> ...</span>
</code></pre>
<p>New entries can be added to the toolbar by inserting an add-node into the
above configuration. Existing entries may be removed and changed by
modifying or removing the respective entries in the configuration.
The configuration is read by the {@link DefaultPopupMenuCodec}, the format of the
configuration is explained in {@link EditorPopupMenu.decode}.</p>
<p>The toolbar is defined in the EditorToolbar section. Items can be added
and removed in this section.</p>
<pre><code class="language-javascript"><span class="hl-11">&lt;</span><span class="hl-10">Editor</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-10">EditorToolbar</span><span class="hl-11">&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-12">add</span><span class="hl-1"> </span><span class="hl-13">as</span><span class="hl-1">=</span><span class="hl-6">&quot;save&quot;</span><span class="hl-1"> </span><span class="hl-13">action</span><span class="hl-1">=</span><span class="hl-6">&quot;save&quot;</span><span class="hl-1"> </span><span class="hl-13">icon</span><span class="hl-1">=</span><span class="hl-6">&quot;images/save.gif&quot;</span><span class="hl-11">/&gt;</span><br/><span class="hl-1"> </span><span class="hl-11">&lt;</span><span class="hl-12">add</span><span class="hl-1"> </span><span class="hl-13">as</span><span class="hl-1">=</span><span class="hl-6">&quot;Swimlane&quot;</span><span class="hl-1"> </span><span class="hl-13">template</span><span class="hl-1">=</span><span class="hl-6">&quot;swimlane&quot;</span><span class="hl-1"> </span><span class="hl-13">icon</span><span class="hl-1">=</span><span class="hl-6">&quot;images/swimlane.gif&quot;</span><span class="hl-11">/&gt;</span><br/><span class="hl-1"> ...</span>
</code></pre>
<p>The format of the configuration is described in
{@link DefaultToolbarCodec.decode}.</p>
<p>Ids:</p>
<p>For the IDs, there is an implicit behaviour in <a href="Codec.html">Codec</a>: It moves the Id
from the cell to the user object at encoding time and vice versa at decoding
time. For example, if the Task node from above has an id attribute, then
the <a href="Cell.html#id">Cell.id</a> of the corresponding cell will have this value. If there
is no Id collision in the model, then the cell may be retrieved using this
Id with the {@link mxGraphModel.getCell} function. If there is a collision, a new
Id will be created for the cell using {@link mxGraphModel.createId}. At encoding
time, this new Id will replace the value previously stored under the id
attribute in the Task node.</p>
<p>See <a href="EditorCodec.html">EditorCodec</a>, {@link DefaultToolbarCodec} and {@link DefaultPopupMenuCodec}
for information about configuring the editor and user interface.</p>
<p>Programmatically inserting cells:</p>
<p>For inserting a new cell, say, by clicking a button in the document,
the following code can be used. This requires an reference to the editor.</p>
<pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">userObject</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-10">Object</span><span class="hl-1">();</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">parent</span><span class="hl-1"> = </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">getDefaultParent</span><span class="hl-1">();</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">model</span><span class="hl-1"> = </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-0">model</span><span class="hl-1">;</span><br/><span class="hl-0">model</span><span class="hl-1">.</span><span class="hl-2">beginUpdate</span><span class="hl-1">();</span><br/><span class="hl-5">try</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">insertVertex</span><span class="hl-1">(</span><span class="hl-0">parent</span><span class="hl-1">, </span><span class="hl-3">null</span><span class="hl-1">, </span><span class="hl-0">userObject</span><span class="hl-1">, </span><span class="hl-8">20</span><span class="hl-1">, </span><span class="hl-8">20</span><span class="hl-1">, </span><span class="hl-8">80</span><span class="hl-1">, </span><span class="hl-8">30</span><span class="hl-1">);</span><br/><span class="hl-1">}</span><br/><span class="hl-5">finally</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">model</span><span class="hl-1">.</span><span class="hl-2">endUpdate</span><span class="hl-1">();</span><br/><span class="hl-1">}</span>
</code></pre>
<p>If a template cell from the config file should be inserted, then a clone
of the template can be created as follows. The clone is then inserted using
the add function instead of addVertex.</p>
<pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">template</span><span class="hl-1"> = </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">templates</span><span class="hl-1">[</span><span class="hl-6">&#39;task&#39;</span><span class="hl-1">];</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">clone</span><span class="hl-1"> = </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-0">model</span><span class="hl-1">.</span><span class="hl-2">cloneCell</span><span class="hl-1">(</span><span class="hl-0">template</span><span class="hl-1">);</span>
</code></pre>
<a href="#translations" id="translations" style="color: inherit; text-decoration: none;">
<h4>Translations:</h4>
</a>
<p>resources/editor - Language resources for Editor</p>
<a href="#callback-oninit" id="callback-oninit" style="color: inherit; text-decoration: none;">
<h4>Callback: onInit</h4>
</a>
<p>Called from within the constructor. In the callback,
&quot;this&quot; refers to the editor instance.</p>
<a href="#cookie-mxgraphseen" id="cookie-mxgraphseen" style="color: inherit; text-decoration: none;">
<h4>Cookie: mxgraph=seen</h4>
</a>
<p>Set when the editor is started. Never expires. Use
<a href="Editor.html#resetFirstTime">resetFirstTime</a> to reset this cookie. This cookie
only exists if <a href="Editor.html#onInit">onInit</a> is implemented.</p>
<a href="#event-mxeventopen" id="event-mxeventopen" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.OPEN</h4>
</a>
<p>Fires after a file was opened in <a href="Editor.html#open">open</a>. The <code>filename</code> property
contains the filename that was used. The same value is also available in
<a href="Editor.html#filename">filename</a>.</p>
<a href="#event-mxeventsave" id="event-mxeventsave" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.SAVE</h4>
</a>
<p>Fires after the current file was saved in <a href="Editor.html#save">save</a>. The <code>url</code>
property contains the URL that was used for saving.</p>
<a href="#event-mxeventpost" id="event-mxeventpost" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.POST</h4>
</a>
<p>Fires if a successful response was received in <a href="Editor.html#postDiagram">postDiagram</a>. The
<code>request</code> property contains the <MaxXmlRequest>, the
<code>url</code> and <code>data</code> properties contain the URL and the
data that were used in the post request.</p>
<a href="#event-mxeventroot" id="event-mxeventroot" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.ROOT</h4>
</a>
<p>Fires when the current root has changed, or when the title of the current
root has changed. This event has no properties.</p>
<a href="#event-mxeventbefore_add_vertex" id="event-mxeventbefore_add_vertex" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.BEFORE_ADD_VERTEX</h4>
</a>
<p>Fires before a vertex is added in <a href="Editor.html#addVertex">addVertex</a>. The <code>vertex</code>
property contains the new vertex and the <code>parent</code> property
contains its parent.</p>
<a href="#event-mxeventadd_vertex" id="event-mxeventadd_vertex" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.ADD_VERTEX</h4>
</a>
<p>Fires between begin- and endUpdate in <addVertex>. The <code>vertex</code>
property contains the vertex that is being inserted.</p>
<a href="#event-mxeventafter_add_vertex" id="event-mxeventafter_add_vertex" style="color: inherit; text-decoration: none;">
<h4>Event: mxEvent.AFTER_ADD_VERTEX</h4>
</a>
<p>Fires after a vertex was inserted and selected in <addVertex>. The
<code>vertex</code> property contains the new vertex.</p>
<a href="#example" id="example" style="color: inherit; text-decoration: none;">
<h3>Example:</h3>
</a>
<p>For starting an in-place edit after a new vertex has been added to the
graph, the following code can be used.</p>
<pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">addListener</span><span class="hl-1">(</span><span class="hl-0">mxEvent</span><span class="hl-1">.</span><span class="hl-7">AFTER_ADD_VERTEX</span><span class="hl-1">, </span><span class="hl-3">function</span><span class="hl-1">(</span><span class="hl-0">sender</span><span class="hl-1">, </span><span class="hl-0">evt</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">vertex</span><span class="hl-1"> = </span><span class="hl-0">evt</span><span class="hl-1">.</span><span class="hl-2">getProperty</span><span class="hl-1">(</span><span class="hl-6">&#39;vertex&#39;</span><span class="hl-1">);</span><br/><br/><span class="hl-1"> </span><span class="hl-5">if</span><span class="hl-1"> (</span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">isCellEditable</span><span class="hl-1">(</span><span class="hl-0">vertex</span><span class="hl-1">))</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">startEditingAtCell</span><span class="hl-1">(</span><span class="hl-0">vertex</span><span class="hl-1">);</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">});</span>
</code></pre>
<a href="#event-mxeventescape" id="event-mxeventescape" style="color: inherit; text-decoration: none;">
<h3>Event: mxEvent.ESCAPE</h3>
</a>
<p>Fires when the escape key is pressed. The <code>event</code> property
contains the key event.</p>
<a href="#constructor-editor" id="constructor-editor" style="color: inherit; text-decoration: none;">
<h3>Constructor: Editor</h3>
</a>
<p>Constructs a new editor. This function invokes the <a href="Editor.html#onInit">onInit</a> callback
upon completion.</p>
<pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">config</span><span class="hl-1"> = </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">load</span><span class="hl-1">(</span><span class="hl-6">&#39;config/diagrameditor.xml&#39;</span><span class="hl-1">).</span><span class="hl-2">getDocumentElement</span><span class="hl-1">();</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-2">Editor</span><span class="hl-1">(</span><span class="hl-0">config</span><span class="hl-1">);</span>
</code></pre>
</div></div></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><a href="EventSource.html" class="tsd-signature-type" data-tsd-kind="Class">EventSource</a><ul class="tsd-hierarchy"><li><span class="target">Editor</span></li></ul></li></ul></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="Editor.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-property tsd-parent-kind-class"><a href="Editor.html#actions" class="tsd-kind-icon">actions</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#askZoomResource" class="tsd-kind-icon">ask<wbr/>Zoom<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#currentFileResource" class="tsd-kind-icon">current<wbr/>File<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeIndex" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Index</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeName" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeValues" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Values</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#dblClickAction" class="tsd-kind-icon">dbl<wbr/>Click<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultEdge" class="tsd-kind-icon">default<wbr/>Edge</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultEdgeStyle" class="tsd-kind-icon">default<wbr/>Edge<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultGroup" class="tsd-kind-icon">default<wbr/>Group</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#destroyed" class="tsd-kind-icon">destroyed</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#diagramLayout" class="tsd-kind-icon">diagram<wbr/>Layout</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#disableContextMenu" class="tsd-kind-icon">disable<wbr/>Context<wbr/>Menu</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#escapePostData" class="tsd-kind-icon">escape<wbr/>Post<wbr/>Data</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventListeners" class="tsd-kind-icon">event<wbr/>Listeners</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventSource" class="tsd-kind-icon">event<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventsEnabled" class="tsd-kind-icon">events<wbr/>Enabled</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#filename" class="tsd-kind-icon">filename</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#forcedInserting" class="tsd-kind-icon">forced<wbr/>Inserting</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#graph" class="tsd-kind-icon">graph</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#graphRenderHint" class="tsd-kind-icon">graph<wbr/>Render<wbr/>Hint</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#groupBorderSize" class="tsd-kind-icon">group<wbr/>Border<wbr/>Size</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#help" class="tsd-kind-icon">help</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpHeight" class="tsd-kind-icon">help<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpResource" class="tsd-kind-icon">help<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpWidth" class="tsd-kind-icon">help<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpWindowImage" class="tsd-kind-icon">help<wbr/>Window<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#horizontalFlow" class="tsd-kind-icon">horizontal<wbr/>Flow</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#ignoredChanges" class="tsd-kind-icon">ignored<wbr/>Changes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#insertFunction" class="tsd-kind-icon">insert<wbr/>Function</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#keyHandler" class="tsd-kind-icon">key<wbr/>Handler</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#lastSavedResource" class="tsd-kind-icon">last<wbr/>Saved<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#lastSnapshot" class="tsd-kind-icon">last<wbr/>Snapshot</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#layoutDiagram" class="tsd-kind-icon">layout<wbr/>Diagram</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#layoutSwimlanes" class="tsd-kind-icon">layout<wbr/>Swimlanes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#linefeed" class="tsd-kind-icon">linefeed</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#maintainSwimlanes" class="tsd-kind-icon">maintain<wbr/>Swimlanes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#modified" class="tsd-kind-icon">modified</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#movePropertiesDialog" class="tsd-kind-icon">move<wbr/>Properties<wbr/>Dialog</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#onInit" class="tsd-kind-icon">on<wbr/>Init</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#outline" class="tsd-kind-icon">outline</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#outlineResource" class="tsd-kind-icon">outline<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#popupHandler" class="tsd-kind-icon">popup<wbr/>Handler</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#postParameterName" class="tsd-kind-icon">post<wbr/>Parameter<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#properties" class="tsd-kind-icon">properties</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesHeight" class="tsd-kind-icon">properties<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesResource" class="tsd-kind-icon">properties<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesWidth" class="tsd-kind-icon">properties<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#rubberband" class="tsd-kind-icon">rubberband</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#status" class="tsd-kind-icon">status</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneLayout" class="tsd-kind-icon">swimlane<wbr/>Layout</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneRequired" class="tsd-kind-icon">swimlane<wbr/>Required</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneSpacing" class="tsd-kind-icon">swimlane<wbr/>Spacing</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasks" class="tsd-kind-icon">tasks</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksResource" class="tsd-kind-icon">tasks<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksTop" class="tsd-kind-icon">tasks<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksWindowImage" class="tsd-kind-icon">tasks<wbr/>Window<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#templates" class="tsd-kind-icon">templates</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#toolbar" class="tsd-kind-icon">toolbar</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#undoManager" class="tsd-kind-icon">undo<wbr/>Manager</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlHelp" class="tsd-kind-icon">url<wbr/>Help</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlImage" class="tsd-kind-icon">url<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlPost" class="tsd-kind-icon">url<wbr/>Post</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#validating" class="tsd-kind-icon">validating</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="Editor.html#addAction" class="tsd-kind-icon">add<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addActions" class="tsd-kind-icon">add<wbr/>Actions</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#addListener" class="tsd-kind-icon">add<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addTemplate" class="tsd-kind-icon">add<wbr/>Template</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addVertex" class="tsd-kind-icon">add<wbr/>Vertex</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#consumeCycleAttribute" class="tsd-kind-icon">consume<wbr/>Cycle<wbr/>Attribute</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createDiagramLayout" class="tsd-kind-icon">create<wbr/>Diagram<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createEdge" class="tsd-kind-icon">create<wbr/>Edge</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createGraph" class="tsd-kind-icon">create<wbr/>Graph</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createGroup" class="tsd-kind-icon">create<wbr/>Group</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createLayoutManager" class="tsd-kind-icon">create<wbr/>Layout<wbr/>Manager</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createPopupMenu" class="tsd-kind-icon">create<wbr/>Popup<wbr/>Menu</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createProperties" class="tsd-kind-icon">create<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createSwimlaneLayout" class="tsd-kind-icon">create<wbr/>Swimlane<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createSwimlaneManager" class="tsd-kind-icon">create<wbr/>Swimlane<wbr/>Manager</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createTasks" class="tsd-kind-icon">create<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createToolbar" class="tsd-kind-icon">create<wbr/>Toolbar</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#cycleAttribute" class="tsd-kind-icon">cycle<wbr/>Attribute</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#destroy" class="tsd-kind-icon">destroy</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#execute" class="tsd-kind-icon">execute</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#fireEvent" class="tsd-kind-icon">fire<wbr/>Event</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getEdgeStyle" class="tsd-kind-icon">get<wbr/>Edge<wbr/>Style</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#getEventSource" class="tsd-kind-icon">get<wbr/>Event<wbr/>Source</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getRootTitle" class="tsd-kind-icon">get<wbr/>Root<wbr/>Title</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getTemplate" class="tsd-kind-icon">get<wbr/>Template</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getTitle" class="tsd-kind-icon">get<wbr/>Title</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getUrlImage" class="tsd-kind-icon">get<wbr/>Url<wbr/>Image</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getUrlPost" class="tsd-kind-icon">get<wbr/>Url<wbr/>Post</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#groupCells" class="tsd-kind-icon">group<wbr/>Cells</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#hideProperties" class="tsd-kind-icon">hide<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installChangeHandler" class="tsd-kind-icon">install<wbr/>Change<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installDblClickHandler" class="tsd-kind-icon">install<wbr/>Dbl<wbr/>Click<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installDrillHandler" class="tsd-kind-icon">install<wbr/>Drill<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installInsertHandler" class="tsd-kind-icon">install<wbr/>Insert<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installUndoHandler" class="tsd-kind-icon">install<wbr/>Undo<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#isEventsEnabled" class="tsd-kind-icon">is<wbr/>Events<wbr/>Enabled</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#isModified" class="tsd-kind-icon">is<wbr/>Modified</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#isPropertiesVisible" class="tsd-kind-icon">is<wbr/>Properties<wbr/>Visible</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#open" class="tsd-kind-icon">open</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#postDiagram" class="tsd-kind-icon">post<wbr/>Diagram</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#readGraphModel" class="tsd-kind-icon">read<wbr/>Graph<wbr/>Model</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#redo" class="tsd-kind-icon">redo</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#refreshTasks" class="tsd-kind-icon">refresh<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#removeListener" class="tsd-kind-icon">remove<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#resetFirstTime" class="tsd-kind-icon">reset<wbr/>First<wbr/>Time</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#resetHistory" class="tsd-kind-icon">reset<wbr/>History</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#save" class="tsd-kind-icon">save</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#setEventSource" class="tsd-kind-icon">set<wbr/>Event<wbr/>Source</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#setEventsEnabled" class="tsd-kind-icon">set<wbr/>Events<wbr/>Enabled</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setGraphContainer" class="tsd-kind-icon">set<wbr/>Graph<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setMode" class="tsd-kind-icon">set<wbr/>Mode</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setModified" class="tsd-kind-icon">set<wbr/>Modified</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setStatus" class="tsd-kind-icon">set<wbr/>Status</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setStatusContainer" class="tsd-kind-icon">set<wbr/>Status<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setTitleContainer" class="tsd-kind-icon">set<wbr/>Title<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setToolbarContainer" class="tsd-kind-icon">set<wbr/>Toolbar<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showHelp" class="tsd-kind-icon">show<wbr/>Help</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showOutline" class="tsd-kind-icon">show<wbr/>Outline</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showProperties" class="tsd-kind-icon">show<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showTasks" class="tsd-kind-icon">show<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#swapStyles" class="tsd-kind-icon">swap<wbr/>Styles</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#treeLayout" class="tsd-kind-icon">tree<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#undo" class="tsd-kind-icon">undo</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#writeGraphModel" class="tsd-kind-icon">write<wbr/>Graph<wbr/>Model</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a id="constructor" class="tsd-anchor"></a><h3>constructor</h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><li class="tsd-signature tsd-kind-icon">new <wbr/>Editor<span class="tsd-signature-symbol">(</span>config<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Editor.html" class="tsd-signature-type" data-tsd-kind="Class">Editor</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Overrides <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#constructor">constructor</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L400">editor/Editor.ts:400</a></li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>config: <span class="tsd-signature-type">Element</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="Editor.html" class="tsd-signature-type" data-tsd-kind="Class">Editor</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="actions" class="tsd-anchor"></a><h3>actions</h3><div class="tsd-signature tsd-kind-icon">actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = {}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L558">editor/Editor.ts:558</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Maps from actionnames to actions, which are functions taking
the editor and the cell as arguments. Use <a href="Editor.html#addAction">addAction</a>
to add or replace an action and <a href="Editor.html#execute">execute</a> to execute an action
by name, passing the cell to be operated upon as the second
argument.</p>
</div></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter-index-signature"><h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">Function</span></h5></li></ul></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="askZoomResource" class="tsd-anchor"></a><h3>ask<wbr/>Zoom<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">ask<wbr/>Zoom<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L452">editor/Editor.ts:452</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the zoom dialog. If the resource for this
key does not exist then the value is used as the error message. Default is &#39;askZoom&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;askZoom&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="currentFileResource" class="tsd-anchor"></a><h3>current<wbr/>File<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">current<wbr/>File<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L469">editor/Editor.ts:469</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the current file info. If the resource for
this key does not exist then the value is used as the error message. Default is &#39;currentFile&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;currentFile&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="cycleAttributeIndex" class="tsd-anchor"></a><h3>cycle<wbr/>Attribute<wbr/>Index</h3><div class="tsd-signature tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L768">editor/Editor.ts:768</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Index of the last consumed attribute index. If a new
swimlane is inserted, then the <a href="Editor.html#cycleAttributeValues">cycleAttributeValues</a>
at this index will be used as the value for
<a href="Editor.html#cycleAttributeName">cycleAttributeName</a>. Default is 0.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>0</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="cycleAttributeName" class="tsd-anchor"></a><h3>cycle<wbr/>Attribute<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;fillColor&#39;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L776">editor/Editor.ts:776</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Name of the attribute to be assigned a <a href="Editor.html#cycleAttributeValues">cycleAttributeValues</a>
when inserting new swimlanes. Default is &#39;fillColor&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;fillColor&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="cycleAttributeValues" class="tsd-anchor"></a><h3>cycle<wbr/>Attribute<wbr/>Values</h3><div class="tsd-signature tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Values<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L756">editor/Editor.ts:756</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the attribute values to be cycled when inserting new swimlanes.
Default is an empty array.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>any[]</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="dblClickAction" class="tsd-anchor"></a><h3>dbl<wbr/>Click<wbr/>Action</h3><div class="tsd-signature tsd-kind-icon">dbl<wbr/>Click<wbr/>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;edit&#39;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L585">editor/Editor.ts:585</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the name of the action to be executed
when a cell is double clicked. Default is &#39;edit&#39;.</p>
</div><div><p>To handle a singleclick, use the following code.</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">addListener</span><span class="hl-1">(</span><span class="hl-0">mxEvent</span><span class="hl-1">.</span><span class="hl-7">CLICK</span><span class="hl-1">, </span><span class="hl-3">function</span><span class="hl-1">(</span><span class="hl-0">sender</span><span class="hl-1">, </span><span class="hl-0">evt</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">e</span><span class="hl-1"> = </span><span class="hl-0">evt</span><span class="hl-1">.</span><span class="hl-2">getProperty</span><span class="hl-1">(</span><span class="hl-6">&#39;event&#39;</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">cell</span><span class="hl-1"> = </span><span class="hl-0">evt</span><span class="hl-1">.</span><span class="hl-2">getProperty</span><span class="hl-1">(</span><span class="hl-6">&#39;cell&#39;</span><span class="hl-1">);</span><br/><br/><span class="hl-1"> </span><span class="hl-5">if</span><span class="hl-1"> (</span><span class="hl-0">cell</span><span class="hl-1"> != </span><span class="hl-3">null</span><span class="hl-1"> &amp;&amp; !</span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-2">isConsumed</span><span class="hl-1">())</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-4">// Do something useful with cell...</span><br/><span class="hl-1"> </span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-2">consume</span><span class="hl-1">();</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">});</span>
</code></pre>
</dd><dt>default</dt><dd><p>&#39;edit&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="defaultEdge" class="tsd-anchor"></a><h3>default<wbr/>Edge</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Edge<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L632">editor/Editor.ts:632</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Prototype edge cell that is used for creating new edges.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="defaultEdgeStyle" class="tsd-anchor"></a><h3>default<wbr/>Edge<wbr/>Style</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Edge<wbr/>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L638">editor/Editor.ts:638</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the edge style to be returned in <a href="Editor.html#getEdgeStyle">getEdgeStyle</a>. Default is null.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="defaultGroup" class="tsd-anchor"></a><h3>default<wbr/>Group</h3><div class="tsd-signature tsd-kind-icon">default<wbr/>Group<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L643">editor/Editor.ts:643</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Prototype group cell that is used for creating new groups.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="destroyed" class="tsd-anchor"></a><h3>destroyed</h3><div class="tsd-signature tsd-kind-icon">destroyed<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L444">editor/Editor.ts:444</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="diagramLayout" class="tsd-anchor"></a><h3>diagram<wbr/>Layout</h3><div class="tsd-signature tsd-kind-icon">diagram<wbr/>Layout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L440">editor/Editor.ts:440</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="disableContextMenu" class="tsd-anchor"></a><h3>disable<wbr/>Context<wbr/>Menu</h3><div class="tsd-signature tsd-kind-icon">disable<wbr/>Context<wbr/>Menu<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L601">editor/Editor.ts:601</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the context menu should be disabled in the graph container.
Default is true.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>true</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="escapePostData" class="tsd-anchor"></a><h3>escape<wbr/>Post<wbr/>Data</h3><div class="tsd-signature tsd-kind-icon">escape<wbr/>Post<wbr/>Data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L679">editor/Editor.ts:679</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the data in the post request for saving a diagram
should be converted using encodeURIComponent. Default is true.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>true</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a id="eventListeners" class="tsd-anchor"></a><h3>event<wbr/>Listeners</h3><div class="tsd-signature tsd-kind-icon">event<wbr/>Listeners<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventListenerObject</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = []</span></div><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#eventListeners">eventListeners</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L45">view/event/EventSource.ts:45</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds the event names and associated listeners in an array. The array
contains the event name followed by the respective listener for each
registered listener.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a id="eventSource" class="tsd-anchor"></a><h3>event<wbr/>Source</h3><div class="tsd-signature tsd-kind-icon">event<wbr/>Source<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#eventSource">eventSource</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L55">view/event/EventSource.ts:55</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Optional source for events. Default is null.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a id="eventsEnabled" class="tsd-anchor"></a><h3>events<wbr/>Enabled</h3><div class="tsd-signature tsd-kind-icon">events<wbr/>Enabled<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#eventsEnabled">eventsEnabled</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L50">view/event/EventSource.ts:50</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if events can be fired. Default is true.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="filename" class="tsd-anchor"></a><h3>filename</h3><div class="tsd-signature tsd-kind-icon">filename<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L656">editor/Editor.ts:656</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Contains the URL of the last opened file as a string. Default is null.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="forcedInserting" class="tsd-anchor"></a><h3>forced<wbr/>Inserting</h3><div class="tsd-signature tsd-kind-icon">forced<wbr/>Inserting<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L620">editor/Editor.ts:620</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if a new cell should be inserted on a single
click even using <a href="Editor.html#insertFunction">insertFunction</a> if there is a cell
under the mousepointer, otherwise the cell under the
mousepointer is selected. Default is false.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="graph" class="tsd-anchor"></a><h3>graph</h3><div class="tsd-signature tsd-kind-icon">graph<span class="tsd-signature-symbol">:</span> <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L514">editor/Editor.ts:514</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds a <a href="Editor.html#graph">graph</a> for displaying the diagram. The graph
is created in <a href="Editor.html#setGraphContainer">setGraphContainer</a>.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="graphRenderHint" class="tsd-anchor"></a><h3>graph<wbr/>Render<wbr/>Hint</h3><div class="tsd-signature tsd-kind-icon">graph<wbr/>Render<wbr/>Hint<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L521">editor/Editor.ts:521</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds the render hint used for creating the
graph in <a href="Editor.html#setGraphContainer">setGraphContainer</a>. See <a href="Editor.html#graph">graph</a>. Default is null.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="groupBorderSize" class="tsd-anchor"></a><h3>group<wbr/>Border<wbr/>Size</h3><div class="tsd-signature tsd-kind-icon">group<wbr/>Border<wbr/>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L650">editor/Editor.ts:650</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Default size for the border of new groups. If null,
then then {@link Graph#gridSize} is used. Default is null.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="help" class="tsd-anchor"></a><h3>help</h3><div class="tsd-signature tsd-kind-icon">help<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L800">editor/Editor.ts:800</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds the <a href="MaxWindow.html">MaxWindow</a> created in <a href="Editor.html#showHelp">showHelp</a></p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="helpHeight" class="tsd-anchor"></a><h3>help<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">help<wbr/>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 260</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L826">editor/Editor.ts:826</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the height of the help window in pixels. Default is 260.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>260</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="helpResource" class="tsd-anchor"></a><h3>help<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">help<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L493">editor/Editor.ts:493</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the help window title. If the
resource for this key does not exist then the value is used as the
error message. Default is &#39;help&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;help&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="helpWidth" class="tsd-anchor"></a><h3>help<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">help<wbr/>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 300</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L819">editor/Editor.ts:819</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the width of the help window in pixels. Default is 300.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>300</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="helpWindowImage" class="tsd-anchor"></a><h3>help<wbr/>Window<wbr/>Image</h3><div class="tsd-signature tsd-kind-icon">help<wbr/>Window<wbr/>Image<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L805">editor/Editor.ts:805</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Icon for the help window.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="horizontalFlow" class="tsd-anchor"></a><h3>horizontal<wbr/>Flow</h3><div class="tsd-signature tsd-kind-icon">horizontal<wbr/>Flow<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L702">editor/Editor.ts:702</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the direction of the flow
in the diagram. This is used in the
layout algorithms. Default is false,
ie. vertical flow.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="ignoredChanges" class="tsd-anchor"></a><h3>ignored<wbr/>Changes</h3><div class="tsd-signature tsd-kind-icon">ignored<wbr/>Changes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L438">editor/Editor.ts:438</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="insertFunction" class="tsd-anchor"></a><h3>insert<wbr/>Function</h3><div class="tsd-signature tsd-kind-icon">insert<wbr/>Function<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L608">editor/Editor.ts:608</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the function to be used for inserting new
cells into the graph. This is assigned from the
<a href="EditorToolbar.html">EditorToolbar</a> if a vertex-tool is clicked.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="isActive" class="tsd-anchor"></a><h3>is<wbr/>Active</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Active<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L442">editor/Editor.ts:442</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="keyHandler" class="tsd-anchor"></a><h3>key<wbr/>Handler</h3><div class="tsd-signature tsd-kind-icon">key<wbr/>Handler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="EditorKeyHandler.html" class="tsd-signature-type" data-tsd-kind="Class">EditorKeyHandler</a><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L549">editor/Editor.ts:549</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds a <a href="EditorKeyHandler.html">EditorKeyHandler</a> for handling keyboard events.
The handler is created in <a href="Editor.html#setGraphContainer">setGraphContainer</a>.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="lastSavedResource" class="tsd-anchor"></a><h3>last<wbr/>Saved<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">last<wbr/>Saved<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L462">editor/Editor.ts:462</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the last saved info. If the resource for
this key does not exist then the value is used as the error message. Default is &#39;lastSaved&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;lastSaved&#39;.</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="lastSnapshot" class="tsd-anchor"></a><h3>last<wbr/>Snapshot</h3><div class="tsd-signature tsd-kind-icon">last<wbr/>Snapshot<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L437">editor/Editor.ts:437</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="layoutDiagram" class="tsd-anchor"></a><h3>layout<wbr/>Diagram</h3><div class="tsd-signature tsd-kind-icon">layout<wbr/>Diagram<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L720">editor/Editor.ts:720</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the top-level elements in the
diagram should be layed out using a vertical
or horizontal stack depending on the setting
of <a href="Editor.html#horizontalFlow">horizontalFlow</a>. The spacing between the
swimlanes is specified by <a href="Editor.html#swimlaneSpacing">swimlaneSpacing</a>.
Default is false.</p>
</div><div><p>If the top-level elements are swimlanes, then
the intra-swimlane layout is activated by
the <a href="Editor.html#layoutSwimlanes">layoutSwimlanes</a> switch.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="layoutSwimlanes" class="tsd-anchor"></a><h3>layout<wbr/>Swimlanes</h3><div class="tsd-signature tsd-kind-icon">layout<wbr/>Swimlanes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L749">editor/Editor.ts:749</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the children of swimlanes should
be layed out, either vertically or horizontally
depending on <a href="Editor.html#horizontalFlow">horizontalFlow</a>. Default is false.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="linefeed" class="tsd-anchor"></a><h3>linefeed</h3><div class="tsd-signature tsd-kind-icon">linefeed<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;&amp;#xa;&#39;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L665">editor/Editor.ts:665</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Character to be used for encoding linefeeds in <a href="Editor.html#save">save</a>. Default is &#39;&#xa;&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;&#xa;&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="maintainSwimlanes" class="tsd-anchor"></a><h3>maintain<wbr/>Swimlanes</h3><div class="tsd-signature tsd-kind-icon">maintain<wbr/>Swimlanes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L741">editor/Editor.ts:741</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the swimlanes should be kept at the same
width or height depending on the setting of
<a href="Editor.html#horizontalFlow">horizontalFlow</a>. Default is false.</p>
</div><div><p>For horizontal flows, all swimlanes
have the same height and for vertical flows, all swimlanes
have the same width. Furthermore, the swimlanes are
automatically &quot;stacked&quot; if <a href="Editor.html#layoutDiagram">layoutDiagram</a> is true.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="modified" class="tsd-anchor"></a><h3>modified</h3><div class="tsd-signature tsd-kind-icon">modified<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L861">editor/Editor.ts:861</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>True if the graph has been modified since it was last saved.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="movePropertiesDialog" class="tsd-anchor"></a><h3>move<wbr/>Properties<wbr/>Dialog</h3><div class="tsd-signature tsd-kind-icon">move<wbr/>Properties<wbr/>Dialog<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L849">editor/Editor.ts:849</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the properties dialog should be automatically
moved near the cell it is displayed for, otherwise the
dialog is not moved. This value is only taken into
account if the dialog is already visible. Default is false.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="onInit" class="tsd-anchor"></a><h3>on<wbr/>Init</h3><div class="tsd-signature tsd-kind-icon">on<wbr/>Init<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L436">editor/Editor.ts:436</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="outline" class="tsd-anchor"></a><h3>outline</h3><div class="tsd-signature tsd-kind-icon">outline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L507">editor/Editor.ts:507</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Reference to the <a href="MaxWindow.html">MaxWindow</a> that contains the outline. The <a href="Editor.html#outline">outline</a>
is stored in outline.outline.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="outlineResource" class="tsd-anchor"></a><h3>outline<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">outline<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L501">editor/Editor.ts:501</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the outline window title. If the
resource for this key does not exist then the value is used as the
error message. Default is &#39;outline&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;outline&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="popupHandler" class="tsd-anchor"></a><h3>popup<wbr/>Handler</h3><div class="tsd-signature tsd-kind-icon">popup<wbr/>Handler<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="EditorPopupMenu.html" class="tsd-signature-type" data-tsd-kind="Class">EditorPopupMenu</a><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L538">editor/Editor.ts:538</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds a <a href="EditorPopupMenu.html">EditorPopupMenu</a> for displaying popupmenus.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="postParameterName" class="tsd-anchor"></a><h3>post<wbr/>Parameter<wbr/>Name</h3><div class="tsd-signature tsd-kind-icon">post<wbr/>Parameter<wbr/>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;xml&#39;</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L672">editor/Editor.ts:672</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if the name of the post parameter that contains the diagram
data in a post request to the server. Default is &#39;xml&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;xml&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="properties" class="tsd-anchor"></a><h3>properties</h3><div class="tsd-signature tsd-kind-icon">properties<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L443">editor/Editor.ts:443</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="propertiesHeight" class="tsd-anchor"></a><h3>properties<wbr/>Height</h3><div class="tsd-signature tsd-kind-icon">properties<wbr/>Height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L840">editor/Editor.ts:840</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the height of the properties window in pixels.
If no height is specified then the window will be automatically
sized to fit its contents. Default is null.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="propertiesResource" class="tsd-anchor"></a><h3>properties<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">properties<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L477">editor/Editor.ts:477</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the properties window title. If the
resource for this key does not exist then the value is used as the
error message. Default is &#39;properties&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;properties&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="propertiesWidth" class="tsd-anchor"></a><h3>properties<wbr/>Width</h3><div class="tsd-signature tsd-kind-icon">properties<wbr/>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 240</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L832">editor/Editor.ts:832</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the width of the properties window in pixels. Default is 240.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>240</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="rubberband" class="tsd-anchor"></a><h3>rubberband</h3><div class="tsd-signature tsd-kind-icon">rubberband<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="RubberBandHandler.html" class="tsd-signature-type" data-tsd-kind="Class">RubberBandHandler</a><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L441">editor/Editor.ts:441</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="status" class="tsd-anchor"></a><h3>status</h3><div class="tsd-signature tsd-kind-icon">status<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L533">editor/Editor.ts:533</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>DOM container that holds the statusbar.
Use <a href="Editor.html#setStatusContainer">setStatusContainer</a> to set this value.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="swimlaneLayout" class="tsd-anchor"></a><h3>swimlane<wbr/>Layout</h3><div class="tsd-signature tsd-kind-icon">swimlane<wbr/>Layout<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L439">editor/Editor.ts:439</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="swimlaneRequired" class="tsd-anchor"></a><h3>swimlane<wbr/>Required</h3><div class="tsd-signature tsd-kind-icon">swimlane<wbr/>Required<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L594">editor/Editor.ts:594</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if new cells must be inserted
into an existing swimlane. Otherwise, cells
that are not swimlanes can be inserted as
top-level cells. Default is false.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="swimlaneSpacing" class="tsd-anchor"></a><h3>swimlane<wbr/>Spacing</h3><div class="tsd-signature tsd-kind-icon">swimlane<wbr/>Spacing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L728">editor/Editor.ts:728</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the spacing between swimlanes if
automatic layout is turned on in
<a href="Editor.html#layoutDiagram">layoutDiagram</a>. Default is 0.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>0</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="tasks" class="tsd-anchor"></a><h3>tasks</h3><div class="tsd-signature tsd-kind-icon">tasks<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L781">editor/Editor.ts:781</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds the [@link MaxWindow} created in <a href="Editor.html#showTasks">showTasks</a>.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="tasksResource" class="tsd-anchor"></a><h3>tasks<wbr/>Resource</h3><div class="tsd-signature tsd-kind-icon">tasks<wbr/>Resource<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L485">editor/Editor.ts:485</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the resource key for the tasks window title. If the
resource for this key does not exist then the value is used as the
error message. Default is &#39;tasks&#39;.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>&#39;tasks&#39;</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="tasksTop" class="tsd-anchor"></a><h3>tasks<wbr/>Top</h3><div class="tsd-signature tsd-kind-icon">tasks<wbr/>Top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 20</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L795">editor/Editor.ts:795</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the top coordinate of the tasks window in pixels. Default is 20.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>20</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="tasksWindowImage" class="tsd-anchor"></a><h3>tasks<wbr/>Window<wbr/>Image</h3><div class="tsd-signature tsd-kind-icon">tasks<wbr/>Window<wbr/>Image<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L789">editor/Editor.ts:789</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Icon for the tasks window.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="templates" class="tsd-anchor"></a><h3>templates</h3><div class="tsd-signature tsd-kind-icon">templates<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L627">editor/Editor.ts:627</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Maps from names to protoype cells to be used
in the toolbar for inserting new cells into
the diagram.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="toolbar" class="tsd-anchor"></a><h3>toolbar</h3><div class="tsd-signature tsd-kind-icon">toolbar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L527">editor/Editor.ts:527</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds a <a href="EditorToolbar.html">EditorToolbar</a> for displaying the toolbar. The
toolbar is created in <a href="Editor.html#setToolbarContainer">setToolbarContainer</a>.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="undoManager" class="tsd-anchor"></a><h3>undo<wbr/>Manager</h3><div class="tsd-signature tsd-kind-icon">undo<wbr/>Manager<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="UndoManager.html" class="tsd-signature-type" data-tsd-kind="Class">UndoManager</a><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L543">editor/Editor.ts:543</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Holds an <a href="UndoManager.html">UndoManager</a> for the command history.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="urlHelp" class="tsd-anchor"></a><h3>url<wbr/>Help</h3><div class="tsd-signature tsd-kind-icon">url<wbr/>Help<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L813">editor/Editor.ts:813</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the URL to be used for the contents of the
Online Help window. This is usually specified in the
resources file under urlHelp for language-specific
online help support.</p>
</div></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="urlImage" class="tsd-anchor"></a><h3>url<wbr/>Image</h3><div class="tsd-signature tsd-kind-icon">url<wbr/>Image<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L693">editor/Editor.ts:693</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the URL to be used for creating a bitmap of
the graph in the image action.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="urlPost" class="tsd-anchor"></a><h3>url<wbr/>Post</h3><div class="tsd-signature tsd-kind-icon">url<wbr/>Post<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = null</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L686">editor/Editor.ts:686</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies the URL to be used for posting the diagram
to a backend in <a href="Editor.html#save">save</a>.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>null</p>
</dd></dl></div></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="validating" class="tsd-anchor"></a><h3>validating</h3><div class="tsd-signature tsd-kind-icon">validating<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L856">editor/Editor.ts:856</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Specifies if &lt;{@link xGraph.validateGraph} should automatically be invoked after
each change. Default is false.</p>
</div><dl class="tsd-comment-tags"><dt>default</dt><dd><p>false</p>
</dd></dl></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addAction" class="tsd-anchor"></a><h3>add<wbr/>Action</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Action<span class="tsd-signature-symbol">(</span>actionname<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, funct<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1334">editor/Editor.ts:1334</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Binds the specified actionname to the specified function.</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">addAction</span><span class="hl-1">(</span><span class="hl-6">&#39;test&#39;</span><span class="hl-1">, </span><span class="hl-3">function</span><span class="hl-1">(</span><span class="hl-0">editor</span><span class="hl-1">: </span><span class="hl-10">Editor</span><span class="hl-1">, </span><span class="hl-0">cell</span><span class="hl-1">: </span><span class="hl-10">Cell</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">alert</span><span class="hl-1">(</span><span class="hl-6">&quot;test &quot;</span><span class="hl-1">+</span><span class="hl-0">cell</span><span class="hl-1">);</span><br/><span class="hl-1">});</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>actionname: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>String that specifies the name of the action to be added.</p>
</div></div></li><li><h5>funct: <span class="tsd-signature-type">Function</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>Function that implements the new action. The first argument
of the function is the editor it is used with,
the second argument is the cell it operates upon.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addActions" class="tsd-anchor"></a><h3>add<wbr/>Actions</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Actions<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L934">editor/Editor.ts:934</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Adds the built-in actions to the editor instance.
save - Saves the graph using <urlPost>.
print - Shows the graph in a new print preview window.
show - Shows the graph in a new window.
exportImage - Shows the graph as a bitmap image using <getUrlImage>.
refresh - Refreshes the graph&#39;s display.
cut - Copies the current selection into the clipboard
and removes it from the graph.
copy - Copies the current selection into the clipboard.
paste - Pastes the clipboard into the graph.
delete - Removes the current selection from the graph.
group - Puts the current selection into a new group.
ungroup - Removes the selected groups and selects the children.
undo - Undoes the last change on the graph model.
redo - Redoes the last change on the graph model.
zoom - Sets the zoom via a dialog.
zoomIn - Zooms into the graph.
zoomOut - Zooms out of the graph
actualSize - Resets the scale and translation on the graph.
fit - Changes the scale so that the graph fits into the window.
showProperties - Shows the properties dialog.
selectAll - Selects all cells.
selectNone - Clears the selection.
selectVertices - Selects all vertices.
selectEdges = Selects all edges.
edit - Starts editing the current selection cell.
enterGroup - Drills down into the current selection cell.
exitGroup - Moves up in the drilling hierachy
home - Moves to the topmost parent in the drilling hierarchy
selectPrevious - Selects the previous cell.
selectNext - Selects the next cell.
selectParent - Selects the parent of the selection cell.
selectChild - Selects the first child of the selection cell.
collapse - Collapses the currently selected cells.
expand - Expands the currently selected cells.
bold - Toggle bold text style.
italic - Toggle italic text style.
underline - Toggle underline text style.
alignCellsLeft - Aligns the selection cells at the left.
alignCellsCenter - Aligns the selection cells in the center.
alignCellsRight - Aligns the selection cells at the right.
alignCellsTop - Aligns the selection cells at the top.
alignCellsMiddle - Aligns the selection cells in the middle.
alignCellsBottom - Aligns the selection cells at the bottom.
alignFontLeft - Sets the horizontal text alignment to left.
alignFontCenter - Sets the horizontal text alignment to center.
alignFontRight - Sets the horizontal text alignment to right.
alignFontTop - Sets the vertical text alignment to top.
alignFontMiddle - Sets the vertical text alignment to middle.
alignFontBottom - Sets the vertical text alignment to bottom.
toggleTasks - Shows or hides the tasks window.
toggleHelp - Shows or hides the help window.
toggleOutline - Shows or hides the outline window.
toggleConsole - Shows or hides the console window.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="addListener" class="tsd-anchor"></a><h3>add<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">add<wbr/>Listener<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, funct<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#addListener">addListener</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L91">view/event/EventSource.ts:91</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Binds the specified function to the given event name. If no event name
is given, then the listener is registered for all events.</p>
</div><div><p>The parameters of the listener are the sender and an <a href="EventObject.html">EventObject</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">string</span></h5></li><li><h5>funct: <span class="tsd-signature-type">Function</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addTemplate" class="tsd-anchor"></a><h3>add<wbr/>Template</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Template<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, template<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1380">editor/Editor.ts:1380</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Adds the specified template under the given name in <a href="Editor.html#templates">templates</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">string</span></h5></li><li><h5>template: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="addVertex" class="tsd-anchor"></a><h3>add<wbr/>Vertex</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">add<wbr/>Vertex<span class="tsd-signature-symbol">(</span>parent<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, vertex<span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, x<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, y<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2534">editor/Editor.ts:2534</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Adds the given vertex as a child of parent at the specified
x and y coordinate and fires an <a href="Editor.html#addVertex">addVertex</a> event.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>parent: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5></li><li><h5>vertex: <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5></li><li><h5>x: <span class="tsd-signature-type">number</span></h5></li><li><h5>y: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="configure" class="tsd-anchor"></a><h3>configure</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">configure<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1289">editor/Editor.ts:1289</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Configures the editor using the specified node. To load the
configuration from a given URL the following code can be used to obtain
the XML node.</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">node</span><span class="hl-1"> = </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">load</span><span class="hl-1">(</span><span class="hl-0">url</span><span class="hl-1">).</span><span class="hl-2">getDocumentElement</span><span class="hl-1">();</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>node: <span class="tsd-signature-type">Element</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>XML node that contains the configuration.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="consumeCycleAttribute" class="tsd-anchor"></a><h3>consume<wbr/>Cycle<wbr/>Attribute</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">consume<wbr/>Cycle<wbr/>Attribute<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2501">editor/Editor.ts:2501</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the next attribute in <a href="Editor.html#cycleAttributeValues">cycleAttributeValues</a>
or null, if not attribute should be used in the specified cell.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cell: <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createDiagramLayout" class="tsd-anchor"></a><h3>create<wbr/>Diagram<wbr/>Layout</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Diagram<wbr/>Layout<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="StackLayout.html" class="tsd-signature-type" data-tsd-kind="Class">StackLayout</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1671">editor/Editor.ts:1671</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates the layout instance used to layout the
swimlanes in the diagram.</p>
</div></div><h4 class="tsd-returns-title">Returns <a href="StackLayout.html" class="tsd-signature-type" data-tsd-kind="Class">StackLayout</a></h4><div><p>StackLayout instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createEdge" class="tsd-anchor"></a><h3>create<wbr/>Edge</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Edge<span class="tsd-signature-symbol">(</span>source<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2462">editor/Editor.ts:2462</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Uses <a href="Editor.html#defaultEdge">defaultEdge</a> as the prototype for creating new edges
in the connection handler of the graph. The style of the
edge will be overridden with the value returned by <a href="Editor.html#getEdgeStyle">getEdgeStyle</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>source: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5></li><li><h5>target: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createGraph" class="tsd-anchor"></a><h3>create<wbr/>Graph</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Graph<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1397">editor/Editor.ts:1397</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates the <a href="Editor.html#graph">graph</a> for the editor. The graph is created with no
container and is initialized from <a href="Editor.html#setGraphContainer">setGraphContainer</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h4><div><p>graph instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createGroup" class="tsd-anchor"></a><h3>create<wbr/>Group</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Group<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1842">editor/Editor.ts:1842</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates and returns a clone of <a href="Editor.html#defaultGroup">defaultGroup</a> to be used
as a new group cell in {@link group}.</p>
</div></div><h4 class="tsd-returns-title">Returns <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h4><div><p>Cell</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createLayoutManager" class="tsd-anchor"></a><h3>create<wbr/>Layout<wbr/>Manager</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Layout<wbr/>Manager<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="LayoutManager.html" class="tsd-signature-type" data-tsd-kind="Class">LayoutManager</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1472">editor/Editor.ts:1472</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates a layout manager for the swimlane and diagram layouts, that
is, the locally defined inter and intraswimlane layouts.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="LayoutManager.html" class="tsd-signature-type" data-tsd-kind="Class">LayoutManager</a></h4><div><p>LayoutManager instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createPopupMenu" class="tsd-anchor"></a><h3>create<wbr/>Popup<wbr/>Menu</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Popup<wbr/>Menu<span class="tsd-signature-symbol">(</span>menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, cell<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, evt<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2451">editor/Editor.ts:2451</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Uses <a href="Editor.html#popupHandler">popupHandler</a> to create the menu in the graph&#39;s
panning handler. The redirection is setup in <a href="Editor.html#setToolbarContainer">setToolbarContainer</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>menu: <span class="tsd-signature-type">any</span></h5></li><li><h5>cell: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5></li><li><h5>evt: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createProperties" class="tsd-anchor"></a><h3>create<wbr/>Properties</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Properties<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLTableElement</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2101">editor/Editor.ts:2101</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates and returns the DOM node that represents the contents
of the properties dialog for the given cell. This implementation
works for user objects that are XML nodes and display all the
node attributes in a form.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cell: <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLTableElement</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createSwimlaneLayout" class="tsd-anchor"></a><h3>create<wbr/>Swimlane<wbr/>Layout</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Swimlane<wbr/>Layout<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="CompactTreeLayout.html" class="tsd-signature-type" data-tsd-kind="Class">CompactTreeLayout</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1694">editor/Editor.ts:1694</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates the layout instance used to layout the
children of each swimlane.</p>
</div></div><h4 class="tsd-returns-title">Returns <a href="CompactTreeLayout.html" class="tsd-signature-type" data-tsd-kind="Class">CompactTreeLayout</a></h4><div><p>CompactTreeLayout instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createSwimlaneManager" class="tsd-anchor"></a><h3>create<wbr/>Swimlane<wbr/>Manager</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Swimlane<wbr/>Manager<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="SwimlaneManager.html" class="tsd-signature-type" data-tsd-kind="Class">SwimlaneManager</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1452">editor/Editor.ts:1452</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Sets the graph&#39;s container using [@link mxGraph.init}.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="SwimlaneManager.html" class="tsd-signature-type" data-tsd-kind="Class">SwimlaneManager</a></h4><div><p>SwimlaneManager instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createTasks" class="tsd-anchor"></a><h3>create<wbr/>Tasks</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Tasks<span class="tsd-signature-symbol">(</span>div<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2317">editor/Editor.ts:2317</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Updates the contents of the given DOM node to
display the tasks associated with the current
editor state. This is invoked whenever there
is a possible change of state in the editor.
Default implementation is empty.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>div: <span class="tsd-signature-type">Element</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="createToolbar" class="tsd-anchor"></a><h3>create<wbr/>Toolbar</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">create<wbr/>Toolbar<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="EditorToolbar.html" class="tsd-signature-type" data-tsd-kind="Class">EditorToolbar</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1702">editor/Editor.ts:1702</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates the <a href="Editor.html#toolbar">toolbar</a> with no container.</p>
</div></div><h4 class="tsd-returns-title">Returns <a href="EditorToolbar.html" class="tsd-signature-type" data-tsd-kind="Class">EditorToolbar</a></h4><div><p>EditorToolbar instance</p>
</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="cycleAttribute" class="tsd-anchor"></a><h3>cycle<wbr/>Attribute</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">cycle<wbr/>Attribute<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2516">editor/Editor.ts:2516</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Uses the returned value from <a href="Editor.html#consumeCycleAttribute">consumeCycleAttribute</a>
as the value for the <a href="Editor.html#cycleAttributeName">cycleAttributeName</a> key in the given cell&#39;s style.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cell: <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="destroy" class="tsd-anchor"></a><h3>destroy</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">destroy<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2624">editor/Editor.ts:2624</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Removes the editor and all its associated resources. This does not
normally need to be called, it is called automatically when the window
unloads.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="execute" class="tsd-anchor"></a><h3>execute</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">execute<span class="tsd-signature-symbol">(</span>actionname<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, cell<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, evt<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1354">editor/Editor.ts:1354</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Executes the function with the given name in <a href="Editor.html#actions">actions</a> passing the
editor instance and given cell as the first and second argument. All
additional arguments are passed to the action as well. This method
contains a try-catch block and displays an error message if an action
causes an exception. The exception is re-thrown after the error
message was displayed.</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">execute</span><span class="hl-1">(</span><span class="hl-6">&quot;showProperties&quot;</span><span class="hl-1">, </span><span class="hl-0">cell</span><span class="hl-1">);</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>actionname: <span class="tsd-signature-type">string</span></h5></li><li><h5>cell: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol"> = null</span></h5></li><li><h5>evt: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Event</span><span class="tsd-signature-symbol"> = null</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="fireEvent" class="tsd-anchor"></a><h3>fire<wbr/>Event</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">fire<wbr/>Event<span class="tsd-signature-symbol">(</span>evt<span class="tsd-signature-symbol">: </span><a href="EventObject.html" class="tsd-signature-type" data-tsd-kind="Class">EventObject</a>, sender<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#fireEvent">fireEvent</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L125">view/event/EventSource.ts:125</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Dispatches the given event to the listeners which are registered for
the event. The sender argument is optional. The current execution scope
(&quot;this&quot;) is used for the listener invocation (see {@link Utils#bind}).</p>
</div><div><p>Example:</p>
<pre><code class="language-javascript"><span class="hl-2">fireEvent</span><span class="hl-1">(</span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-2">mxEventObject</span><span class="hl-1">(</span><span class="hl-6">&quot;eventName&quot;</span><span class="hl-1">, </span><span class="hl-0">key1</span><span class="hl-1">, </span><span class="hl-0">val1</span><span class="hl-1">, .., </span><span class="hl-0">keyN</span><span class="hl-1">, </span><span class="hl-0">valN</span><span class="hl-1">))</span>
</code></pre>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>evt: <a href="EventObject.html" class="tsd-signature-type" data-tsd-kind="Class">EventObject</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p><a href="EventObject.html">EventObject</a> that represents the event.</p>
</div></div></li><li><h5>sender: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol"> = null</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>Optional sender to be passed to the listener. Default value is
the return value of <getEventSource>.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getEdgeStyle" class="tsd-anchor"></a><h3>get<wbr/>Edge<wbr/>Style</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Edge<wbr/>Style<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2492">editor/Editor.ts:2492</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns a string identifying the style of new edges.
The function is used in <a href="Editor.html#createEdge">createEdge</a> when new edges
are created in the graph.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="getEventSource" class="tsd-anchor"></a><h3>get<wbr/>Event<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">get<wbr/>Event<wbr/>Source<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#getEventSource">getEventSource</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L74">view/event/EventSource.ts:74</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns <eventSource>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getRootTitle" class="tsd-anchor"></a><h3>get<wbr/>Root<wbr/>Title</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Root<wbr/>Title<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1807">editor/Editor.ts:1807</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the string value of the root cell in {@link graph.model}.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getTemplate" class="tsd-anchor"></a><h3>get<wbr/>Template</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Template<span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1388">editor/Editor.ts:1388</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the template for the given name.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>name: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getTitle" class="tsd-anchor"></a><h3>get<wbr/>Title</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Title<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1785">editor/Editor.ts:1785</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the string value for the current root of the diagram.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getUrlImage" class="tsd-anchor"></a><h3>get<wbr/>Url<wbr/>Image</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Url<wbr/>Image<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1997">editor/Editor.ts:1997</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the URL to create the image with. This is typically
the URL of a backend which accepts an XML representation
of a graph view to create an image. The function is used
in the image action to create an image. This implementation
returns <a href="Editor.html#urlImage">urlImage</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="getUrlPost" class="tsd-anchor"></a><h3>get<wbr/>Url<wbr/>Post</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">get<wbr/>Url<wbr/>Post<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1986">editor/Editor.ts:1986</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns the URL to post the diagram to. This is used
in <a href="Editor.html#save">save</a>. The default implementation returns <a href="Editor.html#urlPost">urlPost</a>,
adding <code>?draft=true</code>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="groupCells" class="tsd-anchor"></a><h3>group<wbr/>Cells</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">group<wbr/>Cells<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1831">editor/Editor.ts:1831</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Invokes <a href="Editor.html#createGroup">createGroup</a> to create a new group cell and the invokes
{@link graph.groupCells}, using the grid size of the graph as the spacing
in the group&#39;s content area.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="hideProperties" class="tsd-anchor"></a><h3>hide<wbr/>Properties</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">hide<wbr/>Properties<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2227">editor/Editor.ts:2227</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Hides the properties dialog.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="installChangeHandler" class="tsd-anchor"></a><h3>install<wbr/>Change<wbr/>Handler</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">install<wbr/>Change<wbr/>Handler<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1595">editor/Editor.ts:1595</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Installs the listeners required to automatically validate
the graph. On each change of the root, this implementation
fires a {@link root} event.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="installDblClickHandler" class="tsd-anchor"></a><h3>install<wbr/>Dbl<wbr/>Click<wbr/>Handler</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">install<wbr/>Dbl<wbr/>Click<wbr/>Handler<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1541">editor/Editor.ts:1541</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Overrides {@link graph.dblClick} to invoke <a href="Editor.html#dblClickAction">dblClickAction</a>
on a cell and reset the selection tool in the toolbar.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="installDrillHandler" class="tsd-anchor"></a><h3>install<wbr/>Drill<wbr/>Handler</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">install<wbr/>Drill<wbr/>Handler<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1580">editor/Editor.ts:1580</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Installs listeners for dispatching the {@link root} event.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="installInsertHandler" class="tsd-anchor"></a><h3>install<wbr/>Insert<wbr/>Handler</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">install<wbr/>Insert<wbr/>Handler<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1630">editor/Editor.ts:1630</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Installs the handler for invoking <a href="Editor.html#insertFunction">insertFunction</a> if one is defined.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="installUndoHandler" class="tsd-anchor"></a><h3>install<wbr/>Undo<wbr/>Handler</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">install<wbr/>Undo<wbr/>Handler<span class="tsd-signature-symbol">(</span>graph<span class="tsd-signature-symbol">: </span><a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1557">editor/Editor.ts:1557</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Adds the <a href="Editor.html#undoManager">undoManager</a> to the graph model and the view.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>graph: <a href="Graph.html" class="tsd-signature-type" data-tsd-kind="Class">Graph</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="isEventsEnabled" class="tsd-anchor"></a><h3>is<wbr/>Events<wbr/>Enabled</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">is<wbr/>Events<wbr/>Enabled<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#isEventsEnabled">isEventsEnabled</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L60">view/event/EventSource.ts:60</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns <eventsEnabled>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="isModified" class="tsd-anchor"></a><h3>is<wbr/>Modified</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">is<wbr/>Modified<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L866">editor/Editor.ts:866</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns <a href="Editor.html#modified">modified</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="isPropertiesVisible" class="tsd-anchor"></a><h3>is<wbr/>Properties<wbr/>Visible</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">is<wbr/>Properties<wbr/>Visible<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2091">editor/Editor.ts:2091</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Returns true if the properties dialog is currently visible.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="open" class="tsd-anchor"></a><h3>open</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">open<span class="tsd-signature-symbol">(</span>filename<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1867">editor/Editor.ts:1867</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Opens the specified file synchronously and parses it using
<a href="Editor.html#readGraphModel">readGraphModel</a>. It updates <a href="Editor.html#filename">filename</a> and fires an <open>-event after
the file has been opened. Exceptions should be handled as follows:</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-5">try</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">open</span><span class="hl-1">(</span><span class="hl-0">filename</span><span class="hl-1">);</span><br/><span class="hl-1">}</span><br/><span class="hl-5">catch</span><span class="hl-1"> (</span><span class="hl-0">e</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">error</span><span class="hl-1">(</span><span class="hl-6">&#39;Cannot open &#39;</span><span class="hl-1"> + </span><span class="hl-0">filename</span><span class="hl-1"> +</span><br/><span class="hl-1"> </span><span class="hl-6">&#39;: &#39;</span><span class="hl-1"> + </span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">message</span><span class="hl-1">, </span><span class="hl-8">280</span><span class="hl-1">, </span><span class="hl-3">true</span><span class="hl-1">);</span><br/><span class="hl-1">}</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>filename: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>URL of the file to be opened.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="postDiagram" class="tsd-anchor"></a><h3>post<wbr/>Diagram</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">post<wbr/>Diagram<span class="tsd-signature-symbol">(</span>url<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1950">editor/Editor.ts:1950</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Hook for subclassers to override the posting of a diagram
represented by the given node to the given URL. This fires
an asynchronous <a href="../index.html#post">post</a> event if the diagram has been posted.</p>
</div><div>
<a href="#example" id="example" style="color: inherit; text-decoration: none;">
<h3>Example:</h3>
</a>
<p>To replace the diagram with the diagram in the response, use the
following code.</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">addListener</span><span class="hl-1">(</span><span class="hl-0">mxEvent</span><span class="hl-1">.</span><span class="hl-7">POST</span><span class="hl-1">, </span><span class="hl-3">function</span><span class="hl-1">(</span><span class="hl-0">sender</span><span class="hl-1">, </span><span class="hl-0">evt</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-4">// Process response (replace diagram)</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">req</span><span class="hl-1"> = </span><span class="hl-0">evt</span><span class="hl-1">.</span><span class="hl-2">getProperty</span><span class="hl-1">(</span><span class="hl-6">&#39;request&#39;</span><span class="hl-1">);</span><br/><span class="hl-1"> </span><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">root</span><span class="hl-1"> = </span><span class="hl-0">req</span><span class="hl-1">.</span><span class="hl-2">getDocumentElement</span><span class="hl-1">();</span><br/><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">readGraphModel</span><span class="hl-1">(</span><span class="hl-0">root</span><span class="hl-1">)</span><br/><span class="hl-1">});</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>url: <span class="tsd-signature-type">any</span></h5></li><li><h5>data: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="readGraphModel" class="tsd-anchor"></a><h3>read<wbr/>Graph<wbr/>Model</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">read<wbr/>Graph<wbr/>Model<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1882">editor/Editor.ts:1882</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Reads the specified XML node into the existing graph model and resets
the command history and modified state.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>node: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="redo" class="tsd-anchor"></a><h3>redo</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">redo<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1822">editor/Editor.ts:1822</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Redo the last change in <a href="Editor.html#graph">graph</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="refreshTasks" class="tsd-anchor"></a><h3>refresh<wbr/>Tasks</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">refresh<wbr/>Tasks<span class="tsd-signature-symbol">(</span>div<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2300">editor/Editor.ts:2300</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Updates the contents of the tasks window using <a href="Editor.html#createTasks">createTasks</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>div: <span class="tsd-signature-type">Element</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="removeListener" class="tsd-anchor"></a><h3>remove<wbr/>Listener</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">remove<wbr/>Listener<span class="tsd-signature-symbol">(</span>funct<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#removeListener">removeListener</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L98">view/event/EventSource.ts:98</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Removes all occurrences of the given listener from <eventListeners>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>funct: <span class="tsd-signature-type">Function</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="resetFirstTime" class="tsd-anchor"></a><h3>reset<wbr/>First<wbr/>Time</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">reset<wbr/>First<wbr/>Time<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1305">editor/Editor.ts:1305</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Resets the cookie that is used to remember if the editor has already been used.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="resetHistory" class="tsd-anchor"></a><h3>reset<wbr/>History</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">reset<wbr/>History<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1312">editor/Editor.ts:1312</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Resets the command history, modified state and counters.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="save" class="tsd-anchor"></a><h3>save</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">save<span class="tsd-signature-symbol">(</span>url<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span>, linefeed<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1910">editor/Editor.ts:1910</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Posts the string returned by <a href="Editor.html#writeGraphModel">writeGraphModel</a> to the given URL or the
URL returned by <a href="Editor.html#getUrlPost">getUrlPost</a>. The actual posting is carried out by
<a href="Editor.html#postDiagram">postDiagram</a>. If the URL is null then the resulting XML will be
displayed using <a href="PopupMenuHandler.html#popup">popup</a>. Exceptions should be handled as
follows:</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-5">try</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">editor</span><span class="hl-1">.</span><span class="hl-2">save</span><span class="hl-1">();</span><br/><span class="hl-1">}</span><br/><span class="hl-5">catch</span><span class="hl-1"> (</span><span class="hl-0">e</span><span class="hl-1">)</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">error</span><span class="hl-1">(</span><span class="hl-6">&#39;Cannot save : &#39;</span><span class="hl-1"> + </span><span class="hl-0">e</span><span class="hl-1">.</span><span class="hl-0">message</span><span class="hl-1">, </span><span class="hl-8">280</span><span class="hl-1">, </span><span class="hl-3">true</span><span class="hl-1">);</span><br/><span class="hl-1">}</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>url: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = null</span></h5></li><li><h5>linefeed: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setEventSource" class="tsd-anchor"></a><h3>set<wbr/>Event<wbr/>Source</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Event<wbr/>Source<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#setEventSource">setEventSource</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L81">view/event/EventSource.ts:81</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Sets <eventSource>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EventTarget</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a id="setEventsEnabled" class="tsd-anchor"></a><h3>set<wbr/>Events<wbr/>Enabled</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><li class="tsd-signature tsd-kind-icon">set<wbr/>Events<wbr/>Enabled<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><p>Inherited from <a href="EventSource.html">EventSource</a>.<a href="EventSource.html#setEventsEnabled">setEventsEnabled</a></p><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/view/event/EventSource.ts#L67">view/event/EventSource.ts:67</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Sets <eventsEnabled>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">boolean</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setGraphContainer" class="tsd-anchor"></a><h3>set<wbr/>Graph<wbr/>Container</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Graph<wbr/>Container<span class="tsd-signature-symbol">(</span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1517">editor/Editor.ts:1517</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Sets the graph&#39;s container using {@link graph.init}.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>container: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setMode" class="tsd-anchor"></a><h3>set<wbr/>Mode</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Mode<span class="tsd-signature-symbol">(</span>modename<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2429">editor/Editor.ts:2429</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Puts the graph into the specified mode. The following modenames are
supported:</p>
</div><div><p>select - Selects using the left mouse button, new connections are disabled.
connect - Selects using the left mouse button or creates new connections if mouse over cell hotspot.
See {@link mxConnectionHandler}.
pan - Pans using the left mouse button, new connections are disabled.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>modename: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setModified" class="tsd-anchor"></a><h3>set<wbr/>Modified</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Modified<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L874">editor/Editor.ts:874</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Sets <a href="Editor.html#modified">modified</a> to the specified boolean value.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>value: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setStatus" class="tsd-anchor"></a><h3>set<wbr/>Status</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Status<span class="tsd-signature-symbol">(</span>message<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1750">editor/Editor.ts:1750</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Display the specified message in the status bar.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>message: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>String the specified the message to be displayed.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setStatusContainer" class="tsd-anchor"></a><h3>set<wbr/>Status<wbr/>Container</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Status<wbr/>Container<span class="tsd-signature-symbol">(</span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1721">editor/Editor.ts:1721</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates the <a href="Editor.html#status">status</a> using the specified container.
This implementation adds listeners in the editor to
display the last saved time and the current filename
in the status bar.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>container: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>DOM node that will contain the statusbar.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setTitleContainer" class="tsd-anchor"></a><h3>set<wbr/>Title<wbr/>Container</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Title<wbr/>Container<span class="tsd-signature-symbol">(</span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1761">editor/Editor.ts:1761</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates a listener to update the inner HTML of the
specified DOM node with the value of <a href="Editor.html#getTitle">getTitle</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>container: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>DOM node that will contain the title.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="setToolbarContainer" class="tsd-anchor"></a><h3>set<wbr/>Toolbar<wbr/>Container</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">set<wbr/>Toolbar<wbr/>Container<span class="tsd-signature-symbol">(</span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1710">editor/Editor.ts:1710</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Initializes the toolbar for the given container.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>container: <span class="tsd-signature-type">any</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="showHelp" class="tsd-anchor"></a><h3>show<wbr/>Help</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">show<wbr/>Help<span class="tsd-signature-symbol">(</span>tasks<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2328">editor/Editor.ts:2328</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Shows the help window. If the help window does not exist
then it is created using an iframe pointing to the resource
for the <code>urlHelp</code> key or <a href="Editor.html#urlHelp">urlHelp</a> if the resource
is undefined.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>tasks: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = null</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="showOutline" class="tsd-anchor"></a><h3>show<wbr/>Outline</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">show<wbr/>Outline<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2381">editor/Editor.ts:2381</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Shows the outline window. If the window does not exist, then it is
created using an <a href="Editor.html#outline">outline</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="showProperties" class="tsd-anchor"></a><h3>show<wbr/>Properties</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">show<wbr/>Properties<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2026">editor/Editor.ts:2026</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Creates and shows the properties dialog for the given
cell. The content area of the dialog is created using
<a href="Editor.html#createProperties">createProperties</a>.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cell: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a><span class="tsd-signature-symbol"> = null</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="showTasks" class="tsd-anchor"></a><h3>show<wbr/>Tasks</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">show<wbr/>Tasks<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2255">editor/Editor.ts:2255</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Shows the tasks window. The tasks window is created using <a href="Editor.html#createTasks">createTasks</a>. The
default width of the window is 200 pixels, the y-coordinate of the location
can be specifies in <a href="Editor.html#tasksTop">tasksTop</a> and the x-coordinate is right aligned with a
20 pixel offset from the right border. To change the location of the tasks
window, the following code can be used:</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">oldShowTasks</span><span class="hl-1"> = </span><span class="hl-10">Editor</span><span class="hl-1">.</span><span class="hl-0">prototype</span><span class="hl-1">.</span><span class="hl-0">showTasks</span><span class="hl-1">;</span><br/><span class="hl-10">Editor</span><span class="hl-1">.</span><span class="hl-0">prototype</span><span class="hl-1">.</span><span class="hl-2">showTasks</span><span class="hl-1"> = </span><span class="hl-3">function</span><span class="hl-1">()</span><br/><span class="hl-1">{</span><br/><span class="hl-1"> </span><span class="hl-0">oldShowTasks</span><span class="hl-1">.</span><span class="hl-2">apply</span><span class="hl-1">(</span><span class="hl-3">this</span><span class="hl-1">, </span><span class="hl-3">arguments</span><span class="hl-1">); </span><span class="hl-4">// &quot;supercall&quot;</span><br/><br/><span class="hl-1"> </span><span class="hl-5">if</span><span class="hl-1"> (</span><span class="hl-3">this</span><span class="hl-1">.</span><span class="hl-0">tasks</span><span class="hl-1"> != </span><span class="hl-3">null</span><span class="hl-1">)</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-3">this</span><span class="hl-1">.</span><span class="hl-0">tasks</span><span class="hl-1">.</span><span class="hl-2">setLocation</span><span class="hl-1">(</span><span class="hl-8">10</span><span class="hl-1">, </span><span class="hl-8">10</span><span class="hl-1">);</span><br/><span class="hl-1"> }</span><br/><span class="hl-1">};</span>
</code></pre>
</dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="swapStyles" class="tsd-anchor"></a><h3>swap<wbr/>Styles</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">swap<wbr/>Styles<span class="tsd-signature-symbol">(</span>first<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">CellStateStyles</span>, second<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L2007">editor/Editor.ts:2007</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Swaps the styles for the given names in the graph&#39;s
stylesheet and refreshes the graph.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>first: <span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">CellStateStyles</span></h5></li><li><h5>second: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="treeLayout" class="tsd-anchor"></a><h3>tree<wbr/>Layout</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">tree<wbr/>Layout<span class="tsd-signature-symbol">(</span>cell<span class="tsd-signature-symbol">: </span><a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a>, horizontal<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1775">editor/Editor.ts:1775</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Executes a vertical or horizontal compact tree layout
using the specified cell as an argument. The cell may
either be a group or the root of a tree.</p>
</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>cell: <a href="Cell.html" class="tsd-signature-type" data-tsd-kind="Class">Cell</a></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>{@link mxCell} to use in the compact tree layout.</p>
</div></div></li><li><h5>horizontal: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>Optional boolean to specify the tree&#39;s
orientation. Default is true.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="undo" class="tsd-anchor"></a><h3>undo</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">undo<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1815">editor/Editor.ts:1815</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Undo the last change in <a href="Editor.html#graph">graph</a>.</p>
</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="writeGraphModel" class="tsd-anchor"></a><h3>write<wbr/>Graph<wbr/>Model</h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">write<wbr/>Graph<wbr/>Model<span class="tsd-signature-symbol">(</span>linefeed<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/maxgraph/maxgraph/blob/598b60e2f/packages/core/src/editor/Editor.ts#L1974">editor/Editor.ts:1974</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
<p>Hook to create the string representation of the diagram. The default
implementation uses an <a href="Codec.html">Codec</a> to encode the graph model as
follows:</p>
</div><dl class="tsd-comment-tags"><dt>example</dt><dd><pre><code class="language-javascript"><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">enc</span><span class="hl-1"> = </span><span class="hl-3">new</span><span class="hl-1"> </span><span class="hl-2">Codec</span><span class="hl-1">();</span><br/><span class="hl-3">var</span><span class="hl-1"> </span><span class="hl-0">node</span><span class="hl-1"> = </span><span class="hl-0">enc</span><span class="hl-1">.</span><span class="hl-2">encode</span><span class="hl-1">(</span><span class="hl-3">this</span><span class="hl-1">.</span><span class="hl-0">graph</span><span class="hl-1">.</span><span class="hl-2">getDataModel</span><span class="hl-1">());</span><br/><span class="hl-5">return</span><span class="hl-1"> </span><span class="hl-0">mxUtils</span><span class="hl-1">.</span><span class="hl-2">getXml</span><span class="hl-1">(</span><span class="hl-0">node</span><span class="hl-1">, </span><span class="hl-3">this</span><span class="hl-1">.</span><span class="hl-0">linefeed</span><span class="hl-1">);</span>
</code></pre>
</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>linefeed: <span class="tsd-signature-type">string</span></h5><div class="tsd-comment tsd-typography"><div class="lead">
<p>Optional character to be used as the linefeed. Default is <a href="Editor.html#linefeed">linefeed</a>.</p>
</div></div></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../index.html">Exports</a></li><li class=" tsd-kind-namespace"><a href="../modules/DomHelpers.html">Dom<wbr/>Helpers</a></li><li class=" tsd-kind-namespace"><a href="../modules/cloneUtils.html">clone<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/constants.html">constants</a></li><li class=" tsd-kind-namespace"><a href="../modules/domUtils.html">dom<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/eventUtils.html">event<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/gestureUtils.html">gesture<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/mathUtils.html">math<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/stringUtils.html">string<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/styleUtils.html">style<wbr/>Utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/utils.html">utils</a></li><li class=" tsd-kind-namespace"><a href="../modules/xmlUtils.html">xml<wbr/>Utils</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class"><a href="Editor.html" class="tsd-kind-icon">Editor</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite"><a href="Editor.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#actions" class="tsd-kind-icon">actions</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#askZoomResource" class="tsd-kind-icon">ask<wbr/>Zoom<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#currentFileResource" class="tsd-kind-icon">current<wbr/>File<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeIndex" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Index</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeName" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#cycleAttributeValues" class="tsd-kind-icon">cycle<wbr/>Attribute<wbr/>Values</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#dblClickAction" class="tsd-kind-icon">dbl<wbr/>Click<wbr/>Action</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultEdge" class="tsd-kind-icon">default<wbr/>Edge</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultEdgeStyle" class="tsd-kind-icon">default<wbr/>Edge<wbr/>Style</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#defaultGroup" class="tsd-kind-icon">default<wbr/>Group</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#destroyed" class="tsd-kind-icon">destroyed</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#diagramLayout" class="tsd-kind-icon">diagram<wbr/>Layout</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#disableContextMenu" class="tsd-kind-icon">disable<wbr/>Context<wbr/>Menu</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#escapePostData" class="tsd-kind-icon">escape<wbr/>Post<wbr/>Data</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventListeners" class="tsd-kind-icon">event<wbr/>Listeners</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventSource" class="tsd-kind-icon">event<wbr/>Source</a></li><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#eventsEnabled" class="tsd-kind-icon">events<wbr/>Enabled</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#filename" class="tsd-kind-icon">filename</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#forcedInserting" class="tsd-kind-icon">forced<wbr/>Inserting</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#graph" class="tsd-kind-icon">graph</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#graphRenderHint" class="tsd-kind-icon">graph<wbr/>Render<wbr/>Hint</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#groupBorderSize" class="tsd-kind-icon">group<wbr/>Border<wbr/>Size</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#help" class="tsd-kind-icon">help</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpHeight" class="tsd-kind-icon">help<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpResource" class="tsd-kind-icon">help<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpWidth" class="tsd-kind-icon">help<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#helpWindowImage" class="tsd-kind-icon">help<wbr/>Window<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#horizontalFlow" class="tsd-kind-icon">horizontal<wbr/>Flow</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#ignoredChanges" class="tsd-kind-icon">ignored<wbr/>Changes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#insertFunction" class="tsd-kind-icon">insert<wbr/>Function</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#isActive" class="tsd-kind-icon">is<wbr/>Active</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#keyHandler" class="tsd-kind-icon">key<wbr/>Handler</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#lastSavedResource" class="tsd-kind-icon">last<wbr/>Saved<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#lastSnapshot" class="tsd-kind-icon">last<wbr/>Snapshot</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#layoutDiagram" class="tsd-kind-icon">layout<wbr/>Diagram</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#layoutSwimlanes" class="tsd-kind-icon">layout<wbr/>Swimlanes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#linefeed" class="tsd-kind-icon">linefeed</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#maintainSwimlanes" class="tsd-kind-icon">maintain<wbr/>Swimlanes</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#modified" class="tsd-kind-icon">modified</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#movePropertiesDialog" class="tsd-kind-icon">move<wbr/>Properties<wbr/>Dialog</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#onInit" class="tsd-kind-icon">on<wbr/>Init</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#outline" class="tsd-kind-icon">outline</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#outlineResource" class="tsd-kind-icon">outline<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#popupHandler" class="tsd-kind-icon">popup<wbr/>Handler</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#postParameterName" class="tsd-kind-icon">post<wbr/>Parameter<wbr/>Name</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#properties" class="tsd-kind-icon">properties</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesHeight" class="tsd-kind-icon">properties<wbr/>Height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesResource" class="tsd-kind-icon">properties<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#propertiesWidth" class="tsd-kind-icon">properties<wbr/>Width</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#rubberband" class="tsd-kind-icon">rubberband</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#status" class="tsd-kind-icon">status</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneLayout" class="tsd-kind-icon">swimlane<wbr/>Layout</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneRequired" class="tsd-kind-icon">swimlane<wbr/>Required</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#swimlaneSpacing" class="tsd-kind-icon">swimlane<wbr/>Spacing</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasks" class="tsd-kind-icon">tasks</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksResource" class="tsd-kind-icon">tasks<wbr/>Resource</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksTop" class="tsd-kind-icon">tasks<wbr/>Top</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#tasksWindowImage" class="tsd-kind-icon">tasks<wbr/>Window<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#templates" class="tsd-kind-icon">templates</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#toolbar" class="tsd-kind-icon">toolbar</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#undoManager" class="tsd-kind-icon">undo<wbr/>Manager</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlHelp" class="tsd-kind-icon">url<wbr/>Help</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlImage" class="tsd-kind-icon">url<wbr/>Image</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#urlPost" class="tsd-kind-icon">url<wbr/>Post</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Editor.html#validating" class="tsd-kind-icon">validating</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addAction" class="tsd-kind-icon">add<wbr/>Action</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addActions" class="tsd-kind-icon">add<wbr/>Actions</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#addListener" class="tsd-kind-icon">add<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addTemplate" class="tsd-kind-icon">add<wbr/>Template</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#addVertex" class="tsd-kind-icon">add<wbr/>Vertex</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#configure" class="tsd-kind-icon">configure</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#consumeCycleAttribute" class="tsd-kind-icon">consume<wbr/>Cycle<wbr/>Attribute</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createDiagramLayout" class="tsd-kind-icon">create<wbr/>Diagram<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createEdge" class="tsd-kind-icon">create<wbr/>Edge</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createGraph" class="tsd-kind-icon">create<wbr/>Graph</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createGroup" class="tsd-kind-icon">create<wbr/>Group</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createLayoutManager" class="tsd-kind-icon">create<wbr/>Layout<wbr/>Manager</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createPopupMenu" class="tsd-kind-icon">create<wbr/>Popup<wbr/>Menu</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createProperties" class="tsd-kind-icon">create<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createSwimlaneLayout" class="tsd-kind-icon">create<wbr/>Swimlane<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createSwimlaneManager" class="tsd-kind-icon">create<wbr/>Swimlane<wbr/>Manager</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createTasks" class="tsd-kind-icon">create<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#createToolbar" class="tsd-kind-icon">create<wbr/>Toolbar</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#cycleAttribute" class="tsd-kind-icon">cycle<wbr/>Attribute</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#destroy" class="tsd-kind-icon">destroy</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#execute" class="tsd-kind-icon">execute</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#fireEvent" class="tsd-kind-icon">fire<wbr/>Event</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getEdgeStyle" class="tsd-kind-icon">get<wbr/>Edge<wbr/>Style</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#getEventSource" class="tsd-kind-icon">get<wbr/>Event<wbr/>Source</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getRootTitle" class="tsd-kind-icon">get<wbr/>Root<wbr/>Title</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getTemplate" class="tsd-kind-icon">get<wbr/>Template</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getTitle" class="tsd-kind-icon">get<wbr/>Title</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getUrlImage" class="tsd-kind-icon">get<wbr/>Url<wbr/>Image</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#getUrlPost" class="tsd-kind-icon">get<wbr/>Url<wbr/>Post</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#groupCells" class="tsd-kind-icon">group<wbr/>Cells</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#hideProperties" class="tsd-kind-icon">hide<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installChangeHandler" class="tsd-kind-icon">install<wbr/>Change<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installDblClickHandler" class="tsd-kind-icon">install<wbr/>Dbl<wbr/>Click<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installDrillHandler" class="tsd-kind-icon">install<wbr/>Drill<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installInsertHandler" class="tsd-kind-icon">install<wbr/>Insert<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#installUndoHandler" class="tsd-kind-icon">install<wbr/>Undo<wbr/>Handler</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#isEventsEnabled" class="tsd-kind-icon">is<wbr/>Events<wbr/>Enabled</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#isModified" class="tsd-kind-icon">is<wbr/>Modified</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#isPropertiesVisible" class="tsd-kind-icon">is<wbr/>Properties<wbr/>Visible</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#open" class="tsd-kind-icon">open</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#postDiagram" class="tsd-kind-icon">post<wbr/>Diagram</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#readGraphModel" class="tsd-kind-icon">read<wbr/>Graph<wbr/>Model</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#redo" class="tsd-kind-icon">redo</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#refreshTasks" class="tsd-kind-icon">refresh<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#removeListener" class="tsd-kind-icon">remove<wbr/>Listener</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#resetFirstTime" class="tsd-kind-icon">reset<wbr/>First<wbr/>Time</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#resetHistory" class="tsd-kind-icon">reset<wbr/>History</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#save" class="tsd-kind-icon">save</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#setEventSource" class="tsd-kind-icon">set<wbr/>Event<wbr/>Source</a></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="Editor.html#setEventsEnabled" class="tsd-kind-icon">set<wbr/>Events<wbr/>Enabled</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setGraphContainer" class="tsd-kind-icon">set<wbr/>Graph<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setMode" class="tsd-kind-icon">set<wbr/>Mode</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setModified" class="tsd-kind-icon">set<wbr/>Modified</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setStatus" class="tsd-kind-icon">set<wbr/>Status</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setStatusContainer" class="tsd-kind-icon">set<wbr/>Status<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setTitleContainer" class="tsd-kind-icon">set<wbr/>Title<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#setToolbarContainer" class="tsd-kind-icon">set<wbr/>Toolbar<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showHelp" class="tsd-kind-icon">show<wbr/>Help</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showOutline" class="tsd-kind-icon">show<wbr/>Outline</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showProperties" class="tsd-kind-icon">show<wbr/>Properties</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#showTasks" class="tsd-kind-icon">show<wbr/>Tasks</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#swapStyles" class="tsd-kind-icon">swap<wbr/>Styles</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#treeLayout" class="tsd-kind-icon">tree<wbr/>Layout</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#undo" class="tsd-kind-icon">undo</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Editor.html#writeGraphModel" class="tsd-kind-icon">write<wbr/>Graph<wbr/>Model</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class"><span class="tsd-kind-icon">Accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li><li class="tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited accessor</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>