right-rails 0.6.0 → 1.0.0

data/public/javascripts/right/colorpicker.js

@@ -0,0 +1,26 @@
+/**
+ * RightJS UI Colorpicker widget
+ *
+ * See http://rightjs.org/ui/colorpicker
+ *
+ * Copyright (C) 2010 Nikolay Nemshilov
+ */
+var Colorpicker=RightJS.Colorpicker=function(p,q,i,e){function r(a,b,c,d){if(e.Fx)if(c===undefined){c=this.options.fxName;if(d===undefined){d={duration:this.options.fxDuration,onFinish:e(this.fire).bind(this,b)};if(b==="hide")d.duration=(e.Fx.Durations[d.duration]||d.duration)/2}}e.Element.prototype[b].call(a,c,d);if(!e.Fx||!c)this.fire(b);return this}var j=e,n=e.$,u=e.$w,v=e.$$,h=e.$E,s=e.$A,w=e.isArray,o=e.Wrapper,m=e.Element,t=e.Input,x=new e.Wrapper(e.Element,{initialize:function(a,b){this.$super("div",
+b);this._.innerHTML=a;this.addClass("rui-button")},disable:function(){return this.addClass("rui-button-disabled")},enable:function(){return this.removeClass("rui-button-disabled")},disabled:function(){return this.hasClass("rui-button-disabled")},enabled:function(){return!this.disabled()},fire:function(){this.enabled()&&this.$super.apply(this,arguments);return this}}),g=new (function(a,b){if(!b){b=a;a="DIV"}var c=new e.Wrapper(e.Element.Wrappers[a]||e.Element,{initialize:function(d,f){this.key=d;var k=
+[{"class":"rui-"+d}];this instanceof e.Input||this instanceof e.Form||k.unshift(a);this.$super.apply(this,k);if(e.isString(f))f=e.$(f);if(f instanceof e.Element){this._=f._;if("$listeners"in f)f.$listeners=f.$listeners;f={}}this.setOptions(f,this);return this},setOptions:function(d,f){f=f||this;e.Options.setOptions.call(this,e.Object.merge(d,eval("("+(f.get("data-"+this.key)||"{}")+")")));return this}});c=new e.Wrapper(c,b);e.Observer.createShortcuts(c.prototype,c.EVENTS||[]);return c})({include:[{show:function(a,
+b){this.constructor.current=this;return r.call(this,this,"show",a,b)},hide:function(a,b){this.constructor.current=null;return r.call(this,this,"hide",a,b)},showAt:function(a,b,c){var d=this.hide(null).shownAt=a=e.$(a),f=(this.reAnchor||(this.reAnchor=new e.Element("div",{"class":"rui-re-anchor"})).insert(this)).insertTo(d,"after").position();a=d.dimensions();var k=i(d.getStyle("borderTopWidth")),l=i(d.getStyle("borderLeftWidth")),y=i(d.getStyle("borderRightWidth")),z=i(d.getStyle("borderBottomWidth"));
+d=a.top-f.y+k;f=a.left-f.x+l;l=a.width-l-y;a=a.height-k-z;this.setStyle("visibility:hidden").show(null);if(b==="right")f+=l-this.size().x;else d+=a;this.moveTo(f,d);if(c)["left","right"].include(b)?this.setHeight(a):this.setWidth(l);this.setStyle("visibility:visible").hide(null);return this.show()},toggleAt:function(a,b,c){return this.hidden()?this.showAt(a,b,c):this.hide()}},{assignTo:function(a,b){a=e.$(a);if(b=e.$(b)){b[this.key]=this;b.assignedInput=a}else a[this.key]=this;var c=e(function(){if(this.visible()&&
+(!this.showAt||this.shownAt===a))this.setValue(a.value())}).bind(this);a.on({keyup:c,change:c});this.onChange(function(){if(!this.showAt||this.shownAt===a)a.setValue(this.getValue())});return this}}],extend:{version:"2.0.0",EVENTS:u("change show hide done"),Options:{format:"hex",update:null,updateBg:null,trigger:null,fxName:"fade",fxDuration:"short",cssRule:"*[data-colorpicker]"},i18n:{Done:"Done"},hideAll:function(){v("div.rui-colorpicker").each(function(a){a instanceof g&&!a.inlined()&&a.hide()})}},
+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],
+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>');
+return g}(document,Math,parseInt,RightJS);

data/{javascripts/right-dnd-src.js → public/javascripts/right/dnd-src.js}

@@ -1,17 +1,31 @@
 /**
  * Drag'n'Drop module for RightJS
+ * http://rightjs.org/plugins/drag-n-drop
  *
- * See http://rightjs.org/goods/drag-n-drop
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
+ */
+(function(window, document, RightJS) {
+/**
+ * Draggable unit
  *
- * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
-if (!RightJS) throw "Gimme RightJS";
 
 /**
- * Draggable unit
+ * The DND module initialization script
  *
- * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * Copyright (C) 2010 Nikolay Nemshilov
  */
+var R        = RightJS,
+    $        = RightJS.$,
+    $w       = RightJS.$w,
+    Class    = RightJS.Class,
+    isHash   = RightJS.isHash,
+    isArray  = RightJS.isArray,
+    Element  = RightJS.Element,
+    Observer = RightJS.Observer;
+
+
 var Draggable = new Class(Observer, {
   extend: {
     EVENTS: $w('before start drag stop drop'),
@@ -45,8 +59,8 @@ var Draggable = new Class(Observer, {
     rescan: function(scope) {
       var key = this.Options.relName;
       
-      ($(scope)||document).select('*[rel^="'+key+'"]').each(function(element) {
-        if (!element._draggable) {
+      ($(scope)||$(document)).select('*[rel^="'+key+'"]').each(function(element) {
+        if (!element.draggable) {
           var data = element.get('data-'+key+'-options');
           new this(element, eval('('+data+')') || {});
         }
@@ -64,7 +78,7 @@ var Draggable = new Class(Observer, {
     this.element = $(element);
     this.$super(options);
     
-    this.element._draggable = this.init();
+    this.element.draggable = this.init();
   },
   
   /**
@@ -74,7 +88,7 @@ var Draggable = new Class(Observer, {
    */
   destroy: function() {
     this.handle.stopObserving('mousedown', this._dragStart);
-    delete(this.element._draggable);
+    delete(this.element.draggable);
     
     return this;
   },
@@ -112,7 +126,7 @@ var Draggable = new Class(Observer, {
     if (this.options.revertDuration && this.element.morph) {
       this.element.morph(end_style, {
         duration: this.options.revertDuration,
-        onFinish: this.swapBack.bind(this)
+        onFinish: R(this.swapBack).bind(this)
       });
     } else {
       this.element.setStyle(end_style);
@@ -126,7 +140,7 @@ var Draggable = new Class(Observer, {
 
   init: function() {
     // caching the callback so that we could detach it later
-    this._dragStart = this.dragStart.bind(this);
+    this._dragStart = R(this.dragStart).bind(this);
     
     this.handle.onMousedown(this._dragStart);
     
@@ -138,15 +152,15 @@ var Draggable = new Class(Observer, {
     this.fire('before', this, event.stop());
     
     // calculating the positions diff
-    var position = position = this.element.position();
+    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: this.element.getStyle('top').toFloat(),
-      x: this.element.getStyle('left').toFloat()
+      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);
@@ -158,12 +172,12 @@ var Draggable = new Class(Observer, {
       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';
+    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 = $(this.element.cloneNode(true)).setStyle({
+      this.clone = new Element(this.element._.cloneNode(true)).setStyle({
         visibility: this.options.clone ? 'visible' : 'hidden'
       }).insertTo(this.element, 'before');
     }
@@ -178,14 +192,18 @@ var Draggable = new Class(Observer, {
       height:   size.y
     }).addClass(this.options.dragClass);
     
-    if (this.options.moveOut) this.element.insertTo(document.body);
+    if (this.options.moveOut) {
+      this.element.insertTo(document.body);
+    }
     
     
     // caching the window scrolls
-    this.winScrolls = window.scrolls();
-    this.winSizes   = window.sizes();
+    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
@@ -194,10 +212,10 @@ var Draggable = new Class(Observer, {
     
     // checking the range
     if (this.ranged) {
-      if (this.minX > x) x = this.minX;
-      if (this.maxX < x) x = this.maxX;
-      if (this.minY > y) y = this.minY;
-      if (this.maxY < y) y = this.maxY;
+      if (this.minX > x) { x = this.minX; }
+      if (this.maxX < x) { x = this.maxX; }
+      if (this.minY > y) { y = this.minY; }
+      if (this.maxY < y) { y = this.maxY; }
     }
     
     // checking the scrolls
@@ -217,23 +235,23 @@ var Draggable = new Class(Observer, {
         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 < 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);
+          $(window).scrollTo(this.winScrolls = scrolls);
       }
     }
     
     // checking the snaps
-    if (this.snapX) x = x - x % this.snapX;
-    if (this.snapY) y = y - y % this.snapY;
+    if (this.snapX) { x = x - x % this.snapX; }
+    if (this.snapY) { y = y - y % this.snapY; }
     
     // checking the constraints
-    if (!this.axisY) this.element.style.left = (x + this.rxDiff) + 'px';
-    if (!this.axisX) this.element.style.top  = (y + this.ryDiff) + 'px';
+    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);
   },
@@ -257,22 +275,22 @@ var Draggable = new Class(Observer, {
   // swaps the clone element to the actual element back
   swapBack: function() {
     if (this.clone) {
-      this.clone.insert(
+      this.clone.replace(
         this.element.setStyle({
           width:    this.clone.getStyle('width'),
           height:   this.clone.getStyle('height'),
           position: this.clone.getStyle('position'),
           zIndex:   this.clone.getStyle('zIndex') || ''
-        }), 'before'
-      ).remove();
+        })
+      );
     }
   },
   
   // calculates the constraints
   calcConstraints: function() {
     var axis = this.options.axis;
-    this.axisX = ['x', 'horizontal'].include(axis);
-    this.axisY = ['y', 'vertical'].include(axis);
+    this.axisX = R(['x', 'horizontal']).include(axis);
+    this.axisY = R(['y', 'vertical']).include(axis);
     
     this.ranged = false;
     var range = this.options.range;
@@ -281,7 +299,7 @@ var Draggable = new Class(Observer, {
       
       // if the range is defined by another element
       var element = $(range);
-      if (isElement(element)) {
+      if (element instanceof Element) {
         var dims = element.dimensions();
         
         range = {
@@ -291,7 +309,7 @@ var Draggable = new Class(Observer, {
       }
 
       if (isHash(range)) {
-        var size = this.element.sizes();
+        var size = this.element.size();
         
         if (range.x) {
           this.minX = range.x[0];
@@ -307,10 +325,11 @@ var Draggable = new Class(Observer, {
     return this;
   }
 });
+
 /**
  * Droppable unit
  *
- * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
 var Droppable = new Class(Observer, {
   extend: {
@@ -330,7 +349,7 @@ var Droppable = new Class(Observer, {
     },
     
     // See the Draggable rescan method, case we're kinda hijacking it in here
-    rescan: eval('({f:'+Draggable.rescan.toString().replace(/\._draggable/g, '._droppable')+'})').f,
+    rescan: eval('['+Draggable.rescan.toString().replace(/\.draggable/g, '.droppable')+']')[0],
     
     /**
      * Checks for hoverting draggable
@@ -339,8 +358,9 @@ var Droppable = new Class(Observer, {
      * @param Draggable draggable
      */
     checkHover: function(event, draggable) {
-      for (var i=0, length = this.active.length; i < length; i++)
+      for (var i=0, length = this.active.length; i < length; i++) {
         this.active[i].checkHover(event, draggable);
+      }
     },
     
     /**
@@ -350,8 +370,9 @@ var Droppable = new Class(Observer, {
      * @param Draggable draggable
      */
     checkDrop: function(event, draggable) {
-      for (var i=0, length = this.active.length; i < length; i++)
+      for (var i=0, length = this.active.length; i < length; i++) {
         this.active[i].checkDrop(event, draggable);
+      }
     },
     
     active: []
@@ -377,7 +398,7 @@ var Droppable = new Class(Observer, {
    */
   destroy: function() {
     Droppable.active = Droppable.active.without(this);
-    delete(this.element._droppable);
+    delete(this.element.droppable);
     return this;
   },
   
@@ -489,7 +510,7 @@ var Droppable = new Class(Observer, {
   // checks if the object accepts the draggable
   allows: function(draggable) {
     if (this.options.containment && !this._scanned) {
-      this.options.containment.walk($);
+      this.options.containment = R(this.options.containment).map($);
       this._scanned = true;
     }
     
@@ -500,12 +521,13 @@ var Droppable = new Class(Observer, {
   }
   
 });
+
 /**
  * The document events hooker
  *
- * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
-document.on({
+$(document).on({
   // parocesses the automatically discovered elements
   ready: function() {
     Draggable.rescan();
@@ -514,7 +536,7 @@ document.on({
   
   // watch the draggables moving arond
   mousemove: function(event) {
-    if (Draggable.current) {
+    if (Draggable.current !== null) {
       Draggable.current.dragProcess(event);
       Droppable.checkHover(event, Draggable.current);
     }
@@ -522,15 +544,16 @@ document.on({
   
   // releases the current draggable on mouse up
   mouseup: function(event) {
-    if (Draggable.current) {
+    if (Draggable.current !== null) {
       Draggable.current.dragStop(event);
     }
   }
 });
+
 /**
  * Element level hooks for drag'n'drops
  *
- * Copyright (C) 2009-2010 Nikolay V. Nemshilov
+ * Copyright (C) 2009-2010 Nikolay Nemshilov
  */
 Element.include({
   
@@ -540,7 +563,10 @@ Element.include({
   },
   
   undoDraggable: function() {
-    if (this._draggable) this._draggable.destroy();
+    if ('draggable' in this) {
+      this.draggable.destroy();
+    }
+    
     return this;
   },
   
@@ -550,7 +576,15 @@ Element.include({
   },
   
   undoDroppable: function() {
-    if (this._droppable) this._droppable.destroy();
+    if ('droppable' in this) {
+      this.droppable.destroy();
+    }
+    
     return this;
   }
-});
+  
+});
+
+window.Draggable = RightJS.Draggable = Draggable;
+window.Droppable = RightJS.Droppable = Droppable;
+})(window, document, RightJS);

data/public/javascripts/right/dnd.js

@@ -0,0 +1,20 @@
+/**
+ * Drag'n'Drop module for RightJS
+ * http://rightjs.org/plugins/drag-n-drop
+ *
+ * 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();
+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=
+d)}if(this.snapX)e-=e%this.snapX;if(this.snapY)h-=h%this.snapY;if(!this.axisY)this.style.left=e+this.rxDiff+"px";if(!this.axisX)this.style.top=h+this.ryDiff+"px";this.fire("drag",this,a)},dragStop:function(a){this.element.removeClass(this.options.dragClass);n.checkDrop(a,this);this.options.revert&&this.revert();j.current=null;this.fire("stop",this,a)},swapBack:function(){if(this.clone)this.clone.replace(this.element.setStyle({width:this.clone.getStyle("width"),height:this.clone.getStyle("height"),
+position:this.clone.getStyle("position"),zIndex:this.clone.getStyle("zIndex")||""}))},calcConstraints:function(){var a=this.options.axis;this.axisX=f(["x","horizontal"]).include(a);this.axisY=f(["y","vertical"]).include(a);this.ranged=false;if(a=this.options.range){this.ranged=true;var c=k(a);if(c instanceof s){a=c.dimensions();a={x:[a.left,a.left+a.width],y:[a.top,a.top+a.height]}}if(w(a)){c=this.element.size();if(a.x){this.minX=a.x[0];this.maxX=a.x[1]-c.x}if(a.y){this.minY=a.y[0];this.maxY=a.y[1]-
+c.y}}}return this}}),n=new u(v,{extend:{EVENTS:t("drop hover leave"),Options:{accept:"*",containment:null,overlap:null,overlapSize:0.5,allowClass:"droppable-allow",denyClass:"droppable-deny",relName:"droppable"},rescan:eval("["+j.rescan.toString().replace(/\.draggable/g,".droppable")+"]")[0],checkHover:function(a,c){for(var b=0,e=this.active.length;b<e;b++)this.active[b].checkHover(a,c)},checkDrop:function(a,c){for(var b=0,e=this.active.length;b<e;b++)this.active[b].checkDrop(a,c)},active:[]},initialize:function(a,
+c){this.element=k(a);this.$super(c);n.active.push(this.element._droppable=this)},destroy:function(){n.active=n.active.without(this);delete this.element.droppable;return this},checkHover:function(a,c){if(this.hoveredBy(a,c)){if(!this._hovered){this._hovered=true;this.element.addClass(this.options[this.allows(c)?"allowClass":"denyClass"]);this.fire("hover",c,this,a)}}else if(this._hovered){this._hovered=false;this.reset().fire("leave",c,this,a)}},checkDrop:function(a,c){this.reset();if(this.hoveredBy(a,
+c)&&this.allows(c)){c.fire("drop",this,c,a);this.fire("drop",c,this,a)}},reset:function(){this.element.removeClass(this.options.allowClass).removeClass(this.options.denyClass);return this},hoveredBy:function(a,c){var b=this.element.dimensions(),e=b.top,h=b.left,d=b.left+b.width,g=b.top+b.height,l=a.pageX,m=a.pageY;if(this.options.overlap){var i=c.element.dimensions();l=this.options.overlapSize;m=i.top;var o=i.left,p=i.left+i.width;i=i.top+i.height;switch(this.options.overlap){case "x":case "horizontal":return(m>
+e&&m<g||i>e&&i<g)&&(o>h&&o<d-b.width*l||p<d&&p>h+b.width*l);case "y":case "vertical":return(o>h&&o<d||p>h&&p<d)&&(m>e&&m<g-b.height*l||i<g&&i>e+b.height*l);default:return(o>h&&o<d-b.width*l||p<d&&p>h+b.width*l)&&(m>e&&m<g-b.height*l||i<g&&i>e+b.height*l)}}else return l>h&&l<d&&m>e&&m<g},allows:function(a){if(this.options.containment&&!this._scanned){this.options.containment=f(this.options.containment).map(k);this._scanned=true}return(this.options.containment?this.options.containment.includes(a.element):
+true)&&(this.options.accept=="*"?true:a.element.match(this.options.accept))}});k(r).on({ready:function(){j.rescan();n.rescan()},mousemove:function(a){if(j.current!==null){j.current.dragProcess(a);n.checkHover(a,j.current)}},mouseup:function(a){j.current!==null&&j.current.dragStop(a)}});s.include({makeDraggable:function(a){new j(this,a);return this},undoDraggable:function(){"draggable"in this&&this.draggable.destroy();return this},makeDroppable:function(a){new n(this,a);return this},undoDroppable:function(){"droppable"in
+this&&this.droppable.destroy();return this}});q.Draggable=f.Draggable=j;q.Droppable=f.Droppable=n})(window,document,RightJS);