lsd_rails 0.1.2 → 0.1.3

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

@@ -78,4 +78,4 @@ LSD.Mixin.Resource = new Class({
   }
 });
 
-LSD.Behavior.define(':resource, [itemscope]', LSD.Mixin.Resource);
+LSD.Behavior.define(':resource, [itemscope]', 'resource');

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

@@ -25,17 +25,33 @@ LSD.Mixin.Root = new Class({
           node.root = this;
           node.fireEvent('setRoot', this);
           node.fireEvent('register', ['root', this]);
+          node.fireEvent('relate', [this, 'root']);
         },
         nodeRemoved: function(node) {
           if (node.root == this) {
             node.fireEvent('unsetRoot', this);
             node.fireEvent('unregister', ['root', this]);
+            node.fireEvent('unrelate', [this, 'root']);
             delete node.root;
           }
         }
       }
     }
+  },
+  
+  onMix: function() {
+    this.root = this;
+    this.fireEvent('setRoot', this);
+    this.fireEvent('relate', [this, 'root']);
+    this.fireEvent('register', ['root', this]);
+  },
+  
+  onUnmix: function() {
+    delete this.root;
+    this.fireEvent('unsetRoot', this);
+    this.fireEvent('unregister', ['root', this]);
+    this.fireEvent('unrelate', [this, 'root']);
   }
 });
 
-LSD.Behavior.define(':root', LSD.Mixin.Root);
+LSD.Behavior.define(':root', 'root');

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

@@ -66,4 +66,4 @@ LSD.Mixin.Scrollable = new Class({
   })
 });
 
-LSD.Behavior.define('[scrollable]', LSD.Mixin.Scrollable);
+LSD.Behavior.define('[scrollable]', 'scrollable');

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

@@ -27,7 +27,7 @@ LSD.Mixin.Sortable = new Class({
       constrain: true,
       revert: true
     },
-    pseudos: Array.fast('activatable'),
+    pseudos: Array.object('activatable'),
     events: {
       self: {
         mousedown: 'onBeforeSortStart'
@@ -131,4 +131,4 @@ LSD.Mixin.Sortable = new Class({
   
 });
 
-LSD.Behavior.define(':sortable', LSD.Mixin.Sortable);
+LSD.Behavior.define(':sortable', 'sortable');

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

@@ -41,6 +41,7 @@ LSD.Mixin.Submittable = new Class({
   },
   
   submit: function(event) {
+    this.fireEvent('beforeSubmit', arguments);
     if (event && event.type == 'submit' && event.target == this.element)
       event.preventDefault();
     var submission = this.captureEvent('submit', arguments);
@@ -61,4 +62,4 @@ LSD.Mixin.Submittable = new Class({
   }
 });
 
-LSD.Behavior.define(':submittable', LSD.Mixin.Submittable);
+LSD.Behavior.define(':submittable', 'submittable');

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

@@ -26,12 +26,17 @@ provides:
         target: function() {
           if (!this.attributes.target) return;
           return this.parseTargetSelector(this.attributes.target).map(function(chain) {
-            if (!chain.action) chain.action = this.getTargetAction(); 
-            if (!chain.action) return;
+            chain = Object.append({}, chain);
+            if (!chain.action && !(chain.action = this.getTargetAction())) return;
             if (chain.selector) {
-              chain.target = function() {
-                return this.getElements(chain.selector);
-              }.bind(this);
+              chain.target = function(callback, state, revert) {
+                if (chain.selector.expressions[0][0].combinator.charAt(0) != '$') {
+                  this[(state == true && revert) ? 'unwatch' : 'watch'](chain.selector, callback);
+                  return true;
+                } else {
+                  return this.getElements(chain.selector);
+                }
+              }.bind(this)
             };
             switch (chain.keyword) {
               case "before":
@@ -96,7 +101,7 @@ provides:
     }
   };
   
-  var Keywords = Parser.Keywords = Array.fast('if', 'then', 'else', 'or', 'and', 'before');
+  var Keywords = Parser.Keywords = Array.object('if', 'then', 'else', 'or', 'and', 'before', 'do');
 }();
 
 LSD.Behavior.define('[target]', LSD.Mixin.Target);

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

@@ -34,8 +34,8 @@ LSD.Mixin.Touchable = new Class({
         }
       }
     },
-    states: Array.fast('active')
+    states: Array.object('active')
   }
 });
 
-LSD.Behavior.define(':touchable', LSD.Mixin.Touchable);
+LSD.Behavior.define(':touchable', 'touchable');

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

@@ -32,4 +32,4 @@ LSD.Mixin.Unselectable = new Class({
   }
 });
 
-LSD.Behavior.define(':unselectable', LSD.Mixin.Unselectable);
+LSD.Behavior.define(':unselectable', 'unselectable');

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

@@ -61,7 +61,7 @@ LSD.Mixin.Uploader = new Class({
         }
       }
     },
-    states: Array.fast('empty'),
+    states: Array.object('empty'),
     filelist: false,
     uploader: {
       instantStart: true,
@@ -71,10 +71,8 @@ LSD.Mixin.Uploader = new Class({
     }
   },
   
-  constructors: {
-    uploader: function() {
-      this.blobs = {};
-    }
+  onMix: function() {
+    this.blobs = {};
   },
   
   getUploader: function() {
@@ -176,7 +174,7 @@ LSD.Mixin.Uploader = new Class({
   addFile: function(blob) {
     var widget = new (this.getUploaderFileClass());
     widget.widget = this;
-    widget.setState('complete');
+    widget.states.add('complete');
     widget.build();
     widget.setBase(this.getUploader());
     widget.setFile(blob);
@@ -206,15 +204,15 @@ LSD.Mixin.Upload = new Class({
         if (this.progress) this.progress.set(progress.percentLoaded);
       },
       start: function() {
-        this.setState('started');
+        this.states.add('started');
       },
       complete: function() {
         if (this.progress) this.progress.set(100);
-        this.unsetState('started');
-        this.setState('complete');
+        this.states.remove('started');
+        this.states.add('complete');
       },
       stop: function() {
-        this.unsetState('started');
+        this.states.remove('started');
       },
       remove: 'dispose'
     }
@@ -253,7 +251,7 @@ LSD.Widget.Filelist.File = new Class({
       '::canceller': 'Cancel',
       '::progress': true
     },
-    pseudos: Array.fast('upload'),
+    pseudos: Array.object('upload'),
     events: {
       setFile: function() {
         this.write(this.name);
@@ -273,5 +271,5 @@ LSD.Widget.Filelist.File = new Class({
   }
 });
 
-LSD.Behavior.define(':uploader', LSD.Mixin.Uploader);
-LSD.Behavior.define(':upload', LSD.Mixin.Upload);
+LSD.Behavior.define(':uploader', 'uploader');
+LSD.Behavior.define(':upload', 'upload');

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

@@ -35,15 +35,19 @@ provides:
 !function() {
 
 LSD.Mixin.Validity = new Class({
-  initialize: function() {
-    this.parent.apply(this, arguments);
-    this.addClass(this.attributes.required ? 'required' : 'optional');
+  onMix: function() {
+    this.states.add(this.attributes.required ? 'required' : 'optional');
+    this.addEvents(LSD.Mixin.Validity.events);
+  },
+  
+  onUnmix: function() {
+    this.removeEvents(LSD.Mixin.Validity.events)
   },
   
   checkValidity: function() {
     var validity = this.validity = {};
     var value = this.getValue();
-    for (attribute in Attributes) {
+    for (var attribute in Attributes) {
       var constraint = this.attributes[attribute]
       if (!constraint) continue;
       var result = Attributes[attribute].call(this, value, constraint)
@@ -56,23 +60,45 @@ LSD.Mixin.Validity = new Class({
   
   validate: function(value) {
     if (value !== true && !this.checkValidity()) return false;
-    this.setStateTo('valid', true);
-    this.setStateTo('invalid', false);
+    if (this.invalid) this.setStateTo('invalid', false, arguments);
+    if (!this.valid) this.setStateTo('valid', true, arguments);
     return true;
   },
   
   invalidate: function(value) {
-    this.setStateTo('invalid', true);
-    this.setStateTo('valid', false);
+    if (this.valid) this.setStateTo('valid', false, arguments);
+    if (!this.invalid) this.setStateTo('invalid', true, arguments);
     return true;
   },
   
+  unvalidate: function() {
+    if (this.valid) this.setStateTo('valid', false);
+    if (this.invalid) this.setStateTo('invalid', false);
+  },
+  
   setCustomValidity: function(validity) {
     this.validationMessage = validity;
     this.validity.customError = true;
   }
 });
 
+LSD.Mixin.Validity.events = {
+  invalidate: function(message) {
+    this.allocate('message', message, 'error', LSD.Mixin.Validity.message)
+  },
+  
+  unvalidate: function() {
+    this.release('message');
+  }
+};
+
+LSD.Mixin.Validity.message = {
+  position: ['top', 'left'],
+  parent: function() {
+    return document.body
+  }
+};
+
 var Attributes = LSD.Mixin.Validity.Attributes = {
   required: function(value) {
     if (!value) return "valueMissing"
@@ -97,6 +123,6 @@ var Attributes = LSD.Mixin.Validity.Attributes = {
   }
 }
 
-LSD.Behavior.define('[name], :value', LSD.Mixin.Validity);
+LSD.Behavior.define('[name], :value', 'validity');
 
 }();

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

@@ -37,13 +37,14 @@ LSD.Mixin.Value = new Class({
   
   setValue: function(value, unset) {
     if (value == null || (value.event && value.type)) value = this.getDefaultValue();
+    
     else if (value.getValue) value = this.processValue(value.getValue());
     var result = false;
     if (this.isValueDifferent(value) ^ unset) {
       result = this.writeValue(value, unset);
       var previous = this.getPreviousValue();
       this.fireEvent('change', [value, previous]);
-      if (!this.click) this.callChain(value, previous);
+      if (!this.click && previous != null) this.callChain(value, previous);
     }
     return result
   },
@@ -105,7 +106,8 @@ LSD.Mixin.Value = new Class({
   },
   
   getDefaultValue: function() {
-    return this.processValue(this.getRawValue());
+    var value = this.getRawValue();
+    if (value != null) return this.processValue(value);
   },
   
   getRawValue: function() {
@@ -157,4 +159,4 @@ LSD.Mixin.Value = new Class({
   }
 });
 
-LSD.Behavior.define(':value', LSD.Mixin.Value);
+LSD.Behavior.define(':value', 'value');

data/Packages/lsd/Source/Module/Accessories/Attributes.js

@@ -11,6 +11,7 @@ authors: Yaroslaff Fedin
  
 requires:
   - LSD.Module
+  - LSD.Object
   - Core/Slick.Parser
  
 provides: 
@@ -22,10 +23,31 @@ provides:
 LSD.Module.Attributes = new Class({
   constructors: {
     attributes: function() {
-      this.classes = new FastArray;
-      this.pseudos = new FastArray;
-      this.dataset = {};
-      this.attributes = {};
+      var self = this;
+      this.pseudos = (new LSD.Object.Stack).addEvent('change', function(name, value, state, old, memo) {
+        if (!memo && LSD.States[name]) self.states[state ? 'add' : 'remove'](name, 'pseudos');
+        self.fireEvent('selectorChange', ['pseudos', name, state]);
+      })
+      this.classes = (new LSD.Object.Stack).addEvent('change', function(name, value, state, old, memo) {
+        if (!memo && LSD.States[name]) self.states[state ? 'add' : 'remove'](name, 'classes');
+        if (self.element) self.element[state ? 'addClass' : 'removeClass'](name);
+        self.fireEvent('selectorChange', ['classes', name, state]);
+      });
+      this.attributes = (new LSD.Object.Stack).addEvent('change', function(name, value, state, old, memo) {
+        if (!memo && LSD.States[name]) self.states[state ? 'add' : 'remove'](name, 'attributes');
+        value = LSD.Module.Attributes.resolve(name, value, self);
+        if (self.element && (name != 'type' || LSD.toLowerCase(self.element.tagName) != 'input')) {
+          if (state) self.element.setAttribute(name, LSD.Attributes[name] == 'boolean' ? name : value);
+          else self.element.removeAttribute(name);
+          if (LSD.Attributes[name] == 'boolean') self.element[name] = state;
+        }
+        self.fireEvent('selectorChange', ['attributes', name, state]);
+        return value;
+      }).addEvent('beforechange', function(name, value, state) { 
+        self.fireEvent('selectorChange', ['attributes', name, state]);
+      });
+      this.storage = new LSD.Object;
+      this.dataset = new LSD.Object;
     }
   },
   
@@ -36,80 +58,40 @@ LSD.Module.Attributes = new Class({
       default:                return this.attributes[attribute];
     }
   },
-  
-  removeAttribute: function(name) {
-    if (name.substring(0, 5) == 'data') {
-      delete this.dataset[name.substring(5, name.length - 5)];
-    } else if (this.attributes[name] != null) {
-      this.fireEvent('selectorChange', ['attributes', name, false]);
-      delete this.attributes[name];
-      if (this.element) this.element.removeAttribute(name);
-      if (LSD.States.Attributes[name])
-        if (this[name]) this.setStateTo(name, false);
-    }
-    return this;
-  },
 
   setAttribute: function(name, value) {
-    if (LSD.Attributes.Numeric[name]) value = value.toInt();
-    else {
-      var logic = LSD.Attributes.Setter[name];
-      if (logic) logic.call(this, value)
-    }
-    if (name.substring(0, 5) == 'data-') {
-      this.dataset[name.substring(5, name.length - 5)] = value;
+    if (name.substr(0, 5) == 'data-') {
+      this.dataset.set(name.substring(5), value);
     } else {
-      if (this.options && this.options.interpolate)
-        value = LSD.Interpolation.attempt(value, this.options.interpolate) || value;
-      if (this.attributes[name] != value) {
-        if (LSD.States.Attributes[name]) {
-          var mode = (value == true || value == name);
-          if (this[name] != mode) this.setStateTo(name, mode);
-        }
-        this.fireEvent('selectorChange', ['attributes', name, false]);
-        this.attributes[name] = value;    
-        this.fireEvent('selectorChange', ['attributes', name, true]);
-        if (this.element && this.element[name] != value) this.element.setAttribute(name, value);
-      }
+      this.attributes.set(name, value);
     }
     return this;
   },
-
+  
+  removeAttribute: function(name) {
+    if (name.substr(0, 5) == 'data-') {
+      delete this.dataset.unset(name.substring(5));
+    } else this.attributes.unset(name, this.attributes[name]);
+    return this;
+  },
+  
   addPseudo: function(name){
-    if (!this.pseudos[name]) {
-      if (this.$states[name]) this.setStateTo(name, true);
-      this.pseudos[name] = true;
-      this.fireEvent('selectorChange', ['pseudos', name, true]);
-    }
+    this.pseudos.set(name, true);
     return this;
   },
 
   removePseudo: function(name) {
-    if (this.pseudos[name]) {
-      if (this.$states[name]) this.setStateTo(name, false);
-      this.fireEvent('selectorChange', ['pseudos', name, false]);
-      delete this.pseudos[name];
-    }  
+    this.pseudos.unset(name, true);
     return this;
   },
   
   addClass: function(name) {
-    if (LSD.States.Classes[name] && !this[name]) this.setStateTo(name, true);
-    if (!this.classes[name]) {
-      this.classes[name] = true;
-      this.fireEvent('selectorChange', ['classes', name, true]);
-      if (this.element) this.element.addClass(name);
-    }
+    this.classes.set(name, true);
     return this;
   },
 
   removeClass: function(name){
-    if (LSD.States.Classes[name] && this[name]) return this.setStateTo(name, false);
-    if (this.classes[name]) {
-      this.fireEvent('selectorChange', ['classes', name, false]);
-      delete this.classes[name];
-      if (this.element) this.element.removeClass(name);
-    }  
+    this.classes.unset(name, true);
     return this;
   },
   
@@ -117,51 +99,52 @@ LSD.Module.Attributes = new Class({
     return this.classes[name]
   },
   
-  setState: function(name) {
-    var attribute = LSD.States.Attributes[name];
-    if (attribute) this.setAttribute(attribute, attribute)
-    else this.addClass(LSD.States.Classes[name] || 'is-' + name);
-    this.addPseudo(name);
-    return this;
-  },
-  
-  unsetState: function(name) {
-    var attribute = LSD.States.Attributes[name];
-    if (attribute) this.removeAttribute(attribute);
-    else this.removeClass(LSD.States.Classes[name] || 'is-' + name);
-    this.removePseudo(name);
-    return this;
-  },
-  
-  getSelector: function(){
+  getSelector: function() {
     var parent = this.parentNode;
     var selector = (parent && parent.getSelector) ? parent.getSelector() + ' ' : '';
     selector += this.tagName;
     if (this.attributes.id) selector += '#' + this.attributes.id;
-    for (var klass in this.classes)  if (this.classes.hasOwnProperty(klass))  selector += '.' + klass;
-    for (var pseudo in this.pseudos) if (this.pseudos.hasOwnProperty(pseudo)) selector += ':' + pseudo;
-    for (var name in this.attributes) if (name != 'id') selector += '[' + name + '=' + this.attributes[name] + ']';
+    for (var klass in this.classes)  if (this.classes.has(klass))  selector += '.' + klass;
+    for (var pseudo in this.pseudos) if (this.pseudos.has(pseudo)) selector += ':' + pseudo;
+    for (var name in this.attributes) if (this.attributes.has(name))
+      if (name != 'id') {
+        selector += '[' + name;
+        if (LSD.Attributes[name] != 'boolean') selector += '=' + this.attributes[name]
+        selector += ']';
+      }
     return selector;
   },
   
-  onStateChange: function(state, value, args) {
-    var args = Array.prototype.slice.call(arguments, 0);
-    args.slice(1, 2); //state + args
-    this[value ? 'setState' : 'unsetState'][args && ("length" in args) ? 'apply' : 'call'](this, args);
-    this.fireEvent('stateChange', [state, args]);
-    return true;
+  store: function(name, value) {
+    return this.storage.set(name, value);
+  },
+  
+  retrieve: function(name, placeholder) {
+    var value = this.storage[name];
+    if (value == null) return placeholder
+    return value;
+  },
+  
+  eliminate: function(name, value) {
+    return this.storage.unset(name, value)
   }
 });
 
-
-LSD.Attributes.Setter = {
-  'id': function(id) {
+LSD.Module.Attributes.List = {
+  tabindex: 'number',
+  width:    'number',
+  height:   'number',
+  readonly: 'boolean',
+  disabled: 'boolean',
+  hidden:   'boolean',
+  checked:  'boolean',
+  id: function(id) {
     this.id = id;
   },
   'class': function(value) {
     value.split(' ').each(this.addClass.bind(this));
   },
-  'style': function(value) {
+  style: function(value) {
     value.split(/\s*;\s*/).each(function(definition) {
       var bits = definition.split(/\s*:\s*/)
       if (!bits[1]) return;
@@ -173,6 +156,24 @@ LSD.Attributes.Setter = {
   }
 };
 
+Object.each(LSD.Module.Attributes.List, function(value, name) {
+  if (!LSD.Attributes[name]) LSD.Attributes[name] = value;
+});
+
+LSD.Module.Attributes.resolve = function(name, value, bind) {
+  var attribute = LSD.Attributes[name];
+  switch (attribute) {
+    case "boolean":
+      return (name == value || value === true);
+    case "number":
+      return parseFloat(name);
+    default:
+      if (attribute && attribute.call) 
+        return attribute.call(bind || this, value)
+  }
+  return value;
+};
+
 Object.append(LSD.Options, {
   attributes: {
     add: 'setAttribute',