UNPKG

todomvc

Version:

> Helping you select an MV\* framework

1,661 lines (1,306 loc) 106 kB
var maria = (function() { // IIFE /* Evento version 1 Copyright (c) 2013, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. https://github.com/petermichaux/evento/blob/master/LICENSE */ /** The root namespace for the Evento library. @namespace */ var evento = {}; /** A constructor function for creating event target objects. var et = new evento.EventTarget(); The methods of an event target object are inspired by the DOM2 standard. @constructor */ evento.EventTarget = function() {}; (function() { function hasOwnProperty(o, p) { return Object.prototype.hasOwnProperty.call(o, p); } var create = (function() { function F() {} return function(o) { F.prototype = o; return new F(); }; }()); /** If the listener is an object then when a matching event type is dispatched on the event target, the listener object's `handleEvent` method will be called. If the listener is a function then when a matching event type is dispatched on the event target, the listener function is called with event target object set as the `this` object. One listener (or type/listener pair to be more precise) can be added only once. et.addEventListener('change', {handleEvent:function(){}}); et.addEventListener('change', function(){}); @param {string} type The name of the event. @param {(Object|function)} listener The listener object or callback function. */ evento.EventTarget.prototype.addEventListener = function(type, listener) { hasOwnProperty(this, '_evento_listeners') || (this._evento_listeners = {}); hasOwnProperty(this._evento_listeners, type) || (this._evento_listeners[type] = []); var listeners = this._evento_listeners[type]; for (var i = 0, ilen = listeners.length; i < ilen; i++) { if (listeners[i] === listener) { // can only add a listener once return; } } listeners.push(listener); }; /** Removes added listener matching the type/listener combination exactly. If this combination is not found there are no errors. var o = {handleEvent:function(){}}; et.removeEventListener('change', o); et.removeEventListener('change', fn); @param {string} type The name of the event. @param {(Object|function)} listener The listener object or callback function. */ evento.EventTarget.prototype.removeEventListener = function(type, listener) { if (hasOwnProperty(this, '_evento_listeners') && hasOwnProperty(this._evento_listeners, type)) { var listeners = this._evento_listeners[type]; for (var i = 0, ilen = listeners.length; i < ilen; i++) { if (listeners[i] === listener) { listeners.splice(i, 1); // no need to continue since a particular listener // can only be added once return; } } } }; /** When an event is dispatched on an event target, if that event target has parents then the event is also dispatched on the parents as long as bubbling has not been canceled on the event. One parent can be added only once. var o = new evento.EventTarget(); et.addParentEventTarget(o); @param {EventTarget} parent A parent to call when bubbling an event. */ evento.EventTarget.prototype.addParentEventTarget = function(parent) { if (typeof parent.dispatchEvent !== 'function') { throw new TypeError('evento.EventTarget.prototype.addParentEventTarget: Parents must have dispatchEvent method.'); } hasOwnProperty(this, '_evento_parents') || (this._evento_parents = []); var parents = this._evento_parents; for (var i = 0, ilen = parents.length; i < ilen; i++) { if (parents[i] === parent) { // can only add a particular parent once return; } } parents.push(parent); }; /** Removes parent added with addParentEventTarget. If the parent is not found, there are no errors. var o = {handleEvent:function(){}}; et.removeParentEventTarget(o); @param {EventTarget} parent The parent to remove. */ evento.EventTarget.prototype.removeParentEventTarget = function(parent) { if (hasOwnProperty(this, '_evento_parents')) { var parents = this._evento_parents; for (var i = 0, ilen = parents.length; i < ilen; i++) { if (parents[i] === parent) { parents.splice(i, 1); // no need to continue as parent can be added only once return; } } } }; /** The `event.type` property is required. All listeners registered for this event type are called with `event` passed as an argument to the listeners. If not set, the `event.target` property will be set to be this event target. The `evt.currentTarget` will be set to be this event target. Call `evt.stopPropagation()` to stop bubbling to parents. et.dispatchEvent({type:'change'}); et.dispatchEvent({type:'change', extraData:'abc'}); @param {Object} event The event object to dispatch to all listeners. */ evento.EventTarget.prototype.dispatchEvent = function(evt) { // Want to ensure we don't alter the evt object passed in as it // may be a bubbling event. So clone it and then setting currentTarget // won't break some event that is already being dispatched. evt = create(evt); ('target' in evt) || (evt.target = this); // don't change target on bubbling event evt.currentTarget = this; evt._propagationStopped = ('bubbles' in evt) ? !evt.bubbles : false; evt.stopPropagation = function() { evt._propagationStopped = true; }; if (hasOwnProperty(this, '_evento_listeners') && hasOwnProperty(this._evento_listeners, evt.type)) { // Copy the list of listeners in case one of the // listeners modifies the list while we are // iterating over the list. // // Without making a copy, one listener removing // an already-called listener would result in skipping // a not-yet-called listener. One listener removing // a not-yet-called listener would result in skipping that // not-yet-called listner. The worst case scenario // is a listener removing and adding itself again which would // create an infinite loop. // var listeners = this._evento_listeners[evt.type].slice(0); for (var i = 0, ilen = listeners.length; i < ilen; i++) { var listener = listeners[i]; if (typeof listener === 'function') { listener.call(this, evt); } else { listener.handleEvent(evt); } } } if (hasOwnProperty(this, '_evento_parents') && !evt._propagationStopped) { var parents = this._evento_parents.slice(0); for (var i = 0, ilen = parents.length; i < ilen; i++) { parents[i].dispatchEvent(evt); } } }; // Insure the prototype object is initialized properly evento.EventTarget.call(evento.EventTarget.prototype); /** Mixes in the event target methods into any object. Example 1 app.Person = function(name) { evento.EventTarget.call(this); this.setName(name); }; evento.EventTarget.mixin(app.Person.prototype); app.Person.prototype.setName = function(newName) { var oldName = this.name; this.name = newName; this.dispatchEvent({ type: "change", oldName: oldName, newName: newName }); }; var person = new app.Person('David'); person.addEventListener('change', function(evt) { alert('"' + evt.oldName + '" is now called "' + evt.newName + '".'); }); person.setName('Dave'); Example 2 var o = {}; evento.EventTarget.mixin(o); o.addEventListener('change', function(){alert('change');}); o.dispatchEvent({type:'change'}); @param {Object} obj The object to be made into an event target. */ evento.EventTarget.mixin = function(obj) { var pt = evento.EventTarget.prototype; for (var p in pt) { if (hasOwnProperty(pt, p) && // Don't want to copy evento.EventTarget.prototype._evento_listeners object // or the evento.EventTarget.prototype._evento_parents object. Want the obj object // to have its own listeners and parents and not share listeners and parents // with evento.EventTarget.prototype. (typeof pt[p] === 'function')) { obj[p] = pt[p]; } } evento.EventTarget.call(obj); }; }()); /** If the listener is an object then when a matching event type is dispatched on the event target, the listener object's `handleEvent` method will be called. By supplying a string value for `auxArg`, you can specify the name of the method to be called. You can also supply a function object for `auxArg` for early binding. If the listener is a function then when a matching event type is dispatched on the event target, the listener function is called with event target object set as the `this` object. Using the `auxArg`, you can specifiy a different object to be the `this` object. One listener (or type/listener/auxArg pair to be more precise) can be added only once. var o = { handleEvent: function(){}, handleClick: function(){} }; // late binding. handleEvent is found when each event is dispatched evento.on(document.body, 'click', o); // late binding. handleClick is found when each event is dispatched evento.on(document.body, 'click', o, 'handleClick'); // early binding. The supplied function is bound now evento.on(document.body, 'click', o, o.handleClick); evento.on(document.body, 'click', o, function(){}); // supplied function will be called with document.body as this object evento.on(document.body, 'click', function(){}); // The following form is supported but is not neccessary given the options // above and it is recommended you avoid it. evento.on(document.body, 'click', this.handleClick, this); @method evento.on @param {EventTarget} element The object you'd like to observe. @param {string} type The name of the event. @param {(Object|function)} listener The listener object or callback function. @param {(string|Object)} [auxArg] See description. */ /** Removes added listener matching the element/type/listener/auxArg combination exactly. If this combination is not found there are no errors. var o = {handleEvent:function(){}, handleClick:function(){}}; evento.off(document.body, 'click', o); evento.off(document.body, 'click', o, 'handleClick'); evento.off(document.body, 'click', o, fn); evento.off(document.body, 'click', fn); evento.off(document.body, 'click', this.handleClick, this); @method evento.off @param {EventTarget} element The object you'd like to stop observing. @param {string} type The name of the event. @param {(Object|function)} listener The listener object or callback function. @param {(string|Object)} [auxArg] See description. */ /** Removes all registrations of the listener added through `evento.on`. This purging should be done before your application code looses its last reference to listener. (This can also be done with more work using `evento.off` for each registeration.) If the listeners are not removed or purged, the listener will continue to observe the `EventTarget` and cannot be garbage collected. In an MVC application this can lead to "zombie views" if the model data cannot be garbage collected. Event listeners need to be removed from event targets in browsers with circular reference memory leak problems (i.e. old versions of Internet Explorer.) The primary motivation for this `purge` function is to ease cleanup in MVC View destroy methods. For example, var APP_BoxView = function(model, controller) { this.model = model || new APP_BoxModel(); this.controller = controller || new APP_BoxController(); this.rootEl = document.createElement('div'); // subscribe to DOM node(s) and model object(s) or anything else // implementing the EventTarget interface using listener objects // and specifying method name using the same subscription interface. // evento.on(this.rootEl, 'click', this, 'handleClick'); evento.on(this.model, 'change', this, 'handleModelChange'); }; APP_BoxView.prototype.handleClick = function() { // might subscribe/unsubscribe to more DOM nodes or models here }; APP_BoxView.prototype.handleModelChange = function() { // might subscribe/unsubscribe to more DOM nodes or models here }; APP_BoxView.prototype.destroy = function() { // Programmer doesn't need to remember anything. Purge all subscriptions // to DOM nodes, model objects, or anything else implementing // the EventTarget interface in one fell swoop. // evento.purge(this); }; @method evento.purge @param {EventListener} listener The listener object that should stop listening. */ (function() { function createBundle(element, type, listener, /*optional*/ auxArg) { var bundle = { element: element, type: type, listener: listener }; if (arguments.length > 3) { bundle.auxArg = auxArg; } if (typeof listener === 'function') { var thisObj = arguments.length > 3 ? auxArg : element; bundle.wrappedHandler = function(evt) { listener.call(thisObj, evt); }; } else if (typeof auxArg === 'function') { bundle.wrappedHandler = function(evt) { auxArg.call(listener, evt); }; } else { var methodName = arguments.length > 3 ? auxArg : 'handleEvent'; bundle.wrappedHandler = function(evt) { listener[methodName](evt); }; } return bundle; } function bundlesAreEqual(a, b) { return (a.element === b.element) && (a.type === b.type) && (a.listener === b.listener) && ((!a.hasOwnProperty('auxArg') && !b.hasOwnProperty('auxArg')) || (a.hasOwnProperty('auxArg') && b.hasOwnProperty('auxArg') && (a.auxArg === b.auxArg))); } function indexOfBundle(bundles, bundle) { for (var i = 0, ilen = bundles.length; i < ilen; i++) { if (bundlesAreEqual(bundles[i], bundle)) { return i; } } return -1; } evento.on = function(element, type, listener, /*optional*/ auxArg) { // Want to call createBundle with the same number of arguments // that were passed to this function. Using apply preserves // the number of arguments. var bundle = createBundle.apply(null, arguments); if (listener._evento_bundles) { if (indexOfBundle(listener._evento_bundles, bundle) >= 0) { // do not add the same listener twice return; } } else { listener._evento_bundles = []; } if (typeof bundle.element.addEventListener === 'function') { bundle.element.addEventListener(bundle.type, bundle.wrappedHandler, false); } else if ((typeof bundle.element.attachEvent === 'object') && (bundle.element.attachEvent !== null)) { bundle.element.attachEvent('on'+bundle.type, bundle.wrappedHandler); } else { throw new Error('evento.on: Supported EventTarget interface not found.'); } listener._evento_bundles.push(bundle); }; var remove = evento.off = function(element, type, listener, /*optional*/ auxArg) { if (listener._evento_bundles) { var i = indexOfBundle(listener._evento_bundles, createBundle.apply(null, arguments)); if (i >= 0) { var bundle = listener._evento_bundles[i]; if (typeof bundle.element.removeEventListener === 'function') { bundle.element.removeEventListener(bundle.type, bundle.wrappedHandler, false); } else if ((typeof bundle.element.detachEvent === 'object') && (bundle.element.detachEvent !== null)) { bundle.element.detachEvent('on'+bundle.type, bundle.wrappedHandler); } else { throw new Error('evento.off: Supported EventTarget interface not found.'); } listener._evento_bundles.splice(i, 1); } } }; evento.purge = function(listener) { if (listener._evento_bundles) { var bundles = listener._evento_bundles.slice(0); for (var i = 0, ilen = bundles.length; i < ilen; i++) { var bundle = bundles[i]; if (bundle.hasOwnProperty('auxArg')) { remove(bundle.element, bundle.type, bundle.listener, bundle.auxArg); } else { remove(bundle.element, bundle.type, bundle.listener); } } } }; }()); /* Hijos version 1.0.3 Copyright (c) 2013, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. https://github.com/petermichaux/hijos/blob/master/LICENSE */ /** The root namespace for the Hijos library. @namespace */ var hijos = {}; /** A constructor function for creating `Leaf` objects to be used as part of the composite design pattern. var leaf = new hijos.Leaf(); To attach a `Leaf` to a `Node`, use the `Node`'s child manipulation methods: `appendChild`, `insertBefore`, `replaceChild`. To remove a `Leaf` from a `Node` use the `Node`'s `removeChild` method. @constructor */ hijos.Leaf = function() { this.parentNode = null; this.previousSibling = null; this.nextSibling = null; }; /** The parent `Node` of this object. Null if this object is not the child of any `Node`. @member hijos.Leaf.prototype.parentNode @type {hijos.Leaf} @readonly */ /** The previous sibling `Leaf` of this object. Null if this object is not the child of any `Node` or this object is the first child of a `Node`. @member hijos.Leaf.prototype.previousSibling @type {hijos.Leaf} @readonly */ /** The next sibling `Leaf` of this object. Null if this object is not the child of any `Node` or this object is the last child of a `Node`. @member hijos.Leaf.prototype.nextSibling @type {hijos.Leaf} @readonly */ /** Call before your application code looses its last reference to the object. Generally this will be called for you by the destroy method of the containing `Node` object unless this `Leaf` object is not contained by a `Node`. */ hijos.Leaf.prototype.destroy = function() { // Loosing references to relations may help garbage collection. this.parentNode = null; this.previousSibling = null; this.nextSibling = null; }; // insure prototype object is initialized properly hijos.Leaf.call(hijos.Leaf.prototype); /** Mixes in the `Leaf` methods into any object. Be sure to call the `hijos.Leaf` constructor to initialize the `Leaf`'s properties. app.MyView = function() { hijos.Leaf.call(this); }; hijos.Leaf.mixin(app.MyView.prototype); @param {Object} obj The object to become a `Leaf`. */ hijos.Leaf.mixin = function(obj) { obj.destroy = hijos.Leaf.prototype.destroy; hijos.Leaf.call(obj); }; /** A constructor function for creating `Node` objects with ordered children to be used as part of the composite design pattern. Do not mutate the elements of the `childNodes` array directly. Instead use the `appendChild`, `insertBefore`, `replaceChild`, and `removeChild` methods to manage the children. var node = new hijos.Node(); @constructor @extends hijos.Leaf */ hijos.Node = function() { hijos.Leaf.call(this); this.childNodes = []; this.firstChild = null; this.lastChild = null; }; // Inherit from hijos.Leaf. Not all browsers have Object.create // so write out the equivalent inline. hijos.Node.prototype = (function() { function F() {} F.prototype = hijos.Leaf.prototype; return new F(); }()); hijos.Node.prototype.constructor = hijos.Node; /** The array of child objects. @member hijos.Node.prototype.childNodes @type {Array} @readonly */ /** The first child of this object. Null if this object has no children. @member hijos.Node.prototype.firstChild @type {hijos.Leaf} @readonly */ /** The last child of this object. Null if this object has no children. @member hijos.Node.prototype.lastChild @type {hijos.Leaf} @readonly */ /** Call before your application code looses its last reference to the object. Generally this will be called for you by the destroy method of the containing `Node` object unless this object is not contained by another `Node`. @override */ hijos.Node.prototype.destroy = function() { // copy in case one of the destroy methods modifies this.childNodes var children = this.childNodes.slice(0); for (var i = 0, ilen = children.length; i < ilen; i++) { children[i].destroy(); } hijos.Leaf.prototype.destroy.call(this); // Loosing references to relations may help garbage collection. this.childNodes = null; this.firstChild = null; this.lastChild = null; }; /** Does this `Node` have any children? @return {boolean} `true` if this `Node` has children. Otherwise `false`. */ hijos.Node.prototype.hasChildNodes = function() { return this.childNodes.length > 0; }; /** Inserts `newChild` before `oldChild`. If `oldChild` is `null` then this is equivalent to appending `newChild`. If `newChild` is a child of another `Node` then `newChild` is removed from that other `Node` before appending to this `Node`. var parent = new hijos.Node(); var child0 = new hijos.Leaf(); parent.insertBefore(child0, null); var child1 = new hijos.Node(); parent.insertBefore(child1, child0); @param {Object} newChild The Leaf or Node object to insert. @param {(Object|null)} [oldChild] The child object to insert before. */ hijos.Node.prototype.insertBefore = function(newChild, oldChild) { if (arguments.length < 2) { throw new Error('hijos.Node.prototype.insertBefore: not enough arguments.'); } // Allow caller to be sloppy and send undefined instead of null. if (oldChild === undefined) { oldChild = null; } // Is newChild is already in correct position? if ((newChild === oldChild) || // inserting a node before itself (oldChild && (oldChild.previousSibling === newChild)) || // inserting newChild where it already is ((oldChild === null) && this.lastChild === newChild)) { // inserting child at end when it is already at the end return; } // do not allow the creation of a circular tree structure var node = this; while (node) { if (node === newChild) { throw new Error('hijos.Node.prototype.insertBefore: Node cannot be inserted at the specified point in the hierarchy.'); } node = node.parentNode; } // remove from previous composite var parent = newChild.parentNode; if (parent) { parent.removeChild(newChild); } // continue with insertion var children = this.childNodes; // find index for newChild var indexForNewChild; if (oldChild === null) { // want to append to end of children indexForNewChild = children.length; } else { for (var i = 0, ilen = children.length; i < ilen; i++) { if (children[i] === oldChild) { indexForNewChild = i; break; } } if (typeof indexForNewChild !== 'number') { throw new Error('hijos.Node.prototype.insertBefore: Node was not found.'); } } // add to this composite children.splice(indexForNewChild, 0, newChild); this.firstChild = children[0]; this.lastChild = children[children.length - 1]; newChild.parentNode = this; var previousSibling = newChild.previousSibling = (children[indexForNewChild - 1] || null); if (previousSibling) { previousSibling.nextSibling = newChild; } var nextSibling = newChild.nextSibling = (children[indexForNewChild + 1] || null); if (nextSibling) { nextSibling.previousSibling = newChild; } }; /** Adds `newChild` as the last child of this `Node`. If `newChild` is a child of another `Node` then `newChild` is removed from that other `Node` before appending to this `Node`. var parent = new hijos.Node(); var child = new hijos.Leaf(); parent.appendChild(child); var child = new hijos.Node(); parent.appendChild(child); @param {Object} newChild The Leaf or Node object to append. */ hijos.Node.prototype.appendChild = function(newChild) { if (arguments.length < 1) { throw new Error('hijos.Node.prototype.appendChild: not enough arguments.'); } this.insertBefore(newChild, null); }; /** Replaces `oldChild` with `newChild`. If `newChild` is a child of another `Node` then `newChild` is removed from that other `Node` before appending to this `Node`. var parent = new hijos.Node(); var child0 = new hijos.Leaf(); parent.appendChild(child0); var child1 = new hijos.Node(); parent.replaceChild(child1, child0); @param {Object} newChild The Leaf or Node object to insert. @param {Object} oldChild The child object to remove/replace. */ hijos.Node.prototype.replaceChild = function(newChild, oldChild) { if (arguments.length < 2) { throw new Error('hijos.Node.prototype.replaceChild: not enough arguments.'); } if (!oldChild) { throw new Error('hijos.Node.prototype.replaceChild: oldChild must not be falsy.'); } // child is already in correct position and // do not want removeChild to be called below if (newChild === oldChild) { return; } this.insertBefore(newChild, oldChild); this.removeChild(oldChild); }; /** Removes `oldChild`. var parent = new hijos.Node(); var child = new hijos.Leaf(); parent.appendChild(child); parent.removeChild(child); @param {Object} oldChild The child object to remove. */ hijos.Node.prototype.removeChild = function(oldChild) { if (arguments.length < 1) { throw new Error('hijos.Node.prototype.removeChild: not enough arguments.'); } var children = this.childNodes; for (var i = 0, ilen = children.length; i < ilen; i++) { if (children[i] === oldChild) { var previousSibling = children[i - 1]; if (previousSibling) { previousSibling.nextSibling = oldChild.nextSibling; } var nextSibling = children[i + 1]; if (nextSibling) { nextSibling.previousSibling = oldChild.previousSibling; } oldChild.parentNode = null; oldChild.previousSibling = null; oldChild.nextSibling = null; children.splice(i, 1); this.firstChild = children[0] || null; this.lastChild = children[children.length - 1] || null; return; // stop looking } } throw new Error('hijos.Node.prototype.removeChild: node not found.'); }; // insure prototype object is initialized correctly hijos.Node.call(hijos.Node.prototype); /** Mixes in the Node methods into any object. Example 1 app.MyView = function() { hijos.Node.call(this); }; hijos.Node.mixin(app.MyView.prototype); Example 2 var obj = {}; hijos.Node.mixin(obj); @param {Object} obj The object to become a `Node`. */ hijos.Node.mixin = function(obj) { for (var p in hijos.Node.prototype) { if (Object.prototype.hasOwnProperty.call(hijos.Node.prototype, p) && (typeof hijos.Node.prototype[p] === 'function')) { obj[p] = hijos.Node.prototype[p]; } } hijos.Node.call(obj); }; /* Arbutus version 4 Copyright (c) 2013, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. https://github.com/petermichaux/arbutus/blob/master/LICENSE */ /** The root namespace for the Arbutus library. @namespace */ var arbutus = {}; (function() { var trimLeft = /^\s+/, trimRight = /\s+$/; function trim(str) { return str.replace(trimLeft, '').replace(trimRight, ''); } function getFirstChild(element) { return element.firstChild; } function getFirstGrandChild(element) { return element.firstChild.firstChild; } function getSecondGrandChild(element) { return element.firstChild.firstChild.nextSibling; } function getFirstGreatGrandChild(element) { return element.firstChild.firstChild.firstChild; } function getFirstGreatGreatGrandChild(element) { return element.firstChild.firstChild.firstChild.firstChild; } function makeParser(before, after, getFirstResult) { return function(html, doc) { var parser = doc.createElement('div'); var fragment = doc.createDocumentFragment(); parser.innerHTML = before + html + after; var node = getFirstResult(parser); var nextNode; while (node) { nextNode = node.nextSibling; fragment.appendChild(node); node = nextNode; } return fragment; }; } var defaultParser = makeParser('', '', getFirstChild); var parsers = { 'td': makeParser('<table><tbody><tr>', '</tr></tbody></table>', getFirstGreatGreatGrandChild), 'tr': makeParser('<table><tbody>', '</tbody></table>', getFirstGreatGrandChild), 'tbody': makeParser('<table>', '</table>', getFirstGrandChild), 'col': makeParser('<table><colgroup>', '</colgroup></table>', getFirstGreatGrandChild), // Without the option in the next line, the parsed option will always be selected. 'option': makeParser('<select><option>a</option>', '</select>', getSecondGrandChild) }; parsers.th = parsers.td; parsers.thead = parsers.tbody; parsers.tfoot = parsers.tbody; parsers.caption = parsers.tbody; parsers.colgroup = parsers.tbody; var tagRegExp = /^<([a-z]+)/i; // first group must be tag name /** The html string will be trimmed. Returns a document fragment that has the children defined by the html string. var fragment = arbutus.parseHTML('<p>alpha beta</p>'); document.body.appendChild(fragment); Note that a call to this function is relatively expensive and you probably don't want to have a loop of thousands with calls to this function. @param {string} html The string of HTML to be parsed. @param {Document} [doc] The document object to create the new DOM nodes. @return {DocumentFragment} */ arbutus.parseHTML = function(html, doc) { // IE will trim when setting innerHTML so unify for all browsers html = trim(html); var parser = defaultParser; var matches = html.match(tagRegExp); if (matches) { var name = matches[1].toLowerCase(); if (Object.prototype.hasOwnProperty.call(parsers, name)) { parser = parsers[name]; } } return parser(html, doc || document); }; }()); /* Grail version 4 Copyright (c) 2012, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. https://github.com/petermichaux/grail/blob/master/LICENSE */ /** The root namespace for the Grail library. @namespace */ var grail = {}; (function() { var trimLeft = /^\s+/; var trimRight = /\s+$/; // group 1 must be the id var idRegExp = /^#(\S+)$/; // group 1 must be the tagName and group 2 must be the className var tagClassRegExp = /^([\w-]+)?(?:\.([\w-]+))?$/; function trim(str) { return str.replace(trimLeft, '').replace(trimRight, ''); } function isHostMethod(obj, prop) { return (typeof obj[prop] === 'function') || ((typeof obj[prop] === 'object') && (obj[prop] !== null)); // Internet Explorer } function findById(id, root) { return (root.id === id) ? root : (isHostMethod(root, 'getElementById')) ? root.getElementById(id) : (isHostMethod(root, 'querySelector')) ? root.querySelector('#' + id) : firstInDOM(root, function(node) {return node.id === id;}); } function getTagNameClassNameMatcher(tagName, className) { tagName = tagName ? tagName.toUpperCase() : '*'; if (className) { var regExp = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)'); } return function(element) { return (((tagName === '*') || (element.tagName && (element.tagName.toUpperCase() === tagName))) && ((!className) || regExp.test(element.className))); } } function filterDOM(node, func) { var results = []; function walk(node) { if (func(node)) { results.push(node); } node = node.firstChild; while (node) { walk(node); node = node.nextSibling; } } walk(node); return results; } function firstInDOM(node, func) { function walk(node) { if (func(node)) { return node; } node = node.firstChild; while (node) { var result = walk(node); if (result) { return result; } node = node.nextSibling; } } return walk(node); } /** Search for all elements matching the CSS selector. Returns an array of the elements. Acceptable simple selectors are of the following forms only. div #alpha .beta div.gamma In the case of a #myId selector, the returned array will always have zero or one elements. It is more likely that you want to call grail.find when using an id selector. If the root element is supplied then it is used as the starting point for the search. The root element will be in the results if it matches the selector. If the root element is not supplied then the current document is used as the search starting point. grail.findAll('#alpha'); grail.findAll('div.gamma', document.body); @param {string} selector The CSS selector for the search. @param {Document|Element} [root] The element to use as the search start point. @return {Array} An array of matching `Element` objects. */ grail.findAll = function(selector, root) { selector = trim(selector); root = root || document; var matches; if (matches = selector.match(idRegExp)) { var el = findById(matches[1], root); return el ? [el] : []; } else if (matches = selector.match(tagClassRegExp)) { var tagNameClassNameMatcher = getTagNameClassNameMatcher(matches[1], matches[2]); if (isHostMethod(root, 'querySelectorAll')) { var elements; var results = []; if (tagNameClassNameMatcher(root)) { results.push(root); } elements = root.querySelectorAll(selector); for (var i = 0, ilen = elements.length; i < ilen; i++) { results.push(elements[i]); } return results; } else { return filterDOM(root, tagNameClassNameMatcher); } } else { throw new Error('grail.findAll: Unsupported selector "'+selector+'".'); } }; /** Search for the first element matching the CSS selector. If the element is found then it is returned. If no matching element is found then null or undefined is returned. The rest of the details are the same as for grail.findAll. @param {string} [selector] The CSS selector for the search. @param {Document|Element} [root] The element to use as the search start point. @return {Element} The found `Element`. */ grail.find = function(selector, root) { selector = trim(selector); root = root || document; var matches; if (matches = selector.match(idRegExp)) { return findById(matches[1], root); } else if (matches = selector.match(tagClassRegExp)) { var tagNameClassNameMatcher = getTagNameClassNameMatcher(matches[1], matches[2]); if (isHostMethod(root, 'querySelector')) { return tagNameClassNameMatcher(root) ? root : root.querySelector(selector); } else { return firstInDOM(root, tagNameClassNameMatcher); } } else { throw new Error('grail.find: Unsupported selector "'+selector+'".'); } }; }()); /* Hormigas version 5 Copyright (c) 2013, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. https://github.com/petermichaux/hormigas/blob/master/LICENSE */ /** The root namespace for the Hormigas library. @namespace */ var hormigas = {}; (function() { var nextId = 0; function getId() { return nextId++; } function initSet(set) { set._hormigas_ObjectSet_elements = {}; set.size = 0; } /** A constructor function for creating set objects. A set can only contain a particular object once. That means all objects in a set are unique. This is different from an array where one object can be in the array in multiple positions. `ObjectSet` objects are designed to hold JavaScript objects. They cache a marker on the objects. Do not attempt to add primitives or host objects in a `ObjectSet`. This is a compromise to make `ObjectSet` objects efficient for use in the model layer of your MVC-style application. When using the set iterators (e.g. `forEach`) do not depend on the order of iteration of the set's elements. `ObjectSet` objects are unordered. var set = new hormigas.ObjectSet(); // an empty set `ObjectSet` objects have a `size` property that is the number of elements in the set. var alpha = {}; var beta = {}; var set = new hormigas.ObjectSet(alpha, beta, alpha); set.size; // 2 The methods of an `ObjectSet` object are inspired by the incomplete Harmony Set proposal and the `Array.prototype` iterators. @constructor @param {...Object} [item] An object to add to the set. */ hormigas.ObjectSet = function() { initSet(this); for (var i = 0, ilen = arguments.length; i < ilen; i++) { this.add(arguments[i]); } }; /** The number of elements in the set. @member hormigas.ObjectSet.prototype.size @readonly */ /** Is a particular object in the set or not? var alpha = {}; var beta = {}; var set = new hormigas.ObjectSet(alpha); set.has(alpha); // true set.has(beta); // false @param {Object} element The item in question. @return `true` if `element` is in the set. Otherwise `false`. */ hormigas.ObjectSet.prototype.has = function(element) { return Object.prototype.hasOwnProperty.call(element, '_hormigas_ObjectSet_id') && Object.prototype.hasOwnProperty.call(this._hormigas_ObjectSet_elements, element._hormigas_ObjectSet_id); }; /** If `element` is not already in the set then adds element to the set. var alpha = {}; var set = new hormigas.ObjectSet(); set.add(alpha); // true set.has(alpha); // false @param {Object} element The item to add to the set. @return {boolean} `true` if `element` is added to the set as a result of this call. Otherwise `false` because `element` was already in the set. */ hormigas.ObjectSet.prototype.add = function(element) { if (this.has(element)) { return false; } else { var id; if (!Object.prototype.hasOwnProperty.call(element, '_hormigas_ObjectSet_id')) { element._hormigas_ObjectSet_id = getId(); } this._hormigas_ObjectSet_elements[element._hormigas_ObjectSet_id] = element; this.size++; return true; } }; /** If `element` is in the set then removes `element` from the set. `delete` is a reserved word and older implementations did not allow bare reserved words in property name position so quote `delete`. var alpha = {}; var set = new hormigas.ObjectSet(alpha); set['delete'](alpha); // true set['delete'](alpha); // false @param {Object} element The item to delete from the set. @return {boolean} `true` if `element` is deleted from the set as a result of this call. Otherwise `false` because `element` was not in the set. */ hormigas.ObjectSet.prototype['delete'] = function(element) { if (this.has(element)) { delete this._hormigas_ObjectSet_elements[element._hormigas_ObjectSet_id]; this.size--; return true; } else { return false; } }; /** If the set has elements then removes all the elements. var alpha = {}; var set = new hormigas.ObjectSet(alpha); set.clear(); // true set.clear(); // false @return {boolean} `true` if elements were deleted from the set as the result of this call. Otherwise `false` because no elements were in the set. */ hormigas.ObjectSet.prototype.clear = function() { if (this.size > 0) { initSet(this); return true; } else { return false; } }; /** Convert the set to an array. @return {Array} The elements of the set in a new array. */ hormigas.ObjectSet.prototype.toArray = function() { var elements = []; for (var p in this._hormigas_ObjectSet_elements) { if (Object.prototype.hasOwnProperty.call(this._hormigas_ObjectSet_elements, p)) { elements.push(this._hormigas_ObjectSet_elements[p]); } } return elements; }; /** Calls `callbackfn` for each element of the set. var alpha = {value: 0}; var beta = {value: 1}; var gamma = {value: 2}; var set = new hormigas.ObjectSet(alpha, beta, gamma); set.forEach(function(element) { console.log(element.value); }); @param {function} callbackfn The function to call for each element in the set. @parameter {Object} [thisArg] The object to use as the `this` object in calls to `callbackfn`. */ hormigas.ObjectSet.prototype.forEach = function(callbackfn /*, thisArg */) { var thisArg = arguments[1]; for (var p in this._hormigas_ObjectSet_elements) { if (Object.prototype.hasOwnProperty.call(this._hormigas_ObjectSet_elements, p)) { callbackfn.call(thisArg, this._hormigas_ObjectSet_elements[p]); } } }; /** Calls `callbackfn` for each element of the set. var one = {value: 1}; var two = {value: 2}; var three = {value: 3}; var set = new hormigas.ObjectSet(one, two, three); set.every(function(element) { return element.value < 2; }); // false @param {function} callbackfn The function to call for each element in the set. @param {Object} [thisArg] The object to use as the this object in calls to callbackfn. @return {boolean} `true` if `callbackfn` returns a truthy value for all elements in the set. Otherwise `false`. */ hormigas.ObjectSet.prototype.every = function(callbackfn /*, thisArg */) { var thisArg = arguments[1]; for (var p in this._hormigas_ObjectSet_elements) { if (Object.prototype.hasOwnProperty.call(this._hormigas_ObjectSet_elements, p) && !callbackfn.call(thisArg, this._hormigas_ObjectSet_elements[p])) { return false; } } return true; }; /** Calls `callbackfn` for each element of the set. var one = {value: 1}; var two = {value: 2}; var three = {value: 3}; var set = new hormigas.ObjectSet(one, two, three); set.some(function(element) { return element.value < 2; }); // true @param {function} callbackfn The function to call for each element in the set. @param {Object} [thisArg] The object to use as the this object in calls to callbackfn. @return {boolean} `true` if `callbackfn` returns a truthy value for at least one element in the set. Otherwise `false`. */ hormigas.ObjectSet.prototype.some = function(callbackfn /*, thisArg */) { var thisArg = arguments[1]; for (var p in this._hormigas_ObjectSet_elements) { if (Object.prototype.hasOwnProperty.call(this._hormigas_ObjectSet_elements, p) && callbackfn.call(thisArg, this._hormigas_ObjectSet_elements[p])) { return true; } } return false; }; /** Calls `callbackfn` for each element of the set. For the first call to `callbackfn`, if `initialValue` is supplied then `initalValue` is the first argument passed to `callbackfn` and the second argument is the first element in the set to be iterated. Otherwise the first argument is the first element to be iterated in the set and the second argument is the next element to be iterated in the set. For subsequent calls to `callbackfn`, the first argument is the value returned by the last call to `callbackfn`. The second argument is the next value to be iterated in the set. var one = {value: 1}; var two = {value: 2}; var three = {value: 3}; var set = new hormigas.ObjectSet(one, two, three); set.reduce(function(accumulator, element) { return {value: accumulator.value + element.value}; }); // {value:6} set.reduce(function(accumulator, element) { return accumulator + element.value; }, 4); // 10 @param {function} callbackfn The function to call for each element in the set. @param {*} initialValue The optional starting value for accumulation. @return {*} The value returned by the final call to `callbackfn`. */ hormigas.ObjectSet.prototype.reduce = function(callbackfn /*, initialValue */) { var elements = this.toArray(); var i = 0; var ilen = elements.length; var accumulator; if (arguments.length > 1) { accumulator = arguments[1]; } else if (ilen < 1) { throw new TypeError('reduce of empty set with no initial value'); } else { i = 1; accumulator = elements[0]; } while (i < ilen) { accumulator = callbackfn.call(undefined, accumulator, elements[i]); i++; } return accumulator; }; }()); // insure prototype object is initialized properly hormigas.ObjectSet.call(hormigas.ObjectSet.prototype); /** Mixes in the `ObjectSet` methods into any object. Example 1 app.MyModel = function() { hormigas.ObjectSet.call(this); }; hormigas.ObjectSet.mixin(app.MyModel.prototype); Example 2 var obj = {}; hormigas.ObjectSet.mixin(obj); @param {Object} obj The object to become an `ObjectSet`. */ hormigas.ObjectSet.mixin = function(obj) { for (var p in hormigas.ObjectSet.prototype) { if (Object.prototype.hasOwnProperty.call(hormigas.ObjectSet.prototype, p) && (typeof hormigas.ObjectSet.prototype[p] === 'function')) { obj[p] = hormigas.ObjectSet.prototype[p]; } } hormigas.ObjectSet.call(obj); }; /** @license Maria 1.0.0 Copyright (c) 2013, Peter Michaux All rights reserved. Licensed under the Simplified BSD License. http://peter.michaux.ca/downloads/maria/1.0.0/LICENSE */ /** Root namespace @namespace */ var maria = {}; /** Not all browsers supported by Maria have the native `Object.create` from ECMAScript 5. @method @param {Object} obj The object to be the prototype of the new object */ maria.create = (function() { function F() {} return function(obj) { F.prototype = obj; obj = new F(); F.prototype = null; return obj; }; }()); /** Copy properties from the source to the sink. @param {Object} sink The destination object. @param {Object} source The source object. */ maria.borrow = function(sink, source) { for (var p in source) { if (Object.prototype.hasOwnProperty.call(source, p)) { sink[p] = source[p]; } } }; /** When executing, `this` must be a constructor function. Mix the "subclass" function into your constructor function. @param {Object} namespace @param {string} name @param {Object} [options] */ maria.subclass = function(namespace, name, options) { options = options || {}; var properties = options.properties; var SuperConstructor = this; var Constructor = namespace[name] = Object.prototype.hasOwnProperty.call(options, 'constructor') ? options.constructor : function() { SuperConstruc