hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-13 21:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
901b42cce5139a61fafb9a981a68715b5dce7c04
Phraseanet/www/include/jslibs/yui2.8/docs/Slider.js.html
Alchemy 339d23c06d initial import
2011-02-16 16:09:48 +01:00

1368 lines
157 KiB
HTML
Raw Blame History

<!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: slider Slider.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://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
<h3>Slider Widget&nbsp; <span class="subtitle">2.8.2r1</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
&gt; <a href="./module_slider.html" title="slider">slider</a>
&gt; Slider.js (source view)
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
&nbsp;
</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="cm">/**</span>
<span class="cm"> * The Slider component is a UI control that enables the user to adjust </span>
<span class="cm"> * values in a finite range along one or two axes. Typically, the Slider </span>
<span class="cm"> * control is used in a web application as a rich, visual replacement </span>
<span class="cm"> * for an input box that takes a number as input. The Slider control can </span>
<span class="cm"> * also easily accommodate a second dimension, providing x,y output for </span>
<span class="cm"> * a selection point chosen from a rectangular region.</span>
<span class="cm"> *</span>
<span class="cm"> * @module slider</span>
<span class="cm"> * @title Slider Widget</span>
<span class="cm"> * @namespace YAHOO.widget</span>
<span class="cm"> * @requires yahoo,dom,dragdrop,event</span>
<span class="cm"> * @optional animation</span>
<span class="cm"> */</span>
<span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">getXY</span> <span class="o">=</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">getXY</span><span class="p">,</span>
<span class="nx">Event</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">util</span><span class="p">.</span><span class="nx">Event</span><span class="p">,</span>
<span class="nx">_AS</span> <span class="o">=</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">slice</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * A DragDrop implementation that can be used as a background for a</span>
<span class="cm"> * slider. It takes a reference to the thumb instance </span>
<span class="cm"> * so it can delegate some of the events to it. The goal is to make the </span>
<span class="cm"> * thumb jump to the location on the background when the background is </span>
<span class="cm"> * clicked. </span>
<span class="cm"> *</span>
<span class="cm"> * @class Slider</span>
<span class="cm"> * @extends YAHOO.util.DragDrop</span>
<span class="cm"> * @uses YAHOO.util.EventProvider</span>
<span class="cm"> * @constructor</span>
<span class="cm"> * @param {String} id The id of the element linked to this instance</span>
<span class="cm"> * @param {String} sGroup The group of related DragDrop items</span>
<span class="cm"> * @param {SliderThumb} oThumb The thumb for this slider</span>
<span class="cm"> * @param {String} sType The type of slider (horiz, vert, region)</span>
<span class="cm"> */</span>
<span class="kd">function</span> <span class="nx">Slider</span><span class="p">(</span><span class="nx">sElementId</span><span class="p">,</span> <span class="nx">sGroup</span><span class="p">,</span> <span class="nx">oThumb</span><span class="p">,</span> <span class="nx">sType</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">Slider</span><span class="p">.</span><span class="nx">ANIM_AVAIL</span> <span class="o">=</span> <span class="p">(</span><span class="o">!</span><span class="nx">YAHOO</span><span class="p">.</span><span class="nx">lang</span><span class="p">.</span><span class="nx">isUndefined</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">Anim</span><span class="p">));</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">sElementId</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="nx">sElementId</span><span class="p">,</span> <span class="nx">sGroup</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">initSlider</span><span class="p">(</span><span class="nx">sType</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">initThumb</span><span class="p">(</span><span class="nx">oThumb</span><span class="p">);</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">augmentObject</span><span class="p">(</span><span class="nx">Slider</span><span class="p">,{</span>
<span class="cm">/**</span>
<span class="cm"> * Factory method for creating a horizontal slider</span>
<span class="cm"> * @method YAHOO.widget.Slider.getHorizSlider</span>
<span class="cm"> * @static</span>
<span class="cm"> * @param {String} sBGElId the id of the slider&#39;s background element</span>
<span class="cm"> * @param {String} sHandleElId the id of the thumb element</span>
<span class="cm"> * @param {int} iLeft the number of pixels the element can move left</span>
<span class="cm"> * @param {int} iRight the number of pixels the element can move right</span>
<span class="cm"> * @param {int} iTickSize optional parameter for specifying that the element </span>
<span class="cm"> * should move a certain number pixels at a time.</span>
<span class="cm"> * @return {Slider} a horizontal slider control</span>
<span class="cm"> */</span>
<span class="nx">getHorizSlider</span> <span class="o">:</span>
<span class="kd">function</span> <span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">iLeft</span><span class="p">,</span> <span class="nx">iRight</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">new</span> <span class="nx">Slider</span><span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span>
<span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">SliderThumb</span><span class="p">(</span><span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span>
<span class="nx">iLeft</span><span class="p">,</span> <span class="nx">iRight</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">),</span> <span class="s2">&quot;horiz&quot;</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Factory method for creating a vertical slider</span>
<span class="cm"> * @method YAHOO.widget.Slider.getVertSlider</span>
<span class="cm"> * @static</span>
<span class="cm"> * @param {String} sBGElId the id of the slider&#39;s background element</span>
<span class="cm"> * @param {String} sHandleElId the id of the thumb element</span>
<span class="cm"> * @param {int} iUp the number of pixels the element can move up</span>
<span class="cm"> * @param {int} iDown the number of pixels the element can move down</span>
<span class="cm"> * @param {int} iTickSize optional parameter for specifying that the element </span>
<span class="cm"> * should move a certain number pixels at a time.</span>
<span class="cm"> * @return {Slider} a vertical slider control</span>
<span class="cm"> */</span>
<span class="nx">getVertSlider</span> <span class="o">:</span>
<span class="kd">function</span> <span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">iUp</span><span class="p">,</span> <span class="nx">iDown</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">new</span> <span class="nx">Slider</span><span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span>
<span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">SliderThumb</span><span class="p">(</span><span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span>
<span class="nx">iUp</span><span class="p">,</span> <span class="nx">iDown</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">),</span> <span class="s2">&quot;vert&quot;</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Factory method for creating a slider region like the one in the color</span>
<span class="cm"> * picker example</span>
<span class="cm"> * @method YAHOO.widget.Slider.getSliderRegion</span>
<span class="cm"> * @static</span>
<span class="cm"> * @param {String} sBGElId the id of the slider&#39;s background element</span>
<span class="cm"> * @param {String} sHandleElId the id of the thumb element</span>
<span class="cm"> * @param {int} iLeft the number of pixels the element can move left</span>
<span class="cm"> * @param {int} iRight the number of pixels the element can move right</span>
<span class="cm"> * @param {int} iUp the number of pixels the element can move up</span>
<span class="cm"> * @param {int} iDown the number of pixels the element can move down</span>
<span class="cm"> * @param {int} iTickSize optional parameter for specifying that the element </span>
<span class="cm"> * should move a certain number pixels at a time.</span>
<span class="cm"> * @return {Slider} a slider region control</span>
<span class="cm"> */</span>
<span class="nx">getSliderRegion</span> <span class="o">:</span>
<span class="kd">function</span> <span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">iLeft</span><span class="p">,</span> <span class="nx">iRight</span><span class="p">,</span> <span class="nx">iUp</span><span class="p">,</span> <span class="nx">iDown</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">new</span> <span class="nx">Slider</span><span class="p">(</span><span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span>
<span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">SliderThumb</span><span class="p">(</span><span class="nx">sHandleElId</span><span class="p">,</span> <span class="nx">sBGElId</span><span class="p">,</span> <span class="nx">iLeft</span><span class="p">,</span> <span class="nx">iRight</span><span class="p">,</span>
<span class="nx">iUp</span><span class="p">,</span> <span class="nx">iDown</span><span class="p">,</span> <span class="nx">iTickSize</span><span class="p">),</span> <span class="s2">&quot;region&quot;</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Constant for valueChangeSource, indicating that the user clicked or</span>
<span class="cm"> * dragged the slider to change the value.</span>
<span class="cm"> * @property Slider.SOURCE_UI_EVENT</span>
<span class="cm"> * @final</span>
<span class="cm"> * @static</span>
<span class="cm"> * @default 1</span>
<span class="cm"> */</span>
<span class="nx">SOURCE_UI_EVENT</span> <span class="o">:</span> <span class="mi">1</span><span class="p">,</span>
<span class="cm">/**</span>
<span class="cm"> * Constant for valueChangeSource, indicating that the value was altered</span>
<span class="cm"> * by a programmatic call to setValue/setRegionValue.</span>
<span class="cm"> * @property Slider.SOURCE_SET_VALUE</span>
<span class="cm"> * @final</span>
<span class="cm"> * @static</span>
<span class="cm"> * @default 2</span>
<span class="cm"> */</span>
<span class="nx">SOURCE_SET_VALUE</span> <span class="o">:</span> <span class="mi">2</span><span class="p">,</span>
<span class="cm">/**</span>
<span class="cm"> * Constant for valueChangeSource, indicating that the value was altered</span>
<span class="cm"> * by hitting any of the supported keyboard characters.</span>
<span class="cm"> * @property Slider.SOURCE_KEY_EVENT</span>
<span class="cm"> * @final</span>
<span class="cm"> * @static</span>
<span class="cm"> * @default 2</span>
<span class="cm"> */</span>
<span class="nx">SOURCE_KEY_EVENT</span> <span class="o">:</span> <span class="mi">3</span><span class="p">,</span>
<span class="cm">/**</span>
<span class="cm"> * By default, animation is available if the animation utility is detected.</span>
<span class="cm"> * @property Slider.ANIM_AVAIL</span>
<span class="cm"> * @static</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> */</span>
<span class="nx">ANIM_AVAIL</span> <span class="o">:</span> <span class="kc">false</span>
<span class="p">},</span><span class="kc">true</span><span class="p">);</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">extend</span><span class="p">(</span><span class="nx">Slider</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">DragDrop</span><span class="p">,</span> <span class="p">{</span>
<span class="cm">/**</span>
<span class="cm"> * Tracks the state of the mouse button to aid in when events are fired.</span>
<span class="cm"> *</span>
<span class="cm"> * @property _mouseDown</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> * @default false</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">_mouseDown</span> <span class="o">:</span> <span class="kc">false</span><span class="p">,</span>
<span class="cm">/**</span>
<span class="cm"> * Override the default setting of dragOnly to true.</span>
<span class="cm"> * @property dragOnly</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> * @default true</span>
<span class="cm"> */</span>
<span class="nx">dragOnly</span> <span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
<span class="cm">/**</span>
<span class="cm"> * Initializes the slider. Executed in the constructor</span>
<span class="cm"> * @method initSlider</span>
<span class="cm"> * @param {string} sType the type of slider (horiz, vert, region)</span>
<span class="cm"> */</span>
<span class="nx">initSlider</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">sType</span><span class="p">)</span> <span class="p">{</span>
<span class="cm">/**</span>
<span class="cm"> * The type of the slider (horiz, vert, region)</span>
<span class="cm"> * @property type</span>
<span class="cm"> * @type string</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">type</span> <span class="o">=</span> <span class="nx">sType</span><span class="p">;</span>
<span class="c1">//this.removeInvalidHandleType(&quot;A&quot;);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">LogWriter</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">toString</span><span class="p">());</span>
<span class="cm">/**</span>
<span class="cm"> * Event the fires when the value of the control changes. If </span>
<span class="cm"> * the control is animated the event will fire every point</span>
<span class="cm"> * along the way.</span>
<span class="cm"> * @event change</span>
<span class="cm"> * @param {int} newOffset|x the new offset for normal sliders, or the new</span>
<span class="cm"> * x offset for region sliders</span>
<span class="cm"> * @param {int} y the number of pixels the thumb has moved on the y axis</span>
<span class="cm"> * (region sliders only)</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">createEvent</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
<span class="cm">/**</span>
<span class="cm"> * Event that fires at the beginning of a slider thumb move.</span>
<span class="cm"> * @event slideStart</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">createEvent</span><span class="p">(</span><span class="s2">&quot;slideStart&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
<span class="cm">/**</span>
<span class="cm"> * Event that fires at the end of a slider thumb move</span>
<span class="cm"> * @event slideEnd</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">createEvent</span><span class="p">(</span><span class="s2">&quot;slideEnd&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">);</span>
<span class="cm">/**</span>
<span class="cm"> * Overrides the isTarget property in YAHOO.util.DragDrop</span>
<span class="cm"> * @property isTarget</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">isTarget</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Flag that determines if the thumb will animate when moved</span>
<span class="cm"> * @property animate</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">animate</span> <span class="o">=</span> <span class="nx">Slider</span><span class="p">.</span><span class="nx">ANIM_AVAIL</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Set to false to disable a background click thumb move</span>
<span class="cm"> * @property backgroundEnabled</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">backgroundEnabled</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Adjustment factor for tick animation, the more ticks, the</span>
<span class="cm"> * faster the animation (by default)</span>
<span class="cm"> * @property tickPause</span>
<span class="cm"> * @type int</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">tickPause</span> <span class="o">=</span> <span class="mi">40</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Enables the arrow, home and end keys, defaults to true.</span>
<span class="cm"> * @property enableKeys</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">enableKeys</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Specifies the number of pixels the arrow keys will move the slider.</span>
<span class="cm"> * Default is 20.</span>
<span class="cm"> * @property keyIncrement</span>
<span class="cm"> * @type int</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">keyIncrement</span> <span class="o">=</span> <span class="mi">20</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * moveComplete is set to true when the slider has moved to its final</span>
<span class="cm"> * destination. For animated slider, this value can be checked in </span>
<span class="cm"> * the onChange handler to make it possible to execute logic only</span>
<span class="cm"> * when the move is complete rather than at all points along the way.</span>
<span class="cm"> * Deprecated because this flag is only useful when the background is</span>
<span class="cm"> * clicked and the slider is animated. If the user drags the thumb,</span>
<span class="cm"> * the flag is updated when the drag is over ... the final onDrag event</span>
<span class="cm"> * fires before the mouseup the ends the drag, so the implementer will</span>
<span class="cm"> * never see it.</span>
<span class="cm"> *</span>
<span class="cm"> * @property moveComplete</span>
<span class="cm"> * @type Boolean</span>
<span class="cm"> * @deprecated use the slideEnd event instead</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveComplete</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * If animation is configured, specifies the length of the animation</span>
<span class="cm"> * in seconds.</span>
<span class="cm"> * @property animationDuration</span>
<span class="cm"> * @type int</span>
<span class="cm"> * @default 0.2</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">animationDuration</span> <span class="o">=</span> <span class="mf">0.2</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Constant for valueChangeSource, indicating that the user clicked or</span>
<span class="cm"> * dragged the slider to change the value.</span>
<span class="cm"> * @property SOURCE_UI_EVENT</span>
<span class="cm"> * @final</span>
<span class="cm"> * @default 1</span>
<span class="cm"> * @deprecated use static Slider.SOURCE_UI_EVENT</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">SOURCE_UI_EVENT</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Constant for valueChangeSource, indicating that the value was altered</span>
<span class="cm"> * by a programmatic call to setValue/setRegionValue.</span>
<span class="cm"> * @property SOURCE_SET_VALUE</span>
<span class="cm"> * @final</span>
<span class="cm"> * @default 2</span>
<span class="cm"> * @deprecated use static Slider.SOURCE_SET_VALUE</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">SOURCE_SET_VALUE</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * When the slider value changes, this property is set to identify where</span>
<span class="cm"> * the update came from. This will be either 1, meaning the slider was</span>
<span class="cm"> * clicked or dragged, or 2, meaning that it was set via a setValue() call.</span>
<span class="cm"> * This can be used within event handlers to apply some of the logic only</span>
<span class="cm"> * when dealing with one source or another.</span>
<span class="cm"> * @property valueChangeSource</span>
<span class="cm"> * @type int</span>
<span class="cm"> * @since 2.3.0</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">valueChangeSource</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Indicates whether or not events will be supressed for the current</span>
<span class="cm"> * slide operation</span>
<span class="cm"> * @property _silent</span>
<span class="cm"> * @type boolean</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_silent</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * Saved offset used to protect against NaN problems when slider is</span>
<span class="cm"> * set to display:none</span>
<span class="cm"> * @property lastOffset</span>
<span class="cm"> * @type [int, int]</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">lastOffset</span> <span class="o">=</span> <span class="p">[</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">];</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Initializes the slider&#39;s thumb. Executed in the constructor.</span>
<span class="cm"> * @method initThumb</span>
<span class="cm"> * @param {YAHOO.widget.SliderThumb} t the slider thumb</span>
<span class="cm"> */</span>
<span class="nx">initThumb</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">t</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span>
<span class="cm">/**</span>
<span class="cm"> * A YAHOO.widget.SliderThumb instance that we will use to </span>
<span class="cm"> * reposition the thumb when the background is clicked</span>
<span class="cm"> * @property thumb</span>
<span class="cm"> * @type YAHOO.widget.SliderThumb</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span> <span class="o">=</span> <span class="nx">t</span><span class="p">;</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">cacheBetweenDrags</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isHoriz</span> <span class="o">&amp;&amp;</span> <span class="nx">t</span><span class="p">.</span><span class="nx">xTicks</span> <span class="o">&amp;&amp;</span> <span class="nx">t</span><span class="p">.</span><span class="nx">xTicks</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">tickPause</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="mi">360</span> <span class="o">/</span> <span class="nx">t</span><span class="p">.</span><span class="nx">xTicks</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">yTicks</span> <span class="o">&amp;&amp;</span> <span class="nx">t</span><span class="p">.</span><span class="nx">yTicks</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">tickPause</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="mi">360</span> <span class="o">/</span> <span class="nx">t</span><span class="p">.</span><span class="nx">yTicks</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;tickPause: &quot;</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">tickPause</span><span class="p">);</span>
<span class="c1">// delegate thumb methods</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">onAvailable</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="nx">self</span><span class="p">.</span><span class="nx">setStartSliderState</span><span class="p">();</span>
<span class="p">};</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">onMouseDown</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">_mouseDown</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;thumb mousedown&#39;</span><span class="p">);</span>
<span class="k">return</span> <span class="nx">self</span><span class="p">.</span><span class="nx">focus</span><span class="p">();</span>
<span class="p">};</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">startDrag</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;thumb startDrag&#39;</span><span class="p">);</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">_slideStart</span><span class="p">();</span>
<span class="p">};</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">onDrag</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">&#39;thumb drag&#39;</span><span class="p">);</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">fireEvents</span><span class="p">(</span><span class="kc">true</span><span class="p">);</span>
<span class="p">};</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">onMouseUp</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">thumbMouseUp</span><span class="p">();</span>
<span class="p">};</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Executed when the slider element is available</span>
<span class="cm"> * @method onAvailable</span>
<span class="cm"> */</span>
<span class="nx">onAvailable</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">_bindKeyEvents</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Sets up the listeners for keydown and key press events.</span>
<span class="cm"> *</span>
<span class="cm"> * @method _bindKeyEvents</span>
<span class="cm"> * @protected</span>
<span class="cm"> */</span>
<span class="nx">_bindKeyEvents</span> <span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span> <span class="s2">&quot;keydown&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">handleKeyDown</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
<span class="nx">Event</span><span class="p">.</span><span class="nx">on</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span> <span class="s2">&quot;keypress&quot;</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">handleKeyPress</span><span class="p">,</span> <span class="k">this</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Executed when a keypress event happens with the control focused.</span>
<span class="cm"> * Prevents the default behavior for navigation keys. The actual</span>
<span class="cm"> * logic for moving the slider thumb in response to a key event</span>
<span class="cm"> * happens in handleKeyDown.</span>
<span class="cm"> * @param {Event} e the keypress event</span>
<span class="cm"> */</span>
<span class="nx">handleKeyPress</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</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">enableKeys</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">kc</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getCharCode</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span>
<span class="k">switch</span> <span class="p">(</span><span class="nx">kc</span><span class="p">)</span> <span class="p">{</span>
<span class="k">case</span> <span class="mh">0x25</span><span class="o">:</span> <span class="c1">// left</span>
<span class="k">case</span> <span class="mh">0x26</span><span class="o">:</span> <span class="c1">// up</span>
<span class="k">case</span> <span class="mh">0x27</span><span class="o">:</span> <span class="c1">// right</span>
<span class="k">case</span> <span class="mh">0x28</span><span class="o">:</span> <span class="c1">// down</span>
<span class="k">case</span> <span class="mh">0x24</span><span class="o">:</span> <span class="c1">// home</span>
<span class="k">case</span> <span class="mh">0x23</span><span class="o">:</span> <span class="c1">// end</span>
<span class="nx">Event</span><span class="p">.</span><span class="nx">preventDefault</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span>
<span class="k">break</span><span class="p">;</span>
<span class="k">default</span><span class="o">:</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Executed when a keydown event happens with the control focused.</span>
<span class="cm"> * Updates the slider value and display when the keypress is an</span>
<span class="cm"> * arrow key, home, or end as long as enableKeys is set to true.</span>
<span class="cm"> * @param {Event} e the keydown event</span>
<span class="cm"> */</span>
<span class="nx">handleKeyDown</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</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">enableKeys</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">kc</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getCharCode</span><span class="p">(</span><span class="nx">e</span><span class="p">),</span>
<span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span>
<span class="nx">h</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getXValue</span><span class="p">(),</span>
<span class="nx">v</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getYValue</span><span class="p">(),</span>
<span class="nx">changeValue</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="k">switch</span> <span class="p">(</span><span class="nx">kc</span><span class="p">)</span> <span class="p">{</span>
<span class="c1">// left</span>
<span class="k">case</span> <span class="mh">0x25</span><span class="o">:</span> <span class="nx">h</span> <span class="o">-=</span> <span class="k">this</span><span class="p">.</span><span class="nx">keyIncrement</span><span class="p">;</span> <span class="k">break</span><span class="p">;</span>
<span class="c1">// up</span>
<span class="k">case</span> <span class="mh">0x26</span><span class="o">:</span> <span class="nx">v</span> <span class="o">-=</span> <span class="k">this</span><span class="p">.</span><span class="nx">keyIncrement</span><span class="p">;</span> <span class="k">break</span><span class="p">;</span>
<span class="c1">// right</span>
<span class="k">case</span> <span class="mh">0x27</span><span class="o">:</span> <span class="nx">h</span> <span class="o">+=</span> <span class="k">this</span><span class="p">.</span><span class="nx">keyIncrement</span><span class="p">;</span> <span class="k">break</span><span class="p">;</span>
<span class="c1">// down</span>
<span class="k">case</span> <span class="mh">0x28</span><span class="o">:</span> <span class="nx">v</span> <span class="o">+=</span> <span class="k">this</span><span class="p">.</span><span class="nx">keyIncrement</span><span class="p">;</span> <span class="k">break</span><span class="p">;</span>
<span class="c1">// home</span>
<span class="k">case</span> <span class="mh">0x24</span><span class="o">:</span> <span class="nx">h</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">leftConstraint</span><span class="p">;</span>
<span class="nx">v</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">topConstraint</span><span class="p">;</span>
<span class="k">break</span><span class="p">;</span>
<span class="c1">// end</span>
<span class="k">case</span> <span class="mh">0x23</span><span class="o">:</span> <span class="nx">h</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">rightConstraint</span><span class="p">;</span>
<span class="nx">v</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">bottomConstraint</span><span class="p">;</span>
<span class="k">break</span><span class="p">;</span>
<span class="k">default</span><span class="o">:</span> <span class="nx">changeValue</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">changeValue</span><span class="p">)</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isRegion</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_setRegionValue</span><span class="p">(</span><span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_KEY_EVENT</span><span class="p">,</span> <span class="nx">h</span><span class="p">,</span> <span class="nx">v</span><span class="p">,</span> <span class="kc">true</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">_setValue</span><span class="p">(</span><span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_KEY_EVENT</span><span class="p">,</span>
<span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isHoriz</span> <span class="o">?</span> <span class="nx">h</span> <span class="o">:</span> <span class="nx">v</span><span class="p">),</span> <span class="kc">true</span><span class="p">);</span>
<span class="p">}</span>
<span class="nx">Event</span><span class="p">.</span><span class="nx">stopEvent</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Initialization that sets up the value offsets once the elements are ready</span>
<span class="cm"> * @method setStartSliderState</span>
<span class="cm"> */</span>
<span class="nx">setStartSliderState</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Fixing state&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">setThumbCenterPoint</span><span class="p">();</span>
<span class="cm">/**</span>
<span class="cm"> * The basline position of the background element, used</span>
<span class="cm"> * to determine if the background has moved since the last</span>
<span class="cm"> * operation.</span>
<span class="cm"> * @property baselinePos</span>
<span class="cm"> * @type [int, int]</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">baselinePos</span> <span class="o">=</span> <span class="nx">getXY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getEl</span><span class="p">());</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">startOffset</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getOffsetFromParent</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">baselinePos</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">thumb</span><span class="p">.</span><span class="nx">_isRegion</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">deferredSetRegionValue</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_setRegionValue</span><span class="p">.</span><span class="nx">apply</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">deferredSetRegionValue</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">deferredSetRegionValue</span> <span class="o">=</span> <span class="kc">null</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">setRegionValue</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="kc">true</span><span class="p">,</span> <span class="kc">true</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</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">deferredSetValue</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_setValue</span><span class="p">.</span><span class="nx">apply</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">deferredSetValue</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">deferredSetValue</span> <span class="o">=</span> <span class="kc">null</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">setValue</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="kc">true</span><span class="p">,</span> <span class="kc">true</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * When the thumb is available, we cache the centerpoint of the element so</span>
<span class="cm"> * we can position the element correctly when the background is clicked</span>
<span class="cm"> * @method setThumbCenterPoint</span>
<span class="cm"> */</span>
<span class="nx">setThumbCenterPoint</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">el</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getEl</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">)</span> <span class="p">{</span>
<span class="cm">/**</span>
<span class="cm"> * The center of the slider element is stored so we can </span>
<span class="cm"> * place it in the correct position when the background is clicked.</span>
<span class="cm"> * @property thumbCenterPoint</span>
<span class="cm"> * @type {&quot;x&quot;: int, &quot;y&quot;: int}</span>
<span class="cm"> */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span> <span class="o">=</span> <span class="p">{</span>
<span class="nx">x</span><span class="o">:</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">offsetWidth</span><span class="o">/</span><span class="mi">2</span><span class="p">,</span> <span class="mi">10</span><span class="p">),</span>
<span class="nx">y</span><span class="o">:</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">offsetHeight</span><span class="o">/</span><span class="mi">2</span><span class="p">,</span> <span class="mi">10</span><span class="p">)</span>
<span class="p">};</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Locks the slider, overrides YAHOO.util.DragDrop</span>
<span class="cm"> * @method lock</span>
<span class="cm"> */</span>
<span class="nx">lock</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;locking&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">lock</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">locked</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Unlocks the slider, overrides YAHOO.util.DragDrop</span>
<span class="cm"> * @method unlock</span>
<span class="cm"> */</span>
<span class="nx">unlock</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;unlocking&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">unlock</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">locked</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Handles mouseup event on the thumb</span>
<span class="cm"> * @method thumbMouseUp</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">thumbMouseUp</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">_mouseDown</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;thumb mouseup&quot;</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">isLocked</span><span class="p">())</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="nx">onMouseUp</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">_mouseDown</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;background mouseup&quot;</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">backgroundEnabled</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">isLocked</span><span class="p">())</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns a reference to this slider&#39;s thumb</span>
<span class="cm"> * @method getThumb</span>
<span class="cm"> * @return {SliderThumb} this slider&#39;s thumb</span>
<span class="cm"> */</span>
<span class="nx">getThumb</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Try to focus the element when clicked so we can add</span>
<span class="cm"> * accessibility features</span>
<span class="cm"> * @method focus</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">focus</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;focus&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">valueChangeSource</span> <span class="o">=</span> <span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_UI_EVENT</span><span class="p">;</span>
<span class="c1">// Focus the background element if possible</span>
<span class="kd">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">getEl</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">focus</span><span class="p">)</span> <span class="p">{</span>
<span class="k">try</span> <span class="p">{</span>
<span class="nx">el</span><span class="p">.</span><span class="nx">focus</span><span class="p">();</span>
<span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="c1">// Prevent permission denied unhandled exception in FF that can</span>
<span class="c1">// happen when setting focus while another element is handling</span>
<span class="c1">// the blur. @TODO this is still writing to the error log </span>
<span class="c1">// (unhandled error) in FF1.5 with strict error checking on.</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">verifyOffset</span><span class="p">();</span>
<span class="k">return</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">isLocked</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Event that fires when the value of the slider has changed</span>
<span class="cm"> * @method onChange</span>
<span class="cm"> * @param {int} firstOffset the number of pixels the thumb has moved</span>
<span class="cm"> * from its start position. Normal horizontal and vertical sliders will only</span>
<span class="cm"> * have the firstOffset. Regions will have both, the first is the horizontal</span>
<span class="cm"> * offset, the second the vertical.</span>
<span class="cm"> * @param {int} secondOffset the y offset for region sliders</span>
<span class="cm"> * @deprecated use instance.subscribe(&quot;change&quot;) instead</span>
<span class="cm"> */</span>
<span class="nx">onChange</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">firstOffset</span><span class="p">,</span> <span class="nx">secondOffset</span><span class="p">)</span> <span class="p">{</span>
<span class="cm">/* override me */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;onChange: &quot;</span> <span class="o">+</span> <span class="nx">firstOffset</span> <span class="o">+</span> <span class="s2">&quot;, &quot;</span> <span class="o">+</span> <span class="nx">secondOffset</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Event that fires when the at the beginning of the slider thumb move</span>
<span class="cm"> * @method onSlideStart</span>
<span class="cm"> * @deprecated use instance.subscribe(&quot;slideStart&quot;) instead</span>
<span class="cm"> */</span>
<span class="nx">onSlideStart</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="cm">/* override me */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;onSlideStart&quot;</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Event that fires at the end of a slider thumb move</span>
<span class="cm"> * @method onSliderEnd</span>
<span class="cm"> * @deprecated use instance.subscribe(&quot;slideEnd&quot;) instead</span>
<span class="cm"> */</span>
<span class="nx">onSlideEnd</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="cm">/* override me */</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;onSlideEnd&quot;</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns the slider&#39;s thumb offset from the start position</span>
<span class="cm"> * @method getValue</span>
<span class="cm"> * @return {int} the current value</span>
<span class="cm"> */</span>
<span class="nx">getValue</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getValue</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns the slider&#39;s thumb X offset from the start position</span>
<span class="cm"> * @method getXValue</span>
<span class="cm"> * @return {int} the current horizontal offset</span>
<span class="cm"> */</span>
<span class="nx">getXValue</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getXValue</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns the slider&#39;s thumb Y offset from the start position</span>
<span class="cm"> * @method getYValue</span>
<span class="cm"> * @return {int} the current vertical offset</span>
<span class="cm"> */</span>
<span class="nx">getYValue</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getYValue</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Provides a way to set the value of the slider in code.</span>
<span class="cm"> *</span>
<span class="cm"> * @method setValue</span>
<span class="cm"> * @param {int} newOffset the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point </span>
<span class="cm"> * @param {boolean} skipAnim set to true to disable the animation</span>
<span class="cm"> * for this move action (but not others).</span>
<span class="cm"> * @param {boolean} force ignore the locked setting and set value anyway</span>
<span class="cm"> * @param {boolean} silent when true, do not fire events</span>
<span class="cm"> * @return {boolean} true if the move was performed, false if it failed</span>
<span class="cm"> */</span>
<span class="nx">setValue</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">args</span> <span class="o">=</span> <span class="nx">_AS</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">arguments</span><span class="p">);</span>
<span class="nx">args</span><span class="p">.</span><span class="nx">unshift</span><span class="p">(</span><span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_SET_VALUE</span><span class="p">);</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setValue</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="nx">args</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Worker function to execute the value set operation. Accepts type of</span>
<span class="cm"> * set operation in addition to the usual setValue params.</span>
<span class="cm"> *</span>
<span class="cm"> * @method _setValue</span>
<span class="cm"> * @param source {int} what triggered the set (e.g. Slider.SOURCE_SET_VALUE)</span>
<span class="cm"> * @param {int} newOffset the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point </span>
<span class="cm"> * @param {boolean} skipAnim set to true to disable the animation</span>
<span class="cm"> * for this move action (but not others).</span>
<span class="cm"> * @param {boolean} force ignore the locked setting and set value anyway</span>
<span class="cm"> * @param {boolean} silent when true, do not fire events</span>
<span class="cm"> * @return {boolean} true if the move was performed, false if it failed</span>
<span class="cm"> * @protected</span>
<span class="cm"> */</span>
<span class="nx">_setValue</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">source</span><span class="p">,</span> <span class="nx">newOffset</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">,</span> <span class="nx">force</span><span class="p">,</span> <span class="nx">silent</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span> <span class="nx">newX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">t</span><span class="p">.</span><span class="nx">available</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;defer setValue until after onAvailble&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">deferredSetValue</span> <span class="o">=</span> <span class="nx">arguments</span><span class="p">;</span>
<span class="k">return</span> <span class="kc">false</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">isLocked</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">force</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Can&#39;t set the value, the control is locked&quot;</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span> <span class="nb">isNaN</span><span class="p">(</span><span class="nx">newOffset</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;setValue, Illegal argument: &quot;</span> <span class="o">+</span> <span class="nx">newOffset</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isRegion</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Call to setValue for region Slider ignored. Use setRegionValue&quot;</span><span class="p">,</span><span class="s2">&quot;warn&quot;</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;setValue &quot;</span> <span class="o">+</span> <span class="nx">newOffset</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_silent</span> <span class="o">=</span> <span class="nx">silent</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">valueChangeSource</span> <span class="o">=</span> <span class="nx">source</span> <span class="o">||</span> <span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_SET_VALUE</span><span class="p">;</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">lastOffset</span> <span class="o">=</span> <span class="p">[</span><span class="nx">newOffset</span><span class="p">,</span> <span class="nx">newOffset</span><span class="p">];</span>
<span class="k">this</span><span class="p">.</span><span class="nx">verifyOffset</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_slideStart</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isHoriz</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">newX</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">initPageX</span> <span class="o">+</span> <span class="nx">newOffset</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveThumb</span><span class="p">(</span><span class="nx">newX</span><span class="p">,</span> <span class="nx">t</span><span class="p">.</span><span class="nx">initPageY</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">newY</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">initPageY</span> <span class="o">+</span> <span class="nx">newOffset</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveThumb</span><span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">initPageX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Provides a way to set the value of the region slider in code.</span>
<span class="cm"> * @method setRegionValue</span>
<span class="cm"> * @param {int} newOffset the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point (x axis for region)</span>
<span class="cm"> * @param {int} newOffset2 the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point (y axis for region)</span>
<span class="cm"> * @param {boolean} skipAnim set to true to disable the animation</span>
<span class="cm"> * for this move action (but not others).</span>
<span class="cm"> * @param {boolean} force ignore the locked setting and set value anyway</span>
<span class="cm"> * @param {boolean} silent when true, do not fire events</span>
<span class="cm"> * @return {boolean} true if the move was performed, false if it failed</span>
<span class="cm"> */</span>
<span class="nx">setRegionValue</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">args</span> <span class="o">=</span> <span class="nx">_AS</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">arguments</span><span class="p">);</span>
<span class="nx">args</span><span class="p">.</span><span class="nx">unshift</span><span class="p">(</span><span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_SET_VALUE</span><span class="p">);</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">_setRegionValue</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="p">,</span><span class="nx">args</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Worker function to execute the value set operation. Accepts type of</span>
<span class="cm"> * set operation in addition to the usual setValue params.</span>
<span class="cm"> *</span>
<span class="cm"> * @method _setRegionValue</span>
<span class="cm"> * @param source {int} what triggered the set (e.g. Slider.SOURCE_SET_VALUE)</span>
<span class="cm"> * @param {int} newOffset the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point (x axis for region)</span>
<span class="cm"> * @param {int} newOffset2 the number of pixels the thumb should be</span>
<span class="cm"> * positioned away from the initial start point (y axis for region)</span>
<span class="cm"> * @param {boolean} skipAnim set to true to disable the animation</span>
<span class="cm"> * for this move action (but not others).</span>
<span class="cm"> * @param {boolean} force ignore the locked setting and set value anyway</span>
<span class="cm"> * @param {boolean} silent when true, do not fire events</span>
<span class="cm"> * @return {boolean} true if the move was performed, false if it failed</span>
<span class="cm"> * @protected</span>
<span class="cm"> */</span>
<span class="nx">_setRegionValue</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">source</span><span class="p">,</span> <span class="nx">newOffset</span><span class="p">,</span> <span class="nx">newOffset2</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">,</span> <span class="nx">force</span><span class="p">,</span> <span class="nx">silent</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span> <span class="nx">newX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">t</span><span class="p">.</span><span class="nx">available</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;defer setRegionValue until after onAvailble&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">deferredSetRegionValue</span> <span class="o">=</span> <span class="nx">arguments</span><span class="p">;</span>
<span class="k">return</span> <span class="kc">false</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">isLocked</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">force</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Can&#39;t set the value, the control is locked&quot;</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span> <span class="nb">isNaN</span><span class="p">(</span><span class="nx">newOffset</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;setRegionValue, Illegal argument: &quot;</span> <span class="o">+</span> <span class="nx">newOffset</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isRegion</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Call to setRegionValue for non-region Slider ignored. Use setValue&quot;</span><span class="p">,</span><span class="s2">&quot;warn&quot;</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_silent</span> <span class="o">=</span> <span class="nx">silent</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">valueChangeSource</span> <span class="o">=</span> <span class="nx">source</span> <span class="o">||</span> <span class="nx">Slider</span><span class="p">.</span><span class="nx">SOURCE_SET_VALUE</span><span class="p">;</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">lastOffset</span> <span class="o">=</span> <span class="p">[</span><span class="nx">newOffset</span><span class="p">,</span> <span class="nx">newOffset2</span><span class="p">];</span>
<span class="k">this</span><span class="p">.</span><span class="nx">verifyOffset</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_slideStart</span><span class="p">();</span>
<span class="nx">newX</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">initPageX</span> <span class="o">+</span> <span class="nx">newOffset</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">;</span>
<span class="nx">newY</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">initPageY</span> <span class="o">+</span> <span class="nx">newOffset2</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveThumb</span><span class="p">(</span><span class="nx">newX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">);</span>
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Checks the background position element position. If it has moved from the</span>
<span class="cm"> * baseline position, the constraints for the thumb are reset</span>
<span class="cm"> * @method verifyOffset</span>
<span class="cm"> * @return {boolean} True if the offset is the same as the baseline.</span>
<span class="cm"> */</span>
<span class="nx">verifyOffset</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">xy</span> <span class="o">=</span> <span class="nx">getXY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">getEl</span><span class="p">()),</span>
<span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</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">thumbCenterPoint</span> <span class="o">||</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">setThumbCenterPoint</span><span class="p">();</span>
<span class="p">}</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">xy</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;newPos: &quot;</span> <span class="o">+</span> <span class="nx">xy</span><span class="p">);</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">xy</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">baselinePos</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">||</span> <span class="nx">xy</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">baselinePos</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;background moved, resetting constraints&quot;</span><span class="p">);</span>
<span class="c1">// Reset background</span>
<span class="k">this</span><span class="p">.</span><span class="nx">setInitPosition</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">baselinePos</span> <span class="o">=</span> <span class="nx">xy</span><span class="p">;</span>
<span class="c1">// Reset thumb</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">initPageX</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">initPageX</span> <span class="o">+</span> <span class="nx">t</span><span class="p">.</span><span class="nx">startOffset</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">initPageY</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">initPageY</span> <span class="o">+</span> <span class="nx">t</span><span class="p">.</span><span class="nx">startOffset</span><span class="p">[</span><span class="mi">1</span><span class="p">];</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">deltaSetXY</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">resetThumbConstraints</span><span class="p">();</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Move the associated slider moved to a timeout to try to get around the </span>
<span class="cm"> * mousedown stealing moz does when I move the slider element between the </span>
<span class="cm"> * cursor and the background during the mouseup event</span>
<span class="cm"> * @method moveThumb</span>
<span class="cm"> * @param {int} x the X coordinate of the click</span>
<span class="cm"> * @param {int} y the Y coordinate of the click</span>
<span class="cm"> * @param {boolean} skipAnim don&#39;t animate if the move happend onDrag</span>
<span class="cm"> * @param {boolean} midMove set to true if this is not terminating</span>
<span class="cm"> * the slider movement</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">moveThumb</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">skipAnim</span><span class="p">,</span> <span class="nx">midMove</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span>
<span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">,</span>
<span class="nx">p</span><span class="p">,</span><span class="nx">_p</span><span class="p">,</span><span class="nx">anim</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">t</span><span class="p">.</span><span class="nx">available</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;thumb is not available yet, aborting move&quot;</span><span class="p">);</span>
<span class="k">return</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;move thumb, x: &quot;</span> <span class="o">+</span> <span class="nx">x</span> <span class="o">+</span> <span class="s2">&quot;, y: &quot;</span> <span class="o">+</span> <span class="nx">y</span><span class="p">);</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">setDelta</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">);</span>
<span class="nx">_p</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getTargetCoord</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">);</span>
<span class="nx">p</span> <span class="o">=</span> <span class="p">[</span><span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="nx">_p</span><span class="p">.</span><span class="nx">x</span><span class="p">),</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="nx">_p</span><span class="p">.</span><span class="nx">y</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">animate</span> <span class="o">&amp;&amp;</span> <span class="nx">t</span><span class="p">.</span><span class="nx">_graduated</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">skipAnim</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;graduated&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">lock</span><span class="p">();</span>
<span class="c1">// cache the current thumb pos</span>
<span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span> <span class="o">=</span> <span class="nx">getXY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">getEl</span><span class="p">());</span>
<span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span> <span class="o">=</span> <span class="p">[</span><span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">round</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">])];</span>
<span class="nx">setTimeout</span><span class="p">(</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="nx">self</span><span class="p">.</span><span class="nx">moveOneTick</span><span class="p">(</span><span class="nx">p</span><span class="p">);</span> <span class="p">},</span> <span class="k">this</span><span class="p">.</span><span class="nx">tickPause</span> <span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">animate</span> <span class="o">&amp;&amp;</span> <span class="nx">Slider</span><span class="p">.</span><span class="nx">ANIM_AVAIL</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="nx">skipAnim</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;animating to &quot;</span> <span class="o">+</span> <span class="nx">p</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">lock</span><span class="p">();</span>
<span class="nx">anim</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">Motion</span><span class="p">(</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">id</span><span class="p">,</span> <span class="p">{</span> <span class="nx">points</span><span class="o">:</span> <span class="p">{</span> <span class="nx">to</span><span class="o">:</span> <span class="nx">p</span> <span class="p">}</span> <span class="p">},</span>
<span class="k">this</span><span class="p">.</span><span class="nx">animationDuration</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">Easing</span><span class="p">.</span><span class="nx">easeOut</span> <span class="p">);</span>
<span class="nx">anim</span><span class="p">.</span><span class="nx">onComplete</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Animation completed _mouseDown:&quot;</span> <span class="o">+</span> <span class="nx">self</span><span class="p">.</span><span class="nx">_mouseDown</span><span class="p">);</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">unlock</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">self</span><span class="p">.</span><span class="nx">_mouseDown</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">self</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">});</span>
<span class="nx">anim</span><span class="p">.</span><span class="nx">animate</span><span class="p">();</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">setDragElPos</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">);</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">midMove</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">_mouseDown</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="nx">_slideStart</span><span class="o">:</span> <span class="kd">function</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">_sliding</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">_silent</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onSlideStart</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s2">&quot;slideStart&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_sliding</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveComplete</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span> <span class="c1">// for backward compatibility. Deprecated</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="nx">_slideEnd</span><span class="o">:</span> <span class="kd">function</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">_sliding</span><span class="p">)</span> <span class="p">{</span>
<span class="c1">// Reset state before firing slideEnd</span>
<span class="kd">var</span> <span class="nx">silent</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_silent</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_sliding</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveComplete</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span> <span class="c1">// for backward compatibility. Deprecated</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_silent</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">silent</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onSlideEnd</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s2">&quot;slideEnd&quot;</span><span class="p">);</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Move the slider one tick mark towards its final coordinate. Used</span>
<span class="cm"> * for the animation when tick marks are defined</span>
<span class="cm"> * @method moveOneTick</span>
<span class="cm"> * @param {int[]} the destination coordinate</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">moveOneTick</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">finalCoord</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span>
<span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">,</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="kc">null</span><span class="p">,</span>
<span class="nx">tmpX</span><span class="p">,</span> <span class="nx">tmpY</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isRegion</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getNextX</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">);</span>
<span class="nx">tmpX</span> <span class="o">=</span> <span class="p">(</span><span class="nx">nextCoord</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="o">?</span> <span class="nx">nextCoord</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">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">];</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getNextY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">);</span>
<span class="nx">tmpY</span> <span class="o">=</span> <span class="p">(</span><span class="nx">nextCoord</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="o">?</span> <span class="nx">nextCoord</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">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">];</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="nx">tmpX</span> <span class="o">!==</span> <span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">||</span> <span class="nx">tmpY</span> <span class="o">!==</span> <span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">?</span>
<span class="p">[</span> <span class="nx">tmpX</span><span class="p">,</span> <span class="nx">tmpY</span> <span class="p">]</span> <span class="o">:</span> <span class="kc">null</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isHoriz</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getNextX</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">);</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">_getNextY</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">);</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;moveOneTick: &quot;</span> <span class="o">+</span>
<span class="s2">&quot; finalCoord: &quot;</span> <span class="o">+</span> <span class="nx">finalCoord</span> <span class="o">+</span>
<span class="s2">&quot; this.curCoord: &quot;</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span> <span class="o">+</span>
<span class="s2">&quot; nextCoord: &quot;</span> <span class="o">+</span> <span class="nx">nextCoord</span><span class="p">);</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">nextCoord</span><span class="p">)</span> <span class="p">{</span>
<span class="c1">// cache the position</span>
<span class="k">this</span><span class="p">.</span><span class="nx">curCoord</span> <span class="o">=</span> <span class="nx">nextCoord</span><span class="p">;</span>
<span class="c1">// move to the next coord</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">alignElWithMouse</span><span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">getEl</span><span class="p">(),</span> <span class="nx">nextCoord</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">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="nx">nextCoord</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">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">);</span>
<span class="c1">// check if we are in the final position, if not make a recursive call</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="nx">nextCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">==</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">&amp;&amp;</span> <span class="nx">nextCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">==</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]))</span> <span class="p">{</span>
<span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="nx">self</span><span class="p">.</span><span class="nx">moveOneTick</span><span class="p">(</span><span class="nx">finalCoord</span><span class="p">);</span> <span class="p">},</span>
<span class="k">this</span><span class="p">.</span><span class="nx">tickPause</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">unlock</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">_mouseDown</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</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">unlock</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">_mouseDown</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">endMove</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns the next X tick value based on the current coord and the target coord.</span>
<span class="cm"> * @method _getNextX</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">_getNextX</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;getNextX: &quot;</span> <span class="o">+</span> <span class="nx">curCoord</span> <span class="o">+</span> <span class="s2">&quot;, &quot;</span> <span class="o">+</span> <span class="nx">finalCoord</span><span class="p">);</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span>
<span class="nx">thresh</span><span class="p">,</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="p">[],</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">&gt;</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="p">{</span>
<span class="nx">thresh</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">tickSize</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">;</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getTargetCoord</span><span class="p">(</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">-</span> <span class="nx">thresh</span><span class="p">,</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="p">);</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="p">[</span><span class="nx">tmp</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">y</span><span class="p">];</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">&lt;</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span> <span class="p">{</span>
<span class="nx">thresh</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">tickSize</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">x</span><span class="p">;</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getTargetCoord</span><span class="p">(</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="nx">thresh</span><span class="p">,</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="p">);</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="p">[</span><span class="nx">tmp</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="nx">tmp</span><span class="p">.</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="c1">// equal, do nothing</span>
<span class="p">}</span>
<span class="k">return</span> <span class="nx">nextCoord</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Returns the next Y tick value based on the current coord and the target coord.</span>
<span class="cm"> * @method _getNextY</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">_getNextY</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">curCoord</span><span class="p">,</span> <span class="nx">finalCoord</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span>
<span class="nx">thresh</span><span class="p">,</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="p">[],</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="kc">null</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">&gt;</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="p">{</span>
<span class="nx">thresh</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">tickSize</span> <span class="o">-</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">;</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getTargetCoord</span><span class="p">(</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">-</span> <span class="nx">thresh</span> <span class="p">);</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="p">[</span><span class="nx">tmp</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="nx">tmp</span><span class="p">.</span><span class="nx">y</span><span class="p">];</span>
<span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">&lt;</span> <span class="nx">finalCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span> <span class="p">{</span>
<span class="nx">thresh</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">tickSize</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumbCenterPoint</span><span class="p">.</span><span class="nx">y</span><span class="p">;</span>
<span class="nx">tmp</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getTargetCoord</span><span class="p">(</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span> <span class="nx">curCoord</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="nx">thresh</span> <span class="p">);</span>
<span class="nx">nextCoord</span> <span class="o">=</span> <span class="p">[</span><span class="nx">tmp</span><span class="p">.</span><span class="nx">x</span><span class="p">,</span> <span class="nx">tmp</span><span class="p">.</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="c1">// equal, do nothing</span>
<span class="p">}</span>
<span class="k">return</span> <span class="nx">nextCoord</span><span class="p">;</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Resets the constraints before moving the thumb.</span>
<span class="cm"> * @method b4MouseDown</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">b4MouseDown</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</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">backgroundEnabled</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">.</span><span class="nx">autoOffset</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">baselinePos</span> <span class="o">=</span> <span class="p">[];</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Handles the mousedown event for the slider background</span>
<span class="cm"> * @method onMouseDown</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">onMouseDown</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</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">backgroundEnabled</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">isLocked</span><span class="p">())</span> <span class="p">{</span>
<span class="k">return</span> <span class="kc">false</span><span class="p">;</span>
<span class="p">}</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_mouseDown</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getPageX</span><span class="p">(</span><span class="nx">e</span><span class="p">),</span>
<span class="nx">y</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getPageY</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;bg mousedown: &quot;</span> <span class="o">+</span> <span class="nx">x</span> <span class="o">+</span> <span class="s2">&quot;,&quot;</span> <span class="o">+</span> <span class="nx">y</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">focus</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_slideStart</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveThumb</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Handles the onDrag event for the slider background</span>
<span class="cm"> * @method onDrag</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">onDrag</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;background drag&quot;</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">backgroundEnabled</span> <span class="o">&amp;&amp;</span> <span class="o">!</span><span class="k">this</span><span class="p">.</span><span class="nx">isLocked</span><span class="p">())</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getPageX</span><span class="p">(</span><span class="nx">e</span><span class="p">),</span>
<span class="nx">y</span> <span class="o">=</span> <span class="nx">Event</span><span class="p">.</span><span class="nx">getPageY</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">moveThumb</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="kc">true</span><span class="p">,</span> <span class="kc">true</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvents</span><span class="p">();</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Fired when the slider movement ends</span>
<span class="cm"> * @method endMove</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">endMove</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">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;endMove&quot;</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">unlock</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvents</span><span class="p">();</span>
<span class="k">this</span><span class="p">.</span><span class="nx">_slideEnd</span><span class="p">();</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Resets the X and Y contraints for the thumb. Used in lieu of the thumb</span>
<span class="cm"> * instance&#39;s inherited resetConstraints because some logic was not</span>
<span class="cm"> * applicable.</span>
<span class="cm"> * @method resetThumbConstraints</span>
<span class="cm"> * @protected</span>
<span class="cm"> */</span>
<span class="nx">resetThumbConstraints</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">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">;</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">setXConstraint</span><span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">leftConstraint</span><span class="p">,</span> <span class="nx">t</span><span class="p">.</span><span class="nx">rightConstraint</span><span class="p">,</span> <span class="nx">t</span><span class="p">.</span><span class="nx">xTickSize</span><span class="p">);</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">setYConstraint</span><span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">topConstraint</span><span class="p">,</span> <span class="nx">t</span><span class="p">.</span><span class="nx">bottomConstraint</span><span class="p">,</span> <span class="nx">t</span><span class="p">.</span><span class="nx">xTickSize</span><span class="p">);</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Fires the change event if the value has been changed. Ignored if we are in</span>
<span class="cm"> * the middle of an animation as the event will fire when the animation is</span>
<span class="cm"> * complete</span>
<span class="cm"> * @method fireEvents</span>
<span class="cm"> * @param {boolean} thumbEvent set to true if this event is fired from an event</span>
<span class="cm"> * that occurred on the thumb. If it is, the state of the</span>
<span class="cm"> * thumb dd object should be correct. Otherwise, the event</span>
<span class="cm"> * originated on the background, so the thumb state needs to</span>
<span class="cm"> * be refreshed before proceeding.</span>
<span class="cm"> * @private</span>
<span class="cm"> */</span>
<span class="nx">fireEvents</span><span class="o">:</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">thumbEvent</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">thumb</span><span class="p">,</span> <span class="nx">newX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">,</span> <span class="nx">newVal</span><span class="p">;</span>
<span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">thumbEvent</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">t</span><span class="p">.</span><span class="nx">cachePosition</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">isLocked</span><span class="p">())</span> <span class="p">{</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">t</span><span class="p">.</span><span class="nx">_isRegion</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">newX</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getXValue</span><span class="p">();</span>
<span class="nx">newY</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getYValue</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">newX</span> <span class="o">!=</span> <span class="k">this</span><span class="p">.</span><span class="nx">previousX</span> <span class="o">||</span> <span class="nx">newY</span> <span class="o">!=</span> <span class="k">this</span><span class="p">.</span><span class="nx">previousY</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">_silent</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onChange</span><span class="p">(</span><span class="nx">newX</span><span class="p">,</span> <span class="nx">newY</span><span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">,</span> <span class="p">{</span> <span class="nx">x</span><span class="o">:</span> <span class="nx">newX</span><span class="p">,</span> <span class="nx">y</span><span class="o">:</span> <span class="nx">newY</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">previousX</span> <span class="o">=</span> <span class="nx">newX</span><span class="p">;</span>
<span class="k">this</span><span class="p">.</span><span class="nx">previousY</span> <span class="o">=</span> <span class="nx">newY</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="nx">newVal</span> <span class="o">=</span> <span class="nx">t</span><span class="p">.</span><span class="nx">getValue</span><span class="p">();</span>
<span class="k">if</span> <span class="p">(</span><span class="nx">newVal</span> <span class="o">!=</span> <span class="k">this</span><span class="p">.</span><span class="nx">previousVal</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">logger</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;Firing onchange: &quot;</span> <span class="o">+</span> <span class="nx">newVal</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">_silent</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">onChange</span><span class="p">(</span> <span class="nx">newVal</span> <span class="p">);</span>
<span class="k">this</span><span class="p">.</span><span class="nx">fireEvent</span><span class="p">(</span><span class="s2">&quot;change&quot;</span><span class="p">,</span> <span class="nx">newVal</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">previousVal</span> <span class="o">=</span> <span class="nx">newVal</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">},</span>
<span class="cm">/**</span>
<span class="cm"> * Slider toString</span>
<span class="cm"> * @method toString</span>
<span class="cm"> * @return {string} string representation of the instance</span>
<span class="cm"> */</span>
<span class="nx">toString</span><span class="o">:</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="p">(</span><span class="s2">&quot;Slider (&quot;</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">type</span> <span class="o">+</span><span class="s2">&quot;) &quot;</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">id</span><span class="p">);</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">augmentProto</span><span class="p">(</span><span class="nx">Slider</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">EventProvider</span><span class="p">);</span>
<span class="nx">YAHOO</span><span class="p">.</span><span class="nx">widget</span><span class="p">.</span><span class="nx">Slider</span> <span class="o">=</span> <span class="nx">Slider</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_animation.html" title="animation">animation</a></li>
<li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
<li class=""><a href="module_button.html" title="button">button</a></li>
<li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
<li class=""><a href="module_carousel.html" title="carousel">carousel</a></li>
<li class=""><a href="module_charts.html" title="charts">charts</a></li>
<li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
<li class=""><a href="module_connection.html" title="connection">connection</a></li>
<li class=""><a href="module_container.html" title="container">container</a></li>
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
<li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
<li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
<li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
<li class=""><a href="module_editor.html" title="editor">editor</a></li>
<li class=""><a href="module_element.html" title="element">element</a></li>
<li class=""><a href="module_element-delegate.html" title="element-delegate">element-delegate</a></li>
<li class=""><a href="module_event.html" title="event">event</a></li>
<li class=""><a href="module_event-delegate.html" title="event-delegate">event-delegate</a></li>
<li class=""><a href="module_event-mouseenter.html" title="event-mouseenter">event-mouseenter</a></li>
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
<li class=""><a href="module_get.html" title="get">get</a></li>
<li class=""><a href="module_history.html" title="history">history</a></li>
<li class=""><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
<li class=""><a href="module_json.html" title="json">json</a></li>
<li class=""><a href="module_layout.html" title="layout">layout</a></li>
<li class=""><a href="module_logger.html" title="logger">logger</a></li>
<li class=""><a href="module_menu.html" title="menu">menu</a></li>
<li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
<li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
<li class=""><a href="module_progressbar.html" title="progressbar">progressbar</a></li>
<li class=""><a href="module_resize.html" title="resize">resize</a></li>
<li class=""><a href="module_selector.html" title="selector">selector</a></li>
<li class="selected"><a href="module_slider.html" title="slider">slider</a></li>
<li class=""><a href="module_storage.html" title="Storage">Storage</a></li>
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
<li class=""><a href="module_swf.html" title="swf">swf</a></li>
<li class=""><a href="module_swfdetect.html" title="swfdetect">swfdetect</a></li>
<li class=""><a href="module_swfstore.html" title="swfstore">swfstore</a></li>
<li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
<li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
<li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
<li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
<li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
<li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class=""><a href="YAHOO.widget.DualSlider.html" title="YAHOO.widget.DualSlider">YAHOO.widget.DualSlider</a></li>
<li class=""><a href="YAHOO.widget.Slider.html" title="YAHOO.widget.Slider">YAHOO.widget.Slider</a></li>
<li class=""><a href="YAHOO.widget.SliderThumb.html" title="YAHOO.widget.SliderThumb">YAHOO.widget.SliderThumb</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="DualSlider.js.html" title="DualSlider.js">DualSlider.js</a></li>
<li class="selected"><a href="Slider.js.html" title="Slider.js">Slider.js</a></li>
<li class=""><a href="SliderThumb.js.html" title="SliderThumb.js">SliderThumb.js</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright &copy; 2010 Yahoo! Inc. All rights reserved.
</div>
</div>
<script type="text/javascript">
var ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.widget.DualSlider", "name": "activeSlider", "url": "YAHOO.widget.DualSlider.html#property_activeSlider", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "animate", "url": "YAHOO.widget.Slider.html#property_animate", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "animationDuration", "url": "YAHOO.widget.Slider.html#property_animationDuration", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "b4MouseDown", "url": "YAHOO.widget.Slider.html#method_b4MouseDown", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "backgroundEnabled", "url": "YAHOO.widget.Slider.html#property_backgroundEnabled", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "baselinePos", "url": "YAHOO.widget.Slider.html#property_baselinePos", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_bindKeyEvents", "url": "YAHOO.widget.DualSlider.html#method__bindKeyEvents", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Slider", "name": "_bindKeyEvents", "url": "YAHOO.widget.Slider.html#method__bindKeyEvents", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "change", "url": "YAHOO.widget.DualSlider.html#event_change", "type": "event"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "change", "url": "YAHOO.widget.Slider.html#event_change", "type": "event"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_cleanEvent", "url": "YAHOO.widget.DualSlider.html#method__cleanEvent", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "clearTicks", "url": "YAHOO.widget.SliderThumb.html#method_clearTicks", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "dragOnly", "url": "YAHOO.widget.Slider.html#property_dragOnly", "type": "property"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "dragOnly", "url": "YAHOO.widget.SliderThumb.html#property_dragOnly", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "enableKeys", "url": "YAHOO.widget.Slider.html#property_enableKeys", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "endMove", "url": "YAHOO.widget.Slider.html#method_endMove", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "fireEvents", "url": "YAHOO.widget.Slider.html#method_fireEvents", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "focus", "url": "YAHOO.widget.Slider.html#method_focus", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "_getNextX", "url": "YAHOO.widget.Slider.html#method__getNextX", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "_getNextY", "url": "YAHOO.widget.Slider.html#method__getNextY", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "getOffsetFromParent", "url": "YAHOO.widget.SliderThumb.html#method_getOffsetFromParent", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "getThumb", "url": "YAHOO.widget.Slider.html#method_getThumb", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "getValue", "url": "YAHOO.widget.Slider.html#method_getValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "getValue", "url": "YAHOO.widget.SliderThumb.html#method_getValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "getXValue", "url": "YAHOO.widget.Slider.html#method_getXValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "getXValue", "url": "YAHOO.widget.SliderThumb.html#method_getXValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "getYValue", "url": "YAHOO.widget.Slider.html#method_getYValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "getYValue", "url": "YAHOO.widget.SliderThumb.html#method_getYValue", "type": "method"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "_graduated", "url": "YAHOO.widget.SliderThumb.html#property__graduated", "type": "property"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleDrag", "url": "YAHOO.widget.DualSlider.html#method__handleDrag", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleKeyDown", "url": "YAHOO.widget.DualSlider.html#method__handleKeyDown", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "handleKeyDown", "url": "YAHOO.widget.Slider.html#method_handleKeyDown", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleKeyPress", "url": "YAHOO.widget.DualSlider.html#method__handleKeyPress", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "handleKeyPress", "url": "YAHOO.widget.Slider.html#method_handleKeyPress", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleMaxChange", "url": "YAHOO.widget.DualSlider.html#method__handleMaxChange", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleMinChange", "url": "YAHOO.widget.DualSlider.html#method__handleMinChange", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleMouseDown", "url": "YAHOO.widget.DualSlider.html#method__handleMouseDown", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleMouseUp", "url": "YAHOO.widget.DualSlider.html#method__handleMouseUp", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleSlideEnd", "url": "YAHOO.widget.DualSlider.html#method__handleSlideEnd", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleSlideStart", "url": "YAHOO.widget.DualSlider.html#method__handleSlideStart", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "initSlider", "url": "YAHOO.widget.Slider.html#method_initSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "initSlider", "url": "YAHOO.widget.SliderThumb.html#method_initSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "initThumb", "url": "YAHOO.widget.Slider.html#method_initThumb", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "isHoriz", "url": "YAHOO.widget.DualSlider.html#property_isHoriz", "type": "property"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "_isHoriz", "url": "YAHOO.widget.SliderThumb.html#property__isHoriz", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "isTarget", "url": "YAHOO.widget.Slider.html#property_isTarget", "type": "property"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "isTarget", "url": "YAHOO.widget.SliderThumb.html#property_isTarget", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "keyIncrement", "url": "YAHOO.widget.Slider.html#property_keyIncrement", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "lastOffset", "url": "YAHOO.widget.Slider.html#property_lastOffset", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "lock", "url": "YAHOO.widget.Slider.html#method_lock", "type": "method"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "maintainOffset", "url": "YAHOO.widget.SliderThumb.html#property_maintainOffset", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "maxSlider", "url": "YAHOO.widget.DualSlider.html#property_maxSlider", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "maxVal", "url": "YAHOO.widget.DualSlider.html#property_maxVal", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minRange", "url": "YAHOO.widget.DualSlider.html#property_minRange", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minSlider", "url": "YAHOO.widget.DualSlider.html#property_minSlider", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minVal", "url": "YAHOO.widget.DualSlider.html#property_minVal", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "_mouseDown", "url": "YAHOO.widget.Slider.html#property__mouseDown", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "moveComplete", "url": "YAHOO.widget.Slider.html#property_moveComplete", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "moveOneTick", "url": "YAHOO.widget.Slider.html#method_moveOneTick", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "moveThumb", "url": "YAHOO.widget.Slider.html#method_moveThumb", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "onAvailable", "url": "YAHOO.widget.Slider.html#method_onAvailable", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "onChange", "url": "YAHOO.widget.Slider.html#method_onChange", "type": "method"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "onChange", "url": "YAHOO.widget.SliderThumb.html#method_onChange", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "onDrag", "url": "YAHOO.widget.Slider.html#method_onDrag", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_oneTimeCallback", "url": "YAHOO.widget.DualSlider.html#method__oneTimeCallback", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "onMouseDown", "url": "YAHOO.widget.Slider.html#method_onMouseDown", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "onSliderEnd", "url": "YAHOO.widget.Slider.html#method_onSliderEnd", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "onSlideStart", "url": "YAHOO.widget.Slider.html#method_onSlideStart", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "parentElId", "url": "YAHOO.widget.SliderThumb.html#property_parentElId", "type": "property"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "_prevVal", "url": "YAHOO.widget.SliderThumb.html#property__prevVal", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "ready", "url": "YAHOO.widget.DualSlider.html#event_ready", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Slider", "name": "resetThumbConstraints", "url": "YAHOO.widget.Slider.html#method_resetThumbConstraints", "type": "method"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "scroll", "url": "YAHOO.widget.SliderThumb.html#property_scroll", "type": "property"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "selectActiveSlider", "url": "YAHOO.widget.DualSlider.html#method_selectActiveSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setMaxValue", "url": "YAHOO.widget.DualSlider.html#method_setMaxValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setMinValue", "url": "YAHOO.widget.DualSlider.html#method_setMinValue", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Slider", "name": "_setRegionValue", "url": "YAHOO.widget.Slider.html#method__setRegionValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "setRegionValue", "url": "YAHOO.widget.Slider.html#method_setRegionValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "setStartSliderState", "url": "YAHOO.widget.Slider.html#method_setStartSliderState", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "setThumbCenterPoint", "url": "YAHOO.widget.Slider.html#method_setThumbCenterPoint", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Slider", "name": "_setValue", "url": "YAHOO.widget.Slider.html#method__setValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "setValue", "url": "YAHOO.widget.Slider.html#method_setValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setValues", "url": "YAHOO.widget.DualSlider.html#method_setValues", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "_silent", "url": "YAHOO.widget.Slider.html#property__silent", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "slideEnd", "url": "YAHOO.widget.DualSlider.html#event_slideEnd", "type": "event"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "slideEnd", "url": "YAHOO.widget.Slider.html#event_slideEnd", "type": "event"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "Slider.ANIM_AVAIL", "url": "YAHOO.widget.Slider.html#property_Slider.ANIM_AVAIL", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "Slider.SOURCE_KEY_EVENT", "url": "YAHOO.widget.Slider.html#property_Slider.SOURCE_KEY_EVENT", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "Slider.SOURCE_SET_VALUE", "url": "YAHOO.widget.Slider.html#property_Slider.SOURCE_SET_VALUE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "Slider.SOURCE_UI_EVENT", "url": "YAHOO.widget.Slider.html#property_Slider.SOURCE_UI_EVENT", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "slideStart", "url": "YAHOO.widget.DualSlider.html#event_slideStart", "type": "event"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "slideStart", "url": "YAHOO.widget.Slider.html#event_slideStart", "type": "event"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "SOURCE_SET_VALUE", "url": "YAHOO.widget.Slider.html#property_SOURCE_SET_VALUE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "SOURCE_UI_EVENT", "url": "YAHOO.widget.Slider.html#property_SOURCE_UI_EVENT", "type": "property"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "startOffset", "url": "YAHOO.widget.SliderThumb.html#property_startOffset", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "thumb", "url": "YAHOO.widget.Slider.html#property_thumb", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "thumbCenterPoint", "url": "YAHOO.widget.Slider.html#property_thumbCenterPoint", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Slider", "name": "thumbMouseUp", "url": "YAHOO.widget.Slider.html#method_thumbMouseUp", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "tickPause", "url": "YAHOO.widget.Slider.html#property_tickPause", "type": "property"}, {"access": "private", "host": "YAHOO.widget.SliderThumb", "name": "tickSize", "url": "YAHOO.widget.SliderThumb.html#property_tickSize", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "toString", "url": "YAHOO.widget.Slider.html#method_toString", "type": "method"}, {"access": "", "host": "YAHOO.widget.SliderThumb", "name": "toString", "url": "YAHOO.widget.SliderThumb.html#method_toString", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "type", "url": "YAHOO.widget.Slider.html#property_type", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "unlock", "url": "YAHOO.widget.Slider.html#method_unlock", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "updateValue", "url": "YAHOO.widget.DualSlider.html#method_updateValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "valueChangeSource", "url": "YAHOO.widget.Slider.html#property_valueChangeSource", "type": "property"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "verifyOffset", "url": "YAHOO.widget.Slider.html#method_verifyOffset", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "YAHOO.widget.Slider.getHorizDualSlider", "url": "YAHOO.widget.Slider.html#method_YAHOO.widget.Slider.getHorizDualSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "YAHOO.widget.Slider.getHorizSlider", "url": "YAHOO.widget.Slider.html#method_YAHOO.widget.Slider.getHorizSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "YAHOO.widget.Slider.getSliderRegion", "url": "YAHOO.widget.Slider.html#method_YAHOO.widget.Slider.getSliderRegion", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "YAHOO.widget.Slider.getVertDualSlider", "url": "YAHOO.widget.Slider.html#method_YAHOO.widget.Slider.getVertDualSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.Slider", "name": "YAHOO.widget.Slider.getVertSlider", "url": "YAHOO.widget.Slider.html#method_YAHOO.widget.Slider.getVertSlider", "type": "method"}];
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink