yui / yui3

@@ -100,7 +100,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property rail

          * @type {Node}

          */

-        this.rail = this._renderRail();

+        this.rail = this.renderRail();

         this._uiSetRailLength( this.get( 'length' ) );

@@ -111,7 +111,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property thumb

          * @type {Node}

          */

-        this.thumb = this._renderThumb();

+        this.thumb = this.renderThumb();

         this.rail.appendChild( this.thumb );

         // @TODO: insert( contentBox, 'replace' ) or setContent?

@@ -123,13 +123,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider rail DOM subtree for insertion into the Slider's

-     * <code>contentBox</code>.

+     * <code>contentBox</code>.  Override this method if you want to provide

+     * the rail element (presumably from existing markup).

      *

-     * @method _renderRail

+     * @method renderRail

      * @return {Node} the rail node subtree

-     * @protected

      */

-    _renderRail: function () {

+    renderRail: function () {

         var minCapClass = this.getClassName( 'rail', 'cap', this._key.minEdge ),

             maxCapClass = this.getClassName( 'rail', 'cap', this._key.maxEdge );

@@ -154,13 +154,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider thumb DOM subtree for insertion into the Slider's

-     * rail.

+     * rail.  Override this method if you want to provide the thumb element

+     * (presumably from existing markup).

      *

-     * @method _renderThumb

+     * @method renderThumb

      * @return {Node} the thumb node subtree

-     * @protected

      */

-    _renderThumb: function () {

+    renderThumb: function () {

         this._initThumbUrl();

         var imageUrl = this.get( 'thumbUrl' );

@@ -1 +1 @@

-YUI.add("slider-base",function(C){var B=C.Attribute.INVALID_VALUE;function A(){A.superclass.constructor.apply(this,arguments);}C.SliderBase=C.extend(A,C.Widget,{initializer:function(){this.axis=this.get("axis");this._key={dim:(this.axis==="y")?"height":"width",minEdge:(this.axis==="y")?"top":"left",maxEdge:(this.axis==="y")?"bottom":"right"};this.publish("thumbMove",{defaultFn:this._defThumbMoveFn,queuable:true});},renderUI:function(){var D=this.get("contentBox");this.rail=this._renderRail();this._uiSetRailLength(this.get("length"));this.thumb=this._renderThumb();this.rail.appendChild(this.thumb);D.appendChild(this.rail);D.addClass(this.getClassName(this.axis));},_renderRail:function(){var E=this.getClassName("rail","cap",this._key.minEdge),D=this.getClassName("rail","cap",this._key.maxEdge);return C.Node.create(C.substitute(this.RAIL_TEMPLATE,{railClass:this.getClassName("rail"),railMinCapClass:E,railMaxCapClass:D}));},_uiSetRailLength:function(D){this.rail.setStyle(this._key.dim,D);},_renderThumb:function(){this._initThumbUrl();var D=this.get("thumbUrl");return C.Node.create(C.substitute(this.THUMB_TEMPLATE,{thumbClass:this.getClassName("thumb"),thumbShadowClass:this.getClassName("thumb","shadow"),thumbImageClass:this.getClassName("thumb","image"),thumbShadowUrl:D,thumbImageUrl:D}));},bindUI:function(){this._bindThumbDD();this._bindValueLogic();this.after("disabledChange",this._afterDisabledChange);this.after("lengthChange",this._afterLengthChange);},_bindThumbDD:function(){var D={constrain:this.rail};D["stick"+this.axis.toUpperCase()]=true;this._dd=new C.DD.Drag({node:this.thumb,bubble:false,on:{"drag:start":C.bind(this._onDragStart,this)},after:{"drag:align":C.bind(this._afterAlign,this),"drag:end":C.bind(this._afterDragEnd,this)}});this._dd.plug(C.Plugin.DDConstrained,D);},_bindValueLogic:function(){},_onDragStart:function(D){this.fire("slideStart",{ddEvent:D});},_afterAlign:function(D){this.fire("thumbMove",{ddEvent:D});},_afterDragEnd:function(D){this.fire("slideEnd",{ddEvent:D});},_afterDisabledChange:function(D){this._dd.set("lock",D.newVal);},_afterLengthChange:function(D){if(this.get("rendered")){this._uiSetRailLength(D.newVal);this.syncUI();}},syncUI:function(){this._dd.con.resetCache();this._syncThumbPosition();},_syncThumbPosition:function(){},_setAxis:function(D){D=(D+"").toLowerCase();return(D==="x"||D==="y")?D:B;},_setLength:function(E){E=(E+"").toLowerCase();var F=parseFloat(E,10),D=E.replace(/[\d\.\-]/g,"")||this.DEF_UNIT;return F>0?(F+D):B;},_initThumbUrl:function(){var E=this.get("thumbUrl"),F=this.getSkinName()||"sam",D=C.config.base+"slider/assets/skins/"+F;if(!E){E=D+"/thumb-"+this.axis+".png";this.set("thumbUrl",E);}},BOUNDING_TEMPLATE:"<span></span>",CONTENT_TEMPLATE:"<span></span>",RAIL_TEMPLATE:'<span class="{railClass}">'+'<span class="{railMinCapClass}"></span>'+'<span class="{railMaxCapClass}"></span>'+"</span>",THUMB_TEMPLATE:'<span class="{thumbClass}" tabindex="-1">'+'<img src="{thumbShadowUrl}" '+'alt="Slider thumb shadow" '+'class="{thumbShadowClass}">'+'<img src="{thumbImageUrl}" '+'alt="Slider thumb" '+'class="{thumbImageClass}">'+"</span>"},{NAME:"sliderBase",ATTRS:{axis:{value:"x",writeOnce:true,setter:"_setAxis",lazyAdd:false},length:{value:"150px",setter:"_setLength"},thumbUrl:{value:null,validator:C.Lang.isString}}});},"@VERSION@",{requires:["widget","substitute","dd-constrain"]});

\ No newline at end of file

+YUI.add("slider-base",function(C){var B=C.Attribute.INVALID_VALUE;function A(){A.superclass.constructor.apply(this,arguments);}C.SliderBase=C.extend(A,C.Widget,{initializer:function(){this.axis=this.get("axis");this._key={dim:(this.axis==="y")?"height":"width",minEdge:(this.axis==="y")?"top":"left",maxEdge:(this.axis==="y")?"bottom":"right"};this.publish("thumbMove",{defaultFn:this._defThumbMoveFn,queuable:true});},renderUI:function(){var D=this.get("contentBox");this.rail=this.renderRail();this._uiSetRailLength(this.get("length"));this.thumb=this.renderThumb();this.rail.appendChild(this.thumb);D.appendChild(this.rail);D.addClass(this.getClassName(this.axis));},renderRail:function(){var E=this.getClassName("rail","cap",this._key.minEdge),D=this.getClassName("rail","cap",this._key.maxEdge);return C.Node.create(C.substitute(this.RAIL_TEMPLATE,{railClass:this.getClassName("rail"),railMinCapClass:E,railMaxCapClass:D}));},_uiSetRailLength:function(D){this.rail.setStyle(this._key.dim,D);},renderThumb:function(){this._initThumbUrl();var D=this.get("thumbUrl");return C.Node.create(C.substitute(this.THUMB_TEMPLATE,{thumbClass:this.getClassName("thumb"),thumbShadowClass:this.getClassName("thumb","shadow"),thumbImageClass:this.getClassName("thumb","image"),thumbShadowUrl:D,thumbImageUrl:D}));},bindUI:function(){this._bindThumbDD();this._bindValueLogic();this.after("disabledChange",this._afterDisabledChange);this.after("lengthChange",this._afterLengthChange);},_bindThumbDD:function(){var D={constrain:this.rail};D["stick"+this.axis.toUpperCase()]=true;this._dd=new C.DD.Drag({node:this.thumb,bubble:false,on:{"drag:start":C.bind(this._onDragStart,this)},after:{"drag:align":C.bind(this._afterAlign,this),"drag:end":C.bind(this._afterDragEnd,this)}});this._dd.plug(C.Plugin.DDConstrained,D);},_bindValueLogic:function(){},_onDragStart:function(D){this.fire("slideStart",{ddEvent:D});},_afterAlign:function(D){this.fire("thumbMove",{ddEvent:D});},_afterDragEnd:function(D){this.fire("slideEnd",{ddEvent:D});},_afterDisabledChange:function(D){this._dd.set("lock",D.newVal);},_afterLengthChange:function(D){if(this.get("rendered")){this._uiSetRailLength(D.newVal);this.syncUI();}},syncUI:function(){this._dd.con.resetCache();this._syncThumbPosition();},_syncThumbPosition:function(){},_setAxis:function(D){D=(D+"").toLowerCase();return(D==="x"||D==="y")?D:B;},_setLength:function(E){E=(E+"").toLowerCase();var F=parseFloat(E,10),D=E.replace(/[\d\.\-]/g,"")||this.DEF_UNIT;return F>0?(F+D):B;},_initThumbUrl:function(){var E=this.get("thumbUrl"),F=this.getSkinName()||"sam",D=C.config.base+"slider/assets/skins/"+F;if(!E){E=D+"/thumb-"+this.axis+".png";this.set("thumbUrl",E);}},BOUNDING_TEMPLATE:"<span></span>",CONTENT_TEMPLATE:"<span></span>",RAIL_TEMPLATE:'<span class="{railClass}">'+'<span class="{railMinCapClass}"></span>'+'<span class="{railMaxCapClass}"></span>'+"</span>",THUMB_TEMPLATE:'<span class="{thumbClass}" tabindex="-1">'+'<img src="{thumbShadowUrl}" '+'alt="Slider thumb shadow" '+'class="{thumbShadowClass}">'+'<img src="{thumbImageUrl}" '+'alt="Slider thumb" '+'class="{thumbImageClass}">'+"</span>"},{NAME:"sliderBase",ATTRS:{axis:{value:"x",writeOnce:true,setter:"_setAxis",lazyAdd:false},length:{value:"150px",setter:"_setLength"},thumbUrl:{value:null,validator:C.Lang.isString}}});},"@VERSION@",{requires:["widget","substitute","dd-constrain"]});

\ No newline at end of file

@@ -100,7 +100,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property rail

          * @type {Node}

          */

-        this.rail = this._renderRail();

+        this.rail = this.renderRail();

         this._uiSetRailLength( this.get( 'length' ) );

@@ -111,7 +111,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property thumb

          * @type {Node}

          */

-        this.thumb = this._renderThumb();

+        this.thumb = this.renderThumb();

         this.rail.appendChild( this.thumb );

         // @TODO: insert( contentBox, 'replace' ) or setContent?

@@ -123,13 +123,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider rail DOM subtree for insertion into the Slider's

-     * <code>contentBox</code>.

+     * <code>contentBox</code>.  Override this method if you want to provide

+     * the rail element (presumably from existing markup).

      *

-     * @method _renderRail

+     * @method renderRail

      * @return {Node} the rail node subtree

-     * @protected

      */

-    _renderRail: function () {

+    renderRail: function () {

         var minCapClass = this.getClassName( 'rail', 'cap', this._key.minEdge ),

             maxCapClass = this.getClassName( 'rail', 'cap', this._key.maxEdge );

@@ -154,13 +154,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider thumb DOM subtree for insertion into the Slider's

-     * rail.

+     * rail.  Override this method if you want to provide the thumb element

+     * (presumably from existing markup).

      *

-     * @method _renderThumb

+     * @method renderThumb

      * @return {Node} the thumb node subtree

-     * @protected

      */

-    _renderThumb: function () {

+    renderThumb: function () {

         this._initThumbUrl();

         var imageUrl = this.get( 'thumbUrl' );

@@ -100,7 +100,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property rail

          * @type {Node}

          */

-        this.rail = this._renderRail();

+        this.rail = this.renderRail();

         this._uiSetRailLength( this.get( 'length' ) );

@@ -111,7 +111,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property thumb

          * @type {Node}

          */

-        this.thumb = this._renderThumb();

+        this.thumb = this.renderThumb();

         this.rail.appendChild( this.thumb );

         // @TODO: insert( contentBox, 'replace' ) or setContent?

@@ -123,13 +123,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider rail DOM subtree for insertion into the Slider's

-     * <code>contentBox</code>.

+     * <code>contentBox</code>.  Override this method if you want to provide

+     * the rail element (presumably from existing markup).

      *

-     * @method _renderRail

+     * @method renderRail

      * @return {Node} the rail node subtree

-     * @protected

      */

-    _renderRail: function () {

+    renderRail: function () {

         var minCapClass = this.getClassName( 'rail', 'cap', this._key.minEdge ),

             maxCapClass = this.getClassName( 'rail', 'cap', this._key.maxEdge );

@@ -154,13 +154,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider thumb DOM subtree for insertion into the Slider's

-     * rail.

+     * rail.  Override this method if you want to provide the thumb element

+     * (presumably from existing markup).

      *

-     * @method _renderThumb

+     * @method renderThumb

      * @return {Node} the thumb node subtree

-     * @protected

      */

-    _renderThumb: function () {

+    renderThumb: function () {

         this._initThumbUrl();

         var imageUrl = this.get( 'thumbUrl' );

@@ -723,6 +723,31 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

         },

         /**

+         * Returns the current value.  Override this if you want to introduce

+         * output formatting. Otherwise equivalent to slider.get( "value" );

+         *

+         * @method getValue

+         * @return {Number}

+         */

+        getValue: function () {

+            return this.get( VALUE );

+        },

+

+        /**

+         * Updates the current value.  Override this if you want to introduce

+         * input value parsing or preprocessing.  Otherwise equivalent to

+         * slider.set( "value", v );

+         *

+         * @method setValue

+         * @param val {Number} The new value

+         * @return {Slider}

+         * @chainable

+         */

+        setValue: function ( val ) {

+            return this.set( VALUE, val );

+        },

+

+        /**

          * Update position according to new min value.  If the new min results

          * in the current value being out of range, the value is set to the

          * closer of min or max.

@@ -803,7 +828,8 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

             thumb.actXY[ this._key.xyIndex ] = this._valueToOffset( value );

-            thumb._moveNode();

+            thumb._alignNode( thumb.actXY );

+            //thumb._moveNode();

         },

         /**

@@ -1,2 +1,2 @@

-YUI.add("slider-base",function(C){var B=C.Attribute.INVALID_VALUE;function A(){A.superclass.constructor.apply(this,arguments);}C.SliderBase=C.extend(A,C.Widget,{initializer:function(){this.axis=this.get("axis");this._key={dim:(this.axis==="y")?"height":"width",minEdge:(this.axis==="y")?"top":"left",maxEdge:(this.axis==="y")?"bottom":"right"};this.publish("thumbMove",{defaultFn:this._defThumbMoveFn,queuable:true});},renderUI:function(){var D=this.get("contentBox");this.rail=this._renderRail();this._uiSetRailLength(this.get("length"));this.thumb=this._renderThumb();this.rail.appendChild(this.thumb);D.appendChild(this.rail);D.addClass(this.getClassName(this.axis));},_renderRail:function(){var E=this.getClassName("rail","cap",this._key.minEdge),D=this.getClassName("rail","cap",this._key.maxEdge);return C.Node.create(C.substitute(this.RAIL_TEMPLATE,{railClass:this.getClassName("rail"),railMinCapClass:E,railMaxCapClass:D}));},_uiSetRailLength:function(D){this.rail.setStyle(this._key.dim,D);},_renderThumb:function(){this._initThumbUrl();var D=this.get("thumbUrl");return C.Node.create(C.substitute(this.THUMB_TEMPLATE,{thumbClass:this.getClassName("thumb"),thumbShadowClass:this.getClassName("thumb","shadow"),thumbImageClass:this.getClassName("thumb","image"),thumbShadowUrl:D,thumbImageUrl:D}));},bindUI:function(){this._bindThumbDD();this._bindValueLogic();this.after("disabledChange",this._afterDisabledChange);this.after("lengthChange",this._afterLengthChange);},_bindThumbDD:function(){var D={constrain:this.rail};D["stick"+this.axis.toUpperCase()]=true;this._dd=new C.DD.Drag({node:this.thumb,bubble:false,on:{"drag:start":C.bind(this._onDragStart,this)},after:{"drag:align":C.bind(this._afterAlign,this),"drag:end":C.bind(this._afterDragEnd,this)}});this._dd.plug(C.Plugin.DDConstrained,D);},_bindValueLogic:function(){},_onDragStart:function(D){this.fire("slideStart",{ddEvent:D});},_afterAlign:function(D){this.fire("thumbMove",{ddEvent:D});},_afterDragEnd:function(D){this.fire("slideEnd",{ddEvent:D});},_afterDisabledChange:function(D){this._dd.set("lock",D.newVal);},_afterLengthChange:function(D){if(this.get("rendered")){this._uiSetRailLength(D.newVal);this.syncUI();}},syncUI:function(){this._dd.con.resetCache();this._syncThumbPosition();},_syncThumbPosition:function(){},_setAxis:function(D){D=(D+"").toLowerCase();return(D==="x"||D==="y")?D:B;},_setLength:function(E){E=(E+"").toLowerCase();var F=parseFloat(E,10),D=E.replace(/[\d\.\-]/g,"")||this.DEF_UNIT;return F>0?(F+D):B;},_initThumbUrl:function(){var E=this.get("thumbUrl"),F=this.getSkinName()||"sam",D=C.config.base+"slider/assets/skins/"+F;if(!E){E=D+"/thumb-"+this.axis+".png";this.set("thumbUrl",E);}},BOUNDING_TEMPLATE:"<span></span>",CONTENT_TEMPLATE:"<span></span>",RAIL_TEMPLATE:'<span class="{railClass}">'+'<span class="{railMinCapClass}"></span>'+'<span class="{railMaxCapClass}"></span>'+"</span>",THUMB_TEMPLATE:'<span class="{thumbClass}" tabindex="-1">'+'<img src="{thumbShadowUrl}" '+'alt="Slider thumb shadow" '+'class="{thumbShadowClass}">'+'<img src="{thumbImageUrl}" '+'alt="Slider thumb" '+'class="{thumbImageClass}">'+"</span>"},{NAME:"sliderBase",ATTRS:{axis:{value:"x",writeOnce:true,setter:"_setAxis",lazyAdd:false},length:{value:"150px",setter:"_setLength"},thumbUrl:{value:null,validator:C.Lang.isString}}});},"@VERSION@",{requires:["widget","substitute","dd-constrain"]});YUI.add("slider-value-range",function(F){var B="min",E="max",D="value",C=Math.round;function A(){this._initSliderValueRange();}F.SliderValueRange=F.mix(A,{prototype:{_offsetXY:null,_factor:1,_initSliderValueRange:function(){this._key=this._key||{};F.mix(this._key,(this.axis==="y")?{minEdge:"top",maxEdge:"bottom",xyIndex:1}:{minEdge:"left",maxEdge:"right",xyIndex:0});},_bindValueLogic:function(){this.after({minChange:this._afterMinChange,maxChange:this._afterMaxChange,valueChange:this._afterValueChange});},_syncThumbPosition:function(){this._cacheRailOffset();this._calculateFactor();this._setPosition(this.get(D));},_cacheRailOffset:function(){var G=this._dd.con.getRegion();this._offsetXY=G[this._key.minEdge];},_calculateFactor:function(){var G=this._dd.con.getRegion(true);this._factor=(this.get(E)-this.get(B))/(G[this._key.maxEdge]-G[this._key.minEdge]);},_defThumbMoveFn:function(J){var H=this.get(D),G=this._dd.actXY[this._key.xyIndex],I=this._offsetToValue(G);if(H!==I){this.set(D,I,{ddEvent:J.ddEvent});}},_offsetToValue:function(H){H-=this._offsetXY;var G=C(H*this._factor)+this.get(B);return this._nearestValue(G);},_valueToOffset:function(G){G-=this.get(B);return C(G/this._factor)+this._offsetXY;},_afterMinChange:function(G){this._verifyValue();this._syncThumbPosition();},_afterMaxChange:function(G){this._verifyValue();this._syncThumbPosition();},_verifyValue:function(){var H=this.get(D),G=this._nearestValue(H);if(H!==G){this.set(D,G);}},_afterValueChange:function(G){if(!G.ddEvent){this._setPosition(G.newVal);}},_setPosition:function(H){var G=this._dd;if(!G.deltaXY){G.actXY=G.get("dragNode").getXY();G._setStartPosition(G.actXY);}G.actXY[this._key.xyIndex]=this._valueToOffset(H);G._moveNode();},_validateNewMin:function(G){return F.Lang.isNumber(G);},_validateNewMax:function(G){return F.Lang.isNumber(G);},_validateNewValue:function(G){return(G===this._nearestValue(G));},_nearestValue:function(J){var I=this.get(B),G=this.get(E),H;H=(G>I)?G:I;I=(G>I)?I:G;G=H;return(J<I)?I:(J>G)?G:J;}},ATTRS:{min:{value:0,validator:"_validateNewMin"},max:{value:100,validator:"_validateNewMax"},value:{value:0,validator:"_validateNewValue"}}},true);},"@VERSION@",{requires:["slider-base"]});YUI.add("clickable-rail",function(B){function A(){this._initClickableRail();}B.ClickableRail=B.mix(A,{prototype:{_initClickableRail:function(){this._evtGuid=this._evtGuid||(B.guid()+"|");this.publish("railMouseDown",{defaultFn:this._defRailMouseDownFn});this.after("render",this._bindClickableRail);this.on("destroy",this._unbindClickableRail);},_bindClickableRail:function(){this._dd.addHandle(this.rail);this.rail.on(this._evtGuid+"mousedown",this._onRailMouseDown,this);

-},_unbindClickableRail:function(){if(this.get("rendered")){var C=this.get("contentBox"),D=C.one("."+this.getClassName("rail"));D.detach(this.evtGuid+"*");}},_onRailMouseDown:function(C){if(this.get("clickableRail")&&!this.get("disabled")){this.fire("railMouseDown",{ev:C});}},_defRailMouseDownFn:function(E){E=E.ev;var C=this._resolveThumb(E),D;if(C){if(!C.startXY){C._setStartPosition(C.getXY());}D=this._getThumbDestination(E,C.get("dragNode"));C._alignNode(D);C._handleMouseDownEvent(E);}},_resolveThumb:function(D){var E=this._dd.get("primaryButtonOnly"),C=!E||D.button<=1;return(C)?this._dd:null;},_getThumbDestination:function(F,E){var D=E.get("offsetWidth"),C=E.get("offsetHeight");return[(F.pageX-Math.round((D/2))),(F.pageY-Math.round((C/2)))];}},ATTRS:{clickableRail:{value:true,validator:B.Lang.isBoolean}}},true);},"@VERSION@",{requires:["slider-base"]});YUI.add("range-slider",function(A){A.Slider=A.Base.build("slider",A.SliderBase,[A.SliderValueRange,A.ClickableRail]);},"@VERSION@",{requires:["slider-base","clickable-rail","slider-value-range"]});YUI.add("slider",function(A){},"@VERSION@",{use:["slider-base","slider-value-range","clickable-rail","range-slider"]});

\ No newline at end of file

+YUI.add("slider-base",function(C){var B=C.Attribute.INVALID_VALUE;function A(){A.superclass.constructor.apply(this,arguments);}C.SliderBase=C.extend(A,C.Widget,{initializer:function(){this.axis=this.get("axis");this._key={dim:(this.axis==="y")?"height":"width",minEdge:(this.axis==="y")?"top":"left",maxEdge:(this.axis==="y")?"bottom":"right"};this.publish("thumbMove",{defaultFn:this._defThumbMoveFn,queuable:true});},renderUI:function(){var D=this.get("contentBox");this.rail=this.renderRail();this._uiSetRailLength(this.get("length"));this.thumb=this.renderThumb();this.rail.appendChild(this.thumb);D.appendChild(this.rail);D.addClass(this.getClassName(this.axis));},renderRail:function(){var E=this.getClassName("rail","cap",this._key.minEdge),D=this.getClassName("rail","cap",this._key.maxEdge);return C.Node.create(C.substitute(this.RAIL_TEMPLATE,{railClass:this.getClassName("rail"),railMinCapClass:E,railMaxCapClass:D}));},_uiSetRailLength:function(D){this.rail.setStyle(this._key.dim,D);},renderThumb:function(){this._initThumbUrl();var D=this.get("thumbUrl");return C.Node.create(C.substitute(this.THUMB_TEMPLATE,{thumbClass:this.getClassName("thumb"),thumbShadowClass:this.getClassName("thumb","shadow"),thumbImageClass:this.getClassName("thumb","image"),thumbShadowUrl:D,thumbImageUrl:D}));},bindUI:function(){this._bindThumbDD();this._bindValueLogic();this.after("disabledChange",this._afterDisabledChange);this.after("lengthChange",this._afterLengthChange);},_bindThumbDD:function(){var D={constrain:this.rail};D["stick"+this.axis.toUpperCase()]=true;this._dd=new C.DD.Drag({node:this.thumb,bubble:false,on:{"drag:start":C.bind(this._onDragStart,this)},after:{"drag:align":C.bind(this._afterAlign,this),"drag:end":C.bind(this._afterDragEnd,this)}});this._dd.plug(C.Plugin.DDConstrained,D);},_bindValueLogic:function(){},_onDragStart:function(D){this.fire("slideStart",{ddEvent:D});},_afterAlign:function(D){this.fire("thumbMove",{ddEvent:D});},_afterDragEnd:function(D){this.fire("slideEnd",{ddEvent:D});},_afterDisabledChange:function(D){this._dd.set("lock",D.newVal);},_afterLengthChange:function(D){if(this.get("rendered")){this._uiSetRailLength(D.newVal);this.syncUI();}},syncUI:function(){this._dd.con.resetCache();this._syncThumbPosition();},_syncThumbPosition:function(){},_setAxis:function(D){D=(D+"").toLowerCase();return(D==="x"||D==="y")?D:B;},_setLength:function(E){E=(E+"").toLowerCase();var F=parseFloat(E,10),D=E.replace(/[\d\.\-]/g,"")||this.DEF_UNIT;return F>0?(F+D):B;},_initThumbUrl:function(){var E=this.get("thumbUrl"),F=this.getSkinName()||"sam",D=C.config.base+"slider/assets/skins/"+F;if(!E){E=D+"/thumb-"+this.axis+".png";this.set("thumbUrl",E);}},BOUNDING_TEMPLATE:"<span></span>",CONTENT_TEMPLATE:"<span></span>",RAIL_TEMPLATE:'<span class="{railClass}">'+'<span class="{railMinCapClass}"></span>'+'<span class="{railMaxCapClass}"></span>'+"</span>",THUMB_TEMPLATE:'<span class="{thumbClass}" tabindex="-1">'+'<img src="{thumbShadowUrl}" '+'alt="Slider thumb shadow" '+'class="{thumbShadowClass}">'+'<img src="{thumbImageUrl}" '+'alt="Slider thumb" '+'class="{thumbImageClass}">'+"</span>"},{NAME:"sliderBase",ATTRS:{axis:{value:"x",writeOnce:true,setter:"_setAxis",lazyAdd:false},length:{value:"150px",setter:"_setLength"},thumbUrl:{value:null,validator:C.Lang.isString}}});},"@VERSION@",{requires:["widget","substitute","dd-constrain"]});YUI.add("slider-value-range",function(F){var B="min",E="max",D="value",C=Math.round;function A(){this._initSliderValueRange();}F.SliderValueRange=F.mix(A,{prototype:{_offsetXY:null,_factor:1,_initSliderValueRange:function(){this._key=this._key||{};F.mix(this._key,(this.axis==="y")?{minEdge:"top",maxEdge:"bottom",xyIndex:1}:{minEdge:"left",maxEdge:"right",xyIndex:0});},_bindValueLogic:function(){this.after({minChange:this._afterMinChange,maxChange:this._afterMaxChange,valueChange:this._afterValueChange});},_syncThumbPosition:function(){this._cacheRailOffset();this._calculateFactor();this._setPosition(this.get(D));},_cacheRailOffset:function(){var G=this._dd.con.getRegion();this._offsetXY=G[this._key.minEdge];},_calculateFactor:function(){var G=this._dd.con.getRegion(true);this._factor=(this.get(E)-this.get(B))/(G[this._key.maxEdge]-G[this._key.minEdge]);},_defThumbMoveFn:function(J){var H=this.get(D),G=this._dd.actXY[this._key.xyIndex],I=this._offsetToValue(G);if(H!==I){this.set(D,I,{ddEvent:J.ddEvent});}},_offsetToValue:function(H){H-=this._offsetXY;var G=C(H*this._factor)+this.get(B);return this._nearestValue(G);},_valueToOffset:function(G){G-=this.get(B);return C(G/this._factor)+this._offsetXY;},getValue:function(){return this.get(D);},setValue:function(G){return this.set(D,G);},_afterMinChange:function(G){this._verifyValue();this._syncThumbPosition();},_afterMaxChange:function(G){this._verifyValue();this._syncThumbPosition();},_verifyValue:function(){var H=this.get(D),G=this._nearestValue(H);if(H!==G){this.set(D,G);}},_afterValueChange:function(G){if(!G.ddEvent){this._setPosition(G.newVal);}},_setPosition:function(H){var G=this._dd;if(!G.deltaXY){G.actXY=G.get("dragNode").getXY();G._setStartPosition(G.actXY);}G.actXY[this._key.xyIndex]=this._valueToOffset(H);G._alignNode(G.actXY);},_validateNewMin:function(G){return F.Lang.isNumber(G);},_validateNewMax:function(G){return F.Lang.isNumber(G);},_validateNewValue:function(G){return(G===this._nearestValue(G));},_nearestValue:function(J){var I=this.get(B),G=this.get(E),H;H=(G>I)?G:I;I=(G>I)?I:G;G=H;return(J<I)?I:(J>G)?G:J;}},ATTRS:{min:{value:0,validator:"_validateNewMin"},max:{value:100,validator:"_validateNewMax"},value:{value:0,validator:"_validateNewValue"}}},true);},"@VERSION@",{requires:["slider-base"]});YUI.add("clickable-rail",function(B){function A(){this._initClickableRail();}B.ClickableRail=B.mix(A,{prototype:{_initClickableRail:function(){this._evtGuid=this._evtGuid||(B.guid()+"|");this.publish("railMouseDown",{defaultFn:this._defRailMouseDownFn});this.after("render",this._bindClickableRail);this.on("destroy",this._unbindClickableRail);

+},_bindClickableRail:function(){this._dd.addHandle(this.rail);this.rail.on(this._evtGuid+"mousedown",this._onRailMouseDown,this);},_unbindClickableRail:function(){if(this.get("rendered")){var C=this.get("contentBox"),D=C.one("."+this.getClassName("rail"));D.detach(this.evtGuid+"*");}},_onRailMouseDown:function(C){if(this.get("clickableRail")&&!this.get("disabled")){this.fire("railMouseDown",{ev:C});}},_defRailMouseDownFn:function(E){E=E.ev;var C=this._resolveThumb(E),D;if(C){if(!C.startXY){C._setStartPosition(C.getXY());}D=this._getThumbDestination(E,C.get("dragNode"));C._alignNode(D);C._handleMouseDownEvent(E);}},_resolveThumb:function(D){var E=this._dd.get("primaryButtonOnly"),C=!E||D.button<=1;return(C)?this._dd:null;},_getThumbDestination:function(F,E){var D=E.get("offsetWidth"),C=E.get("offsetHeight");return[(F.pageX-Math.round((D/2))),(F.pageY-Math.round((C/2)))];}},ATTRS:{clickableRail:{value:true,validator:B.Lang.isBoolean}}},true);},"@VERSION@",{requires:["slider-base"]});YUI.add("range-slider",function(A){A.Slider=A.Base.build("slider",A.SliderBase,[A.SliderValueRange,A.ClickableRail]);},"@VERSION@",{requires:["slider-base","clickable-rail","slider-value-range"]});YUI.add("slider",function(A){},"@VERSION@",{use:["slider-base","slider-value-range","clickable-rail","range-slider"]});

\ No newline at end of file

@@ -193,6 +193,31 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

         },

         /**

+         * Returns the current value.  Override this if you want to introduce

+         * output formatting. Otherwise equivalent to slider.get( "value" );

+         *

+         * @method getValue

+         * @return {Number}

+         */

+        getValue: function () {

+            return this.get( VALUE );

+        },

+

+        /**

+         * Updates the current value.  Override this if you want to introduce

+         * input value parsing or preprocessing.  Otherwise equivalent to

+         * slider.set( "value", v );

+         *

+         * @method setValue

+         * @param val {Number} The new value

+         * @return {Slider}

+         * @chainable

+         */

+        setValue: function ( val ) {

+            return this.set( VALUE, val );

+        },

+

+        /**

          * Update position according to new min value.  If the new min results

          * in the current value being out of range, the value is set to the

          * closer of min or max.

@@ -273,7 +298,8 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

             thumb.actXY[ this._key.xyIndex ] = this._valueToOffset( value );

-            thumb._moveNode();

+            thumb._alignNode( thumb.actXY );

+            //thumb._moveNode();

         },

         /**

@@ -1 +1 @@

-YUI.add("slider-value-range",function(F){var B="min",E="max",D="value",C=Math.round;function A(){this._initSliderValueRange();}F.SliderValueRange=F.mix(A,{prototype:{_offsetXY:null,_factor:1,_initSliderValueRange:function(){this._key=this._key||{};F.mix(this._key,(this.axis==="y")?{minEdge:"top",maxEdge:"bottom",xyIndex:1}:{minEdge:"left",maxEdge:"right",xyIndex:0});},_bindValueLogic:function(){this.after({minChange:this._afterMinChange,maxChange:this._afterMaxChange,valueChange:this._afterValueChange});},_syncThumbPosition:function(){this._cacheRailOffset();this._calculateFactor();this._setPosition(this.get(D));},_cacheRailOffset:function(){var G=this._dd.con.getRegion();this._offsetXY=G[this._key.minEdge];},_calculateFactor:function(){var G=this._dd.con.getRegion(true);this._factor=(this.get(E)-this.get(B))/(G[this._key.maxEdge]-G[this._key.minEdge]);},_defThumbMoveFn:function(J){var H=this.get(D),G=this._dd.actXY[this._key.xyIndex],I=this._offsetToValue(G);if(H!==I){this.set(D,I,{ddEvent:J.ddEvent});}},_offsetToValue:function(H){H-=this._offsetXY;var G=C(H*this._factor)+this.get(B);return this._nearestValue(G);},_valueToOffset:function(G){G-=this.get(B);return C(G/this._factor)+this._offsetXY;},_afterMinChange:function(G){this._verifyValue();this._syncThumbPosition();},_afterMaxChange:function(G){this._verifyValue();this._syncThumbPosition();},_verifyValue:function(){var H=this.get(D),G=this._nearestValue(H);if(H!==G){this.set(D,G);}},_afterValueChange:function(G){if(!G.ddEvent){this._setPosition(G.newVal);}},_setPosition:function(H){var G=this._dd;if(!G.deltaXY){G.actXY=G.get("dragNode").getXY();G._setStartPosition(G.actXY);}G.actXY[this._key.xyIndex]=this._valueToOffset(H);G._moveNode();},_validateNewMin:function(G){return F.Lang.isNumber(G);},_validateNewMax:function(G){return F.Lang.isNumber(G);},_validateNewValue:function(G){return(G===this._nearestValue(G));},_nearestValue:function(J){var I=this.get(B),G=this.get(E),H;H=(G>I)?G:I;I=(G>I)?I:G;G=H;return(J<I)?I:(J>G)?G:J;}},ATTRS:{min:{value:0,validator:"_validateNewMin"},max:{value:100,validator:"_validateNewMax"},value:{value:0,validator:"_validateNewValue"}}},true);},"@VERSION@",{requires:["slider-base"]});

\ No newline at end of file

+YUI.add("slider-value-range",function(F){var B="min",E="max",D="value",C=Math.round;function A(){this._initSliderValueRange();}F.SliderValueRange=F.mix(A,{prototype:{_offsetXY:null,_factor:1,_initSliderValueRange:function(){this._key=this._key||{};F.mix(this._key,(this.axis==="y")?{minEdge:"top",maxEdge:"bottom",xyIndex:1}:{minEdge:"left",maxEdge:"right",xyIndex:0});},_bindValueLogic:function(){this.after({minChange:this._afterMinChange,maxChange:this._afterMaxChange,valueChange:this._afterValueChange});},_syncThumbPosition:function(){this._cacheRailOffset();this._calculateFactor();this._setPosition(this.get(D));},_cacheRailOffset:function(){var G=this._dd.con.getRegion();this._offsetXY=G[this._key.minEdge];},_calculateFactor:function(){var G=this._dd.con.getRegion(true);this._factor=(this.get(E)-this.get(B))/(G[this._key.maxEdge]-G[this._key.minEdge]);},_defThumbMoveFn:function(J){var H=this.get(D),G=this._dd.actXY[this._key.xyIndex],I=this._offsetToValue(G);if(H!==I){this.set(D,I,{ddEvent:J.ddEvent});}},_offsetToValue:function(H){H-=this._offsetXY;var G=C(H*this._factor)+this.get(B);return this._nearestValue(G);},_valueToOffset:function(G){G-=this.get(B);return C(G/this._factor)+this._offsetXY;},getValue:function(){return this.get(D);},setValue:function(G){return this.set(D,G);},_afterMinChange:function(G){this._verifyValue();this._syncThumbPosition();},_afterMaxChange:function(G){this._verifyValue();this._syncThumbPosition();},_verifyValue:function(){var H=this.get(D),G=this._nearestValue(H);if(H!==G){this.set(D,G);}},_afterValueChange:function(G){if(!G.ddEvent){this._setPosition(G.newVal);}},_setPosition:function(H){var G=this._dd;if(!G.deltaXY){G.actXY=G.get("dragNode").getXY();G._setStartPosition(G.actXY);}G.actXY[this._key.xyIndex]=this._valueToOffset(H);G._alignNode(G.actXY);},_validateNewMin:function(G){return F.Lang.isNumber(G);},_validateNewMax:function(G){return F.Lang.isNumber(G);},_validateNewValue:function(G){return(G===this._nearestValue(G));},_nearestValue:function(J){var I=this.get(B),G=this.get(E),H;H=(G>I)?G:I;I=(G>I)?I:G;G=H;return(J<I)?I:(J>G)?G:J;}},ATTRS:{min:{value:0,validator:"_validateNewMin"},max:{value:100,validator:"_validateNewMax"},value:{value:0,validator:"_validateNewValue"}}},true);},"@VERSION@",{requires:["slider-base"]});

\ No newline at end of file

@@ -193,6 +193,31 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

         },

         /**

+         * Returns the current value.  Override this if you want to introduce

+         * output formatting. Otherwise equivalent to slider.get( "value" );

+         *

+         * @method getValue

+         * @return {Number}

+         */

+        getValue: function () {

+            return this.get( VALUE );

+        },

+

+        /**

+         * Updates the current value.  Override this if you want to introduce

+         * input value parsing or preprocessing.  Otherwise equivalent to

+         * slider.set( "value", v );

+         *

+         * @method setValue

+         * @param val {Number} The new value

+         * @return {Slider}

+         * @chainable

+         */

+        setValue: function ( val ) {

+            return this.set( VALUE, val );

+        },

+

+        /**

          * Update position according to new min value.  If the new min results

          * in the current value being out of range, the value is set to the

          * closer of min or max.

@@ -273,7 +298,8 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

             thumb.actXY[ this._key.xyIndex ] = this._valueToOffset( value );

-            thumb._moveNode();

+            thumb._alignNode( thumb.actXY );

+            //thumb._moveNode();

         },

         /**

@@ -100,7 +100,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property rail

          * @type {Node}

          */

-        this.rail = this._renderRail();

+        this.rail = this.renderRail();

         this._uiSetRailLength( this.get( 'length' ) );

@@ -111,7 +111,7 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

          * @property thumb

          * @type {Node}

          */

-        this.thumb = this._renderThumb();

+        this.thumb = this.renderThumb();

         this.rail.appendChild( this.thumb );

         // @TODO: insert( contentBox, 'replace' ) or setContent?

@@ -123,13 +123,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider rail DOM subtree for insertion into the Slider's

-     * <code>contentBox</code>.

+     * <code>contentBox</code>.  Override this method if you want to provide

+     * the rail element (presumably from existing markup).

      *

-     * @method _renderRail

+     * @method renderRail

      * @return {Node} the rail node subtree

-     * @protected

      */

-    _renderRail: function () {

+    renderRail: function () {

         var minCapClass = this.getClassName( 'rail', 'cap', this._key.minEdge ),

             maxCapClass = this.getClassName( 'rail', 'cap', this._key.maxEdge );

@@ -154,13 +154,13 @@ Y.SliderBase = Y.extend( SliderBase, Y.Widget, {

     /**

      * Creates the Slider thumb DOM subtree for insertion into the Slider's

-     * rail.

+     * rail.  Override this method if you want to provide the thumb element

+     * (presumably from existing markup).

      *

-     * @method _renderThumb

+     * @method renderThumb

      * @return {Node} the thumb node subtree

-     * @protected

      */

-    _renderThumb: function () {

+    renderThumb: function () {

         this._initThumbUrl();

         var imageUrl = this.get( 'thumbUrl' );

@@ -723,6 +723,31 @@ Y.SliderValueRange = Y.mix( SliderValueRange, {

         },

         /**

+         * Returns the current value.  Override this if you want to introduce

+         * output formatting. Otherwise equivalent to slider.get( "value" );

+         *

+         * @method getValue

+         * @return {Number}

+         */

+        getValue: function () {