654 lines
No EOL
120 KiB
HTML
654 lines
No EOL
120 KiB
HTML
<html><head><title>Resizable.js</title><link rel="stylesheet" type="text/css" href="../style.css" media="screen"/></head><body><div class="hl-main"><pre><span class="hl-comment">/**
|
|
* @class YAHOO.ext.Resizable
|
|
* @extends YAHOO.ext.util.Observable
|
|
* <p>Applies drag handles to an element to make it resizable. The drag handles are inserted into the element
|
|
* and positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap
|
|
* the textarea in a div and set "resizeChild" to true (or the id of the textarea).</p>
|
|
* <p>
|
|
* By default handles are displayed when the mouse is near the edge of the element. To make the handles displayed all the time,
|
|
* add a class "yresizable-pinned" to the element. </span><span class="hl-inlinedoc">Note:</span><span class="hl-comment"> depending on your element you may need to
|
|
* apply "adjustments" (see below) to get the handles to look right when pinned.
|
|
* </p>
|
|
* Here's a Resizable with every possible config option and it's default value:
|
|
<pre><code>
|
|
var resizer = new YAHOO.ext.Resizable('element-id', {
|
|
resizeChild : false, // true to resize the firstChild or an id/element to resize
|
|
adjustments : [0, 0], // or "auto" to have resizable calculate
|
|
width : null, (leave blank to use default/css size)
|
|
height : null,
|
|
minWidth : 5,
|
|
minHeight : 5,
|
|
maxWidth : 10000,
|
|
maxHeight : 10000,
|
|
widthIncrement : 0, // snapping
|
|
heightIncrement : 0, // snapping
|
|
enabled : true,
|
|
animate : false, // (ignored if resizeChild is true)
|
|
duration : .35,
|
|
dynamic : false, // true for real time sizing instead of proxy resizing
|
|
multiDirectional : false, // true for 4 way adjustments
|
|
disableTrackOver : false, // disable mouse over tracking for pinned resizers
|
|
easing : YAHOO.util.Easing.easeOutStrong,
|
|
pinned: false, // true to pin the handles to always be displayed
|
|
wrap: false, // automatic wrapping for elements that need it (like textarea/img)
|
|
minX: 0,
|
|
minY: 0
|
|
});
|
|
resizer.on('resize', myHandler);
|
|
</code></pre>
|
|
* <p>
|
|
* To hide a particular handle, set it's display to none in CSS, or through script:<br>
|
|
* resizer.east.setDisplayed(false);
|
|
* </p>
|
|
* @constructor
|
|
* Create a new resizable component
|
|
* @param {String/HTMLElement/YAHOO.ext.Element} el The id or element to resize
|
|
* @param {Object} config configuration options
|
|
*/
|
|
</span><span class="hl-identifier">YAHOO</span><span class="hl-default">.</span><span class="hl-identifier">ext</span><span class="hl-default">.</span><span class="hl-identifier">Resizable</span><span class="hl-default"> = </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">el</span><span class="hl-code">, </span><span class="hl-identifier">config</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code"> = </span><span class="hl-identifier">getEl</span><span class="hl-brackets">(</span><span class="hl-identifier">el</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">config</span><span class="hl-code"> && </span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">wrap</span><span class="hl-brackets">){
|
|
</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">wrap</span><span class="hl-brackets">(</span><span class="hl-reserved">typeof </span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">wrap</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">object</span><span class="hl-quotes">'</span><span class="hl-code"> ? </span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">wrap</span><span class="hl-code"> : </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">dom</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-code"> = </span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">'</span><span class="hl-string">-rzwrap</span><span class="hl-quotes">'</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">setStyle</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">overflow</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-quotes">'</span><span class="hl-string">hidden</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">setPositioning</span><span class="hl-brackets">(</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">.</span><span class="hl-identifier">getPositioning</span><span class="hl-brackets">())</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">.</span><span class="hl-identifier">clearPositioning</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code"> || !</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">csize</span><span class="hl-code"> = </span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">.</span><span class="hl-identifier">getSize</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-comment">//csize.width -= config.adjustments[0];
|
|
//csize.height -= config.adjustments[1];
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">csize</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-identifier">csize</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">pinned</span><span class="hl-code"> && !</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">adjustments</span><span class="hl-brackets">){
|
|
</span><span class="hl-identifier">config</span><span class="hl-code">.</span><span class="hl-identifier">adjustments</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">auto</span><span class="hl-quotes">'</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">createProxy</span><span class="hl-brackets">({</span><span class="hl-identifier">tag</span><span class="hl-code">: </span><span class="hl-quotes">'</span><span class="hl-string">div</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-identifier">cls</span><span class="hl-code">: </span><span class="hl-quotes">'</span><span class="hl-string">yresizable-proxy</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-identifier">id</span><span class="hl-code">: </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-code"> + </span><span class="hl-quotes">'</span><span class="hl-string">-rzproxy</span><span class="hl-quotes">'</span><span class="hl-brackets">})
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">unselectable</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-comment">// the overlay traps mouse events while dragging and fixes iframe issue
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">createProxy</span><span class="hl-brackets">({</span><span class="hl-identifier">tag</span><span class="hl-code">: </span><span class="hl-quotes">'</span><span class="hl-string">div</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-identifier">cls</span><span class="hl-code">: </span><span class="hl-quotes">'</span><span class="hl-string">yresizable-overlay</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-identifier">html</span><span class="hl-code">: </span><span class="hl-quotes">'</span><span class="hl-string">&#160;</span><span class="hl-quotes">'</span><span class="hl-brackets">})</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">unselectable</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">enableDisplayMode</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">block</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">mon</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">mousemove</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-builtin">onMouseMove</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">mon</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">mouseup</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-builtin">onMouseUp</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Config</span><span class="hl-code">.</span><span class="hl-identifier">apply</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-identifier">config</span><span class="hl-code">, </span><span class="hl-brackets">{
|
|
</span><span class="hl-comment">/** True to resizeSize the first child or id/element to resize @type YAHOO.ext.Element */
|
|
</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** String "auto" or an array [width, height] with values to be <b>added</b> to the resize operation's new size. @type Array/String */
|
|
</span><span class="hl-identifier">adjustments</span><span class="hl-code"> : </span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The minimum width for the element @type Number */
|
|
</span><span class="hl-identifier">minWidth</span><span class="hl-code"> : </span><span class="hl-number">5</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The minimum height for the element @type Number */
|
|
</span><span class="hl-identifier">minHeight</span><span class="hl-code"> : </span><span class="hl-number">5</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The maximum width for the element @type Number */
|
|
</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> : </span><span class="hl-number">10000</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The maximum height for the element @type Number */
|
|
</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> : </span><span class="hl-number">10000</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** false to disable resizing @type Boolean */
|
|
</span><span class="hl-identifier">enabled</span><span class="hl-code"> : </span><span class="hl-reserved">true</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** True to animate the resize (not compatible with dynamic sizing) @type Boolean */
|
|
</span><span class="hl-identifier">animate</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** Animation duration @type Float */
|
|
</span><span class="hl-identifier">duration</span><span class="hl-code"> : </span><span class="hl-number">.35</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** True to resize the element while dragging instead of using a proxy @type Boolean */
|
|
</span><span class="hl-identifier">dynamic</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">// these 3 are only available at config time
|
|
/** String consisting of the resize handles to display. Valid handles are
|
|
* n (north), s (south) e (east), w (west), ne (northeast), nw (northwest), se (southeast), sw (southwest)
|
|
* and all (which applies them all). If this is blank it defaults to "e,s,se". Handles can be delimited using
|
|
* a space, comma or semi-colon. This is only applied at config time. @type String*/
|
|
</span><span class="hl-identifier">handles</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-identifier">multiDirectional</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** true to disable mouse tracking. This is only applied at config time. @type Boolean*/
|
|
</span><span class="hl-identifier">disableTrackOver</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** Animation easing @type YAHOO.util.Easing */
|
|
</span><span class="hl-identifier">easing</span><span class="hl-code"> : </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Easing</span><span class="hl-code"> ? </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Easing</span><span class="hl-code">.</span><span class="hl-identifier">easeOutStrong</span><span class="hl-code"> : </span><span class="hl-reserved">null</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The increment to snap the width resize in pixels (dynamic must be true) @type Number */
|
|
</span><span class="hl-identifier">widthIncrement</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The increment to snap the height resize in pixels (dynamic must be true) @type Number */
|
|
</span><span class="hl-identifier">heightIncrement</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** true to pin the resize handles. This is only applied at config time. @type Boolean*/
|
|
</span><span class="hl-identifier">pinned</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The initial width for the element @type Number */
|
|
</span><span class="hl-identifier">width</span><span class="hl-code"> : </span><span class="hl-reserved">null</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The initial height for the element @type Number */
|
|
</span><span class="hl-identifier">height</span><span class="hl-code"> : </span><span class="hl-reserved">null</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** true to preserve the initial size ratio. @type Boolean*/
|
|
</span><span class="hl-identifier">preserveRatio</span><span class="hl-code"> : </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** true for transparent handles. This is only applied at config time. @type Boolean*/
|
|
</span><span class="hl-identifier">transparent</span><span class="hl-code">: </span><span class="hl-reserved">false</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The minimum allowed page X for the element (only used for west resizing, defaults to 0) @type Number */
|
|
</span><span class="hl-identifier">minX</span><span class="hl-code">: </span><span class="hl-number">0</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** The minimum allowed page Y for the element (only used for north resizing, defaults to 0) @type Number */
|
|
</span><span class="hl-identifier">minY</span><span class="hl-code">: </span><span class="hl-number">0</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/** convenience to initialize drag drop. @type Boolean*/
|
|
</span><span class="hl-identifier">draggable</span><span class="hl-code">: </span><span class="hl-reserved">false
|
|
</span><span class="hl-brackets">})</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">pinned</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">disableTrackOver</span><span class="hl-code"> = </span><span class="hl-reserved">true</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">addClass</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">yresizable-pinned</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-comment">// if the element isn't positioned, make it relative
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getStyle</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">position</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code"> != </span><span class="hl-quotes">'</span><span class="hl-string">absolute</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">setStyle</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">position</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-quotes">'</span><span class="hl-string">relative</span><span class="hl-quotes">'</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-brackets">){ </span><span class="hl-comment">// no handles passed, must be legacy style
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">s,e,se</span><span class="hl-quotes">'</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">multiDirectional</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-code"> += </span><span class="hl-quotes">'</span><span class="hl-string">,n,w</span><span class="hl-quotes">'</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">all</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">n s e w ne nw se sw</span><span class="hl-quotes">'</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">hs</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handles</span><span class="hl-code">.</span><span class="hl-identifier">split</span><span class="hl-brackets">(</span><span class="hl-quotes">/</span><span class="hl-string">\s*?[,;]\s*?| </span><span class="hl-quotes">/</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">ps</span><span class="hl-code"> = </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Resizable</span><span class="hl-code">.</span><span class="hl-identifier">positions</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">for</span><span class="hl-brackets">(</span><span class="hl-reserved">var </span><span class="hl-identifier">i</span><span class="hl-code"> = </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-identifier">len</span><span class="hl-code"> = </span><span class="hl-identifier">hs</span><span class="hl-code">.</span><span class="hl-identifier">length</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code"> < </span><span class="hl-identifier">len</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">++</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">hs</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code"> && </span><span class="hl-identifier">ps</span><span class="hl-brackets">[</span><span class="hl-identifier">hs</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]]){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">pos</span><span class="hl-code"> = </span><span class="hl-identifier">ps</span><span class="hl-brackets">[</span><span class="hl-identifier">hs</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]]</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-brackets">[</span><span class="hl-identifier">pos</span><span class="hl-brackets">]</span><span class="hl-code"> = </span><span class="hl-reserved">new </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Resizable</span><span class="hl-code">.</span><span class="hl-identifier">Handle</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-identifier">pos</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">disableTrackOver</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">transparent</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
</span><span class="hl-comment">// legacy
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">corner</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">southeast</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">activeHandle</span><span class="hl-code"> = </span><span class="hl-reserved">null</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">typeof this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">boolean</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> = </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Element</span><span class="hl-code">.</span><span class="hl-identifier">get</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">dom</span><span class="hl-code">.</span><span class="hl-identifier">firstChild</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else</span><span class="hl-brackets">{
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> = </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Element</span><span class="hl-code">.</span><span class="hl-identifier">get</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">, </span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">adjustments</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">auto</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">rc</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">hw</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">west</span><span class="hl-code">, </span><span class="hl-identifier">he</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">east</span><span class="hl-code">, </span><span class="hl-identifier">hn</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">north</span><span class="hl-code">, </span><span class="hl-identifier">hs</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">south</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">rc</span><span class="hl-code"> && </span><span class="hl-brackets">(</span><span class="hl-identifier">hw</span><span class="hl-code"> || </span><span class="hl-identifier">hn</span><span class="hl-brackets">)){
|
|
</span><span class="hl-identifier">rc</span><span class="hl-code">.</span><span class="hl-identifier">setRelativePositioned</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">rc</span><span class="hl-code">.</span><span class="hl-identifier">setLeft</span><span class="hl-brackets">(</span><span class="hl-identifier">hw</span><span class="hl-code"> ? </span><span class="hl-identifier">hw</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getWidth</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">rc</span><span class="hl-code">.</span><span class="hl-identifier">setTop</span><span class="hl-brackets">(</span><span class="hl-identifier">hn</span><span class="hl-code"> ? </span><span class="hl-identifier">hn</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getHeight</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">adjustments</span><span class="hl-code"> = </span><span class="hl-brackets">[
|
|
(</span><span class="hl-identifier">he</span><span class="hl-code"> ? -</span><span class="hl-identifier">he</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getWidth</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">hw</span><span class="hl-code"> ? -</span><span class="hl-identifier">hw</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getWidth</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code">,
|
|
</span><span class="hl-brackets">(</span><span class="hl-identifier">hn</span><span class="hl-code"> ? -</span><span class="hl-identifier">hn</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getHeight</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">hs</span><span class="hl-code"> ? -</span><span class="hl-identifier">hs</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getHeight</span><span class="hl-brackets">()</span><span class="hl-code"> : </span><span class="hl-number">0</span><span class="hl-brackets">)</span><span class="hl-code"> -</span><span class="hl-number">1
|
|
</span><span class="hl-brackets">]</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">draggable</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">dd</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">dynamic</span><span class="hl-code"> ?
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">initDD</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code"> : </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">initDDProxy</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-brackets">{</span><span class="hl-identifier">dragElId</span><span class="hl-code">: </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-brackets">})</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">dd</span><span class="hl-code">.</span><span class="hl-identifier">setHandleElId</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code"> ? </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-code"> : </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">id</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
|
|
</span><span class="hl-comment">// public events
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">events</span><span class="hl-code"> = </span><span class="hl-brackets">{
|
|
</span><span class="hl-comment">/**
|
|
* @event beforeresize
|
|
* Fired before resize is allowed. Set enabled to false to cancel resize.
|
|
* @param {YAHOO.ext.Resizable} this
|
|
* @param {YAHOO.ext.EventObject} e The mousedown event
|
|
*/
|
|
</span><span class="hl-quotes">'</span><span class="hl-string">beforeresize</span><span class="hl-quotes">'</span><span class="hl-code"> : </span><span class="hl-reserved">new </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">CustomEvent</span><span class="hl-brackets">()</span><span class="hl-code">,
|
|
</span><span class="hl-comment">/**
|
|
* @event resize
|
|
* Fired after a resize.
|
|
* @param {YAHOO.ext.Resizable} this
|
|
* @param {Number} width The new width
|
|
* @param {Number} height The new height
|
|
* @param {YAHOO.ext.EventObject} e The mouseup event
|
|
*/
|
|
</span><span class="hl-quotes">'</span><span class="hl-string">resize</span><span class="hl-quotes">'</span><span class="hl-code"> : </span><span class="hl-reserved">new </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">CustomEvent</span><span class="hl-brackets">()
|
|
}</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code"> !== </span><span class="hl-reserved">null</span><span class="hl-code"> && </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code"> !== </span><span class="hl-reserved">null</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeTo</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else</span><span class="hl-brackets">{
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">updateChildSize</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}</span><span class="hl-default">;
|
|
|
|
</span><span class="hl-identifier">YAHOO</span><span class="hl-default">.</span><span class="hl-identifier">extendX</span><span class="hl-brackets">(</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Resizable</span><span class="hl-code">, </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Observable</span><span class="hl-code">, </span><span class="hl-brackets">{
|
|
</span><span class="hl-comment">/**
|
|
* Perform a manual resize
|
|
* @param {Number} width
|
|
* @param {Number} height
|
|
*/
|
|
</span><span class="hl-identifier">resizeTo</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-identifier">height</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">updateChildSize</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">fireEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">resize</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-identifier">height</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-code">,
|
|
|
|
</span><span class="hl-identifier">startSizing</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">e</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">fireEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">beforeresize</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-identifier">e</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">enabled</span><span class="hl-brackets">){ </span><span class="hl-comment">// 2nd enabled check in case disabled before beforeresize handler
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizing</span><span class="hl-code"> = </span><span class="hl-reserved">true</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getBox</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-code"> = </span><span class="hl-identifier">e</span><span class="hl-code">.</span><span class="hl-identifier">getXY</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-code"> = </span><span class="hl-brackets">[(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-brackets">)</span><span class="hl-code"> - </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">,
|
|
</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code"> - </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]]</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setBox</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Dom</span><span class="hl-code">.</span><span class="hl-identifier">getDocumentWidth</span><span class="hl-brackets">()</span><span class="hl-code">, </span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Dom</span><span class="hl-code">.</span><span class="hl-identifier">getDocumentHeight</span><span class="hl-brackets">())</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">show</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">dynamic</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">show</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
}</span><span class="hl-code">,
|
|
|
|
</span><span class="hl-builtin">onMouseDown</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">handle</span><span class="hl-code">, </span><span class="hl-identifier">e</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">enabled</span><span class="hl-brackets">){
|
|
</span><span class="hl-identifier">e</span><span class="hl-code">.</span><span class="hl-identifier">stopEvent</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">activeHandle</span><span class="hl-code"> = </span><span class="hl-identifier">handle</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">setStyle</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">cursor</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-identifier">handle</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getStyle</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">cursor</span><span class="hl-quotes">'</span><span class="hl-brackets">))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startSizing</span><span class="hl-brackets">(</span><span class="hl-identifier">e</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}</span><span class="hl-code">,
|
|
|
|
</span><span class="hl-builtin">onMouseUp</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">e</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">size</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeElement</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizing</span><span class="hl-code"> = </span><span class="hl-reserved">false</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">handleOut</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">overlay</span><span class="hl-code">.</span><span class="hl-identifier">hide</span><span class="hl-brackets">()</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">fireEvent</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">resize</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">, </span><span class="hl-identifier">size</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">, </span><span class="hl-identifier">size</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">, </span><span class="hl-identifier">e</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-code">,
|
|
|
|
</span><span class="hl-identifier">updateChildSize</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">el</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">el</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">child</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">resizeChild</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">adj</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">adjustments</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">dom</span><span class="hl-code">.</span><span class="hl-identifier">offsetWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">b</span><span class="hl-code"> = </span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getSize</span><span class="hl-brackets">(</span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">child</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">b</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-identifier">adj</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">, </span><span class="hl-identifier">b</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-identifier">adj</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">])</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-comment">// Second call here for IE
|
|
// The first call enables instant resizing and
|
|
// the second call corrects scroll bars if they
|
|
// exist
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">util</span><span class="hl-code">.</span><span class="hl-identifier">Browser</span><span class="hl-code">.</span><span class="hl-identifier">isIE</span><span class="hl-brackets">){
|
|
</span><span class="hl-identifier">setTimeout</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">dom</span><span class="hl-code">.</span><span class="hl-identifier">offsetWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">b</span><span class="hl-code"> = </span><span class="hl-identifier">el</span><span class="hl-code">.</span><span class="hl-identifier">getSize</span><span class="hl-brackets">(</span><span class="hl-reserved">true</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">child</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">b</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-identifier">adj</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">, </span><span class="hl-identifier">b</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-identifier">adj</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">])</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}</span><span class="hl-code">, </span><span class="hl-number">10</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}
|
|
}</span><span class="hl-code">,
|
|
|
|
</span><span class="hl-identifier">snap</span><span class="hl-code"> : </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">value</span><span class="hl-code">, </span><span class="hl-identifier">inc</span><span class="hl-code">, </span><span class="hl-identifier">min</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-code">!</span><span class="hl-identifier">inc</span><span class="hl-code"> || !</span><span class="hl-identifier">value</span><span class="hl-brackets">) </span><span class="hl-reserved">return </span><span class="hl-identifier">value</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">newValue</span><span class="hl-code"> = </span><span class="hl-identifier">value</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">m</span><span class="hl-code"> = </span><span class="hl-identifier">value</span><span class="hl-code"> % </span><span class="hl-identifier">inc</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">m</span><span class="hl-code"> > </span><span class="hl-number">0</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">m</span><span class="hl-code"> > </span><span class="hl-brackets">(</span><span class="hl-identifier">inc</span><span class="hl-quotes">/</span><span class="hl-string">2)){
|
|
newValue = value + (inc-m);
|
|
}else{
|
|
newValue = value - m;
|
|
}
|
|
}
|
|
return Math.max(min, newValue);
|
|
},
|
|
|
|
resizeElement : function(){
|
|
var box = this.proxy.getBox();
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">box.width = this.snap(box.width, this.widthIncrement);
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">box.height = this.snap(box.height, this.heightIncrement);
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">if(this.multiDirectional){
|
|
this.el.setBox(box, false, this.animate, this.duration, null, this.easing);
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">}else{
|
|
</span><span class="hl-quotes">//</span><span class="hl-string"> this.el.setSize(box.width, box.height, this.animate, this.duration, null, this.easing);
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">}
|
|
this.updateChildSize();
|
|
this.proxy.hide();
|
|
return box;
|
|
},
|
|
|
|
constrain : function(v, diff, m, mx){
|
|
if(v - diff < m){
|
|
diff = v - m;
|
|
}else if(v - diff > mx){
|
|
diff = mx - v;
|
|
}
|
|
return diff;
|
|
},
|
|
|
|
onMouseMove : function(e){
|
|
if(this.enabled){
|
|
try{</span><span class="hl-quotes">//</span><span class="hl-string"> try catch so if something goes wrong the user doesn't get hung
|
|
|
|
</span><span class="hl-quotes">//</span><span class="hl-string">var curXY = this.startPoint;
|
|
var curSize = this.curSize || this.startBox;
|
|
var x = this.startBox.x, y = this.startBox.y;
|
|
var ox = x, oy = y;
|
|
var w = curSize.width, h = curSize.height;
|
|
var ow = w, oh = h;
|
|
var mw = this.minWidth, mh = this.minHeight;
|
|
var mxw = this.maxWidth, mxh = this.maxHeight;
|
|
var wi = this.widthIncrement;
|
|
var hi = this.heightIncrement;
|
|
|
|
var eventXY = e.getXY();
|
|
var diffX = -(this.startPoint[0] - Math.max(this.minX, eventXY[0]));
|
|
var diffY = -(this.startPoint[1] - Math.max(this.minY, eventXY[1]));
|
|
|
|
var pos = this.activeHandle.position;
|
|
|
|
switch(pos){
|
|
case 'east':
|
|
w += diffX;
|
|
w = Math.min(Math.max(mw, w), mxw);
|
|
break;
|
|
case 'south':
|
|
h += diffY;
|
|
h = Math.min(Math.max(mh, h), mxh);
|
|
break;
|
|
case 'southeast':
|
|
w += diffX;
|
|
h += diffY;
|
|
w = Math.min(Math.max(mw, w), mxw);
|
|
h = Math.min(Math.max(mh, h), mxh);
|
|
break;
|
|
case 'north':
|
|
diffY = this.constrain(h, diffY, mh, mxh);
|
|
y += diffY;
|
|
h -= diffY;
|
|
break;
|
|
case 'west':
|
|
diffX = this.constrain(w, diffX, mw, mxw);
|
|
x += diffX;
|
|
w -= diffX;
|
|
break;
|
|
case 'northeast':
|
|
diffX = this.constrain(w, diffX, mw, mxw);
|
|
diffY = this.constrain(h, diffY, mh, mxh);
|
|
w += diffX;
|
|
y += diffY;
|
|
h -= diffY;
|
|
break;
|
|
case 'northwest':
|
|
diffX = this.constrain(w, diffX, mw, mxw);
|
|
diffY = this.constrain(h, diffY, mh, mxh);
|
|
y += diffY;
|
|
h -= diffY;
|
|
x += diffX;
|
|
w -= diffX;
|
|
break;
|
|
case 'southwest':
|
|
diffX = this.constrain(w, diffX, mw, mxw);
|
|
diffY = this.constrain(h, diffY, mh, mxh);
|
|
h += diffY;
|
|
x += diffX;
|
|
w -= diffX;
|
|
break;
|
|
}
|
|
|
|
var sw = this.snap(w, wi, mw);
|
|
var sh = this.snap(h, hi, mh);
|
|
if(sw != w || sh != h){
|
|
switch(pos){
|
|
case 'northeast':
|
|
y -= sh - h;
|
|
break;
|
|
case 'north':
|
|
y -= sh - h;
|
|
break;
|
|
case 'southwest':
|
|
x -= sw - w;
|
|
break;
|
|
case 'west':
|
|
x -= sw - w;
|
|
break;
|
|
case 'northwest':
|
|
x -= sw - w;
|
|
y -= sh - h;
|
|
break;
|
|
}
|
|
w = sw;
|
|
h = sh;
|
|
}
|
|
|
|
if(this.preserveRatio){
|
|
switch(pos){
|
|
case 'southeast':
|
|
case 'east':
|
|
h = oh * (w</span><span class="hl-quotes">/</span><span class="hl-identifier">ow</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-identifier">mh</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">mxh</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">ow</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-quotes">/</span><span class="hl-string">oh);
|
|
break;
|
|
case 'south':
|
|
w = ow * (h</span><span class="hl-quotes">/</span><span class="hl-identifier">oh</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-identifier">mw</span><span class="hl-code">, </span><span class="hl-identifier">w</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">mxw</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">oh</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-quotes">/</span><span class="hl-string">ow);
|
|
break;
|
|
case 'northeast':
|
|
case 'north':
|
|
w = ow * (h</span><span class="hl-quotes">/</span><span class="hl-identifier">oh</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-identifier">mw</span><span class="hl-code">, </span><span class="hl-identifier">w</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">mxw</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">oh</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-quotes">/</span><span class="hl-string">ow);
|
|
break;
|
|
case 'southwest':
|
|
case 'west':
|
|
h = oh * (w</span><span class="hl-quotes">/</span><span class="hl-identifier">ow</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-identifier">mh</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">mxh</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">tw</span><span class="hl-code"> = </span><span class="hl-identifier">w</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">ow</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-quotes">/</span><span class="hl-string">oh);
|
|
x += tw - w;
|
|
break;
|
|
case 'northwest':
|
|
var tw = w;
|
|
var th = h;
|
|
h = oh * (w</span><span class="hl-quotes">/</span><span class="hl-identifier">ow</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-identifier">mh</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">, </span><span class="hl-identifier">mxh</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">ow</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-quotes">/</span><span class="hl-string">oh);
|
|
y += th - h;
|
|
x += tw - w;
|
|
break;
|
|
|
|
}
|
|
}
|
|
|
|
this.proxy.setBounds(x, y, w, h);
|
|
</span><span class="hl-quotes">/</span><span class="hl-code">*
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">sb</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startBox</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">ox</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">, </span><span class="hl-identifier">oy</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">switch</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">activeHandle</span><span class="hl-code">.</span><span class="hl-identifier">position</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">east</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mwidth</span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-identifier">ox</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">south</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mheight</span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-identifier">oy</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">southeast</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mwidth</span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-identifier">ox</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mheight</span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-identifier">oy</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">north</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minY</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">west</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minX</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">( </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">northeast</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mwidth</span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-identifier">ox</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minY</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else</span><span class="hl-brackets">{
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">northwest</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minY</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minX</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">( </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">case </span><span class="hl-quotes">'</span><span class="hl-string">southwest</span><span class="hl-quotes">'</span><span class="hl-code">:
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">mheight</span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-identifier">oy</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minX</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else</span><span class="hl-brackets">{
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">applySize</span><span class="hl-brackets">(</span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-code">, </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">break</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">southeast</span><span class="hl-quotes">'</span><span class="hl-code"> || </span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">east</span><span class="hl-quotes">'</span><span class="hl-code"> || </span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">south</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-code">, </span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">-</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">+</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">])</span><span class="hl-code">,</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-code">, </span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]</span><span class="hl-code">-</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">+</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">])</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">snap</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">widthIncrement</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">snap</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code">, </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">heightIncrement</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">preserveRatio</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">abs</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-brackets">)</span><span class="hl-code"> > </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">abs</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-code"> - </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)){
|
|
</span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code"> * </span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-quotes">/</span><span class="hl-string">sb.width);
|
|
}else{
|
|
w = sb.width * (h</span><span class="hl-quotes">/</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">southeast</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">east</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setWidth</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">south</span><span class="hl-quotes">'</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setHeight</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}</span><span class="hl-reserved">else</span><span class="hl-brackets">{
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minX</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minY</span><span class="hl-code">, </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-brackets">(</span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]</span><span class="hl-code">-</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">startPoint</span><span class="hl-brackets">[</span><span class="hl-number">1</span><span class="hl-brackets">]))</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">-</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">var </span><span class="hl-identifier">h</span><span class="hl-code"> = </span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">+</span><span class="hl-brackets">(</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">-</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">northwest</span><span class="hl-quotes">'</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setXY</span><span class="hl-brackets">([</span><span class="hl-identifier">x</span><span class="hl-code">,</span><span class="hl-identifier">y</span><span class="hl-brackets">])</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">northeast</span><span class="hl-quotes">'</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-identifier">w</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">min</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">max</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-code">, </span><span class="hl-identifier">xy</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code">-</span><span class="hl-identifier">sb</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">+</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">offsets</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">])</span><span class="hl-code">,</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setY</span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setSize</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-code">, </span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">west</span><span class="hl-quotes">'</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxWidth</span><span class="hl-code"> && </span><span class="hl-identifier">w</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minWidth</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setX</span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setWidth</span><span class="hl-brackets">(</span><span class="hl-identifier">w</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}</span><span class="hl-reserved">else if</span><span class="hl-brackets">(</span><span class="hl-identifier">p</span><span class="hl-code"> == </span><span class="hl-quotes">'</span><span class="hl-string">north</span><span class="hl-quotes">'</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> <= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">maxHeight</span><span class="hl-code"> && </span><span class="hl-identifier">h</span><span class="hl-code"> >= </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">minHeight</span><span class="hl-brackets">){
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setY</span><span class="hl-brackets">(</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">proxy</span><span class="hl-code">.</span><span class="hl-identifier">setHeight</span><span class="hl-brackets">(</span><span class="hl-identifier">h</span><span class="hl-brackets">)</span><span class="hl-code">;
|
|
</span><span class="hl-brackets">}
|
|
}</span><span class="hl-code">*</span><span class="hl-quotes">/</span><span class="hl-string">
|
|
if(this.dynamic){
|
|
this.resizeElement();
|
|
}
|
|
}catch(e){}
|
|
}
|
|
},
|
|
|
|
handleOver : function(){
|
|
if(this.enabled){
|
|
this.el.addClass('yresizable-over');
|
|
}
|
|
},
|
|
|
|
handleOut : function(){
|
|
if(!this.resizing){
|
|
this.el.removeClass('yresizable-over');
|
|
}
|
|
},
|
|
|
|
</span><span class="hl-quotes">/</span><span class="hl-code">**
|
|
* </span><span class="hl-identifier">Returns the element </span><span class="hl-reserved">this </span><span class="hl-identifier">component is bound to</span><span class="hl-code">.
|
|
* @</span><span class="hl-reserved">return </span><span class="hl-brackets">{</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Element</span><span class="hl-brackets">}</span><span class="hl-code">
|
|
*</span><span class="hl-quotes">/</span><span class="hl-string">
|
|
getEl : function(){
|
|
return this.el;
|
|
},
|
|
|
|
</span><span class="hl-quotes">/</span><span class="hl-code">**
|
|
* </span><span class="hl-identifier">Returns the resizeChild element </span><span class="hl-brackets">(</span><span class="hl-identifier">or </span><span class="hl-reserved">null</span><span class="hl-brackets">)</span><span class="hl-code">.
|
|
* @</span><span class="hl-reserved">return </span><span class="hl-brackets">{</span><span class="hl-identifier">YAHOO</span><span class="hl-code">.</span><span class="hl-identifier">ext</span><span class="hl-code">.</span><span class="hl-identifier">Element</span><span class="hl-brackets">}</span><span class="hl-code">
|
|
*</span><span class="hl-quotes">/</span><span class="hl-string">
|
|
getResizeChild : function(){
|
|
return this.resizeChild;
|
|
}
|
|
});
|
|
|
|
</span><span class="hl-quotes">//</span><span class="hl-string"> hash to map config positions to true positions
|
|
YAHOO.ext.Resizable.positions = {
|
|
n: 'north', s: 'south', e: 'east', w: 'west', se: 'southeast', sw: 'southwest', nw: 'northwest', ne: 'northeast'
|
|
};
|
|
|
|
|
|
YAHOO.ext.Resizable.Handle = function(rz, pos, disableTrackOver, transparent){
|
|
if(!this.tpl){
|
|
</span><span class="hl-quotes">//</span><span class="hl-string"> only initialize the template if resizable is used
|
|
var tpl = YAHOO.ext.DomHelper.createTemplate(
|
|
{tag: 'div', cls: 'yresizable-handle yresizable-handle-{0}', html: '&#160;'}
|
|
);
|
|
tpl.compile();
|
|
YAHOO.ext.Resizable.Handle.prototype.tpl = tpl;
|
|
}
|
|
this.position = pos;
|
|
this.rz = rz;
|
|
this.el = this.tpl.append(rz.el.dom, [this.position], true);
|
|
this.el.unselectable();
|
|
if(transparent){
|
|
this.el.setOpacity(0);
|
|
}
|
|
this.el.mon('mousedown', this.onMouseDown, this, true);
|
|
if(!disableTrackOver){
|
|
this.el.mon('mouseover', this.onMouseOver, this, true);
|
|
this.el.mon('mouseout', this.onMouseOut, this, true);
|
|
}
|
|
};
|
|
|
|
YAHOO.ext.Resizable.Handle.prototype = {
|
|
afterResize : function(rz){
|
|
</span><span class="hl-quotes">//</span><span class="hl-string"> do nothing
|
|
},
|
|
|
|
onMouseDown : function(e){
|
|
this.rz.onMouseDown(this, e);
|
|
},
|
|
|
|
onMouseOver : function(e){
|
|
this.rz.handleOver(this, e);
|
|
},
|
|
|
|
onMouseOut : function(e){
|
|
this.rz.handleOut(this, e);
|
|
}
|
|
};
|
|
|
|
|
|
|
|
</span></pre></div><hr>Copyright © 2006 Jack Slocum. All rights reserved.</body></html> |