<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>API: WireIt Wire.js (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
<link rel="stylesheet" type="text/css" href="assets/api.css" />
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<h1><a href="http://neyric.github.com/wireit" title="WireItLibrary">WireItLibrary</a></h1>
<h3>WireIt <span class="subtitle">0.6.0</span></h3>
<a href="./index.html" title="WireItLibrary">WireItLibrary</a>
> <a href="./module_wireit.html" title="WireIt">WireIt</a>
> Wire.js (source view)
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
</div>
</div>
</form>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
<fieldset>
<legend>Filters</legend>
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
</fieldset>
</form>
<div id="srcout">
<style>
#doc3 .classopts { display:none; }
</style>
<div class="highlight"><pre><span class="c">/*global YAHOO */</span>
<span class="c">/**</span>
<span class="c"> * The wire widget that uses a canvas to render</span>
<span class="c"> * @class Wire</span>
<span class="c"> * @namespace WireIt</span>
<span class="c"> * @extends WireIt.CanvasElement</span>
<span class="c"> * @constructor</span>
<span class="c"> * @param {WireIt.Terminal} terminal1 Source terminal</span>
<span class="c"> * @param {WireIt.Terminal} terminal2 Target terminal</span>
<span class="c"> * @param {HTMLElement} parentEl Container of the CANVAS tag</span>
<span class="c"> * @param {Obj} options Wire configuration (see options property)</span>
<span class="c"> */</span>
<span class="nx">WireIt</span><span class="p">.</span><span class="nx">Wire</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span> <span class="nx">terminal1</span><span class="o">,</span> <span class="nx">terminal2</span><span class="o">,</span> <span class="nx">parentEl</span><span class="o">,</span> <span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
<span class="c">/**</span>
<span class="c"> * Reference to the parent dom element</span>
<span class="c"> * @property parentEl</span>
<span class="c"> * @type HTMLElement</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">parentEl</span> <span class="o">=</span> <span class="nx">parentEl</span><span class="o">;</span>
<span class="c">/**</span>
<span class="c"> * Source terminal</span>
<span class="c"> * @property terminal1</span>
<span class="c"> * @type WireIt.Terminal</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span> <span class="o">=</span> <span class="nx">terminal1</span><span class="o">;</span>
<span class="c">/**</span>
<span class="c"> * Target terminal</span>
<span class="c"> * @property terminal2</span>
<span class="c"> * @type WireIt.Terminal || WireIt.TerminalProxy</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span> <span class="o">=</span> <span class="nx">terminal2</span><span class="o">;</span>
<span class="c">/**</span>
<span class="c"> * Event that is fired when a wire is clicked (on the wire, not the canvas)</span>
<span class="c"> * You can register this event with myWire.eventWireClick.subscribe(function(e,params) { var wire = params[0], xy = params[1];}, scope);</span>
<span class="c"> * @event eventMouseClick</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseClick</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">CustomEvent</span><span class="p">(</span><span class="s2">"eventMouseClick"</span><span class="p">);</span>
<span class="c">/**</span>
<span class="c"> * Event that is fired when the mouse enter the wire</span>
<span class="c"> * You can register this event with myWire.eventMouseIn.subscribe(function(e,params) { var wire = params[0], xy = params[1];}, scope);</span>
<span class="c"> * @event eventMouseIn</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseIn</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">CustomEvent</span><span class="p">(</span><span class="s2">"eventMouseIn"</span><span class="p">);</span>
<span class="c">/**</span>
<span class="c"> * Event that is fired when the mouse exits the wire</span>
<span class="c"> * You can register this event with myWire.eventMouseOut.subscribe(function(e,params) { var wire = params[0], xy = params[1];}, scope);</span>
<span class="c"> * @event eventMouseOut</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseOut</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">CustomEvent</span><span class="p">(</span><span class="s2">"eventMouseOut"</span><span class="p">);</span>
<span class="c">/**</span>
<span class="c"> * Event that is fired when the mouse moves inside the wire</span>
<span class="c"> * You can register this event with myWire.eventMouseMove.subscribe(function(e,params) { var wire = params[0], xy = params[1];}, scope);</span>
<span class="c"> * @event eventMouseMove</span>
<span class="c"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseMove</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">CustomEvent</span><span class="p">(</span><span class="s2">"eventMouseMove"</span><span class="p">);</span>
<span class="c">// Init the options property</span>
<span class="k">this</span><span class="p">.</span><span class="nx">setOptions</span><span class="p">(</span><span class="nx">options</span> <span class="o">||</span> <span class="p">{});</span>
<span class="c">// Create the canvas element and append it to parentEl</span>
<span class="nx">WireIt</span><span class="p">.</span><span class="nx">Wire</span><span class="p">.</span><span class="nx">superclass</span><span class="p">.</span><span class="nx">constructor</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">parentEl</span><span class="p">);</span>
<span class="c">// CSS classname</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">element</span><span class="o">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">className</span><span class="p">);</span>
<span class="c">// Label</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="kd">label</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">renderLabel</span><span class="p">();</span>
<span class="p">}</span>
<span class="c">// Call addWire on both terminals</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="p">.</span><span class="nx">addWire</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span><span class="p">.</span><span class="nx">addWire</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="p">};</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">WireIt</span><span class="p">.</span><span class="nx">Wire</span><span class="o">,</span> <span class="nx">WireIt</span><span class="p">.</span><span class="nx">CanvasElement</span><span class="o">,</span> <span class="p">{</span>
<span class="c">/** </span>
<span class="c"> * @property xtype</span>
<span class="c"> * @description String representing this class for exporting as JSON</span>
<span class="c"> * @default "WireIt.Wire"</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">xtype</span><span class="o">:</span> <span class="s2">"WireIt.Wire"</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property className</span>
<span class="c"> * @description CSS class name for the wire element</span>
<span class="c"> * @default "WireIt-Wire"</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">className</span><span class="o">:</span> <span class="s2">"WireIt-Wire"</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property cap</span>
<span class="c"> * @description TODO</span>
<span class="c"> * @default "round"</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">cap</span><span class="o">:</span> <span class="s1">'round'</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property bordercap</span>
<span class="c"> * @description TODO</span>
<span class="c"> * @default "round"</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">bordercap</span><span class="o">:</span> <span class="s1">'round'</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property width</span>
<span class="c"> * @description Wire width</span>
<span class="c"> * @default 3</span>
<span class="c"> * @type Integer</span>
<span class="c"> */</span>
<span class="nx">width</span><span class="o">:</span> <span class="mi">3</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property borderwidth</span>
<span class="c"> * @description Border width</span>
<span class="c"> * @default 1</span>
<span class="c"> * @type Integer</span>
<span class="c"> */</span>
<span class="nx">borderwidth</span><span class="o">:</span> <span class="mi">1</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property color</span>
<span class="c"> * @description Wire color</span>
<span class="c"> * @default 'rgb(173, 216, 230)'</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">color</span><span class="o">:</span> <span class="s1">'rgb(173, 216, 230)'</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property bordercolor</span>
<span class="c"> * @description Border color</span>
<span class="c"> * @default '#0000ff'</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="nx">bordercolor</span><span class="o">:</span> <span class="s1">'#0000ff'</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property label</span>
<span class="c"> * @description Wire label</span>
<span class="c"> * @default null</span>
<span class="c"> * @type String</span>
<span class="c"> */</span>
<span class="kd">label</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property labelStyle</span>
<span class="c"> * @description Wire label style</span>
<span class="c"> * @default null</span>
<span class="c"> * @type Object</span>
<span class="c"> */</span>
<span class="nx">labelStyle</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
<span class="c">/** </span>
<span class="c"> * @property labelEditor</span>
<span class="c"> * @description inputEx field definition for the label editor</span>
<span class="c"> * @default null</span>
<span class="c"> * @type Object</span>
<span class="c"> */</span>
<span class="nx">labelEditor</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Set the options by putting them in this (so it overrides the prototype default)</span>
<span class="c"> * @method setOptions</span>
<span class="c"> */</span>
<span class="nx">setOptions</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
<span class="k">for</span><span class="p">(</span><span class="kd">var</span> <span class="nx">k</span> <span class="k">in</span> <span class="nx">options</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span> <span class="nx">options</span><span class="p">.</span><span class="nx">hasOwnProperty</span><span class="p">(</span><span class="nx">k</span><span class="p">)</span> <span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">[</span><span class="nx">k</span><span class="p">]</span> <span class="o">=</span> <span class="nx">options</span><span class="p">[</span><span class="nx">k</span><span class="p">];</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Remove a Wire from the Dom</span>
<span class="c"> * @method remove</span>
<span class="c"> */</span>
<span class="nx">remove</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="c">// Remove the canvas from the dom</span>
<span class="k">this</span><span class="p">.</span><span class="nx">parentEl</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">element</span><span class="p">);</span>
<span class="c">// Remove the wire reference from the connected terminals</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span> <span class="o">&&</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="p">.</span><span class="nx">removeWire</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="p">.</span><span class="nx">removeWire</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span> <span class="o">&&</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span><span class="p">.</span><span class="nx">removeWire</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span><span class="p">.</span><span class="nx">removeWire</span><span class="p">(</span><span class="k">this</span><span class="p">);</span>
<span class="p">}</span>
<span class="c">// Remove references to old terminals</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
<span class="c">// Remove Label</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelField</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelField</span><span class="p">.</span><span class="nx">destroy</span><span class="p">();</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * This function returns terminal1 if the first argument is terminal2 and vice-versa</span>
<span class="c"> * @method getOtherTerminal</span>
<span class="c"> * @param {WireIt.Terminal} terminal </span>
<span class="c"> * @return {WireIt.Terminal} terminal the terminal that is NOT passed as argument</span>
<span class="c"> */</span>
<span class="nx">getOtherTerminal</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">terminal</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="nx">terminal</span> <span class="o">==</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="p">)</span> <span class="o">?</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span> <span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="o">;</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Drawing method</span>
<span class="c"> */</span>
<span class="nx">draw</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">margin</span> <span class="o">=</span> <span class="p">[</span><span class="mi">4</span><span class="o">,</span><span class="mi">4</span><span class="p">];</span>
<span class="c">// Get the positions of the terminals</span>
<span class="kd">var</span> <span class="nx">p1</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal1</span><span class="p">.</span><span class="nx">getXY</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">p2</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">terminal2</span><span class="p">.</span><span class="nx">getXY</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">min</span><span class="o">=</span><span class="p">[</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span><span class="o">-</span><span class="nx">margin</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span><span class="o">-</span><span class="nx">margin</span><span class="p">[</span><span class="mi">1</span><span class="p">]];</span>
<span class="kd">var</span> <span class="nx">max</span><span class="o">=</span><span class="p">[</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span><span class="o">+</span><span class="nx">margin</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span><span class="o">+</span><span class="nx">margin</span><span class="p">[</span><span class="mi">1</span><span class="p">]];</span>
<span class="c">// Store the min, max positions to display the label later</span>
<span class="k">this</span><span class="p">.</span><span class="nx">min</span> <span class="o">=</span> <span class="nx">min</span><span class="o">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">max</span> <span class="o">=</span> <span class="nx">max</span><span class="o">;</span>
<span class="c">// Redimensionnement du canvas</span>
<span class="kd">var</span> <span class="nx">lw</span><span class="o">=</span><span class="nb">Math</span><span class="p">.</span><span class="nx">abs</span><span class="p">(</span><span class="nx">max</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
<span class="kd">var</span> <span class="nx">lh</span><span class="o">=</span><span class="nb">Math</span><span class="p">.</span><span class="nx">abs</span><span class="p">(</span><span class="nx">max</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
<span class="c">// Convert points in canvas coordinates</span>
<span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
<span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">1</span><span class="p">];</span>
<span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
<span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">-</span><span class="nx">min</span><span class="p">[</span><span class="mi">1</span><span class="p">];</span>
<span class="k">this</span><span class="p">.</span><span class="nx">SetCanvasRegion</span><span class="p">(</span><span class="nx">min</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">min</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">,</span><span class="nx">lw</span><span class="o">,</span><span class="nx">lh</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">ctxt</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">getContext</span><span class="p">();</span>
<span class="c">// Draw the border</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineCap</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">bordercap</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">strokeStyle</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">bordercolor</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineWidth</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">width</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">borderwidth</span><span class="o">*</span><span class="mi">2</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">beginPath</span><span class="p">();</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">moveTo</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineTo</span><span class="p">(</span><span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">stroke</span><span class="p">();</span>
<span class="c">// Draw the inner bezier curve</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineCap</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">cap</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">strokeStyle</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">color</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineWidth</span><span class="o">=</span><span class="k">this</span><span class="p">.</span><span class="nx">width</span><span class="o">;</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">beginPath</span><span class="p">();</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">moveTo</span><span class="p">(</span><span class="nx">p1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p1</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">lineTo</span><span class="p">(</span><span class="nx">p2</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">p2</span><span class="p">[</span><span class="mi">1</span><span class="p">]);</span>
<span class="nx">ctxt</span><span class="p">.</span><span class="nx">stroke</span><span class="p">();</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Redraw the wire and label</span>
<span class="c"> * @method redraw</span>
<span class="c"> */</span>
<span class="nx">redraw</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">draw</span><span class="p">();</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="kd">label</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">positionLabel</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Render the label container</span>
<span class="c"> */</span>
<span class="nx">renderLabel</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span> <span class="o">=</span> <span class="nx">WireIt</span><span class="p">.</span><span class="nx">cn</span><span class="p">(</span><span class="s1">'div'</span><span class="o">,</span><span class="p">{</span><span class="nx">className</span><span class="o">:</span><span class="s2">"WireIt-Wire-Label"</span><span class="p">}</span><span class="o">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">labelStyle</span> <span class="p">);</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEditor</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelField</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">inputEx</span><span class="p">.</span><span class="nx">InPlaceEdit</span><span class="p">({</span><span class="nx">parentEl</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="o">,</span> <span class="nx">editorField</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">labelEditor</span><span class="o">,</span> <span class="nx">animColors</span><span class="o">:</span><span class="p">{</span><span class="nx">from</span><span class="o">:</span><span class="s2">"#FFFF99"</span> <span class="o">,</span> <span class="nx">to</span><span class="o">:</span><span class="s2">"#DDDDFF"</span><span class="p">}</span> <span class="p">});</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelField</span><span class="p">.</span><span class="nx">setValue</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="kd">label</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">else</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="kd">label</span><span class="o">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">element</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">appendChild</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Set the label</span>
<span class="c"> */</span>
<span class="nx">setLabel</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">val</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEditor</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelField</span><span class="p">.</span><span class="nx">setValue</span><span class="p">(</span><span class="nx">val</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">else</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">val</span><span class="o">;</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Position the label element to the center</span>
<span class="c"> */</span>
<span class="nx">positionLabel</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="o">,</span><span class="s2">"left"</span><span class="o">,</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">min</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">max</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">-</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">.</span><span class="nx">clientWidth</span><span class="p">)</span><span class="o">/</span><span class="mi">2</span><span class="p">);</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Dom</span><span class="p">.</span><span class="nx">setStyle</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="o">,</span><span class="s2">"top"</span><span class="o">,</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">min</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">max</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">-</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEl</span><span class="p">.</span><span class="nx">clientHeight</span><span class="p">)</span><span class="o">/</span><span class="mi">2</span><span class="p">);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Determine if the wire is drawn at position (x,y) relative to the canvas element. This is used for mouse events.</span>
<span class="c"> * @method wireDrawnAt</span>
<span class="c"> * @return {Boolean} true if the wire is drawn at position (x,y) relative to the canvas element</span>
<span class="c"> */</span>
<span class="nx">wireDrawnAt</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">ctxt</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getContext</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">imgData</span> <span class="o">=</span> <span class="nx">ctxt</span><span class="p">.</span><span class="nx">getImageData</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="o">,</span><span class="mi">1</span><span class="o">,</span><span class="mi">1</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">pixel</span> <span class="o">=</span> <span class="nx">imgData</span><span class="p">.</span><span class="nx">data</span><span class="o">;</span>
<span class="k">return</span> <span class="o">!</span><span class="p">(</span> <span class="nx">pixel</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span> <span class="o">&&</span> <span class="nx">pixel</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span> <span class="o">&&</span> <span class="nx">pixel</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span> <span class="o">&&</span> <span class="nx">pixel</span><span class="p">[</span><span class="mi">3</span><span class="p">]</span> <span class="o">===</span> <span class="mi">0</span> <span class="p">);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Called by the Layer when the mouse moves over the canvas element.</span>
<span class="c"> * Note: the event is not listened directly, to receive the event event if the wire is behind another wire</span>
<span class="c"> * @method onMouseMove</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onMouseMove</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
<span class="p">}</span>
<span class="k">if</span><span class="p">(</span> <span class="k">this</span><span class="p">.</span><span class="nx">wireDrawnAt</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span><span class="o">=</span><span class="kc">true</span><span class="o">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onWireIn</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onWireMove</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">else</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">mouseInState</span><span class="o">=</span><span class="kc">false</span><span class="o">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onWireOut</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * When the mouse moves over a wire</span>
<span class="c"> * Note: this will only work within a layer</span>
<span class="c"> * @method onWireMove</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onWireMove</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseMove</span><span class="p">.</span><span class="nx">fire</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="p">[</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">]);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * When the mouse comes into the wire</span>
<span class="c"> * Note: this will only work within a layer</span>
<span class="c"> * @method onWireIn</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onWireIn</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseIn</span><span class="p">.</span><span class="nx">fire</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="p">[</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">]);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * When the mouse comes out of the wire</span>
<span class="c"> * Note: this will only work within a layer</span>
<span class="c"> * @method onWireOut</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onWireOut</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseOut</span><span class="p">.</span><span class="nx">fire</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="p">[</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">]);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * When the mouse clicked on the canvas</span>
<span class="c"> * Note: this will only work within a layer</span>
<span class="c"> * @method onClick</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onClick</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span><span class="p">(</span> <span class="k">this</span><span class="p">.</span><span class="nx">wireDrawnAt</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onWireClick</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * When the mouse clicked on the wire</span>
<span class="c"> * Note: this will only work within a layer</span>
<span class="c"> * @method onWireClick</span>
<span class="c"> * @param {Integer} x left position of the mouse (relative to the canvas)</span>
<span class="c"> * @param {Integer} y top position of the mouse (relative to the canvas)</span>
<span class="c"> */</span>
<span class="nx">onWireClick</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">eventMouseClick</span><span class="p">.</span><span class="nx">fire</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="p">[</span><span class="nx">x</span><span class="o">,</span><span class="nx">y</span><span class="p">]);</span>
<span class="p">}</span><span class="o">,</span>
<span class="c">/**</span>
<span class="c"> * Return the config of this Wire</span>
<span class="c"> * @method getConfig</span>
<span class="c"> */</span>
<span class="nx">getConfig</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span>
<span class="nx">xtype</span><span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">xtype</span>
<span class="p">};</span>
<span class="c">// Export the label value</span>
<span class="k">if</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">labelEditor</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">obj</span><span class="p">.</span><span class="kd">label</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">labelField</span><span class="p">.</span><span class="nx">getValue</span><span class="p">();</span>
<span class="p">}</span>
<span class="k">return</span> <span class="nx">obj</span><span class="o">;</span>
<span class="p">}</span>
<span class="p">});</span>
</pre></div>
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div id="moduleList" class="module">
<h4>Modules</h4>
<ul class="content">
<li class=""><a href="module_animations-plugin.html" title="animations-plugin">animations-plugin</a></li>
<li class=""><a href="module_composable-plugin.html" title="composable-plugin">composable-plugin</a></li>
<li class=""><a href="module_editor-plugin.html" title="editor-plugin">editor-plugin</a></li>
<li class=""><a href="module_inputex-plugin.html" title="inputex-plugin">inputex-plugin</a></li>
<li class=""><a href="module_layout-plugin.html" title="layout-plugin">layout-plugin</a></li>
<li class="selected"><a href="module_wireit.html" title="WireIt">WireIt</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class=""><a href="WireIt.ArrowWire.html" title="WireIt.ArrowWire">WireIt.ArrowWire</a></li>
<li class=""><a href="WireIt.BezierArrowWire.html" title="WireIt.BezierArrowWire">WireIt.BezierArrowWire</a></li>
<li class=""><a href="WireIt.BezierWire.html" title="WireIt.BezierWire">WireIt.BezierWire</a></li>
<li class=""><a href="WireIt.CanvasContainer.html" title="WireIt.CanvasContainer">WireIt.CanvasContainer</a></li>
<li class=""><a href="WireIt.CanvasElement.html" title="WireIt.CanvasElement">WireIt.CanvasElement</a></li>
<li class=""><a href="WireIt.Container.html" title="WireIt.Container">WireIt.Container</a></li>
<li class=""><a href="WireIt.Layer.html" title="WireIt.Layer">WireIt.Layer</a></li>
<li class=""><a href="WireIt.LayerMap.html" title="WireIt.LayerMap">WireIt.LayerMap</a></li>
<li class=""><a href="WireIt.LeftSquareArrow.html" title="WireIt.LeftSquareArrow">WireIt.LeftSquareArrow</a></li>
<li class=""><a href="WireIt.RectLabelContainer.html" title="WireIt.RectLabelContainer">WireIt.RectLabelContainer</a></li>
<li class=""><a href="WireIt.RightSquareArrow.html" title="WireIt.RightSquareArrow">WireIt.RightSquareArrow</a></li>
<li class=""><a href="WireIt.Scissors.html" title="WireIt.Scissors">WireIt.Scissors</a></li>
<li class=""><a href="WireIt.StepWire.html" title="WireIt.StepWire">WireIt.StepWire</a></li>
<li class=""><a href="WireIt.Terminal.html" title="WireIt.Terminal">WireIt.Terminal</a></li>
<li class=""><a href="WireIt.TerminalProxy.html" title="WireIt.TerminalProxy">WireIt.TerminalProxy</a></li>
<li class=""><a href="WireIt.util.DD.html" title="WireIt.util.DD">WireIt.util.DD</a></li>
<li class=""><a href="WireIt.util.DDResize.html" title="WireIt.util.DDResize">WireIt.util.DDResize</a></li>
<li class=""><a href="WireIt.util.EllipseLabelContainer.html" title="WireIt.util.EllipseLabelContainer">WireIt.util.EllipseLabelContainer</a></li>
<li class=""><a href="WireIt.util.ImageContainer.html" title="WireIt.util.ImageContainer">WireIt.util.ImageContainer</a></li>
<li class=""><a href="WireIt.util.InOutContainer.html" title="WireIt.util.InOutContainer">WireIt.util.InOutContainer</a></li>
<li class=""><a href="WireIt.util.TerminalInput.html" title="WireIt.util.TerminalInput">WireIt.util.TerminalInput</a></li>
<li class=""><a href="WireIt.util.TerminalOutput.html" title="WireIt.util.TerminalOutput">WireIt.util.TerminalOutput</a></li>
<li class=""><a href="WireIt.Wire.html" title="WireIt.Wire">WireIt.Wire</a></li>
<li class=""><a href="WireIt.WireIt.html" title="WireIt.WireIt">WireIt.WireIt</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="ArrowWire.js.html" title="ArrowWire.js">ArrowWire.js</a></li>
<li class=""><a href="BezierArrowWire.js.html" title="BezierArrowWire.js">BezierArrowWire.js</a></li>
<li class=""><a href="BezierWire.js.html" title="BezierWire.js">BezierWire.js</a></li>
<li class=""><a href="CanvasContainer.js.html" title="CanvasContainer.js">CanvasContainer.js</a></li>
<li class=""><a href="CanvasElement.js.html" title="CanvasElement.js">CanvasElement.js</a></li>
<li class=""><a href="Container.js.html" title="Container.js">Container.js</a></li>
<li class=""><a href="DD.js.html" title="DD.js">DD.js</a></li>
<li class=""><a href="DDResize.js.html" title="DDResize.js">DDResize.js</a></li>
<li class=""><a href="EllipseLabelContainer.js.html" title="EllipseLabelContainer.js">EllipseLabelContainer.js</a></li>
<li class=""><a href="ImageContainer.js.html" title="ImageContainer.js">ImageContainer.js</a></li>
<li class=""><a href="InOutContainer.js.html" title="InOutContainer.js">InOutContainer.js</a></li>
<li class=""><a href="Layer.js.html" title="Layer.js">Layer.js</a></li>
<li class=""><a href="LayerMap.js.html" title="LayerMap.js">LayerMap.js</a></li>
<li class=""><a href="LeftSquareArrowWire.js.html" title="LeftSquareArrowWire.js">LeftSquareArrowWire.js</a></li>
<li class=""><a href="RectLabelContainer.js.html" title="RectLabelContainer.js">RectLabelContainer.js</a></li>
<li class=""><a href="RightSquareArrowWire.js.html" title="RightSquareArrowWire.js">RightSquareArrowWire.js</a></li>
<li class=""><a href="Scissors.js.html" title="Scissors.js">Scissors.js</a></li>
<li class=""><a href="StepWire.js.html" title="StepWire.js">StepWire.js</a></li>
<li class=""><a href="Terminal.js.html" title="Terminal.js">Terminal.js</a></li>
<li class=""><a href="TerminalInput.js.html" title="TerminalInput.js">TerminalInput.js</a></li>
<li class=""><a href="TerminalOutput.js.html" title="TerminalOutput.js">TerminalOutput.js</a></li>
<li class=""><a href="TerminalProxy.js.html" title="TerminalProxy.js">TerminalProxy.js</a></li>
<li class="selected"><a href="Wire.js.html" title="Wire.js">Wire.js</a></li>
<li class=""><a href="WireIt.js.html" title="WireIt.js">WireIt.js</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright © 2010 Eric Abouaf All rights reserved.
</div>
</div>
<script type="text/javascript">
var ALL_YUI_PROPS = [{"url": "WireIt.Layer.html#method_addContainer", "access": "", "host": "WireIt.Layer", "type": "method", "name": "addContainer"}, {"url": "WireIt.Container.html#method_addTerminal", "access": "", "host": "WireIt.Container", "type": "method", "name": "addTerminal"}, {"url": "WireIt.Layer.html#method_addWire", "access": "", "host": "WireIt.Layer", "type": "method", "name": "addWire"}, {"url": "WireIt.Terminal.html#method_addWire", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "addWire"}, {"url": "WireIt.Terminal.html#property_alwaysSrc", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "alwaysSrc"}, {"url": "WireIt.util.TerminalOutput.html#property_alwaysSrc", "access": "", "host": "WireIt.util.TerminalOutput", "type": "property", "name": "alwaysSrc"}, {"url": "WireIt.Container.html#property_bodyEl", "access": "", "host": "WireIt.Container", "type": "property", "name": "bodyEl"}, {"url": "WireIt.Wire.html#property_bordercap", "access": "", "host": "WireIt.Wire", "type": "property", "name": "bordercap"}, {"url": "WireIt.Wire.html#property_bordercolor", "access": "", "host": "WireIt.Wire", "type": "property", "name": "bordercolor"}, {"url": "WireIt.Wire.html#property_borderwidth", "access": "", "host": "WireIt.Wire", "type": "property", "name": "borderwidth"}, {"url": "WireIt.Wire.html#property_cap", "access": "", "host": "WireIt.Wire", "type": "property", "name": "cap"}, {"url": "WireIt.WireIt.html#method_classFromXtype", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "classFromXtype"}, {"url": "WireIt.CanvasContainer.html#property_className", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "className"}, {"url": "WireIt.Container.html#property_className", "access": "", "host": "WireIt.Container", "type": "property", "name": "className"}, {"url": "WireIt.util.EllipseLabelContainer.html#property_className", "access": "", "host": "WireIt.util.EllipseLabelContainer", "type": "property", "name": "className"}, {"url": "WireIt.util.ImageContainer.html#property_className", "access": "", "host": "WireIt.util.ImageContainer", "type": "property", "name": "className"}, {"url": "WireIt.util.InOutContainer.html#property_className", "access": "", "host": "WireIt.util.InOutContainer", "type": "property", "name": "className"}, {"url": "WireIt.Layer.html#property_className", "access": "", "host": "WireIt.Layer", "type": "property", "name": "className"}, {"url": "WireIt.LayerMap.html#property_className", "access": "", "host": "WireIt.LayerMap", "type": "property", "name": "className"}, {"url": "WireIt.RectLabelContainer.html#property_className", "access": "", "host": "WireIt.RectLabelContainer", "type": "property", "name": "className"}, {"url": "WireIt.Terminal.html#property_className", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "className"}, {"url": "WireIt.Wire.html#property_className", "access": "", "host": "WireIt.Wire", "type": "property", "name": "className"}, {"url": "WireIt.Layer.html#method_clear", "access": "", "host": "WireIt.Layer", "type": "method", "name": "clear"}, {"url": "WireIt.Container.html#property_close", "access": "", "host": "WireIt.Container", "type": "property", "name": "close"}, {"url": "WireIt.Container.html#property_closeButtonClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "closeButtonClassName"}, {"url": "WireIt.WireIt.html#method_cn", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "cn"}, {"url": "WireIt.BezierWire.html#property_coeffMulDirection", "access": "", "host": "WireIt.BezierWire", "type": "property", "name": "coeffMulDirection"}, {"url": "WireIt.Wire.html#property_color", "access": "", "host": "WireIt.Wire", "type": "property", "name": "color"}, {"url": "WireIt.WireIt.html#method_compact", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "compact"}, {"url": "WireIt.Terminal.html#property_connectedClassName", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "connectedClassName"}, {"url": "WireIt.Terminal.html#property_container", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "container"}, {"url": "WireIt.Layer.html#property_containers", "access": "", "host": "WireIt.Layer", "type": "property", "name": "containers"}, {"url": "WireIt.TerminalProxy.html#method_createFrame", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "createFrame"}, {"url": "WireIt.Terminal.html#property_ddConfig", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "ddConfig"}, {"url": "WireIt.util.TerminalInput.html#property_ddConfig", "access": "", "host": "WireIt.util.TerminalInput", "type": "property", "name": "ddConfig"}, {"url": "WireIt.util.TerminalOutput.html#property_ddConfig", "access": "", "host": "WireIt.util.TerminalOutput", "type": "property", "name": "ddConfig"}, {"url": "WireIt.CanvasContainer.html#property_ddHandle", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "ddHandle"}, {"url": "WireIt.Container.html#property_ddHandle", "access": "", "host": "WireIt.Container", "type": "property", "name": "ddHandle"}, {"url": "WireIt.util.ImageContainer.html#property_ddHandle", "access": "", "host": "WireIt.util.ImageContainer", "type": "property", "name": "ddHandle"}, {"url": "WireIt.RectLabelContainer.html#property_ddHandle", "access": "", "host": "WireIt.RectLabelContainer", "type": "property", "name": "ddHandle"}, {"url": "WireIt.Container.html#property_ddHandleClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "ddHandleClassName"}, {"url": "WireIt.WireIt.html#property_defaultWireClass", "access": "", "host": "WireIt.WireIt", "type": "property", "name": "defaultWireClass"}, {"url": "WireIt.Container.html#method_dehighlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "dehighlight"}, {"url": "WireIt.CanvasElement.html#method_destroy", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "destroy"}, {"url": "WireIt.Terminal.html#property_direction", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "direction"}, {"url": "WireIt.util.TerminalInput.html#property_direction", "access": "", "host": "WireIt.util.TerminalInput", "type": "property", "name": "direction"}, {"url": "WireIt.util.TerminalOutput.html#property_direction", "access": "", "host": "WireIt.util.TerminalOutput", "type": "property", "name": "direction"}, {"url": "WireIt.Container.html#property_draggable", "access": "", "host": "WireIt.Container", "type": "property", "name": "draggable"}, {"url": "WireIt.ArrowWire.html#method_draw", "access": "", "host": "WireIt.ArrowWire", "type": "method", "name": "draw"}, {"url": "WireIt.BezierArrowWire.html#method_draw", "access": "", "host": "WireIt.BezierArrowWire", "type": "method", "name": "draw"}, {"url": "WireIt.BezierWire.html#method_draw", "access": "", "host": "WireIt.BezierWire", "type": "method", "name": "draw"}, {"url": "WireIt.LayerMap.html#method_draw", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "draw"}, {"url": "WireIt.LeftSquareArrow.html#method_draw", "access": "", "host": "WireIt.LeftSquareArrow", "type": "method", "name": "draw"}, {"url": "WireIt.RightSquareArrow.html#method_draw", "access": "", "host": "WireIt.RightSquareArrow", "type": "method", "name": "draw"}, {"url": "WireIt.StepWire.html#method_draw", "access": "", "host": "WireIt.StepWire", "type": "method", "name": "draw"}, {"url": "WireIt.Wire.html#method_draw", "access": "", "host": "WireIt.Wire", "type": "method", "name": "draw"}, {"url": "WireIt.CanvasContainer.html#method_drawCanvas", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "drawCanvas"}, {"url": "WireIt.LayerMap.html#method_drawContainers", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "drawContainers"}, {"url": "WireIt.LayerMap.html#method_drawWires", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "drawWires"}, {"url": "WireIt.Terminal.html#property_dropinviteClassName", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "dropinviteClassName"}, {"url": "WireIt.Terminal.html#property_editable", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "editable"}, {"url": "WireIt.Terminal.html#property_editingWireConfig", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "editingWireConfig"}, {"url": "WireIt.Container.html#property_el", "access": "", "host": "WireIt.Container", "type": "property", "name": "el"}, {"url": "WireIt.Layer.html#property_el", "access": "", "host": "WireIt.Layer", "type": "property", "name": "el"}, {"url": "WireIt.Terminal.html#property_el", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "el"}, {"url": "WireIt.CanvasElement.html#property_element", "access": "", "host": "WireIt.CanvasElement", "type": "property", "name": "element"}, {"url": "WireIt.Layer.html#property_enableMouseEvents", "access": "", "host": "WireIt.Layer", "type": "property", "name": "enableMouseEvents"}, {"url": "WireIt.TerminalProxy.html#method_endDrag", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "endDrag"}, {"url": "WireIt.Layer.html#event_eventAddContainer", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventAddContainer"}, {"url": "WireIt.Container.html#event_eventAddWire", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventAddWire"}, {"url": "WireIt.Layer.html#event_eventAddWire", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventAddWire"}, {"url": "WireIt.Terminal.html#event_eventAddWire", "access": "", "host": "WireIt.Terminal", "type": "event", "name": "eventAddWire"}, {"url": "WireIt.Container.html#event_eventBlur", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventBlur"}, {"url": "WireIt.Layer.html#event_eventChanged", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventChanged"}, {"url": "WireIt.Layer.html#event_eventContainerDragged", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventContainerDragged"}, {"url": "WireIt.Layer.html#event_eventContainerResized", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventContainerResized"}, {"url": "WireIt.Container.html#event_eventFocus", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventFocus"}, {"url": "WireIt.Wire.html#event_eventMouseClick", "access": "", "host": "WireIt.Wire", "type": "event", "name": "eventMouseClick"}, {"url": "WireIt.Wire.html#event_eventMouseIn", "access": "", "host": "WireIt.Wire", "type": "event", "name": "eventMouseIn"}, {"url": "WireIt.Wire.html#event_eventMouseMove", "access": "", "host": "WireIt.Wire", "type": "event", "name": "eventMouseMove"}, {"url": "WireIt.Wire.html#event_eventMouseOut", "access": "", "host": "WireIt.Wire", "type": "event", "name": "eventMouseOut"}, {"url": "WireIt.Layer.html#event_eventRemoveContainer", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventRemoveContainer"}, {"url": "WireIt.Container.html#event_eventRemoveWire", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventRemoveWire"}, {"url": "WireIt.Layer.html#event_eventRemoveWire", "access": "", "host": "WireIt.Layer", "type": "event", "name": "eventRemoveWire"}, {"url": "WireIt.Terminal.html#event_eventRemoveWire", "access": "", "host": "WireIt.Terminal", "type": "event", "name": "eventRemoveWire"}, {"url": "WireIt.util.DDResize.html#event_eventResize", "access": "", "host": "WireIt.util.DDResize", "type": "event", "name": "eventResize"}, {"url": "WireIt.Terminal.html#property_fakeDirection", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "fakeDirection"}, {"url": "WireIt.util.TerminalInput.html#property_fakeDirection", "access": "", "host": "WireIt.util.TerminalInput", "type": "property", "name": "fakeDirection"}, {"url": "WireIt.util.TerminalOutput.html#property_fakeDirection", "access": "", "host": "WireIt.util.TerminalOutput", "type": "property", "name": "fakeDirection"}, {"url": "WireIt.TerminalProxy.html#property_fakeTerminal", "access": "", "host": "WireIt.TerminalProxy", "type": "property", "name": "fakeTerminal"}, {"url": "WireIt.Container.html#method_getConfig", "access": "", "host": "WireIt.Container", "type": "method", "name": "getConfig"}, {"url": "WireIt.Wire.html#method_getConfig", "access": "", "host": "WireIt.Wire", "type": "method", "name": "getConfig"}, {"url": "WireIt.Terminal.html#method_getConnectedTerminals", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "getConnectedTerminals"}, {"url": "WireIt.CanvasElement.html#method_getContext", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "getContext"}, {"url": "WireIt.WireIt.html#method_getIntStyle", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "getIntStyle"}, {"url": "WireIt.Layer.html#method__getMouseEvtPos", "access": "", "host": "WireIt.Layer", "type": "method", "name": "_getMouseEvtPos"}, {"url": "WireIt.Wire.html#method_getOtherTerminal", "access": "", "host": "WireIt.Wire", "type": "method", "name": "getOtherTerminal"}, {"url": "WireIt.Container.html#method_getTerminal", "access": "", "host": "WireIt.Container", "type": "method", "name": "getTerminal"}, {"url": "WireIt.Container.html#method_getValue", "access": "", "host": "WireIt.Container", "type": "method", "name": "getValue"}, {"url": "WireIt.Layer.html#method_getWiring", "access": "", "host": "WireIt.Layer", "type": "method", "name": "getWiring"}, {"url": "WireIt.Container.html#method_getXY", "access": "", "host": "WireIt.Container", "type": "method", "name": "getXY"}, {"url": "WireIt.Terminal.html#method_getXY", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "getXY"}, {"url": "WireIt.Container.html#property_groupable", "access": "", "host": "WireIt.Container", "type": "property", "name": "groupable"}, {"url": "WireIt.Layer.html#property_grouper", "access": "", "host": "WireIt.Layer", "type": "property", "name": "grouper"}, {"url": "WireIt.Layer.html#property_groups", "access": "", "host": "WireIt.Layer", "type": "property", "name": "groups"}, {"url": "WireIt.CanvasContainer.html#property_height", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "height"}, {"url": "WireIt.Container.html#property_height", "access": "", "host": "WireIt.Container", "type": "property", "name": "height"}, {"url": "WireIt.Scissors.html#method_hide", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "hide"}, {"url": "WireIt.Scissors.html#method_hideNow", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "hideNow"}, {"url": "WireIt.Container.html#method_highlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "highlight"}, {"url": "WireIt.Container.html#property_icon", "access": "", "host": "WireIt.Container", "type": "property", "name": "icon"}, {"url": "WireIt.util.ImageContainer.html#property_image", "access": "", "host": "WireIt.util.ImageContainer", "type": "property", "name": "image"}, {"url": "WireIt.WireIt.html#method_indexOf", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "indexOf"}, {"url": "WireIt.Layer.html#method_initContainers", "access": "", "host": "WireIt.Layer", "type": "method", "name": "initContainers"}, {"url": "WireIt.LayerMap.html#method_initEvents", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "initEvents"}, {"url": "WireIt.Scissors.html#method_initScissors", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "initScissors"}, {"url": "WireIt.Container.html#method_initTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "initTerminals"}, {"url": "WireIt.Layer.html#method_initWires", "access": "", "host": "WireIt.Layer", "type": "method", "name": "initWires"}, {"url": "WireIt.util.InOutContainer.html#property_inputs", "access": "", "host": "WireIt.util.InOutContainer", "type": "property", "name": "inputs"}, {"url": "WireIt.TerminalProxy.html#method_isValidWireTerminal", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "isValidWireTerminal"}, {"url": "WireIt.util.EllipseLabelContainer.html#property_label", "access": "", "host": "WireIt.util.EllipseLabelContainer", "type": "property", "name": "label"}, {"url": "WireIt.RectLabelContainer.html#property_label", "access": "", "host": "WireIt.RectLabelContainer", "type": "property", "name": "label"}, {"url": "WireIt.Wire.html#property_label", "access": "", "host": "WireIt.Wire", "type": "property", "name": "label"}, {"url": "WireIt.Wire.html#property_labelEditor", "access": "", "host": "WireIt.Wire", "type": "property", "name": "labelEditor"}, {"url": "WireIt.Wire.html#property_labelStyle", "access": "", "host": "WireIt.Wire", "type": "property", "name": "labelStyle"}, {"url": "WireIt.Container.html#property_layer", "access": "", "host": "WireIt.Container", "type": "property", "name": "layer"}, {"url": "WireIt.LayerMap.html#property_layer", "access": "", "host": "WireIt.LayerMap", "type": "property", "name": "layer"}, {"url": "WireIt.Layer.html#property_layerMap", "access": "", "host": "WireIt.Layer", "type": "property", "name": "layerMap"}, {"url": "WireIt.Layer.html#property_layerMapOptions", "access": "", "host": "WireIt.Layer", "type": "property", "name": "layerMapOptions"}, {"url": "WireIt.LayerMap.html#property_lineWidth", "access": "", "host": "WireIt.LayerMap", "type": "property", "name": "lineWidth"}, {"url": "WireIt.Container.html#method_makeDraggable", "access": "", "host": "WireIt.Container", "type": "method", "name": "makeDraggable"}, {"url": "WireIt.Container.html#method_makeResizable", "access": "", "host": "WireIt.Container", "type": "method", "name": "makeResizable"}, {"url": "WireIt.Scissors.html#method_mouseOver", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "mouseOver"}, {"url": "WireIt.util.DDResize.html#property_myConf", "access": "", "host": "WireIt.util.DDResize", "type": "property", "name": "myConf"}, {"url": "WireIt.Terminal.html#property_name", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "name"}, {"url": "WireIt.Terminal.html#property_nMaxWires", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "nMaxWires"}, {"url": "WireIt.util.TerminalInput.html#property_nMaxWires", "access": "", "host": "WireIt.util.TerminalInput", "type": "property", "name": "nMaxWires"}, {"url": "WireIt.Terminal.html#property_offsetPosition", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "offsetPosition"}, {"url": "WireIt.Container.html#method_onAddWire", "access": "", "host": "WireIt.Container", "type": "method", "name": "onAddWire"}, {"url": "WireIt.Layer.html#method_onAddWire", "access": "", "host": "WireIt.Layer", "type": "method", "name": "onAddWire"}, {"url": "WireIt.Wire.html#method_onClick", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onClick"}, {"url": "WireIt.Container.html#method_onCloseButton", "access": "", "host": "WireIt.Container", "type": "method", "name": "onCloseButton"}, {"url": "WireIt.util.DD.html#method_onDrag", "access": "", "host": "WireIt.util.DD", "type": "method", "name": "onDrag"}, {"url": "WireIt.util.DDResize.html#method_onDrag", "access": "", "host": "WireIt.util.DDResize", "type": "method", "name": "onDrag"}, {"url": "WireIt.TerminalProxy.html#method_onDrag", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "onDrag"}, {"url": "WireIt.TerminalProxy.html#method_onDragDrop", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "onDragDrop"}, {"url": "WireIt.TerminalProxy.html#method_onDragEnter", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "onDragEnter"}, {"url": "WireIt.TerminalProxy.html#method_onDragOut", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "onDragOut"}, {"url": "WireIt.LayerMap.html#method_onLayerScroll", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "onLayerScroll"}, {"url": "WireIt.Container.html#method_onMouseDown", "access": "", "host": "WireIt.Container", "type": "method", "name": "onMouseDown"}, {"url": "WireIt.util.DDResize.html#method_onMouseDown", "access": "", "host": "WireIt.util.DDResize", "type": "method", "name": "onMouseDown"}, {"url": "WireIt.LayerMap.html#method_onMouseDown", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "onMouseDown"}, {"url": "WireIt.LayerMap.html#method_onMouseMove", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "onMouseMove"}, {"url": "WireIt.Wire.html#method_onMouseMove", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onMouseMove"}, {"url": "WireIt.LayerMap.html#method_onMouseUp", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "onMouseUp"}, {"url": "WireIt.Container.html#method_onRemoveWire", "access": "", "host": "WireIt.Container", "type": "method", "name": "onRemoveWire"}, {"url": "WireIt.Layer.html#method_onRemoveWire", "access": "", "host": "WireIt.Layer", "type": "method", "name": "onRemoveWire"}, {"url": "WireIt.CanvasContainer.html#method_onResize", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "onResize"}, {"url": "WireIt.Container.html#method_onResize", "access": "", "host": "WireIt.Container", "type": "method", "name": "onResize"}, {"url": "WireIt.Layer.html#method_onWireClick", "access": "", "host": "WireIt.Layer", "type": "method", "name": "onWireClick"}, {"url": "WireIt.Wire.html#method_onWireClick", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onWireClick"}, {"url": "WireIt.Wire.html#method_onWireIn", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onWireIn"}, {"url": "WireIt.Layer.html#method_onWireMouseMove", "access": "", "host": "WireIt.Layer", "type": "method", "name": "onWireMouseMove"}, {"url": "WireIt.Wire.html#method_onWireMove", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onWireMove"}, {"url": "WireIt.Wire.html#method_onWireOut", "access": "", "host": "WireIt.Wire", "type": "method", "name": "onWireOut"}, {"url": "WireIt.util.InOutContainer.html#property_outputs", "access": "", "host": "WireIt.util.InOutContainer", "type": "property", "name": "outputs"}, {"url": "WireIt.Layer.html#property_parentEl", "access": "", "host": "WireIt.Layer", "type": "property", "name": "parentEl"}, {"url": "WireIt.LayerMap.html#property_parentEl", "access": "", "host": "WireIt.LayerMap", "type": "property", "name": "parentEl"}, {"url": "WireIt.Terminal.html#property_parentEl", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "parentEl"}, {"url": "WireIt.Wire.html#property_parentEl", "access": "", "host": "WireIt.Wire", "type": "property", "name": "parentEl"}, {"url": "WireIt.Container.html#property_position", "access": "", "host": "WireIt.Container", "type": "property", "name": "position"}, {"url": "WireIt.Wire.html#method_positionLabel", "access": "", "host": "WireIt.Wire", "type": "method", "name": "positionLabel"}, {"url": "WireIt.Container.html#property_preventSelfWiring", "access": "", "host": "WireIt.Container", "type": "property", "name": "preventSelfWiring"}, {"url": "WireIt.Wire.html#method_redraw", "access": "", "host": "WireIt.Wire", "type": "method", "name": "redraw"}, {"url": "WireIt.Container.html#method_redrawAllTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "redrawAllTerminals"}, {"url": "WireIt.Terminal.html#method_redrawAllWires", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "redrawAllWires"}, {"url": "WireIt.Container.html#method_remove", "access": "", "host": "WireIt.Container", "type": "method", "name": "remove"}, {"url": "WireIt.Terminal.html#method_remove", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "remove"}, {"url": "WireIt.Wire.html#method_remove", "access": "", "host": "WireIt.Wire", "type": "method", "name": "remove"}, {"url": "WireIt.Layer.html#method_removeAllContainers", "access": "", "host": "WireIt.Layer", "type": "method", "name": "removeAllContainers"}, {"url": "WireIt.Container.html#method_removeAllTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "removeAllTerminals"}, {"url": "WireIt.Terminal.html#method_removeAllWires", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "removeAllWires"}, {"url": "WireIt.Layer.html#method_removeContainer", "access": "", "host": "WireIt.Layer", "type": "method", "name": "removeContainer"}, {"url": "WireIt.Container.html#method_removeFocus", "access": "", "host": "WireIt.Container", "type": "method", "name": "removeFocus"}, {"url": "WireIt.Layer.html#method_removeGroup", "access": "", "host": "WireIt.Layer", "type": "method", "name": "removeGroup"}, {"url": "WireIt.Terminal.html#method_removeWire", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "removeWire"}, {"url": "WireIt.CanvasContainer.html#method_render", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "render"}, {"url": "WireIt.Container.html#method_render", "access": "", "host": "WireIt.Container", "type": "method", "name": "render"}, {"url": "WireIt.util.ImageContainer.html#method_render", "access": "", "host": "WireIt.util.ImageContainer", "type": "method", "name": "render"}, {"url": "WireIt.util.InOutContainer.html#method_render", "access": "", "host": "WireIt.util.InOutContainer", "type": "method", "name": "render"}, {"url": "WireIt.Layer.html#method_render", "access": "", "host": "WireIt.Layer", "type": "method", "name": "render"}, {"url": "WireIt.Terminal.html#method_render", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "render"}, {"url": "WireIt.Wire.html#method_renderLabel", "access": "", "host": "WireIt.Wire", "type": "method", "name": "renderLabel"}, {"url": "WireIt.Container.html#property_resizable", "access": "", "host": "WireIt.Container", "type": "property", "name": "resizable"}, {"url": "WireIt.util.ImageContainer.html#property_resizable", "access": "", "host": "WireIt.util.ImageContainer", "type": "property", "name": "resizable"}, {"url": "WireIt.util.InOutContainer.html#property_resizable", "access": "", "host": "WireIt.util.InOutContainer", "type": "property", "name": "resizable"}, {"url": "WireIt.Container.html#property_resizeHandleClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "resizeHandleClassName"}, {"url": "WireIt.Scissors.html#method_scissorClick", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "scissorClick"}, {"url": "WireIt.LayerMap.html#method_scrollLayer", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "scrollLayer"}, {"url": "WireIt.Container.html#method_setBody", "access": "", "host": "WireIt.Container", "type": "method", "name": "setBody"}, {"url": "WireIt.CanvasElement.html#method_SetCanvasRegion", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "SetCanvasRegion"}, {"url": "WireIt.Terminal.html#method_setDropInvitation", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "setDropInvitation"}, {"url": "WireIt.Container.html#method_setFocus", "access": "", "host": "WireIt.Container", "type": "method", "name": "setFocus"}, {"url": "WireIt.Wire.html#method_setLabel", "access": "", "host": "WireIt.Wire", "type": "method", "name": "setLabel"}, {"url": "WireIt.Container.html#method_setOptions", "access": "", "host": "WireIt.Container", "type": "method", "name": "setOptions"}, {"url": "WireIt.Layer.html#method_setOptions", "access": "", "host": "WireIt.Layer", "type": "method", "name": "setOptions"}, {"url": "WireIt.LayerMap.html#method_setOptions", "access": "", "host": "WireIt.LayerMap", "type": "method", "name": "setOptions"}, {"url": "WireIt.Terminal.html#method_setOptions", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "setOptions"}, {"url": "WireIt.Wire.html#method_setOptions", "access": "", "host": "WireIt.Wire", "type": "method", "name": "setOptions"}, {"url": "WireIt.Scissors.html#method_setPosition", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "setPosition"}, {"url": "WireIt.Terminal.html#method_setPosition", "access": "", "host": "WireIt.Terminal", "type": "method", "name": "setPosition"}, {"url": "WireIt.Layer.html#method_setSuperHighlighted", "access": "", "host": "WireIt.Layer", "type": "method", "name": "setSuperHighlighted"}, {"url": "WireIt.util.DD.html#method_setTerminals", "access": "", "host": "WireIt.util.DD", "type": "method", "name": "setTerminals"}, {"url": "WireIt.Container.html#method_setValue", "access": "", "host": "WireIt.Container", "type": "method", "name": "setValue"}, {"url": "WireIt.Layer.html#method_setWiring", "access": "", "host": "WireIt.Layer", "type": "method", "name": "setWiring"}, {"url": "WireIt.Scissors.html#method_show", "access": "", "host": "WireIt.Scissors", "type": "method", "name": "show"}, {"url": "WireIt.WireIt.html#method_sn", "access": "", "host": "WireIt.WireIt", "type": "method", "name": "sn"}, {"url": "WireIt.TerminalProxy.html#method_startDrag", "access": "", "host": "WireIt.TerminalProxy", "type": "method", "name": "startDrag"}, {"url": "WireIt.LayerMap.html#property_style", "access": "", "host": "WireIt.LayerMap", "type": "property", "name": "style"}, {"url": "WireIt.Container.html#method_superHighlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "superHighlight"}, {"url": "WireIt.TerminalProxy.html#property_termConfig", "access": "", "host": "WireIt.TerminalProxy", "type": "property", "name": "termConfig"}, {"url": "WireIt.Scissors.html#property__terminal", "access": "", "host": "WireIt.Scissors", "type": "property", "name": "_terminal"}, {"url": "WireIt.TerminalProxy.html#property_terminal", "access": "", "host": "WireIt.TerminalProxy", "type": "property", "name": "terminal"}, {"url": "WireIt.Wire.html#property_terminal1", "access": "", "host": "WireIt.Wire", "type": "property", "name": "terminal1"}, {"url": "WireIt.Wire.html#property_terminal2", "access": "", "host": "WireIt.Wire", "type": "property", "name": "terminal2"}, {"url": "WireIt.Container.html#property_terminals", "access": "", "host": "WireIt.Container", "type": "property", "name": "terminals"}, {"url": "WireIt.Container.html#property_title", "access": "", "host": "WireIt.Container", "type": "property", "name": "title"}, {"url": "WireIt.Layer.html#method_unsetSuperHighlighted", "access": "", "host": "WireIt.Layer", "type": "method", "name": "unsetSuperHighlighted"}, {"url": "WireIt.WireIt.html#property_util", "access": "", "host": "WireIt.WireIt", "type": "property", "name": "util"}, {"url": "WireIt.CanvasContainer.html#property_width", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "width"}, {"url": "WireIt.Container.html#property_width", "access": "", "host": "WireIt.Container", "type": "property", "name": "width"}, {"url": "WireIt.RectLabelContainer.html#property_width", "access": "", "host": "WireIt.RectLabelContainer", "type": "property", "name": "width"}, {"url": "WireIt.Wire.html#property_width", "access": "", "host": "WireIt.Wire", "type": "property", "name": "width"}, {"url": "WireIt.Terminal.html#property_wireConfig", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "wireConfig"}, {"url": "WireIt.Wire.html#method_wireDrawnAt", "access": "", "host": "WireIt.Wire", "type": "method", "name": "wireDrawnAt"}, {"url": "WireIt.util.DD.html#property__WireItTerminals", "access": "", "host": "WireIt.util.DD", "type": "property", "name": "_WireItTerminals"}, {"url": "WireIt.Container.html#property_wires", "access": "", "host": "WireIt.Container", "type": "property", "name": "wires"}, {"url": "WireIt.Layer.html#property_wires", "access": "", "host": "WireIt.Layer", "type": "property", "name": "wires"}, {"url": "WireIt.Terminal.html#property_wires", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "wires"}, {"url": "WireIt.ArrowWire.html#property_xtype", "access": "", "host": "WireIt.ArrowWire", "type": "property", "name": "xtype"}, {"url": "WireIt.BezierArrowWire.html#property_xtype", "access": "", "host": "WireIt.BezierArrowWire", "type": "property", "name": "xtype"}, {"url": "WireIt.BezierWire.html#property_xtype", "access": "", "host": "WireIt.BezierWire", "type": "property", "name": "xtype"}, {"url": "WireIt.CanvasContainer.html#property_xtype", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.Container.html#property_xtype", "access": "", "host": "WireIt.Container", "type": "property", "name": "xtype"}, {"url": "WireIt.util.EllipseLabelContainer.html#property_xtype", "access": "", "host": "WireIt.util.EllipseLabelContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.util.ImageContainer.html#property_xtype", "access": "", "host": "WireIt.util.ImageContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.util.InOutContainer.html#property_xtype", "access": "", "host": "WireIt.util.InOutContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.LeftSquareArrow.html#property_xtype", "access": "", "host": "WireIt.LeftSquareArrow", "type": "property", "name": "xtype"}, {"url": "WireIt.RectLabelContainer.html#property_xtype", "access": "", "host": "WireIt.RectLabelContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.RightSquareArrow.html#property_xtype", "access": "", "host": "WireIt.RightSquareArrow", "type": "property", "name": "xtype"}, {"url": "WireIt.StepWire.html#property_xtype", "access": "", "host": "WireIt.StepWire", "type": "property", "name": "xtype"}, {"url": "WireIt.Terminal.html#property_xtype", "access": "", "host": "WireIt.Terminal", "type": "property", "name": "xtype"}, {"url": "WireIt.util.TerminalInput.html#property_xtype", "access": "", "host": "WireIt.util.TerminalInput", "type": "property", "name": "xtype"}, {"url": "WireIt.util.TerminalOutput.html#property_xtype", "access": "", "host": "WireIt.util.TerminalOutput", "type": "property", "name": "xtype"}, {"url": "WireIt.Wire.html#property_xtype", "access": "", "host": "WireIt.Wire", "type": "property", "name": "xtype"}];
</script>
</body>
</html>