right-rails 0.4.3 → 0.4.4

data/javascripts/right-src.js

@@ -12,7 +12,7 @@
  * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
 var RightJS = {
-  version: "1.5.2",
+  version: "1.5.3",
   modules: ["core", "form", "cookie", "xhr", "fx"]
 };
 
@@ -848,7 +848,7 @@ $alias(Array.prototype, {
  *   The trim function taken from work of Steven Levithan
  *     - http://blog.stevenlevithan.com/archives/faster-trim-javascript
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
 $ext(String.prototype, {
   /**
@@ -895,9 +895,8 @@ $ext(String.prototype, {
    * @return String without scripts
    */
   stripScripts: function(option) {
-    var scripts = '';
-    var text = this.replace(/<script[^>]*>([\s\S]*?)<\/script>/img, function(match, source) {
-      scripts += source.trim() + "\n";
+    var scripts = '', text = this.replace(/<script[^>]*>([\s\S]*?)<\/script>/img, function(match, source) {
+      scripts += source + "\n";
       return '';
     });
     
@@ -905,8 +904,6 @@ $ext(String.prototype, {
       $eval(scripts);
     else if (isFunction(option))
       option(scripts, text);
-    else if (isNumber(option))
-      $eval.bind(scripts).delay(options);
     
     return text;
   },
@@ -1447,7 +1444,7 @@ var Options = {
  *   The naming principle is inspired by
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
 var Observer = new Class({
   include: Options,
@@ -1463,16 +1460,16 @@ var Observer = new Class({
   },
   
   /**
-   * starts observing an event
+   * binds an event listener
    *
    * USAGE:
-   *  observe(String event, Function callback[, arguments, ...]);
-   *  observe(String event, String method_name[, arguments, ...]);
-   *  observe(Object events_hash);
+   *  on(String event, Function callback[, arguments, ...]);
+   *  on(String event, String method_name[, arguments, ...]);
+   *  on(Object events_hash);
    *
    * @return Observer self
    */
-  observe: function() {
+  on: function() {
     var args = $A(arguments), event = args.shift();
     
     if (isString(event)) {
@@ -1529,7 +1526,7 @@ var Observer = new Class({
    *   observes(Function callback)
    *   observes(String event, Function callback)
    *
-   * @retun Observer self
+   * @retun boolean check result
    */
   observes: function(event, callback) {
     if (this.$listeners) {
@@ -1624,14 +1621,12 @@ var Observer = new Class({
      */
     createShortcuts: function(object, names) {
       (names || []).each(function(name) {
-        var shortcuts = {}, method_name = name.replace(/:/g, '_').camelize();
-        shortcuts[method_name] = function() {
-          return this.fire.apply(this, [name].concat($A(arguments)));
-        };
-        shortcuts['on'+method_name.capitalize()] = function() {
-          return this.on.apply(this, [name].concat($A(arguments)));
-        };
-        $ext(object, shortcuts, true);
+        var method_name = 'on'+name.replace(/:/g, '_').camelize().capitalize();
+        if (!defined(object[method_name])) {
+          object[method_name] = function() {
+            return this.on.apply(this, [name].concat($A(arguments)));
+          };
+        }
       });
       
       return object;
@@ -1639,7 +1634,7 @@ var Observer = new Class({
   }
 });
 
-$alias(Observer.prototype, { on: 'observe' });
+$alias(Observer.prototype, { observe: 'on' });
 
 /**
  * iterators in-callbacks break exception
@@ -1659,7 +1654,7 @@ var Break = new Class(Error, {
  *   The additional method names are inspired by
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
 var Event = new Class(Event, {
   extend: {
@@ -1667,35 +1662,30 @@ var Event = new Class(Event, {
      * extends a native object with additional functionality
      *
      * @param Event event
+     * @param Element bounding element
      * @return Event same event but extended
      */
-    ext: function(event) {
+    ext: function(event, bound_element) {
       if (!event.stop) {
         $ext(event, this.Methods, true);
         
         if (Browser.IE) {
           // faking the which button
-          if (event.type == 'click' || event.type == 'dblclick') {
-            event.which = 1;
-          } else if (event.type == 'contextmenu') {
-            event.which = 3;
-          } else {
-            event.which = event.button == 2 ? 3 : event.button == 4 ? 2 : 1;
-          }
+          event.which = event.button == 2 ? 3 : event.button == 4 ? 2 : 1;
           
           // faking the mouse position
           var scrolls = window.scrolls();
 
           event.pageX = event.clientX + scrolls.x;
           event.pageY = event.clientY + scrolls.y;
-
-
-          // faking the relatedTarget
-          event.relatedTarget = event.type == 'mouseover' ? event.fromEvent :
-            event.type == 'mouseout' ? event.toEvent : null;
-
+          
           // faking the target property  
-          event.target = event.srcElement;
+          event.target = event.srcElement || bound_element;
+          
+          // faking the relatedTarget, currentTarget and other targets
+          event.relatedTarget = event[(event.target == event.fromElement ? 'to' : 'from') + 'Element'];
+          event.currentTarget = bound_element;
+          event.eventPhase    = 3; // bubbling phase
         }
       }
       
@@ -1731,20 +1721,6 @@ var Event = new Class(Event, {
       return name;
     },
     
-    /**
-     * Registers some additional event extendsions
-     *
-     * @param Object methods
-     * @return void
-     */
-    addMethods: function(methods) {
-      $ext(this.Methods, methods);
-      
-      try { // extending the events prototype
-        $ext(Event.parent.prototype, methods, true);
-      } catch(e) {};
-    },
-    
     // the additional methods registry
     Methods: {}
   },
@@ -1761,8 +1737,23 @@ var Event = new Class(Event, {
   }
 });
 
+
+/**
+ * Registers some additional event extendsions
+ *
+ * @param Object methods
+ * @return void
+ */
+Event.addMethods = Event.include = function(methods) {
+  $ext(this.Methods, methods);
+  
+  try { // extending the events prototype
+    $ext(Event.parent.prototype, methods, true);
+  } catch(e) {};
+};
+
 // hooking up the standard extendsions
-Event.addMethods({
+Event.include({
   stopPropagation: function() {
     this.cancelBubble = true;
   },
@@ -1799,7 +1790,7 @@ Event.Custom = function(name, options) {
 /**
  * The DOM Element unit handling
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
 self.Element = (function(old_Element) {
   
@@ -1845,7 +1836,7 @@ $ext(Element, {
    * will add them to prototype and will generate a non extensive static mirror
    * 
    * USAGE:
-   *  Element.addMethods({
+   *  Element.include({
    *    foo: function(bar) {}
    *  });
    *
@@ -1856,7 +1847,7 @@ $ext(Element, {
    * @param Boolean flag if the method should keep the existing methods alive
    * @return Element the global Element object
    */
-  addMethods: function(methods, dont_overwrite) {
+  include: function(methods, dont_overwrite) {
     $ext(this.Methods, methods, dont_overwrite);
     
     try { // busting up the basic element prototypes
@@ -1870,9 +1861,12 @@ $ext(Element, {
     return this;
   },
   
-  Methods: {} // DO NOT Extend this object manually unless you really need it, use Element#addMethods
+  Methods: {} // DO NOT Extend this object manually unless you really need it, use Element#include
 });
 
+// the old interface alias, NOTE will be nuked
+Element.addMethods = Element.include;
+
 /**
  * The DOM Element unit structures handling module
  *
@@ -1890,9 +1884,9 @@ $ext(Element, {
  *   The insertions system implementation is inspired by
  *     - MooTools  (http://mootools.net)      Copyright (C) Valerio Proietti
  *
- * Copyright (C) 2008 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
-Element.addMethods({
+Element.include({
   parent: function(css_rule) {
     return css_rule ? this.parents(css_rule)[0] : $(this.parentNode);
   },
@@ -1902,8 +1896,8 @@ Element.addMethods({
   },
   
   subNodes: function(css_rule) {
-    var first_child = this.firstChild;
-    return first_child ? (first_child.tagName ? [$(first_child)] : []
+    var first_child = $(this.firstChild);
+    return first_child ? (first_child.tagName && (!css_rule || first_child.match(css_rule)) ? [first_child] : []
       ).concat(this.rCollect.call(first_child, 'nextSibling', css_rule)) : [];
   },
   
@@ -1962,8 +1956,8 @@ Element.addMethods({
       var scripts, insertions = Element.insertions;
       position = isString(position) ? position.toLowerCase() : 'bottom';
       
-      if (isString(content)) {
-        content = content.stripScripts(function(s) { scripts = s; });
+      if (isString(content) || isNumber(content)) {
+        content = (''+content).stripScripts(function(s) { scripts = s; });
       }
       
       insertions[position](this, content.tagName ? content :
@@ -2006,9 +2000,9 @@ Element.addMethods({
    * @return Element self
    */
   update: function(content) {
-    if (isString(content)) {
+    if (isString(content) || isNumber(content)) {
       var scripts;
-      this.innerHTML = content.stripScripts(function(s) { scripts = s; });
+      this.innerHTML = (''+content).stripScripts(function(s) { scripts = s; });
       if (scripts) $eval(scripts);
     } else {
       this.clean().insert(content);
@@ -2161,9 +2155,9 @@ $alias(Element.insertions.wraps, {
  *     - MooTools  (http://mootools.net)      Copyright (C) Valerio Proietti
  *     - Dojo      (www.dojotoolkit.org)      Copyright (C) The Dojo Foundation
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
-Element.addMethods({
+Element.include({
   /**
    * assigns styles out of the hash to the element
    *
@@ -2329,9 +2323,9 @@ Element.addMethods({
  *   Most of the naming system in the module inspired by
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *
- * Copyright (C) 2008 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
-Element.addMethods({
+Element.include({
   /**
    * sets the element attributes
    *
@@ -2340,7 +2334,7 @@ Element.addMethods({
    * @return Element self
    */
   set: function(hash, value) {
-    if (value) { var val = {}; val[hash] = value; hash = val; }
+    if (typeof(hash) === 'string') { var val = {}; val[hash] = value; hash = val; }
     
     for (var key in hash) {
       // some attributes are not available as properties
@@ -2426,9 +2420,11 @@ Element.addMethods({
    * @return Element self
    */
   show: function(effect, options) {
-    // setting 'block' for the divs and 'inline' for the other elements hidden on the css-level
-    var value = this.tagName == 'DIV' ? 'block' : 'inline';
-    this.style.display = this._$pd == 'none' ? value : this._$pd || value;
+    if (this.getStyle('display') == 'none') {
+      // setting 'block' for the divs and 'inline' for the other elements hidden on the css-level
+      var value = this.tagName == 'DIV' ? 'block' : 'inline';
+      this.style.display = this._$pd == 'none' ? value : this._$pd || value;
+    }
     return this;
   },
   
@@ -2460,9 +2456,9 @@ Element.addMethods({
  * this module contains the Element's part of functionality 
  * responsible for the dimensions and positions getting/setting
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
-Element.addMethods({
+Element.include({
   /**
    * Returns the element sizes as a hash
    *
@@ -2619,9 +2615,9 @@ Element.addMethods({
 /**
  * DOM Element events handling methods
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
-Element.addMethods((function() {
+Element.include((function() {
   var observer = Observer.create({}, 
     $w('click rightclick contextmenu mousedown mouseup mouseover mouseout mousemove keypress keydown keyup')
   );
@@ -2636,7 +2632,7 @@ Element.addMethods((function() {
     observer.observe.toString().replace(/(\$listeners\.push\((\w+?)\);)/, '$1'+
       '$2.e=Event.cleanName($2.e);$2.n=Event.realName($2.e);'+
       
-      '$2.w=function(){var a=$A(arguments),e=($2.r&&$2.r!=="stopEvent")?a.shift():Event.ext(a[0]);'+
+      '$2.w=function(){var a=$A(arguments),e=($2.r&&$2.r!=="stopEvent")?a.shift():Event.ext(a[0],this);'+
         'return $2.f.apply(this,a.concat($2.a))};'+(
       
       self.attachEvent ?
@@ -2669,6 +2665,8 @@ Element.addMethods((function() {
   $ext(window,   observer);
   $ext(document, observer);
   
+  Observer.createShortcuts(window, $w('blur focus scroll'));
+  
   return observer;
 })());
 
@@ -2679,9 +2677,9 @@ Element.addMethods((function() {
  * NOTE: this module is just a wrap over the native CSS-selectors feature
  *       see the olds/css.js file for the manual selector code
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
-Element.addMethods((function() {
+Element.include((function() {
   /**
    * Native css-selectors include the current element into the search context
    * and as we actually search only inside of the element we add it's tag
@@ -2815,7 +2813,7 @@ return {
  */
 [window, document].each(function(object) {
   Observer.createShortcuts(object, ['ready']);
-  var ready = object.ready.bind(object);
+  var ready = object.fire.bind(object, 'ready');
   
   // IE and Konqueror browsers
   if (document.readyState !== undefined) {
@@ -2835,7 +2833,7 @@ return {
  *   The basic principles of the module are inspired by
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *
- * Copyright (C) 2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
 var Form = function(options) {
   var options = options || {}, remote = options.remote,
@@ -2865,7 +2863,7 @@ $ext(Form, {
    * @param Object methods hash
    * @return void
    */
-  addMethods: function(methods, dont_overwrite) {
+  include: function(methods, dont_overwrite) {
     $ext(Form.Methods, methods, dont_overwrite);
     
     try { // trying to extend the form element prototype
@@ -2874,7 +2872,8 @@ $ext(Form, {
   }
 });
 
-Form.addMethods({
+Form.addMethods = Form.include;
+Form.include({
   /**
    * returns the form elements as an array of extended units
    *
@@ -2963,7 +2962,7 @@ Form.addMethods({
 });
 
 // creating the shortcuts
-Form.addMethods(Observer.createShortcuts({}, $w('submit reset focus')), true);
+Form.include(Observer.createShortcuts({}, $w('submit reset focus')), true);
 
 
 
@@ -2974,7 +2973,7 @@ Form.addMethods(Observer.createShortcuts({}, $w('submit reset focus')), true);
  *   The basic ideas are taken from
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *
- * Copyright (C) 2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
 (function() {
   // trying to get the input element classes list
@@ -3006,7 +3005,7 @@ Form.addMethods(Observer.createShortcuts({}, $w('submit reset focus')), true);
      * @param Object methods list
      * @return void
      */
-    addMethods: function(methods, dont_overwrite) {
+    include: function(methods, dont_overwrite) {
       $ext(this.Methods, methods, dont_overwrite);
 
       // extending the input element prototypes
@@ -3025,8 +3024,8 @@ Form.addMethods(Observer.createShortcuts({}, $w('submit reset focus')), true);
     });
   });
 })();
-
-Form.Element.addMethods({
+Form.Element.addMethods = Form.Element.include;
+Form.Element.include({
   /**
    * uniform access to the element values
    *
@@ -3119,7 +3118,7 @@ Form.Element.addMethods({
 });
 
 // creating the common event shortcuts
-Form.Element.addMethods(Observer.createShortcuts({}, $w('disable enable focus blur change')), true);
+Form.Element.include(Observer.createShortcuts({}, $w('disable enable focus blur change')), true);
 
 
 /**
@@ -3445,15 +3444,20 @@ var Xhr = new Class(Observer, {
   
   // sanitizes the json-response texts
   sanitizedJSON: function() {
-    // checking the JSON response formatting
-    if (!(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(this.text.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) {
-      if (this.secureJSON) {
-        throw "JSON parse error: "+this.text;
-      } else {
-        return null;
+    try {
+      return JSON.parse(this.text);
+    } catch(e) {
+      // manual json consistancy check
+      if (self.JSON || !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(this.text.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) {
+        if (this.secureJSON) {
+          throw "JSON parse error: "+this.text;
+        } else {
+          return null;
+        }
       }
     }
     
+    // the fallback JSON extraction
     return eval("("+this.text+")");
   },
   
@@ -3520,9 +3524,9 @@ Xhr.onCreate(function() {
  *     - Prototype (http://prototypejs.org)   Copyright (C) Sam Stephenson
  *     - jQuery    (http://jquery.com)        Copyright (C) John Resig
  *
- * Copyright (C) 2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2009-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
-Form.addMethods({
+Form.include({
   /**
    * sends the form via xhr request
    *
@@ -3576,9 +3580,9 @@ Form.addMethods({
  * Credits:
  *   - jQuery    (http://jquery.com)        Copyright (C) John Resig
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-il>
  */
-Element.addMethods({
+Element.include({
   /**
    * performs an Xhr request to the given url
    * and updates the element internals with the responseText
@@ -4313,9 +4317,9 @@ Fx.Scroll = new Class(Fx, {
  *   Some ideas are inspired by 
  *     - MooTools  (http://mootools.net)      Copyright (C) Valerio Proietti
  *
- * Copyright (C) 2008-2009 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
+ * Copyright (C) 2008-2010 Nikolay V. Nemshilov aka St. <nemshilov#gma-ilc-om>
  */
-Element.addMethods((function(methods) {
+Element.include((function(methods) {
   var old_hide   = methods.hide,
       old_show   = methods.show,
       old_scroll = methods.scrollTo;

data/javascripts/right-tabs-src.js

@@ -314,7 +314,7 @@ Tabs.Panel = new Class(Observer, {
     
     var controller = this.tab.controller;
     var options    = controller.options;
-    var prev_panel = controller.element.subNodes().first('hasClass', 'right-tabs-panel-current');
+    var prev_panel = controller.element.first('.right-tabs-panel-current');
     var this_panel = this.element;
     var swapping   = prev_panel != this_panel;
     var loading    = this.element.first('div.right-tabs-panel-locker');
@@ -347,19 +347,23 @@ Tabs.Panel = new Class(Observer, {
         // wrapping the element with an overflowed element to visualize the resize
         var fx_wrapper = $E('div', {'class': 'right-tabs-resizer'});
         var set_back = fx_wrapper.replace.bind(fx_wrapper, this_panel);
-        this_panel.wrap(fx_wrapper);
-        fx_wrapper.setHeight(prev_panel_height);
+        fx_wrapper.style.height = prev_panel_height + 'px';
         
         // in case of harmonica nicely hidding the previous panel
         if (controller.isHarmonica && swapping) {
           prev_panel.addClass('right-tabs-panel-current');
-          var hide_wrapper = $E('div', {'class': 'right-tabs-resizer'}).setHeight(prev_panel.offsetHeight);
+          var hide_wrapper = $E('div', {'class': 'right-tabs-resizer'});
+          hide_wrapper.style.height = prev_panel.offsetHeight + 'px';
           var prev_back = function() {
             hide_wrapper.replace(prev_panel.removeClass('right-tabs-panel-current'));
           };
           prev_panel.wrap(hide_wrapper);
+          
+          fx_wrapper.style.height = '0px';
         }
         
+        this_panel.wrap(fx_wrapper);
+        
         // getting back the auto-size so we could resize it
         controller.element.style.height = 'auto';
         
@@ -794,20 +798,17 @@ return {
    * @return Tabs this
    */
   startLoop: function(delay) {
-    if (isNumber(delay)) this.options.loop = delay;
+    if (!delay && !this.options.loop) return this;
     
     // attaching the loop pause feature
     if (this.options.loopPause) {
-      this._stopLoop  = this._stopLoop  || this.stopLoop.bind(this);
-      this._startLoop = this._startLoop || this.startLoop.bind(this);
+      this._stopLoop  = this._stopLoop  || this.stopLoop.bind(this, true);
+      this._startLoop = this._startLoop || this.startLoop.bind(this, delay);
       
-      this.element
-        .stopObserving('mouseover', this._stopLoop)
-        .stopObserving('mouseout', this._startLoop)
-        .on({
-          mouseover: this._stopLoop,
-          mouseout:  this._startLoop
-        });
+      this.forgetHovers().on({
+        mouseover: this._stopLoop,
+        mouseout:  this._startLoop
+      });
     }
     
     if (this.timer) this.timer.stop();
@@ -819,7 +820,7 @@ return {
       
       this.show(next || enabled.first());
       
-    }.bind(this).periodical(this.options.loop);
+    }.bind(this).periodical(this.options.loop || delay);
     
     return this;
   },
@@ -829,13 +830,23 @@ return {
    *
    * @return Tabs this
    */
-  stopLoop: function() {
+  stopLoop: function(event, pause) {
     if (this.timer) {
       this.timer.stop();
       this.timer = null;
     }
+    if (!pause && this._startLoop)
+      this.forgetHovers();
+  },
+  
+// private
+  forgetHovers: function() {
+    return this.element
+      .stopObserving('mouseover', this._stopLoop)
+      .stopObserving('mouseout', this._startLoop);
   }
   
+  
 }})());
 
 /**