right-rails 1.2.2 → 1.3.0

data/public/javascripts/right/tags.js

@@ -1,7 +0,0 @@
-/**
- * RightJS-UI Tags v2.2.1
- * http://rightjs.org/ui/tags
- *
- * Copyright (C) 2011 Nikolay Nemshilov
- */
-var Tags=RightJS.Tags=function(a){function b(b,c){c||(c=b,b="DIV");var d=new a.Class(a.Element.Wrappers[b]||a.Element,{initialize:function(c,d){this.key=c;var e=[{"class":"rui-"+c}];this instanceof a.Input||this instanceof a.Form||e.unshift(b),this.$super.apply(this,e),a.isString(d)&&(d=a.$(d)),d instanceof a.Element&&(this._=d._,"$listeners"in d&&(d.$listeners=d.$listeners),d={}),this.setOptions(d,this);return a.Wrapper.Cache[a.$uid(this._)]=this},setOptions:function(b,c){c&&(b=a.Object.merge(b,(new Function("return "+(c.get("data-"+this.key)||"{}")))())),b&&a.Options.setOptions.call(this,a.Object.merge(this.options,b));return this}}),e=new a.Class(d,c);a.Observer.createShortcuts(e.prototype,e.EVENTS||a([]));return e}var c=a,d=a.$,e=a.$w,f=a.Class,g=a.Input,h=a.Element,i=new b("INPUT",{extend:{version:"2.2.1",EVENTS:e("add remove"),Options:{tags:[],vertical:!1,allowNew:!0,nocase:!0,autocomplete:!0,separator:",",cssRule:"input[data-tags]"},rescan:function(a){d(a||document).find(i.Options.cssRule).each(function(a){a instanceof i||(a=new i(a))})}},initialize:function(b,e){var f=c(c(""+d(b).get("data-tags")).trim());f.startsWith("[")&&f.endsWith("]")&&(e||(e={}),e.tags=(new Function("return "+f))()),this.$super("tags",b).setOptions(e),a.Browser.OLD&&this.setStyle({color:this.getStyle("backgroundColor")}),this.container=(new h("div",{"class":"rui-tags"})).insertTo(this,"after"),this.list=new i.List(this),this.input=new i.Input(this),this.completer=new i.Completer(this),this.onFocus(function(){this.input.focus()}),this.setValue(this._.value)},setValue:function(a){isString(a)&&(a=c(a.split(this.options.separator)).map("trim").reject("blank")),this.options.tags=c(this.options.tags).merge(a),this.list.setTags(a);return this.$super(a.join(this.options.separator+" "))}});i.List=new f(h,{initialize:function(a){function b(b){return a.getStyle(b).replace(/[\d\.]+/,function(a){return parseFloat(a)*2})}this.main=a,this.$super("ul",{"class":"list"}),this.insertTo(a.container),this.main.options.vertical&&this.addClass("vertical"),this.setStyle({fontSize:a.getStyle("fontSize"),fontFamily:a.getStyle("fontFamily"),fontWeight:a.getStyle("fontWeight"),letterSpacing:a.getStyle("letterSpacing"),paddingTop:b("borderTopWidth"),paddingLeft:b("borderLeftWidth"),paddingRight:b("borderRightWidth"),paddingBottom:a.getStyle("borderBottomWidth")}),a.getStyle("fontSize")==="0em"&&this.setStyle({fontSize:"1em"}),this.setWidth(a.size().x),this.reposition(!0),this.onClick(this._click)},setTags:function(a){a.uniq().each(this.clean().addTag,this);return this},getTags:function(){return this.find("div.text").map("text")},addTag:function(a){this._allowed(a)&&(this.append('<li><div class="text">'+c(a).trim()+'</div><div class="close">&times;</div></li>').reposition(),this.main.fire("add",{tag:a})),this.main._.value=this.getTags().join(this.main.options.separator+" ");return this},removeLast:function(){var a=this.find("li").last();a&&this._remove(a);return this},reposition:function(a){var b=this.size().y,c=this.main.size().y,d;if(b!==c||a===!0)this.main.setHeight(b),d=this._.style,d.top="0px",d.left="0px",b=this.position(),c=this.main.position(),d.top=c.y-b.y+"px",d.left=c.x-b.x+"px";return this},_click:function(a){a.target.hasClass("close")?this._remove(a.target.parent()):this.main.input.focus()},_allowed:function(a){var b=this.getTags(),c=this.main.options,d=!c.nocase;return!(d?b.include(a):b.map("toLowerCase").include(a.toLowerCase()))&&(c.allowNew||(d?b.include(a):c.tags.map("toLowerCase").include(a.toLowerCase())))},_remove:function(a){var b=a.first("div.text").text();this.main.setValue(this.getTags().without(b)),this.main.fire("remove",{tag:b})}}),i.Input=new f(g,{initialize:function(a){this.main=a,this.list=a.list,this.$super({type:"text",size:1}),this.onKeydown(this._keydown),this.onKeyup(this._keyup),this.onBlur(this._blur),this.insertTo(a.list),this.meter=(new h("div",{"class":"meter",style:{whiteSpace:"nowrap",position:"absolute",left:"-99999em"}})).insertTo(this,"after")},focus:function(){this.main.list.append(this,this.meter).reposition();return this.$super()},reset:function(){this.remove(),this.meter.remove(),this.list.reposition(),this._.value="";return this},_keydown:function(a){a.keyCode===8&&this._.value===""?(this.list.removeLast(),this.focus()):a.keyCode===13&&a.preventDefault()},_keyup:function(a){c([9,27,37,38,39,40,13]).include(a.keyCode)||(this._.value.indexOf(this.main.options.separator)!==-1?(this._add(),this.focus()):(this._resize(),this.main.completer.suggest(this._.value)))},_blur:function(a){this.main.completer.hidden()&&this._.value!==""&&(this._add(),this.reset())},_resize:function(){this.meter.html(this._.value+"xx"),this._.style.width=this.meter.size().x+"px",this.list.reposition()},_add:function(){var a=this._.value.replace(this.main.options.separator,"");this._.value="",/^\s*$/.test(a)||this.list.addTag(a),this.main.completer.visible()&&this.main.completer.hide()}}),i.Completer=new f(h,{extend:{current:null},initialize:function(a){this.main=a,this.list=a.list,this.input=a.input,this.$super("ul",{"class":"completer"}),this.addClass("rui-dd-menu"),this.insertTo(a.container),this.onClick(this._click)},suggest:function(a){if(!/^\s*$/.test(a)&&this.main.options.autocomplete){var b=this._filter(this.main.options.tags,a);if(b.length!==0){this.html(b.map(function(b){return"<li>"+b.replace(a,"<b>"+a+"</b>")+"</li>"}).join("")),this.picked=!1;return this.show()}}return this.hide()},show:function(){var a=this.input.dimensions(),b=this._.style,c;b.display="block",b.top="0px",b.left="0px",c=this.position(),b.left=a.left-c.x+"px",b.top=a.top-c.y+a.height+"px";return i.Completer.current=this},hide:function(){this._.innerHTML="",this._.style.display="none",i.Completer.current=null;return this},next:function(){var a=this.first(".current");a&&(a=a.next()),a||(a=this.first()),a&&a.radioClass("current");return this},prev:function(){var a=this.first(".current");a&&(a=a.prev()),a||(a=this.children().last()),a&&a.radioClass("current");return this},done:function(){var a=this.first(".current");a&&(this.list.addTag(a.text()),this.input.reset().focus());return this.hide()},_click:function(a){var b=a.find("li");b&&b.radioClass("current"),this.done()},_filter:function(a,b){var c=this.list.getTags(),d=this.main.options.nocase;d&&(c=c.map("toLowerCase"),b=b.toLowerCase());return a.filter(function(a){var e=d?a.toLowerCase():a;return e.indexOf(b)!==-1&&!c.include(e)})}}),d(document).on({ready:function(){i.rescan()},keydown:function(a){var b=i.Completer.current,c={13:"done",27:"hide",38:"prev",40:"next"};b!==null&&a.keyCode in c&&(a.stop(),b[c[a.keyCode]]())},click:function(a){i.Completer.current&&i.Completer.current.hide()}});var j=document.createElement("style"),k=document.createTextNode("*.rui-dd-menu, *.rui-dd-menu li{margin:0;padding:0;border:none;background:none;list-style:none;font-weight:normal;float:none} *.rui-dd-menu{display:none;position:absolute;z-index:9999;background:white;border:1px solid #BBB;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;box-shadow:#DDD .2em .2em .4em;-moz-box-shadow:#DDD .2em .2em .4em;-webkit-box-shadow:#DDD .2em .2em .4em} *.rui-dd-menu li{padding:.2em .4em;border-top:none;border-bottom:none;cursor:pointer} *.rui-dd-menu li.current{background:#DDD} *.rui-dd-menu li:hover{background:#EEE}dl.rui-dd-menu dt{padding:.3em .5em;cursor:default;font-weight:bold;font-style:italic;color:#444;background:#EEE}dl.rui-dd-menu dd li{padding-left:1.5em}div.rui-tags,div.rui-tags ul.list,div.rui-tags ul.list *{position:static;top:auto;left:auto;right:auto;bottom:auto;float:none;margin:0;padding:0;border:none;background:none;display:block}input[data-tags],input.rui-tags{color:transparent;color:rgba(0,0,0,0)}div.rui-tags{position:absolute;display:inline}div.rui-tags ul.list{position:absolute;overflow:hidden;min-height:1.3em}div.rui-tags ul.list li{display:inline-block; *display:inline; *zoom:1;position:relative;cursor:default;margin-right:.1em;margin-bottom:.1em;padding:0 .5em;padding-right:1.1em;background:#ddd;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;vertical-align:top}div.rui-tags ul.list li div.text{position:inline}div.rui-tags ul.list li div.close{margin-left:.25em;cursor:pointer;font-family:Arial;font-weight:normal;opacity:0.5;position:absolute;right:.25em;top:0.04em}div.rui-tags ul.list li div.close:hover{opacity:1}div.rui-tags ul.vertical li{display:block}div.rui-tags ul.list input{width:auto;height:auto;display:inline-block; *display:inline; *zoom:1;width:1em;outline:none;vertical-align:top;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}");j.type="text/css",document.getElementsByTagName("head")[0].appendChild(j),j.styleSheet?j.styleSheet.cssText=k.nodeValue:j.appendChild(k);return i}(RightJS)

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

@@ -1,331 +0,0 @@
-/**
- * RightJS-UI Tooltips v2.2.1
- * http://rightjs.org/ui/tooltips
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-var Tooltip = RightJS.Tooltip = (function(document, RightJS) {
-/**
- * This module defines the basic widgets constructor
- * it creates an abstract proxy with the common functionality
- * which then we reuse and override in the actual widgets
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-
-/**
- * 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
-   *
-   * Copyright (C) 2010 Nikolay Nemshilov
-   */
-  var AbstractWidget = new RightJS.Class(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
-    /**
-     * The common constructor
-     *
-     * @param Object options
-     * @param String optional tag name
-     * @return void
-     */
-    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) {
-        this._ = options._;
-        if ('$listeners' in options) {
-          options.$listeners = options.$listeners;
-        }
-        options = {};
-      }
-      this.setOptions(options, this);
-
-      return (RightJS.Wrapper.Cache[RightJS.$uid(this._)] = this);
-    },
-
-  // protected
-
-    /**
-     * Catches the options
-     *
-     * @param Object user-options
-     * @param Element element with contextual options
-     * @return void
-     */
-    setOptions: function(options, element) {
-      if (element) {
-        options = RightJS.Object.merge(options, new Function("return "+(
-          element.get('data-'+ this.key) || '{}'
-        ))());
-      }
-
-      if (options) {
-        RightJS.Options.setOptions.call(this, RightJS.Object.merge(this.options, options));
-      }
-
-      return this;
-    }
-  });
-
-  /**
-   * Creating the actual widget class
-   *
-   */
-  var Klass = new RightJS.Class(AbstractWidget, methods);
-
-  // creating the widget related shortcuts
-  RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || RightJS([]));
-
-  return Klass;
-}
-
-
-/**
- * The tooltips initialization script
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R  = RightJS,
-    $  = RightJS.$,
-    $w = RightJS.$w,
-    $uid = RightJS.$uid,
-    Element = RightJS.Element;
-
-
-
-
-/**
- * The native tooltips feature for RithJS
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-var Tooltip = new Widget({
-  extend: {
-    version: '2.2.1',
-
-    EVENTS: $w('show hide'),
-
-    Options: {
-      cssRule:    '[data-tooltip]', // a css-marker of an element with a tooltip
-
-      fxName:     'fade',           // the appearance effect name
-      fxDuration: 400,              // the appearance effect duration
-      delay:      400,              // the appearance delay
-
-      move:       true,             // if it should be moved with the mouse
-
-      idSuffix:   '-tooltip'        // ID prefix for tooltips with ID
-    },
-
-    current:   null,  // the currently active tooltip reference
-    instances: R([]), // keeps the list of instances
-
-    // tries to find a tip closest to the event
-    find: function(event) {
-      var element = event.target;
-
-      if (element.match(Tooltip.Options.cssRule)) {
-        var uid = $uid(element);
-        return (Tooltip.instances[uid] || (Tooltip.instances[uid] = new Tooltip(element)));
-      }
-    }
-  },
-
-  /**
-   * Constructor
-   *
-   * @param Element associated element
-   * @param Object options
-   */
-  initialize: function(element, options) {
-    this.associate = element = $(element);
-
-    this
-      .$super('tooltip')
-      .setOptions(options, element)
-      .insert('<div class="rui-tooltip-arrow"></div>'+
-        '<div class="rui-tooltip-container">'+
-          (element.get('title') || element.get('alt'))+
-        '</div>'
-      )
-      .on({
-        mouseout:  this._mouseOut,
-        mouseover: this._cancelTimer
-      })
-      .insertTo(document.body);
-
-    // adding the ID if needed
-    if (element.has('id')) {
-      this.set('id', element.get('id') + this.options.idSuffix);
-    }
-
-    // removing the titles from the elment
-    element.set({ title: '', alt: ''});
-  },
-
-  /**
-   * Hides the tooltip
-   *
-   * @return Tooltip this
-   */
-  hide: function() {
-    this._cancelTimer();
-
-    this._timer = R(function() {
-      Element.prototype.hide.call(this, this.options.fxName, {
-        engine:   'javascript', // Webkit too slow in here
-        duration: this.options.fxDuration
-      });
-      Tooltip.current = null;
-      this.fire('hide');
-    }).bind(this).delay(100);
-
-    return this;
-  },
-
-  /**
-   * Shows the tooltip with a dealy
-   *
-   * @param Boolean if true will show tooltip immediately
-   * @return Tooltip this
-   */
-  show: function(immediately) {
-    // hidding all the others
-    Tooltip.instances.each(function(tip) {
-      if (tip && tip !== this) { tip.hide(); }
-    }, this);
-
-    // show the tooltip with a delay
-    this._timer = R(function() {
-      Element.prototype.show.call(this.stop(),
-        this.options.fxName, {
-          engine: 'javascript', // webkit it too slow on that
-          duration: this.options.fxDuration
-        }
-      );
-
-      Tooltip.current = this.fire('show');
-    }).bind(this).delay(this.options.delay);
-
-    return (Tooltip.current = this);
-  },
-
-  /**
-   * Moves it to where the event happened
-   *
-   * @return Tooltip this
-   */
-  moveToEvent: function(event) {
-    if (this.options.move) {
-      this._.style.left = event.pageX + 'px';
-      this._.style.top  = event.pageY + 'px';
-    }
-
-    return this;
-  },
-
-// protected
-
-  // cancels a show timeout
-  _cancelTimer: function() {
-    if (this._timer) {
-      this._timer.cancel();
-      this._timer = null;
-    }
-    return false;
-  },
-
-  _mouseOut: function(event) {
-    event.stop();
-    if (event.relatedTarget !== this.associate) {
-      this.hide();
-    }
-  }
-});
-
-
-/**
- * The post load tooltips initialization script
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-$(document).on({
-  /**
-   * Watches all the mouse-over events and reacts if one of the targets
-   * matches a tooltip
-   *
-   * @param Event event
-   */
-  mouseenter: function(event) {
-    var tip = Tooltip.find(event);
-    if (tip) {
-      tip.show().moveToEvent(event);
-    }
-  },
-
-  /**
-   * Catches the mouseout events and hides tooltips when needed
-   *
-   * @param Event event
-   */
-  mouseleave: function(event) {
-    var tip = Tooltip.find(event);
-
-    if (tip) {
-      tip.hide();
-    }
-  },
-
-  /**
-   * Moves tooltips when active
-   *
-   * @param Event event
-   */
-  mousemove: function(event) {
-    var tip = Tooltip.current;
-    if (tip !== null && tip.options.move) {
-      tip.moveToEvent(event);
-    }
-  }
-});
-
-
-var embed_style = document.createElement('style'),                 
-    embed_rules = document.createTextNode("div.rui-tooltip{display:none;position:absolute;z-index:99999;font-size:90%;margin-top:16pt;margin-left:5pt;color:#FFF;text-shadow:0 0 .2em #000;border:.3em solid rgba(255,255,255,0.2);background-color:rgba(25,25,25,0.92);background-color:#000 \\9;border:.3em solid #444 \\9;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent) ,to(#000) );border-radius:.4em;-moz-border-radius:.4em;-webkit-border-radius:.4em;box-shadow:0 0 .4em #555;-moz-box-shadow:0 0 .4em #555;-webkit-box-shadow:0 0 .4em #555}div.rui-tooltip-container{margin:.4em .6em}");      
-                                                                   
-embed_style.type = 'text/css';                                     
-document.getElementsByTagName('head')[0].appendChild(embed_style); 
-                                                                   
-if(embed_style.styleSheet) {                                       
-  embed_style.styleSheet.cssText = embed_rules.nodeValue;          
-} else {                                                           
-  embed_style.appendChild(embed_rules);                            
-}                                                                  
-
-
-return Tooltip;
-})(document, RightJS);

data/public/javascripts/right/tooltips.js

@@ -1,7 +0,0 @@
-/**
- * RightJS-UI Tooltips v2.2.1
- * http://rightjs.org/ui/tooltips
- *
- * Copyright (C) 2009-2011 Nikolay Nemshilov
- */
-var Tooltip=RightJS.Tooltip=function(a,b){function c(a,c){c||(c=a,a="DIV");var d=new b.Class(b.Element.Wrappers[a]||b.Element,{initialize:function(c,d){this.key=c;var e=[{"class":"rui-"+c}];this instanceof b.Input||this instanceof b.Form||e.unshift(a),this.$super.apply(this,e),b.isString(d)&&(d=b.$(d)),d instanceof b.Element&&(this._=d._,"$listeners"in d&&(d.$listeners=d.$listeners),d={}),this.setOptions(d,this);return b.Wrapper.Cache[b.$uid(this._)]=this},setOptions:function(a,c){c&&(a=b.Object.merge(a,(new Function("return "+(c.get("data-"+this.key)||"{}")))())),a&&b.Options.setOptions.call(this,b.Object.merge(this.options,a));return this}}),e=new b.Class(d,c);b.Observer.createShortcuts(e.prototype,e.EVENTS||b([]));return e}var d=b,e=b.$,f=b.$w,g=b.$uid,h=b.Element,i=new c({extend:{version:"2.2.1",EVENTS:f("show hide"),Options:{cssRule:"[data-tooltip]",fxName:"fade",fxDuration:400,delay:400,move:!0,idSuffix:"-tooltip"},current:null,instances:d([]),find:function(a){var b=a.target;if(b.match(i.Options.cssRule)){var c=g(b);return i.instances[c]||(i.instances[c]=new i(b))}}},initialize:function(b,c){this.associate=b=e(b),this.$super("tooltip").setOptions(c,b).insert('<div class="rui-tooltip-arrow"></div><div class="rui-tooltip-container">'+(b.get("title")||b.get("alt"))+"</div>").on({mouseout:this._mouseOut,mouseover:this._cancelTimer}).insertTo(a.body),b.has("id")&&this.set("id",b.get("id")+this.options.idSuffix),b.set({title:"",alt:""})},hide:function(){this._cancelTimer(),this._timer=d(function(){h.prototype.hide.call(this,this.options.fxName,{engine:"javascript",duration:this.options.fxDuration}),i.current=null,this.fire("hide")}).bind(this).delay(100);return this},show:function(a){i.instances.each(function(a){a&&a!==this&&a.hide()},this),this._timer=d(function(){h.prototype.show.call(this.stop(),this.options.fxName,{engine:"javascript",duration:this.options.fxDuration}),i.current=this.fire("show")}).bind(this).delay(this.options.delay);return i.current=this},moveToEvent:function(a){this.options.move&&(this._.style.left=a.pageX+"px",this._.style.top=a.pageY+"px");return this},_cancelTimer:function(){this._timer&&(this._timer.cancel(),this._timer=null);return!1},_mouseOut:function(a){a.stop(),a.relatedTarget!==this.associate&&this.hide()}});e(a).on({mouseenter:function(a){var b=i.find(a);b&&b.show().moveToEvent(a)},mouseleave:function(a){var b=i.find(a);b&&b.hide()},mousemove:function(a){var b=i.current;b!==null&&b.options.move&&b.moveToEvent(a)}});var j=a.createElement("style"),k=a.createTextNode("div.rui-tooltip{display:none;position:absolute;z-index:99999;font-size:90%;margin-top:16pt;margin-left:5pt;color:#FFF;text-shadow:0 0 .2em #000;border:.3em solid rgba(255,255,255,0.2);background-color:rgba(25,25,25,0.92);background-color:#000 \\9;border:.3em solid #444 \\9;background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent) ,to(#000) );border-radius:.4em;-moz-border-radius:.4em;-webkit-border-radius:.4em;box-shadow:0 0 .4em #555;-moz-box-shadow:0 0 .4em #555;-webkit-box-shadow:0 0 .4em #555}div.rui-tooltip-container{margin:.4em .6em}");j.type="text/css",a.getElementsByTagName("head")[0].appendChild(j),j.styleSheet?j.styleSheet.cssText=k.nodeValue:j.appendChild(k);return i}(document,RightJS)

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

@@ -1,302 +0,0 @@
-/**
- * RightJS-UI Uploader v2.2.1
- * http://rightjs.org/ui/uploader
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Uploader = RightJS.Uploader = (function(RightJS) {
-/**
- * This module defines the basic widgets constructor
- * it creates an abstract proxy with the common functionality
- * which then we reuse and override in the actual widgets
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-
-/**
- * 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
-   *
-   * Copyright (C) 2010 Nikolay Nemshilov
-   */
-  var AbstractWidget = new RightJS.Class(RightJS.Element.Wrappers[tag_name] || RightJS.Element, {
-    /**
-     * The common constructor
-     *
-     * @param Object options
-     * @param String optional tag name
-     * @return void
-     */
-    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) {
-        this._ = options._;
-        if ('$listeners' in options) {
-          options.$listeners = options.$listeners;
-        }
-        options = {};
-      }
-      this.setOptions(options, this);
-
-      return (RightJS.Wrapper.Cache[RightJS.$uid(this._)] = this);
-    },
-
-  // protected
-
-    /**
-     * Catches the options
-     *
-     * @param Object user-options
-     * @param Element element with contextual options
-     * @return void
-     */
-    setOptions: function(options, element) {
-      if (element) {
-        options = RightJS.Object.merge(options, new Function("return "+(
-          element.get('data-'+ this.key) || '{}'
-        ))());
-      }
-
-      if (options) {
-        RightJS.Options.setOptions.call(this, RightJS.Object.merge(this.options, options));
-      }
-
-      return this;
-    }
-  });
-
-  /**
-   * Creating the actual widget class
-   *
-   */
-  var Klass = new RightJS.Class(AbstractWidget, methods);
-
-  // creating the widget related shortcuts
-  RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || RightJS([]));
-
-  return Klass;
-}
-
-
-/**
- * The uploader initialization script
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var R      = RightJS,
-    $      = RightJS.$,
-    $w     = RightJS.$w,
-    $E     = RightJS.$E,
-    Xhr    = RightJS.Xhr,
-    Form   = RightJS.Form,
-    RegExp = RightJS.RegExp;
-
-
-
-
-
-
-/**
- * The uploading progress feature
- *
- * Copyright (C) 2010-2011 Nikolay Nemshilov
- */
-var Uploader = new Widget({
-  extend: {
-    version: '2.2.1',
-
-    EVENTS: $w('start update finish error'),
-
-    Options: {
-      url:         '/progress',
-      param:       'X-Progress-ID',
-
-      timeout:     1000,
-      round:       0,
-      fxDuration:  400,
-
-      cssRule:     '[data-uploader]'
-    }
-  },
-
-  /**
-   * Basic constructor
-   *
-   * @param mixed a form reference
-   * @param Object options
-   */
-  initialize: function(form, options) {
-    this.form = form = $(form);
-
-    // trying to find an existing progress-bar
-    var element = form.first('.rui-uploader');
-
-    this
-      .$super('uploader', element)
-      .setOptions(options, this.form)
-      .addClass('rui-progress-bar')
-      .insert([
-        this.bar = this.first('.bar') || $E('div', {'class': 'bar'}),
-        this.num = this.first('.num') || $E('div', {'class': 'num'})
-      ]);
-
-    if (!element) {
-      this.insertTo(form);
-    }
-  },
-
-  /**
-   * Starts the uploading monitoring
-   *
-   * @return Uploader this
-   */
-  start: function() {
-    var data = {state: 'starting'};
-    return this.paint(data).prepare().request().fire('start', {data: data});
-  },
-
-// protected
-
-  // updates uploading bar progress
-  update: function(data) {
-    this.paint(data).fire('update', {data: data});
-
-    switch (data.state) {
-      case 'starting':
-      case 'uploading':
-        R(this.request).bind(this).delay(this.options.timeout);
-        break;
-      case 'done':
-        this.fire('finish', {data: data});
-        break;
-      case 'error':
-        this.fire('error', {data: data});
-        break;
-    }
-
-    return this;
-  },
-
-  // changes the actual element styles
-  paint: function(data) {
-    var percent = (this.percent || 0)/100;
-
-    switch (data.state) {
-      case 'starting':  percent = 0; break;
-      case 'done':      percent = 1; break;
-      case 'uploading': percent = data.received / (data.size||1); break;
-    }
-
-    this.percent = R(percent * 100).round(this.options.round);
-
-    if (this.percent === 0 || !RightJS.Fx || !this.options.fxDuration) {
-      this.bar._.style.width = this.percent + '%';
-      this.num._.innerHTML   = this.percent + '%';
-    } else {
-      this.bar.morph({width: this.percent + '%'}, {duration: this.options.fxDuration});
-      R(function() {
-        this.num._.innerHTML = this.percent + '%';
-      }).bind(this).delay(this.options.fxDuration / 2);
-    }
-
-    // marking the failed uploads
-    this[data.state === 'error' ? 'addClass' : 'removeClass']('rui-progress-bar-failed');
-
-    return this;
-  },
-
-  // sends a request to the server
-  request: function() {
-    Xhr.load(this.options.url + "?" + this.options.param + "=" + this.uid, {
-      evalJS:   false,
-      evalJSON: false,
-      onSuccess: R(function(xhr) {
-        this.update(new Function('return '+xhr.text)());
-      }).bind(this)
-    });
-
-    return this;
-  },
-
-  // prepares the form to carry the x-progress-id param
-  prepare: function() {
-    this.uid = "";
-    for (i = 0; i < 32; i++) { this.uid += Math.random(0, 15).toString(16); }
-
-    var param = this.options.param;
-    var url = this.form.get('action').replace(new RegExp('(\\?|&)'+RegExp.escape(param) + '=[^&]*', 'i'), '');
-    this.form.set('action', url + (R(url).includes('?') ? '&' : '?') + param + '=' + this.uid);
-
-    this.show();
-
-    return this;
-  }
-
-});
-
-
-/**
- * Overloading the Form#send method so we could
- * catch up the moment when a form was sent and show the bar
- *
- * Copyright (C) 2010 Nikolay Nemshilov
- */
-var old_send = Form.prototype.send;
-
-Form.include({
-  send: function() {
-
-    if (!this.uploader && (this.match(Uploader.Options.cssRule) || this.first('.rui-uploader'))) {
-      this.uploader = new Uploader(this);
-    }
-
-    if (this.uploader) {
-      this.uploader.start();
-    }
-
-    return old_send.apply(this, arguments);
-  }
-});
-
-
-var embed_style = document.createElement('style'),                 
-    embed_rules = document.createTextNode("div.rui-progress-bar,div.rui-progress-bar *{margin:0;padding:0;border:none;background:none}div.rui-progress-bar{position:relative;height:1.4em;line-height:1.4em;width:20em;border:1px solid #999}div.rui-progress-bar,div.rui-progress-bar div.bar{border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius:0.25em}div.rui-progress-bar div.bar{position:absolute;left:0;top:0;width:0%;height:100%;background:#CCC;z-index:1}div.rui-progress-bar div.num{position:absolute;width:100%;height:100%;z-index:2;text-align:center}div.rui-progress-bar-failed{border-color:red;color:red;background:pink}.rui-uploader{display:none}");      
-                                                                   
-embed_style.type = 'text/css';                                     
-document.getElementsByTagName('head')[0].appendChild(embed_style); 
-                                                                   
-if(embed_style.styleSheet) {                                       
-  embed_style.styleSheet.cssText = embed_rules.nodeValue;          
-} else {                                                           
-  embed_style.appendChild(embed_rules);                            
-}                                                                  
-
-
-return Uploader;
-})(RightJS);