right-rails 1.0.3 → 1.0.5

data/public/javascripts/right/calendar.js

@@ -13,8 +13,8 @@ i=p(e.getStyle("borderBottomWidth"));e=a.top-d.y+g;d=a.left-d.x+h;h=a.width-h-j;
 this;var c=f(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:q("show hide change done"),Options:{format:"ISO",showTime:null,showButtons:false,minDate:false,maxDate:false,fxName:"fade",fxDuration:"short",firstDay:1,numberOfMonths:1,timePeriod:1,twentyFourHour:null,listYears:false,hideOnPick:false,
 update:null,trigger:null,cssRule:"*[data-calendar]"},Formats:{ISO:"%Y-%m-%d",POSIX:"%Y/%m/%d",EUR:"%d-%m-%Y",US:"%m/%d/%Y"},i18n:{Done:"Done",Now:"Now",NextMonth:"Next Month",PrevMonth:"Previous Month",NextYear:"Next Year",PrevYear:"Previous Year",dayNames:q("Sunday Monday Tuesday Wednesday Thursday Friday Saturday"),dayNamesShort:q("Sun Mon Tue Wed Thu Fri Sat"),dayNamesMin:q("Su Mo Tu We Th Fr Sa"),monthNames:q("January February March April May June July August September October November December"),
 monthNamesShort:q("Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec")},current:null,hideAll:function(a){D("div.rui-calendar").each(function(b){b instanceof n&&b!==a&&b.visible()&&!b.inlined()&&b.hide()})}},initialize:function(a){this.$super("calendar",a);this.addClass("rui-panel");a=this.options;this.insert([this.swaps=new H(a),this.greed=new I(a)]);if(a.showTime)this.insert(this.timepicker=new J(a));if(a.showButtons)this.insert(this.buttons=new K(a));this.setDate(new Date).initEvents()},setDate:function(a,
-b){if(a=this.parse(a)){var c=this.options;if(c.minDate&&c.minDate>a)a=new Date(c.minDate);if(c.maxDate&&c.maxDate<a){a=new Date(c.maxDate);a.setDate(a.getDate()-1)}this._date=b?new Date(this._date||this.date):null;this.greed.setDate(this._date||a,a);if(c.minDate||c.maxDate)this.swaps.setDate(a);this.timepicker&&!b&&this.timepicker.setDate(a);if(a!=this.date)this.fire("change",this.date=a)}return this},getDate:function(){return this.date},setValue:function(a){return this.setDate(a)},getValue:function(a){return this.format(a)},
-insertTo:function(a,b){this.addClass("rui-calendar-inline");return this.$super(a,b)},done:function(){this.inlined()||this.hide();this.fire("done",this.date)},inlined:function(){return this.hasClass("rui-calendar-inline")},setOptions:function(a){a=a||{};this.$super(a,y(a.trigger||a.update));var b=this.constructor,c=this.options;c.i18n={};for(var e in b.i18n)c.i18n[e]=z(b.i18n[e])?b.i18n[e].clone():b.i18n[e];E(c.i18n,a.i18n);c.dayNames=c.i18n.dayNamesMin;c.firstDay&&c.dayNames.push(c.dayNames.shift());
+b){if(a=this.parse(a)){var c=this.options;if(c.minDate&&c.minDate>a)a=new Date(c.minDate);if(c.maxDate&&c.maxDate<a){a=new Date(c.maxDate);a.setDate(a.getDate()-1)}this._date=b?new Date(this._date||this.date):null;this.greed.setDate(this._date||a,a);if(c.minDate||c.maxDate)this.swaps.setDate(a);this.timepicker&&!b&&this.timepicker.setDate(a);if(a!=this.date)this.fire("change",{date:this.date=a})}return this},getDate:function(){return this.date},setValue:function(a){return this.setDate(a)},getValue:function(a){return this.format(a)},
+insertTo:function(a,b){this.addClass("rui-calendar-inline");return this.$super(a,b)},done:function(){this.inlined()||this.hide();this.fire("done",{date:this.date})},inlined:function(){return this.hasClass("rui-calendar-inline")},setOptions:function(a){a=a||{};this.$super(a,y(a.trigger||a.update));var b=this.constructor,c=this.options;c.i18n={};for(var e in b.i18n)c.i18n[e]=z(b.i18n[e])?b.i18n[e].clone():b.i18n[e];E(c.i18n,a.i18n);c.dayNames=c.i18n.dayNamesMin;c.firstDay&&c.dayNames.push(c.dayNames.shift());
 if(!z(c.numberOfMonths))c.numberOfMonths=[c.numberOfMonths,1];if(c.minDate)c.minDate=this.parse(c.minDate);if(c.maxDate){c.maxDate=this.parse(c.maxDate);c.maxDate.setDate(c.maxDate.getDate()+1)}c.format=o(b.Formats[c.format]||c.format).trim();if(c.showTime===null)c.showTime=c.format.search(/%[HkIl]/)>-1;if(c.twentyFourHour===null)c.twentyFourHour=c.format.search(/%[Il]/)<0;if(c.timePeriod>60&&12%Math.ceil(c.timePeriod/60))c.twentyFourHour=true;c.update&&this.assignTo(c.update,c.trigger);return this},
 hideOthers:function(){n.hideAll(this);return this}}),H=new t(l,{initialize:function(a){this.$super("div",{"class":"swaps"});this.options=a;var b=a.i18n;this.insert([this.prevMonth=new r("&lsaquo;",{title:b.PrevMonth,"class":"prev-month"}),this.nextMonth=new r("&rsaquo;",{title:b.NextMonth,"class":"next-month"})]);if(a.listYears)this.insert([this.prevYear=new r("&laquo;",{title:b.PrevYear,"class":"prev-year"}),this.nextYear=new r("&raquo;",{title:b.NextYear,"class":"next-year"})]);this.buttons=o([this.prevMonth,
 this.nextMonth,this.prevYear,this.nextYear]).compact();this.onClick(this.clicked)},setDate:function(a){var b=this.options,c=b.numberOfMonths[0]*b.numberOfMonths[1],e=true,d=true,g=true,h=true;if(b.minDate){g=new Date(a.getFullYear(),0,1,0,0,0);var j=new Date(b.minDate.getFullYear(),0,1,0,0,0);e=g>j;g.setMonth(a.getMonth()-Math.ceil(c-c/2));j.setMonth(b.minDate.getMonth());g=g>=j}if(b.maxDate){a=new Date(a);b=new Date(b.maxDate);c=o([a,b]);c.each(function(i){i.setDate(32);i.setMonth(i.getMonth()-1);
@@ -26,11 +26,11 @@ new Date(a)}c=(d.listYears?g.monthNamesShort[a.getMonth()]+",":g.monthNames[a.ge
 this.insert([this.hours=(new l("select")).onChange(b),this.minutes=(new l("select")).onChange(b)]);for(var c=a.timePeriod<60?a.timePeriod:60,e=a.timePeriod<60?1:Math.ceil(a.timePeriod/60),d=0;d<60;d++){var g=s(d);if(d<24&&d%e==0)if(a.twentyFourHour)this.hours.insert(new l("option",{value:d,html:g}));else if(d<12)this.hours.insert(new l("option",{value:d,html:d==0?12:d}));d%c==0&&this.minutes.insert(new l("option",{value:d,html:g}))}if(!a.twentyFourHour){this.meridian=(new l("select")).onChange(b).insertTo(this);
 o(o(a.format).includes(/%P/)?["am","pm"]:["AM","PM"]).each(function(h){this.meridian.insert(new l("option",{value:h.toLowerCase(),html:h}))},this)}},setDate:function(a){var b=this.options,c=b.timePeriod<60?a.getHours():Math.round(a.getHours()/(b.timePeriod/60))*(b.timePeriod/60);a=Math.round(a.getMinutes()/(b.timePeriod%60))*b.timePeriod;if(this.meridian){this.meridian.setValue(c<12?"am":"pm");c=c==0||c==12?12:c>12?c-12:c}this.hours.setValue(c);this.minutes.setValue(a)},timeChanged:function(a){a.stopPropagation();
 a=p(this.hours.value());var b=p(this.minutes.value());if(this.meridian){if(a==12)a=0;if(this.meridian.value()=="pm")a+=12}this.fire("time-set",{hours:a,minutes:b})}}),K=new t(l,{initialize:function(a){this.$super("div",{"class":"buttons"});this.insert([(new r(a.i18n.Now,{"class":"now"})).onClick("fire","now-clicked"),(new r(a.i18n.Done,{"class":"done"})).onClick("fire","done-clicked")])}});n.include({parse:function(a){var b;if(F(a)&&a){var c=B.escape(this.options.format),e=o(c.match(/%[a-z]/ig)).map("match",
-/[a-z]$/i).map("first").without("%");c=new B("^"+c.replace(/%p/i,"(pm|PM|am|AM)").replace(/(%[a-z])/ig,"(.+?)")+"$");if(a=o(a).trim().match(c)){a.shift();for(var d=c=null,g=null,h=null,j=null,i;a.length;){var k=a.shift(),m=e.shift();if(m.toLowerCase()=="b")d=this.options.i18n[m=="b"?"monthNamesShort":"monthNames"].indexOf(k);else if(m.toLowerCase()=="p")i=k.toLowerCase();else{k=p(k);switch(m){case "d":case "e":b=k;break;case "m":d=k-1;break;case "y":case "Y":c=k;break;case "H":case "k":case "I":case "l":g=
+/[a-z]$/i).map("first").without("%");c=new B("^"+c.replace(/%p/i,"(pm|PM|am|AM)").replace(/(%[a-z])/ig,"(.+?)")+"$");if(a=o(a).trim().match(c)){a.shift();for(var d=c=null,g=null,h=null,j=null,i;a.length;){var k=a.shift(),m=e.shift();if(m.toLowerCase()=="b")d=this.options.i18n[m=="b"?"monthNamesShort":"monthNames"].indexOf(k);else if(m.toLowerCase()=="p")i=k.toLowerCase();else{k=p(k,10);switch(m){case "d":case "e":b=k;break;case "m":d=k-1;break;case "y":case "Y":c=k;break;case "H":case "k":case "I":case "l":g=
 k;break;case "M":h=k;break;case "S":j=k;break}}}if(i){g=g==12?0:g;g=i=="pm"?g+12:g}b=new Date(c,d,b,g,h,j)}}else if(a instanceof Date||Date.parse(a))b=new Date(a);return!b||isNaN(b.getTime())?null:b},format:function(a){var b=this.options.i18n,c=this.date.getDay(),e=this.date.getMonth(),d=this.date.getDate(),g=this.date.getFullYear(),h=this.date.getHours(),j=this.date.getMinutes(),i=this.date.getSeconds(),k=h==0?12:h<13?h:h-12;b={a:b.dayNamesShort[c],A:b.dayNames[c],b:b.monthNamesShort[e],B:b.monthNames[e],
 d:s(d),e:""+d,m:(e<9?"0":"")+(e+1),y:(""+g).substring(2,4),Y:""+g,H:s(h),k:""+h,I:(h>0&&(h<10||h>12&&h<22)?"0":"")+k,l:""+k,p:h<12?"AM":"PM",P:h<12?"am":"pm",M:s(j),S:s(i),"%":"%"};a=a||this.options.format;for(var m in b)a=a.replace("%"+m,b[m]);return a}});n.include({initEvents:function(){var a=this._terminate;this.on({"prev-day":["_shiftDate",{Date:-1}],"next-day":["_shiftDate",{Date:1}],"prev-week":["_shiftDate",{Date:-7}],"next-week":["_shiftDate",{Date:7}],"prev-month":["_shiftDate",{Month:-1}],
 "next-month":["_shiftDate",{Month:1}],"prev-year":["_shiftDate",{FullYear:-1}],"next-year":["_shiftDate",{FullYear:1}],"date-set":this._changeDate,"time-set":this._changeTime,"now-clicked":this._setNow,"done-clicked":this.done,click:a,mousedown:a,focus:a,blur:a})},_shiftDate:function(a){var b=new Date(this.date);for(var c in a)b["set"+c](b["get"+c]()+a[c]);this.setDate(b)},_changeDate:function(a){var b=new Date(this.date);b.setDate(a.date);b.setMonth(a.month);b.setFullYear(a.year);this.setDate(b,
-true);this.options.hideOnPick&&this.done()},_changeTime:function(a){var b=new Date(this.date);b.setHours(a.hours);b.setMinutes(a.minutes);this.setDate(b)},_setNow:function(){this.setDate(new Date)},_terminate:function(a){a.stopPropagation();if(this._hide_delay){this._hide_delay.cancel();this._hide_delay=null}}});y(u).on({focus:function(a){a=a.target instanceof A?a.target:null;n.hideAll();if(a&&(a.calendar||a.match(n.Options.cssRule)))(a.calendar||new n({update:a})).setValue(a.value()).showAt(a)},
-blur:function(a){var b=a.target.calendar;if(b)b._hide_delay=o(function(){b.hide()}).delay(200)},click:function(a){var b=a.target instanceof l?a.target:null;if(b&&(b.calendar||b.match(n.Options.cssRule))){if(!(b instanceof A)){a.stop();(b.calendar||new n({trigger:b})).hide(null).toggleAt(b.assignedInput)}}else a.find("div.rui-calendar")||n.hideAll()},keydown:function(a){var b=n.current,c={27:"hide",37:"prev-day",39:"next-day",38:"prev-week",40:"next-week",33:"prev-month",34:"next-month",13:"done"}[a.keyCode];
-if(c&&b&&b.visible()){a.stop();G(b[c])?b[c]():b.fire(c)}}});u.write('<style type="text/css">.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} *.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}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}</style>');
+true);this.options.hideOnPick&&this.done()},_changeTime:function(a){var b=new Date(this.date);b.setHours(a.hours);b.setMinutes(a.minutes);this.setDate(b)},_setNow:function(){this.setDate(new Date)},_terminate:function(a){a.stopPropagation();if(this._hide_delay){this._hide_delay.cancel();this._hide_delay=null}}});y(u).on({focus:function(a){a=a.target instanceof A&&a.target.get("type")=="text"?a.target:null;n.hideAll();if(a&&(a.calendar||a.match(n.Options.cssRule)))(a.calendar||new n({update:a})).setValue(a.value()).showAt(a)},
+blur:function(a){var b=a.target.calendar;if(b)b._hide_delay=o(function(){b.hide()}).delay(200)},click:function(a){var b=a.target instanceof l?a.target:null;if(b&&(b.calendar||b.match(n.Options.cssRule))){if(!(b instanceof A)||b.get("type")!="text"){a.stop();(b.calendar||new n({trigger:b})).hide(null).toggleAt(b.assignedInput)}}else a.find("div.rui-calendar")||n.hideAll()},keydown:function(a){var b=n.current,c={27:"hide",37:"prev-day",39:"next-day",38:"prev-week",40:"next-week",33:"prev-month",34:"next-month",
+13:"done"}[a.keyCode];if(c&&b&&b.visible()){a.stop();G(b[c])?b[c]():b.fire(c)}}});u.write('<style type="text/css">.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} *.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}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}</style>');
 return n}(document,parseInt,RightJS);

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

@@ -37,19 +37,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
    *
@@ -66,17 +67,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) {
@@ -109,16 +110,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;
 }
 
@@ -144,7 +145,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
     this._.innerHTML = caption;
     this.addClass('rui-button');
   },
-  
+
   /**
    * Disasbles the button
    *
@@ -153,7 +154,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   disable: function() {
     return this.addClass('rui-button-disabled');
   },
-  
+
   /**
    * Enables the button
    *
@@ -162,7 +163,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   enable: function() {
     return this.removeClass('rui-button-disabled');
   },
-  
+
   /**
    * Checks if the button is disabled
    *
@@ -171,7 +172,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   disabled: function() {
     return this.hasClass('rui-button-disabled');
   },
-  
+
   /**
    * Checks if the button is enabled
    *
@@ -180,7 +181,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   enabled: function() {
     return !this.disabled();
   },
-  
+
   /**
    * Overloading the method, so it fired the events
    * only when the button is active
@@ -195,6 +196,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   }
 });
 
+
 /**
  * A shared module that toggles a widget visibility status
  * in a uniformed way according to the options settings
@@ -218,7 +220,7 @@ function toggler(element, event, fx_name, fx_options) {
   if (RightJS.Fx) {
     if (fx_name === undefined) {
       fx_name = this.options.fxName;
-      
+
       if (fx_options === undefined) {
         fx_options = {
           duration: this.options.fxDuration,
@@ -233,12 +235,12 @@ function toggler(element, event, fx_name, fx_options) {
       }
     }
   }
-  
+
   RightJS.Element.prototype[event].call(element, fx_name, fx_options);
-    
+
   // manually trigger the event if no fx were specified
   if (!RightJS.Fx || !fx_name) { this.fire(event); }
-  
+
   return this;
 }
 
@@ -255,34 +257,34 @@ function toggler(element, event, fx_name, fx_options) {
  * @return void
  */
 function re_position(element, where, resize) {
-  var anchor = this.reAnchor || (this.reAnchor = 
+  var anchor = this.reAnchor || (this.reAnchor =
         new RightJS.Element('div', {'class': 'rui-re-anchor'}))
         .insert(this),
-  
+
       pos  = anchor.insertTo(element, 'after').position(),
       dims = element.dimensions(), target = this,
-      
+
       border_top    = parseInt(element.getStyle('borderTopWidth')),
       border_left   = parseInt(element.getStyle('borderLeftWidth')),
       border_right  = parseInt(element.getStyle('borderRightWidth')),
       border_bottom = parseInt(element.getStyle('borderBottomWidth')),
-      
+
       top    = dims.top    - pos.y       + border_top,
       left   = dims.left   - pos.x       + border_left,
       width  = dims.width  - border_left - border_right,
       height = dims.height - border_top  - border_bottom;
-  
+
   // making the element to appear so we could read it's sizes
   target.setStyle('visibility:hidden').show(null);
-  
+
   if (where === 'right') {
     left += width - target.size().x;
   } else {  // bottom
     top  += height;
   }
-  
+
   target.moveTo(left, top);
-  
+
   if (resize) {
     if (['left', 'right'].include(where)) {
       target.setHeight(height);
@@ -290,7 +292,7 @@ function re_position(element, where, resize) {
       target.setWidth(width);
     }
   }
-  
+
   // rolling the invisibility back
   target.setStyle('visibility:visible').hide(null);
 }
@@ -312,7 +314,7 @@ var Toggler = {
     this.constructor.current = this;
     return toggler.call(this, this, 'show', fx_name, fx_options);
   },
-  
+
   /**
    * Hides the element
    *
@@ -324,7 +326,7 @@ var Toggler = {
     this.constructor.current = null;
     return toggler.call(this, this, 'hide', fx_name, fx_options);
   },
-  
+
   /**
    * Toggles the widget at the given element
    *
@@ -335,13 +337,13 @@ var Toggler = {
    */
   showAt: function(element, where, resize) {
     this.hide(null).shownAt = element = RightJS.$(element);
-    
+
     // moves this element at the given one
     re_position.call(this, element, where, resize);
-    
+
     return this.show();
   },
-  
+
   /**
    * Toggles the widget at the given element
    *
@@ -355,6 +357,7 @@ var Toggler = {
   }
 };
 
+
 /**
  * A shared module that provides for the widgets an ability
  * to be assigned to an input element and work in pair with it
@@ -379,35 +382,36 @@ var Assignable = {
   assignTo: function(input, trigger) {
     input   = RightJS.$(input);
     trigger = RightJS.$(trigger);
-    
+
     if (trigger) {
       trigger[this.key] = this;
       trigger.assignedInput = input;
     } else {
       input[this.key] = this;
     }
-    
+
     var on_change = RightJS(function() {
       if (this.visible() && (!this.showAt || this.shownAt === input)) {
         this.setValue(input.value());
       }
     }).bind(this);
-    
+
     input.on({
       keyup:  on_change,
       change: on_change
     });
-    
+
     this.onChange(function() {
       if (!this.showAt || this.shownAt === input) {
         input.setValue(this.getValue());
       }
     });
-    
+
     return this;
   }
 };
 
+
 /**
  * The basic file for Colorpicker
  *
@@ -415,29 +419,29 @@ var Assignable = {
  */
 var Colorpicker = new Widget({
   include: [Toggler, Assignable],
-  
+
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('change show hide done'),
-    
+
     Options: {
       format:     'hex',   // hex or rgb
-      
+
       update:     null,    // an element to update with the color text
       updateBg:   null,    // an element to update it's background color
       trigger:    null,    // a trigger element for the popup
-      
+
       fxName:     'fade',  // popup displaying fx
       fxDuration: 'short',
-      
+
       cssRule:    '*[data-colorpicker]'
     },
-    
+
     i18n: {
       Done: 'Done'
     },
-    
+
     // hides all the popup colorpickers on the page
     hideAll: function() {
       $$('div.rui-colorpicker').each(function(picker) {
@@ -447,7 +451,7 @@ var Colorpicker = new Widget({
       });
     }
   },
-  
+
   /**
    * basic constructor
    *
@@ -464,27 +468,27 @@ var Colorpicker = new Widget({
       ])
       .on({
         mousedown: this.startTrack,
-        
+
         keyup: this.recalc,
         blur:  this.update,
         focus: this.cancelTimer,
-        
+
         done:  this.done
       });
-    
+
     // hooking up the elements to update
     if (this.options.update)   { this.assignTo(this.options.update, this.options.trigger); }
     if (this.options.updateBg) { this.updateBg(this.options.updateBg); }
-    
+
     // setting up the initial values
     this.tint   = R([1, 0, 0]);
     this.satur  = 0;
     this.bright = 1;
     this.color  = R([255, 255, 255]);
-    
+
     this.recalc().update();
   },
-  
+
   /**
    * Sets the color of the widget
    *
@@ -494,15 +498,15 @@ var Colorpicker = new Widget({
   setValue: function(value) {
     var color = isArray(value) ? value : this.toColor(value);
     if (color && color.length === 3) {
-      
+
       // normalizing the data
       color = color.map(function(value) {
         return this.bound(parseInt(''+value), 0, 255);
       }, this);
-      
+
       this.color = color;
       this.color2tint().update();
-      
+
       // reupdating the popup-state a bit later when we have the sizes
       if (!this.colors.size().y) {
         this.update.bind(this).delay(20);
@@ -510,7 +514,7 @@ var Colorpicker = new Widget({
     }
     return this;
   },
-  
+
   /**
    * Returns the value of the widget
    * formatted according to the options
@@ -521,7 +525,7 @@ var Colorpicker = new Widget({
   getValue: function(array) {
     return array ? this.color : this[this.options.format === 'rgb' ? 'toRgb' : 'toHex']();
   },
-  
+
   /**
    * Assigns the colorpicer to automatically update
    * given element's background on changes
@@ -538,7 +542,7 @@ var Colorpicker = new Widget({
     }
     return this;
   },
-  
+
   /**
    * Inlines the widget into the given element
    *
@@ -551,7 +555,7 @@ var Colorpicker = new Widget({
       .$super(element, position)
       .addClass('rui-colorpicker-inline');
   },
-  
+
   /**
    * Checks if that's an inlined version of the widget
    *
@@ -560,7 +564,7 @@ var Colorpicker = new Widget({
   inlined: function() {
     return this.hasClass('rui-colorpicker-inline');
   },
-  
+
   /**
    * Finalizes the action
    *
@@ -572,7 +576,7 @@ var Colorpicker = new Widget({
     }
     return this;
   },
-  
+
 // protected
 
   // catching up the user options
@@ -584,29 +588,29 @@ var Colorpicker = new Widget({
   // updates the preview and pointer positions
   update: function() {
     this.field._.style.backgroundColor   = 'rgb('+ this.tint.map(function(c) { return Math.round(c*255); }) +')';
-    
+
     // updating the input fields
     var color = this.color, controls = this.controls;
-    
+
     controls.preview._.style.backgroundColor = controls.display._.value = this.toHex();
-    
+
     controls.rDisplay._.value = color[0];
     controls.gDisplay._.value = color[1];
     controls.bDisplay._.value = color[2];
-    
+
     // adjusting the field pointer position
     var pointer = this.field.pointer._.style,
       field = this.field.size(),
       top  = field.y - this.bright * field.y - 2,
       left = this.satur * field.x - 2;
-    
+
     pointer.top  = this.bound(top,  0, field.y - 5) + 'px';
     pointer.left = this.bound(left, 0, field.x - 5) + 'px';
-    
+
     // adjusting the ting pointer position
     var tint = this.tint, position;
     field = this.colors.size();
-  
+
     if (tint[1] == 0) { // the red-blue section
       position = tint[0] == 1 ? tint[2] : (2 - tint[0]);
     } else if (tint[0] == 0) { // the blue-green section
@@ -614,25 +618,25 @@ var Colorpicker = new Widget({
     } else { // the green-red section
       position = 4 + (tint[1] == 1 ? tint[0] : (2 - tint[1]));
     }
-    
+
     position = position / 6 * field.y;
-    
+
     this.colors.pointer._.style.top = this.bound(position, 0, field.y - 4) + 'px';
-    
+
     // tracking the color change events
     if (this.prevColor !== ''+this.color) {
-      this.fire('change', this.color);
+      this.fire('change', {value: this.color});
       this.prevColor = ''+ this.color;
     }
-    
+
     return this;
   },
-  
+
   // recalculates the state after the input field changes
   recalc: function(event) {
     if (event) {
       var field = event.target, value = field._.value, color = $A(this.color), changed=false;
-      
+
       if (field === this.controls.display && /#\w{6}/.test(value)) {
         // using the hex values
         changed = color = this.toColor(value);
@@ -641,27 +645,27 @@ var Colorpicker = new Widget({
         color[field._.cIndex] = value;
         changed  = true;
       }
-      
+
       if (changed) { this.setValue(color); }
-      
+
     } else {
       this.tint2color();
     }
-    
+
     return this;
   },
-  
+
   // starts the mousemoves tracking
   startTrack: function(event) {
     this.stopTrack();
     this.cancelTimer();
-    
+
     if (event.target === this.field.pointer) {
       event.target = this.field;
     } else if (event.target === this.colors.pointer) {
       event.target = this.colors;
     }
-    
+
     if (event.target === this.field || event.target === this.colors) {
       event.stop();
       Colorpicker.tracking = this;
@@ -669,41 +673,41 @@ var Colorpicker = new Widget({
       this.trackMove(event); // jumping over there
     }
   },
-  
+
   // stops tracking the mousemoves
   stopTrack: function() {
     Colorpicker.tracking = false;
     this.field.tracking  = false;
     this.colors.tracking = false;
   },
-  
+
   // tracks the cursor moves over the fields
   trackMove: function(event) {
     var field, pos = event.position(), top, left;
-    
+
     if (this.field.tracking) {
       field   = this.field.dimensions();
     } else if (this.colors.tracking) {
       field   = this.colors.dimensions();
     }
-    
+
     if (field) {
       top   = this.bound(pos.y - field.top,  0, field.height);
       left  = this.bound(pos.x - field.left, 0, field.width);
-      
+
       if (this.field.tracking) {
         this.satur  = left / field.width;
         this.bright = 1 - top / field.height;
-        
+
       } else if (this.colors.tracking) {
         // preventing it from jumping to the top
         if (top == field.height) { top = field.height - 0.1; }
-        
+
         var step = field.height / 6,
             tint = this.tint = [0, 0, 0],
             stright = top % step / step,
             reverse = 1 - stright;
-        
+
         if (top < step) {
           tint[0] = 1;
           tint[2] = stright;
@@ -724,11 +728,11 @@ var Colorpicker = new Widget({
           tint[0] = 1;
         }
       }
-      
+
       this.recalc().update();
     }
   },
-  
+
   cancelTimer: function(event) {
     R(function() { // IE has a lack of sync in here
       if (this._hide_delay) {
@@ -739,6 +743,7 @@ var Colorpicker = new Widget({
   }
 });
 
+
 /**
  * The colors field element
  *
@@ -751,6 +756,7 @@ var Field = new Wrapper(Element, {
   }
 });
 
+
 /**
  * The tint picker block
  *
@@ -763,6 +769,7 @@ var Colors = new Wrapper(Element, {
   }
 });
 
+
 /**
  * The controls block unit
  *
@@ -784,8 +791,9 @@ var Controls = new Wrapper(Element, {
   }
 });
 
+
 /**
- * This module contains various caluculations logic for 
+ * This module contains various caluculations logic for
  * the Colorpicker widget
  *
  * Copyright (C) 2010 Nikolay Nemshilov
@@ -800,7 +808,7 @@ Colorpicker.include({
   toRgb: function(color) {
     return 'rgb('+ this.color.join(',') +')';
   },
-  
+
   /**
    * Converts the color to a HEX string value
    *
@@ -810,7 +818,7 @@ Colorpicker.include({
   toHex: function(color) {
     return '#'+ this.color.map(function(c) { return (c < 16 ? '0' : '') + c.toString(16); }).join('');
   },
-  
+
   /**
    * Converts a string value into an Array of color
    *
@@ -819,22 +827,22 @@ Colorpicker.include({
    */
   toColor: function(in_value) {
     var value = in_value.toLowerCase(), match;
-    
+
     if ((match = /rgb\((\d+),(\d+),(\d+)\)/.exec(value))) {
       return [match[1], match[2], match[3]].map(parseInt);
-      
+
     } else if (/#[\da-f]+/.test(value)) {
       // converting the shortified hex in to the full-length version
       if ((match = /^#([\da-f])([\da-f])([\da-f])$/.exec(value))) {
         value = '#'+match[1]+match[1]+match[2]+match[2]+match[3]+match[3];
       }
-        
+
       if ((match = /#([\da-f]{2})([\da-f]{2})([\da-f]{2})/.exec(value))) {
         return [match[1], match[2], match[3]].map(function(n) { return parseInt(n, 16); });
       }
     }
   },
-  
+
   /**
    * converts color into the tint, saturation and brightness values
    *
@@ -843,19 +851,19 @@ Colorpicker.include({
   color2tint: function() {
     var color = $A(this.color).sort(function(a,b) { return a-b; }),
         min = color[0], max = color[2];
-    
+
     this.bright = max / 255;
     this.satur  = 1 - min / (max || 1);
-    
+
     this.tint.each(function(value, i) {
       this.tint[i] = ((!min && !max) || min == max) ? i == 0 ? 1 : 0 :
         (this.color[i] - min) / (max - min);
       return this.tint[i];
     }, this);
-    
+
     return this;
   },
-  
+
   /**
    * Converts tint, saturation and brightness into the actual RGB color
    *
@@ -863,15 +871,15 @@ Colorpicker.include({
    */
   tint2color: function() {
     var tint = this.tint, color = this.color;
-    
+
     for (var i=0; i < 3; i++) {
       color[i] = 1 + this.satur * (tint[i] - 1);
       color[i] = Math.round(255 * color[i] * this.bright);
     }
-    
+
     return this;
   },
-  
+
   /**
    * bounds the value to the given limits
    *
@@ -882,18 +890,19 @@ Colorpicker.include({
    */
   bound: function(in_value, min, max) {
     var value = in_value;
-    
+
     if (min < max) {
       value = value < min ? min : value > max ? max : value;
     } else {
       if (value > max) { value = max; }
       if (value < min) { value = min; }
     }
-    
+
     return value;
   }
 });
 
+
 /**
  * The document level hooks for colorpicker
  *
@@ -905,27 +914,27 @@ $(document).on({
       Colorpicker.tracking.stopTrack();
     }
   },
-  
+
   mousemove: function(event) {
     if (Colorpicker.tracking) {
       Colorpicker.tracking.trackMove(event);
     }
   },
-  
+
   focus: function(event) {
     var target = event.target instanceof Input ? event.target : null;
-    
+
     Colorpicker.hideAll();
-    
+
     if (target && (target.colorpicker || target.match(Colorpicker.Options.cssRule))) {
       (target.colorpicker || new Colorpicker({update: target}))
         .setValue(target.value()).showAt(target);
     }
   },
-  
+
   blur: function(event) {
     var target = event.target, colorpicker = target.colorpicker;
-    
+
     if (colorpicker) {
       // we use the delay so it didn't get hidden when the user clicks the calendar itself
       colorpicker._hide_delay = R(function() {
@@ -933,10 +942,10 @@ $(document).on({
       }).delay(200);
     }
   },
-  
+
   click: function(event) {
     var target = (event.target instanceof Element) ? event.target : null;
-    
+
     if (target && (target.colorpicker || target.match(Colorpicker.Options.cssRule))) {
       if (!(target instanceof Input)) {
         event.stop();
@@ -947,13 +956,13 @@ $(document).on({
       Colorpicker.hideAll();
     }
   },
-  
+
   keydown: function(event) {
     var colorpicker = Colorpicker.current, name = ({
       27: 'hide',        // Escape
       13: 'done'         // Enter
     })[event.keyCode];
-    
+
     if (name && colorpicker && colorpicker.visible()) {
       event.stop();
       colorpicker[name]();
@@ -961,7 +970,8 @@ $(document).on({
   }
 });
 
+
 document.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 Colorpicker;
-})(document, Math, parseInt, RightJS);
+})(document, Math, parseInt, RightJS);