fix the canvas event bug

This commit is contained in:
tamat
2014-06-06 21:04:12 +02:00
parent 59df75f45d
commit 5991fb6b8b
11 changed files with 1805 additions and 384 deletions

View File

@@ -96,7 +96,7 @@
<div class="foundat">
Defined in: <a href="../files/.._src_litegraph.js.html#l299"><code>..&#x2F;src&#x2F;litegraph.js:299</code></a>
Defined in: <a href="../files/.._src_litegraph.js.html#l227"><code>..&#x2F;src&#x2F;litegraph.js:227</code></a>
</div>
@@ -147,7 +147,7 @@
<a href="../files/.._src_litegraph.js.html#l299"><code>..&#x2F;src&#x2F;litegraph.js:299</code></a>
<a href="../files/.._src_litegraph.js.html#l227"><code>..&#x2F;src&#x2F;litegraph.js:227</code></a>
</p>
@@ -405,7 +405,7 @@
<a href="../files/.._src_litegraph.js.html#l645"><code>..&#x2F;src&#x2F;litegraph.js:645</code></a>
<a href="../files/.._src_litegraph.js.html#l582"><code>..&#x2F;src&#x2F;litegraph.js:582</code></a>
</p>
@@ -494,7 +494,7 @@
<a href="../files/.._src_litegraph.js.html#l361"><code>..&#x2F;src&#x2F;litegraph.js:361</code></a>
<a href="../files/.._src_litegraph.js.html#l296"><code>..&#x2F;src&#x2F;litegraph.js:296</code></a>
</p>
@@ -572,7 +572,7 @@
<a href="../files/.._src_litegraph.js.html#l317"><code>..&#x2F;src&#x2F;litegraph.js:317</code></a>
<a href="../files/.._src_litegraph.js.html#l251"><code>..&#x2F;src&#x2F;litegraph.js:251</code></a>
</p>
@@ -637,7 +637,7 @@
<a href="../files/.._src_litegraph.js.html#l920"><code>..&#x2F;src&#x2F;litegraph.js:920</code></a>
<a href="../files/.._src_litegraph.js.html#l922"><code>..&#x2F;src&#x2F;litegraph.js:922</code></a>
</p>
@@ -726,7 +726,7 @@
<a href="../files/.._src_litegraph.js.html#l380"><code>..&#x2F;src&#x2F;litegraph.js:380</code></a>
<a href="../files/.._src_litegraph.js.html#l315"><code>..&#x2F;src&#x2F;litegraph.js:315</code></a>
</p>
@@ -818,7 +818,7 @@
<a href="../files/.._src_litegraph.js.html#l780"><code>..&#x2F;src&#x2F;litegraph.js:780</code></a>
<a href="../files/.._src_litegraph.js.html#l726"><code>..&#x2F;src&#x2F;litegraph.js:726</code></a>
</p>
@@ -925,7 +925,7 @@
<a href="../files/.._src_litegraph.js.html#l764"><code>..&#x2F;src&#x2F;litegraph.js:764</code></a>
<a href="../files/.._src_litegraph.js.html#l710"><code>..&#x2F;src&#x2F;litegraph.js:710</code></a>
</p>
@@ -1022,7 +1022,7 @@
<a href="../files/.._src_litegraph.js.html#l605"><code>..&#x2F;src&#x2F;litegraph.js:605</code></a>
<a href="../files/.._src_litegraph.js.html#l542"><code>..&#x2F;src&#x2F;litegraph.js:542</code></a>
</p>
@@ -1096,7 +1096,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l594"><code>..&#x2F;src&#x2F;litegraph.js:594</code></a>
<a href="../files/.._src_litegraph.js.html#l531"><code>..&#x2F;src&#x2F;litegraph.js:531</code></a>
</p>
@@ -1175,7 +1175,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l751"><code>..&#x2F;src&#x2F;litegraph.js:751</code></a>
<a href="../files/.._src_litegraph.js.html#l697"><code>..&#x2F;src&#x2F;litegraph.js:697</code></a>
</p>
@@ -1279,7 +1279,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l796"><code>..&#x2F;src&#x2F;litegraph.js:796</code></a>
<a href="../files/.._src_litegraph.js.html#l742"><code>..&#x2F;src&#x2F;litegraph.js:742</code></a>
</p>
@@ -1408,7 +1408,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l583"><code>..&#x2F;src&#x2F;litegraph.js:583</code></a>
<a href="../files/.._src_litegraph.js.html#l520"><code>..&#x2F;src&#x2F;litegraph.js:520</code></a>
</p>
@@ -1477,7 +1477,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l869"><code>..&#x2F;src&#x2F;litegraph.js:869</code></a>
<a href="../files/.._src_litegraph.js.html#l856"><code>..&#x2F;src&#x2F;litegraph.js:856</code></a>
</p>
@@ -1542,7 +1542,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l690"><code>..&#x2F;src&#x2F;litegraph.js:690</code></a>
<a href="../files/.._src_litegraph.js.html#l631"><code>..&#x2F;src&#x2F;litegraph.js:631</code></a>
</p>
@@ -1631,7 +1631,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l443"><code>..&#x2F;src&#x2F;litegraph.js:443</code></a>
<a href="../files/.._src_litegraph.js.html#l378"><code>..&#x2F;src&#x2F;litegraph.js:378</code></a>
</p>
@@ -1726,7 +1726,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l617"><code>..&#x2F;src&#x2F;litegraph.js:617</code></a>
<a href="../files/.._src_litegraph.js.html#l554"><code>..&#x2F;src&#x2F;litegraph.js:554</code></a>
</p>
@@ -1825,7 +1825,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l893"><code>..&#x2F;src&#x2F;litegraph.js:893</code></a>
<a href="../files/.._src_litegraph.js.html#l889"><code>..&#x2F;src&#x2F;litegraph.js:889</code></a>
</p>
@@ -1910,7 +1910,7 @@ if the nodes are using graphical actions</p>
<a href="../files/.._src_litegraph.js.html#l817"><code>..&#x2F;src&#x2F;litegraph.js:817</code></a>
<a href="../files/.._src_litegraph.js.html#l804"><code>..&#x2F;src&#x2F;litegraph.js:804</code></a>
</p>
@@ -2020,7 +2020,7 @@ can be easily accesed from the outside of the graph</p>
<a href="../files/.._src_litegraph.js.html#l832"><code>..&#x2F;src&#x2F;litegraph.js:832</code></a>
<a href="../files/.._src_litegraph.js.html#l819"><code>..&#x2F;src&#x2F;litegraph.js:819</code></a>
</p>
@@ -2123,7 +2123,7 @@ can be easily accesed from the outside of the graph</p>
<a href="../files/.._src_litegraph.js.html#l394"><code>..&#x2F;src&#x2F;litegraph.js:394</code></a>
<a href="../files/.._src_litegraph.js.html#l329"><code>..&#x2F;src&#x2F;litegraph.js:329</code></a>
</p>
@@ -2202,7 +2202,7 @@ can be easily accesed from the outside of the graph</p>
<a href="../files/.._src_litegraph.js.html#l421"><code>..&#x2F;src&#x2F;litegraph.js:421</code></a>
<a href="../files/.._src_litegraph.js.html#l356"><code>..&#x2F;src&#x2F;litegraph.js:356</code></a>
</p>
@@ -2257,7 +2257,7 @@ can be easily accesed from the outside of the graph</p>
<a href="../files/.._src_litegraph.js.html#l487"><code>..&#x2F;src&#x2F;litegraph.js:487</code></a>
<a href="../files/.._src_litegraph.js.html#l422"><code>..&#x2F;src&#x2F;litegraph.js:422</code></a>
</p>

View File

@@ -96,7 +96,7 @@
<div class="foundat">
Defined in: <a href="../files/.._src_litegraph.js.html#l1794"><code>..&#x2F;src&#x2F;litegraph.js:1794</code></a>
Defined in: <a href="../files/.._src_litegraph.js.html#l2116"><code>..&#x2F;src&#x2F;litegraph.js:2116</code></a>
</div>
@@ -108,7 +108,7 @@
<div class="box intro">
<p>The Global Scope. It contains all the registered node classes.</p>
<p>marks as dirty the canvas, this way it will be rendered again</p>
</div>
@@ -163,7 +163,7 @@
<a href="../files/.._src_litegraph.js.html#l1794"><code>..&#x2F;src&#x2F;litegraph.js:1794</code></a>
<a href="../files/.._src_litegraph.js.html#l2116"><code>..&#x2F;src&#x2F;litegraph.js:2116</code></a>
</p>
@@ -192,7 +192,7 @@
<div class="param-description">
<p>the canvas where you want to render (it accepts a selector in string format)</p>
<p>the canvas where you want to render (it accepts a selector in string format or the canvas itself)</p>
</div>
@@ -208,7 +208,8 @@
<div class="param-description">
<p>[optional]</p>
</div>
@@ -231,6 +232,8 @@
<li class="api-class-tab index"><a href="#index">Index</a></li>
<li class="api-class-tab methods"><a href="#methods">Methods</a></li>
@@ -241,6 +244,56 @@
<h2 class="off-left">Item Index</h2>
<div class="index-section methods">
<h3>Methods</h3>
<ul class="index-list methods">
<li class="index-item method">
<a href="#method_clear">clear</a>
</li>
<li class="index-item method">
<a href="#method_getCanvasWindow">getCanvasWindow</a>
</li>
<li class="index-item method">
<a href="#method_setCanvas">setCanvas</a>
</li>
<li class="index-item method">
<a href="#method_setGraph">setGraph</a>
</li>
<li class="index-item method">
<a href="#method_startRendering">startRendering</a>
</li>
<li class="index-item method">
<a href="#method_stopRendering">stopRendering</a>
</li>
</ul>
</div>
@@ -250,6 +303,428 @@
</div>
<div id="methods" class="api-class-tabpanel">
<h2 class="off-left">Methods</h2>
<div id="method_clear" class="method item">
<h3 class="name"><code>clear</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1912"><code>..&#x2F;src&#x2F;litegraph.js:1912</code></a>
</p>
</div>
<div class="description">
<p>clears all the data inside</p>
</div>
</div>
<div id="method_getCanvasWindow" class="method item">
<h3 class="name"><code>getCanvasWindow</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type">Window</span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2132"><code>..&#x2F;src&#x2F;litegraph.js:2132</code></a>
</p>
</div>
<div class="description">
<p>Used to attach the canvas in a popup</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">Window</span>:
<p>returns the window where the canvas is attached (the DOM root node)</p>
</div>
</div>
</div>
<div id="method_setCanvas" class="method item">
<h3 class="name"><code>setCanvas</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>assigns</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1994"><code>..&#x2F;src&#x2F;litegraph.js:1994</code></a>
</p>
</div>
<div class="description">
<p>assigns a canvas</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">assigns</code>
<span class="type">Canvas</span>
<div class="param-description">
<p>a canvas</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method_setGraph" class="method item">
<h3 class="name"><code>setGraph</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>assigns</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1966"><code>..&#x2F;src&#x2F;litegraph.js:1966</code></a>
</p>
</div>
<div class="description">
<p>assigns a graph, you can reasign graphs to the same canvas</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">assigns</code>
<span class="type"><a href="../classes/LGraph.html" class="crosslink">LGraph</a></span>
<div class="param-description">
<p>a graph</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method_startRendering" class="method item">
<h3 class="name"><code>startRendering</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2144"><code>..&#x2F;src&#x2F;litegraph.js:2144</code></a>
</p>
</div>
<div class="description">
<p>starts rendering the content of the canvas when needed</p>
</div>
</div>
<div id="method_stopRendering" class="method item">
<h3 class="name"><code>stopRendering</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l2175"><code>..&#x2F;src&#x2F;litegraph.js:2175</code></a>
</p>
</div>
<div class="description">
<p>stops rendering the content of the canvas (to save resources)</p>
</div>
</div>
</div>

View File

@@ -96,7 +96,7 @@
<div class="foundat">
Defined in: <a href="../files/.._src_litegraph.js.html#l997"><code>..&#x2F;src&#x2F;litegraph.js:997</code></a>
Defined in: <a href="../files/.._src_litegraph.js.html#l1000"><code>..&#x2F;src&#x2F;litegraph.js:1000</code></a>
</div>
@@ -148,6 +148,13 @@
</li>
<li class="index-item method">
<a href="#method_addInputs">addInputs</a>
</li>
<li class="index-item method">
@@ -155,6 +162,13 @@
</li>
<li class="index-item method">
<a href="#method_addOutputs">addOutputs</a>
</li>
<li class="index-item method">
@@ -197,6 +211,20 @@
</li>
<li class="index-item method">
<a href="#method_findInputSlot">findInputSlot</a>
</li>
<li class="index-item method">
<a href="#method_findOutputSlot">findOutputSlot</a>
</li>
<li class="index-item method">
@@ -239,6 +267,13 @@
</li>
<li class="index-item method">
<a href="#method_getTitle">getTitle</a>
</li>
<li class="index-item method">
@@ -380,7 +415,7 @@
<a href="../files/.._src_litegraph.js.html#l1320"><code>..&#x2F;src&#x2F;litegraph.js:1320</code></a>
<a href="../files/.._src_litegraph.js.html#l1385"><code>..&#x2F;src&#x2F;litegraph.js:1385</code></a>
</p>
@@ -528,7 +563,7 @@
<a href="../files/.._src_litegraph.js.html#l1289"><code>..&#x2F;src&#x2F;litegraph.js:1289</code></a>
<a href="../files/.._src_litegraph.js.html#l1331"><code>..&#x2F;src&#x2F;litegraph.js:1331</code></a>
</p>
@@ -603,6 +638,95 @@
</div>
<div id="method_addInputs" class="method item">
<h3 class="name"><code>addInputs</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>array</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1350"><code>..&#x2F;src&#x2F;litegraph.js:1350</code></a>
</p>
</div>
<div class="description">
<p>add several new input slots in this node</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">array</code>
<span class="type">Array</span>
<div class="param-description">
<p>of triplets like [[name,type,extra_info],[...]]</p>
</div>
</li>
</ul>
</div>
</div>
@@ -660,7 +784,7 @@
<a href="../files/.._src_litegraph.js.html#l1258"><code>..&#x2F;src&#x2F;litegraph.js:1258</code></a>
<a href="../files/.._src_litegraph.js.html#l1277"><code>..&#x2F;src&#x2F;litegraph.js:1277</code></a>
</p>
@@ -735,6 +859,95 @@
</div>
<div id="method_addOutputs" class="method item">
<h3 class="name"><code>addOutputs</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>array</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1296"><code>..&#x2F;src&#x2F;litegraph.js:1296</code></a>
</p>
</div>
<div class="description">
<p>add a new output slot to use in this node</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">array</code>
<span class="type">Array</span>
<div class="param-description">
<p>of triplets like [[name,type,extra_info],[...]]</p>
</div>
</li>
</ul>
</div>
</div>
@@ -770,7 +983,7 @@
<a href="../files/.._src_litegraph.js.html#l1756"><code>..&#x2F;src&#x2F;litegraph.js:1756</code></a>
<a href="../files/.._src_litegraph.js.html#l1842"><code>..&#x2F;src&#x2F;litegraph.js:1842</code></a>
</p>
@@ -839,7 +1052,7 @@
<a href="../files/.._src_litegraph.js.html#l1333"><code>..&#x2F;src&#x2F;litegraph.js:1333</code></a>
<a href="../files/.._src_litegraph.js.html#l1398"><code>..&#x2F;src&#x2F;litegraph.js:1398</code></a>
</p>
@@ -931,7 +1144,7 @@
<a href="../files/.._src_litegraph.js.html#l1026"><code>..&#x2F;src&#x2F;litegraph.js:1026</code></a>
<a href="../files/.._src_litegraph.js.html#l1029"><code>..&#x2F;src&#x2F;litegraph.js:1029</code></a>
</p>
@@ -942,7 +1155,7 @@
</div>
<div class="description">
<p>configure a node from an object</p>
<p>configure a node from an object containing the serialized info</p>
</div>
@@ -1012,7 +1225,7 @@
<a href="../files/.._src_litegraph.js.html#l1401"><code>..&#x2F;src&#x2F;litegraph.js:1401</code></a>
<a href="../files/.._src_litegraph.js.html#l1478"><code>..&#x2F;src&#x2F;litegraph.js:1478</code></a>
</p>
@@ -1151,7 +1364,7 @@
<a href="../files/.._src_litegraph.js.html#l1545"><code>..&#x2F;src&#x2F;litegraph.js:1545</code></a>
<a href="../files/.._src_litegraph.js.html#l1628"><code>..&#x2F;src&#x2F;litegraph.js:1628</code></a>
</p>
@@ -1264,7 +1477,7 @@
<a href="../files/.._src_litegraph.js.html#l1482"><code>..&#x2F;src&#x2F;litegraph.js:1482</code></a>
<a href="../files/.._src_litegraph.js.html#l1561"><code>..&#x2F;src&#x2F;litegraph.js:1561</code></a>
</p>
@@ -1338,6 +1551,220 @@
</div>
<div id="method_findInputSlot" class="method item">
<h3 class="name"><code>findInputSlot</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>name</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type">Number</span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1448"><code>..&#x2F;src&#x2F;litegraph.js:1448</code></a>
</p>
</div>
<div class="description">
<p>returns the input slot with a given name (used for dynamic slots), -1 if not found</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">name</code>
<span class="type">String</span>
<div class="param-description">
<p>the name of the slot</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">Number</span>:
<p>the slot (-1 if not found)</p>
</div>
</div>
</div>
<div id="method_findOutputSlot" class="method item">
<h3 class="name"><code>findOutputSlot</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>name</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type">Number</span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1463"><code>..&#x2F;src&#x2F;litegraph.js:1463</code></a>
</p>
</div>
<div class="description">
<p>returns the output slot with a given name (used for dynamic slots), -1 if not found</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">name</code>
<span class="type">String</span>
<div class="param-description">
<p>the name of the slot</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type">Number</span>:
<p>the slot (-1 if not found)</p>
</div>
</div>
</div>
@@ -1377,7 +1804,7 @@
<a href="../files/.._src_litegraph.js.html#l1351"><code>..&#x2F;src&#x2F;litegraph.js:1351</code></a>
<a href="../files/.._src_litegraph.js.html#l1416"><code>..&#x2F;src&#x2F;litegraph.js:1416</code></a>
</p>
@@ -1466,7 +1893,7 @@
<a href="../files/.._src_litegraph.js.html#l1599"><code>..&#x2F;src&#x2F;litegraph.js:1599</code></a>
<a href="../files/.._src_litegraph.js.html#l1685"><code>..&#x2F;src&#x2F;litegraph.js:1685</code></a>
</p>
@@ -1589,7 +2016,7 @@
<a href="../files/.._src_litegraph.js.html#l1161"><code>..&#x2F;src&#x2F;litegraph.js:1161</code></a>
<a href="../files/.._src_litegraph.js.html#l1180"><code>..&#x2F;src&#x2F;litegraph.js:1180</code></a>
</p>
@@ -1695,7 +2122,7 @@
<a href="../files/.._src_litegraph.js.html#l1187"><code>..&#x2F;src&#x2F;litegraph.js:1187</code></a>
<a href="../files/.._src_litegraph.js.html#l1206"><code>..&#x2F;src&#x2F;litegraph.js:1206</code></a>
</p>
@@ -1799,7 +2226,7 @@
<a href="../files/.._src_litegraph.js.html#l1202"><code>..&#x2F;src&#x2F;litegraph.js:1202</code></a>
<a href="../files/.._src_litegraph.js.html#l1221"><code>..&#x2F;src&#x2F;litegraph.js:1221</code></a>
</p>
@@ -1903,7 +2330,7 @@
<a href="../files/.._src_litegraph.js.html#l1229"><code>..&#x2F;src&#x2F;litegraph.js:1229</code></a>
<a href="../files/.._src_litegraph.js.html#l1248"><code>..&#x2F;src&#x2F;litegraph.js:1248</code></a>
</p>
@@ -1958,6 +2385,61 @@
</div>
<div id="method_getTitle" class="method item">
<h3 class="name"><code>getTitle</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/.._src_litegraph.js.html#l1148"><code>..&#x2F;src&#x2F;litegraph.js:1148</code></a>
</p>
</div>
<div class="description">
<p>get the title string</p>
</div>
</div>
@@ -2007,7 +2489,7 @@
<a href="../files/.._src_litegraph.js.html#l1175"><code>..&#x2F;src&#x2F;litegraph.js:1175</code></a>
<a href="../files/.._src_litegraph.js.html#l1194"><code>..&#x2F;src&#x2F;litegraph.js:1194</code></a>
</p>
@@ -2111,7 +2593,7 @@
<a href="../files/.._src_litegraph.js.html#l1217"><code>..&#x2F;src&#x2F;litegraph.js:1217</code></a>
<a href="../files/.._src_litegraph.js.html#l1236"><code>..&#x2F;src&#x2F;litegraph.js:1236</code></a>
</p>
@@ -2221,7 +2703,7 @@
<a href="../files/.._src_litegraph.js.html#l1361"><code>..&#x2F;src&#x2F;litegraph.js:1361</code></a>
<a href="../files/.._src_litegraph.js.html#l1426"><code>..&#x2F;src&#x2F;litegraph.js:1426</code></a>
</p>
@@ -2326,7 +2808,7 @@
<a href="../files/.._src_litegraph.js.html#l1769"><code>..&#x2F;src&#x2F;litegraph.js:1769</code></a>
<a href="../files/.._src_litegraph.js.html#l1855"><code>..&#x2F;src&#x2F;litegraph.js:1855</code></a>
</p>
@@ -2391,7 +2873,7 @@
<a href="../files/.._src_litegraph.js.html#l1308"><code>..&#x2F;src&#x2F;litegraph.js:1308</code></a>
<a href="../files/.._src_litegraph.js.html#l1373"><code>..&#x2F;src&#x2F;litegraph.js:1373</code></a>
</p>
@@ -2479,7 +2961,7 @@
<a href="../files/.._src_litegraph.js.html#l1277"><code>..&#x2F;src&#x2F;litegraph.js:1277</code></a>
<a href="../files/.._src_litegraph.js.html#l1319"><code>..&#x2F;src&#x2F;litegraph.js:1319</code></a>
</p>
@@ -2557,7 +3039,7 @@
<a href="../files/.._src_litegraph.js.html#l1073"><code>..&#x2F;src&#x2F;litegraph.js:1073</code></a>
<a href="../files/.._src_litegraph.js.html#l1075"><code>..&#x2F;src&#x2F;litegraph.js:1075</code></a>
</p>
@@ -2628,7 +3110,7 @@
<a href="../files/.._src_litegraph.js.html#l1145"><code>..&#x2F;src&#x2F;litegraph.js:1145</code></a>
<a href="../files/.._src_litegraph.js.html#l1161"><code>..&#x2F;src&#x2F;litegraph.js:1161</code></a>
</p>
@@ -2721,7 +3203,7 @@
<a href="../files/.._src_litegraph.js.html#l1132"><code>..&#x2F;src&#x2F;litegraph.js:1132</code></a>
<a href="../files/.._src_litegraph.js.html#l1136"><code>..&#x2F;src&#x2F;litegraph.js:1136</code></a>
</p>

View File

@@ -298,7 +298,7 @@
<a href="../files/.._src_litegraph.js.html#l67"><code>..&#x2F;src&#x2F;litegraph.js:67</code></a>
<a href="../files/.._src_litegraph.js.html#l65"><code>..&#x2F;src&#x2F;litegraph.js:65</code></a>
</p>
@@ -423,7 +423,7 @@
<a href="../files/.._src_litegraph.js.html#l143"><code>..&#x2F;src&#x2F;litegraph.js:143</code></a>
<a href="../files/.._src_litegraph.js.html#l105"><code>..&#x2F;src&#x2F;litegraph.js:105</code></a>
</p>
@@ -530,7 +530,7 @@
<a href="../files/.._src_litegraph.js.html#l156"><code>..&#x2F;src&#x2F;litegraph.js:156</code></a>
<a href="../files/.._src_litegraph.js.html#l118"><code>..&#x2F;src&#x2F;litegraph.js:118</code></a>
</p>
@@ -627,7 +627,7 @@
<a href="../files/.._src_litegraph.js.html#l178"><code>..&#x2F;src&#x2F;litegraph.js:178</code></a>
<a href="../files/.._src_litegraph.js.html#l140"><code>..&#x2F;src&#x2F;litegraph.js:140</code></a>
</p>
@@ -712,7 +712,7 @@
<a href="../files/.._src_litegraph.js.html#l33"><code>..&#x2F;src&#x2F;litegraph.js:33</code></a>
<a href="../files/.._src_litegraph.js.html#l34"><code>..&#x2F;src&#x2F;litegraph.js:34</code></a>
</p>

View File

@@ -38,7 +38,7 @@
"plugin_for": [],
"extension_for": [],
"file": "../src/litegraph.js",
"line": 299,
"line": 227,
"description": "LGraph is the class that contain a full graph. We instantiate one and add nodes to it, and then we can run the execution loop.",
"is_constructor": 1
},
@@ -51,7 +51,7 @@
"plugin_for": [],
"extension_for": [],
"file": "../src/litegraph.js",
"line": 997,
"line": 1000,
"description": "Base Class for all the node type classes",
"params": [
{
@@ -70,27 +70,28 @@
"plugin_for": [],
"extension_for": [],
"file": "../src/litegraph.js",
"line": 1794,
"description": "The Global Scope. It contains all the registered node classes.",
"line": 2116,
"description": "marks as dirty the canvas, this way it will be rendered again",
"is_constructor": 1,
"params": [
{
"name": "canvas",
"description": "the canvas where you want to render (it accepts a selector in string format)",
"description": "the canvas where you want to render (it accepts a selector in string format or the canvas itself)",
"type": "HTMLCanvas"
},
{
"name": "graph",
"description": "",
"description": "[optional]",
"type": "LGraph"
}
]
],
"itemtype": "method"
}
},
"classitems": [
{
"file": "../src/litegraph.js",
"line": 33,
"line": 34,
"description": "Register a node class so it can be listed when the user wants to create a new one",
"itemtype": "method",
"name": "registerNodeType",
@@ -110,7 +111,7 @@
},
{
"file": "../src/litegraph.js",
"line": 67,
"line": 65,
"description": "Create a node of a given type with a name. The node is not attached to any graph yet.",
"itemtype": "method",
"name": "createNode",
@@ -135,7 +136,7 @@
},
{
"file": "../src/litegraph.js",
"line": 143,
"line": 105,
"description": "Returns a registered node type with a given name",
"itemtype": "method",
"name": "getNodeType",
@@ -154,7 +155,7 @@
},
{
"file": "../src/litegraph.js",
"line": 156,
"line": 118,
"description": "Returns a list of node types matching one category",
"itemtype": "method",
"name": "getNodeType",
@@ -173,7 +174,7 @@
},
{
"file": "../src/litegraph.js",
"line": 178,
"line": 140,
"description": "Returns a list with all the node type categories",
"itemtype": "method",
"name": "getNodeTypesCategories",
@@ -185,7 +186,7 @@
},
{
"file": "../src/litegraph.js",
"line": 317,
"line": 251,
"description": "Removes all nodes from this graph",
"itemtype": "method",
"name": "clear",
@@ -193,7 +194,7 @@
},
{
"file": "../src/litegraph.js",
"line": 361,
"line": 296,
"description": "Attach Canvas to this graph",
"itemtype": "method",
"name": "attachCanvas",
@@ -208,7 +209,7 @@
},
{
"file": "../src/litegraph.js",
"line": 380,
"line": 315,
"description": "Detach Canvas from this graph",
"itemtype": "method",
"name": "detachCanvas",
@@ -223,7 +224,7 @@
},
{
"file": "../src/litegraph.js",
"line": 394,
"line": 329,
"description": "Starts running this graph every interval milliseconds.",
"itemtype": "method",
"name": "start",
@@ -238,7 +239,7 @@
},
{
"file": "../src/litegraph.js",
"line": 421,
"line": 356,
"description": "Stops the execution loop of the graph",
"itemtype": "method",
"name": "stop execution",
@@ -246,7 +247,7 @@
},
{
"file": "../src/litegraph.js",
"line": 443,
"line": 378,
"description": "Run N steps (cycles) of the graph",
"itemtype": "method",
"name": "runStep",
@@ -261,7 +262,7 @@
},
{
"file": "../src/litegraph.js",
"line": 487,
"line": 422,
"description": "Updates the graph execution order according to relevance of the nodes (nodes with only outputs have more relevance than\nnodes with only inputs.",
"itemtype": "method",
"name": "updateExecutionOrder",
@@ -269,7 +270,7 @@
},
{
"file": "../src/litegraph.js",
"line": 583,
"line": 520,
"description": "Returns the amount of time the graph has been running in milliseconds",
"itemtype": "method",
"name": "getTime",
@@ -281,7 +282,7 @@
},
{
"file": "../src/litegraph.js",
"line": 594,
"line": 531,
"description": "Returns the amount of time accumulated using the fixedtime_lapse var. This is used in context where the time increments should be constant",
"itemtype": "method",
"name": "getFixedTime",
@@ -293,7 +294,7 @@
},
{
"file": "../src/litegraph.js",
"line": 605,
"line": 542,
"description": "Returns the amount of time it took to compute the latest iteration. Take into account that this number could be not correct\nif the nodes are using graphical actions",
"itemtype": "method",
"name": "getElapsedTime",
@@ -305,7 +306,7 @@
},
{
"file": "../src/litegraph.js",
"line": 617,
"line": 554,
"description": "Sends an event to all the nodes, useful to trigger stuff",
"itemtype": "method",
"name": "sendEventToAllNodes",
@@ -325,7 +326,7 @@
},
{
"file": "../src/litegraph.js",
"line": 645,
"line": 582,
"description": "Adds a new node instasnce to this graph",
"itemtype": "method",
"name": "add",
@@ -340,7 +341,7 @@
},
{
"file": "../src/litegraph.js",
"line": 690,
"line": 631,
"description": "Removes a node from the graph",
"itemtype": "method",
"name": "remove",
@@ -355,7 +356,7 @@
},
{
"file": "../src/litegraph.js",
"line": 751,
"line": 697,
"description": "Returns a node by its id.",
"itemtype": "method",
"name": "getNodeById",
@@ -370,7 +371,7 @@
},
{
"file": "../src/litegraph.js",
"line": 764,
"line": 710,
"description": "Returns a list of nodes that matches a type",
"itemtype": "method",
"name": "findNodesByType",
@@ -389,7 +390,7 @@
},
{
"file": "../src/litegraph.js",
"line": 780,
"line": 726,
"description": "Returns a list of nodes that matches a name",
"itemtype": "method",
"name": "findNodesByName",
@@ -408,7 +409,7 @@
},
{
"file": "../src/litegraph.js",
"line": 796,
"line": 742,
"description": "Returns the top-most node in this position of the canvas",
"itemtype": "method",
"name": "getNodeOnPos",
@@ -437,7 +438,7 @@
},
{
"file": "../src/litegraph.js",
"line": 817,
"line": 804,
"description": "Assigns a value to all the nodes that matches this name. This is used to create global variables of the node that\ncan be easily accesed from the outside of the graph",
"itemtype": "method",
"name": "setInputData",
@@ -457,7 +458,7 @@
},
{
"file": "../src/litegraph.js",
"line": 832,
"line": 819,
"description": "Returns the value of the first node with this name. This is used to access global variables of the graph from the outside",
"itemtype": "method",
"name": "setInputData",
@@ -476,7 +477,7 @@
},
{
"file": "../src/litegraph.js",
"line": 869,
"line": 856,
"description": "returns if the graph is in live mode",
"itemtype": "method",
"name": "isLive",
@@ -484,7 +485,7 @@
},
{
"file": "../src/litegraph.js",
"line": 893,
"line": 889,
"description": "Creates a Object containing all the info about this graph, it can be serialized",
"itemtype": "method",
"name": "serialize",
@@ -496,7 +497,7 @@
},
{
"file": "../src/litegraph.js",
"line": 920,
"line": 922,
"description": "Configure a graph from a JSON string",
"itemtype": "method",
"name": "configure",
@@ -511,15 +512,15 @@
},
{
"file": "../src/litegraph.js",
"line": 1026,
"description": "configure a node from an object",
"line": 1029,
"description": "configure a node from an object containing the serialized info",
"itemtype": "method",
"name": "configure",
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1073,
"line": 1075,
"description": "serialize the content",
"itemtype": "method",
"name": "serialize",
@@ -527,7 +528,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1132,
"line": 1136,
"description": "serialize and stringify",
"itemtype": "method",
"name": "toString",
@@ -535,7 +536,15 @@
},
{
"file": "../src/litegraph.js",
"line": 1145,
"line": 1148,
"description": "get the title string",
"itemtype": "method",
"name": "getTitle",
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1161,
"description": "sets the output data",
"itemtype": "method",
"name": "setOutputData",
@@ -555,7 +564,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1161,
"line": 1180,
"description": "retrieves the input data from one slot",
"itemtype": "method",
"name": "getInputData",
@@ -574,7 +583,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1175,
"line": 1194,
"description": "tells you if there is a connection in one input slot",
"itemtype": "method",
"name": "isInputConnected",
@@ -593,7 +602,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1187,
"line": 1206,
"description": "tells you info about an input connection (which node, type, etc)",
"itemtype": "method",
"name": "getInputInfo",
@@ -612,7 +621,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1202,
"line": 1221,
"description": "tells you info about an output connection (which node, type, etc)",
"itemtype": "method",
"name": "getOutputInfo",
@@ -631,7 +640,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1217,
"line": 1236,
"description": "tells you if there is a connection in one output slot",
"itemtype": "method",
"name": "isOutputConnected",
@@ -650,7 +659,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1229,
"line": 1248,
"description": "retrieves all the nodes connected to this output slot",
"itemtype": "method",
"name": "getOutputNodes",
@@ -669,7 +678,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1258,
"line": 1277,
"description": "add a new output slot to use in this node",
"itemtype": "method",
"name": "addOutput",
@@ -694,7 +703,22 @@
},
{
"file": "../src/litegraph.js",
"line": 1277,
"line": 1296,
"description": "add a new output slot to use in this node",
"itemtype": "method",
"name": "addOutputs",
"params": [
{
"name": "array",
"description": "of triplets like [[name,type,extra_info],[...]]",
"type": "Array"
}
],
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1319,
"description": "remove an existing output slot",
"itemtype": "method",
"name": "removeOutput",
@@ -709,7 +733,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1289,
"line": 1331,
"description": "add a new input slot to use in this node",
"itemtype": "method",
"name": "addInput",
@@ -734,7 +758,22 @@
},
{
"file": "../src/litegraph.js",
"line": 1308,
"line": 1350,
"description": "add several new input slots in this node",
"itemtype": "method",
"name": "addInputs",
"params": [
{
"name": "array",
"description": "of triplets like [[name,type,extra_info],[...]]",
"type": "Array"
}
],
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1373,
"description": "remove an existing input slot",
"itemtype": "method",
"name": "removeInput",
@@ -749,7 +788,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1320,
"line": 1385,
"description": "add an special connection to this node (used for special kinds of graphs)",
"itemtype": "method",
"name": "addConnection",
@@ -779,7 +818,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1333,
"line": 1398,
"description": "computes the size of a node according to its inputs and output slots",
"itemtype": "method",
"name": "computeSize",
@@ -798,7 +837,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1351,
"line": 1416,
"description": "returns the bounding of the object, used for rendering purposes",
"itemtype": "method",
"name": "getBounding",
@@ -810,7 +849,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1361,
"line": 1426,
"description": "checks if a point is inside the shape of a node",
"itemtype": "method",
"name": "isPointInsideNode",
@@ -834,7 +873,45 @@
},
{
"file": "../src/litegraph.js",
"line": 1401,
"line": 1448,
"description": "returns the input slot with a given name (used for dynamic slots), -1 if not found",
"itemtype": "method",
"name": "findInputSlot",
"params": [
{
"name": "name",
"description": "the name of the slot",
"type": "String"
}
],
"return": {
"description": "the slot (-1 if not found)",
"type": "Number"
},
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1463,
"description": "returns the output slot with a given name (used for dynamic slots), -1 if not found",
"itemtype": "method",
"name": "findOutputSlot",
"params": [
{
"name": "name",
"description": "the name of the slot",
"type": "String"
}
],
"return": {
"description": "the slot (-1 if not found)",
"type": "Number"
},
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1478,
"description": "connect this node output to the input of another node",
"itemtype": "method",
"name": "connect",
@@ -863,7 +940,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1482,
"line": 1561,
"description": "disconnect one output to an specific node",
"itemtype": "method",
"name": "disconnectOutput",
@@ -887,7 +964,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1545,
"line": 1628,
"description": "disconnect one input",
"itemtype": "method",
"name": "disconnectInput",
@@ -906,7 +983,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1599,
"line": 1685,
"description": "returns the center of a connection point in canvas coords",
"itemtype": "method",
"name": "getConnectionPos",
@@ -930,7 +1007,7 @@
},
{
"file": "../src/litegraph.js",
"line": 1756,
"line": 1842,
"description": "Collapse the node to make it smaller on the canvas",
"itemtype": "method",
"name": "collapse",
@@ -938,11 +1015,77 @@
},
{
"file": "../src/litegraph.js",
"line": 1769,
"line": 1855,
"description": "Forces the node to do not move or realign on Z",
"itemtype": "method",
"name": "pin",
"class": "LGraphNode"
},
{
"file": "../src/litegraph.js",
"line": 1912,
"description": "clears all the data inside",
"itemtype": "method",
"name": "clear",
"class": "LGraphCanvas"
},
{
"file": "../src/litegraph.js",
"line": 1966,
"description": "assigns a graph, you can reasign graphs to the same canvas",
"itemtype": "method",
"name": "setGraph",
"params": [
{
"name": "assigns",
"description": "a graph",
"type": "LGraph"
}
],
"class": "LGraphCanvas"
},
{
"file": "../src/litegraph.js",
"line": 1994,
"description": "assigns a canvas",
"itemtype": "method",
"name": "setCanvas",
"params": [
{
"name": "assigns",
"description": "a canvas",
"type": "Canvas"
}
],
"class": "LGraphCanvas"
},
{
"file": "../src/litegraph.js",
"line": 2132,
"description": "Used to attach the canvas in a popup",
"itemtype": "method",
"name": "getCanvasWindow",
"return": {
"description": "returns the window where the canvas is attached (the DOM root node)",
"type": "Window"
},
"class": "LGraphCanvas"
},
{
"file": "../src/litegraph.js",
"line": 2144,
"description": "starts rendering the content of the canvas when needed",
"itemtype": "method",
"name": "startRendering",
"class": "LGraphCanvas"
},
{
"file": "../src/litegraph.js",
"line": 2175,
"description": "stops rendering the content of the canvas (to save resources)",
"itemtype": "method",
"name": "stopRendering",
"class": "LGraphCanvas"
}
],
"warnings": []

File diff suppressed because it is too large Load Diff