lsd_rails 0.1.2 → 0.1.3

data/Packages/lsd/Source/Mixin/Animation.js

@@ -74,4 +74,4 @@ LSD.Mixin.Animation = new Class({
   
 });
 
-LSD.Behavior.define('[animation]', LSD.Mixin.Animation);
+LSD.Behavior.define('[animation]', 'animation');

data/Packages/lsd/Source/Mixin/Choice.js

@@ -23,7 +23,7 @@ LSD.Mixin.Choice = new Class({
       many: {
         items: {
           states: {
-            add: Array.fast('chosen')
+            add: Array.object('chosen')
           }
         }
       }
@@ -59,4 +59,4 @@ LSD.Mixin.Choice = new Class({
 });
 
 
-LSD.Behavior.define(':choice', LSD.Mixin.Choice);
+LSD.Behavior.define(':choice', 'choice');

data/Packages/lsd/Source/Mixin/Command.js

@@ -43,7 +43,10 @@ LSD.Mixin.Command = new Class({
     },
     events: {
       _command: {
-        'setDocument': 'getCommand'
+        'setDocument': function() {
+          this.getCommand();
+          this.eachLink('quickstart', true, true, !this.getCommandState());
+        },
       }
     }
   },
@@ -57,9 +60,14 @@ LSD.Mixin.Command = new Class({
   
   click: function() {
     if (this.disabled) return false;
-    this.fireEvent('click');
+    this.fireEvent('click', arguments);
     this.getCommand().click();
-    this.callChain();
+    var method = this.getCommandState() ? 'callChain' : 'uncallChain';
+    return this[method].apply(this, arguments) != false;
+  },
+  
+  unclick: function() {
+    return this.uncallChain.apply(this, arguments);
   },
   
   setCommandType: function(type) {
@@ -72,10 +80,6 @@ LSD.Mixin.Command = new Class({
     delete this.commandType
   },
   
-  getCommandType: function() {
-    return this.commandType || (this.pseudos.checkbox && 'checkbox') || (this.pseudos.radio && 'radio') || 'command';
-  },
-  
   getCommandAction: function() {
     return this.attributes.commandaction || this.options.commandAction || this.captureEvent('getCommandAction', arguments);
   },
@@ -90,9 +94,23 @@ LSD.Mixin.Command = new Class({
   
 });
 
+Object.append(LSD.Mixin.Command, {
+  getCommandType: function() {
+    return this.commandType || (this.pseudos.checkbox && 'checkbox') || (this.pseudos.radio && 'radio') || 'command';
+  },
+  
+  getCommandState: function() {
+    return (LSD.Mixin.Command.getCommandType.call(this) == 'command') || this.checked;
+  }
+});
+
+['getCommandType', 'getCommandState'].each(function(method) {
+  LSD.Mixin.Command.implement(method, LSD.Mixin.Command[method]);
+});
+
 LSD.Options.commandType = {
   add: 'setCommandType',
   remove: 'unsetCommandType'
 };
 
-LSD.Behavior.define(':command, :radio, :checkbox, [accesskey]', LSD.Mixin.Command);
+LSD.Behavior.define(':command, :radio, :checkbox, [accesskey]', 'command');

data/Packages/lsd/Source/Mixin/ContentEditable.js

@@ -9,6 +9,7 @@ license: Public domain (http://unlicense.org).
  
 requires:
   - LSD.Mixin
+  - require
   
 uses:
   - CKEDITOR
@@ -121,4 +122,4 @@ LSD.Mixin.ContentEditable = new Class({
   }
 });
 
-LSD.Behavior.define('[contenteditable=editor]', LSD.Mixin.ContentEditable);
+LSD.Behavior.define('[contenteditable=editor]', 'content_editable');

data/Packages/lsd/Source/{Trait → Mixin}/Date.js

@@ -10,16 +10,16 @@ license: Public domain (http://unlicense.org).
 authors: Yaroslaff Fedin
  
 requires:
-  - LSD.Trait
+  - LSD.Mixin
   - More/Date
 
 provides:
-  - LSD.Trait.Date
+  - LSD.Mixin.Date
  
 ...
 */
 
-LSD.Trait.Date = new Class({
+LSD.Mixin.Date = new Class({
   options: {
     date: {
       interval: 'month',
@@ -28,8 +28,15 @@ LSD.Trait.Date = new Class({
   },
   
   setDate: function(date) {
+    if (date && !date.getDate) {
+      var source = date;
+      date = this.parseDate(date);
+    }
+    if (!date) return;
+    if (source) this.dateSource = source;
+    else if (this.dateSource) delete this.dateSource;
     this.date = date;
-    if (date) this.fireEvent('setDate', date)
+    this.fireEvent('setDate', [date, source])
   },
   
   formatDate: function(date) {
@@ -49,18 +56,21 @@ LSD.Trait.Date = new Class({
     return new Date;
   },
   
-  parseDate: function(date) {
-    return Date.parse(date);
+  parseDate: function(input) {
+    var date = Date.parse(input);
+    if (date.isValid()) return date;
   },
   
-  increment: function(number) {
+  increment: function(number, interval) {
     number = number.toInt ? number.toInt() : 1;
-    this.setDate(this.getDate().increment(this.options.date.interval, number))
+    this.setDate(this.getDate().clone().increment(interval || this.options.date.interval, number))
   },
 
-  decrement: function(number) {
+  decrement: function(number, interval) {
     number = number.toInt ? number.toInt() : 1;
-    this.setDate(this.getDate().decrement(this.options.date.interval, number))
+    this.setDate(this.getDate().clone().decrement(interval || this.options.date.interval, number))
   }
   
-});
+});
+
+LSD.Behavior.define(':date', 'date');

data/Packages/lsd/Source/{Trait/Menu.js → Mixin/Details.js}

@@ -14,8 +14,13 @@ requires:
   - Widgets/LSD.Widget.Menu.Context
 
 provides:
-  - LSD.Trait.Menu
+  - LSD.Trait.Details
  
 ...
 */
 
+LSD.Mixin.Details = new Class({
+  
+});
+
+LSD.Behaviour.define(':details', 'details');

data/Packages/lsd/Source/Mixin/Draggable.js

@@ -110,4 +110,4 @@ LSD.Mixin.Draggable = new Class({
   
 });
 
-LSD.Behavior.define('[draggable]', LSD.Mixin.Draggable);
+LSD.Behavior.define('[draggable]', 'draggable');

data/Packages/lsd/Source/Mixin/Fieldset.js

@@ -26,6 +26,9 @@ LSD.Mixin.Fieldset = new Class({
           scopes: {
             submittable: {
               filter: '[name]:valued'
+            },
+            invalid: {
+              filter: ':invalid'
             }
           },
           callbacks: {
@@ -42,41 +45,20 @@ LSD.Mixin.Fieldset = new Class({
     }
   },
   
-  constructors: {
-    fieldset: function() {
-      this.names = {};
-      this.params = {};
-      return {
-        events: {
-          request: {
-            request: 'validateFields',
-            badRequest: 'parseFieldErrors'
-          },
-          self: {
-            beforeNodeBuild: function(query, widget) {
-              if (!widget.options.clone) return;
-              var attrs = query.attributes, attributes = widget.attributes;
-              var name = attributes.name, id = attributes.id;
-              // bump name index
-              if (name) (attrs || (attrs = {})).name = Fieldset.bumpName(name) || name;
-              // bump id index
-              if (id) (attrs || (attrs = {})).id = Fieldset.bumpId(id) || id;
-              if (widget.tagName == 'label') {
-                var four = attributes['for'];
-                if (four) (attrs || (attrs = {}))['for'] = Fieldset.bumpId(four) || four;
-              }
-              if (attrs) query.attributes = attrs;
-            }
-          }
-        }
-      }
-    }
+  onMix: function() {
+    this.names = {};
+    this.params = {};
+    this.addEvents(LSD.Mixin.Fieldset.events);
+  },
+  
+  onUnmix: function() {
+    this.removeEvents(LSD.Mixin.Fieldset.events);
   },
   
   checkValidity: function() {
-    var valid = true;
-    for (var i = 0, element; element = this.elements[i++];) if (!element.checkValidity()) valid = false;
-    return valid;
+    return this.elements.every(function(element) { 
+      return element.checkValidity();
+    });
   },
   
   getData: function() {
@@ -106,8 +88,19 @@ LSD.Mixin.Fieldset = new Class({
       var field = this.names[name];
       if (!field) continue;
       field.invalidate(errors[name]);
-      this.invalid = true;
     }
+    this.errors = errors;
+    this.addEvent('beforeSubmit:once', this.removeFieldErrors);
+  },
+  
+  removeFieldErrors: function() {
+    var errors = this.errors;
+    for (var name in errors) {
+      var field = this.names[name];
+      if (!field) continue;
+      if (field.invalid) field.setStateTo('invalid', false);
+    }
+    delete this.errors
   },
 
   parseFieldErrors: function(response) {
@@ -118,8 +111,8 @@ LSD.Mixin.Fieldset = new Class({
     } else { //rooted response (publication: {errors: {}}), new rails
       var regex = Fieldset.rPrefixAppender;
       for (var model in response) {
-        var value = response[model], errors = value.errors;
-        if (!errors) continue;
+        var value = response[model]; 
+        if (!(errors = value.errors)) continue;
         for (var i = 0, error; error = errors[i++];)
           result[Fieldset.getName(model, error[0])] = error[1];
       }
@@ -178,12 +171,6 @@ LSD.Mixin.Fieldset = new Class({
     }
     return object
   },
-
-  invalidateFields: function(errors) {
-    this.getFields(errors, function(field, error) {
-      field.invalidate(error);
-    });
-  },
   
   getFieldsByName: function(fields, callback, root) {
     if (fields.call && (callback = fields)) fields = null;
@@ -194,13 +181,6 @@ LSD.Mixin.Fieldset = new Class({
     }.bind(this));
   },
   
-  validateFields: function(fields) {
-    if (!this.invalid) return;
-    this.elements.each(function(field) {
-      if (field.invalid) field.validate(true);
-    });
-  },
-
   getModelName: function() {
     for (var name in this.params) if (!this.params[name].nodeType) return name;
   }
@@ -230,6 +210,28 @@ var Fieldset = Object.append(LSD.Mixin.Fieldset, {
   }
 });
 
-LSD.Behavior.define(':fieldset', Fieldset);
+Fieldset.events = {
+  request: {
+    badRequest: 'parseFieldErrors'
+  },
+  self: {
+    beforeNodeBuild: function(query, widget) {
+      if (!widget.options.clone) return;
+      var attrs = query.attributes, attributes = widget.attributes;
+      var name = attributes.name, id = attributes.id;
+      // bump name index
+      if (name) (attrs || (attrs = {})).name = Fieldset.bumpName(name) || name;
+      // bump id index
+      if (id) (attrs || (attrs = {})).id = Fieldset.bumpId(id) || id;
+      if (widget.tagName == 'label') {
+        var four = attributes['for'];
+        if (four) (attrs || (attrs = {}))['for'] = Fieldset.bumpId(four) || four;
+      }
+      if (attrs) query.attributes = attrs;
+    }
+  }
+};
+
+LSD.Behavior.define(':fieldset', 'fieldset');
 
 }();

data/Packages/lsd/Source/Mixin/Focusable.js

@@ -22,88 +22,87 @@ provides:
   
 LSD.Mixin.Focusable = new Class({
   options: {
+    pseudos: Array.object('activatable'),
     actions: {
       focusable: {
         target: false,
         enable: function(target) {
-          if (target.tabindex != null) {
-            target.attributes.tabindex = target.tabindex
-            if (target.focuser) target.element.set('tabindex', target.tabindex)
-            delete target.tabindex;
-          }
           if (target.attributes.tabindex == -1) return;
-          target.getFocuser();
-          target.addEvents(target.events.focus);
-          target.element.addEvents(target.bindEvents({mousedown: 'retain'}));
+          if (!this.isNativelyFocusable()) target.getFocuser();
+          target.addEvents(LSD.Mixin.Focusable.events);
         },
         
         disable: function(target) {
-          target.blur();
-          if (target.options.tabindex == -1) return;
-          target.tabindex = target.options.tabindex || 0;
-          target.element.set('tabindex', -1)
-          target.attributes.tabindex = -1;
-          target.removeEvents(target.events.focus);
-          target.element.removeEvents(target.bindEvents({mousedown: 'retain'}));
+          if (target.focused) target.blur();
+          if (target.focuser) target.focuser.destroy();
+          if (target.attributes.tabindex == -1) return;
+          target.removeEvents(LSD.Mixin.Focusable.events);
+          target.setAttribute('tabindex', target.tabindex);
         }
       }
-    }
+    },
+    states: Array.object('focused')
   },
   
   getFocuser: function() {
     if (!this.focuser) this.focuser = new QFocuser(this.toElement(), {
       onWidgetFocus: this.onFocus.bind(this),
       onWidgetBlur: this.onBlur.bind(this),
-      tabIndex: this.getAttribute('tabindex')
+      tabIndex: this.attributes.tabindex
     });
     return this.focuser;
   },
   
   focus: function(element) {
     if (element !== false) {
-      this.getFocuser().focus(element || this.element);
+      if (this.focuser) this.focuser.focus(element.localName ? element : this.element);
+      else this.element.focus();
       this.document.activeElement = this;
     }
-    if (this.focused) return;
-    this.focused = true;
-    this.fireEvent('focus', arguments);
-    this.onStateChange('focused', true);
     LSD.Mixin.Focusable.Propagation.focus(this);
   },
   
   blur: function(propagated) {
-    if (!this.focused) return;
-    this.focused = false;
-    this.fireEvent('blur', arguments);
-    this.onStateChange('focused', false);
+    if (!this.focuser) this.element.blur();
     if (!propagated) LSD.Mixin.Focusable.Propagation.blur.delay(10, this, this);
   },
   
-  retain: function(e) {
-    if (e) e.preventDefault();
-    this.focus();
-  },
-  
   onFocus: function() {
     this.focus(false);
     this.document.activeElement = this;
   },
   
   onBlur: function() {
-    var active = this.document.activeElement;
-    if (active == this) delete this.document.activeElement;
-    while (active && (active = active.parentNode)) if (active == this) return;
-    this.blur();
+    this.blurring = true;
+    !function() {
+      if (this.blurring === false) return;
+      delete this.blurring;
+      var active = this.document.activeElement;
+      if (active == this) delete this.document.activeElement;
+      while (active && (active = active.parentNode)) if (active == this) return;
+      this.blur();
+    }.delay(20, this);
   },
   
   getKeyListener: function() {
-    return this.getFocuser().getKeyListener()
+    return this.isNativelyFocusable() ? this.toElement : this.getFocuser().getKeyListener()
+  },
+  
+  isNativelyFocusable: function() {
+    return this.getElementTag() == 'input';
   }
 });
 
+LSD.Mixin.Focusable.events = {
+  mousedown: 'focus'
+};
+
 LSD.Mixin.Focusable.Propagation = {
   focus: function(parent) {
-    while (parent = parent.parentNode) if (parent.getFocuser) parent.focus(false);
+    while (parent = parent.parentNode) if (parent.focus) {
+      parent.focus(false);
+      if (parent.blurring) parent.blurring = false;
+    }
   },
   
   blur: function(parent) {
@@ -114,9 +113,9 @@ LSD.Mixin.Focusable.Propagation = {
     }
     while (parent = parent.parentNode) {
       if (active && hierarchy.contains(parent)) break;
-      if (parent.options && (parent.attributes.tabindex != null) && parent.blur) parent.blur(true);
+      if (parent.blur) parent.blur(true);
     }
   }
 };
 
-LSD.Behavior.define('[tabindex][tabindex!=-1], :focusable', LSD.Mixin.Focusable);
+LSD.Behavior.define('[tabindex][tabindex!=-1], :focusable', 'focusable');

data/Packages/lsd/Source/Mixin/Invokable.js

@@ -31,36 +31,35 @@ LSD.Mixin.Invokable = new Class({
         }
       }
     },
-    states: {
-      invoked: {
-        enabler: 'invoke',
-        disabler: 'revoke'
-      }
-    },
+    states: Array.object('invoked'),
     events: {
       _invokable: {
         submit: function() {
           this.revoke(true);
         },
-        cancel: 'revoke'
+        cancel: 'revoke',
+        setParent: function(widget) {
+          this.invoke(widget)
+        },
+        unsetParent: 'revoke'
       }
     }
   },
   
-  constructors: {
-    invoker: function() {
-      var invoker = this.invoker || this.options.invoker;
-      if (invoker) this.invoke(invoker);
-    }
+  onMix: function() {
+    var invoker = this.invoker || this.options.invoker;
+    if (invoker) this.invoke(invoker);
   },
   
   invoke: function(invoker) {
+    console.error('invoked', invoker.tagName);
     this.invoker = invoker;
-    this.fireEvent('invoke', invoker);
+    this.fireEvent('invoke', arguments);
     this.fireEvent('register', ['invoker', invoker]);
   },
   
   revoke: function(soft) {
+    console.error('revoked');
     var invoker = this.invoker;
     if (soft !== true) this.invoker.uncallChain();
     this.fireEvent('revoke', invoker);
@@ -80,4 +79,4 @@ LSD.Mixin.Invokable = new Class({
   }
 });
 
-LSD.Behavior.define(':invokable', LSD.Mixin.Invokable);
+LSD.Behavior.define(':invokable', 'invokable');

data/Packages/lsd/Source/Mixin/List.js

@@ -23,13 +23,6 @@ LSD.Mixin.List = new Class({
   options: {
     endless: true,
     force: false,
-    proxies: {
-      container: {
-        condition: function(widget) {
-          return !!widget.setList
-        }
-      }
-    },
     shortcuts: {
       previous: 'previous',
       next: 'next'
@@ -38,22 +31,21 @@ LSD.Mixin.List = new Class({
       many: {
         items: {
           selector: ':item',
-          traits: Array.fast('selectable'),
+          traits: Array.object('selectable'),
           as: 'list',
-          pseudos: Array.fast('value'),
+          pseudos: Array.object('value'),
           options: function() {
             if (this.attributes.multiple) {
-              return {pseudos: Array.fast('checkbox')};
+              return {pseudos: Array.object('checkbox')};
             } else {
-              return {pseudos: Array.fast('radio'), radiogroup: this.lsd};
+              return {pseudos: Array.object('radio'), radiogroup: this.lsd};
             }
           },
           states: {
             link: {
               checked: 'selected',
               selected: 'checked'
-            },
-            add: Array.fast('selected', 'checked')
+            }
           },
           callbacks: {
             fill: 'fill',
@@ -62,7 +54,7 @@ LSD.Mixin.List = new Class({
         }
       }
     },
-    states: Array.fast('empty')
+    states: Array.object('empty')
   },
   
   findItemByValue: function(value) {
@@ -74,11 +66,11 @@ LSD.Mixin.List = new Class({
   },
   
   sort: function(sort) {
-    return this.getItems().sort(sort)
+    return this.items.sort(sort)
   },
   
   filter: function(filter) {
-    return this.getItems().filter(filter)
+    return this.items.filter(filter)
   },
   
   next: function() {
@@ -96,4 +88,4 @@ LSD.Mixin.List = new Class({
 });
 
 
-LSD.Behavior.define(':list', LSD.Mixin.List);
+LSD.Behavior.define(':list', 'list');

data/Packages/lsd/Source/Mixin/Placeholder.js

@@ -43,12 +43,7 @@ LSD.Mixin.Placeholder = new Class({
         }
       }
     },
-    states: {
-      placeheld: {
-        enabler: 'placehold',
-        disabler: 'unplacehold'
-      }
-    }
+    states: Array.object('placeheld')
   },
   
   getPlaceholder: function(){
@@ -74,4 +69,4 @@ LSD.Mixin.Placeholder = new Class({
   
 });
 
-LSD.Behavior.define('[placeholder]', LSD.Mixin.Placeholder);
+LSD.Behavior.define('[placeholder]', 'placeholder');

data/Packages/lsd/Source/Mixin/Request.js

@@ -25,7 +25,7 @@ LSD.Mixin.Request = new Class({
     request: {
       method: 'get'
     },
-    states: Array.fast('working'),
+    states: Array.object('working'),
     events: {
       self: {
         submit: function() {
@@ -65,15 +65,17 @@ LSD.Mixin.Request = new Class({
     var request = this.getRequest(options);
     request.addEvent('complete:once', function() {
       if (callback) callback();
-      if (request.isSuccess() && this.getCommandAction && this.getCommandAction() == 'submit')
+      if (request.isSuccess && request.isSuccess() && this.getCommandAction && this.getCommandAction() == 'submit')
         if (this.chainPhase == -1 || (this.chainPhase == this.getActionChain().length - 1))  
           this.eachLink('optional', arguments, true);
     }.bind(this));
+    this.fireEvent('send', options);
     return request.send(options);
   },
   
   stop: function() {
     if (this.request) this.request.cancel();
+    this.fireEvent('stop');
     return this;
   },
   
@@ -117,4 +119,4 @@ LSD.Mixin.Request = new Class({
   }
 });
 
-LSD.Behavior.define(':form[action], [src], [href]', LSD.Mixin.Request);
+LSD.Behavior.define(':form[action], [src], [href]', 'request');

data/Packages/lsd/Source/Mixin/Resizable.js

@@ -61,7 +61,7 @@ LSD.Mixin.Resizable = new Class({
   initialize: function() {
     this.parent.apply(this, arguments);
     var options = this.options.resizer;
-    var rules = (new FastArray).concat(this.getAttribute('resizable').split(/\s+/));
+    var rules = (new Object.Array).concat(this.getAttribute('resizable').split(/\s+/));
     options.modifiers.x = (!rules.x && rules.y) ? false : 'width';
     options.modifiers.y = (!rules.y && rules.x) ? false : 'height';
     options.fit = !!rules.fit;
@@ -117,7 +117,7 @@ LSD.Mixin.Resizable = new Class({
       return ((value == 'inherit') || (value == 'auto') || child.style.expressed[prop]) ? value : null
     }
     if (!this.liquid) {
-      this.liquid = LSD.Module.DOM.walk(this, function(child) { 
+      this.liquid = LSD.Module.DOM.each(this, function(child) { 
         return getLiquid(c, 'width')
       }) || []
       this.liquid.include(this.resized);
@@ -179,4 +179,4 @@ LSD.Mixin.Resizable = new Class({
   }
 });
 
-LSD.Behavior.define('[resizable][resizable!=false]', LSD.Mixin.Resizable);
+LSD.Behavior.define('[resizable][resizable!=false]', 'resizable');