create-gojs-kit
Version:
A CLI for downloading GoJS samples, extensions, and docs
342 lines • 92.6 kB
HTML
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><link rel="stylesheet" href="../../assets/css/style.css"/><link rel="preconnect" href="https://rsms.me/"/><link rel="stylesheet" href="https://rsms.me/inter/inter.css"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Layer | GoJS API</title><meta name="description" content="Documentation for GoJS API"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script type="text/javascript">// formerly in api.js
var hash = null;
function changeHash() {
var panels = document.getElementsByClassName("tsd-panel");
for (let i = 0; i < panels.length; i++) {
var p = panels[i];
p.classList.remove("targeted");
}
hash = window.location.hash.slice(1);
if (hash) {
var elt = document.getElementById(hash);
if (elt) elt.parentNode.classList.add("targeted");
}
}
document.addEventListener("DOMContentLoaded", changeHash);
window.addEventListener("hashchange", changeHash);</script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header><nav id="navTop" class="w-full h-[var(--topnav-h)] z-30 bg-[var(--color-background-secondary)] border-b border-b-[var(--color-accent)]"><div class="max-w-screen-xl mx-auto flex flex-wrap items-start justify-between px-4"><a class="!text-white bg-nwoods-primary font-bold !leading-[calc(var(--topnav-h)_-_1px)] my-0 px-2 text-4xl lg:text-5xl logo" href="../../index.html">GoJS</a><div class="relative"><button id="topnavButton" class="h-[calc(var(--topnav-h)_-_1px)] px-2 m-0 text-[var(--color-text)] bg-inherit shadow-none md:hidden hover:!bg-inherit hover:!text-nwoods-accent hover:!shadow-none" aria-label="Navigation"><svg class="h-7 w-7 block" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div id="topnavList" class="hidden md:block"><div class="absolute right-0 z-30 flex flex-col items-end rounded border border-[var(--color-accent)] p-4 pl-12 shadow bg-[var(--color-background-secondary)] text-[var(--color-text)] font-semibold
md:flex-row md:space-x-4 md:items-start md:border-0 md:p-0 md:shadow-none md:!bg-inherit"><a href="../../learn/index.html">Learn</a><a href="../../samples/index.html">Samples</a><a href="../../intro/index.html">Intro</a><a class="active" href="../../api/index.html">API</a><a href="../../download.html">Download</a><a href="https://forum.nwoods.com/c/gojs/11" target="_blank" rel="noopener">Forum</a><a href="https://nwoods.com/contact.html" target="_blank" rel="noopener" id="contactBtn">Contact</a><a href="https://nwoods.com/sales/index.html" target="_blank" rel="noopener" id="buyBtn">Buy</a></div></div></div></div></nav><script>window.addEventListener("DOMContentLoaded", function () {
// topnav
var topButton = document.getElementById("topnavButton");
var topnavList = document.getElementById("topnavList");
if (topButton && topnavList) {
topButton.addEventListener("click", function (e) {
topnavList
.classList
.toggle("hidden");
e.stopPropagation();
});
document.addEventListener("click", function (e) {
// if the clicked element isn't the list, close the list
if (!topnavList.classList.contains("hidden") && !e.target.closest("#topnavList")) {
topButton.click();
}
});
// set active <a> element
// done via active tag below, always API
}
});</script><div class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><div id="tsd-search-help"><code class="!text-lg">/</code> to search</div><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">GoJS API</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><div class="flex w-full max-w-screen-xl mx-auto px-2 items-center justify-between"><div><ul class="tsd-breadcrumb"><li><a href="../index.html">GoJS API</a></li><li><a href="Layer.html">Layer</a></li></ul><h1 class="flex items-center">Class Layer</h1></div><div class="text-xs"><b>GoJS</b>® Diagramming Components<br/>version 3.1.0<br/>by <a href="https://nwoods.com/">Northwoods Software®</a></div></div></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Layers are how named collections of <a href="Part.html" class="tsd-kind-class">Part</a>s are drawn in front or behind other collections of Parts in a <a href="Diagram.html" class="tsd-kind-class">Diagram</a>.
Layers can only contain <a href="Part.html" class="tsd-kind-class">Part</a>s, such as <a href="Node.html" class="tsd-kind-class">Node</a>s and <a href="Link.html" class="tsd-kind-class">Link</a>s. They cannot hold <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s directly.</p>
<p>Layers have many properties that control what actions users are permitted to perform involving the parts in the layer.
These properties are very much like the similarly named properties on <a href="Diagram.html" class="tsd-kind-class">Diagram</a>.</p>
<p>You put a Part into a Layer by assigning <a href="Part.html#layerName" class="tsd-kind-accessor">Part.layerName</a> with the name of the Layer.
You can use data binding to initialize and remember a Part's layer's name.
You can change a Part's layer by modifying its <a href="Part.html#layerName" class="tsd-kind-accessor">Part.layerName</a>, which changes its <a href="Part.html#layer" class="tsd-kind-accessor">Part.layer</a>.
A Part cannot be in more than one Layer at a time.</p>
<p>Each Diagram starts off with the following list of Layers:</p>
<ul>
<li>"Grid"</li>
<li>"ViewportBackground"</li>
<li>"Background"</li>
<li>"" (the default layer)</li>
<li>"Foreground"</li>
<li>"ViewportForeground"</li>
<li>"Adornment"</li>
<li>"Tool"</li>
</ul>
<p>Layers are drawn and presented in order.
Parts are normally put in the default layer.</p>
<p>The "Grid" layer is the furthest back; it also contains "temporary" parts that cannot be selected.
Furthermore the "Grid" layer has <a href="Layer.html#pickable" class="tsd-kind-accessor">pickable</a> set to false so that mouse or touch events
and calls to the "find..." hit-testing methods do not even consider any parts in that layer.</p>
<p>The "Grid", "Adornment", "Tool", and both "Viewport..." layers are considered <a href="Layer.html#isTemporary" class="tsd-kind-accessor">isTemporary</a>.
Changes to objects in temporary layers are not recorded by the <a href="UndoManager.html" class="tsd-kind-class">UndoManager</a>.
Parts in temporary layers are not selected.
Objects in temporary layers do not receive click events unless you set their <a href="GraphObject.html#isActionable" class="tsd-kind-accessor">GraphObject.isActionable</a> to true.</p>
<p>Use <a href="Diagram.html#findLayer" class="tsd-kind-method">Diagram.findLayer</a> to get the Layer with a particular name.
You can add your own layers by calling <a href="Diagram.html#addLayerBefore" class="tsd-kind-method">Diagram.addLayerBefore</a> or <a href="Diagram.html#addLayerAfter" class="tsd-kind-method">Diagram.addLayerAfter</a>
to insert a new layer at a particular place in the Z-order, or to re-order existing layers.
<a href="Part.html" class="tsd-kind-class">Part</a>s can be individually z-ordered within a layer by setting <a href="Part.html#zOrder" class="tsd-kind-accessor">Part.zOrder</a>.</p>
</div></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="true" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Constructors</h3><div class="tsd-index-list"><a href="Layer.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Accessors</h3><div class="tsd-index-list"><a href="Layer.html#allowCopy" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Copy</span></a>
<a href="Layer.html#allowDelete" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Delete</span></a>
<a href="Layer.html#allowGroup" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Group</span></a>
<a href="Layer.html#allowLink" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Link</span></a>
<a href="Layer.html#allowMove" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Move</span></a>
<a href="Layer.html#allowRelink" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Relink</span></a>
<a href="Layer.html#allowReshape" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Reshape</span></a>
<a href="Layer.html#allowResize" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Resize</span></a>
<a href="Layer.html#allowRotate" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Rotate</span></a>
<a href="Layer.html#allowSelect" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Select</span></a>
<a href="Layer.html#allowTextEdit" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Text<wbr/>Edit</span></a>
<a href="Layer.html#allowUngroup" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Ungroup</span></a>
<a href="Layer.html#diagram" class="tsd-index-link"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><g id="subicon-R,#FF4D4D"><rect fill="var(--color-icon-background)" width="28" height="28" rx="14"></rect><path transform="translate(2, 2)" fill="none" stroke-width="1.5" stroke="var(--color-text)" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>diagram</span></a>
<a href="Layer.html#isInDocumentBounds" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>In<wbr/>Document<wbr/>Bounds</span></a>
<a href="Layer.html#isTemporary" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Temporary</span></a>
<a href="Layer.html#isViewportAligned" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Viewport<wbr/>Aligned</span></a>
<a href="Layer.html#name" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>name</span></a>
<a href="Layer.html#opacity" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>opacity</span></a>
<a href="Layer.html#parts" class="tsd-index-link"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>parts</span></a>
<a href="Layer.html#partsBackwards" class="tsd-index-link"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>parts<wbr/>Backwards</span></a>
<a href="Layer.html#pickable" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>pickable</span></a>
<a href="Layer.html#visible" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>visible</span></a>
</div></section><section class="tsd-index-section"><h3 class="tsd-index-heading">Methods</h3><div class="tsd-index-list"><a href="Layer.html#findObjectAt" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Object<wbr/>At</span></a>
<a href="Layer.html#findObjectsAt" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>At</span></a>
<a href="Layer.html#findObjectsIn" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>In</span></a>
<a href="Layer.html#findObjectsNear" class="tsd-index-link"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>Near</span></a>
</div></section></div></details></section></section><section class="tsd-panel-group tsd-member-group"><h2>Constructors</h2><section class="tsd-panel tsd-member"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>constructor</span><a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="constructor.new_Layer" class="tsd-anchor"></a><span class="tsd-kind-constructor-signature">new <wbr/>Layer</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">init</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Layer.html" class="tsd-signature-type tsd-kind-class">Layer</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Layer.html" class="tsd-signature-type tsd-kind-class">Layer</a><a href="#constructor.new_Layer" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This constructs an empty Layer; you should set the <a href="Layer.html#name" class="tsd-kind-accessor">name</a> before adding the Layer to a Diagram.</p>
</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">init</span>: <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol"><</span><a href="Layer.html" class="tsd-signature-type tsd-kind-class">Layer</a><span class="tsd-signature-symbol">></span></h5><div class="tsd-comment tsd-typography"><p>Optional properties to initialize.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a href="Layer.html" class="tsd-signature-type tsd-kind-class">Layer</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group"><h2>Accessors</h2><section class="tsd-panel tsd-member"><a id="allowCopy" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Copy</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowCopy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may copy objects in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#copyable" class="tsd-kind-accessor">Part.copyable</a></li>
<li><a href="Part.html#canCopy" class="tsd-kind-method">Part.canCopy</a></li>
<li><a href="Diagram.html#allowCopy" class="tsd-kind-accessor">Diagram.allowCopy</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowDelete" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Delete</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowDelete" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may delete objects in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#deletable" class="tsd-kind-accessor">Part.deletable</a></li>
<li><a href="Part.html#canDelete" class="tsd-kind-method">Part.canDelete</a></li>
<li><a href="Diagram.html#allowDelete" class="tsd-kind-accessor">Diagram.allowDelete</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowGroup" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Group</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowGroup" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may group parts together in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#groupable" class="tsd-kind-accessor">Part.groupable</a></li>
<li><a href="Part.html#canGroup" class="tsd-kind-method">Part.canGroup</a></li>
<li><a href="Diagram.html#allowGroup" class="tsd-kind-accessor">Diagram.allowGroup</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowLink" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Link</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowLink" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may draw new links in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><p><a href="Diagram.html#allowLink" class="tsd-kind-accessor">Diagram.allowLink</a></p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowMove" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Move</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowMove" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may move objects in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#movable" class="tsd-kind-accessor">Part.movable</a></li>
<li><a href="Part.html#canMove" class="tsd-kind-method">Part.canMove</a></li>
<li><a href="Diagram.html#allowMove" class="tsd-kind-accessor">Diagram.allowMove</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowRelink" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Relink</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowRelink" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may reconnect existing links in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Link.html#relinkableFrom" class="tsd-kind-accessor">Link.relinkableFrom</a></li>
<li><a href="Link.html#relinkableTo" class="tsd-kind-accessor">Link.relinkableTo</a></li>
<li><a href="Link.html#canRelinkFrom" class="tsd-kind-method">Link.canRelinkFrom</a></li>
<li><a href="Link.html#canRelinkTo" class="tsd-kind-method">Link.canRelinkTo</a></li>
<li><a href="Diagram.html#allowRelink" class="tsd-kind-accessor">Diagram.allowRelink</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowReshape" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Reshape</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowReshape" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may reshape parts in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#reshapable" class="tsd-kind-accessor">Part.reshapable</a></li>
<li><a href="Part.html#canReshape" class="tsd-kind-method">Part.canReshape</a></li>
<li><a href="Diagram.html#allowReshape" class="tsd-kind-accessor">Diagram.allowReshape</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowResize" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Resize</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowResize" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may resize parts in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#resizable" class="tsd-kind-accessor">Part.resizable</a></li>
<li><a href="Part.html#canResize" class="tsd-kind-method">Part.canResize</a></li>
<li><a href="Diagram.html#allowResize" class="tsd-kind-accessor">Diagram.allowResize</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowRotate" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Rotate</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowRotate" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may rotate parts in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#rotatable" class="tsd-kind-accessor">Part.rotatable</a></li>
<li><a href="Part.html#canRotate" class="tsd-kind-method">Part.canRotate</a></li>
<li><a href="Diagram.html#allowRotate" class="tsd-kind-accessor">Diagram.allowRotate</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowSelect" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Select</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowSelect" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may select objects in this layer.
The initial value is true.</p>
<p>All of the predefined Layers have this property set to true, except for the "Grid" Layer.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#selectable" class="tsd-kind-accessor">Part.selectable</a></li>
<li><a href="Part.html#canSelect" class="tsd-kind-method">Part.canSelect</a></li>
<li><a href="Diagram.html#allowSelect" class="tsd-kind-accessor">Diagram.allowSelect</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowTextEdit" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Text<wbr/>Edit</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowTextEdit" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may do in-place text editing in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Part.html#textEditable" class="tsd-kind-accessor">Part.textEditable</a></li>
<li><a href="Part.html#canEdit" class="tsd-kind-method">Part.canEdit</a></li>
<li><a href="Diagram.html#allowTextEdit" class="tsd-kind-accessor">Diagram.allowTextEdit</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="allowUngroup" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>allow<wbr/>Ungroup</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#allowUngroup" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may ungroup existing groups in this layer.
The initial value is true.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="Group.html#ungroupable" class="tsd-kind-accessor">Group.ungroupable</a></li>
<li><a href="Group.html#canUngroup" class="tsd-kind-method">Group.canUngroup</a></li>
<li><a href="Diagram.html#allowUngroup" class="tsd-kind-accessor">Diagram.allowUngroup</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="diagram" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadOnly">Readonly</code><span>diagram</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Diagram.html" class="tsd-signature-type tsd-kind-class">Diagram</a></div><a href="#diagram" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns the <a href="Diagram.html" class="tsd-kind-class">Diagram</a> that is using this Layer.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="isInDocumentBounds" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>is<wbr/>In<wbr/>Document<wbr/>Bounds</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#isInDocumentBounds" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether or not a layer is included in the <a href="Diagram.html#documentBounds" class="tsd-kind-accessor">Diagram.documentBounds</a> computation.</p>
<p>Default value is <code>true</code>.
All of the predefined temporary Layers have this property false, except for the "Tool" Layer.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>2.2</p>
</div><div class="flex items-center"><code class="tsd-tag">see</code><p><a href="Layer.html#isTemporary" class="tsd-kind-accessor">isTemporary</a></p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="isTemporary" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>is<wbr/>Temporary</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#isTemporary" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the objects in this layer are considered temporary.</p>
<p>Parts in temporary layers are not selectable,
and changes to Parts in temporary layers are not recorded in the <a href="UndoManager.html" class="tsd-kind-class">UndoManager</a>.
Objects in temporary layers do not receive click events unless you set their <a href="GraphObject.html#isActionable" class="tsd-kind-accessor">GraphObject.isActionable</a> to true.</p>
<p>Default value is false.</p>
<p>As of v3.0, setting this property to true no longer sets <a href="Layer.html#isInDocumentBounds" class="tsd-kind-accessor">isInDocumentBounds</a> on this layer set to false.
You may want to set this property to false on temporary Layers.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><p><a href="Layer.html#isInDocumentBounds" class="tsd-kind-accessor">isInDocumentBounds</a></p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="isViewportAligned" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>is<wbr/>Viewport<wbr/>Aligned</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#isViewportAligned" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether this layer enforces its Parts to remain in viewport coordinates.
Diagrams have two default layers with this set to <code>true</code>: "ViewportBackground" and "ViewportForeground".
These layers also have <a href="Layer.html#isInDocumentBounds" class="tsd-kind-accessor">isInDocumentBounds</a> set to <code>false</code> and <a href="Layer.html#isTemporary" class="tsd-kind-accessor">isTemporary</a> set to <code>true</code>.
If you set this property on a layer, you may wish to set those properties also.</p>
<p>Parts in viewport coordinate layers will get their positions and scales set automatically,
to remain invariantly placed and sized in the viewport.</p>
<p>Instead of position, Parts are placed by setting their <a href="GraphObject.html#alignment" class="tsd-kind-accessor">GraphObject.alignment</a> and
<a href="GraphObject.html#alignmentFocus" class="tsd-kind-accessor">GraphObject.alignmentFocus</a> values in the same way they are used in a
<a href="../../intro/panels.html#Spots">Spot Panel</a>.
However, the alignment spot, if it is <a href="Spot.html#Default" class="tsd-kind-property">Spot.Default</a> as it is by default,
will be treated as <a href="Spot.html#BottomRight" class="tsd-kind-property">Spot.BottomRight</a> rather than <a href="Spot.html#Center" class="tsd-kind-property">Spot.Center</a>
as a "Spot" Panel does.
The alignmentFocus spot, if it is <a href="Spot.html#Default" class="tsd-kind-property">Spot.Default</a> as it is by default,
will be treated as the same Spot as the alignment without any offset.
This is convenient for aligning Parts along the sides of the viewport.
If you wish to arrange a Part to be near the side of the viewport at a certain distance,
specify that in the alignment Spot.
For example, the following code places the red circle near the bottom right corner,
but inset by 10 units from both the right and the bottom sides.</p>
<pre><code class="language-js"><span class="hl-4">myDiagram</span><span class="hl-2">.</span><span class="hl-5">add</span><span class="hl-2">(</span><br/><span class="hl-2"> </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Part</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-4">layerName:</span><span class="hl-2"> </span><span class="hl-6">"ViewportBackground"</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-4">alignment:</span><span class="hl-2"> </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Spot</span><span class="hl-2">(</span><span class="hl-7">1</span><span class="hl-2">, </span><span class="hl-7">1</span><span class="hl-2">, -</span><span class="hl-7">10</span><span class="hl-2">, -</span><span class="hl-7">10</span><span class="hl-2">)</span><br/><span class="hl-2"> }).</span><span class="hl-5">add</span><span class="hl-2">(</span><br/><span class="hl-2"> </span><span class="hl-1">new</span><span class="hl-2"> </span><span class="hl-4">go</span><span class="hl-2">.</span><span class="hl-5">Shape</span><span class="hl-2">(</span><span class="hl-6">"Circle"</span><span class="hl-2">, { </span><span class="hl-4">fill:</span><span class="hl-2"> </span><span class="hl-6">"red"</span><span class="hl-2">, </span><span class="hl-4">width:</span><span class="hl-2"> </span><span class="hl-7">20</span><span class="hl-2">, </span><span class="hl-4">height:</span><span class="hl-2"> </span><span class="hl-7">20</span><span class="hl-2"> })</span><br/><span class="hl-2"> )</span><br/><span class="hl-2">);</span>
</code><button>Copy</button></pre>
<p>For example usage, see <a href="../../intro/legends.html">Legends and Titles</a>.</p>
<p>Parts in viewport coordinate layers may have unexpected interactions if they are
connected to Parts in non-viewport coordinate layers.
Setting this value to true automatically sets <a href="Layer.html#isInDocumentBounds" class="tsd-kind-accessor">isInDocumentBounds</a> to <code>false</code>.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">since</code><p>3.0</p>
</div><div class="flex items-center"><code class="tsd-tag">defaultValue</code><p><code>false</code></p>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="name" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>name</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></div><a href="#name" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the name for this layer.
The initial value is an empty string, which is also the name of the default layer.
The name should be unique among the diagram's <a href="Diagram.html#layers" class="tsd-kind-accessor">Diagram.layers</a>.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="opacity" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>opacity</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></div><a href="#opacity" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets the opacity for all parts in this layer.
The value must be between 0.0 (fully transparent) and 1.0 (no additional transparency).
This value is multiplicative with any existing transparency,
for instance from a <a href="Brush.html" class="tsd-kind-class">Brush</a> or image transparency.
The default value is 1.</p>
<p>This property, unlike <a href="Layer.html#visible" class="tsd-kind-accessor">visible</a>, does not change whether any objects are found by the "find..." methods.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="GraphObject.html#opacity" class="tsd-kind-accessor">GraphObject.opacity</a></li>
<li><a href="Diagram.html#opacity" class="tsd-kind-accessor">Diagram.opacity</a></li>
<li><a href="Layer.html#visible" class="tsd-kind-accessor">visible</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="parts" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadOnly">Readonly</code><span>parts</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Iterator.html" class="tsd-signature-type tsd-kind-interface">Iterator</a><span class="tsd-signature-symbol"><</span><a href="Part.html" class="tsd-signature-type tsd-kind-class">Part</a><span class="tsd-signature-symbol">></span></div><a href="#parts" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns an iterator for this Layer's <a href="Part.html" class="tsd-kind-class">Part</a>s.
The Parts can be <a href="Node.html" class="tsd-kind-class">Node</a>s, <a href="Link.html" class="tsd-kind-class">Link</a>s, <a href="Group.html" class="tsd-kind-class">Group</a>s, <a href="Adornment.html" class="tsd-kind-class">Adornment</a>s, or simple <a href="Part.html" class="tsd-kind-class">Part</a>s.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="partsBackwards" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagReadOnly">Readonly</code><span>parts<wbr/>Backwards</span><div class="membertype"><span class="tsd-signature-symbol">: </span><a href="Iterator.html" class="tsd-signature-type tsd-kind-interface">Iterator</a><span class="tsd-signature-symbol"><</span><a href="Part.html" class="tsd-signature-type tsd-kind-class">Part</a><span class="tsd-signature-symbol">></span></div><a href="#partsBackwards" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>This read-only property returns a backwards iterator for this Layer's <a href="Part.html" class="tsd-kind-class">Part</a>s,
for iterating over the parts in reverse order.
The Parts can be <a href="Node.html" class="tsd-kind-class">Node</a>s, <a href="Link.html" class="tsd-kind-class">Link</a>s, <a href="Group.html" class="tsd-kind-class">Group</a>s, <a href="Adornment.html" class="tsd-kind-class">Adornment</a>s, or simple <a href="Part.html" class="tsd-kind-class">Part</a>s.</p>
</div></li></ul></section><section class="tsd-panel tsd-member"><a id="pickable" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>pickable</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#pickable" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether methods such as <a href="Layer.html#findObjectAt" class="tsd-kind-method">findObjectAt</a> find any of the objects in this layer.</p>
<p>When this property is false, all of the "find..." methods will fail to find parts that are in this layer.
The default value is true.
All of the predefined Layers have this property true, except for the "Grid" Layer.</p>
<p>Note that setting pickable to false does not prevent users from selecting nodes.
It does prevent them from selecting nodes by clicking on them,
but does not prevent selection through other mechanisms such as the <a href="DragSelectingTool.html" class="tsd-kind-class">DragSelectingTool</a> or
<a href="CommandHandler.html#selectAll" class="tsd-kind-method">CommandHandler.selectAll</a> or calls to <a href="Diagram.html#select" class="tsd-kind-method">Diagram.select</a>.</p>
<p>You can control whether individual GraphObjects are "hittable" by setting <a href="GraphObject.html#pickable" class="tsd-kind-accessor">GraphObject.pickable</a>.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="GraphObject.html#pickable" class="tsd-kind-accessor">GraphObject.pickable</a></li>
<li><a href="Layer.html#visible" class="tsd-kind-accessor">visible</a></li>
</ul>
</div></div></li></ul></section><section class="tsd-panel tsd-member"><a id="visible" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>visible</span><div class="membertype"><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></div><a href="#visible" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Gets or sets whether the user may view any of the objects in this layer.</p>
<p>The default value is true -- all visible Parts are drawn.
When this property is false, all of the "find..." methods will fail to find parts that are in this layer.</p>
</div><div class="tsd-comment-tags tsd-typography"><div class="flex items-center"><code class="tsd-tag">see</code><ul>
<li><a href="GraphObject.html#visible" class="tsd-kind-accessor">GraphObject.visible</a></li>
<li><a href="Layer.html#opacity" class="tsd-kind-accessor">opacity</a></li>
<li><a href="Layer.html#pickable" class="tsd-kind-accessor">pickable</a></li>
</ul>
</div></div></li></ul></section></section><section class="tsd-panel-group tsd-member-group"><h2>Methods</h2><section class="tsd-panel tsd-member"><a id="findObjectAt" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>find<wbr/>Object<wbr/>At</span><a href="#findObjectAt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="findObjectAt.findObjectAt-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">find<wbr/>Object<wbr/>At</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">p</span><span class="tsd-signature-symbol">: </span><a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a>, <span class="tsd-kind-parameter">navig</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">pred</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><span class="tsd-signature-symbol">)</span><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-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><a href="#findObjectAt.findObjectAt-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Find the front-most <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a> in this layer
at the given point in document coordinates.</p>
<p>If <a href="Layer.html#visible" class="tsd-kind-accessor">visible</a> is false, this method will not find any objects in this layer.
However, <a href="Layer.html#opacity" class="tsd-kind-accessor">opacity</a> does not affect this method.</p>
</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="findObjectAt.findObjectAt-1.T" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">p</span>: <a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a></h5><div class="tsd-comment tsd-typography"><p>A Point in document coordinates.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">navig</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking a GraphObject and
returning a GraphObject, defaulting to the identity.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">pred</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking the GraphObject
returned by navig and returning true if that object should be returned,
defaulting to a predicate that always returns true.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectAt.findObjectAt-1.T">T</a></h4><p>The first GraphObject in the Z-order, or else null.</p>
</li></ul></section><section class="tsd-panel tsd-member"><a id="findObjectsAt" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>find<wbr/>Objects<wbr/>At</span><a href="#findObjectsAt" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="findObjectsAt.findObjectsAt-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">find<wbr/>Objects<wbr/>At</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">p</span><span class="tsd-signature-symbol">: </span><a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a>, <span class="tsd-kind-parameter">navig</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">pred</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">coll</span><span class="tsd-signature-symbol">?: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.S">S</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.S">S</a><a href="#findObjectsAt.findObjectsAt-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Return a collection of the <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s of this layer
at the given point in document coordinates.</p>
<p>If <a href="Layer.html#visible" class="tsd-kind-accessor">visible</a> is false, this method will not find any objects in this layer.
However, <a href="Layer.html#opacity" class="tsd-kind-accessor">opacity</a> does not affect this method.</p>
</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="findObjectsAt.findObjectsAt-1.T-1" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></span></li><li><span><a id="findObjectsAt.findObjectsAt-1.S" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">></span> = <a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">></span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">p</span>: <a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a></h5><div class="tsd-comment tsd-typography"><p>A Point in document coordinates.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">navig</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking a GraphObject and
returning a GraphObject, defaulting to the identity.
If this function returns null, the given GraphObject will not be included in the results.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">pred</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking the GraphObject
returned by navig and returning true if that object should be returned,
defaulting to a predicate that always returns true.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.T-1">T</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">coll</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.S">S</a></h5><div class="tsd-comment tsd-typography"><p>An optional collection (List or Set) to add the results to.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsAt.findObjectsAt-1.S">S</a></h4><p>a collection of GraphObjects that will contain all GraphObjects
located at Point p, or else an empty collection.
If a List or Set was passed in, it is returned.</p>
</li></ul></section><section class="tsd-panel tsd-member"><a id="findObjectsIn" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>find<wbr/>Objects<wbr/>In</span><a href="#findObjectsIn" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="findObjectsIn.findObjectsIn-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">find<wbr/>Objects<wbr/>In</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">r</span><span class="tsd-signature-symbol">: </span><a href="Rect.html" class="tsd-signature-type tsd-kind-class">Rect</a>, <span class="tsd-kind-parameter">navig</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">pred</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">partialInclusion</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span>, <span class="tsd-kind-parameter">coll</span><span class="tsd-signature-symbol">?: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.S-1">S</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.S-1">S</a><a href="#findObjectsIn.findObjectsIn-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns a collection of all <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s that are inside or that intersect
a given <a href="Rect.html" class="tsd-kind-class">Rect</a> in document coordinates.</p>
<p>If <a href="Layer.html#visible" class="tsd-kind-accessor">visible</a> is false, this method will not find any objects in this layer.
However, <a href="Layer.html#opacity" class="tsd-kind-accessor">opacity</a> does not affect this method.</p>
</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="findObjectsIn.findObjectsIn-1.T-2" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></span></li><li><span><a id="findObjectsIn.findObjectsIn-1.S-1" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">></span> = <a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">></span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">r</span>: <a href="Rect.html" class="tsd-signature-type tsd-kind-class">Rect</a></h5><div class="tsd-comment tsd-typography"><p>A Rect in document coordinates.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">navig</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking a GraphObject and
returning a GraphObject, defaulting to the identity.
If this function returns null, the given GraphObject will not be included in the results.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">pred</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking the GraphObject
returned by navig and returning true if that object should be returned,
defaulting to a predicate that always returns true.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.T-2">T</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">partialInclusion</span>: <span class="tsd-signature-type">boolean</span></h5><div class="tsd-comment tsd-typography"><p>Whether an object can match if it merely intersects the rectangular area (true) or
if it must be entirely inside the rectangular area (false). The default value is false.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">coll</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.S-1">S</a></h5><div class="tsd-comment tsd-typography"><p>An optional collection (List or Set) to add the results to.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsIn.findObjectsIn-1.S-1">S</a></h4><p>a collection of GraphObjects that will contain all GraphObjects
located in or near Rect r, or else an empty collection.
If a List or Set was passed in, it is returned.</p>
</li></ul></section><section class="tsd-panel tsd-member"><a id="findObjectsNear" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>find<wbr/>Objects<wbr/>Near</span><a href="#findObjectsNear" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="findObjectsNear.findObjectsNear-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">find<wbr/>Objects<wbr/>Near</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">p</span><span class="tsd-signature-symbol">: </span><a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a>, <span class="tsd-kind-parameter">dist</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, <span class="tsd-kind-parameter">navig</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">pred</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span>, <span class="tsd-kind-parameter">partialInclusion</span><span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a>, <span class="tsd-kind-parameter">coll</span><span class="tsd-signature-symbol">?: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a><a href="#findObjectsNear.findObjectsNear-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-comment tsd-typography"><p>Returns a collection of all <a href="GraphObject.html" class="tsd-kind-class">GraphObject</a>s that are within a certain distance
of a given point in document coordinates.</p>
<p>If <a href="Layer.html#visible" class="tsd-kind-accessor">visible</a> is false, this method will not find any objects in this layer.
However, <a href="Layer.html#opacity" class="tsd-kind-accessor">opacity</a> does not affect this method.</p>
</div><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="findObjectsNear.findObjectsNear-1.T-3" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">T</span><span class="tsd-signature-keyword"> extends </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></span></li><li><span><a id="findObjectsNear.findObjectsNear-1.S-2" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">S</span><span class="tsd-signature-keyword"> extends </span><a href="List.html" class="tsd-signature-type tsd-kind-class">List</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">></span><span class="tsd-signature-symbol"> | </span><a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">></span> = <a href="Set.html" class="tsd-signature-type tsd-kind-class">Set</a><span class="tsd-signature-symbol"><</span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">></span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">p</span>: <a href="Point.html" class="tsd-signature-type tsd-kind-class">Point</a></h5><div class="tsd-comment tsd-typography"><p>A Point in document coordinates.</p>
</div></li><li><h5><span class="tsd-kind-parameter">dist</span>: <span class="tsd-signature-type">number</span></h5><div class="tsd-comment tsd-typography"><p>The distance from the point.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">navig</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking a GraphObject and
returning a GraphObject, defaulting to the identity.
If this function returns null, the given GraphObject will not be included in the results.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a href="GraphObject.html" class="tsd-signature-type tsd-kind-class">GraphObject</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">pred</span>: <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> => </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span></h5><div class="tsd-comment tsd-typography"><p>A function taking the GraphObject
returned by navig and returning true if that object should be returned,
defaulting to a predicate that always returns true.</p>
</div><ul class="tsd-parameters"><li class="tsd-parameter-signature"><ul class="tsd-signatures"><li class="tsd-signature"><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">a</span><span class="tsd-signature-symbol">: </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><h5><span class="tsd-kind-parameter">a</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.T-3">T</a></h5></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4></li></ul></li></ul></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">partialInclusion</span>: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a></h5><div class="tsd-comment tsd-typography"><p>Whether an object can match if it merely intersects the circular area (true) or
if it must be entirely inside the circular area (false). The default value is true.</p>
</div></li><li><h5><code class="tsd-tag ts-flagOptional">Optional</code> <span class="tsd-kind-parameter">coll</span>: <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a></h5><div class="tsd-comment tsd-typography"><p>An optional collection (List or Set) to add the results to.</p>
</div></li></ul></div><h4 class="tsd-returns-title">Returns <a class="tsd-signature-type tsd-kind-type-parameter" href="Layer.html#findObjectsNear.findObjectsNear-1.S-2">S</a></h4><p>a collection of GraphObjects that will contain all GraphObjects
located at Point p, or else an empty collection.
If a List or Set was passed in, it is returned.</p>
</li></ul></section></section></div><div class="col-sidebar"><div class="page-menu"><details open class="tsd-index-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><ul><li><a href="#constructor"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-512"></use></svg><span>constructor</span></a></li><li><a href="#allowCopy"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Copy</span></a></li><li><a href="#allowDelete"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Delete</span></a></li><li><a href="#allowGroup"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Group</span></a></li><li><a href="#allowLink"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Link</span></a></li><li><a href="#allowMove"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Move</span></a></li><li><a href="#allowRelink"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Relink</span></a></li><li><a href="#allowReshape"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Reshape</span></a></li><li><a href="#allowResize"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Resize</span></a></li><li><a href="#allowRotate"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Rotate</span></a></li><li><a href="#allowSelect"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Select</span></a></li><li><a href="#allowTextEdit"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Text<wbr/>Edit</span></a></li><li><a href="#allowUngroup"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>allow<wbr/>Ungroup</span></a></li><li><a href="#diagram"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>diagram</span></a></li><li><a href="#isInDocumentBounds"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>In<wbr/>Document<wbr/>Bounds</span></a></li><li><a href="#isTemporary"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Temporary</span></a></li><li><a href="#isViewportAligned"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>is<wbr/>Viewport<wbr/>Aligned</span></a></li><li><a href="#name"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>name</span></a></li><li><a href="#opacity"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>opacity</span></a></li><li><a href="#parts"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>parts</span></a></li><li><a href="#partsBackwards"><svg class="readonly tsd-subicon" viewBox="0 0 28 28"><use href="#subicon-R,#FF4D4D"></use></svg><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>parts<wbr/>Backwards</span></a></li><li><a href="#pickable"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>pickable</span></a></li><li><a href="#visible"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-262144"></use></svg><span>visible</span></a></li><li><a href="#findObjectAt"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Object<wbr/>At</span></a></li><li><a href="#findObjectsAt"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>At</span></a></li><li><a href="#findObjectsIn"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>In</span></a></li><li><a href="#findObjectsNear"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-2048"></use></svg><span>find<wbr/>Objects<wbr/>Near</span></a></li></ul></div></details><div class="tsd-navigation settings"><div class="tsd-theme-toggle"><h4 class="uppercase">Theme</h4><select id="tsd-theme"><option value="os">System</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../index.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1"></use></svg><span>GoJS API</span></a><ul class="tsd-small-nested-navigation" id="tsd-nav-container" data-base=".."><li>Loading...</li></ul></nav></div></div></div><div class="tsd w-full max-w-screen-xl mx-auto px-2"><div class="bottom-copyright">Copyright © 1998-2025 by Northwoods Software Corporation.</div></div><div class="overlay"></div><script async src="https://www.googletagmanager.com/gtag/js?id=G-S5QK8VSK84"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S5QK8VSK84');
var getOutboundLink = function(url, label) {
gtag('event', 'click', {
'event_category': 'outbound',
'event_label': label,
'transport_type': 'beacon'
});
}
document.getElementById("contactBtn").addEventListener("click", function() {
getOutboundLink('https://nwoods.com/contact.html', 'contact');
});
document.getElementById("buyBtn").addEventListener("click", function() {
getOutboundLink('https://nwoods.com/sales/index.html', 'buy');
});</script></body></html>