right-rails 1.0.3 → 1.0.5

data/public/javascripts/right/colorpicker.js

@@ -14,12 +14,12 @@ d=a.top-f.y+k;f=a.left-f.x+l;l=a.width-l-y;a=a.height-k-z;this.setStyle("visibil
 initialize:function(a){this.$super("colorpicker",a).addClass("rui-panel").insert([this.field=new A,this.colors=new B,this.controls=new C]).on({mousedown:this.startTrack,keyup:this.recalc,blur:this.update,focus:this.cancelTimer,done:this.done});this.options.update&&this.assignTo(this.options.update,this.options.trigger);this.options.updateBg&&this.updateBg(this.options.updateBg);this.tint=j([1,0,0]);this.satur=0;this.bright=1;this.color=j([255,255,255]);this.recalc().update()},setValue:function(a){if((a=
 w(a)?a:this.toColor(a))&&a.length===3){this.color=a=a.map(function(b){return this.bound(i(""+b),0,255)},this);this.color2tint().update();this.colors.size().y||this.update.bind(this).delay(20)}return this},getValue:function(a){return a?this.color:this[this.options.format==="rgb"?"toRgb":"toHex"]()},updateBg:function(a){var b=n(a);b&&this.onChange(j(function(){b._.style.backgroundColor=this.toRgb()}).bind(this));return this},insertTo:function(a,b){return this.$super(a,b).addClass("rui-colorpicker-inline")},
 inlined:function(){return this.hasClass("rui-colorpicker-inline")},done:function(){this.inlined()||this.hide();return this},setOptions:function(a){a=a||{};this.$super(a,n(a.trigger||a.update))},update:function(){this.field._.style.backgroundColor="rgb("+this.tint.map(function(d){return q.round(d*255)})+")";var a=this.color,b=this.controls;b.preview._.style.backgroundColor=b.display._.value=this.toHex();b.rDisplay._.value=a[0];b.gDisplay._.value=a[1];b.bDisplay._.value=a[2];b=this.field.pointer._.style;
-a=this.field.size();var c=this.satur*a.x-2;b.top=this.bound(a.y-this.bright*a.y-2,0,a.y-5)+"px";b.left=this.bound(c,0,a.x-5)+"px";b=this.tint;a=this.colors.size();b=b[1]==0?b[0]==1?b[2]:2-b[0]:b[0]==0?2+(b[2]==1?b[1]:2-b[2]):4+(b[1]==1?b[0]:2-b[1]);b=b/6*a.y;this.colors.pointer._.style.top=this.bound(b,0,a.y-4)+"px";if(this.prevColor!==""+this.color){this.fire("change",this.color);this.prevColor=""+this.color}return this},recalc:function(a){if(a){a=a.target;var b=a._.value,c=s(this.color),d=false;
-if(a===this.controls.display&&/#\w{6}/.test(b))d=c=this.toColor(b);else if(/^\d+$/.test(b)){c[a._.cIndex]=b;d=true}d&&this.setValue(c)}else this.tint2color();return this},startTrack:function(a){this.stopTrack();this.cancelTimer();if(a.target===this.field.pointer)a.target=this.field;else if(a.target===this.colors.pointer)a.target=this.colors;if(a.target===this.field||a.target===this.colors){a.stop();g.tracking=this;a.target.tracking=true;this.trackMove(a)}},stopTrack:function(){g.tracking=false;this.field.tracking=
-false;this.colors.tracking=false},trackMove:function(a){var b,c=a.position();if(this.field.tracking)b=this.field.dimensions();else if(this.colors.tracking)b=this.colors.dimensions();if(b){a=this.bound(c.y-b.top,0,b.height);c=this.bound(c.x-b.left,0,b.width);if(this.field.tracking){this.satur=c/b.width;this.bright=1-a/b.height}else if(this.colors.tracking){if(a==b.height)a=b.height-0.1;b=b.height/6;c=this.tint=[0,0,0];var d=a%b/b,f=1-d;if(a<b){c[0]=1;c[2]=d}else if(a<b*2){c[0]=f;c[2]=1}else if(a<b*
-3){c[2]=1;c[1]=d}else if(a<b*4){c[2]=f;c[1]=1}else if(a<b*5){c[1]=1;c[0]=d}else{c[1]=f;c[0]=1}}this.recalc().update()}},cancelTimer:function(){j(function(){if(this._hide_delay){this._hide_delay.cancel();this._hide_delay=null}}).bind(this).delay(10)}}),A=new o(m,{initialize:function(){this.$super("div",{"class":"field"});this.insert(this.pointer=h("div",{"class":"pointer"}))}}),B=new o(m,{initialize:function(){this.$super("div",{"class":"colors"});this.insert(this.pointer=h("div",{"class":"pointer"}))}}),
-C=new o(m,{initialize:function(){this.$super("div",{"class":"controls"});this.insert([this.preview=h("div",{"class":"preview",html:"&nbsp;"}),this.display=h("input",{type:"text","class":"display",maxlength:7}),h("div",{"class":"rgb-display"}).insert([h("div").insert([h("label",{html:"R:"}),this.rDisplay=h("input",{maxlength:3,cIndex:0})]),h("div").insert([h("label",{html:"G:"}),this.gDisplay=h("input",{maxlength:3,cIndex:1})]),h("div").insert([h("label",{html:"B:"}),this.bDisplay=h("input",{maxlength:3,
-cIndex:2})])]),this.button=(new x(g.i18n.Done)).onClick("fire","done")])}});g.include({toRgb:function(){return"rgb("+this.color.join(",")+")"},toHex:function(){return"#"+this.color.map(function(a){return(a<16?"0":"")+a.toString(16)}).join("")},toColor:function(a){a=a.toLowerCase();var b;if(b=/rgb\((\d+),(\d+),(\d+)\)/.exec(a))return[b[1],b[2],b[3]].map(i);else if(/#[\da-f]+/.test(a)){if(b=/^#([\da-f])([\da-f])([\da-f])$/.exec(a))a="#"+b[1]+b[1]+b[2]+b[2]+b[3]+b[3];if(b=/#([\da-f]{2})([\da-f]{2})([\da-f]{2})/.exec(a))return[b[1],
+a=this.field.size();var c=this.satur*a.x-2;b.top=this.bound(a.y-this.bright*a.y-2,0,a.y-5)+"px";b.left=this.bound(c,0,a.x-5)+"px";b=this.tint;a=this.colors.size();b=b[1]==0?b[0]==1?b[2]:2-b[0]:b[0]==0?2+(b[2]==1?b[1]:2-b[2]):4+(b[1]==1?b[0]:2-b[1]);b=b/6*a.y;this.colors.pointer._.style.top=this.bound(b,0,a.y-4)+"px";if(this.prevColor!==""+this.color){this.fire("change",{value:this.color});this.prevColor=""+this.color}return this},recalc:function(a){if(a){a=a.target;var b=a._.value,c=s(this.color),
+d=false;if(a===this.controls.display&&/#\w{6}/.test(b))d=c=this.toColor(b);else if(/^\d+$/.test(b)){c[a._.cIndex]=b;d=true}d&&this.setValue(c)}else this.tint2color();return this},startTrack:function(a){this.stopTrack();this.cancelTimer();if(a.target===this.field.pointer)a.target=this.field;else if(a.target===this.colors.pointer)a.target=this.colors;if(a.target===this.field||a.target===this.colors){a.stop();g.tracking=this;a.target.tracking=true;this.trackMove(a)}},stopTrack:function(){g.tracking=
+false;this.field.tracking=false;this.colors.tracking=false},trackMove:function(a){var b,c=a.position();if(this.field.tracking)b=this.field.dimensions();else if(this.colors.tracking)b=this.colors.dimensions();if(b){a=this.bound(c.y-b.top,0,b.height);c=this.bound(c.x-b.left,0,b.width);if(this.field.tracking){this.satur=c/b.width;this.bright=1-a/b.height}else if(this.colors.tracking){if(a==b.height)a=b.height-0.1;b=b.height/6;c=this.tint=[0,0,0];var d=a%b/b,f=1-d;if(a<b){c[0]=1;c[2]=d}else if(a<b*2){c[0]=
+f;c[2]=1}else if(a<b*3){c[2]=1;c[1]=d}else if(a<b*4){c[2]=f;c[1]=1}else if(a<b*5){c[1]=1;c[0]=d}else{c[1]=f;c[0]=1}}this.recalc().update()}},cancelTimer:function(){j(function(){if(this._hide_delay){this._hide_delay.cancel();this._hide_delay=null}}).bind(this).delay(10)}}),A=new o(m,{initialize:function(){this.$super("div",{"class":"field"});this.insert(this.pointer=h("div",{"class":"pointer"}))}}),B=new o(m,{initialize:function(){this.$super("div",{"class":"colors"});this.insert(this.pointer=h("div",
+{"class":"pointer"}))}}),C=new o(m,{initialize:function(){this.$super("div",{"class":"controls"});this.insert([this.preview=h("div",{"class":"preview",html:"&nbsp;"}),this.display=h("input",{type:"text","class":"display",maxlength:7}),h("div",{"class":"rgb-display"}).insert([h("div").insert([h("label",{html:"R:"}),this.rDisplay=h("input",{maxlength:3,cIndex:0})]),h("div").insert([h("label",{html:"G:"}),this.gDisplay=h("input",{maxlength:3,cIndex:1})]),h("div").insert([h("label",{html:"B:"}),this.bDisplay=
+h("input",{maxlength:3,cIndex:2})])]),this.button=(new x(g.i18n.Done)).onClick("fire","done")])}});g.include({toRgb:function(){return"rgb("+this.color.join(",")+")"},toHex:function(){return"#"+this.color.map(function(a){return(a<16?"0":"")+a.toString(16)}).join("")},toColor:function(a){a=a.toLowerCase();var b;if(b=/rgb\((\d+),(\d+),(\d+)\)/.exec(a))return[b[1],b[2],b[3]].map(i);else if(/#[\da-f]+/.test(a)){if(b=/^#([\da-f])([\da-f])([\da-f])$/.exec(a))a="#"+b[1]+b[1]+b[2]+b[2]+b[3]+b[3];if(b=/#([\da-f]{2})([\da-f]{2})([\da-f]{2})/.exec(a))return[b[1],
 b[2],b[3]].map(function(c){return i(c,16)})}},color2tint:function(){var a=s(this.color).sort(function(d,f){return d-f}),b=a[0],c=a[2];this.bright=c/255;this.satur=1-b/(c||1);this.tint.each(function(d,f){this.tint[f]=!b&&!c||b==c?f==0?1:0:(this.color[f]-b)/(c-b);return this.tint[f]},this);return this},tint2color:function(){for(var a=this.tint,b=this.color,c=0;c<3;c++){b[c]=1+this.satur*(a[c]-1);b[c]=q.round(255*b[c]*this.bright)}return this},bound:function(a,b,c){a=a;if(b<c)a=a<b?b:a>c?c:a;else{if(a>
 c)a=c;if(a<b)a=b}return a}});n(p).on({mouseup:function(){g.tracking&&g.tracking.stopTrack()},mousemove:function(a){g.tracking&&g.tracking.trackMove(a)},focus:function(a){a=a.target instanceof t?a.target:null;g.hideAll();if(a&&(a.colorpicker||a.match(g.Options.cssRule)))(a.colorpicker||new g({update:a})).setValue(a.value()).showAt(a)},blur:function(a){var b=a.target.colorpicker;if(b)b._hide_delay=j(function(){b.hide()}).delay(200)},click:function(a){var b=a.target instanceof m?a.target:null;if(b&&
 (b.colorpicker||b.match(g.Options.cssRule))){if(!(b instanceof t)){a.stop();(b.colorpicker||new g({trigger:b})).hide(null).toggleAt(b.assignedInput)}}else a.find("div.rui-colorpicker")||g.hideAll()},keydown:function(a){var b=g.current,c={27:"hide",13:"done"}[a.keyCode];if(c&&b&&b.visible()){a.stop();b[c]()}}});p.write('<style type="text/css"> *.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}.rui-panel{margin:0;padding:.5em;position:relative;background-color:#EEE;border:1px solid #BBB;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:.15em .3em .5em #BBB;-moz-box-shadow:.15em .3em .5em #BBB;-webkit-box-shadow:.15em .3em .5em #BBB;cursor:default}div.rui-colorpicker .field,div.rui-colorpicker .field *,div.rui-colorpicker .colors,div.rui-colorpicker .colors *{border:none;background:none;width:auto;height:auto;position:static;float:none;top:none;left:none;right:none;bottom:none;margin:0;padding:0;display:block;font-weight:normal;vertical-align:center}div.rui-colorpicker div.field,div.rui-colorpicker div.field div.pointer,div.rui-colorpicker div.colors,div.rui-colorpicker div.colors div.pointer{background:url(/images/rightjs-ui/colorpicker.png) no-repeat 0 0}div.rui-colorpicker div.field,div.rui-colorpicker div.colors,div.rui-colorpicker div.controls{display:inline-block; *display:inline; *zoom:1;position:relative;vertical-align:top;height:150px}div.rui-colorpicker div.field div.pointer,div.rui-colorpicker div.colors div.pointer{position:absolute;top:0px;left:0;width:9px;height:9px}div.rui-colorpicker input.display,div.rui-colorpicker div.preview,div.rui-colorpicker div.rgb-display,div.rui-colorpicker input.rui-ui-button{font-size:100%;display:block;width:auto;padding:0 .2em}div.rui-colorpicker input.display,div.rui-colorpicker div.preview,div.rui-colorpicker div.rgb-display input,div.rui-colorpicker input.rui-ui-button{border:1px solid #AAA;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-colorpicker div.field{width:150px;background-color:red;cursor:crosshair;margin-right:1.2em}div.rui-colorpicker div.field div.pointer{background-position:-170px 0;margin-left:-2px;margin-top:-2px}div.rui-colorpicker div.colors{width:16px;background-position:-150px 0;border-color:#EEE;cursor:pointer;margin-right:.6em}div.rui-colorpicker div.colors div.pointer{cursor:default;background-position:-170px -20px;margin-left:-8px;margin-top:-3px}div.rui-colorpicker div.controls{width:5em}div.rui-colorpicker div.preview{height:2em;background:white;border-color:#BBB}div.rui-colorpicker input.display{margin-top:.5em;background:#FFF;width:4.5em}div.rui-colorpicker div.rgb-display{padding:0;text-align:right;margin-top:.5em}div.rui-colorpicker div.rgb-display label{display:inline}div.rui-colorpicker div.rgb-display label:after{content:none}div.rui-colorpicker div.rgb-display input{vertical-align:top;font-size:100%;width:2em;text-align:right;margin-left:.2em;padding:0 .2em;background:#FFF;margin-bottom:1px;display:inline}div.rui-colorpicker div.rui-button{cursor:pointer;position:absolute;bottom:0;right:0;width:4em}div.rui-colorpicker-inline{display:inline-block; *display:inline; *zoom:1;position:relative;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;z-index:auto}</style>');

data/public/javascripts/right/dnd-src.js

@@ -29,45 +29,45 @@ var R        = RightJS,
 var Draggable = new Class(Observer, {
   extend: {
     EVENTS: $w('before start drag stop drop'),
-    
+
     Options: {
       handle:            null,        // a handle element that will start the drag
-                                      
+
       snap:              0,           // a number in pixels or [x,y]
       axis:              null,        // null or 'x' or 'y' or 'vertical' or 'horizontal'
       range:             null,        // {x: [min, max], y:[min, max]} or reference to another element
-                                      
+
       dragClass:         'dragging',  // the in-process class name
-                                      
+
       clone:             false,       // if should keep a clone in place
       revert:            false,       // marker if the object should be moved back on finish
       revertDuration:    'normal',    // the moving back fx duration
-                                      
-      scroll:            true,        // if it should automatically scroll        
+
+      scroll:            true,        // if it should automatically scroll
       scrollSensitivity: 32,          // the scrolling area size in pixels
-      
+
       zIndex:            10000000,    // the element's z-index
       moveOut:           false,       // marker if the draggable should be moved out of it's context (for overflown elements)
-      
+
       relName:           'draggable'  // the audodiscovery feature key
     },
-    
+
     // referenece to the currently active draggable
     current: null,
-    
+
     // scans the document for auto-processed draggables with the rel="draggable" attribute
     rescan: function(scope) {
       var key = this.Options.relName;
-      
+
       ($(scope)||$(document)).select('*[rel^="'+key+'"]').each(function(element) {
         if (!element.draggable) {
-          var data = element.get('data-'+key+'-options');
+          var data = element.get('data-'+key);
           new this(element, eval('('+data+')') || {});
         }
       }, this);
     }
   },
-  
+
   /**
    * Basic controller
    *
@@ -77,10 +77,10 @@ var Draggable = new Class(Observer, {
   initialize: function(element, options) {
     this.element = $(element);
     this.$super(options);
-    
+
     this.element.draggable = this.init();
   },
-  
+
   /**
    * detaches the mouse observers out of the draggable element
    *
@@ -89,17 +89,17 @@ var Draggable = new Class(Observer, {
   destroy: function() {
     this.handle.stopObserving('mousedown', this._dragStart);
     delete(this.element.draggable);
-    
+
     return this;
   },
-  
+
   // additional options processing
   setOptions: function(options) {
     this.$super(options);
-    
+
     // checking the handle
     this.handle = this.options.handle ? $(this.options.handle) : this.element;
-    
+
     // checking the spappings
     if (isArray(this.options.snap)) {
       this.snapX = this.options.snap[0];
@@ -107,10 +107,10 @@ var Draggable = new Class(Observer, {
     } else {
       this.snapX = this.snapY = this.options.snap;
     }
-    
+
     return this;
   },
-  
+
   /**
    * Moves the element back to the original position
    *
@@ -122,7 +122,7 @@ var Draggable = new Class(Observer, {
       top:  (position.y + this.ryDiff) + 'px',
       left: (position.x + this.rxDiff) + 'px'
     };
-    
+
     if (this.options.revertDuration && this.element.morph) {
       this.element.morph(end_style, {
         duration: this.options.revertDuration,
@@ -132,56 +132,56 @@ var Draggable = new Class(Observer, {
       this.element.setStyle(end_style);
       this.swapBack();
     }
-    
+
     return this;
   },
-  
+
 // protected
 
   init: function() {
     // caching the callback so that we could detach it later
     this._dragStart = R(this.dragStart).bind(this);
-    
+
     this.handle.onMousedown(this._dragStart);
-    
+
     return this;
   },
-  
+
   // handles the event start
   dragStart: function(event) {
     this.fire('before', this, event.stop());
-    
+
     // calculating the positions diff
     var position = this.element.position();
-    
+
     this.xDiff = event.pageX - position.x;
     this.yDiff = event.pageY - position.y;
-    
+
     // grabbing the relative position diffs
     var relative_position = {
       y: R(this.element.getStyle('top')).toFloat(),
       x: R(this.element.getStyle('left')).toFloat()
     };
-    
+
     this.rxDiff = isNaN(relative_position.x) ? 0 : (relative_position.x - position.x);
     this.ryDiff = isNaN(relative_position.y) ? 0 : (relative_position.y - position.y);
-    
+
     // preserving the element sizes
     var size = {
       x: this.element.getStyle('width'),
       y: this.element.getStyle('height')
     };
-    
+
     if (size.x == 'auto') { size.x = this.element._.offsetWidth  + 'px'; }
     if (size.y == 'auto') { size.y = this.element._.offsetHeight + 'px'; }
-    
+
     // building a clone element if necessary
     if (this.options.clone || this.options.revert) {
       this.clone = new Element(this.element._.cloneNode(true)).setStyle({
         visibility: this.options.clone ? 'visible' : 'hidden'
       }).insertTo(this.element, 'before');
     }
-    
+
     // reinserting the element to the body so it was over all the other elements
     this.element.setStyle({
       position: 'absolute',
@@ -191,25 +191,25 @@ var Draggable = new Class(Observer, {
       width:    size.x,
       height:   size.y
     }).addClass(this.options.dragClass);
-    
+
     if (this.options.moveOut) {
       this.element.insertTo(document.body);
     }
-    
-    
+
+
     // caching the window scrolls
     this.winScrolls = $(window).scrolls();
     this.winSizes   = $(window).size();
-    
+
     Draggable.current = this.calcConstraints().fire('start', this, event);
-    
+
     this.style = this.element._.style;
   },
-  
+
   // catches the mouse move event
   dragProcess: function(event) {
     var page_x = event.pageX, page_y = event.pageY, x = page_x - this.xDiff, y = page_y - this.yDiff;
-    
+
     // checking the range
     if (this.ranged) {
       if (this.minX > x) { x = this.minX; }
@@ -217,61 +217,61 @@ var Draggable = new Class(Observer, {
       if (this.minY > y) { y = this.minY; }
       if (this.maxY < y) { y = this.maxY; }
     }
-    
+
     // checking the scrolls
     if (this.options.scroll) {
       var scrolls = {x: this.winScrolls.x, y: this.winScrolls.y},
         sensitivity = this.options.scrollSensitivity;
-      
+
       if ((page_y - scrolls.y) < sensitivity) {
         scrolls.y = page_y - sensitivity;
       } else if ((scrolls.y + this.winSizes.y - page_y) < sensitivity){
         scrolls.y = page_y - this.winSizes.y + sensitivity;
       }
-      
+
       if ((page_x - scrolls.x) < sensitivity) {
         scrolls.x = page_x - sensitivity;
       } else if ((scrolls.x + this.winSizes.x - page_x) < sensitivity){
         scrolls.x = page_x - this.winSizes.x + sensitivity;
       }
-      
+
       if (scrolls.y < 0) { scrolls.y = 0; }
       if (scrolls.x < 0) { scrolls.x = 0; }
-      
+
       if (scrolls.y < this.winScrolls.y || scrolls.y > this.winScrolls.y ||
         scrolls.x < this.winScrolls.x || scrolls.x > this.winScrolls.x) {
-        
+
           $(window).scrollTo(this.winScrolls = scrolls);
       }
     }
-    
+
     // checking the snaps
     if (this.snapX) { x = x - x % this.snapX; }
     if (this.snapY) { y = y - y % this.snapY; }
-    
+
     // checking the constraints
     if (!this.axisY) { this.style.left = (x + this.rxDiff) + 'px'; }
     if (!this.axisX) { this.style.top  = (y + this.ryDiff) + 'px'; }
-    
+
     this.fire('drag', this, event);
   },
-  
+
   // handles the event stop
   dragStop: function(event) {
     this.element.removeClass(this.options.dragClass);
-    
+
     // notifying the droppables for the drop
     Droppable.checkDrop(event, this);
-    
+
     if (this.options.revert) {
       this.revert();
     }
-    
+
     Draggable.current = null;
-    
+
     this.fire('stop', this, event);
   },
-  
+
   // swaps the clone element to the actual element back
   swapBack: function() {
     if (this.clone) {
@@ -285,23 +285,23 @@ var Draggable = new Class(Observer, {
       );
     }
   },
-  
+
   // calculates the constraints
   calcConstraints: function() {
     var axis = this.options.axis;
     this.axisX = R(['x', 'horizontal']).include(axis);
     this.axisY = R(['y', 'vertical']).include(axis);
-    
+
     this.ranged = false;
     var range = this.options.range;
     if (range) {
       this.ranged = true;
-      
+
       // if the range is defined by another element
       var element = $(range);
       if (element instanceof Element) {
         var dims = element.dimensions();
-        
+
         range = {
           x: [dims.left, dims.left + dims.width],
           y: [dims.top,  dims.top + dims.height]
@@ -310,7 +310,7 @@ var Draggable = new Class(Observer, {
 
       if (isHash(range)) {
         var size = this.element.size();
-        
+
         if (range.x) {
           this.minX = range.x[0];
           this.maxX = range.x[1] - size.x;
@@ -321,7 +321,7 @@ var Draggable = new Class(Observer, {
         }
       }
     }
-    
+
     return this;
   }
 });

data/public/javascripts/right/dnd.js

@@ -5,8 +5,8 @@
  * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
 (function(q,r,f){var k=f.$,t=f.$w,u=f.Class,w=f.isHash,x=f.isArray,s=f.Element,v=f.Observer,j=new u(v,{extend:{EVENTS:t("before start drag stop drop"),Options:{handle:null,snap:0,axis:null,range:null,dragClass:"dragging",clone:false,revert:false,revertDuration:"normal",scroll:true,scrollSensitivity:32,zIndex:1E7,moveOut:false,relName:"draggable"},current:null,rescan:function(a){var c=this.Options.relName;(k(a)||k(r)).select('*[rel^="'+c+'"]').each(function(b){if(!b.draggable){var e=b.get("data-"+
-c+"-options");new this(b,eval("("+e+")")||{})}},this)}},initialize:function(a,c){this.element=k(a);this.$super(c);this.element.draggable=this.init()},destroy:function(){this.handle.stopObserving("mousedown",this._dragStart);delete this.element.draggable;return this},setOptions:function(a){this.$super(a);this.handle=this.options.handle?k(this.options.handle):this.element;if(x(this.options.snap)){this.snapX=this.options.snap[0];this.snapY=this.options.snap[1]}else this.snapX=this.snapY=this.options.snap;
-return this},revert:function(){var a=this.clone.position();a={top:a.y+this.ryDiff+"px",left:a.x+this.rxDiff+"px"};if(this.options.revertDuration&&this.element.morph)this.element.morph(a,{duration:this.options.revertDuration,onFinish:f(this.swapBack).bind(this)});else{this.element.setStyle(a);this.swapBack()}return this},init:function(){this._dragStart=f(this.dragStart).bind(this);this.handle.onMousedown(this._dragStart);return this},dragStart:function(a){this.fire("before",this,a.stop());var c=this.element.position();
+c);new this(b,eval("("+e+")")||{})}},this)}},initialize:function(a,c){this.element=k(a);this.$super(c);this.element.draggable=this.init()},destroy:function(){this.handle.stopObserving("mousedown",this._dragStart);delete this.element.draggable;return this},setOptions:function(a){this.$super(a);this.handle=this.options.handle?k(this.options.handle):this.element;if(x(this.options.snap)){this.snapX=this.options.snap[0];this.snapY=this.options.snap[1]}else this.snapX=this.snapY=this.options.snap;return this},
+revert:function(){var a=this.clone.position();a={top:a.y+this.ryDiff+"px",left:a.x+this.rxDiff+"px"};if(this.options.revertDuration&&this.element.morph)this.element.morph(a,{duration:this.options.revertDuration,onFinish:f(this.swapBack).bind(this)});else{this.element.setStyle(a);this.swapBack()}return this},init:function(){this._dragStart=f(this.dragStart).bind(this);this.handle.onMousedown(this._dragStart);return this},dragStart:function(a){this.fire("before",this,a.stop());var c=this.element.position();
 this.xDiff=a.pageX-c.x;this.yDiff=a.pageY-c.y;var b={y:f(this.element.getStyle("top")).toFloat(),x:f(this.element.getStyle("left")).toFloat()};this.rxDiff=isNaN(b.x)?0:b.x-c.x;this.ryDiff=isNaN(b.y)?0:b.y-c.y;b={x:this.element.getStyle("width"),y:this.element.getStyle("height")};if(b.x=="auto")b.x=this.element._.offsetWidth+"px";if(b.y=="auto")b.y=this.element._.offsetHeight+"px";if(this.options.clone||this.options.revert)this.clone=(new s(this.element._.cloneNode(true))).setStyle({visibility:this.options.clone?
 "visible":"hidden"}).insertTo(this.element,"before");this.element.setStyle({position:"absolute",zIndex:j.Options.zIndex++,top:c.y+this.ryDiff+"px",left:c.x+this.rxDiff+"px",width:b.x,height:b.y}).addClass(this.options.dragClass);this.options.moveOut&&this.element.insertTo(r.body);this.winScrolls=k(q).scrolls();this.winSizes=k(q).size();j.current=this.calcConstraints().fire("start",this,a);this.style=this.element._.style},dragProcess:function(a){var c=a.pageX,b=a.pageY,e=c-this.xDiff,h=b-this.yDiff;
 if(this.ranged){if(this.minX>e)e=this.minX;if(this.maxX<e)e=this.maxX;if(this.minY>h)h=this.minY;if(this.maxY<h)h=this.maxY}if(this.options.scroll){var d={x:this.winScrolls.x,y:this.winScrolls.y},g=this.options.scrollSensitivity;if(b-d.y<g)d.y=b-g;else if(d.y+this.winSizes.y-b<g)d.y=b-this.winSizes.y+g;if(c-d.x<g)d.x=c-g;else if(d.x+this.winSizes.x-c<g)d.x=c-this.winSizes.x+g;if(d.y<0)d.y=0;if(d.x<0)d.x=0;if(d.y<this.winScrolls.y||d.y>this.winScrolls.y||d.x<this.winScrolls.x||d.x>this.winScrolls.x)k(q).scrollTo(this.winScrolls=

data/public/javascripts/right/in-edit-src.js

@@ -33,19 +33,20 @@ var R = RightJS,
 
 
 
+
 /**
  * The widget units constructor
  *
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -62,17 +63,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -105,16 +106,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -132,18 +133,18 @@ var Spinner = new RightJS.Wrapper(RightJS.Element, {
    * @return void
    */
   initialize: function(size) {
-    this.$super('div', {'class': 'rui-spinner'});    
+    this.$super('div', {'class': 'rui-spinner'});
     this.dots = [];
-    
+
     for (var i=0; i < (size || 4); i++) {
       this.dots.push(new RightJS.Element('div'));
     }
-    
+
     this.dots[0].addClass('glowing');
     this.insert(this.dots);
     RightJS(this.shift).bind(this).periodical(300);
   },
-  
+
   /**
    * Shifts the spinner elements
    *
@@ -158,6 +159,7 @@ var Spinner = new RightJS.Wrapper(RightJS.Element, {
   }
 });
 
+
 /**
  * An inline editor feature
  *
@@ -166,31 +168,31 @@ var Spinner = new RightJS.Wrapper(RightJS.Element, {
 var InEdit = new Widget('FORM', {
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('show hide send update'),
-    
+
     Options: {
       url:    null,    // the url address where to send the stuff
       name:   'text',  // the field name
       method: 'put',   // the method
-      
+
       type:   'text',  // the input type, 'text', 'file', 'password' or 'textarea'
-      
+
       toggle:  null,   // a reference to an element that should get hidden when the editor is active
-      
+
       update:  true,   // a marker if the element should be updated with the response-text
-      
+
       Xhr: {}          // additional Xhr options
     },
-    
+
     i18n: {
       Save:   'Save',
       Cancel: 'Cancel'
     },
-    
+
     current: null      // currently opened editor
   },
-  
+
   /**
    * Constructor
    *
@@ -200,7 +202,7 @@ var InEdit = new Widget('FORM', {
    */
   initialize: function(element, options) {
     this.element = $(element);
-    
+
     this
       .$super('in-edit', options)
       .set('action', this.options.url)
@@ -213,7 +215,7 @@ var InEdit = new Widget('FORM', {
       .onClick(this.clicked)
       .onSubmit(this.send);
   },
-  
+
   /**
    * Shows the inline-editor form
    *
@@ -222,31 +224,31 @@ var InEdit = new Widget('FORM', {
   show: function() {
     if (InEdit.current !== this) {
       if (InEdit.current) { InEdit.current.hide(); }
-      
+
       this.oldContent = this.element.html();
-      
+
       if (!R(['file', 'password']).include(this.options.type)) {
         this.field.setValue(this.oldContent);
       }
-        
+
       this.element.update(this);
-      
+
       this.spinner.hide();
       this.submit.show();
-      
+
       if (this.options.toggle) {
         $(this.options.toggle).hide();
       }
     }
-    
+
     if (this.options.type !== 'file') {
       this.field.focus();
     }
-    
+
     InEdit.current = this;
-    return this.fire('show', this);
+    return this.fire('show');
   },
-  
+
   /**
    * Hides the form and brings the content back
    *
@@ -255,14 +257,14 @@ var InEdit = new Widget('FORM', {
    */
   hide: function() {
     this.element._.innerHTML = this.oldContent;
-    
+
     if (this.xhr) {
       this.xhr.cancel();
     }
-    
+
     return this.finish();
   },
-  
+
   /**
    * Triggers the form remote submit
    *
@@ -270,19 +272,19 @@ var InEdit = new Widget('FORM', {
    */
   send: function(event) {
     if (event) { event.stop(); }
-    
+
     this.spinner.show().resize(this.submit.size());
     this.submit.hide();
-    
+
     this.xhr = new Xhr(this.options.url, Object.merge(this.options.Xhr, {
       method:     this.options.method,
       spinner:    this.spinner,
       onComplete: R(this.receive).bind(this)
     })).send(this);
-    
-    return this.fire('send', this);
+
+    return this.fire('send');
   },
-  
+
 // protected
 
   // finishes up with the form
@@ -290,23 +292,23 @@ var InEdit = new Widget('FORM', {
     if (this.options.toggle) {
       $(this.options.toggle).show();
     }
-    
+
     InEdit.current = null;
-    return this.fire('hide', this);
+    return this.fire('hide');
   },
 
   // the xhr callback
   receive: function() {
     if (this.options.update) {
       this.element.update(this.xhr.text);
-      this.fire('update', this);
+      this.fire('update');
     }
-    
+
     this.xhr = null;
-    
+
     this.finish();
   },
-  
+
   // catches clicks on the element
   clicked: function(event) {
     if (event.target === this.cancel) {
@@ -314,9 +316,10 @@ var InEdit = new Widget('FORM', {
       this.hide();
     }
   }
-  
+
 });
 
+
 /**
  * The document hooks for in-edit form
  *
@@ -329,6 +332,7 @@ $(document).onKeydown(function(event) {
   }
 });
 
+
 /**
  * The element level inline editor extension
  *
@@ -346,7 +350,8 @@ Element.include({
   }
 });
 
+
 document.write("<style type=\"text/css\">div.rui-spinner,div.rui-spinner div{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none;display:inline-block; *display:inline; *zoom:1;border-radius:.12em;-moz-border-radius:.12em;-webkit-border-radius:.12em}div.rui-spinner{text-align:center;white-space:nowrap;background:#EEE;border:1px solid #DDD;height:1.2em;padding:0 .2em}div.rui-spinner div{width:.4em;height:70%;background:#BBB;margin-left:1px}div.rui-spinner div:first-child{margin-left:0}div.rui-spinner div.glowing{background:#777}form.rui-in-edit,form.rui-in-edit .cancel{margin:0;padding:0;float:none;position:static}form.rui-in-edit{display:inline-block; *display:inline; *zoom:1;border:none;background:none}form.rui-in-edit div.rui-spinner{margin-right:.2em}form.rui-in-edit div.rui-spinner div{margin-top:.2em}form.rui-in-edit textarea.field{width:100%;margin-bottom:.5em}form.rui-in-edit .field,form.rui-in-edit .submit{margin-right:.2em}form.rui-in-edit,form.rui-in-edit .field,form.rui-in-edit .submit,form.rui-in-edit div.rui-spinner,form.rui-in-edit .cancel{vertical-align:middle}</style>");
 
 return InEdit;
-})(document, RightJS);
+})(document, RightJS);