lsd_rails 0.1

data/Packages/lsd/Source/Trait/Date.js

@@ -0,0 +1,66 @@
+/*
+---
+ 
+script: Date.js
+ 
+description: Work with dates like a boss
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Trait
+  - More/Date
+
+provides:
+  - LSD.Trait.Date
+ 
+...
+*/
+
+LSD.Trait.Date = new Class({
+  options: {
+    date: {
+      interval: 'month',
+      format: '%b-%d-%Y'
+    }
+  },
+  
+  setDate: function(date) {
+    this.date = date;
+    if (date) this.fireEvent('setDate', date)
+  },
+  
+  formatDate: function(date) {
+    return date.format(this.options.date.format)
+  },
+  
+  getDate: function() {
+    if (this.date) return this.date;
+    if (this.getRawDate) {
+      var raw = this.getRawDate();
+      if (raw) return this.parseDate(raw);
+    }
+    return this.getDefaultDate();
+  },
+  
+  getDefaultDate: function() {
+    return new Date;
+  },
+  
+  parseDate: function(date) {
+    return Date.parse(date);
+  },
+  
+  increment: function(number) {
+    number = number.toInt ? number.toInt() : 1;
+    this.setDate(this.getDate().increment(this.options.date.interval, number))
+  },
+
+  decrement: function(number) {
+    number = number.toInt ? number.toInt() : 1;
+    this.setDate(this.getDate().decrement(this.options.date.interval, number))
+  }
+  
+});

data/Packages/lsd/Source/Trait/Input.js

@@ -0,0 +1,65 @@
+/*
+---
+ 
+script: Input.js
+ 
+description: Make it easy to use regular native input for the widget
+ 
+license: Public domain (http://unlicense.org).
+ 
+requires:
+  - LSD.Trait
+  - LSD.Mixin.Focusable
+
+provides: 
+  - LSD.Trait.Input
+  
+...
+*/
+
+LSD.Trait.Input = new Class({
+  options: {
+    input: {},
+  },
+  
+  constructors: {
+    input: function() {
+      return {
+        events: {
+          self: {
+            build: function() {
+              this.getInput().inject(this.element);
+            },
+            focus: function() {
+              this.document.activeElement = this;
+              if (LSD.Mixin.Focusable) LSD.Mixin.Focusable.Propagation.focus(this);
+            },
+            blur: function() {
+                if (this.document.activeElement == this) delete this.document.activeElement;
+             //   if (LSD.Mixin.Focusable) LSD.Mixin.Focusable.Propagation.blur.delay(10, this, this);
+            }
+          },
+          input: {
+            focus: 'onFocus',
+            blur: 'onBlur'
+          },
+        }
+      }
+    }
+  },
+  
+  onFocus: function() {
+    this.document.activeElement = this;
+    this.focus();
+  },
+  
+  getInput: Macro.getter('input', function() {
+    var input = new Element('input', Object.append({'type': 'text'}, this.options.input));
+    this.fireEvent('register', ['input', input]);
+    return input;
+  }),
+  
+  getValueInput: function() {
+    return this.input;
+  }
+});

data/Packages/lsd/Source/Trait/Menu.js

@@ -0,0 +1,21 @@
+/*
+---
+ 
+script: Menu.js
+ 
+description: Dropdowns should be easy to use.
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Trait
+  - Widgets/LSD.Widget.Menu.Context
+
+provides:
+  - LSD.Trait.Menu
+ 
+...
+*/
+

data/Packages/lsd/Source/Trait/Slider.js

@@ -0,0 +1,93 @@
+/*
+---
+ 
+script: Slider.js
+ 
+description: Because sometimes slider is the answer
+ 
+license: Public domain (http://unlicense.org).
+ 
+requires:
+  - LSD.Trait
+  - More/Slider
+  - Ext/Slider.prototype.update
+  - Ext/Class.hasParent
+
+provides: 
+  - LSD.Trait.Slider
+ 
+...
+*/
+
+LSD.Trait.Slider = new Class({
+  
+  options: {
+    actions: {
+      slider: {
+        enable: function() {
+          if (!this.slider) this.getSlider();
+          else this.slider.attach();
+        },
+
+        disable: function() {
+          if (this.slider) this.slider.detach()
+        }
+      }
+    },
+    events: {
+      parent: {
+        resize: 'onParentResize'
+      },
+      slider: {}
+    },
+    slider: {},
+    value: 0,
+    mode: 'horizontal',
+  },
+  
+  onParentResize: function(current, old) {
+    if (this.slider) this.slider.update();
+  },
+  
+  getSlider: Macro.getter('slider', function (update) {
+    var slider = new Slider(document.id(this.getTrack()), document.id(this.getTrackThumb()), Object.merge(this.options.slider, {
+      mode: this.options.mode
+    })).set(parseFloat(this.options.value));
+    slider.addEvent('change', this.onSet.bind(this));
+    this.fireEvent('register', ['slider', slider]);
+    return slider;
+  }),
+  
+  onSet: Macro.defaults(function() {
+    return true;
+  }),
+  
+  getTrack: Macro.defaults(function() {
+    return this
+  }),
+  
+  getTrackThumb: Macro.defaults(function() {
+    return this.thumb;
+  }),
+  
+  increment: function() {
+    this.slider.set((this.slider.step || 0) + 10)
+  },
+  
+  decrement: function() {
+    this.slider.set((this.slider.step || 0) - 10)
+  }
+  
+});
+
+Slider = new Class({
+  Extends: Slider,
+  
+  initialize: function() {
+    (this.Binds.push ? this.Binds : [this.Binds]).each(function(name){
+      var original = this[name];
+      if (original) this[name] = original.bind(this);
+    }, this);
+    return this.parent.apply(this, arguments);
+  }
+})

data/Packages/lsd/Source/Type.js

@@ -0,0 +1,92 @@
+/*
+---
+ 
+script: Type.js
+ 
+description: A base class for all class pools
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Behavior
+  - More/Object.Extras
+  
+provides:
+  - LSD.Type
+  - LSD.Module
+  - LSD.Trait
+  - LSD.Mixin
+  - LSD.Element
+  - LSD.Native
+  
+...
+*/
+
+LSD.Type = function(name, namespace) {
+  this.name = name;
+  this.namespace = namespace || 'LSD';
+  var holder = Object.getFromPath(window, this.namespace);
+  if (this.storage = holder[name]) {
+    
+    for (var key in this) {
+      this.storage[key] = (this[key].call) ? this[key].bind(this) : this[key];
+    }
+  }
+  else this.storage = (holder[name] = this);
+  if (typeOf(this.storage) == 'class') this.klass = this.storage;
+  this.pool = [this.storage];
+  this.queries = {};
+};
+
+LSD.Type.prototype = {
+  each: function(callback, bind) {
+    for (var name in this.storage) {
+      var value = this.storage[name];
+      if (value && value.$family && value.$family() == 'class') callback.call(bind || this, value, name)
+    }
+  },
+  
+  find: function(name) {
+    if (name.push) {
+      for (; name.length; name.pop()) {
+        var found = this.find(name.join('-'));
+        if (found) return found;
+      }
+      return false;
+    }
+    if (!this.queries) this.queries = {};
+    else if (this.queries[name] != null) return this.queries[name];
+    name = LSD.toClassName(name);
+    for (var i = 0, storage; storage = this.pool[i++];) {
+      var result = Object.getFromPath(storage, name);
+      if (result) return (this.queries[name] = result);
+    }
+    return (this.queries[name] = false);
+  },
+  
+  create: function(element, options) {
+    return new LSD.Widget(element, options)
+  },
+  
+  convert: function(element, options) {
+    var source = options.source || (options.tag && LSD.Layout.getSource(options.attributes, options.tag)) || LSD.Layout.getSource(element);
+    if (!this.find(source)) return;
+    var klass = this.klass || LSD.Widget;
+    return new LSD.Widget(element, options);
+  }
+}
+// must-have stuff for all widgets 
+new LSD.Type('Module');
+// some widgets may use those
+new LSD.Type('Trait');
+// these may be applied in runtime
+new LSD.Type('Mixin');
+// a widget holder
+new LSD.Type('Element');
+// native browser controls
+new LSD.Type('Native');
+
+// Inject native widgets into default widget pool as a fallback
+LSD.Element.pool[LSD.useNative ? 'unshift' : 'push'](LSD.Native);

data/Packages/lsd/Source/Widget.js

@@ -0,0 +1,60 @@
+/*
+---
+ 
+script: Widget.js
+ 
+description: Base widget with all modules included
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Type
+  - LSD.Module.Accessories
+  - LSD.Module.Ambient
+  - LSD.Module.Graphics
+  - LSD.Mixin.Value
+
+provides: 
+  - LSD.Widget
+ 
+...
+*/
+
+LSD.Widget = new Class({
+  
+  Implements: [
+    LSD.Module.Accessories,
+    LSD.Module.Ambient,
+    LSD.Module.Graphics
+  ],
+  
+  options: {
+    /*
+      The key in element storage that widget will use to store itself.
+      When set to false, widget is not written into element storage.
+    */
+    key: 'widget',
+    /*
+      When set to true, layers option will enforce the default layer set.
+    */
+    layers: true
+  },
+  
+  initialize: LSD.Module.Options.initialize
+});
+
+LSD.Module.Events.addEvents.call(LSD.Widget.prototype, {
+  initialize: function() {
+    this.addPseudo(this.pseudos.writable ? 'read-write' : 'read-only');
+  }
+});
+
+LSD.Widget.prototype.addStates('disabled', 'hidden', 'built', 'attached');
+
+LSD.Behavior.attach(LSD.Widget);
+
+new LSD.Type('Widget');
+
+LSD.Element.pool.push(LSD.Widget);

data/Packages/lsd/UNLICENSE

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <http://unlicense.org/>

data/Packages/lsd/package.yml

@@ -0,0 +1,114 @@
+name: LSD
+fullname: Lovely Scalable Drawings
+filename: lsd.js
+description: Psychodelically awesome library for UI in javascript and SVG
+license: Public domain, http://unlicense.org
+copyright: Yaroslaff Fedin
+author: inviz
+category: Interface
+current: 0.4prealpha
+tags: [ui, svg, interface]
+demo: http://inviz.ru/lsd/Dependencies/lsd-examples/Demos/index.html
+sources:
+  - Source/ART/ART.js
+  - Source/ART/ART.SVG.js
+  - Source/ART/ART.Element.js
+  - Source/ART/ART.Glyphs.js
+  - Source/ART/ART.Shape.Arrow.js
+  - Source/ART/ART.Shape.Ellipse.js
+  - Source/ART/ART.Shape.Flower.js
+  - Source/ART/ART.Shape.Rectangle.js
+  - Source/ART/ART.Shape.Star.js
+  - Source/Behavior.js
+  - Source/Command.js
+  - Source/Document.js
+  - Source/LSD.js
+  - Source/Type.js
+  - Source/Interpolation.js
+  - Source/Relation.js
+  - Source/Layer.js
+  - Source/Layer/Color.js
+  - Source/Layer/Offset.js
+  - Source/Layer/Position.js
+  - Source/Layer/Radius.js
+  - Source/Layer/Shadow.Blur.js
+  - Source/Layer/Shadow.Inset.js
+  - Source/Layer/Shadow.js
+  - Source/Layer/Shadow.Native.js
+  - Source/Layer/Shadow.Onion.js
+  - Source/Layer/Shape.js
+  - Source/Layer/Size.js
+  - Source/Layer/Scale.js
+  - Source/Layer/Stroke.js
+  - Source/Mixin/Submittable.js
+  - Source/Mixin/Fieldset.js
+  - Source/Mixin/Draggable.js
+  - Source/Mixin/Resizable.js
+  - Source/Mixin/Scrollable.js
+  - Source/Mixin/Touchable.js
+  - Source/Mixin/Placeholder.js
+  - Source/Mixin/Focusable.js
+  - Source/Mixin/Request.js
+  - Source/Mixin/Resource.js
+  - Source/Mixin/Validity.js
+  - Source/Mixin/Value.js
+  - Source/Mixin/Animation.js
+  - Source/Mixin/Uploader.js
+  - Source/Mixin/Unselectable.js
+  - Source/Mixin/ContentEditable.js
+  - Source/Mixin/Choice.js
+  - Source/Mixin/List.js
+  - Source/Mixin/Command.js
+  - Source/Mixin/Target.js
+  - Source/Mixin/Root.js
+  - Source/Mixin/Sortable.js
+  - Source/Mixin/Invokable.js
+  - Source/Module/Ambient/Allocations.js
+  - Source/Module/Ambient/Container.js
+  - Source/Module/Ambient/DOM.js
+  - Source/Module/Ambient/Selectors.js
+  - Source/Module/Ambient/Expectations.js
+  - Source/Module/Ambient/Mutations.js
+  - Source/Module/Ambient/Layout.js
+  - Source/Module/Ambient/Relations.js
+  - Source/Module/Ambient/Proxies.js
+  - Source/Module/Ambient.js
+  - Source/Module/Accessories/Chain.js
+  - Source/Module/Accessories/Actions.js
+  - Source/Module/Accessories/Styles.js
+  - Source/Module/Accessories/Attributes.js
+  - Source/Module/Accessories/Events.js
+  - Source/Module/Accessories/Dimensions.js
+  - Source/Module/Accessories/Shortcuts.js
+  - Source/Module/Accessories/Options.js
+  - Source/Module/Accessories/States.js
+  - Source/Module/Accessories/Element.js
+  - Source/Module/Accessories/Tag.js
+  - Source/Module/Accessories.js
+  - Source/Module/Graphics/Render.js
+  - Source/Module/Graphics/Layers.js
+  - Source/Module/Graphics/Shape.js
+  - Source/Module/Graphics.js
+  - Source/Trait/Menu.js
+  - Source/Trait/Input.js
+  - Source/Trait/Slider.js
+  - Source/Trait/Date.js
+  - Source/Action/Create.js
+  - Source/Action/Update.js
+  - Source/Action/Delete.js
+  - Source/Action/Submit.js
+  - Source/Action/State.js
+  - Source/Action/Set.js
+  - Source/Action/List.js
+  - Source/Action/Display.js
+  - Source/Action/Toggle.js
+  - Source/Action/Clone.js
+  - Source/Action/Edit.js 
+  - Source/Action/History.js
+  - Source/Action/Focus.js
+  - Source/Action/Counter.js
+  - Source/Action/Invoke.js
+  - Source/Action.js
+  - Source/Layout.js
+  - Source/Sheet.js
+  - Source/Widget.js

data/Packages/lsd-mobile/Source/Body/Dialog.js

@@ -0,0 +1,57 @@
+/*
+---
+ 
+script: Body.Page.js
+ 
+description: An in-page independent document (like iphone app page)
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Mobile.Body.Page
+
+provides:
+  - LSD.Mobile.Body.Dialog
+
+...
+*/
+
+LSD.Mobile.Body.Dialog = new Class({
+  Extends: LSD.Mobile.Body.Page,
+  
+  options: {
+    transformation: {
+      name: 'slideup'
+    },
+    pseudos: Array.fast('fieldset'),
+    classes: Array.fast('dialog'),
+    events: {
+      _dialog: {
+        element: {
+          'click:relay(.cancel)': 'cancel'
+        },
+        self: {
+          hide: function() {
+            if (LSD.document) LSD.document.back();
+          }
+        }
+      }
+    },
+    has: {
+      one: {
+        form: {
+          selector: 'form',
+          as: 'invoker'
+        }
+      }
+    }
+  },
+  
+  getData: function() {
+    return (this.form ? this.form.getData : this.parent).apply(this.form || this, arguments);
+  },
+  
+  hidden: true
+});

data/Packages/lsd-mobile/Source/Body/Page.js

@@ -0,0 +1,50 @@
+/*
+---
+ 
+script: Body.Page.js
+ 
+description: An in-page independent document (like iphone app page)
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - Widgets/LSD.Widget.Body.Page
+  - Mobile/LSD.Mobile.Body
+
+provides:
+  - LSD.Mobile.Body.Page
+
+...
+*/
+
+LSD.Mobile.Body.Page = new Class({
+  Extends: LSD.Widget.Body.Page,
+  
+  options: {
+    header: false,
+    transformation: {
+      name: 'fade',
+      durations: {
+        cube: 550,
+        pop: 350,
+        swap: 700,
+        slide: 250,
+        fade: 500,
+        slideup: 400
+      }
+    },
+    events: {
+      _application: {
+        build: function() {
+          var caller = this.options.caller && this.options.caller.apply(this, arguments);
+          if (caller && caller.getAttribute('transition')) this.options.transformation.name = caller.getAttribute('transition');
+        },
+        show: function() {
+          if (LSD.document) LSD.document.setCurrentPage(this)
+        }
+      }
+    }
+  }
+});

data/Packages/lsd-mobile/Source/Body.js

@@ -0,0 +1,30 @@
+/*
+---
+ 
+script: Body.js
+ 
+description: Mobile body wrapper based on native body class
+ 
+license: Public domain (http://unlicense.org).
+
+authors: Yaroslaff Fedin
+ 
+requires:
+  - LSD.Mobile
+  - Widgets/LSD.Widget.Body
+
+provides:
+  - LSD.Mobile.Body
+
+...
+*/
+
+LSD.Mobile.Body = new Class({
+  Extends: LSD.Widget.Body,
+  
+  options: {
+    element: {
+      tag: 'section'
+    }
+  }
+});