Synnefo

// Rivets.js

// version: 0.5.10

// author: Michael Richards

// license: MIT

(function() {

  var Rivets,

    __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },

    __slice = [].slice,

    __hasProp = {}.hasOwnProperty,

    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },

    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };

  Rivets = {};

  if (!String.prototype.trim) {

    String.prototype.trim = function() {

      return this.replace(/^\s+|\s+$/g, '');

    };

  }

  Rivets.Binding = (function() {

    function Binding(view, el, type, key, keypath, options) {

      var identifier, regexp, value, _ref;

      this.view = view;

      this.el = el;

      this.type = type;

      this.key = key;

      this.keypath = keypath;

      this.options = options != null ? options : {};

      this.update = __bind(this.update, this);

      this.unbind = __bind(this.unbind, this);

      this.bind = __bind(this.bind, this);

      this.publish = __bind(this.publish, this);

      this.sync = __bind(this.sync, this);

      this.set = __bind(this.set, this);

      this.eventHandler = __bind(this.eventHandler, this);

      this.formattedValue = __bind(this.formattedValue, this);

      if (!(this.binder = Rivets.internalBinders[this.type] || this.view.binders[type])) {

        _ref = this.view.binders;

        for (identifier in _ref) {

          value = _ref[identifier];

          if (identifier !== '*' && identifier.indexOf('*') !== -1) {

            regexp = new RegExp("^" + (identifier.replace('*', '.+')) + "$");

            if (regexp.test(type)) {

              this.binder = value;

              this.args = new RegExp("^" + (identifier.replace('*', '(.+)')) + "$").exec(type);

              this.args.shift();

            }

          }

        }

      }

      this.binder || (this.binder = this.view.binders['*']);

      if (this.binder instanceof Function) {

        this.binder = {

          routine: this.binder

        };

      }

      this.formatters = this.options.formatters || [];

      this.model = this.key ? this.view.models[this.key] : this.view.models;

    }

    Binding.prototype.formattedValue = function(value) {

      var args, formatter, id, _i, _len, _ref;

      _ref = this.formatters;

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        formatter = _ref[_i];

        args = formatter.split(/\s+/);

        id = args.shift();

        // lookup formatters on all view models

        var modelFormatter = this.model[id];

        if (!(modelFormatter instanceof Function)) {

          _.each(this.view.models, function(m) {

            if (m[id] && m[id] instanceof Function) {

              modelFormatter = m[id];

            }

          });

        }

        formatter = modelFormatter instanceof Function ? modelFormatter : this.view.formatters[id];

        if ((formatter != null ? formatter.read : void 0) instanceof Function) {

          value = formatter.read.apply(formatter, [value].concat(__slice.call(args)));

        } else if (formatter instanceof Function) {

          value = formatter.apply(null, [value].concat(__slice.call(args)));

        }

      }

      return value;

    };

    Binding.prototype.eventHandler = function(fn) {

      var binding, handler;

      handler = (binding = this).view.config.handler;

      return function(ev) {

        return handler.call(fn, this, ev, binding);

      };

    };

    Binding.prototype.set = function(value) {

      var _ref;

      value = value instanceof Function && !this.binder["function"] ? this.formattedValue(value.call(this.model)) : this.formattedValue(value);

      if (this.keypath.indexOf('nics') >= 0) {

      }

      return (_ref = this.binder.routine) != null ? _ref.call(this, this.el, value) : void 0;

    };

    Binding.prototype.sync = function() {

      return this.set(this.options.bypass ? this.model[this.keypath] : this.view.config.adapter.read(this.model, this.keypath));

    };

    Binding.prototype.publish = function() {

      var args, formatter, id, value, _i, _len, _ref, _ref1, _ref2;

      value = Rivets.Util.getInputValue(this.el);

      _ref = this.formatters.slice(0).reverse();

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        formatter = _ref[_i];

        args = formatter.split(/\s+/);

        id = args.shift();

        if ((_ref1 = this.view.formatters[id]) != null ? _ref1.publish : void 0) {

          value = (_ref2 = this.view.formatters[id]).publish.apply(_ref2, [value].concat(__slice.call(args)));

        }

      }

      return this.view.config.adapter.publish(this.model, this.keypath, value);

    };

    Binding.prototype.bind = function() {

      var dependency, keypath, model, _i, _len, _ref, _ref1, _ref2, _results;

      if ((_ref = this.binder.bind) != null) {

        _ref.call(this, this.el);

      }

      if (this.options.bypass) {

        this.sync();

      } else {

        this.view.config.adapter.subscribe(this.model, this.keypath, this.sync);

        if (this.view.config.preloadData) {

          this.sync();

        }

      }

      if ((_ref1 = this.options.dependencies) != null ? _ref1.length : void 0) {

        _ref2 = this.options.dependencies;

        _results = [];

        for (_i = 0, _len = _ref2.length; _i < _len; _i++) {

          dependency = _ref2[_i];

          if (/^\./.test(dependency)) {

            model = this.model;

            keypath = dependency.substr(1);

          } else {

            dependency = dependency.split('.');

            model = this.view.models[dependency.shift()];

            keypath = dependency.join('.');

          }

          _results.push(this.view.config.adapter.subscribe(model, keypath, this.sync));

        }

        return _results;

      }

    };

    Binding.prototype.unbind = function() {

      var dependency, keypath, model, _i, _len, _ref, _ref1, _ref2, _results;

      if ((_ref = this.binder.unbind) != null) {

        _ref.call(this, this.el);

      }

      if (!this.options.bypass) {

        this.view.config.adapter.unsubscribe(this.model, this.keypath, this.sync);

      }

      if ((_ref1 = this.options.dependencies) != null ? _ref1.length : void 0) {

        _ref2 = this.options.dependencies;

        _results = [];

        for (_i = 0, _len = _ref2.length; _i < _len; _i++) {

          dependency = _ref2[_i];

          if (/^\./.test(dependency)) {

            model = this.model;

            keypath = dependency.substr(1);

          } else {

            dependency = dependency.split('.');

            model = this.view.models[dependency.shift()];

            keypath = dependency.join('.');

          }

          _results.push(this.view.config.adapter.unsubscribe(model, keypath, this.sync));

        }

        return _results;

      }

    };

    Binding.prototype.update = function(models) {

      var _ref;

      if (models == null) {

        models = {};

      }

      if (this.key) {

        if (models[this.key]) {

          if (!this.options.bypass) {

            this.view.config.adapter.unsubscribe(this.model, this.keypath, this.sync);

          }

          this.model = models[this.key];

          if (this.options.bypass) {

            this.sync();

          } else {

            this.view.config.adapter.subscribe(this.model, this.keypath, this.sync);

            if (this.view.config.preloadData) {

              this.sync();

            }

          }

        }

      } else {

        this.sync();

      }

      return (_ref = this.binder.update) != null ? _ref.call(this, models) : void 0;

    };

    return Binding;

  })();

  Rivets.ComponentBinding = (function(_super) {

    __extends(ComponentBinding, _super);

    function ComponentBinding(view, el, type) {

      var attribute, _i, _len, _ref, _ref1;

      this.view = view;

      this.el = el;

      this.type = type;

      this.unbind = __bind(this.unbind, this);

      this.bind = __bind(this.bind, this);

      this.update = __bind(this.update, this);

      this.locals = __bind(this.locals, this);

      this.component = Rivets.components[this.type];

      this.attributes = {};

      this.inflections = {};

      _ref = this.el.attributes || [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        attribute = _ref[_i];

        if (_ref1 = attribute.name, __indexOf.call(this.component.attributes, _ref1) >= 0) {

          this.attributes[attribute.name] = attribute.value;

        } else {

          this.inflections[attribute.name] = attribute.value;

        }

      }

    }

    ComponentBinding.prototype.sync = function() {};

    ComponentBinding.prototype.locals = function(models) {

      var inverse, key, model, result, _ref, _ref1;

      if (models == null) {

        models = this.view.models;

      }

      result = {};

      _ref = this.inflections;

      for (key in _ref) {

        inverse = _ref[key];

        result[key] = models[inverse];

      }

      for (key in models) {

        model = models[key];

        if ((_ref1 = result[key]) == null) {

          result[key] = model;

        }

      }

      return result;

    };

    ComponentBinding.prototype.update = function(models) {

      var _ref;

      return (_ref = this.componentView) != null ? _ref.update(this.locals(models)) : void 0;

    };

    ComponentBinding.prototype.bind = function() {

      var el, _ref;

      if (this.componentView != null) {

        return (_ref = this.componentView) != null ? _ref.bind() : void 0;

      } else {

        el = this.component.build.call(this.attributes);

        (this.componentView = new Rivets.View(el, this.locals(), this.view.options)).bind();

        return this.el.parentNode.replaceChild(el, this.el);

      }

    };

    ComponentBinding.prototype.unbind = function() {

      var _ref;

      return (_ref = this.componentView) != null ? _ref.unbind() : void 0;

    };

    return ComponentBinding;

  })(Rivets.Binding);

  Rivets.View = (function() {

    function View(els, models, options) {

      var k, option, v, _base, _i, _len, _ref, _ref1, _ref2, _ref3;

      this.els = els;

      this.models = models;

      this.options = options != null ? options : {};

      this.update = __bind(this.update, this);

      this.publish = __bind(this.publish, this);

      this.sync = __bind(this.sync, this);

      this.unbind = __bind(this.unbind, this);

      this.bind = __bind(this.bind, this);

      this.select = __bind(this.select, this);

      this.build = __bind(this.build, this);

      this.componentRegExp = __bind(this.componentRegExp, this);

      this.bindingRegExp = __bind(this.bindingRegExp, this);

      if (!(this.els.jquery || this.els instanceof Array)) {

        this.els = [this.els];

      }

      _ref = ['config', 'binders', 'formatters'];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        option = _ref[_i];

        this[option] = {};

        if (this.options[option]) {

          _ref1 = this.options[option];

          for (k in _ref1) {

            v = _ref1[k];

            this[option][k] = v;

          }

        }

        _ref2 = Rivets[option];

        for (k in _ref2) {

          v = _ref2[k];

          if ((_ref3 = (_base = this[option])[k]) == null) {

            _base[k] = v;

          }

        }

      }

      this.build();

    }

    View.prototype.bindingRegExp = function() {

      var prefix;

      prefix = this.config.prefix;

      if (prefix) {

        return new RegExp("^data-" + prefix + "-");

      } else {

        return /^data-/;

      }

    };

    View.prototype.componentRegExp = function() {

      var _ref, _ref1;

      return new RegExp("^" + ((_ref = (_ref1 = this.config.prefix) != null ? _ref1.toUpperCase() : void 0) != null ? _ref : 'RV') + "-");

    };

    View.prototype.build = function() {

      var bindingRegExp, buildBinding, componentRegExp, el, parse, skipNodes, _i, _len, _ref,

        _this = this;

      this.bindings = [];

      skipNodes = [];

      bindingRegExp = this.bindingRegExp();

      componentRegExp = this.componentRegExp();

      buildBinding = function(node, type, declaration) {

        var context, ctx, dependencies, key, keypath, options, path, pipe, pipes, splitPath;

        options = {};

        pipes = (function() {

          var _i, _len, _ref, _results;

          _ref = declaration.split('|');

          _results = [];

          for (_i = 0, _len = _ref.length; _i < _len; _i++) {

            pipe = _ref[_i];

            _results.push(pipe.trim());

          }

          return _results;

        })();

        context = (function() {

          var _i, _len, _ref, _results;

          _ref = pipes.shift().split('<');

          _results = [];

          for (_i = 0, _len = _ref.length; _i < _len; _i++) {

            ctx = _ref[_i];

            _results.push(ctx.trim());

          }

          return _results;

        })();

        path = context.shift();

        splitPath = path.split(/\.|:/);

        options.formatters = pipes;

        options.bypass = path.indexOf(':') !== -1;

        if (splitPath[0]) {

          key = splitPath.shift();

        } else {

          key = null;

          splitPath.shift();

        }

        keypath = splitPath.join('.');

        if (dependencies = context.shift()) {

          options.dependencies = dependencies.split(/\s+/);

        }

        return _this.bindings.push(new Rivets.Binding(_this, node, type, key, keypath, options));

      };

      parse = function(node) {

        var attribute, attributes, binder, childNode, delimiters, identifier, n, parser, regexp, restTokens, startToken, text, token, tokens, type, value, _i, _j, _k, _l, _len, _len1, _len2, _len3, _len4, _m, _ref, _ref1, _ref2, _ref3, _ref4, _results, _text_node_id;

        if (__indexOf.call(skipNodes, node) < 0) {

          _text_node_id = (window.Node && window.Node.TEXT_NODE) || 3;

          if (node.nodeType === _text_node_id) {

            parser = Rivets.TextTemplateParser;

            if (delimiters = _this.config.templateDelimiters) {

              if ((tokens = parser.parse(node.data, delimiters)).length) {

                if (!(tokens.length === 1 && tokens[0].type === parser.types.text)) {

                  startToken = tokens[0], restTokens = 2 <= tokens.length ? __slice.call(tokens, 1) : [];

                  node.data = startToken.value;

                  switch (startToken.type) {

                    case 0:

                      node.data = startToken.value;

                      break;

                    case 1:

                      buildBinding(node, 'textNode', startToken.value);

                  }

                  for (_i = 0, _len = restTokens.length; _i < _len; _i++) {

                    token = restTokens[_i];

                    node.parentNode.appendChild((text = document.createTextNode(token.value)));

                    if (token.type === 1) {

                      buildBinding(text, 'textNode', token.value);

                    }

                  }

                }

              }

            }

          } else if (componentRegExp.test(node.tagName)) {

            type = node.tagName.replace(componentRegExp, '').toLowerCase();

            _this.bindings.push(new Rivets.ComponentBinding(_this, node, type));

          } else if (node.attributes != null) {

            _ref = node.attributes;

            for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {

              attribute = _ref[_j];

              if (bindingRegExp.test(attribute.name)) {

                type = attribute.name.replace(bindingRegExp, '');

                if (!(binder = _this.binders[type])) {

                  _ref1 = _this.binders;

                  for (identifier in _ref1) {

                    value = _ref1[identifier];

                    if (identifier !== '*' && identifier.indexOf('*') !== -1) {

                      regexp = new RegExp("^" + (identifier.replace('*', '.+')) + "$");

                      if (regexp.test(type)) {

                        binder = value;

                      }

                    }

                  }

                }

                binder || (binder = _this.binders['*']);

                if (binder.block) {

                  _ref2 = node.childNodes;

                  for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {

                    n = _ref2[_k];

                    skipNodes.push(n);

                  }

                  attributes = [attribute];

                }

              }

            }

            _ref3 = attributes || node.attributes;

            for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {

              attribute = _ref3[_l];

              if (bindingRegExp.test(attribute.name)) {

                type = attribute.name.replace(bindingRegExp, '');

                buildBinding(node, type, attribute.value);

              }

            }

          }

          _ref4 = node.childNodes;

          _results = [];

          for (_m = 0, _len4 = _ref4.length; _m < _len4; _m++) {

            childNode = _ref4[_m];

            _results.push(parse(childNode));

          }

          return _results;

        }

      };

      _ref = this.els;

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        el = _ref[_i];

        parse(el);

      }

    };

    View.prototype.select = function(fn) {

      var binding, _i, _len, _ref, _results;

      _ref = this.bindings;

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        if (fn(binding)) {

          _results.push(binding);

        }

      }

      return _results;

    };

    View.prototype.bind = function() {

      var binding, _i, _len, _ref, _results;

      _ref = this.bindings;

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        _results.push(binding.bind());

      }

      return _results;

    };

    View.prototype.unbind = function() {

      var binding, _i, _len, _ref, _results;

      _ref = this.bindings;

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        _results.push(binding.unbind());

      }

      return _results;

    };

    View.prototype.sync = function() {

      var binding, _i, _len, _ref, _results;

      _ref = this.bindings;

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        _results.push(binding.sync());

      }

      return _results;

    };

    View.prototype.publish = function() {

      var binding, _i, _len, _ref, _results;

      _ref = this.select(function(b) {

        return b.binder.publishes;

      });

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        _results.push(binding.publish());

      }

      return _results;

    };

    View.prototype.update = function(models) {

      var binding, key, model, _i, _len, _ref, _results;

      if (models == null) {

        models = {};

      }

      for (key in models) {

        model = models[key];

        this.models[key] = model;

      }

      _ref = this.bindings;

      _results = [];

      for (_i = 0, _len = _ref.length; _i < _len; _i++) {

        binding = _ref[_i];

        _results.push(binding.update(models));

      }

      return _results;

    };

    return View;

  })();

  Rivets.TextTemplateParser = (function() {

    function TextTemplateParser() {}

    TextTemplateParser.types = {

      text: 0,

      binding: 1

    };

    TextTemplateParser.parse = function(template, delimiters) {

      var index, lastIndex, lastToken, length, substring, tokens, value;

      tokens = [];

      length = template.length;

      index = 0;

      lastIndex = 0;

      while (lastIndex < length) {

        index = template.indexOf(delimiters[0], lastIndex);

        if (index < 0) {

          tokens.push({

            type: this.types.text,

            value: template.slice(lastIndex)

          });

          break;

        } else {

          if (index > 0 && lastIndex < index) {

            tokens.push({

              type: this.types.text,

              value: template.slice(lastIndex, index)

            });

          }

          lastIndex = index + 2;

          index = template.indexOf(delimiters[1], lastIndex);

          if (index < 0) {

            substring = template.slice(lastIndex - 2);

            lastToken = tokens[tokens.length - 1];

            if ((lastToken != null ? lastToken.type : void 0) === this.types.text) {

              lastToken.value += substring;

            } else {

              tokens.push({

                type: this.types.text,

                value: substring

              });

            }

            break;

          }

          value = template.slice(lastIndex, index).trim();

          tokens.push({

            type: this.types.binding,

            value: value

          });

          lastIndex = index + 2;

        }

      }

      return tokens;

    };

    return TextTemplateParser;

  })();

  Rivets.Util = {

    bindEvent: function(el, event, handler) {

      if (window.jQuery != null) {

        el = jQuery(el);

        if (el.on != null) {

          return el.on(event, handler);

        } else {

          return el.bind(event, handler);

        }

      } else if (window.addEventListener != null) {

        return el.addEventListener(event, handler, false);

      } else {

        event = 'on' + event;

        return el.attachEvent(event, handler);

      }

    },

    unbindEvent: function(el, event, handler) {

      if (window.jQuery != null) {

        el = jQuery(el);

        if (el.off != null) {

          return el.off(event, handler);

        } else {

          return el.unbind(event, handler);

        }

      } else if (window.removeEventListener != null) {

        return el.removeEventListener(event, handler, false);

      } else {

        event = 'on' + event;

        return el.detachEvent(event, handler);

      }

    },

    getInputValue: function(el) {

      var o, _i, _len, _results;

      if (window.jQuery != null) {

        el = jQuery(el);

        switch (el[0].type) {

          case 'checkbox':

            return el.is(':checked');

          default:

            return el.val();

        }

      } else {

        switch (el.type) {

          case 'checkbox':

            return el.checked;

          case 'select-multiple':

            _results = [];

            for (_i = 0, _len = el.length; _i < _len; _i++) {

              o = el[_i];

              if (o.selected) {

                _results.push(o.value);

              }

            }

            return _results;

            break;

          default:

            return el.value;

        }

      }

    }

  };

  Rivets.binders = {

    enabled: function(el, value) {

      return el.disabled = !value;

    },

    disabled: function(el, value) {

      return el.disabled = !!value;

    },

    checked: {

      publishes: true,

      bind: function(el) {

        return Rivets.Util.bindEvent(el, 'change', this.publish);

      },

      unbind: function(el) {

        return Rivets.Util.unbindEvent(el, 'change', this.publish);

      },

      routine: function(el, value) {

        var _ref;

        if (el.type === 'radio') {

          return el.checked = ((_ref = el.value) != null ? _ref.toString() : void 0) === (value != null ? value.toString() : void 0);

        } else {

          return el.checked = !!value;

        }

      }

    },

    unchecked: {

      publishes: true,

      bind: function(el) {

        return Rivets.Util.bindEvent(el, 'change', this.publish);

      },

      unbind: function(el) {

        return Rivets.Util.unbindEvent(el, 'change', this.publish);

      },

      routine: function(el, value) {

        var _ref;

        if (el.type === 'radio') {

          return el.checked = ((_ref = el.value) != null ? _ref.toString() : void 0) !== (value != null ? value.toString() : void 0);

        } else {

          return el.checked = !value;

        }

      }

    },

    show: function(el, value) {

      return el.style.display = value ? '' : 'none';

    },

    hide: function(el, value) {

      return el.style.display = value ? 'none' : '';

    },

    html: function(el, value) {

      return el.innerHTML = value != null ? value : '';

    },

    value: {

      publishes: true,

      bind: function(el) {

        return Rivets.Util.bindEvent(el, 'change', this.publish);

      },

      unbind: function(el) {

        return Rivets.Util.unbindEvent(el, 'change', this.publish);

      },

      routine: function(el, value) {

        var o, _i, _len, _ref, _ref1, _ref2, _results;

        if (window.jQuery != null) {

          el = jQuery(el);

          if ((value != null ? value.toString() : void 0) !== ((_ref = el.val()) != null ? _ref.toString() : void 0)) {

            return el.val(value != null ? value : '');

          }

        } else {

          if (el.type === 'select-multiple') {

            if (value != null) {

              _results = [];

              for (_i = 0, _len = el.length; _i < _len; _i++) {

                o = el[_i];

                _results.push(o.selected = (_ref1 = o.value, __indexOf.call(value, _ref1) >= 0));

              }

              return _results;

            }

          } else if ((value != null ? value.toString() : void 0) !== ((_ref2 = el.value) != null ? _ref2.toString() : void 0)) {

            return el.value = value != null ? value : '';

          }

        }

      }

    },

    text: function(el, value) {

      if (el.innerText != null) {

        return el.innerText = value != null ? value : '';

      } else {

        return el.textContent = value != null ? value : '';

      }

    },

    "if": {

      block: true,

      bind: function(el) {

        var attr, declaration;

        if (this.marker == null) {

          attr = ['data', this.view.config.prefix, this.type].join('-').replace('--', '-');

          declaration = el.getAttribute(attr);

          this.marker = document.createComment(" rivets: " + this.type + " " + declaration + " ");

          el.removeAttribute(attr);

          el.parentNode.insertBefore(this.marker, el);

          return el.parentNode.removeChild(el);

        }

      },

      unbind: function() {

        var _ref;

        return (_ref = this.nested) != null ? _ref.unbind() : void 0;

      },