From 603b5d970b249660ebdacb1054a78d5e03a74654 Mon Sep 17 00:00:00 2001 From: tchak Date: Sat, 27 Oct 2012 10:39:53 +0200 Subject: [PATCH] bump ember to 1.0-pre.2 --- CHANGELOG.md | 6 + lib/ember/rails/version.rb | 2 +- lib/ember/version.rb | 2 +- vendor/ember/development/ember.js | 11699 ++++++++------ vendor/ember/production/ember.js | 23054 +++++++++++++++++++++++++++- vendor/ember/spade/ember.js | 2 +- 6 files changed, 30128 insertions(+), 4637 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4b8b2b0c..d73a76d5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,9 @@ +## 0.8.0 (Oct 27, 2012) + +Improvements: + + - Updated Ember.js to version 1.0-pre.2 + ## 0.5.0 (Mai 25, 2012) Improvements: diff --git a/lib/ember/rails/version.rb b/lib/ember/rails/version.rb index 8c011263..a32dffa3 100644 --- a/lib/ember/rails/version.rb +++ b/lib/ember/rails/version.rb @@ -1,5 +1,5 @@ module Ember module Rails - VERSION = '0.7.0' + VERSION = '0.8.0' end end diff --git a/lib/ember/version.rb b/lib/ember/version.rb index 5a4d7acb..8c0fcecf 100644 --- a/lib/ember/version.rb +++ b/lib/ember/version.rb @@ -1,5 +1,5 @@ require 'ember/handlebars/source' module Ember - VERSION = "1.0.beta" + VERSION = "1.0-pre.2" end diff --git a/vendor/ember/development/ember.js b/vendor/ember/development/ember.js index 1eb78c2b..4c0e5771 100644 --- a/vendor/ember/development/ember.js +++ b/vendor/ember/development/ember.js @@ -1,10 +1,21 @@ -// Version: v1.0.pre -// Last commit: 7955b85 (2012-08-03 14:50:17 -0700) +// Version: v1.0.pre-279-gb1c0b4c +// Last commit: b1c0b4c (2012-10-26 16:31:11 -0700) (function() { /*global __fail__*/ +/** +Ember Debug + +@module ember +@submodule ember-debug +*/ + +/** +@class Ember +*/ + if ('undefined' === typeof Ember) { Ember = {}; @@ -29,15 +40,12 @@ if (!('MANDATORY_SETTER' in Ember.ENV)) { // Fail unconditionally Ember.assert('This code path should never be run') - @static - @function - @param {String} desc - A description of the assertion. This will become the text of the Error - thrown if the assertion fails. + @method assert + @param {String} desc A description of the assertion. This will become + the text of the Error thrown if the assertion fails. - @param {Boolean} test - Must be truthy for the assertion to pass. If falsy, an exception will be - thrown. + @param {Boolean} test Must be truthy for the assertion to pass. If + falsy, an exception will be thrown. */ Ember.assert = function(desc, test) { if (!test) throw new Error("assertion failed: "+desc); @@ -48,13 +56,10 @@ Ember.assert = function(desc, test) { Display a warning with the provided message. Ember build tools will remove any calls to Ember.warn() when doing a production build. - @static - @function - @param {String} message - A warning to display. - - @param {Boolean} test - An optional boolean. If falsy, the warning will be displayed. + @method warn + @param {String} message A warning to display. + @param {Boolean} test An optional boolean. If falsy, the warning + will be displayed. */ Ember.warn = function(message, test) { if (!test) { @@ -68,13 +73,10 @@ Ember.warn = function(message, test) { (Chrome and Firefox only). Ember build tools will remove any calls to Ember.deprecate() when doing a production build. - @static - @function - @param {String} message - A description of the deprecation. - - @param {Boolean} test - An optional boolean. If falsy, the deprecation will be displayed. + @method deprecate + @param {String} message A description of the deprecation. + @param {Boolean} test An optional boolean. If falsy, the deprecation + will be displayed. */ Ember.deprecate = function(message, test) { if (Ember && Ember.TESTING_DEPRECATION) { return; } @@ -119,13 +121,9 @@ Ember.deprecate = function(message, test) { Ember build tools will not remove calls to Ember.deprecateFunc(), though no warnings will be shown in production. - @static - @function - @param {String} message - A description of the deprecation. - - @param {Function} func - The function to be deprecated. + @method deprecateFunc + @param {String} message A description of the deprecation. + @param {Function} func The function to be deprecated. */ Ember.deprecateFunc = function(message, func) { return function() { @@ -142,29 +140,19 @@ window.ember_deprecateFunc = Ember.deprecateFunc("ember_deprecateFunc is deprec })(); -// Version: v1.0.pre -// Last commit: 7955b85 (2012-08-03 14:50:17 -0700) +// Version: v1.0.pre-279-gb1c0b4c +// Last commit: b1c0b4c (2012-10-26 16:31:11 -0700) (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Em:true ENV */ -if ('undefined' === typeof Ember) { - // Create core object. Make it act like an instance of Ember.Namespace so that - // objects assigned to it are given a sane string representation. - Ember = {}; -} - /** - @namespace - @name Ember - @version 1.0.pre +@module ember +@submodule ember-metal +*/ +/** All Ember methods and functions are defined inside of this namespace. You generally should not add new properties to this namespace as it may be overwritten by future versions of Ember. @@ -179,13 +167,26 @@ if ('undefined' === typeof Ember) { The core Runtime framework is based on the jQuery API with a number of performance optimizations. + + @class Ember + @static + @version 1.0.0-pre.2 */ -// aliases needed to keep minifiers from removing the global context -if ('undefined' !== typeof window) { - window.Em = window.Ember = Em = Ember; +if ('undefined' === typeof Ember) { + // Create core object. Make it act like an instance of Ember.Namespace so that + // objects assigned to it are given a sane string representation. + Ember = {}; } +// Default imports, exports and lookup to the global object; +var imports = Ember.imports = Ember.imports || this; +var exports = Ember.exports = Ember.exports || this; +var lookup = Ember.lookup = Ember.lookup || this; + +// aliases needed to keep minifiers from removing the global context +exports.Em = exports.Ember = Em = Ember; + // Make sure these are set whether Ember was already defined or not Ember.isNamespace = true; @@ -194,21 +195,20 @@ Ember.toString = function() { return "Ember"; }; /** - @static + @property VERSION @type String - @default '1.0.pre' - @constant + @default '1.0.0-pre.2' + @final */ -Ember.VERSION = '1.0.pre'; +Ember.VERSION = '1.0.0-pre.2'; /** - @static - @type Hash - @constant - Standard environmental variables. You can define these in a global `ENV` variable before loading Ember to control various configuration settings. + + @property ENV + @type Hash */ Ember.ENV = Ember.ENV || ('undefined' === typeof ENV ? {} : ENV); @@ -219,106 +219,52 @@ Ember.config = Ember.config || {}; // /** - @static - @type Boolean - @default true - @constant - Determines whether Ember should enhances some built-in object prototypes to provide a more friendly API. If enabled, a few methods will be added to Function, String, and Array. Object.prototype will not be - enhanced, which is the one that causes most troubles for people. + enhanced, which is the one that causes most trouble for people. In general we recommend leaving this option set to true since it rarely conflicts with other code. If you need to turn it off however, you can define an ENV.EXTEND_PROTOTYPES config to disable it. -*/ -Ember.EXTEND_PROTOTYPES = (Ember.ENV.EXTEND_PROTOTYPES !== false); -/** - @static + @property EXTEND_PROTOTYPES @type Boolean @default true - @constant - - Determines whether Ember logs a full stack trace during deprecation warnings -*/ -Ember.LOG_STACKTRACE_ON_DEPRECATION = (Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION !== false); - -/** - @static - @type Boolean - @default Ember.EXTEND_PROTOTYPES - @constant - - Determines whether Ember should add ECMAScript 5 shims to older browsers. */ -Ember.SHIM_ES5 = (Ember.ENV.SHIM_ES5 === false) ? false : Ember.EXTEND_PROTOTYPES; +Ember.EXTEND_PROTOTYPES = Ember.ENV.EXTEND_PROTOTYPES; +if (typeof Ember.EXTEND_PROTOTYPES === 'undefined') { + Ember.EXTEND_PROTOTYPES = true; +} /** - @static + Determines whether Ember logs a full stack trace during deprecation warnings + + @property LOG_STACKTRACE_ON_DEPRECATION @type Boolean @default true - @constant - - Determines whether computed properties are cacheable by default. - This option will be removed for the 1.1 release. - - When caching is enabled by default, you can use `volatile()` to disable - caching on individual computed properties. */ -Ember.CP_DEFAULT_CACHEABLE = (Ember.ENV.CP_DEFAULT_CACHEABLE !== false); +Ember.LOG_STACKTRACE_ON_DEPRECATION = (Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION !== false); /** - @static + Determines whether Ember should add ECMAScript 5 shims to older browsers. + + @property SHIM_ES5 @type Boolean - @default true - @constant - - Determines whether views render their templates using themselves - as the context, or whether it is inherited from the parent. This option - will be removed in the 1.1 release. - - If you need to update your application to use the new context rules, simply - prefix property access with `view.`: - - // Before: - {{#each App.photosController}} - Photo Title: {{title}} - {{#view App.InfoView contentBinding="this"}} - {{content.date}} - {{content.cameraType}} - {{otherViewProperty}} - {{/view}} - {{/each}} - - // After: - {{#each App.photosController}} - Photo Title: {{title}} - {{#view App.InfoView}} - {{date}} - {{cameraType}} - {{view.otherViewProperty}} - {{/view}} - {{/each}} -*/ -Ember.VIEW_PRESERVES_CONTEXT = (Ember.ENV.VIEW_PRESERVES_CONTEXT !== false); + @default Ember.EXTEND_PROTOTYPES +*/ +Ember.SHIM_ES5 = (Ember.ENV.SHIM_ES5 === false) ? false : Ember.EXTEND_PROTOTYPES; /** Empty function. Useful for some operations. - @returns {Object} + @method K @private + @return {Object} */ Ember.K = function() { return this; }; -/** - @namespace - @name window - @description The global window object -*/ - // Stub out the methods defined by the ember-debug package in case it's not loaded @@ -331,26 +277,226 @@ if ('undefined' === typeof Ember.deprecateFunc) { // These are deprecated but still supported -if ('undefined' === typeof ember_assert) { window.ember_assert = Ember.K; } -if ('undefined' === typeof ember_warn) { window.ember_warn = Ember.K; } -if ('undefined' === typeof ember_deprecate) { window.ember_deprecate = Ember.K; } +if ('undefined' === typeof ember_assert) { exports.ember_assert = Ember.K; } +if ('undefined' === typeof ember_warn) { exports.ember_warn = Ember.K; } +if ('undefined' === typeof ember_deprecate) { exports.ember_deprecate = Ember.K; } if ('undefined' === typeof ember_deprecateFunc) { - /** @private */ - window.ember_deprecateFunc = function(_, func) { return func; }; + exports.ember_deprecateFunc = function(_, func) { return func; }; } +/** + Previously we used `Ember.$.uuid`, however `$.uuid` has been removed from jQuery master. + We'll just bootstrap our own uuid now. + + @property uuid + @type Number + @private +*/ +Ember.uuid = 0; // .......................................................... // LOGGER // /** - @class - - Inside Ember-Metal, simply uses the window.console object. + Inside Ember-Metal, simply uses the imports.console object. Override this to provide more robust logging functionality. + + @class Logger + @namespace Ember +*/ +Ember.Logger = imports.console || { log: Ember.K, warn: Ember.K, error: Ember.K, info: Ember.K, debug: Ember.K }; + + +// .......................................................... +// ERROR HANDLING +// + +/** + A function may be assigned to `Ember.onerror` to be called when Ember internals encounter an error. + This is useful for specialized error handling and reporting code. + + @event onerror + @for Ember + @param {Exception} error the error object +*/ +Ember.onerror = null; + +/** + @private + + Wrap code block in a try/catch if {{#crossLink "Ember/onerror"}}{{/crossLink}} is set. + + @method handleErrors + @for Ember + @param {Function} func + @param [context] +*/ +Ember.handleErrors = function(func, context) { + // Unfortunately in some browsers we lose the backtrace if we rethrow the existing error, + // so in the event that we don't have an `onerror` handler we don't wrap in a try/catch + if ('function' === typeof Ember.onerror) { + try { + return func.apply(context || this); + } catch (error) { + Ember.onerror(error); + } + } else { + return func.apply(context || this); + } +}; + +})(); + + + +(function() { +/** + The purpose of the Ember Instrumentation module is + to provide efficient, general-purpose instrumentation + for Ember. + + Subscribe to a listener by using `Ember.subscribe`: + + Ember.subscribe("render", { + before: function(name, timestamp, payload) { + + }, + + after: function(name, timestamp, payload) { + + } + }); + + If you return a value from the `before` callback, that same + value will be passed as a fourth parameter to the `after` + callback. + + Instrument a block of code by using `Ember.instrument`: + + Ember.instrument("render.handlebars", payload, function() { + // rendering logic + }, binding); + + Event names passed to `Ember.instrument` are namespaced + by periods, from more general to more specific. Subscribers + can listen for events by whatever level of granularity they + are interested in. + + In the above example, the event is `render.handlebars`, + and the subscriber listened for all events beginning with + `render`. It would receive callbacks for events named + `render`, `render.handlebars`, `render.container`, or + even `render.handlebars.layout`. + + @class Instrumentation + @namespace Ember + @static */ -Ember.Logger = window.console || { log: Ember.K, warn: Ember.K, error: Ember.K, info: Ember.K, debug: Ember.K }; +Ember.Instrumentation = {}; + +var subscribers = [], cache = {}; + +var populateListeners = function(name) { + var listeners = [], subscriber; + + for (var i=0, l=subscribers.length; i -1; }; // From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/map -/** @private */ var arrayMap = isNativeFunc(Array.prototype.map) ? Array.prototype.map : function(fun /*, thisp */) { //"use strict"; @@ -398,7 +546,6 @@ var arrayMap = isNativeFunc(Array.prototype.map) ? Array.prototype.map : functio }; // From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach -/** @private */ var arrayForEach = isNativeFunc(Array.prototype.forEach) ? Array.prototype.forEach : function(fun /*, thisp */) { //"use strict"; @@ -420,7 +567,6 @@ var arrayForEach = isNativeFunc(Array.prototype.forEach) ? Array.prototype.forEa } }; -/** @private */ var arrayIndexOf = isNativeFunc(Array.prototype.indexOf) ? Array.prototype.indexOf : function (obj, fromIndex) { if (fromIndex === null || fromIndex === undefined) { fromIndex = 0; } else if (fromIndex < 0) { fromIndex = Math.max(0, this.length + fromIndex); } @@ -458,23 +604,29 @@ var utils = Ember.EnumerableUtils = { removeObject: function(array, item) { var index = utils.indexOf(array, item); if (index !== -1) { array.splice(index, 1); } + }, + + replace: function(array, idx, amt, objects) { + if (array.replace) { + return array.replace(idx, amt, objects); + } else { + var args = Array.prototype.concat.apply([idx, amt], objects); + return array.splice.apply(array, args); + } } }; if (Ember.SHIM_ES5) { if (!Array.prototype.map) { - /** @private */ Array.prototype.map = arrayMap; } if (!Array.prototype.forEach) { - /** @private */ Array.prototype.forEach = arrayForEach; } if (!Array.prototype.indexOf) { - /** @private */ Array.prototype.indexOf = arrayIndexOf; } } @@ -484,30 +636,29 @@ if (Ember.SHIM_ES5) { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Node */ /** - @class +@module ember-metal +*/ +/** Platform specific methods and feature detectors needed by the framework. - @name Ember.platform + @class platform + @namespace Ember + @static */ var platform = Ember.platform = {}; + /** Identical to Object.create(). Implements if not available natively. - @memberOf Ember.platform - @name create + @method create + @for Ember */ Ember.create = Object.create; if (!Ember.create) { - /** @private */ var K = function() {}; Ember.create = function(obj, props) { @@ -528,7 +679,6 @@ if (!Ember.create) { Ember.create.isSimulated = true; } -/** @private */ var defineProperty = Object.defineProperty; var canRedefineProperties, canDefinePropertyOnDOM; @@ -537,7 +687,6 @@ if (defineProperty) { try { defineProperty({}, 'a',{get:function(){}}); } catch (e) { - /** @private */ defineProperty = null; } } @@ -545,7 +694,6 @@ if (defineProperty) { if (defineProperty) { // Detects a bug in Android <3.2 where you cannot redefine a property using // Object.defineProperty once accessors have already been set. - /** @private */ canRedefineProperties = (function() { var obj = {}; @@ -568,7 +716,6 @@ if (defineProperty) { // This is for Safari 5.0, which supports Object.defineProperty, but not // on DOM nodes. - /** @private */ canDefinePropertyOnDOM = (function(){ try { defineProperty(document.createElement('div'), 'definePropertyOnDOM', {}); @@ -579,10 +726,8 @@ if (defineProperty) { })(); if (!canRedefineProperties) { - /** @private */ defineProperty = null; } else if (!canDefinePropertyOnDOM) { - /** @private */ defineProperty = function(obj, keyName, desc){ var isNode; @@ -602,24 +747,28 @@ if (defineProperty) { } } +/** +@class platform +@namespace Ember +*/ + /** Identical to Object.defineProperty(). Implements as much functionality as possible if not available natively. - @memberOf Ember.platform - @name defineProperty + @method defineProperty @param {Object} obj The object to modify @param {String} keyName property name to modify @param {Object} desc descriptor hash - @returns {void} + @return {void} */ platform.defineProperty = defineProperty; /** Set to true if the platform supports native getters and setters. - @memberOf Ember.platform - @name hasPropertyAccessors + @property hasPropertyAccessors + @final */ platform.hasPropertyAccessors = true; @@ -642,11 +791,10 @@ if (Ember.ENV.MANDATORY_SETTER && !platform.hasPropertyAccessors) { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var o_defineProperty = Ember.platform.defineProperty, o_create = Ember.create, // Used for guid generation... @@ -659,9 +807,6 @@ var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; /** @private - @static - @type String - @constant A unique key used to assign guids and other private metadata to objects. If you inspect an object in your browser debugger you will often see these. @@ -669,6 +814,11 @@ var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; On browsers that support it, these properties are added with enumeration disabled so they won't show up when you iterate over your properties. + + @property GUID_KEY + @for Ember + @type String + @final */ Ember.GUID_KEY = GUID_KEY; @@ -686,18 +836,18 @@ var GUID_DESC = { pass in. You will rarely need to use this method. Instead you should call Ember.guidFor(obj), which return an existing guid if available. - @param {Object} obj - Optional object the guid will be used for. If passed in, the guid will + @method generateGuid + @for Ember + @param {Object} [obj] Object the guid will be used for. If passed in, the guid will be saved on the object and reused whenever you pass the same object again. If no object is passed, just generate a new guid. - @param {String} prefix - Optional prefix to place in front of the guid. Useful when you want to + @param {String} [prefix] Prefix to place in front of the guid. Useful when you want to separate the guid into separate namespaces. - @returns {String} the guid + @return {String} the guid */ Ember.generateGuid = function generateGuid(obj, prefix) { if (!prefix) prefix = 'ember'; @@ -718,9 +868,10 @@ Ember.generateGuid = function generateGuid(obj, prefix) { You can also use this method on DOM Element objects. - @method + @method guidFor + @for Ember @param obj {Object} any object, string, number, Element, or primitive - @returns {String} the unique guid for this instance. + @return {String} the unique guid for this instance. */ Ember.guidFor = function guidFor(obj) { @@ -773,7 +924,10 @@ var META_KEY = Ember.GUID_KEY+'_meta'; /** The key used to store meta information on object for property observing. - @static + @property META_KEY + @for Ember + @private + @final @type String */ Ember.META_KEY = META_KEY; @@ -808,9 +962,6 @@ if (isDefinePropertySimulated) { } /** - @private - @function - Retrieves the meta hash for an object. If 'writable' is true ensures the hash is writable for this object as well. @@ -819,14 +970,16 @@ if (isDefinePropertySimulated) { not access this information directly but instead work with higher level methods that manipulate this hash indirectly. - @param {Object} obj - The object to retrieve meta for + @method meta + @for Ember + @private - @param {Boolean} writable - Pass false if you do not intend to modify the meta hash, allowing the - method to avoid making an unnecessary copy. + @param {Object} obj The object to retrieve meta for - @returns {Hash} + @param {Boolean} [writable=true] Pass false if you do not intend to modify + the meta hash, allowing the method to avoid making an unnecessary copy. + + @return {Hash} */ Ember.meta = function meta(obj, writable) { @@ -896,6 +1049,8 @@ Ember.setMeta = function setMeta(obj, property, value) { undefined if `prepareMetaPath` discovers any part of the path that shared or undefined. + @method metaPath + @for Ember @param {Object} obj The object whose meta we are examining @param {Array} path An array of keys to walk down @param {Boolean} writable whether or not to create a new meta @@ -931,13 +1086,11 @@ Ember.metaPath = function metaPath(obj, path, writable) { when the function is invoked. This is the primitive we use to implement calls to super. - @param {Function} func - The function to call - - @param {Function} superFunc - The super function. - - @returns {Function} wrapped function. + @method wrap + @for Ember + @param {Function} func The function to call + @param {Function} superFunc The super function. + @return {Function} wrapped function. */ Ember.wrap = function(func, superFunc) { @@ -971,8 +1124,10 @@ Ember.wrap = function(func, superFunc) { Ember.isArray([]); // true Ember.isArray( Ember.ArrayProxy.create({ content: [] }) ); // true + @method isArray + @for Ember @param {Object} obj The object to test - @returns {Boolean} + @return {Boolean} */ Ember.isArray = function(obj) { if (!obj || obj.setInterval) { return false; } @@ -996,8 +1151,10 @@ Ember.isArray = function(obj) { var controller = Ember.ArrayProxy.create({ content: [] }); Ember.makeArray(controller) === controller; => true + @method makeArray + @for Ember @param {Object} obj the object - @returns {Array} + @return {Array} */ Ember.makeArray = function(obj) { if (obj === null || obj === undefined) { return []; } @@ -1011,8 +1168,8 @@ function canInvoke(obj, methodName) { /** Checks to see if the `methodName` exists on the `obj`. - @function - + @method canInvoke + @for Ember @param {Object} obj The object to check for the method @param {String} methodName The method name to check for */ @@ -1022,18 +1179,16 @@ Ember.canInvoke = canInvoke; Checks to see if the `methodName` exists on the `obj`, and if it does, invokes it with the arguments passed. - @function - + @method tryInvoke + @for Ember @param {Object} obj The object to check for the method @param {String} methodName The method name to check for - @param {Array} args The arguments to pass to the method - - @returns {Boolean} true if the method does not return false - @returns {Boolean} false otherwise + @param {Array} [args] The arguments to pass to the method + @return {anything} the return value of the invoked method or undefined if it cannot be invoked */ Ember.tryInvoke = function(obj, methodName, args) { if (canInvoke(obj, methodName)) { - return obj[methodName].apply(obj, args); + return obj[methodName].apply(obj, args || []); } }; @@ -1043,6 +1198,10 @@ Ember.tryInvoke = function(obj, methodName, args) { (function() { /** +@module ember-metal +*/ + +/* JavaScript (before ES6) does not have a Map implementation. Objects, which are often used as dictionaries, may only have Strings as keys. @@ -1061,7 +1220,6 @@ Ember.tryInvoke = function(obj, methodName, args) { Map is mocked out to look like an Ember object, so you can do `Ember.Map.create()` for symmetry with other Ember classes. */ -/** @private */ var guidFor = Ember.guidFor, indexOf = Ember.ArrayPolyfills.indexOf; @@ -1085,23 +1243,43 @@ var copyMap = function(original, newObject) { return newObject; }; -// This class is used internally by Ember.js and Ember Data. -// Please do not use it at this time. We plan to clean it up -// and add many tests soon. +/** + This class is used internally by Ember.js and Ember Data. + Please do not use it at this time. We plan to clean it up + and add many tests soon. + + @class OrderedSet + @namespace Ember + @constructor + @private +*/ var OrderedSet = Ember.OrderedSet = function() { this.clear(); }; +/** + @method create + @static + @return {Ember.OrderedSet} +*/ OrderedSet.create = function() { return new OrderedSet(); }; + OrderedSet.prototype = { + /** + @method clear + */ clear: function() { this.presenceSet = {}; this.list = []; }, + /** + @method add + @param obj + */ add: function(obj) { var guid = guidFor(obj), presenceSet = this.presenceSet, @@ -1113,6 +1291,10 @@ OrderedSet.prototype = { list.push(obj); }, + /** + @method remove + @param obj + */ remove: function(obj) { var guid = guidFor(obj), presenceSet = this.presenceSet, @@ -1126,10 +1308,31 @@ OrderedSet.prototype = { } }, + /** + @method isEmpty + @return {Boolean} + */ isEmpty: function() { return this.list.length === 0; }, + /** + @method has + @param obj + @return {Boolean} + */ + has: function(obj) { + var guid = guidFor(obj), + presenceSet = this.presenceSet; + + return guid in presenceSet; + }, + + /** + @method forEach + @param {Function} function + @param target + */ forEach: function(fn, self) { // allow mutation during iteration var list = this.list.slice(); @@ -1139,10 +1342,18 @@ OrderedSet.prototype = { } }, + /** + @method toArray + @return {Array} + */ toArray: function() { return this.list.slice(); }, + /** + @method copy + @return {Ember.OrderedSet} + */ copy: function() { var set = new OrderedSet(); @@ -1168,15 +1379,22 @@ OrderedSet.prototype = { add the key to the `keys` OrderedSet, and create or replace an entry in `values`. When an entry is deleted, we delete its entry in `keys` and `values`. -*/ -/** @private */ + @class Map + @namespace Ember + @private + @constructor +*/ var Map = Ember.Map = function() { this.keys = Ember.OrderedSet.create(); this.values = {}; }; -Map.create = function() { +/** + @method create + @static +*/ +Map.create = function() { return new Map(); }; @@ -1184,6 +1402,7 @@ Map.prototype = { /** Retrieve the value associated with a given key. + @method get @param {anything} key @return {anything} the value associated with the key, or undefined */ @@ -1198,6 +1417,7 @@ Map.prototype = { Adds a value to the map. If a value for the given key has already been provided, the new value will replace the old value. + @method set @param {anything} key @param {anything} value */ @@ -1213,8 +1433,9 @@ Map.prototype = { /** Removes a value from the map for an associated key. + @method remove @param {anything} key - @returns {Boolean} true if an item was removed, false otherwise + @return {Boolean} true if an item was removed, false otherwise */ remove: function(key) { // don't use ES6 "delete" because it will be annoying @@ -1237,8 +1458,9 @@ Map.prototype = { /** Check whether a key is present. + @method has @param {anything} key - @returns {Boolean} true if the item was present, false otherwise + @return {Boolean} true if the item was present, false otherwise */ has: function(key) { var values = this.values, @@ -1253,6 +1475,7 @@ Map.prototype = { The keys are guaranteed to be iterated over in insertion order. + @method forEach @param {Function} callback @param {anything} self if passed, the `this` value inside the callback. By default, `this` is the map. @@ -1267,16 +1490,36 @@ Map.prototype = { }); }, + /** + @method copy + @return {Ember.Map} + */ copy: function() { return copyMap(this, new Map()); } }; +/** + @class MapWithDefault + @namespace Ember + @extends Ember.Map + @private + @constructor + @param [options] + @param {anything} [options.defaultValue] +*/ var MapWithDefault = Ember.MapWithDefault = function(options) { Map.call(this); this.defaultValue = options.defaultValue; }; +/** + @method create + @static + @param [options] + @param {anything} [options.defaultValue] + @return {Ember.MapWithDefault|Ember.Map} If options are passed, returns Ember.MapWithDefault otherwise returns Ember.Map +*/ MapWithDefault.create = function(options) { if (options) { return new MapWithDefault(options); @@ -1287,6 +1530,13 @@ MapWithDefault.create = function(options) { MapWithDefault.prototype = Ember.create(Map.prototype); +/** + Retrieve the value associated with a given key. + + @method get + @param {anything} key + @return {anything} the value associated with the key, or the default value +*/ MapWithDefault.prototype.get = function(key) { var hasValue = this.has(key); @@ -1299,6 +1549,10 @@ MapWithDefault.prototype.get = function(key) { } }; +/** + @method copy + @return {Ember.MapWithDefault} +*/ MapWithDefault.prototype.copy = function() { return copyMap(this, new MapWithDefault({ defaultValue: this.defaultValue @@ -1310,16 +1564,14 @@ MapWithDefault.prototype.copy = function() { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var META_KEY = Ember.META_KEY, get, set; var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; -/** @private */ var IS_GLOBAL = /^([A-Z$]|([0-9][A-Z$]))/; var IS_GLOBAL_PATH = /^([A-Z$]|([0-9][A-Z$])).*[\.\*]/; var HAS_THIS = /^this[\.\*]/; @@ -1332,7 +1584,30 @@ var FIRST_KEY = /^([^\.\*]+)/; // Otherwise simulate accessors by looking up the property directly on the // object. -/** @private */ +/** + Gets the value of a property on an object. If the property is computed, + the function will be invoked. If the property is not defined but the + object implements the unknownProperty() method then that will be invoked. + + If you plan to run on IE8 and older browsers then you should use this + method anytime you want to retrieve a property on an object that you don't + know for sure is private. (My convention only properties beginning with + an underscore '_' are considered private.) + + On all newer browsers, you only need to use this method to retrieve + properties if the property might not be defined on the object and you want + to respect the unknownProperty() handler. Otherwise you can ignore this + method. + + Note that if the obj itself is null, this method will simply return + undefined. + + @method get + @for Ember + @param {Object} obj The object to retrieve from. + @param {String} keyName The property key to retrieve + @return {Object} the property value or null. +*/ get = function get(obj, keyName) { // Helpers that operate with 'this' within an #each if (keyName === '') { @@ -1369,7 +1644,29 @@ get = function get(obj, keyName) { } }; -/** @private */ +/** + Sets the value of a property on an object, respecting computed properties + and notifying observers and other listeners of the change. If the + property is not defined but the object implements the unknownProperty() + method then that will be invoked as well. + + If you plan to run on IE8 and older browsers then you should use this + method anytime you want to set a property on an object that you don't + know for sure is private. (My convention only properties beginning with + an underscore '_' are considered private.) + + On all newer browsers, you only need to use this method to set + properties if the property might not be defined on the object and you want + to respect the unknownProperty() handler. Otherwise you can ignore this + method. + + @method set + @for Ember + @param {Object} obj The object to modify. + @param {String} keyName The property key to set + @param {Object} value The value to set + @return {Object} the passed value. +*/ set = function set(obj, keyName, value, tolerant) { if (typeof obj === 'string') { Ember.assert("Path '" + obj + "' must be global if no obj is given.", IS_GLOBAL.test(obj)); @@ -1425,22 +1722,29 @@ set = function set(obj, keyName, value, tolerant) { return value; }; -/** @private */ +// Currently used only by Ember Data tests +if (Ember.config.overrideAccessors) { + Ember.get = get; + Ember.set = set; + Ember.config.overrideAccessors(); + get = Ember.get; + set = Ember.set; +} + function firstKey(path) { return path.match(FIRST_KEY)[0]; } // assumes path is already normalized -/** @private */ function normalizeTuple(target, path) { var hasThis = HAS_THIS.test(path), isGlobal = !hasThis && IS_GLOBAL_PATH.test(path), key; - if (!target || isGlobal) target = window; + if (!target || isGlobal) target = Ember.lookup; if (hasThis) path = path.slice(5); - if (target === window) { + if (target === Ember.lookup) { key = firstKey(path); target = get(target, key); path = path.slice(key.length+1); @@ -1452,14 +1756,13 @@ function normalizeTuple(target, path) { return [ target, path ]; } -/** @private */ function getPath(root, path) { var hasThis, parts, tuple, idx, len; // If there is no root and path is a key name, return that // property from the global object. // E.g. get('Ember') -> Ember - if (root === null && path.indexOf('.') === -1) { return get(window, path); } + if (root === null && path.indexOf('.') === -1) { return get(Ember.lookup, path); } // detect complicated paths and normalize them hasThis = HAS_THIS.test(path); @@ -1480,7 +1783,6 @@ function getPath(root, path) { return root; } -/** @private */ function setPath(root, path, value, tolerant) { var keyName; @@ -1516,13 +1818,11 @@ function setPath(root, path, value, tolerant) { paths (i.e. a path beginning with a captial letter not defined on the target) and * separators. - @param {Object} target - The current target. May be null. - - @param {String} path - A path on the target or a global property path. - - @returns {Array} a temporary array with the normalized target/path pair. + @method normalizeTuple + @for Ember + @param {Object} target The current target. May be null. + @param {String} path A path on the target or a global property path. + @return {Array} a temporary array with the normalized target/path pair. */ Ember.normalizeTuple = function(target, path) { return normalizeTuple(target, path); @@ -1536,66 +1836,9 @@ Ember.getWithDefault = function(root, key, defaultValue) { }; -/** - @function - - Gets the value of a property on an object. If the property is computed, - the function will be invoked. If the property is not defined but the - object implements the unknownProperty() method then that will be invoked. - - If you plan to run on IE8 and older browsers then you should use this - method anytime you want to retrieve a property on an object that you don't - know for sure is private. (My convention only properties beginning with - an underscore '_' are considered private.) - - On all newer browsers, you only need to use this method to retrieve - properties if the property might not be defined on the object and you want - to respect the unknownProperty() handler. Otherwise you can ignore this - method. - - Note that if the obj itself is null, this method will simply return - undefined. - - @param {Object} obj - The object to retrieve from. - - @param {String} keyName - The property key to retrieve - - @returns {Object} the property value or null. -*/ Ember.get = get; Ember.getPath = Ember.deprecateFunc('getPath is deprecated since get now supports paths', Ember.get); -/** - @function - - Sets the value of a property on an object, respecting computed properties - and notifying observers and other listeners of the change. If the - property is not defined but the object implements the unknownProperty() - method then that will be invoked as well. - - If you plan to run on IE8 and older browsers then you should use this - method anytime you want to set a property on an object that you don't - know for sure is private. (My convention only properties beginning with - an underscore '_' are considered private.) - - On all newer browsers, you only need to use this method to set - properties if the property might not be defined on the object and you want - to respect the unknownProperty() handler. Otherwise you can ignore this - method. - - @param {Object} obj - The object to modify. - - @param {String} keyName - The property key to set - - @param {Object} value - The value to set - - @returns {Object} the passed value. -*/ Ember.set = set; Ember.setPath = Ember.deprecateFunc('setPath is deprecated since set now supports paths', Ember.set); @@ -1605,6 +1848,12 @@ Ember.setPath = Ember.deprecateFunc('setPath is deprecated since set now support This is primarily used when syncing bindings, which may try to update after an object has been destroyed. + + @method trySet + @for Ember + @param {Object} obj The object to modify. + @param {String} keyName The property key to set + @param {Object} value The value to set */ Ember.trySet = function(root, path, value) { return set(root, path, value, true); @@ -1615,31 +1864,26 @@ Ember.trySetPath = Ember.deprecateFunc('trySetPath has been renamed to trySet', Returns true if the provided path is global (e.g., "MyApp.fooController.bar") instead of local ("foo.bar.baz"). + @method isGlobalPath + @for Ember + @private @param {String} path - @returns Boolean + @return Boolean */ Ember.isGlobalPath = function(path) { return IS_GLOBAL.test(path); }; - -if (Ember.config.overrideAccessors) { - Ember.config.overrideAccessors(); - get = Ember.get; - set = Ember.set; -} - })(); (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var GUID_KEY = Ember.GUID_KEY, META_KEY = Ember.META_KEY, EMPTY_META = Ember.EMPTY_META, @@ -1654,13 +1898,15 @@ var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; // /** - @private - @constructor - Objects of this type can implement an interface to responds requests to get and set. The default implementation handles simple properties. You generally won't need to create or subclass this directly. + + @class Descriptor + @namespace Ember + @private + @constructor */ var Descriptor = Ember.Descriptor = function() {}; @@ -1700,23 +1946,19 @@ var Descriptor = Ember.Descriptor = function() {}; // define a computed property Ember.defineProperty(contact, 'fullName', Ember.computed(function() { return this.firstName+' '+this.lastName; - }).property('firstName', 'lastName').cacheable()); + }).property('firstName', 'lastName')); + + @method defineProperty + @for Ember + @param {Object} obj the object to define this property on. This may be a prototype. + @param {String} keyName the name of the property + @param {Ember.Descriptor} [desc] an instance of Ember.Descriptor (typically a + computed property) or an ES5 descriptor. + You must provide this or `data` but not both. + @param {anything} [data] something other than a descriptor, that will + become the explicit value of this property. */ Ember.defineProperty = function(obj, keyName, desc, data, meta) { - // The first two parameters to defineProperty are mandatory: - // - // * obj: the object to define this property on. This may be - // a prototype. - // * keyName: the name of the property - // - // One and only one of the following two parameters must be - // provided: - // - // * desc: an instance of Ember.Descriptor (typically a - // computed property) or an ES5 descriptor. - // * data: something other than a descriptor, that will - // become the explicit value of this property. - var descs, existingDesc, watching, value; if (!meta) meta = metaFor(obj); @@ -1789,98 +2031,102 @@ Ember.defineProperty = function(obj, keyName, desc, data, meta) { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var AFTER_OBSERVERS = ':change'; var BEFORE_OBSERVERS = ':before'; + var guidFor = Ember.guidFor; var deferred = 0; -var array_Slice = [].slice; - -/** @private */ -var ObserverSet = function () { - this.targetSet = {}; -}; -ObserverSet.prototype.add = function (target, path) { - var targetSet = this.targetSet, - targetGuid = Ember.guidFor(target), - pathSet = targetSet[targetGuid]; - if (!pathSet) { - targetSet[targetGuid] = pathSet = {}; - } - if (pathSet[path]) { - return false; - } else { - return pathSet[path] = true; - } -}; -ObserverSet.prototype.clear = function () { - this.targetSet = {}; -}; -/** @private */ -var DeferredEventQueue = function() { - this.targetSet = {}; - this.queue = []; -}; +/* + this.observerSet = { + [senderGuid]: { // variable name: `keySet` + [keyName]: listIndex + } + }, + this.observers = [ + { + sender: obj, + keyName: keyName, + eventName: eventName, + listeners: { + [targetGuid]: { // variable name: `actionSet` + [methodGuid]: { // variable name: `action` + target: [Object object], + method: [Function function] + } + } + } + }, + ... + ] +*/ +function ObserverSet() { + this.clear(); +} -DeferredEventQueue.prototype.push = function(target, eventName, keyName) { - var targetSet = this.targetSet, - queue = this.queue, - targetGuid = Ember.guidFor(target), - eventNameSet = targetSet[targetGuid], - index; +ObserverSet.prototype.add = function(sender, keyName, eventName) { + var observerSet = this.observerSet, + observers = this.observers, + senderGuid = Ember.guidFor(sender), + keySet = observerSet[senderGuid], + index; - if (!eventNameSet) { - targetSet[targetGuid] = eventNameSet = {}; + if (!keySet) { + observerSet[senderGuid] = keySet = {}; } - index = eventNameSet[eventName]; + index = keySet[keyName]; if (index === undefined) { - eventNameSet[eventName] = queue.push(Ember.deferEvent(target, eventName, [target, keyName])) - 1; - } else { - queue[index] = Ember.deferEvent(target, eventName, [target, keyName]); + index = observers.push({ + sender: sender, + keyName: keyName, + eventName: eventName, + listeners: {} + }) - 1; + keySet[keyName] = index; } + return observers[index].listeners; }; -DeferredEventQueue.prototype.flush = function() { - var queue = this.queue; - this.queue = []; - this.targetSet = {}; - for (var i=0, len=queue.length; i < len; ++i) { - queue[i](); +ObserverSet.prototype.flush = function() { + var observers = this.observers, i, len, observer, sender; + this.clear(); + for (i=0, len=observers.length; i < len; ++i) { + observer = observers[i]; + sender = observer.sender; + if (sender.isDestroyed) { continue; } + Ember.sendEvent(sender, observer.eventName, [sender, observer.keyName], observer.listeners); } }; -var queue = new DeferredEventQueue(), beforeObserverSet = new ObserverSet(); - -/** @private */ -function notifyObservers(obj, eventName, keyName, forceNotification) { - if (deferred && !forceNotification) { - queue.push(obj, eventName, keyName); - } else { - Ember.sendEvent(obj, eventName, [obj, keyName]); - } -} - -/** @private */ -function flushObserverQueue() { - beforeObserverSet.clear(); +ObserverSet.prototype.clear = function() { + this.observerSet = {}; + this.observers = []; +}; - queue.flush(); -} +var beforeObserverSet = new ObserverSet(), observerSet = new ObserverSet(); +/** + @method beginPropertyChanges + @chainable +*/ Ember.beginPropertyChanges = function() { deferred++; - return this; }; +/** + @method endPropertyChanges +*/ Ember.endPropertyChanges = function() { deferred--; - if (deferred<=0) flushObserverQueue(); + if (deferred<=0) { + beforeObserverSet.clear(); + observerSet.flush(); + } }; /** @@ -1891,6 +2137,10 @@ Ember.endPropertyChanges = function() { obj1.set('foo', mayBlowUpWhenSet); obj2.set('bar', baz); }); + + @method changeProperties + @param {Function} callback + @param [binding] */ Ember.changeProperties = function(cb, binding){ Ember.beginPropertyChanges(); @@ -1905,6 +2155,11 @@ Ember.changeProperties = function(cb, binding){ Set a list of properties on an object. These properties are set inside a single `beginPropertyChanges` and `endPropertyChanges` batch, so observers will be buffered. + + @method setProperties + @param target + @param {Hash} properties + @return target */ Ember.setProperties = function(self, hash) { Ember.changeProperties(function(){ @@ -1916,33 +2171,51 @@ Ember.setProperties = function(self, hash) { }; -/** @private */ function changeEvent(keyName) { return keyName+AFTER_OBSERVERS; } -/** @private */ function beforeEvent(keyName) { return keyName+BEFORE_OBSERVERS; } +/** + @method addObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ Ember.addObserver = function(obj, path, target, method) { Ember.addListener(obj, changeEvent(path), target, method); Ember.watch(obj, path); return this; }; -/** @private */ Ember.observersFor = function(obj, path) { return Ember.listenersFor(obj, changeEvent(path)); }; +/** + @method removeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ Ember.removeObserver = function(obj, path, target, method) { Ember.unwatch(obj, path); Ember.removeListener(obj, changeEvent(path), target, method); return this; }; +/** + @method addBeforeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ Ember.addBeforeObserver = function(obj, path, target, method) { Ember.addListener(obj, beforeEvent(path), target, method); Ember.watch(obj, path); @@ -1953,7 +2226,6 @@ Ember.addBeforeObserver = function(obj, path, target, method) { // // This should only be used by the target of the observer // while it is setting the observed path. -/** @private */ Ember._suspendBeforeObserver = function(obj, path, target, method, callback) { return Ember._suspendListener(obj, beforeEvent(path), target, method, callback); }; @@ -1962,52 +2234,69 @@ Ember._suspendObserver = function(obj, path, target, method, callback) { return Ember._suspendListener(obj, changeEvent(path), target, method, callback); }; -/** @private */ +var map = Ember.ArrayPolyfills.map; + +Ember._suspendBeforeObservers = function(obj, paths, target, method, callback) { + var events = map.call(paths, beforeEvent); + return Ember._suspendListeners(obj, events, target, method, callback); +}; + +Ember._suspendObservers = function(obj, paths, target, method, callback) { + var events = map.call(paths, changeEvent); + return Ember._suspendListeners(obj, events, target, method, callback); +}; + Ember.beforeObserversFor = function(obj, path) { return Ember.listenersFor(obj, beforeEvent(path)); }; +/** + @method removeBeforeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ Ember.removeBeforeObserver = function(obj, path, target, method) { Ember.unwatch(obj, path); Ember.removeListener(obj, beforeEvent(path), target, method); return this; }; -/** @private */ -Ember.notifyObservers = function(obj, keyName) { +Ember.notifyBeforeObservers = function(obj, keyName) { if (obj.isDestroying) { return; } - notifyObservers(obj, changeEvent(keyName), keyName); + var eventName = beforeEvent(keyName), listeners, listenersDiff; + if (deferred) { + listeners = beforeObserverSet.add(obj, keyName, eventName); + listenersDiff = Ember.listenersDiff(obj, eventName, listeners); + Ember.sendEvent(obj, eventName, [obj, keyName], listenersDiff); + } else { + Ember.sendEvent(obj, eventName, [obj, keyName]); + } }; -/** @private */ -Ember.notifyBeforeObservers = function(obj, keyName) { +Ember.notifyObservers = function(obj, keyName) { if (obj.isDestroying) { return; } - var guid, set, forceNotification = false; - + var eventName = changeEvent(keyName), listeners; if (deferred) { - if (beforeObserverSet.add(obj, keyName)) { - forceNotification = true; - } else { - return; - } + listeners = observerSet.add(obj, keyName, eventName); + Ember.listenersUnion(obj, eventName, listeners); + } else { + Ember.sendEvent(obj, eventName, [obj, keyName]); } - - notifyObservers(obj, beforeEvent(keyName), keyName, forceNotification); }; - })(); (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var guidFor = Ember.guidFor, // utils.js metaFor = Ember.meta, // utils.js get = Ember.get, // accessors.js @@ -2025,13 +2314,11 @@ var guidFor = Ember.guidFor, // utils.js var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER, o_defineProperty = Ember.platform.defineProperty; -/** @private */ function firstKey(path) { return path.match(FIRST_KEY)[0]; } // returns true if the passed path is just a keyName -/** @private */ function isKeyName(path) { return path==='*' || !IS_PATH.test(path); } @@ -2042,7 +2329,6 @@ function isKeyName(path) { var DEP_SKIP = { __emberproto__: true }; // skip some keys and toString -/** @private */ function iterDeps(method, obj, depKey, seen, meta) { var guid = guidFor(obj); @@ -2055,6 +2341,8 @@ function iterDeps(method, obj, depKey, seen, meta) { if (deps) { for(var key in deps) { if (DEP_SKIP[key]) continue; + var desc = meta.descs[key]; + if (desc && desc._suspended === obj) continue; method(obj, key); } } @@ -2064,7 +2352,6 @@ function iterDeps(method, obj, depKey, seen, meta) { var WILL_SEEN, DID_SEEN; // called whenever a property is about to change to clear the cache of any dependent keys (and notify those properties of changes, etc...) -/** @private */ function dependentKeysWillChange(obj, depKey, meta) { if (obj.isDestroying) { return; } @@ -2075,7 +2362,6 @@ function dependentKeysWillChange(obj, depKey, meta) { } // called whenever a property has just changed to update dependent keys -/** @private */ function dependentKeysDidChange(obj, depKey, meta) { if (obj.isDestroying) { return; } @@ -2089,7 +2375,6 @@ function dependentKeysDidChange(obj, depKey, meta) { // CHAIN // -/** @private */ function addChainWatcher(obj, keyName, node) { if (!obj || ('object' !== typeof obj)) return; // nothing to do var m = metaFor(obj); @@ -2103,7 +2388,6 @@ function addChainWatcher(obj, keyName, node) { Ember.watch(obj, keyName); } -/** @private */ function removeChainWatcher(obj, keyName, node) { if (!obj || 'object' !== typeof obj) { return; } // nothing to do var m = metaFor(obj, false), @@ -2118,7 +2402,6 @@ var pendingQueue = []; // attempts to add the pendingQueue chains again. If some of them end up // back in the queue and reschedule is true, schedules a timeout to try // again. -/** @private */ function flushPendingChains() { if (pendingQueue.length === 0) { return; } // nothing to do @@ -2130,7 +2413,6 @@ function flushPendingChains() { Ember.warn('Watching an undefined global, Ember expects watched globals to be setup by the time the run loop is flushed, check for typos', pendingQueue.length === 0); } -/** @private */ function isProto(pvalue) { return metaFor(pvalue, false).proto === pvalue; } @@ -2138,7 +2420,6 @@ function isProto(pvalue) { // A ChainNode watches a single key on an object. If you provide a starting // value for the key then the node won't actually watch it. For a root node // pass null for parent and key and object for value. -/** @private */ var ChainNode = function(parent, key, value, separator) { var obj; this._parent = parent; @@ -2366,7 +2647,6 @@ ChainNodePrototype.didChange = function(suppressEvent) { // get the chains for the current object. If the current object has // chains inherited from the proto they will be cloned and reconfigured for // the current object. -/** @private */ function chainsFor(obj) { var m = metaFor(obj), ret = m.chains; if (!ret) { @@ -2377,7 +2657,6 @@ function chainsFor(obj) { return ret; } -/** @private */ function notifyChains(obj, m, keyName, methodName, arg) { var nodes = m.chainWatchers; @@ -2396,12 +2675,10 @@ Ember.overrideChains = function(obj, keyName, m) { notifyChains(obj, m, keyName, 'didChange', true); }; -/** @private */ function chainsWillChange(obj, keyName, m) { notifyChains(obj, m, keyName, 'willChange'); } -/** @private */ function chainsDidChange(obj, keyName, m) { notifyChains(obj, m, keyName, 'didChange'); } @@ -2418,6 +2695,11 @@ function chainsDidChange(obj, keyName, m) { primitive used by observers and dependent keys; usually you will never call this method directly but instead use higher level methods like Ember.addObserver(). + + @method watch + @for Ember + @param obj + @param {String} keyName */ Ember.watch = function(obj, keyName) { // can't watch length on Array - it is special... @@ -2467,7 +2749,6 @@ Ember.isWatching = function isWatching(obj, key) { Ember.watch.flushPending = flushPendingChains; -/** @private */ Ember.unwatch = function(obj, keyName) { // can't watch length on Array - it is special... if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; } @@ -2511,6 +2792,10 @@ Ember.unwatch = function(obj, keyName) { Call on an object when you first beget it from another object. This will setup any chained watchers on the object instance as needed. This method is safe to call multiple times. + + @method rewatch + @for Ember + @param obj */ Ember.rewatch = function(obj) { var m = metaFor(obj, false), chains = m.chains; @@ -2551,15 +2836,11 @@ Ember.finishChains = function(obj) { manually along with `Ember.propertyDidChange()` which you should call just after the property value changes. - @memberOf Ember - - @param {Object} obj - The object with the property that will change - - @param {String} keyName - The property key (or path) that will change. - - @returns {void} + @method propertyWillChange + @for Ember + @param {Object} obj The object with the property that will change + @param {String} keyName The property key (or path) that will change. + @return {void} */ function propertyWillChange(obj, keyName, value) { var m = metaFor(obj, false), @@ -2586,15 +2867,11 @@ Ember.propertyWillChange = propertyWillChange; manually along with `Ember.propertyWilLChange()` which you should call just before the property value changes. - @memberOf Ember - - @param {Object} obj - The object with the property that will change - - @param {String} keyName - The property key (or path) that will change. - - @returns {void} + @method propertyDidChange + @for Ember + @param {Object} obj The object with the property that will change + @param {String} keyName The property key (or path) that will change. + @return {void} */ function propertyDidChange(obj, keyName) { var m = metaFor(obj, false), @@ -2621,8 +2898,10 @@ var NODE_STACK = []; Tears down the meta on an object so that it can be garbage collected. Multiple calls will have no effect. + @method destroy + @for Ember @param {Object} obj the object to destroy - @returns {void} + @return {void} */ Ember.destroy = function (obj) { var meta = obj[META_KEY], node, nodes, key, nodeObject; @@ -2661,12 +2940,11 @@ Ember.destroy = function (obj) { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== -Ember.warn("Computed properties will soon be cacheable by default. To enable this in your app, set `ENV.CP_DEFAULT_CACHEABLE = true`.", Ember.CP_DEFAULT_CACHEABLE); +/** +@module ember-metal +*/ + +Ember.warn("The CP_DEFAULT_CACHEABLE flag has been removed and computed properties are always cached by default. Use `volatile` if you don't want caching.", Ember.ENV.CP_DEFAULT_CACHEABLE !== false); var get = Ember.get, @@ -2691,9 +2969,7 @@ var get = Ember.get, // __emberproto__: SRC_OBJ // } -/** - @private - +/* This function returns a map of unique dependencies for a given object and key. */ @@ -2712,11 +2988,7 @@ function keysForDep(obj, depsMeta, depKey) { return keys; } -/** - @private - - return obj[META_KEY].deps - */ +/* return obj[META_KEY].deps */ function metaForDeps(obj, meta) { var deps = meta.deps; // If the current object has no dependencies... @@ -2733,7 +3005,6 @@ function metaForDeps(obj, meta) { return deps; } -/** @private */ function addDependentKeys(desc, obj, keyName, meta) { // the descriptor has a list of dependent keys, so // add all of its dependent keys. @@ -2753,7 +3024,6 @@ function addDependentKeys(desc, obj, keyName, meta) { } } -/** @private */ function removeDependentKeys(desc, obj, keyName, meta) { // the descriptor has a list of dependent keys, so // add all of its dependent keys. @@ -2777,23 +3047,21 @@ function removeDependentKeys(desc, obj, keyName, meta) { // COMPUTED PROPERTY // -/** @private */ +/** + @class ComputedProperty + @namespace Ember + @extends Ember.Descriptor + @constructor +*/ function ComputedProperty(func, opts) { this.func = func; - this._cacheable = (opts && opts.cacheable !== undefined) ? opts.cacheable : Ember.CP_DEFAULT_CACHEABLE; + this._cacheable = (opts && opts.cacheable !== undefined) ? opts.cacheable : true; this._dependentKeys = opts && opts.dependentKeys; } -/** - @constructor -*/ Ember.ComputedProperty = ComputedProperty; ComputedProperty.prototype = new Ember.Descriptor(); -/** - @extends Ember.ComputedProperty - @private -*/ var ComputedPropertyPrototype = ComputedProperty.prototype; /** @@ -2808,16 +3076,14 @@ var ComputedPropertyPrototype = ComputedProperty.prototype; // After calculating the value of this function, Ember.js will // return that value without re-executing this function until // one of the dependent properties change. - }.property('firstName', 'lastName').cacheable() + }.property('firstName', 'lastName') }); Properties are cacheable by default. - @memberOf Ember.ComputedProperty.prototype - @name cacheable - @function + @method cacheable @param {Boolean} aFlag optional set to false to disable caching - @returns {Ember.ComputedProperty} receiver + @chainable */ ComputedPropertyPrototype.cacheable = function(aFlag) { this._cacheable = aFlag !== false; @@ -2834,10 +3100,8 @@ ComputedPropertyPrototype.cacheable = function(aFlag) { }.property().volatile() }); - @memberOf Ember.ComputedProperty.prototype - @name volatile - @function - @returns {Ember.ComputedProperty} receiver + @method volatile + @chainable */ ComputedPropertyPrototype.volatile = function() { return this.cacheable(false); @@ -2856,11 +3120,9 @@ ComputedPropertyPrototype.volatile = function() { }).property('firstName', 'lastName') }); - @memberOf Ember.ComputedProperty.prototype - @name property - @function - @param {String} path... zero or more property paths - @returns {Ember.ComputedProperty} receiver + @method property + @param {String} path* zero or more property paths + @chainable */ ComputedPropertyPrototype.property = function() { var args = []; @@ -2889,11 +3151,9 @@ ComputedPropertyPrototype.property = function() { exposes a public API for retrieving these values from classes, via the `metaForProperty()` function. - @memberOf Ember.ComputedProperty.prototype - @name meta - @function + @method meta @param {Hash} meta - @returns {Ember.ComputedProperty} property descriptor instance + @chainable */ ComputedPropertyPrototype.meta = function(meta) { @@ -2905,7 +3165,7 @@ ComputedPropertyPrototype.meta = function(meta) { } }; -/** @private - impl descriptor API */ +/* impl descriptor API */ ComputedPropertyPrototype.willWatch = function(obj, keyName) { // watch already creates meta for this instance var meta = obj[META_KEY]; @@ -2924,7 +3184,7 @@ ComputedPropertyPrototype.didUnwatch = function(obj, keyName) { } }; -/** @private - impl descriptor API */ +/* impl descriptor API */ ComputedPropertyPrototype.didChange = function(obj, keyName) { // _suspended is set via a CP.set to ensure we don't clear // the cached value set by the setter @@ -2939,7 +3199,7 @@ ComputedPropertyPrototype.didChange = function(obj, keyName) { } }; -/** @private - impl descriptor API */ +/* impl descriptor API */ ComputedPropertyPrototype.get = function(obj, keyName) { var ret, cache, meta; if (this._cacheable) { @@ -2956,37 +3216,46 @@ ComputedPropertyPrototype.get = function(obj, keyName) { return ret; }; -/** @private - impl descriptor API */ +/* impl descriptor API */ ComputedPropertyPrototype.set = function(obj, keyName, value) { var cacheable = this._cacheable, meta = metaFor(obj, cacheable), watched = meta.watching[keyName], oldSuspended = this._suspended, - hadCachedValue, + hadCachedValue = false, ret; - this._suspended = obj; + try { + ret = this.func.call(obj, keyName, value); - if (watched) { Ember.propertyWillChange(obj, keyName); } - if (cacheable) { - if (keyName in meta.cache) { - delete meta.cache[keyName]; + if (cacheable && keyName in meta.cache) { + if (meta.cache[keyName] === ret) { + return; + } hadCachedValue = true; } - } - ret = this.func.call(obj, keyName, value); - if (cacheable) { - if (!watched && !hadCachedValue) { - addDependentKeys(this, obj, keyName, meta); + + if (watched) { Ember.propertyWillChange(obj, keyName); } + + if (cacheable && hadCachedValue) { + delete meta.cache[keyName]; } - meta.cache[keyName] = ret; + + if (cacheable) { + if (!watched && !hadCachedValue) { + addDependentKeys(this, obj, keyName, meta); + } + meta.cache[keyName] = ret; + } + + if (watched) { Ember.propertyDidChange(obj, keyName); } + } finally { + this._suspended = oldSuspended; } - if (watched) { Ember.propertyDidChange(obj, keyName); } - this._suspended = oldSuspended; return ret; }; -/** @private - called when property is defined */ +/* called when property is defined */ ComputedPropertyPrototype.setup = function(obj, keyName) { var meta = obj[META_KEY]; if (meta && meta.watching[keyName]) { @@ -2994,7 +3263,7 @@ ComputedPropertyPrototype.setup = function(obj, keyName) { } }; -/** @private - called before property is overridden */ +/* called before property is overridden */ ComputedPropertyPrototype.teardown = function(obj, keyName) { var meta = metaFor(obj); @@ -3007,6 +3276,7 @@ ComputedPropertyPrototype.teardown = function(obj, keyName) { return null; // no value to restore }; + /** This helper returns a new property descriptor that wraps the passed computed property function. You can use this helper to define properties @@ -3017,10 +3287,10 @@ ComputedPropertyPrototype.teardown = function(obj, keyName) { undefined you should set the value first. In either case return the current value of the property. - @param {Function} func - The computed property function. - - @returns {Ember.ComputedProperty} property descriptor instance + @method computed + @for Ember + @param {Function} func The computed property function. + @return {Ember.ComputedProperty} property descriptor instance */ Ember.computed = function(func) { var args; @@ -3045,10 +3315,11 @@ Ember.computed = function(func) { property that is generated lazily, without accidentally causing it to be created. + @method cacheFor + @for Ember @param {Object} obj the object whose property you want to check @param {String} key the name of the property whose cached value you want to return - */ Ember.cacheFor = function cacheFor(obj, key) { var cache = metaFor(obj, false).cache; @@ -3058,23 +3329,38 @@ Ember.cacheFor = function cacheFor(obj, key) { } }; +/** + @method computed.not + @for Ember + @param {String} dependentKey +*/ Ember.computed.not = function(dependentKey) { return Ember.computed(dependentKey, function(key) { return !get(this, dependentKey); - }).cacheable(); + }); }; +/** + @method computed.empty + @for Ember + @param {String} dependentKey +*/ Ember.computed.empty = function(dependentKey) { return Ember.computed(dependentKey, function(key) { var val = get(this, dependentKey); return val === undefined || val === null || val === '' || (Ember.isArray(val) && get(val, 'length') === 0); - }).cacheable(); + }); }; +/** + @method computed.bool + @for Ember + @param {String} dependentKey +*/ Ember.computed.bool = function(dependentKey) { return Ember.computed(dependentKey, function(key) { return !!get(this, dependentKey); - }).cacheable(); + }); }; })(); @@ -3082,18 +3368,17 @@ Ember.computed.bool = function(dependentKey) { (function() { -// ========================================================================== -// Project: Ember Metal -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var o_create = Ember.create, meta = Ember.meta, metaPath = Ember.metaPath, guidFor = Ember.guidFor, a_slice = [].slice; -/** +/* The event system uses a series of nested hashes to store listeners on an object. When a listener is registered, or when an event arrives, these hashes are consulted to determine which target and action pair to invoke. @@ -3118,14 +3403,12 @@ var o_create = Ember.create, // Gets the set of all actions, keyed on the guid of each action's // method property. -/** @private */ function actionSetFor(obj, eventName, target, writable) { return metaPath(obj, ['listeners', eventName, guidFor(target)], writable); } // Gets the set of all targets, keyed on the guid of each action's // target property. -/** @private */ function targetSetFor(obj, eventName) { var listenerSet = meta(obj, false).listeners; if (!listenerSet) { return false; } @@ -3137,9 +3420,7 @@ function targetSetFor(obj, eventName) { // meta system. var SKIP_PROPERTIES = { __ember_source__: true }; -/** @private */ -function iterateSet(obj, eventName, callback, params) { - var targetSet = targetSetFor(obj, eventName); +function iterateSet(targetSet, callback) { if (!targetSet) { return false; } // Iterate through all elements of the target set for(var targetGuid in targetSet) { @@ -3153,7 +3434,7 @@ function iterateSet(obj, eventName, callback, params) { var action = actionSet[methodGuid]; if (action) { - if (callback(action, params, obj) === true) { + if (callback(action) === true) { return true; } } @@ -3163,7 +3444,6 @@ function iterateSet(obj, eventName, callback, params) { return false; } -/** @private */ function invokeAction(action, params, sender) { var method = action.method, target = action.target; // If there is no target, the target is the object @@ -3177,12 +3457,43 @@ function invokeAction(action, params, sender) { } } -/** - The sendEvent arguments > 2 are passed to an event listener. +function targetSetUnion(obj, eventName, targetSet) { + iterateSet(targetSetFor(obj, eventName), function (action) { + var targetGuid = guidFor(action.target), + methodGuid = guidFor(action.method), + actionSet = targetSet[targetGuid]; + if (!actionSet) actionSet = targetSet[targetGuid] = {}; + actionSet[methodGuid] = action; + }); +} + +function targetSetDiff(obj, eventName, targetSet) { + var diffTargetSet = {}; + iterateSet(targetSetFor(obj, eventName), function (action) { + var targetGuid = guidFor(action.target), + methodGuid = guidFor(action.method), + actionSet = targetSet[targetGuid], + diffActionSet = diffTargetSet[targetGuid]; + if (!actionSet) actionSet = targetSet[targetGuid] = {}; + if (actionSet[methodGuid]) return; + actionSet[methodGuid] = action; + if (!diffActionSet) diffActionSet = diffTargetSet[targetGuid] = {}; + diffActionSet[methodGuid] = action; + }); + return diffTargetSet; +} - @memberOf Ember +/** + Add an event listener + + @method addListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` */ -function addListener(obj, eventName, target, method) { +function addListener(obj, eventName, target, method, guid) { Ember.assert("You must pass at least an object and event name to Ember.addListener", !!obj && !!eventName); if (!method && 'function' === typeof target) { @@ -3191,7 +3502,9 @@ function addListener(obj, eventName, target, method) { } var actionSet = actionSetFor(obj, eventName, target, true), - methodGuid = guidFor(method); + // guid is used in case we wrapp given method to register + // listener with method guid instead of the wrapper guid + methodGuid = guid || guidFor(method); if (!actionSet[methodGuid]) { actionSet[methodGuid] = { target: target, method: method }; @@ -3202,7 +3515,18 @@ function addListener(obj, eventName, target, method) { } } -/** @memberOf Ember */ +/** + Remove an event listener + + Arguments should match those passed to {{#crossLink "Ember/addListener"}}{{/crossLink}} + + @method removeListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` +*/ function removeListener(obj, eventName, target, method) { Ember.assert("You must pass at least an object and event name to Ember.removeListener", !!obj && !!eventName); @@ -3211,25 +3535,46 @@ function removeListener(obj, eventName, target, method) { target = null; } - var actionSet = actionSetFor(obj, eventName, target, true), - methodGuid = guidFor(method); + function _removeListener(target, method) { + var actionSet = actionSetFor(obj, eventName, target, true), + methodGuid = guidFor(method); + + // we can't simply delete this parameter, because if we do, we might + // re-expose the property from the prototype chain. + if (actionSet && actionSet[methodGuid]) { actionSet[methodGuid] = null; } - // we can't simply delete this parameter, because if we do, we might - // re-expose the property from the prototype chain. - if (actionSet && actionSet[methodGuid]) { actionSet[methodGuid] = null; } + if ('function' === typeof obj.didRemoveListener) { + obj.didRemoveListener(eventName, target, method); + } + } - if ('function' === typeof obj.didRemoveListener) { - obj.didRemoveListener(eventName, target, method); + if (method) { + _removeListener(target, method); + } else { + iterateSet(targetSetFor(obj, eventName), function(action) { + _removeListener(action.target, action.method); + }); } } -// Suspend listener during callback. -// -// This should only be used by the target of the event listener -// when it is taking an action that would cause the event, e.g. -// an object might suspend its property change listener while it is -// setting that property. -/** @private */ +/** + @private + + Suspend listener during callback. + + This should only be used by the target of the event listener + when it is taking an action that would cause the event, e.g. + an object might suspend its property change listener while it is + setting that property. + + @method suspendListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` + @param {Function} callback +*/ function suspendListener(obj, eventName, target, method, callback) { if (!method && 'function' === typeof target) { method = target; @@ -3248,8 +3593,64 @@ function suspendListener(obj, eventName, target, method, callback) { } } -// returns a list of currently watched events -/** @memberOf Ember */ +/** + @private + + Suspend listener during callback. + + This should only be used by the target of the event listener + when it is taking an action that would cause the event, e.g. + an object might suspend its property change listener while it is + setting that property. + + @method suspendListener + @for Ember + @param obj + @param {Array} eventName Array of event names + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` + @param {Function} callback +*/ +function suspendListeners(obj, eventNames, target, method, callback) { + if (!method && 'function' === typeof target) { + method = target; + target = null; + } + + var oldActions = [], + actionSets = [], + eventName, actionSet, methodGuid, action, i, l; + + for (i=0, l=eventNames.length; i ignore ? slice.call(args, ignore) : null; } - // Unfortunately in some browsers we lose the backtrace if we rethrow the existing error, - // so in the event that we don't have an `onerror` handler we don't wrap in a try/catch - if ('function' === typeof Ember.onerror) { - try { - // IE8's Function.prototype.apply doesn't accept undefined/null arguments. - return method.apply(target || this, args || []); - } catch (error) { - Ember.onerror(error); - } - } else { + return Ember.handleErrors(function() { // IE8's Function.prototype.apply doesn't accept undefined/null arguments. return method.apply(target || this, args || []); - } + }, this); } @@ -3385,17 +3778,30 @@ function invoke(target, method, args, ignore) { var timerMark; // used by timers... -/** @private */ +/** +Ember RunLoop (Private) + +@class RunLoop +@namespace Ember +@private +@constructor +*/ var RunLoop = function(prev) { this._prev = prev || null; this.onceTimers = {}; }; RunLoop.prototype = { + /** + @method end + */ end: function() { this.flush(); }, + /** + @method prev + */ prev: function() { return this._prev; }, @@ -3404,6 +3810,12 @@ RunLoop.prototype = { // Delayed Actions // + /** + @method schedule + @param {String} queueName + @param target + @param method + */ schedule: function(queueName, target, method) { var queues = this._queues, queue; if (!queues) { queues = this._queues = {}; } @@ -3415,6 +3827,10 @@ RunLoop.prototype = { return this; }, + /** + @method flush + @param {String} queueName + */ flush: function(queueName) { var queueNames, idx, len, queue, log; @@ -3506,11 +3922,6 @@ Ember.RunLoop = RunLoop; // .......................................................... // Ember.run - this is ideally the only public API the dev sees // -/** -* @namespace Ember.run is both a function and a namespace for -* RunLoop-related functions. -* @name Ember.run -*/ /** Runs the passed target and method inside of a RunLoop, ensuring any @@ -3526,19 +3937,16 @@ Ember.RunLoop = RunLoop; // code to be execute within a RunLoop }); - @name run - @methodOf Ember.run - @param {Object} target - (Optional) target of method to call - - @param {Function|String} method - Method to invoke. May be a function or a string. If you pass a string + @class run + @namespace Ember + @static + @constructor + @param {Object} [target] target of method to call + @param {Function|String} method Method to invoke. + May be a function or a string. If you pass a string then it will be looked up on the passed target. - - @param {Object...} args - Any additional arguments you wish to pass to the method. - - @returns {Object} return value from invoking the passed function. + @param {Object} [args*] Any additional arguments you wish to pass to the method. + @return {Object} return value from invoking the passed function. */ Ember.run = function(target, method) { var ret, loop; @@ -3551,7 +3959,6 @@ Ember.run = function(target, method) { return ret; }; -/** @private */ var run = Ember.run; @@ -3564,8 +3971,8 @@ var run = Ember.run; // code to be execute within a RunLoop Ember.run.end(); - - @returns {void} + @method begin + @return {void} */ Ember.run.begin = function() { run.currentRunLoop = new RunLoop(run.currentRunLoop); @@ -3580,7 +3987,8 @@ Ember.run.begin = function() { // code to be execute within a RunLoop Ember.run.end(); - @returns {void} + @method end + @return {void} */ Ember.run.end = function() { Ember.assert('must have a current run loop', run.currentRunLoop); @@ -3598,6 +4006,7 @@ Ember.run.end = function() { simply adding the queue name to this array. Normally you should not need to inspect or modify this property. + @property queues @type Array @default ['sync', 'actions', 'destroy', 'timers'] */ @@ -3625,22 +4034,19 @@ Ember.run.queues = ['sync', 'actions', 'destroy', 'timers']; // scheduled on sync queue // scheduled on timers queue - @param {String} queue - The name of the queue to schedule against. Default queues are 'sync' and - 'actions' + @method schedule + @param {String} queue The name of the queue to schedule against. + Default queues are 'sync' and 'actions' - @param {Object} target - (Optional) target object to use as the context when invoking a method. + @param {Object} [target] target object to use as the context when invoking a method. - @param {String|Function} method - The method to invoke. If you pass a string it will be resolved on the - target object at the time the scheduled item is invoked allowing you to - change the target function. + @param {String|Function} method The method to invoke. If you pass a string it + will be resolved on the target object at the time the scheduled item is + invoked allowing you to change the target function. - @param {Object} arguments... - Optional arguments to be passed to the queued method. + @param {Object} [arguments*] Optional arguments to be passed to the queued method. - @returns {void} + @return {void} */ Ember.run.schedule = function(queue, target, method) { var loop = run.autorun(); @@ -3648,20 +4054,17 @@ Ember.run.schedule = function(queue, target, method) { }; var scheduledAutorun; -/** @private */ function autorun() { scheduledAutorun = null; if (run.currentRunLoop) { run.end(); } } // Used by global test teardown -/** @private */ Ember.run.hasScheduledTimers = function() { return !!(scheduledAutorun || scheduledLater || scheduledNext); }; // Used by global test teardown -/** @private */ Ember.run.cancelTimers = function () { if (scheduledAutorun) { clearTimeout(scheduledAutorun); @@ -3684,9 +4087,11 @@ Ember.run.cancelTimers = function () { ensure the RunLoop always finishes. You normally do not need to call this method directly. Instead use Ember.run(). - Ember.run.autorun(); - @returns {Ember.RunLoop} the new current RunLoop + @method autorun + @example + Ember.run.autorun(); + @return {Ember.RunLoop} the new current RunLoop */ Ember.run.autorun = function() { if (!run.currentRunLoop) { @@ -3712,7 +4117,8 @@ Ember.run.autorun = function() { Ember.run.sync(); - @returns {void} + @method sync + @return {void} */ Ember.run.sync = function() { run.autorun(); @@ -3726,7 +4132,6 @@ Ember.run.sync = function() { var timers = {}; // active timers... var scheduledLater; -/** @private */ function invokeLaterTimers() { scheduledLater = null; var now = (+ new Date()), earliest = -1; @@ -3761,20 +4166,20 @@ function invokeLaterTimers() { // code here will execute within a RunLoop in about 500ms with this == myContext }, 500); - @param {Object} target - (optional) target of method to invoke + @method later + @param {Object} [target] target of method to invoke - @param {Function|String} method - The method to invoke. If you pass a string it will be resolved on the + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the target at the time the method is invoked. - @param {Object...} args - Optional arguments to pass to the timeout. + @param {Object} [args*] Optional arguments to pass to the timeout. @param {Number} wait Number of milliseconds to wait. - @returns {String} a string you can use to cancel the timer in Ember.run.cancel() later. + @return {String} a string you can use to cancel the timer in + {{#crossLink "Ember/run.cancel"}}{{/crossLink}} later. */ Ember.run.later = function(target, method) { var args, expires, timer, guid, wait; @@ -3798,13 +4203,41 @@ Ember.run.later = function(target, method) { return guid; }; -/** @private */ function invokeOnceTimer(guid, onceTimers) { if (onceTimers[this.tguid]) { delete onceTimers[this.tguid][this.mguid]; } - if (timers[guid]) { invoke(this.target, this.method, this.args, 2); } + if (timers[guid]) { invoke(this.target, this.method, this.args); } delete timers[guid]; } +function scheduleOnce(queue, target, method, args) { + var tguid = Ember.guidFor(target), + mguid = Ember.guidFor(method), + onceTimers = run.autorun().onceTimers, + guid = onceTimers[tguid] && onceTimers[tguid][mguid], + timer; + + if (guid && timers[guid]) { + timers[guid].args = args; // replace args + } else { + timer = { + target: target, + method: method, + args: args, + tguid: tguid, + mguid: mguid + }; + + guid = Ember.guidFor(timer); + timers[guid] = timer; + if (!onceTimers[tguid]) { onceTimers[tguid] = {}; } + onceTimers[tguid][mguid] = guid; // so it isn't scheduled more than once + + run.schedule(queue, timer, invokeOnceTimer, guid, onceTimers); + } + + return guid; +} + /** Schedules an item to run one time during the current RunLoop. Calling this method with the same target/method combination will have no effect. @@ -3820,50 +4253,27 @@ function invokeOnceTimer(guid, onceTimers) { // doFoo will only be executed once at the end of the RunLoop }); - @param {Object} target - (optional) target of method to invoke + @method once + @param {Object} [target] target of method to invoke - @param {Function|String} method - The method to invoke. If you pass a string it will be resolved on the + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the target at the time the method is invoked. - @param {Object...} args - Optional arguments to pass to the timeout. + @param {Object} [args*] Optional arguments to pass to the timeout. - @returns {Object} timer + @return {Object} timer */ Ember.run.once = function(target, method) { - var tguid = Ember.guidFor(target), - mguid = Ember.guidFor(method), - onceTimers = run.autorun().onceTimers, - guid = onceTimers[tguid] && onceTimers[tguid][mguid], - timer; - - if (guid && timers[guid]) { - timers[guid].args = slice.call(arguments); // replace args - } else { - timer = { - target: target, - method: method, - args: slice.call(arguments), - tguid: tguid, - mguid: mguid - }; - - guid = Ember.guidFor(timer); - timers[guid] = timer; - if (!onceTimers[tguid]) { onceTimers[tguid] = {}; } - onceTimers[tguid][mguid] = guid; // so it isn't scheduled more than once - - run.schedule('actions', timer, invokeOnceTimer, guid, onceTimers); - } + return scheduleOnce('actions', target, method, slice.call(arguments, 2)); +}; - return guid; +Ember.run.scheduleOnce = function(queue, target, method, args) { + return scheduleOnce(queue, target, method, slice.call(arguments, 3)); }; var scheduledNext; -/** @private */ function invokeNextTimers() { scheduledNext = null; for(var key in timers) { @@ -3884,17 +4294,16 @@ function invokeNextTimers() { // code to be executed in the next RunLoop, which will be scheduled after the current one }); - @param {Object} target - (optional) target of method to invoke + @method next + @param {Object} [target] target of method to invoke - @param {Function|String} method - The method to invoke. If you pass a string it will be resolved on the + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the target at the time the method is invoked. - @param {Object...} args - Optional arguments to pass to the timeout. + @param {Object} [args*] Optional arguments to pass to the timeout. - @returns {Object} timer + @return {Object} timer */ Ember.run.next = function(target, method) { var guid, @@ -3931,10 +4340,9 @@ Ember.run.next = function(target, method) { }); Ember.run.cancel(runOnce); - @param {Object} timer - Timer object to cancel - - @returns {void} + @method cancel + @param {Object} timer Timer object to cancel + @return {void} */ Ember.run.cancel = function(timer) { delete timers[timer]; @@ -3945,27 +4353,26 @@ Ember.run.cancel = function(timer) { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== // Ember.Logger // get, set, trySet // guidFor, isArray, meta // addObserver, removeObserver // Ember.run.schedule +/** +@module ember-metal +*/ + // .......................................................... // CONSTANTS // /** - @static - Debug parameter you can turn on. This will log all bindings that fire to the console. This should be disabled in production code. Note that you can also enable this from the console or temporarily. + @property LOG_BINDINGS + @for Ember @type Boolean @default false */ @@ -3977,16 +4384,14 @@ var get = Ember.get, isGlobalPath = Ember.isGlobalPath; -/** @private */ function getWithGlobals(obj, path) { - return get(isGlobalPath(path) ? window : obj, path); + return get(isGlobalPath(path) ? Ember.lookup : obj, path); } // .......................................................... // BINDING // -/** @private */ var Binding = function(toPath, fromPath) { this._direction = 'fwd'; this._from = fromPath; @@ -3994,10 +4399,17 @@ var Binding = function(toPath, fromPath) { this._directionMap = Ember.Map.create(); }; -Binding.prototype = /** @scope Ember.Binding.prototype */ { +/** +@class Binding +@namespace Ember +*/ + +Binding.prototype = { /** This copies the Binding so it can be connected to another object. - @returns {Ember.Binding} + + @method copy + @return {Ember.Binding} */ copy: function () { var copy = new Binding(this._to, this._from); @@ -4018,8 +4430,9 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { you pass when you connect() the binding. It follows the same rules as `get()` - see that method for more information. + @method from @param {String} propertyPath the property path to connect to - @returns {Ember.Binding} receiver + @return {Ember.Binding} receiver */ from: function(path) { this._from = path; @@ -4035,8 +4448,9 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { you pass when you connect() the binding. It follows the same rules as `get()` - see that method for more information. + @method to @param {String|Tuple} propertyPath A property path or tuple - @returns {Ember.Binding} this + @return {Ember.Binding} this */ to: function(path) { this._to = path; @@ -4049,14 +4463,14 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { means that if you change the "to" side directly, the "from" side may have a different value. - @returns {Ember.Binding} receiver + @method oneWay + @return {Ember.Binding} receiver */ oneWay: function() { this._oneWay = true; return this; }, - /** @private */ toString: function() { var oneWay = this._oneWay ? '[oneWay]' : ''; return "Ember.Binding<" + guidFor(this) + ">(" + this._from + " -> " + this._to + ")" + oneWay; @@ -4071,8 +4485,9 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { changes. This method will raise an exception if you have not set the from/to properties yet. + @method connect @param {Object} obj The root object for this binding. - @returns {Ember.Binding} this + @return {Ember.Binding} this */ connect: function(obj) { Ember.assert('Must pass a valid object to Ember.Binding.connect()', !!obj); @@ -4095,10 +4510,9 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { Disconnects the binding instance. Changes will no longer be relayed. You will not usually need to call this method. - @param {Object} obj - The root object you passed when connecting the binding. - - @returns {Ember.Binding} this + @method disconnect + @param {Object} obj The root object you passed when connecting the binding. + @return {Ember.Binding} this */ disconnect: function(obj) { Ember.assert('Must pass a valid object to Ember.Binding.disconnect()', !!obj); @@ -4120,17 +4534,16 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { // PRIVATE // - /** @private - called when the from side changes */ + /* called when the from side changes */ fromDidChange: function(target) { this._scheduleSync(target, 'fwd'); }, - /** @private - called when the to side changes */ + /* called when the to side changes */ toDidChange: function(target) { this._scheduleSync(target, 'back'); }, - /** @private */ _scheduleSync: function(obj, dir) { var directionMap = this._directionMap; var existingDir = directionMap.get(obj); @@ -4148,7 +4561,6 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { } }, - /** @private */ _sync: function(obj) { var log = Ember.LOG_BINDINGS; @@ -4184,14 +4596,13 @@ Binding.prototype = /** @scope Ember.Binding.prototype */ { Ember.Logger.log(' ', this.toString(), '<-', toValue, obj); } Ember._suspendObserver(obj, fromPath, this, this.fromDidChange, function () { - Ember.trySet(Ember.isGlobalPath(fromPath) ? window : obj, fromPath, toValue); + Ember.trySet(Ember.isGlobalPath(fromPath) ? Ember.lookup : obj, fromPath, toValue); }); } } }; -/** @private */ function mixinProperties(to, from) { for (var key in from) { if (from.hasOwnProperty(key)) { @@ -4200,11 +4611,13 @@ function mixinProperties(to, from) { } } -mixinProperties(Binding, -/** @scope Ember.Binding */ { +mixinProperties(Binding, { /** - @see Ember.Binding.prototype.from + See {{#crossLink "Ember.Binding/from"}}{{/crossLink}} + + @method from + @static */ from: function() { var C = this, binding = new C(); @@ -4212,7 +4625,10 @@ mixinProperties(Binding, }, /** - @see Ember.Binding.prototype.to + See {{#crossLink "Ember.Binding/to"}}{{/crossLink}} + + @method to + @static */ to: function() { var C = this, binding = new C(); @@ -4221,16 +4637,17 @@ mixinProperties(Binding, /** Creates a new Binding instance and makes it apply in a single direction. - A one-way binding will relay changes on the "from" side object (supplies + A one-way binding will relay changes on the "from" side object (supplied as the `from` argument) the "to" side, but not the other way around. This means that if you change the "to" side directly, the "from" side may have a different value. + See {{#crossLink "Binding/oneWay"}}{{/crossLink}} + + @method oneWay @param {String} from from path. @param {Boolean} [flag] (Optional) passing nothing here will make the binding oneWay. You can - instead pass false to disable oneWay, making the binding two way again. - - @see Ember.Binding.prototype.oneWay + instead pass false to disable oneWay, making the binding two way again. */ oneWay: function(from, flag) { var C = this, binding = new C(null, from); @@ -4240,8 +4657,6 @@ mixinProperties(Binding, }); /** - @class - An Ember.Binding connects the properties of two objects so that whenever the value of one property changes, the other property will be changed also. @@ -4339,30 +4754,46 @@ mixinProperties(Binding, create bindings for you. You should always use the highest-level APIs available, even if you understand how it works underneath. + @class Binding + @namespace Ember @since Ember 0.9 */ Ember.Binding = Binding; + /** Global helper method to create a new binding. Just pass the root object along with a to and from path to create and connect the binding. - @param {Object} obj - The root object of the transform. + @method bind + @for Ember + @param {Object} obj The root object of the transform. - @param {String} to - The path to the 'to' side of the binding. Must be relative to obj. + @param {String} to The path to the 'to' side of the binding. + Must be relative to obj. - @param {String} from - The path to the 'from' side of the binding. Must be relative to obj or - a global path. + @param {String} from The path to the 'from' side of the binding. + Must be relative to obj or a global path. - @returns {Ember.Binding} binding instance + @return {Ember.Binding} binding instance */ Ember.bind = function(obj, to, from) { return new Ember.Binding(to, from).connect(obj); }; +/** + @method oneWay + @for Ember + @param {Object} obj The root object of the transform. + + @param {String} to The path to the 'to' side of the binding. + Must be relative to obj. + + @param {String} from The path to the 'from' side of the binding. + Must be relative to obj or a global path. + + @return {Ember.Binding} binding instance +*/ Ember.oneWay = function(obj, to, from) { return new Ember.Binding(to, from).oneWay().connect(obj); }; @@ -4372,11 +4803,10 @@ Ember.oneWay = function(obj, to, from) { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember-metal +*/ + var Mixin, REQUIRED, Alias, classToString, superClassString, a_map = Ember.ArrayPolyfills.map, @@ -4389,7 +4819,6 @@ var Mixin, REQUIRED, Alias, defineProperty = Ember.defineProperty, guidFor = Ember.guidFor; -/** @private */ function mixinsMeta(obj) { var m = Ember.meta(obj, true), ret = m.mixins; if (!ret) { @@ -4401,7 +4830,6 @@ function mixinsMeta(obj) { return ret; } -/** @private */ function initMixin(mixin, args) { if (args && args.length > 0) { mixin.mixins = a_map.call(args, function(x) { @@ -4418,18 +4846,15 @@ function initMixin(mixin, args) { return mixin; } -/** @private */ function isMethod(obj) { return 'function' === typeof obj && obj.isMethod !== false && obj !== Boolean && obj !== Object && obj !== Number && obj !== Array && obj !== Date && obj !== String; } -/** @private */ function mergeMixins(mixins, m, descs, values, base) { var len = mixins.length, idx, mixin, guid, props, value, key, ovalue, concats; - /** @private */ function removeKeys(keyName) { delete descs[keyName]; delete values[keyName]; @@ -4477,7 +4902,15 @@ function mergeMixins(mixins, m, descs, values, base) { } } else if ((concats && a_indexOf.call(concats, key) >= 0) || key === 'concatenatedProperties') { var baseValue = values[key] || base[key]; - value = baseValue ? baseValue.concat(value) : Ember.makeArray(value); + if (baseValue) { + if ('function' === typeof baseValue.concat) { + value = baseValue.concat(value); + } else { + value = Ember.makeArray(baseValue).concat(value); + } + } else { + value = Ember.makeArray(value); + } } descs[key] = undefined; @@ -4497,7 +4930,6 @@ function mergeMixins(mixins, m, descs, values, base) { } } -/** @private */ function writableReq(obj) { var m = Ember.meta(obj), req = m.required; if (!req || req.__emberproto__ !== obj) { @@ -4509,7 +4941,6 @@ function writableReq(obj) { var IS_BINDING = Ember.IS_BINDING = /^.+Binding$/; -/** @private */ function detectBinding(obj, key, value, m) { if (IS_BINDING.test(key)) { var bindings = m.bindings; @@ -4523,7 +4954,6 @@ function detectBinding(obj, key, value, m) { } } -/** @private */ function connectBindings(obj, m) { // TODO Mixin.apply(instance) should disconnect binding if exists var bindings = m.bindings, key, binding, to; @@ -4552,7 +4982,6 @@ function finishPartial(obj, m) { return obj; } -/** @private */ function applyMixin(obj, mixins, partial) { var descs = {}, values = {}, m = Ember.meta(obj), req = m.required, key, value, desc, prevValue, paths, len, idx; @@ -4657,6 +5086,13 @@ function applyMixin(obj, mixins, partial) { return obj; } +/** + @method mixin + @for Ember + @param obj + @param mixins* + @return obj +*/ Ember.mixin = function(obj) { var args = a_slice.call(arguments, 1); applyMixin(obj, args, false); @@ -4664,8 +5100,6 @@ Ember.mixin = function(obj) { }; /** - @class - The `Ember.Mixin` class allows you to create mixins, whose properties can be added to other classes. For instance, @@ -4688,13 +5122,14 @@ Ember.mixin = function(obj) { Note that Mixins are created with `Ember.Mixin.create`, not `Ember.Mixin.extend`. + + @class Mixin + @namespace Ember */ Ember.Mixin = function() { return initMixin(this, arguments); }; -/** @private */ Mixin = Ember.Mixin; -/** @private */ Mixin._apply = applyMixin; Mixin.applyPartial = function(obj) { @@ -4704,6 +5139,11 @@ Mixin.applyPartial = function(obj) { Mixin.finishPartial = finishPartial; +/** + @method create + @static + @param arguments* +*/ Mixin.create = function() { classToString.processed = false; var M = this; @@ -4712,6 +5152,10 @@ Mixin.create = function() { var MixinPrototype = Mixin.prototype; +/** + @method reopen + @param arguments* +*/ MixinPrototype.reopen = function() { var mixin, tmp; @@ -4742,6 +5186,11 @@ MixinPrototype.reopen = function() { return this; }; +/** + @method apply + @param obj + @return applied object +*/ MixinPrototype.apply = function(obj) { return applyMixin(obj, [this], false); }; @@ -4750,7 +5199,6 @@ MixinPrototype.applyPartial = function(obj) { return applyMixin(obj, [this], true); }; -/** @private */ function _detect(curMixin, targetMixin, seen) { var guid = guidFor(curMixin); @@ -4765,6 +5213,11 @@ function _detect(curMixin, targetMixin, seen) { return false; } +/** + @method detect + @param obj + @return {Boolean} +*/ MixinPrototype.detect = function(obj) { if (!obj) { return false; } if (obj instanceof Mixin) { return _detect(obj, this, {}); } @@ -4781,7 +5234,6 @@ MixinPrototype.without = function() { return ret; }; -/** @private */ function _keys(ret, mixin, seen) { if (seen[guidFor(mixin)]) { return; } seen[guidFor(mixin)] = true; @@ -4805,12 +5257,11 @@ MixinPrototype.keys = function() { return ret; }; -/** @private - make Mixin's have nice displayNames */ +/* make Mixins have nice displayNames */ var NAME_KEY = Ember.GUID_KEY+'_name'; var get = Ember.get; -/** @private */ function processNames(paths, root, seen) { var idx = paths.length; for(var key in root) { @@ -4829,23 +5280,22 @@ function processNames(paths, root, seen) { paths.length = idx; // cut out last item } -/** @private */ function findNamespaces() { - var Namespace = Ember.Namespace, obj, isNamespace; + var Namespace = Ember.Namespace, lookup = Ember.lookup, obj, isNamespace; if (Namespace.PROCESSED) { return; } - for (var prop in window) { + for (var prop in lookup) { // get(window.globalStorage, 'isNamespace') would try to read the storage for domain isNamespace and cause exception in Firefox. // globalStorage is a storage obsoleted by the WhatWG storage specification. See https://developer.mozilla.org/en/DOM/Storage#globalStorage - if (prop === "globalStorage" && window.StorageList && window.globalStorage instanceof window.StorageList) { continue; } + if (prop === "globalStorage" && lookup.StorageList && lookup.globalStorage instanceof lookup.StorageList) { continue; } // Unfortunately, some versions of IE don't support window.hasOwnProperty - if (window.hasOwnProperty && !window.hasOwnProperty(prop)) { continue; } + if (lookup.hasOwnProperty && !lookup.hasOwnProperty(prop)) { continue; } // At times we are not allowed to access certain properties for security reasons. // There are also times where even if we can access them, we are not allowed to access their properties. try { - obj = window[prop]; + obj = Ember.lookup[prop]; isNamespace = obj && get(obj, 'isNamespace'); } catch (e) { continue; @@ -4858,9 +5308,13 @@ function findNamespaces() { } } +/** + @private + @method identifyNamespaces + @for Ember +*/ Ember.identifyNamespaces = findNamespaces; -/** @private */ superClassString = function(mixin) { var superclass = mixin.superclass; if (superclass) { @@ -4871,7 +5325,6 @@ superClassString = function(mixin) { } }; -/** @private */ classToString = function() { var Namespace = Ember.Namespace, namespace; @@ -4926,16 +5379,41 @@ Mixin.mixins = function(obj) { REQUIRED = new Ember.Descriptor(); REQUIRED.toString = function() { return '(Required Property)'; }; +/** + Denotes a required property for a mixin + + @method required + @for Ember +*/ Ember.required = function() { return REQUIRED; }; -/** @private */ Alias = function(methodName) { this.methodName = methodName; }; Alias.prototype = new Ember.Descriptor(); +/** + Makes a property or method available via an additional name. + + App.PaintSample = Ember.Object.extend({ + color: 'red', + colour: Ember.alias('color'), + name: function(){ + return "Zed"; + }, + moniker: Ember.alias("name") + }); + var paintSample = App.PaintSample.create() + paintSample.get('colour'); //=> 'red' + paintSample.moniker(); //=> 'Zed' + + @method alias + @for Ember + @param {String} methodName name of the method or property to alias + @return {Ember.Descriptor} +*/ Ember.alias = function(methodName) { return new Alias(methodName); }; @@ -4944,6 +5422,13 @@ Ember.alias = function(methodName) { // OBSERVER HELPER // +/** + @method observer + @for Ember + @param {Function} func + @param {String} propertyNames* + @return func +*/ Ember.observer = function(func) { var paths = a_slice.call(arguments, 1); func.__ember_observes__ = paths; @@ -4952,6 +5437,13 @@ Ember.observer = function(func) { // If observers ever become asynchronous, Ember.immediateObserver // must remain synchronous. +/** + @method immediateObserver + @for Ember + @param {Function} func + @param {String} propertyNames* + @return func +*/ Ember.immediateObserver = function() { for (var i=0, l=arguments.length; i 'object' + @method typeOf + @for Ember @param item {Object} the item to check - @returns {String} the type + @return {String} the type */ Ember.typeOf = function(item) { var ret; @@ -5105,8 +5784,10 @@ Ember.typeOf = function(item) { Ember.none([]); => false Ember.none(function(){}); => false + @method none + @for Ember @param {Object} obj Value to test - @returns {Boolean} + @return {Boolean} */ Ember.none = function(obj) { return obj === null || obj === undefined; @@ -5126,11 +5807,13 @@ Ember.none = function(obj) { Ember.empty('tobias fünke'); => false Ember.empty([0,1,2]); => false + @method empty + @for Ember @param {Object} obj Value to test - @returns {Boolean} + @return {Boolean} */ Ember.empty = function(obj) { - return obj === null || obj === undefined || (obj.length === 0 && typeof obj !== 'function'); + return obj === null || obj === undefined || (obj.length === 0 && typeof obj !== 'function') || (typeof obj === 'object' && Ember.get(obj, 'length') === 0); }; /** @@ -5148,9 +5831,11 @@ Ember.empty = function(obj) { Ember.compare('abc', 'dfg'); => -1 Ember.compare(2, 1); => 1 + @method compare + @for Ember @param {Object} v First value to compare @param {Object} w Second value to compare - @returns {Number} -1 if v < w, 0 if v = w and 1 if v > w. + @return {Number} -1 if v < w, 0 if v = w and 1 if v > w. */ Ember.compare = function compare(v, w) { if (v === w) { return 0; } @@ -5241,7 +5926,6 @@ Ember.compare = function compare(v, w) { } }; -/** @private */ function _copy(obj, deep, seen, copies) { var ret, loc, key; @@ -5287,9 +5971,11 @@ function _copy(obj, deep, seen, copies) { If the passed object implements the clone() method, then this function will simply call that method and return the result. + @method copy + @for Ember @param {Object} object The object to clone @param {Boolean} deep If true, a deep copy of the object is made - @returns {Object} The cloned object + @return {Object} The cloned object */ Ember.copy = function(obj, deep) { // fast paths @@ -5302,8 +5988,10 @@ Ember.copy = function(obj, deep) { Convenience method to inspect an object. This method will attempt to convert the object into a useful string description. + @method inspect + @for Ember @param {Object} obj The object you want to inspect. - @returns {String} A description of the object + @return {String} A description of the object */ Ember.inspect = function(obj) { var v, ret = []; @@ -5328,19 +6016,18 @@ Ember.inspect = function(obj) { Ember.isEqual(1, 2); => false Ember.isEqual([4,2], [4,2]); => false + @method isEqual + @for Ember @param {Object} a first object to compare @param {Object} b second object to compare - @returns {Boolean} + @return {Boolean} */ Ember.isEqual = function(a, b) { if (a && 'function'===typeof a.isEqual) return a.isEqual(b); return a === b; }; -/** - @private - Used by Ember.compare -*/ +// Used by Ember.compare Ember.ORDER_DEFINITION = Ember.ENV.ORDER_DEFINITION || [ 'undefined', 'null', @@ -5360,9 +6047,10 @@ Ember.ORDER_DEFINITION = Ember.ENV.ORDER_DEFINITION || [ when inspecting objects for debugging. On browsers that support it, this uses the native Object.keys implementation. - @function + @method keys + @for Ember @param {Object} obj - @returns {Array} Array containing keys of obj + @return {Array} Array containing keys of obj */ Ember.keys = Object.keys; @@ -5380,18 +6068,23 @@ if (!Ember.keys) { // ERROR // -/** - @class +var errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack']; +/** A subclass of the JavaScript Error object for use in Ember. + + @class Error + @namespace Ember + @extends Error + @constructor */ Ember.Error = function() { var tmp = Error.prototype.constructor.apply(this, arguments); - for (var p in tmp) { - if (tmp.hasOwnProperty(p)) { this[p] = tmp[p]; } + // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work. + for (var idx = 0; idx < errorProps.length; idx++) { + this[errorProps[idx]] = tmp[errorProps[idx]]; } - this.message = tmp.message; }; Ember.Error.prototype = Ember.create(Error.prototype); @@ -5401,13 +6094,11 @@ Ember.Error.prototype = Ember.create(Error.prototype); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ -/** @private **/ var STRING_DASHERIZE_REGEXP = (/[ _]/g); var STRING_DASHERIZE_CACHE = {}; var STRING_DECAMELIZE_REGEXP = (/([a-z])([A-Z])/g); @@ -5420,16 +6111,20 @@ var STRING_UNDERSCORE_REGEXP_2 = (/\-|\s+/g); the `Ember.String.loc()` helper. To localize, add string values to this hash. + @property STRINGS + @for Ember @type Hash */ Ember.STRINGS = {}; /** Defines string helper methods including string formatting and localization. - Unless Ember.EXTEND_PROTOTYPES = false these methods will also be added to the - String.prototype as well. + Unless Ember.EXTEND_PROTOTYPES.String is false these methods will also be added + to the String.prototype as well. - @namespace + @class String + @namespace Ember + @static */ Ember.String = { @@ -5446,8 +6141,9 @@ Ember.String = { "Hello %@ %@".fmt('John', 'Doe') => "Hello John Doe" "Hello %@2, %@1".fmt('John', 'Doe') => "Hello Doe, John" + @method fmt @param {Object...} [args] - @returns {String} formatted string + @return {String} formatted string */ fmt: function(str, formats) { // first, replace any ORDERED replacements. @@ -5479,13 +6175,10 @@ Ember.String = { Ember.String.loc("_Hello %@ %@", ["John", "Smith"]); => "Bonjour John Smith"; - @param {String} str - The string to format - - @param {Array} formats - Optional array of parameters to interpolate into string. - - @returns {String} formatted string + @method loc + @param {String} str The string to format + @param {Array} formats Optional array of parameters to interpolate into string. + @return {String} formatted string */ loc: function(str, formats) { str = Ember.STRINGS[str] || str; @@ -5504,25 +6197,23 @@ Ember.String = { > beta > gamma - @param {String} str - The string to split - - @returns {String} split string + @method w + @param {String} str The string to split + @return {String} split string */ w: function(str) { return str.split(/\s+/); }, /** Converts a camelized string into all lower case separated by underscores. - + 'innerHTML'.decamelize() => 'inner_html' 'action_name'.decamelize() => 'action_name' 'css-class-name'.decamelize() => 'css-class-name' 'my favorite items'.decamelize() => 'my favorite items' - @param {String} str - The string to decamelize. - - @returns {String} the decamelized string. + @method decamelize + @param {String} str The string to decamelize. + @return {String} the decamelized string. */ decamelize: function(str) { return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase(); @@ -5530,16 +6221,15 @@ Ember.String = { /** Replaces underscores or spaces with dashes. - + 'innerHTML'.dasherize() => 'inner-html' 'action_name'.dasherize() => 'action-name' 'css-class-name'.dasherize() => 'css-class-name' 'my favorite items'.dasherize() => 'my-favorite-items' - @param {String} str - The string to dasherize. - - @returns {String} the dasherized string. + @method dasherize + @param {String} str The string to dasherize. + @return {String} the dasherized string. */ dasherize: function(str) { var cache = STRING_DASHERIZE_CACHE, @@ -5563,10 +6253,9 @@ Ember.String = { 'css-class-name'.camelize() => 'cssClassName' 'my favorite items'.camelize() => 'myFavoriteItems' - @param {String} str - The string to camelize. - - @returns {String} the camelized string. + @method camelize + @param {String} str The string to camelize. + @return {String} the camelized string. */ camelize: function(str) { return str.replace(STRING_CAMELIZE_REGEXP, function(match, separator, chr) { @@ -5580,7 +6269,11 @@ Ember.String = { 'innerHTML'.classify() => 'InnerHTML' 'action_name'.classify() => 'ActionName' 'css-class-name'.classify() => 'CssClassName' - 'my favorite items'.classift() => 'MyFavoriteItems' + 'my favorite items'.classify() => 'MyFavoriteItems' + + @method classify + @param {String} str the string to classify + @return {String} the classified string */ classify: function(str) { var camelized = Ember.String.camelize(str); @@ -5596,10 +6289,9 @@ Ember.String = { 'css-class-name'.underscore() => 'css_class_name' 'my favorite items'.underscore() => 'my_favorite_items' - @param {String} str - The string to underscore. - - @returns {String} the underscored string. + @property underscore + @param {String} str The string to underscore. + @return {String} the underscored string. */ underscore: function(str) { return str.replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2'). @@ -5612,71 +6304,103 @@ Ember.String = { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + + + var fmt = Ember.String.fmt, w = Ember.String.w, loc = Ember.String.loc, camelize = Ember.String.camelize, decamelize = Ember.String.decamelize, dasherize = Ember.String.dasherize, - underscore = Ember.String.underscore; + underscore = Ember.String.underscore, + classify = Ember.String.classify; -if (Ember.EXTEND_PROTOTYPES) { +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) { /** - @see Ember.String.fmt + See {{#crossLink "Ember.String/fmt"}}{{/crossLink}} + + @method fmt + @for String */ String.prototype.fmt = function() { return fmt(this, arguments); }; /** - @see Ember.String.w + See {{#crossLink "Ember.String/w"}}{{/crossLink}} + + @method w + @for String */ String.prototype.w = function() { return w(this); }; /** - @see Ember.String.loc + See {{#crossLink "Ember.String/loc"}}{{/crossLink}} + + @method loc + @for String */ String.prototype.loc = function() { return loc(this, arguments); }; /** - @see Ember.String.camelize + See {{#crossLink "Ember.String/camelize"}}{{/crossLink}} + + @method camelize + @for String */ String.prototype.camelize = function() { return camelize(this); }; /** - @see Ember.String.decamelize + See {{#crossLink "Ember.String/decamelize"}}{{/crossLink}} + + @method decamelize + @for String */ String.prototype.decamelize = function() { return decamelize(this); }; /** - @see Ember.String.dasherize + See {{#crossLink "Ember.String/dasherize"}}{{/crossLink}} + + @method dasherize + @for String */ String.prototype.dasherize = function() { return dasherize(this); }; /** - @see Ember.String.underscore + See {{#crossLink "Ember.String/underscore"}}{{/crossLink}} + + @method underscore + @for String */ String.prototype.underscore = function() { return underscore(this); }; + /** + See {{#crossLink "Ember.String/classify"}}{{/crossLink}} + + @method classify + @for String + */ + String.prototype.classify = function() { + return classify(this); + }; } @@ -5685,19 +6409,19 @@ if (Ember.EXTEND_PROTOTYPES) { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var a_slice = Array.prototype.slice; -if (Ember.EXTEND_PROTOTYPES) { +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Function) { /** The `property` extension of Javascript's Function prototype is available - when Ember.EXTEND_PROTOTYPES is true, which is the default. + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. Computed properties allow you to treat a function like a property: @@ -5740,10 +6464,11 @@ if (Ember.EXTEND_PROTOTYPES) { will instead clear the cache so that it is updated when the next `get` is called on the property. - Note: you will usually want to use `property(...)` with `cacheable()`. + See {{#crossLink "Ember.ComputedProperty"}}{{/crossLink}}, + {{#crossLink "Ember/computed"}}{{/crossLink}} - @see Ember.ComputedProperty - @see Ember.computed + @method property + @for Function */ Function.prototype.property = function() { var ret = Ember.computed(this); @@ -5752,7 +6477,8 @@ if (Ember.EXTEND_PROTOTYPES) { /** The `observes` extension of Javascript's Function prototype is available - when Ember.EXTEND_PROTOTYPES is true, which is the default. + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. You can observe property changes simply by adding the `observes` call to the end of your method declarations in classes that you write. @@ -5763,8 +6489,11 @@ if (Ember.EXTEND_PROTOTYPES) { // Executes whenever the "value" property changes }.observes('value') }); - - @see Ember.Observable + + See {{#crossLink "Ember.Observable/observes"}}{{/crossLink}} + + @method observes + @for Function */ Function.prototype.observes = function() { this.__ember_observes__ = a_slice.call(arguments); @@ -5772,8 +6501,9 @@ if (Ember.EXTEND_PROTOTYPES) { }; /** - The `observesBefore` extension of Javascript's Function prototype is - available when Ember.EXTEND_PROTOTYPES is true, which is the default. + The `observesBefore` extension of Javascript's Function prototype is available + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. You can get notified when a property changes is about to happen by by adding the `observesBefore` call to the end of your method @@ -5784,8 +6514,11 @@ if (Ember.EXTEND_PROTOTYPES) { // Executes whenever the "value" property is about to change }.observesBefore('value') }); - - @see Ember.Observable + + See {{#crossLink "Ember.Observable/observesBefore"}}{{/crossLink}} + + @method observesBefore + @for Function */ Function.prototype.observesBefore = function() { this.__ember_observesBefore__ = a_slice.call(arguments); @@ -5800,26 +6533,16 @@ if (Ember.EXTEND_PROTOTYPES) { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== - - - - +/** +@module ember +@submodule ember-runtime +*/ // .......................................................... // HELPERS @@ -5830,18 +6553,16 @@ var a_slice = Array.prototype.slice; var a_indexOf = Ember.EnumerableUtils.indexOf; var contexts = []; -/** @private */ + function popCtx() { return contexts.length===0 ? {} : contexts.pop(); } -/** @private */ function pushCtx(ctx) { contexts.push(ctx); return null; } -/** @private */ function iter(key, value) { var valueProvided = arguments.length === 2; @@ -5853,8 +6574,6 @@ function iter(key, value) { } /** - @class - This mixin defines the common interface implemented by enumerable objects in Ember. Most of these methods follow the standard Array iteration API defined up to JavaScript 1.8 (excluding language-specific features that @@ -5864,7 +6583,7 @@ function iter(key, value) { can use any of these methods on simple arrays. If Array already implements one of these methods, the mixin will not override them. - h3. Writing Your Own Enumerable + ## Writing Your Own Enumerable To make your own custom class enumerable, you need two items: @@ -5879,7 +6598,7 @@ function iter(key, value) { to your class and you will be able to enumerate the contents of your object like any other collection. - h3. Using Ember Enumeration with Other Libraries + ## Using Ember Enumeration with Other Libraries Many other libraries provide some kind of iterator or enumeration like facility. This is often where the most common API conflicts occur. @@ -5887,13 +6606,15 @@ function iter(key, value) { libraries by implementing only methods that mostly correspond to the JavaScript 1.8 API. + @class Enumerable + @namespace Ember @extends Ember.Mixin @since Ember 0.9 */ Ember.Enumerable = Ember.Mixin.create( /** @scope Ember.Enumerable.prototype */ { - /** @private - compatibility */ + // compatibility isEnumerable: true, /** @@ -5922,10 +6643,11 @@ Ember.Enumerable = Ember.Mixin.create( The default implementation of this method simply looks up the index. This works great on any Array-like objects. + @method nextObject @param {Number} index the current index of the iteration @param {Object} previousObject the value returned by the last call to nextObject. @param {Object} context a context object you can use to maintain state. - @returns {Object} the next object in the iteration or undefined + @return {Object} the next object in the iteration or undefined */ nextObject: Ember.required(Function), @@ -5945,7 +6667,8 @@ Ember.Enumerable = Ember.Mixin.create( var arr = []; arr.firstObject(); => undefined - @returns {Object} the object or undefined + @property firstObject + @return {Object} the object or undefined */ firstObject: Ember.computed(function() { if (get(this, 'length')===0) return undefined ; @@ -5955,7 +6678,7 @@ Ember.Enumerable = Ember.Mixin.create( ret = this.nextObject(0, null, context); pushCtx(context); return ret ; - }).property('[]').cacheable(), + }).property('[]'), /** Helper method returns the last object from a collection. If your enumerable @@ -5968,7 +6691,8 @@ Ember.Enumerable = Ember.Mixin.create( var arr = []; arr.lastObject(); => undefined - @returns {Object} the last object or undefined + @property lastObject + @return {Object} the last object or undefined */ lastObject: Ember.computed(function() { var len = get(this, 'length'); @@ -5980,7 +6704,7 @@ Ember.Enumerable = Ember.Mixin.create( } while (cur !== undefined); pushCtx(context); return last; - }).property('[]').cacheable(), + }).property('[]'), /** Returns true if the passed object can be found in the receiver. The @@ -5991,10 +6715,9 @@ Ember.Enumerable = Ember.Mixin.create( arr.contains("a"); => true arr.contains("z"); => false - @param {Object} obj - The object to search for. - - @returns {Boolean} true if object is found in enumerable. + @method contains + @param {Object} obj The object to search for. + @return {Boolean} true if object is found in enumerable. */ contains: function(obj) { return this.find(function(item) { return item===obj; }) !== undefined; @@ -6018,9 +6741,10 @@ Ember.Enumerable = Ember.Mixin.create( object that will be set as "this" on the context. This is a good way to give your iterator function access to the current object. + @method forEach @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Object} receiver + @return {Object} receiver */ forEach: function(callback, target) { if (typeof callback !== "function") throw new TypeError() ; @@ -6041,8 +6765,9 @@ Ember.Enumerable = Ember.Mixin.create( /** Alias for mapProperty + @method getEach @param {String} key name of the property - @returns {Array} The mapped array. + @return {Array} The mapped array. */ getEach: function(key) { return this.mapProperty(key); @@ -6054,9 +6779,10 @@ Ember.Enumerable = Ember.Mixin.create( implements Ember.Observable, the value will be changed to set(), otherwise it will be set directly. null objects are skipped. + @method setEach @param {String} key The key to set @param {Object} value The object to set - @returns {Object} receiver + @return {Object} receiver */ setEach: function(key, value) { return this.forEach(function(item) { @@ -6083,9 +6809,10 @@ Ember.Enumerable = Ember.Mixin.create( object that will be set as "this" on the context. This is a good way to give your iterator function access to the current object. + @method map @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Array} The mapped array. + @return {Array} The mapped array. */ map: function(callback, target) { var ret = []; @@ -6099,8 +6826,9 @@ Ember.Enumerable = Ember.Mixin.create( Similar to map, this specialized function returns the value of the named property on all items in the enumeration. + @method mapProperty @param {String} key name of the property - @returns {Array} The mapped array. + @return {Array} The mapped array. */ mapProperty: function(key) { return this.map(function(next) { @@ -6128,9 +6856,10 @@ Ember.Enumerable = Ember.Mixin.create( object that will be set as "this" on the context. This is a good way to give your iterator function access to the current object. + @method filter @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Array} A filtered array. + @return {Array} A filtered array. */ filter: function(callback, target) { var ret = []; @@ -6145,9 +6874,10 @@ Ember.Enumerable = Ember.Mixin.create( can pass an optional second argument with the target value. Otherwise this will match any property that evaluates to true. + @method filterProperty @param {String} key the property to test @param {String} [value] optional value to test against. - @returns {Array} filtered array + @return {Array} filtered array */ filterProperty: function(key, value) { return this.filter(iter.apply(this, arguments)); @@ -6173,9 +6903,10 @@ Ember.Enumerable = Ember.Mixin.create( object that will be set as "this" on the context. This is a good way to give your iterator function access to the current object. + @method find @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Object} Found item or null. + @return {Object} Found item or null. */ find: function(callback, target) { var len = get(this, 'length') ; @@ -6200,9 +6931,10 @@ Ember.Enumerable = Ember.Mixin.create( This method works much like the more generic find() method. + @method findProperty @param {String} key the property to test @param {String} [value] optional value to test against. - @returns {Object} found item or null + @return {Object} found item or null */ findProperty: function(key, value) { return this.find(iter.apply(this, arguments)); @@ -6231,9 +6963,10 @@ Ember.Enumerable = Ember.Mixin.create( if (people.every(isEngineer)) { Paychecks.addBigBonus(); } + @method every @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Boolean} + @return {Boolean} */ every: function(callback, target) { return !this.find(function(x, idx, i) { @@ -6245,9 +6978,10 @@ Ember.Enumerable = Ember.Mixin.create( Returns true if the passed property resolves to true for all items in the enumerable. This method is often simpler/faster than using a callback. + @method everyProperty @param {String} key the property to test @param {String} [value] optional value to test against. - @returns {Array} filtered array + @return {Array} filtered array */ everyProperty: function(key, value) { return this.every(iter.apply(this, arguments)); @@ -6277,9 +7011,10 @@ Ember.Enumerable = Ember.Mixin.create( if (people.some(isManager)) { Paychecks.addBiggerBonus(); } + @method some @param {Function} callback The callback to execute @param {Object} [target] The target object to use - @returns {Array} A filtered array. + @return {Array} A filtered array. */ some: function(callback, target) { return !!this.find(function(x, idx, i) { @@ -6291,9 +7026,10 @@ Ember.Enumerable = Ember.Mixin.create( Returns true if the passed property resolves to true for any item in the enumerable. This method is often simpler/faster than using a callback. + @method someProperty @param {String} key the property to test @param {String} [value] optional value to test against. - @returns {Boolean} true + @return {Boolean} true */ someProperty: function(key, value) { return this.some(iter.apply(this, arguments)); @@ -6324,10 +7060,11 @@ Ember.Enumerable = Ember.Mixin.create( pass a target object to set as this for the callback. It's part of the spec. Sorry. + @method reduce @param {Function} callback The callback to execute @param {Object} initialValue Initial value for the reduce @param {String} reducerProperty internal use only. - @returns {Object} The reduced value. + @return {Object} The reduced value. */ reduce: function(callback, initialValue, reducerProperty) { if (typeof callback !== "function") { throw new TypeError(); } @@ -6346,9 +7083,10 @@ Ember.Enumerable = Ember.Mixin.create( implements it. This method corresponds to the implementation in Prototype 1.6. + @method invoke @param {String} methodName the name of the method @param {Object...} args optional arguments to pass as well. - @returns {Array} return values from calling invoke. + @return {Array} return values from calling invoke. */ invoke: function(methodName) { var args, ret = []; @@ -6368,7 +7106,8 @@ Ember.Enumerable = Ember.Mixin.create( Simply converts the enumerable into a genuine array. The order is not guaranteed. Corresponds to the method implemented by Prototype. - @returns {Array} the enumerable as an array. + @method toArray + @return {Array} the enumerable as an array. */ toArray: function() { var ret = []; @@ -6382,7 +7121,8 @@ Ember.Enumerable = Ember.Mixin.create( var arr = ["a", null, "c", null]; arr.compact(); => ["a", "c"] - @returns {Array} the array without null elements. + @method compact + @return {Array} the array without null elements. */ compact: function() { return this.without(null); }, @@ -6394,8 +7134,9 @@ Ember.Enumerable = Ember.Mixin.create( var arr = ["a", "b", "a", "c"]; arr.without("a"); => ["b", "c"] + @method without @param {Object} value - @returns {Ember.Enumerable} + @return {Ember.Enumerable} */ without: function(value) { if (!this.contains(value)) return this; // nothing to do @@ -6413,7 +7154,8 @@ Ember.Enumerable = Ember.Mixin.create( var arr = ["a", "a", "b", "b"]; arr.uniq(); => ["a", "b"] - @returns {Ember.Enumerable} + @method uniq + @return {Ember.Enumerable} */ uniq: function() { var ret = []; @@ -6431,11 +7173,12 @@ Ember.Enumerable = Ember.Mixin.create( For plain enumerables, this property is read only. Ember.Array overrides this method. + @property [] @type Ember.Array */ '[]': Ember.computed(function(key, value) { return this; - }).property().cacheable(), + }).property(), // .......................................................... // ENUMERABLE OBSERVERS @@ -6444,6 +7187,10 @@ Ember.Enumerable = Ember.Mixin.create( /** Registers an enumerable observer. Must implement Ember.EnumerableObserver mixin. + + @method addEnumerableObserver + @param target {Object} + @param opts {Hash} */ addEnumerableObserver: function(target, opts) { var willChange = (opts && opts.willChange) || 'enumerableWillChange', @@ -6459,6 +7206,10 @@ Ember.Enumerable = Ember.Mixin.create( /** Removes a registered enumerable observer. + + @method removeEnumerableObserver + @param target {Object} + @param [opts] {Hash} */ removeEnumerableObserver: function(target, opts) { var willChange = (opts && opts.willChange) || 'enumerableWillChange', @@ -6476,11 +7227,12 @@ Ember.Enumerable = Ember.Mixin.create( Becomes true whenever the array currently has observers watching changes on the array. + @property hasEnumerableObservers @type Boolean */ hasEnumerableObservers: Ember.computed(function() { return Ember.hasListeners(this, '@enumerable:change') || Ember.hasListeners(this, '@enumerable:before'); - }).property().cacheable(), + }).property(), /** @@ -6488,15 +7240,12 @@ Ember.Enumerable = Ember.Mixin.create( change. You can either omit the parameters completely or pass the objects to be removed or added if available or just a count. - @param {Ember.Enumerable|Number} removing - An enumerable of the objects to be removed or the number of items to - be removed. - - @param {Ember.Enumerable|Number} adding - An enumerable of the objects to be added or the number of items to be - added. - - @returns {Ember.Enumerable} receiver + @method enumerableContentWillChange + @param {Ember.Enumerable|Number} removing An enumerable of the objects to + be removed or the number of items to be removed. + @param {Ember.Enumerable|Number} adding An enumerable of the objects to be + added or the number of items to be added. + @chainable */ enumerableContentWillChange: function(removing, adding) { @@ -6529,19 +7278,14 @@ Ember.Enumerable = Ember.Mixin.create( start and end values where the content changed so that it can be used to notify range observers. - @param {Number} start - optional start offset for the content change. For unordered - enumerables, you should always pass -1. - - @param {Ember.Enumerable|Number} removing - An enumerable of the objects to be removed or the number of items to - be removed. - - @param {Ember.Enumerable|Number} adding - An enumerable of the objects to be added or the number of items to be - added. - - @returns {Object} receiver + @method enumerableContentDidChange + @param {Number} [start] optional start offset for the content change. + For unordered enumerables, you should always pass -1. + @param {Ember.Enumerable|Number} removing An enumerable of the objects to + be removed or the number of items to be removed. + @param {Ember.Enumerable|Number} adding An enumerable of the objects to + be added or the number of items to be added. + @chainable */ enumerableContentDidChange: function(removing, adding) { var notify = this.propertyDidChange, removeCnt, addCnt, hasDelta; @@ -6576,26 +7320,23 @@ Ember.Enumerable = Ember.Mixin.create( (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + // .......................................................... // HELPERS // var get = Ember.get, set = Ember.set, meta = Ember.meta, map = Ember.EnumerableUtils.map, cacheFor = Ember.cacheFor; -/** @private */ function none(obj) { return obj===null || obj===undefined; } // .......................................................... // ARRAY // /** - @namespace - This module implements Observer-friendly Array-like behavior. This mixin is picked up by the Array class as well as other controllers, etc. that want to appear to be arrays. @@ -6622,19 +7363,22 @@ function none(obj) { return obj===null || obj===undefined; } Note that the Ember.Array mixin also incorporates the Ember.Enumerable mixin. All Ember.Array-like objects are also enumerable. - @extends Ember.Enumerable + @class Array + @namespace Ember + @extends Ember.Mixin + @uses Ember.Enumerable @since Ember 0.9.0 */ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.prototype */ { - /** @private - compatibility */ + // compatibility isSCArray: true, /** - @field {Number} length - Your array must support the length property. Your replace methods should set this property whenever it changes. + + @property {Number} length */ length: Ember.required(), @@ -6654,6 +7398,7 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot arr.objectAt(4); => undefined arr.objectAt(5); => undefined + @method objectAt @param {Number} idx The index of the item to return. */ @@ -6669,6 +7414,7 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot arr.objectsAt([0, 1, 2]) => ["a", "b", "c"] arr.objectsAt([2, 3, 4]) => ["c", "d", undefined] + @method objectsAt @param {Array} indexes An array of indexes of items to return. */ @@ -6677,34 +7423,34 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot return map(indexes, function(idx){ return self.objectAt(idx); }); }, - /** @private (nodoc) - overrides Ember.Enumerable version */ + // overrides Ember.Enumerable version nextObject: function(idx) { return this.objectAt(idx); }, /** - @field [] - This is the handler for the special array content property. If you get this property, it will return this. If you set this property it a new array, it will replace the current content. This property overrides the default property defined in Ember.Enumerable. + + @property [] */ '[]': Ember.computed(function(key, value) { if (value !== undefined) this.replace(0, get(this, 'length'), value) ; return this ; - }).property().cacheable(), + }).property(), firstObject: Ember.computed(function() { return this.objectAt(0); - }).property().cacheable(), + }).property(), lastObject: Ember.computed(function() { return this.objectAt(get(this, 'length')-1); - }).property().cacheable(), + }).property(), - /** @private (nodoc) - optimized version from Enumerable */ + // optimized version from Enumerable contains: function(obj){ return this.indexOf(obj) >= 0; }, @@ -6720,9 +7466,10 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot arr.slice(0, 2); => ['red', 'green'] arr.slice(1, 100); => ['green', 'blue'] + @method slice @param beginIndex {Integer} (Optional) index to begin slicing from. @param endIndex {Integer} (Optional) index to end the slice at. - @returns {Array} New array with specified slice + @return {Array} New array with specified slice */ slice: function(beginIndex, endIndex) { var ret = []; @@ -6749,9 +7496,10 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot arr.indexOf("b", 3); => -1 arr.indexOf("a", 100); => -1 + @method indexOf @param {Object} object the item to search for @param {Number} startAt optional starting location to search, default 0 - @returns {Number} index or -1 if not found + @return {Number} index or -1 if not found */ indexOf: function(object, startAt) { var idx, len = get(this, 'length'); @@ -6779,9 +7527,10 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot arr.lastIndexOf("b", 3); => 1 arr.lastIndexOf("a", 100); => 4 + @method lastIndexOf @param {Object} object the item to search for @param {Number} startAt optional starting location to search, default 0 - @returns {Number} index or -1 if not found + @return {Number} index or -1 if not found */ lastIndexOf: function(object, startAt) { var idx, len = get(this, 'length'); @@ -6817,14 +7566,11 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot which you can use to override the method names that will be invoked on the target. - @param {Object} target - The observer object. - - @param {Hash} opts - Optional hash of configuration options including willChange, didChange, - and a context option. - - @returns {Ember.Array} receiver + @method addArrayObserver + @param {Object} target The observer object. + @param {Hash} opts Optional hash of configuration options including + willChange, didChange, and a context option. + @return {Ember.Array} receiver */ addArrayObserver: function(target, opts) { var willChange = (opts && opts.willChange) || 'arrayWillChange', @@ -6843,10 +7589,9 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot registered. Calling this method multiple times with the same object will have no effect. - @param {Object} target - The object observing the array. - - @returns {Ember.Array} receiver + @method removeArrayObserver + @param {Object} target The object observing the array. + @return {Ember.Array} receiver */ removeArrayObserver: function(target, opts) { var willChange = (opts && opts.willChange) || 'arrayWillChange', @@ -6864,11 +7609,11 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot Becomes true whenever the array currently has observers watching changes on the array. - @type Boolean + @property Boolean */ hasArrayObservers: Ember.computed(function() { return Ember.hasListeners(this, '@array:change') || Ember.hasListeners(this, '@array:before'); - }).property().cacheable(), + }).property(), /** If you are implementing an object that supports Ember.Array, call this @@ -6876,16 +7621,11 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot invalidate any related properties. Pass the starting index of the change as well as a delta of the amounts to change. - @param {Number} startIdx - The starting index in the array that will change. - - @param {Number} removeAmt - The number of items that will be removed. If you pass null assumes 0 - - @param {Number} addAmt - The number of items that will be added. If you pass null assumes 0. - - @returns {Ember.Array} receiver + @method arrayContentWillChange + @param {Number} startIdx The starting index in the array that will change. + @param {Number} removeAmt The number of items that will be removed. If you pass null assumes 0 + @param {Number} addAmt The number of items that will be added. If you pass null assumes 0. + @return {Ember.Array} receiver */ arrayContentWillChange: function(startIdx, removeAmt, addAmt) { @@ -6964,11 +7704,13 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot on the array. Just get an equivalent property on this object and it will return an enumerable that maps automatically to the named key on the member objects. + + @property @each */ '@each': Ember.computed(function() { if (!this.__each) this.__each = new Ember.EachProxy(this); return this.__each; - }).property().cacheable() + }).property() }) ; @@ -6977,20 +7719,20 @@ Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.protot (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /** - @namespace +@module ember +@submodule ember-runtime +*/ + +/** Implements some standard methods for comparing objects. Add this mixin to any class you create that can compare its instances. You should implement the compare() method. + @class Comparable + @namespace Ember @extends Ember.Mixin @since Ember 0.9 */ @@ -6999,9 +7741,9 @@ Ember.Comparable = Ember.Mixin.create( /** @scope Ember.Comparable.prototype */{ /** walk like a duck. Indicates that the object can be compared. + @property isComparable @type Boolean @default true - @constant */ isComparable: true, @@ -7015,9 +7757,10 @@ Ember.Comparable = Ember.Mixin.create( /** @scope Ember.Comparable.prototype */{ Default implementation raises an exception. + @method compare @param a {Object} the first object to compare @param b {Object} the second object to compare - @returns {Integer} the result of the comparison + @return {Integer} the result of the comparison */ compare: Ember.required(Function) @@ -7029,17 +7772,16 @@ Ember.Comparable = Ember.Mixin.create( /** @scope Ember.Comparable.prototype */{ (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2010 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + + + var get = Ember.get, set = Ember.set; /** - @namespace - Implements some standard methods for copying an object. Add this mixin to any object you create that can create a copy of itself. This mixin is added automatically to the built-in array. @@ -7049,6 +7791,8 @@ var get = Ember.get, set = Ember.set; Note that frozenCopy() will only work if you also implement Ember.Freezable. + @class Copyable + @namespace Ember @extends Ember.Mixin @since Ember 0.9 */ @@ -7059,9 +7803,9 @@ Ember.Copyable = Ember.Mixin.create( Override to return a copy of the receiver. Default implementation raises an exception. - @function + @method copy @param deep {Boolean} if true, a deep copy of the object should be made - @returns {Object} copy of receiver + @return {Object} copy of receiver */ copy: Ember.required(Function), @@ -7076,7 +7820,8 @@ Ember.Copyable = Ember.Mixin.create( since a freezable object can simply return itself without actually consuming more memory. - @returns {Object} copy of receiver or receiver + @method frozenCopy + @return {Object} copy of receiver or receiver */ frozenCopy: function() { if (Ember.Freezable && Ember.Freezable.detect(this)) { @@ -7095,22 +7840,15 @@ Ember.Copyable = Ember.Mixin.create( (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2010 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== - - - +/** +@module ember +@submodule ember-runtime +*/ var get = Ember.get, set = Ember.set; /** - @namespace - The Ember.Freezable mixin implements some basic methods for marking an object as frozen. Once an object is frozen it should be read only. No changes may be made the internal state of the object. @@ -7162,6 +7900,8 @@ var get = Ember.get, set = Ember.set; Ember.Copyable protocol, which defines a frozenCopy() method that will return a frozen object, if the object implements this method as well. + @class Freezable + @namespace Ember @extends Ember.Mixin @since Ember 0.9 */ @@ -7172,6 +7912,7 @@ Ember.Freezable = Ember.Mixin.create( Set to true when the object is frozen. Use this property to detect whether your object is frozen or not. + @property isFrozen @type Boolean */ isFrozen: false, @@ -7180,7 +7921,8 @@ Ember.Freezable = Ember.Mixin.create( Freezes the object. Once this method has been called the object should no longer allow any properties to be edited. - @returns {Object} receiver + @method freeze + @return {Object} receiver */ freeze: function() { if (get(this, 'isFrozen')) return this; @@ -7192,24 +7934,19 @@ Ember.Freezable = Ember.Mixin.create( Ember.FROZEN_ERROR = "Frozen object cannot be modified."; - - - })(); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var forEach = Ember.EnumerableUtils.forEach; /** - @class - This mixin defines the API for modifying generic enumerables. These methods can be applied to an object regardless of whether it is ordered or unordered. @@ -7240,8 +7977,10 @@ var forEach = Ember.EnumerableUtils.forEach; this mixin in your class and implement the required methods. In your unit tests, be sure to apply the Ember.MutableEnumerableTests to your object. + @class MutableEnumerable + @namespace Ember @extends Ember.Mixin - @extends Ember.Enumerable + @uses Ember.Enumerable */ Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.MutableEnumerable.prototype */ { @@ -7256,20 +7995,18 @@ Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, If the passed object is of a type not supported by the receiver then this method should raise an exception. - @function - - @param {Object} object - The object to add to the enumerable. - - @returns {Object} the passed object + @method addObject + @param {Object} object The object to add to the enumerable. + @return {Object} the passed object */ addObject: Ember.required(Function), /** Adds each object in the passed enumerable to the receiver. + @method addObjects @param {Ember.Enumerable} objects the objects to add. - @returns {Object} receiver + @return {Object} receiver */ addObjects: function(objects) { Ember.beginPropertyChanges(this); @@ -7288,12 +8025,9 @@ Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, If the passed object is of a type not supported by the receiver then this method should raise an exception. - @function - - @param {Object} object - The object to remove from the enumerable. - - @returns {Object} the passed object + @method removeObject + @param {Object} object The object to remove from the enumerable. + @return {Object} the passed object */ removeObject: Ember.required(Function), @@ -7301,8 +8035,9 @@ Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, /** Removes each objects in the passed enumerable from the receiver. + @method removeObjects @param {Ember.Enumerable} objects the objects to remove - @returns {Object} receiver + @return {Object} receiver */ removeObjects: function(objects) { Ember.beginPropertyChanges(this); @@ -7318,11 +8053,10 @@ Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ // .......................................................... // CONSTANTS // @@ -7337,8 +8071,6 @@ var EMPTY = []; var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach; /** - @class - This mixin defines the API for modifying array-like objects. These methods can be applied only to a collection that keeps its items in an ordered set. @@ -7346,9 +8078,11 @@ var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach; For example, one might implement a SparseArray that cannot be directly modified, but if its underlying enumerable changes, it will change also. + @class MutableArray + @namespace Ember @extends Ember.Mixin - @extends Ember.Array - @extends Ember.MutableEnumerable + @uses Ember.Array + @uses Ember.MutableEnumerable */ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, /** @scope Ember.MutableArray.prototype */ { @@ -7360,19 +8094,13 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, should replace amt objects started at idx with the objects in the passed array. You should also call this.enumerableContentDidChange() ; - @function - - @param {Number} idx - Starting index in the array to replace. If idx >= length, then append - to the end of the array. - - @param {Number} amt - Number of elements that should be removed from the array, starting at - *idx*. - - @param {Array} objects - An array of zero or more objects that should be inserted into the array - at *idx* + @method replace + @param {Number} idx Starting index in the array to replace. If idx >= length, + then append to the end of the array. + @param {Number} amt Number of elements that should be removed from the array, + starting at *idx*. + @param {Array} objects An array of zero or more objects that should be inserted + into the array at *idx* */ replace: Ember.required(), @@ -7385,7 +8113,8 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.clear(); => [] colors.length(); => 0 - @returns {Ember.Array} An empty Array. + @method clear + @return {Ember.Array} An empty Array. */ clear: function () { var len = get(this, 'length'); @@ -7402,6 +8131,7 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.insertAt(2, "yellow"); => ["red", "green", "yellow", "blue"] colors.insertAt(5, "orange"); => Error: Index out of range + @method insertAt @param {Number} idx index of insert the object at. @param {Object} object object to insert */ @@ -7423,14 +8153,12 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.removeAt(2, 2); => ["green", "blue"] colors.removeAt(4, 2); => Error: Index out of range + @method removeAt @param {Number} start index, start of range @param {Number} len length of passing range - @returns {Object} receiver + @return {Object} receiver */ removeAt: function(start, len) { - - var delta = 0; - if ('number' === typeof start) { if ((start < 0) || (start >= get(this, 'length'))) { @@ -7453,6 +8181,8 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.pushObject("black"); => ["red", "green", "blue", "black"] colors.pushObject(["yellow", "orange"]); => ["red", "green", "blue", "black", ["yellow", "orange"]] + @method pushObject + @param {anything} obj object to push */ pushObject: function(obj) { this.insertAt(get(this, 'length'), obj) ; @@ -7467,8 +8197,9 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.pushObjects("black"); => ["red", "green", "blue", "black"] colors.pushObjects(["yellow", "orange"]); => ["red", "green", "blue", "black", "yellow", "orange"] + @method pushObjects @param {Ember.Enumerable} objects the objects to add - @returns {Ember.Array} receiver + @return {Ember.Array} receiver */ pushObjects: function(objects) { this.replace(get(this, 'length'), 0, objects); @@ -7483,6 +8214,8 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.popObject(); => "blue" console.log(colors); => ["red", "green"] + @method popObject + @return object */ popObject: function() { var len = get(this, 'length') ; @@ -7501,6 +8234,8 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.shiftObject(); => "red" console.log(colors); => ["green", "blue"] + @method shiftObject + @return object */ shiftObject: function() { if (get(this, 'length') === 0) return null ; @@ -7517,6 +8252,8 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.unshiftObject("yellow"); => ["yellow", "red", "green", "blue"] colors.unshiftObject(["black", "white"]); => [["black", "white"], "yellow", "red", "green", "blue"] + @method unshiftObject + @param {anything} obj object to unshift */ unshiftObject: function(obj) { this.insertAt(0, obj) ; @@ -7531,8 +8268,9 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, colors.unshiftObjects(["black", "white"]); => ["black", "white", "red", "green", "blue"] colors.unshiftObjects("yellow"); => Type Error: 'undefined' is not a function + @method unshiftObjects @param {Ember.Enumerable} objects the objects to add - @returns {Ember.Array} receiver + @return {Ember.Array} receiver */ unshiftObjects: function(objects) { this.replace(0, 0, objects); @@ -7543,6 +8281,7 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, Reverse objects in the array. Works just like reverse() but it is KVO-compliant. + @method reverseObjects @return {Ember.Array} receiver */ reverseObjects: function() { @@ -7553,11 +8292,31 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, return this; }, + /** + Replace all the the receiver's content with content of the argument. + If argument is an empty array receiver will be cleared. + + var colors = ["red", "green", "blue"]; + colors.setObjects(["black", "white"]); => ["black", "white"] + colors.setObjects([]); => [] + + @method setObjects + @param {Ember.Array} objects array whose content will be used for replacing + the content of the receiver + @return {Ember.Array} receiver with the new content + */ + setObjects: function(objects) { + if (objects.length === 0) return this.clear(); + + var len = get(this, 'length'); + this.replace(0, len, objects); + return this; + }, + // .......................................................... // IMPLEMENT Ember.MutableEnumerable // - /** @private (nodoc) */ removeObject: function(obj) { var loc = get(this, 'length') || 0; while(--loc >= 0) { @@ -7567,7 +8326,6 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, return this ; }, - /** @private (nodoc) */ addObject: function(obj) { if (!this.contains(obj)) this.pushObject(obj); return this ; @@ -7581,27 +8339,24 @@ Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ var get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty; /** - @class - ## Overview - + This mixin provides properties and property observing functionality, core features of the Ember object model. - + Properties and observers allow one object to observe changes to a property on another object. This is one of the fundamental ways that models, controllers and views communicate with each other in an Ember application. - + Any object that has this mixin applied can be used in observer operations. That includes Ember.Object and most objects you will interact with as you write your Ember application. @@ -7609,16 +8364,16 @@ var get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty; Note that you will not generally apply this mixin to classes yourself, but you will use the features provided by this module frequently, so it is important to understand how to use it. - + ## Using get() and set() - + Because of Ember's support for bindings and observers, you will always access properties using the get method, and set properties using the set method. This allows the observing objects to be notified and computed properties to be handled properly. - + More documentation about `get` and `set` are below. - + ## Observing Property Changes You typically observe property changes simply by adding the `observes` @@ -7630,7 +8385,7 @@ var get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty; // Executes whenever the "value" property changes }.observes('value') }); - + Although this is the most common way to add an observer, this capability is actually built into the Ember.Object class on top of two methods defined in this mixin: `addObserver` and `removeObserver`. You can use @@ -7643,17 +8398,19 @@ var get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty; This will call the `targetAction` method on the `targetObject` to be called whenever the value of the `propertyKey` changes. - - Note that if `propertyKey` is a computed property, the observer will be - called when any of the property dependencies are changed, even if the + + Note that if `propertyKey` is a computed property, the observer will be + called when any of the property dependencies are changed, even if the resulting value of the computed property is unchanged. This is necessary because computed properties are not computed until `get` is called. - + + @class Observable + @namespace Ember @extends Ember.Mixin */ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { - /** @private - compatibility */ + // compatibility isObserverable: true, /** @@ -7662,7 +8419,7 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { This method is usually similar to using object[keyName] or object.keyName, however it supports both computed properties and the unknownProperty handler. - + Because `get` unifies the syntax for accessing all these kinds of properties, it can make many refactorings easier, such as replacing a simple property with a computed property, or vice versa. @@ -7688,8 +8445,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { instead. This allows you to implement "virtual" properties that are not defined upfront. + @method get @param {String} key The property to retrieve - @returns {Object} The property value or undefined. + @return {Object} The property value or undefined. */ get: function(keyName) { return get(this, keyName); @@ -7705,8 +8463,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { record.getProperties(['firstName', 'lastName', 'zipCode']); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' } + @method getProperties @param {String...|Array} list of keys to get - @returns {Hash} + @return {Hash} */ getProperties: function() { var ret = {}; @@ -7761,9 +8520,10 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { record.set('firstName', 'Charles').set('lastName', 'Jolley'); + @method set @param {String} key The property to set @param {Object} value The value to set or null. - @returns {Ember.Observable} + @return {Ember.Observable} */ set: function(keyName, value) { set(this, keyName, value); @@ -7776,8 +8536,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { record.setProperties({ firstName: 'Charles', lastName: 'Jolley' }); + @method setProperties @param {Hash} hash the hash of keys and values to set - @returns {Ember.Observable} + @return {Ember.Observable} */ setProperties: function(hash) { return Ember.setProperties(this, hash); @@ -7793,7 +8554,8 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { notifications. When you are done making changes, call endPropertyChanges() to deliver the deferred change notifications and end deferring. - @returns {Ember.Observable} + @method beginPropertyChanges + @return {Ember.Observable} */ beginPropertyChanges: function() { Ember.beginPropertyChanges(); @@ -7810,7 +8572,8 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { notifications. When you are done making changes, call this method to deliver the deferred change notifications and end deferring. - @returns {Ember.Observable} + @method endPropertyChanges + @return {Ember.Observable} */ endPropertyChanges: function() { Ember.endPropertyChanges(); @@ -7830,8 +8593,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { a pair. If you do not, it may get the property change groups out of order and cause notifications to be delivered more often than you would like. + @method propertyWillChange @param {String} key The property key that is about to change. - @returns {Ember.Observable} + @return {Ember.Observable} */ propertyWillChange: function(keyName){ Ember.propertyWillChange(this, keyName); @@ -7851,20 +8615,22 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { a pair. If you do not, it may get the property change groups out of order and cause notifications to be delivered more often than you would like. + @method propertyDidChange @param {String} keyName The property key that has just changed. - @returns {Ember.Observable} + @return {Ember.Observable} */ propertyDidChange: function(keyName) { Ember.propertyDidChange(this, keyName); return this; }, - + /** Convenience method to call `propertyWillChange` and `propertyDidChange` in succession. - + + @method notifyPropertyChange @param {String} keyName The property key to be notified about. - @returns {Ember.Observable} + @return {Ember.Observable} */ notifyPropertyChange: function(keyName) { this.propertyWillChange(keyName); @@ -7914,10 +8680,11 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { only a sender and key value as parameters or, if you aren't interested in any of these values, to write an observer that has no parameters at all. + @method addObserver @param {String} key The key to observer @param {Object} target The target object to invoke @param {String|Function} method The method to invoke. - @returns {Ember.Object} self + @return {Ember.Object} self */ addObserver: function(key, target, method) { Ember.addObserver(this, key, target, method); @@ -7928,10 +8695,11 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { the same key, target, and method you passed to addObserver() and your target will no longer receive notifications. + @method removeObserver @param {String} key The key to observer @param {Object} target The target object to invoke @param {String|Function} method The method to invoke. - @returns {Ember.Observable} receiver + @return {Ember.Observable} receiver */ removeObserver: function(key, target, method) { Ember.removeObserver(this, key, target, method); @@ -7943,8 +8711,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { an expensive action until someone begins observing a particular property on the object. + @method hasObserverFor @param {String} key Key to check - @returns {Boolean} + @return {Boolean} */ hasObserverFor: function(key) { return Ember.hasListeners(this, key+':change'); @@ -7954,9 +8723,10 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { This method will be called when a client attempts to get the value of a property that has not been defined in one of the typical ways. Override this method to create "virtual" properties. - + + @method unknownProperty @param {String} key The name of the unknown property that was requested. - @returns {Object} The property value or undefined. Default is undefined. + @return {Object} The property value or undefined. Default is undefined. */ unknownProperty: function(key) { return undefined; @@ -7966,7 +8736,8 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { This method will be called when a client attempts to set the value of a property that has not been defined in one of the typical ways. Override this method to create "virtual" properties. - + + @method setUnknownProperty @param {String} key The name of the unknown property to be set. @param {Object} value The value the unknown property is to be set to. */ @@ -7977,8 +8748,9 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { /** @deprecated + @method getPath @param {String} path The property path to retrieve - @returns {Object} The property value or undefined. + @return {Object} The property value or undefined. */ getPath: function(path) { Ember.deprecate("getPath is deprecated since get now supports paths"); @@ -7987,9 +8759,10 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { /** @deprecated + @method setPath @param {String} path The path to the property that will be set @param {Object} value The value to set or null. - @returns {Ember.Observable} + @return {Ember.Observable} */ setPath: function(path, value) { Ember.deprecate("setPath is deprecated since set now supports paths"); @@ -7999,12 +8772,13 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { /** Retrieves the value of a property, or a default value in the case that the property returns undefined. - + person.getWithDefault('lastName', 'Doe'); - + + @method getWithDefault @param {String} keyName The name of the property to retrieve @param {Object} defaultValue The value to return if the property value is undefined - @returns {Object} The property value or the defaultValue. + @return {Object} The property value or the defaultValue. */ getWithDefault: function(keyName, defaultValue) { return Ember.getWithDefault(this, keyName, defaultValue); @@ -8012,29 +8786,31 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { /** Set the value of a property to the current value plus some amount. - + person.incrementProperty('age'); team.incrementProperty('score', 2); - + + @method incrementProperty @param {String} keyName The name of the property to increment @param {Object} increment The amount to increment by. Defaults to 1 - @returns {Object} The new property value + @return {Object} The new property value */ incrementProperty: function(keyName, increment) { if (!increment) { increment = 1; } set(this, keyName, (get(this, keyName) || 0)+increment); return get(this, keyName); }, - + /** Set the value of a property to the current value minus some amount. - + player.decrementProperty('lives'); orc.decrementProperty('health', 5); - + + @method decrementProperty @param {String} keyName The name of the property to decrement @param {Object} increment The amount to decrement by. Defaults to 1 - @returns {Object} The new property value + @return {Object} The new property value */ decrementProperty: function(keyName, increment) { if (!increment) { increment = 1; } @@ -8045,11 +8821,12 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { /** Set the value of a boolean property to the opposite of it's current value. - + starship.toggleProperty('warpDriveEnaged'); - + + @method toggleProperty @param {String} keyName The name of the property to toggle - @returns {Object} The new property value + @return {Object} The new property value */ toggleProperty: function(keyName) { set(this, keyName, !get(this, keyName)); @@ -8062,29 +8839,38 @@ Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { without accidentally invoking it if it is intended to be generated lazily. + @method cacheFor @param {String} keyName - @returns {Object} The cached value of the computed property, if any + @return {Object} The cached value of the computed property, if any */ cacheFor: function(keyName) { return Ember.cacheFor(this, keyName); }, - /** @private - intended for debugging purposes */ + // intended for debugging purposes observersForKey: function(keyName) { return Ember.observersFor(this, keyName); } }); - - })(); (function() { +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set; +/** +@class TargetActionSupport +@namespace Ember +@extends Ember.Mixin +*/ Ember.TargetActionSupport = Ember.Mixin.create({ target: null, action: null, @@ -8094,12 +8880,12 @@ Ember.TargetActionSupport = Ember.Mixin.create({ if (Ember.typeOf(target) === "string") { var value = get(this, target); - if (value === undefined) { value = get(window, target); } + if (value === undefined) { value = get(Ember.lookup, target); } return value; } else { return target; } - }).property('target').cacheable(), + }).property('target'), triggerAction: function() { var action = get(this, 'action'), @@ -8131,12 +8917,16 @@ Ember.TargetActionSupport = Ember.Mixin.create({ (function() { /** - @class +@module ember +@submodule ember-runtime +*/ - @extends Ember.Mixin +/** + @class Evented + @namespace Ember + @extends Ember.Mixin */ -Ember.Evented = Ember.Mixin.create( - /** @scope Ember.Evented.prototype */ { +Ember.Evented = Ember.Mixin.create({ on: function(name, target, method) { Ember.addListener(this, name, target, method); }, @@ -8149,7 +8939,7 @@ Ember.Evented = Ember.Mixin.create( var self = this; var wrapped = function() { - Ember.removeListener(self, name, target, wrapped); + Ember.removeListener(self, name, target, method); if ('string' === typeof method) { method = this[method]; } @@ -8160,7 +8950,7 @@ Ember.Evented = Ember.Mixin.create( method.apply(this, arguments); }; - this.on(name, target, wrapped); + Ember.addListener(this, name, target, wrapped, Ember.guidFor(method)); }, trigger: function(name) { @@ -8190,40 +8980,93 @@ Ember.Evented = Ember.Mixin.create( (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, + slice = Array.prototype.slice; + +/** + @class Deferred + @namespace Ember + @extends Ember.Mixin + */ +Ember.Deferred = Ember.Mixin.create({ + + /** + Add handlers to be called when the Deferred object is resolved or rejected. + + @method then + @param {Function} doneCallback a callback function to be called when done + @param {Function} failCallback a callback function to be called when failed + */ + then: function(doneCallback, failCallback) { + return get(this, 'promise').then(doneCallback, failCallback); + }, + + /** + Resolve a Deferred object and call any doneCallbacks with the given args. + + @method resolve + */ + resolve: function(value) { + get(this, 'promise').resolve(value); + }, + + /** + Reject a Deferred object and call any failCallbacks with the given args. + + @method reject + */ + reject: function(value) { + get(this, 'promise').reject(value); + }, + + promise: Ember.computed(function() { + return new RSVP.Promise(); + }) +}); })(); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ // NOTE: this object should never be included directly. Instead use Ember. // Ember.Object. We only define this separately so that Ember.Set can depend on it - -var classToString = Ember.Mixin.prototype.toString; -var set = Ember.set, get = Ember.get; -var o_create = Ember.create, +var set = Ember.set, get = Ember.get, + o_create = Ember.create, o_defineProperty = Ember.platform.defineProperty, a_slice = Array.prototype.slice, + GUID_KEY = Ember.GUID_KEY, + guidFor = Ember.guidFor, + generateGuid = Ember.generateGuid, meta = Ember.meta, rewatch = Ember.rewatch, finishChains = Ember.finishChains, - finishPartial = Ember.Mixin.finishPartial, - reopen = Ember.Mixin.prototype.reopen; + destroy = Ember.destroy, + schedule = Ember.run.schedule, + Mixin = Ember.Mixin, + applyMixin = Mixin._apply, + finishPartial = Mixin.finishPartial, + reopen = Mixin.prototype.reopen, + classToString = Mixin.prototype.toString; var undefinedDescriptor = { configurable: true, @@ -8232,7 +9075,6 @@ var undefinedDescriptor = { value: undefined }; -/** @private */ function makeCtor() { // Note: avoid accessing any properties on the object since it makes the @@ -8245,14 +9087,14 @@ function makeCtor() { if (!wasApplied) { Class.proto(); // prepare prototype... } - var m = Ember.meta(this); + o_defineProperty(this, GUID_KEY, undefinedDescriptor); + o_defineProperty(this, '_super', undefinedDescriptor); + var m = meta(this); m.proto = this; if (initMixins) { this.reopen.apply(this, initMixins); initMixins = null; } - o_defineProperty(this, Ember.GUID_KEY, undefinedDescriptor); - o_defineProperty(this, '_super', undefinedDescriptor); finishPartial(this, m); delete m.proto; finishChains(this); @@ -8262,7 +9104,7 @@ function makeCtor() { Class.toString = classToString; Class.willReopen = function() { if (wasApplied) { - Class.PrototypeMixin = Ember.Mixin.create(Class.PrototypeMixin); + Class.PrototypeMixin = Mixin.create(Class.PrototypeMixin); } wasApplied = false; @@ -8288,23 +9130,27 @@ function makeCtor() { var CoreObject = makeCtor(); -CoreObject.PrototypeMixin = Ember.Mixin.create( -/** @scope Ember.CoreObject.prototype */ { +CoreObject.PrototypeMixin = Mixin.create({ reopen: function() { - Ember.Mixin._apply(this, arguments, true); + applyMixin(this, arguments, true); return this; }, isInstance: true, - /** @private */ init: function() {}, - /** @field */ + /** + @property isDestroyed + @default false + */ isDestroyed: false, - /** @field */ + /** + @property isDestroying + @default false + */ isDestroying: false, /** @@ -8317,7 +9163,8 @@ CoreObject.PrototypeMixin = Ember.Mixin.create( Note that destruction is scheduled for the end of the run loop and does not happen immediately. - @returns {Ember.Object} receiver + @method destroy + @return {Ember.Object} receiver */ destroy: function() { if (this.isDestroying) { return; } @@ -8327,18 +9174,20 @@ CoreObject.PrototypeMixin = Ember.Mixin.create( if (this.willDestroy) { this.willDestroy(); } set(this, 'isDestroyed', true); - Ember.run.schedule('destroy', this, this._scheduledDestroy); + schedule('destroy', this, this._scheduledDestroy); return this; }, /** + @private + Invoked by the run loop to actually destroy the object. This is scheduled for execution by the `destroy` method. - @private + @method _scheduledDestroy */ _scheduledDestroy: function() { - Ember.destroy(this); + destroy(this); if (this.didDestroy) { this.didDestroy(); } }, @@ -8349,7 +9198,7 @@ CoreObject.PrototypeMixin = Ember.Mixin.create( }, toString: function() { - return '<'+this.constructor.toString()+':'+Ember.guidFor(this)+'>'; + return '<'+this.constructor.toString()+':'+guidFor(this)+'>'; } }); @@ -8359,8 +9208,7 @@ if (Ember.config.overridePrototypeMixin) { CoreObject.__super__ = null; -var ClassMixin = Ember.Mixin.create( -/** @scope Ember.ClassMixin.prototype */ { +var ClassMixin = Mixin.create({ ClassMixin: Ember.required(), @@ -8372,8 +9220,8 @@ var ClassMixin = Ember.Mixin.create( extend: function() { var Class = makeCtor(), proto; - Class.ClassMixin = Ember.Mixin.create(this.ClassMixin); - Class.PrototypeMixin = Ember.Mixin.create(this.PrototypeMixin); + Class.ClassMixin = Mixin.create(this.ClassMixin); + Class.PrototypeMixin = Mixin.create(this.PrototypeMixin); Class.ClassMixin.ownerConstructor = Class; Class.PrototypeMixin.ownerConstructor = Class; @@ -8385,7 +9233,7 @@ var ClassMixin = Ember.Mixin.create( proto = Class.prototype = o_create(this.prototype); proto.constructor = Class; - Ember.generateGuid(proto, 'ember'); + generateGuid(proto, 'ember'); meta(proto).proto = proto; // this will disable observers on prototype Class.ClassMixin.apply(Class); @@ -8406,7 +9254,7 @@ var ClassMixin = Ember.Mixin.create( reopenClass: function() { reopen.apply(this.ClassMixin, arguments); - Ember.Mixin._apply(this, arguments, false); + applyMixin(this, arguments, false); return this; }, @@ -8442,6 +9290,9 @@ var ClassMixin = Ember.Mixin.create( MyClass.metaForProperty('person'); This will return the original hash that was passed to `meta()`. + + @method metaForProperty + @param key {String} property name */ metaForProperty: function(key) { var desc = meta(this.proto(), false).descs[key]; @@ -8453,6 +9304,10 @@ var ClassMixin = Ember.Mixin.create( /** Iterate over each computed property for the class, passing its name and any associated metadata (see `metaForProperty`) to the callback. + + @method eachComputedProperty + @param {Function} callback + @param {Object} binding */ eachComputedProperty: function(callback, binding) { var proto = this.proto(), @@ -8479,7 +9334,8 @@ CoreObject.ClassMixin = ClassMixin; ClassMixin.apply(CoreObject); /** - @class + @class CoreObject + @namespace Ember */ Ember.CoreObject = CoreObject; @@ -8491,16 +9347,14 @@ Ember.CoreObject = CoreObject; (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set, guidFor = Ember.guidFor, none = Ember.none; /** - @class - An unordered collection of objects. A Set works a bit like an array except that its items are not ordered. @@ -8588,11 +9442,12 @@ var get = Ember.get, set = Ember.set, guidFor = Ember.guidFor, none = Ember.none code that can know with certainty when the underlying set data will or will not be modified. - @extends Ember.Enumerable - @extends Ember.MutableEnumerable - @extends Ember.Copyable - @extends Ember.Freezable - + @class Set + @namespace Ember + @extends Ember.CoreObject + @uses Ember.MutableEnumerable + @uses Ember.Copyable + @uses Ember.Freezable @since Ember 0.9 */ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Ember.Freezable, @@ -8605,6 +9460,7 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb /** This property will change as the number of objects in the set changes. + @property length @type number @default 0 */ @@ -8619,7 +9475,8 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.clear(); colors.length; => 0 - @returns {Ember.Set} An empty Set + @method clear + @return {Ember.Set} An empty Set */ clear: function() { if (this.isFrozen) { throw new Error(Ember.FROZEN_ERROR); } @@ -8657,8 +9514,9 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb same_colors.isEqual(colors); => true same_colors.isEqual(["purple", "brown"]); => false + @method isEqual @param {Ember.Set} obj the other object. - @returns {Boolean} + @return {Boolean} */ isEqual: function(obj) { // fail fast @@ -8688,9 +9546,9 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.add(null); => ["blue", "red"] colors.add(undefined); => ["blue", "red"] - @function + @method add @param {Object} obj The object to add. - @returns {Ember.Set} The set itself. + @return {Ember.Set} The set itself. */ add: Ember.alias('addObject'), @@ -8704,9 +9562,9 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.remove("purple"); => ["blue", "green"] colors.remove(null); => ["blue", "green"] - @function + @method remove @param {Object} obj The object to remove - @returns {Ember.Set} The set itself. + @return {Ember.Set} The set itself. */ remove: Ember.alias('removeObject'), @@ -8718,7 +9576,8 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.pop(); => "green" colors.pop(); => null - @returns {Object} The removed object from the set or null. + @method pop + @return {Object} The removed object from the set or null. */ pop: function() { if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR); @@ -8738,8 +9597,8 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.push("green"); => ["red", "green"] colors.push("blue"); => ["red", "green", "blue"] - @function - @returns {Ember.Set} The set itself. + @method push + @return {Ember.Set} The set itself. */ push: Ember.alias('addObject'), @@ -8753,8 +9612,8 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.shift(); => "green" colors.shift(); => null - @function - @returns {Object} The removed object from the set or null. + @method shift + @return {Object} The removed object from the set or null. */ shift: Ember.alias('pop'), @@ -8769,8 +9628,8 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb colors.unshift("green"); => ["red", "green"] colors.unshift("blue"); => ["red", "green", "blue"] - @function - @returns {Ember.Set} The set itself. + @method unshift + @return {Ember.Set} The set itself. */ unshift: Ember.alias('push'), @@ -8782,9 +9641,9 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb var colors = new Ember.Set(); colors.addEach(["red", "green", "blue"]); => ["red", "green", "blue"] - @function + @method addEach @param {Ember.Enumerable} objects the objects to add. - @returns {Ember.Set} The set itself. + @return {Ember.Set} The set itself. */ addEach: Ember.alias('addObjects'), @@ -8796,9 +9655,9 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb var colors = new Ember.Set(["red", "green", "blue"]); colors.removeEach(["red", "blue"]); => ["green"] - @function + @method removeEach @param {Ember.Enumerable} objects the objects to remove. - @returns {Ember.Set} The set itself. + @return {Ember.Set} The set itself. */ removeEach: Ember.alias('removeObjects'), @@ -8806,28 +9665,27 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb // PRIVATE ENUMERABLE SUPPORT // - /** @private */ init: function(items) { this._super(); if (items) this.addObjects(items); }, - /** @private (nodoc) - implement Ember.Enumerable */ + // implement Ember.Enumerable nextObject: function(idx) { return this[idx]; }, - /** @private - more optimized version */ + // more optimized version firstObject: Ember.computed(function() { return this.length > 0 ? this[0] : undefined; - }).property().cacheable(), + }).property(), - /** @private - more optimized version */ + // more optimized version lastObject: Ember.computed(function() { return this.length > 0 ? this[this.length-1] : undefined; - }).property().cacheable(), + }).property(), - /** @private (nodoc) - implements Ember.MutableEnumerable */ + // implements Ember.MutableEnumerable addObject: function(obj) { if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR); if (none(obj)) return this; // nothing to do @@ -8855,7 +9713,7 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb return this; }, - /** @private (nodoc) - implements Ember.MutableEnumerable */ + // implements Ember.MutableEnumerable removeObject: function(obj) { if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR); if (none(obj)) return this; // nothing to do @@ -8894,12 +9752,11 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb return this; }, - /** @private (nodoc) - optimized version */ + // optimized version contains: function(obj) { return this[guidFor(obj)]>=0; }, - /** @private (nodoc) */ copy: function() { var C = this.constructor, ret = new C(), loc = get(this, 'length'); set(ret, 'length', loc); @@ -8910,7 +9767,6 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb return ret; }, - /** @private */ toString: function() { var len = this.length, idx, array = []; for(idx = 0; idx < len; idx++) { @@ -8926,20 +9782,20 @@ Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Emb (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /** - @class +@module ember +@submodule ember-runtime +*/ +/** `Ember.Object` is the main base class for all Ember objects. It is a subclass of `Ember.CoreObject` with the `Ember.Observable` mixin applied. For details, see the documentation for each of these. + @class Object + @namespace Ember @extends Ember.CoreObject - @extends Ember.Observable + @uses Ember.Observable */ Ember.Object = Ember.CoreObject.extend(Ember.Observable); @@ -8948,15 +9804,14 @@ Ember.Object = Ember.CoreObject.extend(Ember.Observable); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var indexOf = Ember.ArrayPolyfills.indexOf; /** - @private A Namespace is an object usually used to contain other objects or methods such as an application or framework. Create a namespace anytime you want to define one of these new containers. @@ -8967,6 +9822,9 @@ var indexOf = Ember.ArrayPolyfills.indexOf; VERSION: '1.0.0' }); + @class Namespace + @namespace Ember + @extends Ember.Object */ Ember.Namespace = Ember.Object.extend({ isNamespace: true, @@ -8983,7 +9841,7 @@ Ember.Namespace = Ember.Object.extend({ destroy: function() { var namespaces = Ember.Namespace.NAMESPACES; - window[this.toString()] = undefined; + Ember.lookup[this.toString()] = undefined; namespaces.splice(indexOf.call(namespaces, this), 1); this._super(); } @@ -8997,14 +9855,12 @@ Ember.Namespace.PROCESSED = false; (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /** - @private +@module ember +@submodule ember-runtime +*/ +/** Defines a namespace that will contain an executable application. This is very similar to a normal namespace except that it is expected to include at least a 'ready' function which can be run to initialize the application. @@ -9024,6 +9880,9 @@ Ember.Namespace.PROCESSED = false; //..init code goes here... } + @class Application + @namespace Ember + @extends Ember.Namespace */ Ember.Application = Ember.Namespace.extend(); @@ -9033,16 +9892,15 @@ Ember.Application = Ember.Namespace.extend(); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + + var get = Ember.get, set = Ember.set; /** - @class - An ArrayProxy wraps any other object that implements Ember.Array and/or Ember.MutableArray, forwarding all requests. This makes it very useful for a number of binding use cases or other cases where being able to swap @@ -9070,9 +9928,10 @@ var get = Ember.get, set = Ember.set; ap.get('firstObject'); // => 'DOG' + @class ArrayProxy + @namespace Ember @extends Ember.Object - @extends Ember.Array - @extends Ember.MutableArray + @uses Ember.MutableArray */ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, /** @scope Ember.ArrayProxy.prototype */ { @@ -9081,6 +9940,7 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, The content array. Must be an object that implements Ember.Array and/or Ember.MutableArray. + @property content @type Ember.Array */ content: null, @@ -9089,10 +9949,12 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, The array that the proxy pretends to be. In the default `ArrayProxy` implementation, this and `content` are the same. Subclasses of `ArrayProxy` can override this property to provide things like sorting and filtering. + + @property arrangedContent */ arrangedContent: Ember.computed('content', function() { return get(this, 'content'); - }).cacheable(), + }), /** Should actually retrieve the object at the specified index from the @@ -9101,10 +9963,9 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, This method will only be called if content is non-null. - @param {Number} idx - The index to retrieve. - - @returns {Object} the value or undefined if none found + @method objectAtContent + @param {Number} idx The index to retrieve. + @return {Object} the value or undefined if none found */ objectAtContent: function(idx) { return get(this, 'arrangedContent').objectAt(idx); @@ -9117,26 +9978,29 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, This method will only be called if content is non-null. - @param {Number} idx - The starting index - - @param {Number} amt - The number of items to remove from the content. - - @param {Array} objects - Optional array of objects to insert or null if no objects. - - @returns {void} + @method replaceContent + @param {Number} idx The starting index + @param {Number} amt The number of items to remove from the content. + @param {Array} objects Optional array of objects to insert or null if no objects. + @return {void} */ replaceContent: function(idx, amt, objects) { get(this, 'arrangedContent').replace(idx, amt, objects); }, /** + @private + Invoked when the content property is about to change. Notifies observers that the entire array content will change. + + @method _contentWillChange */ _contentWillChange: Ember.beforeObserver(function() { + this._teardownContent(); + }, 'content'), + + _teardownContent: function() { var content = get(this, 'content'); if (content) { @@ -9145,42 +10009,46 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, didChange: 'contentArrayDidChange' }); } - }, 'content'), - + }, contentArrayWillChange: Ember.K, contentArrayDidChange: Ember.K, /** + @private + Invoked when the content property changes. Notifies observers that the entire array content has changed. + + @method _contentDidChange */ _contentDidChange: Ember.observer(function() { - var content = get(this, 'content'), - len = content ? get(content, 'length') : 0; + var content = get(this, 'content'); Ember.assert("Can't set ArrayProxy's content to itself", content !== this); + this._setupContent(); + }, 'content'), + + _setupContent: function() { + var content = get(this, 'content'); + if (content) { content.addArrayObserver(this, { willChange: 'contentArrayWillChange', didChange: 'contentArrayDidChange' }); } - }, 'content'), + }, _arrangedContentWillChange: Ember.beforeObserver(function() { var arrangedContent = get(this, 'arrangedContent'), len = arrangedContent ? get(arrangedContent, 'length') : 0; this.arrangedContentArrayWillChange(this, 0, len, undefined); + this.arrangedContentWillChange(this); - if (arrangedContent) { - arrangedContent.removeArrayObserver(this, { - willChange: 'arrangedContentArrayWillChange', - didChange: 'arrangedContentArrayDidChange' - }); - } + this._teardownArrangedContent(arrangedContent); }, 'arrangedContent'), _arrangedContentDidChange: Ember.observer(function() { @@ -9189,63 +10057,84 @@ Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, Ember.assert("Can't set ArrayProxy's content to itself", arrangedContent !== this); + this._setupArrangedContent(); + + this.arrangedContentDidChange(this); + this.arrangedContentArrayDidChange(this, 0, undefined, len); + }, 'arrangedContent'), + + _setupArrangedContent: function() { + var arrangedContent = get(this, 'arrangedContent'); + if (arrangedContent) { arrangedContent.addArrayObserver(this, { willChange: 'arrangedContentArrayWillChange', didChange: 'arrangedContentArrayDidChange' }); } + }, - this.arrangedContentArrayDidChange(this, 0, undefined, len); - }, 'arrangedContent'), + _teardownArrangedContent: function() { + var arrangedContent = get(this, 'arrangedContent'); + + if (arrangedContent) { + arrangedContent.removeArrayObserver(this, { + willChange: 'arrangedContentArrayWillChange', + didChange: 'arrangedContentArrayDidChange' + }); + } + }, + + arrangedContentWillChange: Ember.K, + arrangedContentDidChange: Ember.K, - /** @private (nodoc) */ objectAt: function(idx) { return get(this, 'content') && this.objectAtContent(idx); }, - /** @private (nodoc) */ length: Ember.computed(function() { var arrangedContent = get(this, 'arrangedContent'); return arrangedContent ? get(arrangedContent, 'length') : 0; // No dependencies since Enumerable notifies length of change - }).property().cacheable(), + }).property(), - /** @private (nodoc) */ replace: function(idx, amt, objects) { + Ember.assert('The content property of '+ this.constructor + ' should be set before modifying it', this.get('content')); if (get(this, 'content')) this.replaceContent(idx, amt, objects); return this; }, - /** @private (nodoc) */ arrangedContentArrayWillChange: function(item, idx, removedCnt, addedCnt) { this.arrayContentWillChange(idx, removedCnt, addedCnt); }, - /** @private (nodoc) */ arrangedContentArrayDidChange: function(item, idx, removedCnt, addedCnt) { this.arrayContentDidChange(idx, removedCnt, addedCnt); }, - /** @private (nodoc) */ init: function() { this._super(); - this._contentWillChange(); - this._contentDidChange(); - this._arrangedContentWillChange(); - this._arrangedContentDidChange(); - } + this._setupContent(); + this._setupArrangedContent(); + }, + willDestroy: function() { + this._teardownArrangedContent(); + this._teardownContent(); + } }); - - })(); (function() { +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt, @@ -9269,8 +10158,6 @@ function contentPropertyDidChange(content, contentKey) { } /** - @class - `Ember.ObjectProxy` forwards all properties not defined by the proxy itself to a proxied `content` object. @@ -9321,12 +10208,17 @@ function contentPropertyDidChange(content, contentKey) { firstName: 'Tom', lastName: 'Dale' }); // triggers property change for fullName on proxy proxy.get('fullName'); => 'Tom Dale' + + @class ObjectProxy + @namespace Ember + @extends Ember.Object */ Ember.ObjectProxy = Ember.Object.extend( /** @scope Ember.ObjectProxy.prototype */ { /** The object whose properties will be forwarded. + @property content @type Ember.Object @default null */ @@ -9334,26 +10226,26 @@ Ember.ObjectProxy = Ember.Object.extend( _contentDidChange: Ember.observer(function() { Ember.assert("Can't set ObjectProxy's content to itself", this.get('content') !== this); }, 'content'), - /** @private */ + willWatchProperty: function (key) { var contentKey = 'content.' + key; addBeforeObserver(this, contentKey, null, contentPropertyWillChange); addObserver(this, contentKey, null, contentPropertyDidChange); }, - /** @private */ + didUnwatchProperty: function (key) { var contentKey = 'content.' + key; removeBeforeObserver(this, contentKey, null, contentPropertyWillChange); removeObserver(this, contentKey, null, contentPropertyDidChange); }, - /** @private */ + unknownProperty: function (key) { var content = get(this, 'content'); if (content) { return get(content, key); } }, - /** @private */ + setUnknownProperty: function (key, value) { var content = get(this, 'content'); Ember.assert(fmt("Cannot delegate set('%@', %@) to the 'content' property of object proxy %@: its 'content' is undefined.", [key, value, this]), content); @@ -9366,11 +10258,12 @@ Ember.ObjectProxy = Ember.Object.extend( (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + + var set = Ember.set, get = Ember.get, guidFor = Ember.guidFor; var forEach = Ember.EnumerableUtils.forEach; @@ -9391,13 +10284,12 @@ var EachArray = Ember.Object.extend(Ember.Array, { length: Ember.computed(function() { var content = this._content; return content ? get(content, 'length') : 0; - }).property().cacheable() + }).property() }); var IS_OBSERVER = /^.+:(before|change)$/; -/** @private */ function addObserverForContentKey(content, keyName, proxy, idx, loc) { var objects = proxy._objects, guid; if (!objects) objects = proxy._objects = {}; @@ -9417,7 +10309,6 @@ function addObserverForContentKey(content, keyName, proxy, idx, loc) { } } -/** @private */ function removeObserverForContentKey(content, keyName, proxy, idx, loc) { var objects = proxy._objects; if (!objects) objects = proxy._objects = {}; @@ -9437,13 +10328,13 @@ function removeObserverForContentKey(content, keyName, proxy, idx, loc) { } /** - @private - @class - This is the object instance returned when you get the @each property on an array. It uses the unknownProperty handler to automatically create EachArray instances for property names. + @private + @class EachProxy + @namespace Ember @extends Ember.Object */ Ember.EachProxy = Ember.Object.extend({ @@ -9463,6 +10354,10 @@ Ember.EachProxy = Ember.Object.extend({ /** You can directly access mapped properties by simply requesting them. The unknownProperty handler will generate an EachArray of each item. + + @method unknownProperty + @param keyName {String} + @param value {anything} */ unknownProperty: function(keyName, value) { var ret; @@ -9571,11 +10466,12 @@ Ember.EachProxy = Ember.Object.extend({ (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + + var get = Ember.get, set = Ember.set; // Add Ember.Array to Array.prototype. Remove methods with native @@ -9673,17 +10569,17 @@ if (ignore.length>0) { /** The NativeArray mixin contains the properties needed to to make the native Array support Ember.MutableArray and all of its dependent APIs. Unless you - have Ember.EXTEND_PROTOTYPES set to false, this will be applied automatically. - Otherwise you can apply the mixin at anytime by calling - `Ember.NativeArray.activate`. - - @namespace - @extends Ember.MutableArray - @extends Ember.Array - @extends Ember.Enumerable - @extends Ember.MutableEnumerable - @extends Ember.Copyable - @extends Ember.Freezable + have Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Array set to false, this + will be applied automatically. Otherwise you can apply the mixin at anytime by + calling `Ember.NativeArray.activate`. + + @class NativeArray + @namespace Ember + @extends Ember.Mixin + @uses Ember.MutableArray + @uses Ember.MutableEnumerable + @uses Ember.Copyable + @uses Ember.Freezable */ Ember.NativeArray = NativeArray; @@ -9691,7 +10587,9 @@ Ember.NativeArray = NativeArray; Creates an Ember.NativeArray from an Array like object. Does not modify the original object. - @returns {Ember.NativeArray} + @method A + @for Ember + @return {Ember.NativeArray} */ Ember.A = function(arr){ if (arr === undefined) { arr = []; } @@ -9702,7 +10600,10 @@ Ember.A = function(arr){ Activates the mixin on the Array.prototype if not already applied. Calling this method more than once is safe. - @returns {void} + @method activate + @for Ember.NativeArray + @static + @return {void} */ Ember.NativeArray.activate = function() { NativeArray.apply(Array.prototype); @@ -9710,8 +10611,9 @@ Ember.NativeArray.activate = function() { Ember.A = function(arr) { return arr || []; }; }; -if (Ember.EXTEND_PROTOTYPES) Ember.NativeArray.activate(); - +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Array) { + Ember.NativeArray.activate(); +} })(); @@ -9719,11 +10621,11 @@ if (Ember.EXTEND_PROTOTYPES) Ember.NativeArray.activate(); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set; Ember._PromiseChain = Ember.Object.extend({ @@ -9733,9 +10635,6 @@ Ember._PromiseChain = Ember.Object.extend({ abortCallback: Ember.K, promiseSuccessCallback: Ember.K, - /** - @private - */ runNextPromise: function() { if (get(this, 'isDestroyed')) { return; } @@ -9781,9 +10680,20 @@ Ember._PromiseChain = Ember.Object.extend({ (function() { +/** +@module ember +@submodule ember-runtime +*/ + var loadHooks = {}; var loaded = {}; +/** +@method onLoad +@for Ember +@param name {String} name of hook +@param callback {Function} callback to be called +*/ Ember.onLoad = function(name, callback) { var object; @@ -9795,6 +10705,12 @@ Ember.onLoad = function(name, callback) { } }; +/** +@method runLoadHooks +@for Ember +@param name {String} name of hook +@param object {Object} object to pass to callbacks +*/ Ember.runLoadHooks = function(name, object) { var hooks; @@ -9812,31 +10728,68 @@ Ember.runLoadHooks = function(name, object) { (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -Ember.ControllerMixin = Ember.Mixin.create({ - /** - The object to which events from the view should be sent. - +/** +@module ember +@submodule ember-runtime +*/ + +/** + Ember.ControllerMixin provides a standard interface for all classes + that compose Ember's controller layer: Ember.Controller, Ember.ArrayController, + and Ember.ObjectController. + + Within an Ember.Router-managed application single shared instaces of every + Controller object in your application's namespace will be added to the + application's Ember.Router instance. See `Ember.Application#initialize` + for additional information. + + ## Views + By default a controller instance will be the rendering context + for its associated Ember.View. This connection is made during calls to + `Ember.ControllerMixin#connectOutlet`. + + Within the view's template, the Ember.View instance can be accessed + through the controller with `{{view}}`. + + ## Target Forwarding + By default a controller will target your application's Ember.Router instance. + Calls to `{{action}}` within the template of a controller's view are forwarded + to the router. See `Ember.Handlebars.helpers.action` for additional information. + + @class ControllerMixin + @namespace Ember + @extends Ember.Mixin +*/ +Ember.ControllerMixin = Ember.Mixin.create({ + /** + The object to which events from the view should be sent. + For example, when a Handlebars template uses the `{{action}}` helper, it will attempt to send the event to the view's controller's `target`. By default, a controller's `target` is set to the router after it is instantiated by `Ember.Application#initialize`. + + @property target + @default null */ target: null, + store: null }); +/** + @class Controller + @namespace Ember + @extends Ember.Object + @uses Ember.ControllerMixin +*/ Ember.Controller = Ember.Object.extend(Ember.ControllerMixin); })(); @@ -9844,16 +10797,42 @@ Ember.Controller = Ember.Object.extend(Ember.ControllerMixin); (function() { +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach; /** - @class + Ember.SortableMixin provides a standard interface for array proxies + to specify a sort order and maintain this sorting when objects are added, + removed, or updated without changing the implicit order of their underlying + content array: + + songs = [ + {trackNumber: 4, title: 'Ob-La-Di, Ob-La-Da'}, + {trackNumber: 2, title: 'Back in the U.S.S.R.'}, + {trackNumber: 3, title: 'Glass Onion'}, + ]; + + songsController = Ember.ArrayController.create({ + content: songs, + sortProperties: ['trackNumber'] + }); - @extends Ember.Mixin - @extends Ember.MutableEnumerable + songsController.get('firstObject'); // {trackNumber: 2, title: 'Back in the U.S.S.R.'} + + songsController.addObject({trackNumber: 1, title: 'Dear Prudence'}); + songsController.get('firstObject'); // {trackNumber: 1, title: 'Dear Prudence'} + + + @class SortableMixin + @namespace Ember + @extends Ember.Mixin + @uses Ember.MutableEnumerable */ -Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, - /** @scope Ember.Observable.prototype */ { +Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, { sortProperties: null, sortAscending: true, @@ -9925,7 +10904,7 @@ Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, } return content; - }).cacheable(), + }), _contentWillChange: Ember.beforeObserver(function() { var content = get(this, 'content'), @@ -10003,10 +10982,16 @@ Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, contentItemSortPropertyDidChange: function(item) { var arrangedContent = get(this, 'arrangedContent'), - index = arrangedContent.indexOf(item); + oldIndex = arrangedContent.indexOf(item), + leftItem = arrangedContent.objectAt(oldIndex - 1), + rightItem = arrangedContent.objectAt(oldIndex + 1), + leftResult = leftItem && this.orderBy(item, leftItem), + rightResult = rightItem && this.orderBy(item, rightItem); - arrangedContent.removeObject(item); - this.insertItemSorted(item); + if (leftResult < 0 || rightResult > 0) { + arrangedContent.removeObject(item); + this.insertItemSorted(item); + } }, _binarySearch: function(item, low, high) { @@ -10038,16 +11023,14 @@ Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-runtime +*/ + var get = Ember.get, set = Ember.set; /** - @class - Ember.ArrayController provides a way for you to publish a collection of objects so that you can easily bind to the collection from a Handlebars #each helper, an Ember.CollectionView, or other controllers. @@ -10059,17 +11042,21 @@ var get = Ember.get, set = Ember.set; For example, imagine you wanted to display a list of items fetched via an XHR request. Create an Ember.ArrayController and set its `content` property: - MyApp.listController = Ember.ArrayController.create(); + ``` javascript + MyApp.listController = Ember.ArrayController.create(); - $.get('people.json', function(data) { - MyApp.listController.set('content', data); - }); + $.get('people.json', function(data) { + MyApp.listController.set('content', data); + }); + ``` Then, create a view that binds to your new controller: - {{#each MyApp.listController}} - {{firstName}} {{lastName}} - {{/each}} + ``` handlebars + {{#each MyApp.listController}} + {{firstName}} {{lastName}} + {{/each}} + ``` Although you are binding to the controller, the behavior of this controller is to pass through any methods or properties to the underlying array. This @@ -10081,7 +11068,11 @@ var get = Ember.get, set = Ember.set; selection support. If you are creating something that is conceptually a controller, use this class. + @class ArrayController + @namespace Ember @extends Ember.ArrayProxy + @uses Ember.SortableMixin + @uses Ember.ControllerMixin */ Ember.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin, @@ -10092,6 +11083,25 @@ Ember.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin, (function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + Ember.ObjectController is part of Ember's Controller layer. A single + shared instance of each Ember.ObjectController subclass in your application's + namespace will be created at application initialization and be stored on your + application's Ember.Router instance. + + Ember.ObjectController derives its functionality from its superclass + Ember.ObjectProxy and the Ember.ControllerMixin mixin. + + @class ObjectController + @namespace Ember + @extends Ember.ObjectProxy + @uses Ember.ControllerMixin +**/ Ember.ObjectController = Ember.ObjectProxy.extend(Ember.ControllerMixin); })(); @@ -10105,98 +11115,431 @@ Ember.ObjectController = Ember.ObjectProxy.extend(Ember.ControllerMixin); (function() { -// ========================================================================== -// Project: Ember Runtime -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +Ember Runtime + +@module ember +@submodule ember-runtime +@requires ember-metal +*/ })(); (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +function visit(vertex, fn, visited, path) { + var name = vertex.name, + vertices = vertex.incoming, + names = vertex.incomingNames, + len = names.length, + i; + if (!visited) { + visited = {}; + } + if (!path) { + path = []; + } + if (visited.hasOwnProperty(name)) { + return; + } + path.push(name); + visited[name] = true; + for (i = 0; i < len; i++) { + visit(vertices[names[i]], fn, visited, path); + } + fn(vertex, path); + path.pop(); +} + +function DAG() { + this.names = []; + this.vertices = {}; +} + +DAG.prototype.add = function(name) { + if (!name) { return; } + if (this.vertices.hasOwnProperty(name)) { + return this.vertices[name]; + } + var vertex = { + name: name, incoming: {}, incomingNames: [], hasOutgoing: false, value: null + }; + this.vertices[name] = vertex; + this.names.push(name); + return vertex; +}; + +DAG.prototype.map = function(name, value) { + this.add(name).value = value; +}; + +DAG.prototype.addEdge = function(fromName, toName) { + if (!fromName || !toName || fromName === toName) { + return; + } + var from = this.add(fromName), to = this.add(toName); + if (to.incoming.hasOwnProperty(fromName)) { + return; + } + function checkCycle(vertex, path) { + if (vertex.name === toName) { + throw new Error("cycle detected: " + toName + " <- " + path.join(" <- ")); + } + } + visit(from, checkCycle); + from.hasOutgoing = true; + to.incoming[fromName] = from; + to.incomingNames.push(fromName); +}; + +DAG.prototype.topsort = function(fn) { + var visited = {}, + vertices = this.vertices, + names = this.names, + len = names.length, + i, vertex; + for (i = 0; i < len; i++) { + vertex = vertices[names[i]]; + if (!vertex.hasOutgoing) { + visit(vertex, fn, visited); + } + } +}; + +DAG.prototype.addEdges = function(name, value, before, after) { + var i; + this.map(name, value); + if (before) { + if (typeof before === 'string') { + this.addEdge(name, before); + } else { + for (i = 0; i < before.length; i++) { + this.addEdge(name, before[i]); + } + } + } + if (after) { + if (typeof after === 'string') { + this.addEdge(after, name); + } else { + for (i = 0; i < after.length; i++) { + this.addEdge(after[i], name); + } + } + } +}; + +Ember.DAG = DAG; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-application +*/ var get = Ember.get, set = Ember.set; /** - @class + An instance of `Ember.Application` is the starting point for every Ember.js + application. It helps to instantiate, initialize and coordinate the many + objects that make up your app. + + Each Ember.js app has one and only one `Ember.Application` object. In fact, the very + first thing you should do in your application is create the instance: + + ```javascript + window.App = Ember.Application.create(); + ``` + + Typically, the application object is the only global variable. All other + classes in your app should be properties on the `Ember.Application` instance, + which highlights its first role: a global namespace. + + For example, if you define a view class, it might look like this: + + ```javascript + App.MyView = Ember.View.extend(); + ``` - An Ember.Application instance serves as the namespace in which you define your - application's classes. You can also override the configuration of your + After all of your classes are defined, call `App.initialize()` to start the application. - By default, Ember.Application will begin listening for events on the document. - If your application is embedded inside a page, instead of controlling the - entire document, you can specify which DOM element to attach to by setting - the `rootElement` property: + Because `Ember.Application` inherits from `Ember.Namespace`, any classes + you create will have useful string representations when calling `toString()`; + see the `Ember.Namespace` documentation for more information. - MyApp = Ember.Application.create({ - rootElement: $('#my-app') - }); + While you can think of your `Ember.Application` as a container that holds the + other classes in your application, there are several other responsibilities + going on under-the-hood that you may want to understand. - The root of an Ember.Application must not be removed during the course of the - page's lifetime. If you have only a single conceptual application for the - entire page, and are not embedding any third-party Ember applications - in your page, use the default document root for your application. + ### Event Delegation - You only need to specify the root if your page contains multiple instances - of Ember.Application. + Ember.js uses a technique called _event delegation_. This allows the framework + to set up a global, shared event listener instead of requiring each view to do + it manually. For example, instead of each view registering its own `mousedown` + listener on its associated element, Ember.js sets up a `mousedown` listener on + the `body`. - @extends Ember.Object + If a `mousedown` event occurs, Ember.js will look at the target of the event and + start walking up the DOM node tree, finding corresponding views and invoking their + `mouseDown` method as it goes. + + `Ember.Application` has a number of default events that it listens for, as well + as a mapping from lowercase events to camel-cased view method names. For + example, the `keypress` event causes the `keyPress` method on the view to be + called, the `dblclick` event causes `doubleClick` to be called, and so on. + + If there is a browser event that Ember.js does not listen for by default, you + can specify custom events and their corresponding view method names by setting + the application's `customEvents` property: + + ```javascript + App = Ember.Application.create({ + customEvents: { + // add support for the loadedmetadata media + // player event + 'loadedmetadata': "loadedMetadata" + } + }); + ``` + + By default, the application sets up these event listeners on the document body. + However, in cases where you are embedding an Ember.js application inside an + existing page, you may want it to set up the listeners on an element inside + the body. + + For example, if only events inside a DOM element with the ID of `ember-app` should + be delegated, set your application's `rootElement` property: + + ```javascript + window.App = Ember.Application.create({ + rootElement: '#ember-app' + }); + ``` + + The `rootElement` can be either a DOM element or a jQuery-compatible selector + string. Note that *views appended to the DOM outside the root element will not + receive events.* If you specify a custom root element, make sure you only append + views inside it! + + To learn more about the advantages of event delegation and the Ember.js view layer, + and a list of the event listeners that are setup by default, visit the + [Ember.js View Layer guide](http://emberjs.com/guides/view_layer#toc_event-delegation). + + ### Dependency Injection + + One thing you may have noticed while using Ember.js is that you define *classes*, not + *instances*. When your application loads, all of the instances are created for you. + Creating these instances is the responsibility of `Ember.Application`. + + When the `Ember.Application` initializes, it will look for an `Ember.Router` class + defined on the applications's `Router` property, like this: + + ```javascript + App.Router = Ember.Router.extend({ + // ... + }); + ``` + + If found, the router is instantiated and saved on the application's `router` + property (note the lowercase 'r'). While you should *not* reference this router + instance directly from your application code, having access to `App.router` + from the console can be useful during debugging. + + After the router is created, the application loops through all of the + registered _injections_ and invokes them once for each property on the + `Ember.Application` object. + + An injection is a function that is responsible for instantiating objects from + classes defined on the application. By default, the only injection registered + instantiates controllers and makes them available on the router. + + For example, if you define a controller class: + + ```javascript + App.MyController = Ember.Controller.extend({ + // ... + }); + ``` + + Your router will receive an instance of `App.MyController` saved on its + `myController` property. + + Libraries on top of Ember.js can register additional injections. For example, + if your application is using Ember Data, it registers an injection that + instantiates `DS.Store`: + + ```javascript + Ember.Application.registerInjection({ + name: 'store', + before: 'controllers', + + injection: function(app, router, property) { + if (property === 'Store') { + set(router, 'store', app[property].create()); + } + } + }); + ``` + + ### Routing + + In addition to creating your application's router, `Ember.Application` is also + responsible for telling the router when to start routing. + + By default, the router will begin trying to translate the current URL into + application state once the browser emits the `DOMContentReady` event. If you + need to defer routing, you can call the application's `deferReadiness()` method. + Once routing can begin, call the `advanceReadiness()` method. + + If there is any setup required before routing begins, you can implement a `ready()` + method on your app that will be invoked immediately before routing begins: + + ```javascript + window.App = Ember.Application.create({ + ready: function() { + this.set('router.enableLogging', true); + } + }); + + To begin routing, you must have at a minimum a top-level controller and view. + You define these as `App.ApplicationController` and `App.ApplicationView`, + respectively. Your application will not work if you do not define these two + mandatory classes. For example: + + ```javascript + App.ApplicationView = Ember.View.extend({ + templateName: 'application' + }); + App.ApplicationController = Ember.Controller.extend(); + ``` + + @class Application + @namespace Ember + @extends Ember.Namespace */ Ember.Application = Ember.Namespace.extend( /** @scope Ember.Application.prototype */{ /** - The root DOM element of the Application. + The root DOM element of the Application. This can be specified as an + element or a + [jQuery-compatible selector string](http://api.jquery.com/category/selectors/). - Can be specified as DOMElement or a selector string. + This is the element that will be passed to the Application's, + `eventDispatcher`, which sets up the listeners for event delegation. Every + view in your application should be a child of the element you specify here. + @property rootElement @type DOMElement @default 'body' */ rootElement: 'body', /** + The `Ember.EventDispatcher` responsible for delegating events to this + application's views. + + The event dispatcher is created by the application at initialization time + and sets up event listeners on the DOM element described by the + application's `rootElement` property. + + See the documentation for `Ember.EventDispatcher` for more information. + + @property eventDispatcher @type Ember.EventDispatcher @default null */ eventDispatcher: null, /** + The DOM events for which the event dispatcher should listen. + + By default, the application's `Ember.EventDispatcher` listens + for a set of standard DOM events, such as `mousedown` and + `keyup`, and delegates them to your application's `Ember.View` + instances. + + If you would like additional events to be delegated to your + views, set your `Ember.Application`'s `customEvents` property + to a hash containing the DOM event name as the key and the + corresponding view method name as the value. For example: + + App = Ember.Application.create({ + customEvents: { + // add support for the loadedmetadata media + // player event + 'loadedmetadata': "loadedMetadata" + } + }); + + @property customEvents @type Object @default null */ customEvents: null, - /** @private */ + autoinit: !Ember.testing, + + isInitialized: false, + init: function() { - var eventDispatcher, - rootElement = get(this, 'rootElement'); + if (!this.$) { this.$ = Ember.$; } + this._super(); - eventDispatcher = Ember.EventDispatcher.create({ - rootElement: rootElement - }); + this.createEventDispatcher(); - set(this, 'eventDispatcher', eventDispatcher); + // Start off the number of deferrals at 1. This will be + // decremented by the Application's own `initialize` method. + this._readinessDeferrals = 1; - // jQuery 1.7 doesn't call the ready callback if already ready - if (Ember.$.isReady) { - Ember.run.once(this, this.didBecomeReady); - } else { + this.waitForDOMContentLoaded(); + + if (this.autoinit) { var self = this; - Ember.$(document).ready(function() { - Ember.run.once(self, self.didBecomeReady); + this.$().ready(function() { + if (self.isDestroyed || self.isInitialized) return; + self.initialize(); }); } }, + /** @private */ + createEventDispatcher: function() { + var rootElement = get(this, 'rootElement'), + eventDispatcher = Ember.EventDispatcher.create({ + rootElement: rootElement + }); + + set(this, 'eventDispatcher', eventDispatcher); + }, + + waitForDOMContentLoaded: function() { + this.deferReadiness(); + + var self = this; + this.$().ready(function() { + self.advanceReadiness(); + }); + }, + + deferReadiness: function() { + Ember.assert("You cannot defer readiness since the `ready()` hook has already been called.", this._readinessDeferrals > 0); + this._readinessDeferrals++; + }, + + advanceReadiness: function() { + this._readinessDeferrals--; + + if (this._readinessDeferrals === 0) { + Ember.run.once(this, this.didBecomeReady); + } + }, + /** Instantiate all controllers currently available on the namespace and inject them onto a router. @@ -10215,15 +11558,53 @@ Ember.Application = Ember.Namespace.extend( router.get('postsController') // router.get('commentsController') // - router.get('postsController.router') // router + @method initialize + @param router {Ember.Router} */ initialize: function(router) { - var properties = Ember.A(Ember.keys(this)), - injections = get(this.constructor, 'injections'), - namespace = this, controller, name; + Ember.assert("Application initialize may only be call once", !this.isInitialized); + Ember.assert("Application not destroyed", !this.isDestroyed); + + router = this.setupRouter(router); + + this.runInjections(router); + + Ember.runLoadHooks('application', this); + + this.isInitialized = true; + + // At this point, any injections or load hooks that would have wanted + // to defer readiness have fired. + this.advanceReadiness(); + + return this; + }, + + /** @private */ + runInjections: function(router) { + var injections = get(this.constructor, 'injections'), + graph = new Ember.DAG(), + namespace = this, + properties, i, injection; + + for (i=0; i'; + } -})(); + var childBuffers = this.childBuffers; + Ember.ArrayPolyfills.forEach.call(childBuffers, function(buffer) { + var stringy = typeof buffer === 'string'; + content += (stringy ? buffer : buffer.string()); + }); + if (tag) { + return openTag + content + ""; + } else { + return content; + } + }, -(function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== + _escapeAttribute: function(value) { + // Stolen shamelessly from Handlebars -var get = Ember.get, set = Ember.set; -var indexOf = Ember.ArrayPolyfills.indexOf; + var escape = { + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }; -/** @private */ -var ClassSet = function() { - this.seen = {}; - this.list = []; -}; + var badChars = /&(?!\w+;)|[<>"'`]/g; + var possible = /[&<>"'`]/; -ClassSet.prototype = { - add: function(string) { - if (string in this.seen) { return; } - this.seen[string] = true; + var escapeChar = function(chr) { + return escape[chr] || "&"; + }; - this.list.push(string); - }, + var string = value.toString(); - toDOM: function() { - return this.list.join(" "); + if(!possible.test(string)) { return string; } + return string.replace(badChars, escapeChar); } + }; -/** - @class +})(); - Ember.RenderBuffer gathers information regarding the a view and generates the - final representation. Ember.RenderBuffer will generate HTML which can be pushed - to the DOM. - @extends Ember.Object + +(function() { +/** +@module ember +@submodule ember-views */ -Ember.RenderBuffer = function(tagName) { - return new Ember._RenderBuffer(tagName); -}; -Ember._RenderBuffer = function(tagName) { - this.elementTag = tagName; - this.childBuffers = []; -}; +var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; -Ember._RenderBuffer.prototype = -/** @scope Ember.RenderBuffer.prototype */ { +/** + Ember.EventDispatcher handles delegating browser events to their corresponding + Ember.Views. For example, when you click on a view, Ember.EventDispatcher ensures + that that view's `mouseDown` method gets called. - /** - Array of class-names which will be applied in the class="" attribute + @class EventDispatcher + @namespace Ember + @private + @extends Ember.Object +*/ +Ember.EventDispatcher = Ember.Object.extend( +/** @scope Ember.EventDispatcher.prototype */{ - You should not maintain this array yourself, rather, you should use - the addClass() method of Ember.RenderBuffer. + /** + @private - @type Array - @default [] - */ - elementClasses: null, + The root DOM element to which event listeners should be attached. Event + listeners will be attached to the document unless this is overridden. - /** - The id in of the element, to be applied in the id="" attribute + Can be specified as a DOMElement or a selector string. - You should not set this property yourself, rather, you should use - the id() method of Ember.RenderBuffer. + The default body is a string since this may be evaluated before document.body + exists in the DOM. - @type String - @default null + @property rootElement + @type DOMElement + @default 'body' */ - elementId: null, + rootElement: 'body', /** - A hash keyed on the name of the attribute and whose value will be - applied to that attribute. For example, if you wanted to apply a - data-view="Foo.bar" property to an element, you would set the - elementAttributes hash to {'data-view':'Foo.bar'} + @private - You should not maintain this hash yourself, rather, you should use - the attr() method of Ember.RenderBuffer. + Sets up event listeners for standard browser events. - @type Hash - @default {} - */ - elementAttributes: null, + This will be called after the browser sends a DOMContentReady event. By + default, it will set up all of the listeners on the document body. If you + would like to register the listeners on a different element, set the event + dispatcher's `root` property. - /** - The tagname of the element an instance of Ember.RenderBuffer represents. + @method setup + @param addedEvents {Hash} + */ + setup: function(addedEvents) { + var event, events = { + touchstart : 'touchStart', + touchmove : 'touchMove', + touchend : 'touchEnd', + touchcancel : 'touchCancel', + keydown : 'keyDown', + keyup : 'keyUp', + keypress : 'keyPress', + mousedown : 'mouseDown', + mouseup : 'mouseUp', + contextmenu : 'contextMenu', + click : 'click', + dblclick : 'doubleClick', + mousemove : 'mouseMove', + focusin : 'focusIn', + focusout : 'focusOut', + mouseenter : 'mouseEnter', + mouseleave : 'mouseLeave', + submit : 'submit', + input : 'input', + change : 'change', + dragstart : 'dragStart', + drag : 'drag', + dragenter : 'dragEnter', + dragleave : 'dragLeave', + dragover : 'dragOver', + drop : 'drop', + dragend : 'dragEnd' + }; - Usually, this gets set as the first parameter to Ember.RenderBuffer. For - example, if you wanted to create a `p` tag, then you would call + Ember.$.extend(events, addedEvents || {}); - Ember.RenderBuffer('p') + var rootElement = Ember.$(get(this, 'rootElement')); - @type String - @default null - */ - elementTag: null, + Ember.assert(fmt('You cannot use the same root element (%@) multiple times in an Ember.Application', [rootElement.selector || rootElement[0].tagName]), !rootElement.is('.ember-application')); + Ember.assert('You cannot make a new Ember.Application using a root element that is a descendent of an existing Ember.Application', !rootElement.closest('.ember-application').length); + Ember.assert('You cannot make a new Ember.Application using a root element that is an ancestor of an existing Ember.Application', !rootElement.find('.ember-application').length); - /** - A hash keyed on the name of the style attribute and whose value will - be applied to that attribute. For example, if you wanted to apply a - background-color:black;" style to an element, you would set the - elementStyle hash to {'background-color':'black'} + rootElement.addClass('ember-application'); - You should not maintain this hash yourself, rather, you should use - the style() method of Ember.RenderBuffer. + Ember.assert('Unable to add "ember-application" class to rootElement. Make sure you set rootElement to the body or an element in the body.', rootElement.is('.ember-application')); - @type Hash - @default {} - */ - elementStyle: null, + for (event in events) { + if (events.hasOwnProperty(event)) { + this.setupHandler(rootElement, event, events[event]); + } + } + }, /** - Nested RenderBuffers will set this to their parent RenderBuffer - instance. + @private - @type Ember._RenderBuffer - */ - parentBuffer: null, + Registers an event listener on the document. If the given event is + triggered, the provided event handler will be triggered on the target + view. - /** - Adds a string of HTML to the RenderBuffer. + If the target view does not implement the event handler, or if the handler + returns false, the parent view will be called. The event will continue to + bubble to each successive parent view until it reaches the top. - @param {String} string HTML to push into the buffer - @returns {Ember.RenderBuffer} this - */ - push: function(string) { - this.childBuffers.push(String(string)); - return this; - }, + For example, to have the `mouseDown` method called on the target view when + a `mousedown` event is received from the browser, do the following: - /** - Adds a class to the buffer, which will be rendered to the class attribute. + setupHandler('mousedown', 'mouseDown'); - @param {String} className Class name to add to the buffer - @returns {Ember.RenderBuffer} this + @method setupHandler + @param {Element} rootElement + @param {String} event the browser-originated event to listen to + @param {String} eventName the name of the method to call on the view */ - addClass: function(className) { - // lazily create elementClasses - var elementClasses = this.elementClasses = (this.elementClasses || new ClassSet()); - this.elementClasses.add(className); + setupHandler: function(rootElement, event, eventName) { + var self = this; - return this; - }, + rootElement.delegate('.ember-view', event + '.ember', function(evt, triggeringManager) { + return Ember.handleErrors(function() { + var view = Ember.View.views[this.id], + result = true, manager = null; - /** - Sets the elementID to be used for the element. + manager = self._findNearestEventManager(view,eventName); - @param {String} id - @returns {Ember.RenderBuffer} this - */ - id: function(id) { - this.elementId = id; - return this; - }, + if (manager && manager !== triggeringManager) { + result = self._dispatchEvent(manager, evt, eventName, view); + } else if (view) { + result = self._bubbleEvent(view,evt,eventName); + } else { + evt.stopPropagation(); + } - // duck type attribute functionality like jQuery so a render buffer - // can be used like a jQuery object in attribute binding scenarios. + return result; + }, this); + }); - /** - Adds an attribute which will be rendered to the element. + rootElement.delegate('[data-ember-action]', event + '.ember', function(evt) { + return Ember.handleErrors(function() { + var actionId = Ember.$(evt.currentTarget).attr('data-ember-action'), + action = Ember.Handlebars.ActionHelper.registeredActions[actionId], + handler = action.handler; - @param {String} name The name of the attribute - @param {String} value The value to add to the attribute - @returns {Ember.RenderBuffer|String} this or the current attribute value - */ - attr: function(name, value) { - var attributes = this.elementAttributes = (this.elementAttributes || {}); + if (action.eventName === eventName) { + return handler(evt); + } + }, this); + }); + }, - if (arguments.length === 1) { - return attributes[name]; - } else { - attributes[name] = value; + _findNearestEventManager: function(view, eventName) { + var manager = null; + + while (view) { + manager = get(view, 'eventManager'); + if (manager && manager[eventName]) { break; } + + view = get(view, 'parentView'); } - return this; + return manager; }, - /** - Remove an attribute from the list of attributes to render. + _dispatchEvent: function(object, evt, eventName, view) { + var result = true; - @param {String} name The name of the attribute - @returns {Ember.RenderBuffer} this - */ - removeAttr: function(name) { - var attributes = this.elementAttributes; - if (attributes) { delete attributes[name]; } + var handler = object[eventName]; + if (Ember.typeOf(handler) === 'function') { + result = handler.call(object, evt, view); + // Do not preventDefault in eventManagers. + evt.stopPropagation(); + } + else { + result = this._bubbleEvent(view, evt, eventName); + } - return this; + return result; }, - /** - Adds a style to the style attribute which will be rendered to the element. + _bubbleEvent: function(view, evt, eventName) { + return Ember.run(function() { + return view.handleEvent(eventName, evt); + }); + }, - @param {String} name Name of the style - @param {String} value - @returns {Ember.RenderBuffer} this - */ - style: function(name, value) { - var style = this.elementStyle = (this.elementStyle || {}); + destroy: function() { + var rootElement = get(this, 'rootElement'); + Ember.$(rootElement).undelegate('.ember').removeClass('ember-application'); + return this._super(); + } +}); - this.elementStyle[name] = value; - return this; - }, +})(); - /** - Create a new child render buffer from a parent buffer. Optionally set - additional properties on the buffer. Optionally invoke a callback - with the newly created buffer. - This is a primitive method used by other public methods: `begin`, - `prepend`, `replaceWith`, `insertAfter`. - @private - @param {String} tagName Tag name to use for the child buffer's element - @param {Ember._RenderBuffer} parent The parent render buffer that this - buffer should be appended to. - @param {Function} fn A callback to invoke with the newly created buffer. - @param {Object} other Additional properties to add to the newly created - buffer. - */ - newBuffer: function(tagName, parent, fn, other) { - var buffer = new Ember._RenderBuffer(tagName); - buffer.parentBuffer = parent; - - if (other) { Ember.$.extend(buffer, other); } - if (fn) { fn.call(this, buffer); } +(function() { +/** +@module ember +@submodule ember-views +*/ - return buffer; - }, +// Add a new named queue for rendering views that happens +// after bindings have synced. +var queues = Ember.run.queues; +queues.splice(Ember.$.inArray('actions', queues)+1, 0, 'render'); - /** - Replace the current buffer with a new buffer. This is a primitive - used by `remove`, which passes `null` for `newBuffer`, and `replaceWith`, - which passes the new buffer it created. +})(); - @private - @param {Ember._RenderBuffer} buffer The buffer to insert in place of - the existing buffer. - */ - replaceWithBuffer: function(newBuffer) { - var parent = this.parentBuffer; - if (!parent) { return; } - var childBuffers = parent.childBuffers; - var index = indexOf.call(childBuffers, this); +(function() { +/** +@module ember +@submodule ember-views +*/ - if (newBuffer) { - childBuffers.splice(index, 1, newBuffer); - } else { - childBuffers.splice(index, 1); - } - }, +var get = Ember.get, set = Ember.set; - /** - Creates a new Ember.RenderBuffer object with the provided tagName as - the element tag and with its parentBuffer property set to the current - Ember.RenderBuffer. +// Original class declaration and documentation in runtime/lib/controllers/controller.js +// NOTE: It may be possible with YUIDoc to combine docs in two locations - @param {String} tagName Tag name to use for the child buffer's element - @returns {Ember.RenderBuffer} A new RenderBuffer object - */ - begin: function(tagName) { - return this.newBuffer(tagName, this, function(buffer) { - this.childBuffers.push(buffer); - }); - }, +/** +Additional methods for the ControllerMixin - /** - Prepend a new child buffer to the current render buffer. +@class ControllerMixin +@namespace Ember +*/ +Ember.ControllerMixin.reopen({ - @param {String} tagName Tag name to use for the child buffer's element - */ - prepend: function(tagName) { - return this.newBuffer(tagName, this, function(buffer) { - this.childBuffers.splice(0, 0, buffer); - }); - }, + target: null, + controllers: null, + namespace: null, + view: null, /** - Replace the current buffer with a new render buffer. - - @param {String} tagName Tag name to use for the new buffer's element - */ - replaceWith: function(tagName) { - var parentBuffer = this.parentBuffer; + `connectOutlet` creates a new instance of a provided view + class, wires it up to its associated controller, and + assigns the new view to a property on the current controller. - return this.newBuffer(tagName, parentBuffer, function(buffer) { - this.replaceWithBuffer(buffer); - }); - }, + The purpose of this method is to enable views that use + outlets to quickly assign new views for a given outlet. - /** - Insert a new render buffer after the current render buffer. + For example, an application view's template may look like + this: - @param {String} tagName Tag name to use for the new buffer's element - */ - insertAfter: function(tagName) { - var parentBuffer = get(this, 'parentBuffer'); + ``` handlebars +

My Blog

+ {{outlet}} + ``` - return this.newBuffer(tagName, parentBuffer, function(buffer) { - var siblings = parentBuffer.childBuffers; - var index = indexOf.call(siblings, this); - siblings.splice(index + 1, 0, buffer); - }); - }, + The view for this outlet is specified by assigning a + `view` property to the application's controller. The + following code will assign a new `App.PostsView` to + that outlet: - /** - Closes the current buffer and adds its content to the parentBuffer. + ``` javascript + applicationController.connectOutlet('posts'); + ``` - @returns {Ember.RenderBuffer} The parentBuffer, if one exists. Otherwise, this - */ - end: function() { - var parent = this.parentBuffer; - return parent || this; - }, + In general, you will also want to assign a controller + to the newly created view. By convention, a controller + named `postsController` will be assigned as the view's + controller. - remove: function() { - this.replaceWithBuffer(null); - }, + In an application initialized using `app.initialize(router)`, + `connectOutlet` will look for `postsController` on the + router. The initialization process will automatically + create an instance of `App.PostsController` called + `postsController`, so you don't need to do anything + beyond `connectOutlet` to assign your view and wire it + up to its associated controller. - /** - @returns {DOMElement} The element corresponding to the generated HTML - of this buffer - */ - element: function() { - return Ember.$(this.string())[0]; - }, + You can supply a `content` for the controller by supplying + a final argument after the view class: - /** - Generates the HTML content for this buffer. + ``` javascript + applicationController.connectOutlet('posts', App.Post.find()); + ``` - @returns {String} The generated HTMl - */ - string: function() { - var content = '', tag = this.elementTag, openTag; + You can specify a particular outlet to use. For example, if your main + template looks like: - if (tag) { - var id = this.elementId, - classes = this.elementClasses, - attrs = this.elementAttributes, - style = this.elementStyle, - styleBuffer = '', prop; + ``` handlebars +

My Blog

+ {{outlet masterView}} + {{outlet detailView}} + ``` - openTag = ["<" + tag]; + You can assign an `App.PostsView` to the masterView outlet: - if (id) { openTag.push('id="' + this._escapeAttribute(id) + '"'); } - if (classes) { openTag.push('class="' + this._escapeAttribute(classes.toDOM()) + '"'); } + ``` javascript + applicationController.connectOutlet({ + outletName: 'masterView', + name: 'posts', + context: App.Post.find() + }); + ``` - if (style) { - for (prop in style) { - if (style.hasOwnProperty(prop)) { - styleBuffer += (prop + ':' + this._escapeAttribute(style[prop]) + ';'); - } - } + You can write this as: - openTag.push('style="' + styleBuffer + '"'); - } + ``` javascript + applicationController.connectOutlet('masterView', 'posts', App.Post.find()); + ``` - if (attrs) { - for (prop in attrs) { - if (attrs.hasOwnProperty(prop)) { - openTag.push(prop + '="' + this._escapeAttribute(attrs[prop]) + '"'); - } - } - } - openTag = openTag.join(" ") + '>'; - } + @method connectOutlet + @param {String} outletName a name for the outlet to set + @param {String} name a view/controller pair name + @param {Object} context a context object to assign to the + controller's `content` property, if a controller can be + found (optional) + */ + connectOutlet: function(name, context) { + // Normalize arguments. Supported arguments: + // + // name + // name, context + // outletName, name + // outletName, name, context + // options + // + // The options hash has the following keys: + // + // name: the name of the controller and view + // to use. If this is passed, the name + // determines the view and controller. + // outletName: the name of the outlet to + // fill in. default: 'view' + // viewClass: the class of the view to instantiate + // controller: the controller instance to pass + // to the view + // context: an object that should become the + // controller's `content` and thus the + // template's context. - var childBuffers = this.childBuffers; + var outletName, viewClass, view, controller, options; - Ember.ArrayPolyfills.forEach.call(childBuffers, function(buffer) { - var stringy = typeof buffer === 'string'; - content += (stringy ? buffer : buffer.string()); - }); + if (Ember.typeOf(context) === 'string') { + outletName = name; + name = context; + context = arguments[2]; + } - if (tag) { - return openTag + content + ""; + if (arguments.length === 1) { + if (Ember.typeOf(name) === 'object') { + options = name; + outletName = options.outletName; + name = options.name; + viewClass = options.viewClass; + controller = options.controller; + context = options.context; + } } else { - return content; + options = {}; } - }, - - _escapeAttribute: function(value) { - // Stolen shamelessly from Handlebars - var escape = { - "<": "<", - ">": ">", - '"': """, - "'": "'", - "`": "`" - }; + outletName = outletName || 'view'; - var badChars = /&(?!\w+;)|[<>"'`]/g; - var possible = /[&<>"'`]/; + Ember.assert("The viewClass is either missing or the one provided did not resolve to a view", !!name || (!name && !!viewClass)); - var escapeChar = function(chr) { - return escape[chr] || "&"; - }; + Ember.assert("You must supply a name or a viewClass to connectOutlet, but not both", (!!name && !viewClass && !controller) || (!name && !!viewClass)); - var string = value.toString(); + if (name) { + var namespace = get(this, 'namespace'), + controllers = get(this, 'controllers'); - if(!possible.test(string)) { return string; } - return string.replace(badChars, escapeChar); - } + var viewClassName = name.charAt(0).toUpperCase() + name.substr(1) + "View"; + viewClass = get(namespace, viewClassName); + controller = get(controllers, name + 'Controller'); -}; + Ember.assert("The name you supplied " + name + " did not resolve to a view " + viewClassName, !!viewClass); + Ember.assert("The name you supplied " + name + " did not resolve to a controller " + name + 'Controller', (!!controller && !!context) || !context); + } -})(); + if (controller && context) { set(controller, 'content', context); } + view = this.createOutletView(outletName, viewClass); + if (controller) { set(view, 'controller', controller); } + set(this, outletName, view); -(function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== + return view; + }, -var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; + /** + Convenience method to connect controllers. This method makes other controllers + available on the controller the method was invoked on. -/** - @ignore + For example, to make the `personController` and the `postController` available + on the `overviewController`, you would call: - Ember.EventDispatcher handles delegating browser events to their corresponding - Ember.Views. For example, when you click on a view, Ember.EventDispatcher ensures - that that view's `mouseDown` method gets called. -*/ -Ember.EventDispatcher = Ember.Object.extend( -/** @scope Ember.EventDispatcher.prototype */{ + overviewController.connectControllers('person', 'post'); - /** - @private + @method connectControllers + @param {String...} controllerNames the controllers to make available + */ + connectControllers: function() { + var controllers = get(this, 'controllers'), + controllerNames = Array.prototype.slice.apply(arguments), + controllerName; - The root DOM element to which event listeners should be attached. Event - listeners will be attached to the document unless this is overridden. + for (var i=0, l=controllerNames.length; iMy Blog - {{outlet}} - - The view for this outlet is specified by assigning a - `view` property to the application's controller. The - following code will assign a new `App.PostsView` to - that outlet: - - applicationController.connectOutlet('posts'); - - In general, you will also want to assign a controller - to the newly created view. By convention, a controller - named `postsController` will be assigned as the view's - controller. - - In an application initialized using `app.initialize(router)`, - `connectOutlet` will look for `postsController` on the - router. The initialization process will automatically - create an instance of `App.PostsController` called - `postsController`, so you don't need to do anything - beyond `connectOutlet` to assign your view and wire it - up to its associated controller. - - You can supply a `content` for the controller by supplying - a final argument after the view class: - - applicationController.connectOutlet('posts', App.Post.find()); - - You can specify a particular outlet to use. For example, if your main - template looks like: - -

My Blog

- {{outlet master}} - {{outlet detail}} - - You can assign an `App.PostsView` to the master outlet: - - applicationController.connectOutlet({ - name: 'posts', - outletName: 'master', - context: App.Post.find() - }); - - You can write this as: - - applicationController.connectOutlet('master', 'posts', App.Post.find()); - - @param {String} outletName a name for the outlet to set - @param {String} name a view/controller pair name - @param {Object} context a context object to assign to the - controller's `content` property, if a controller can be - found (optional) - */ - connectOutlet: function(name, context) { - // Normalize arguments. Supported arguments: - // - // name - // name, context - // outletName, name - // outletName, name, context - // options - // - // The options hash has the following keys: - // - // name: the name of the controller and view - // to use. If this is passed, the name - // determines the view and controller. - // outletName: the name of the outlet to - // fill in. default: 'view' - // viewClass: the class of the view to instantiate - // controller: the controller instance to pass - // to the view - // context: an object that should become the - // controller's `content` and thus the - // template's context. - - var outletName, viewClass, view, controller, options; - - if (Ember.typeOf(context) === 'string') { - outletName = name; - name = context; - context = arguments[2]; - } - - if (arguments.length === 1) { - if (Ember.typeOf(name) === 'object') { - options = name; - outletName = options.outletName; - name = options.name; - viewClass = options.viewClass; - controller = options.controller; - context = options.context; + // If this is the top-most view, start a new buffer. Otherwise, + // create a new buffer relative to the original using the + // provided buffer operation (for example, `insertAfter` will + // insert a new buffer after the "parent buffer"). + if (parentBuffer) { + var tagName = get(this, 'tagName'); + if (tagName === null || tagName === undefined) { + tagName = 'div'; } + + buffer = parentBuffer[bufferOperation](tagName); } else { - options = {}; + buffer = this.renderBuffer(); } - outletName = outletName || 'view'; - - Ember.assert("You must supply a name or a view class to connectOutlets, but not both", (!!name && !viewClass && !controller) || (!name && !!viewClass)); - - if (name) { - var namespace = get(this, 'namespace'), - controllers = get(this, 'controllers'); - - var viewClassName = name.charAt(0).toUpperCase() + name.substr(1) + "View"; - viewClass = get(namespace, viewClassName); - controller = get(controllers, name + 'Controller'); - - Ember.assert("The name you supplied " + name + " did not resolve to a view " + viewClassName, !!viewClass); - Ember.assert("The name you supplied " + name + " did not resolve to a controller " + name + 'Controller', (!!controller && !!context) || !context); - } + this.buffer = buffer; + this.transitionTo('inBuffer', false); - if (controller && context) { controller.set('content', context); } - view = viewClass.create(); - if (controller) { set(view, 'controller', controller); } - set(this, outletName, view); + this.beforeRender(buffer); + this.render(buffer); + this.afterRender(buffer); - return view; + return buffer; }, /** - Convenience method to connect controllers. This method makes other controllers - available on the controller the method was invoked on. - - For example, to make the `personController` and the `postController` available - on the `overviewController`, you would call: + @private - overviewController.connectControllers('person', 'post'); + Override the default event firing from Ember.Evented to + also call methods with the given name. - @param {String...} controllerNames the controllers to make available + @method trigger + @param name {String} */ - connectControllers: function() { - var controllers = get(this, 'controllers'), - controllerNames = Array.prototype.slice.apply(arguments), - controllerName; - - for (var i=0, l=controllerNames.length; i + ``` html + + ``` ## HTML `class` Attribute The HTML `class` attribute of a view's tag can be set by providing a `classNames` property that is set to an array of strings: - MyView = Ember.View.extend({ - classNames: ['my-class', 'my-other-class'] - }) + ``` javascript + MyView = Ember.View.extend({ + classNames: ['my-class', 'my-other-class'] + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` `class` attribute values can also be set by providing a `classNameBindings` property - set to an array of properties names for the view. The return value of these properties + set to an array of properties names for the view. The return value of these properties will be added as part of the value for the view's `class` attribute. These properties can be computed properties: - MyView = Ember.View.extend({ - classNameBindings: ['propertyA', 'propertyB'], - propertyA: 'from-a', - propertyB: function(){ - if(someLogic){ return 'from-b'; } - }.property() - }) + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['propertyA', 'propertyB'], + propertyA: 'from-a', + propertyB: function(){ + if(someLogic){ return 'from-b'; } + }.property() + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` If the value of a class name binding returns a boolean the property name itself will be used as the class name if the property is true. The class name will not be added if the value is `false` or `undefined`. - MyView = Ember.View.extend({ - classNameBindings: ['hovered'], - hovered: true - }) + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['hovered'], + hovered: true + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` - When using boolean class name bindings you can supply a string value other than the + When using boolean class name bindings you can supply a string value other than the property name for use as the `class` HTML attribute by appending the preferred value after a ":" character when defining the binding: - MyView = Ember.View.extend({ - classNameBindings: ['awesome:so-very-cool'], - awesome: true - }) + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['awesome:so-very-cool'], + awesome: true + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` Boolean value class name bindings whose property names are in a camelCase-style format will be converted to a dasherized format: - MyView = Ember.View.extend({ - classNameBindings: ['isUrgent'], - isUrgent: true - }) + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['isUrgent'], + isUrgent: true + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` Class name bindings can also refer to object values that are found by traversing a path relative to the view itself: - MyView = Ember.View.extend({ - classNameBindings: ['messages.empty'] - messages: Ember.Object.create({ - empty: true - }) - }) + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['messages.empty'] + messages: Ember.Object.create({ + empty: true + }) + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` If you want to add a class name for a property which evaluates to true and and a different class name if it evaluates to false, you can pass a binding like this: - // Applies 'enabled' class when isEnabled is true and 'disabled' when isEnabled is false - Ember.View.create({ - classNameBindings: ['isEnabled:enabled:disabled'] - isEnabled: true - }); + ``` + // Applies 'enabled' class when isEnabled is true and 'disabled' when isEnabled is false + Ember.View.create({ + classNameBindings: ['isEnabled:enabled:disabled'] + isEnabled: true + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` When isEnabled is `false`, the resulting HTML reprensentation looks like this: -
+ ``` html +
+ ``` This syntax offers the convenience to add a class if a property is `false`: - // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false - Ember.View.create({ - classNameBindings: ['isEnabled::disabled'] - isEnabled: true - }); + ``` javascript + // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false + Ember.View.create({ + classNameBindings: ['isEnabled::disabled'] + isEnabled: true + }); + ``` Will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` When the `isEnabled` property on the view is set to `false`, it will result in view instances with an HTML representation of: -
+ ``` html +
+ ``` - - Updates to the the value of a class name binding will result in automatic update + Updates to the the value of a class name binding will result in automatic update of the HTML `class` attribute in the view's rendered HTML representation. If the value becomes `false` or `undefined` the class name will be removed. - Both `classNames` and `classNameBindings` are concatenated properties. + Both `classNames` and `classNameBindings` are concatenated properties. See `Ember.Object` documentation for more information about concatenated properties. ## HTML Attributes + The HTML attribute section of a view's tag can be set by providing an `attributeBindings` property set to an array of property names on the view. The return value of these properties will be used as the value of the view's HTML associated attribute: - AnchorView = Ember.View.extend({ - tagName: 'a', - attributeBindings: ['href'], - href: 'http://google.com' - }) + ``` javascript + AnchorView = Ember.View.extend({ + tagName: 'a', + attributeBindings: ['href'], + href: 'http://google.com' + }); + ``` Will result in view instances with an HTML representation of: - + ``` html + + ``` If the return value of an `attributeBindings` monitored property is a boolean the property will follow HTML's pattern of repeating the attribute's name as its value: - MyTextInput = Ember.View.extend({ - tagName: 'input', - attributeBindings: ['disabled'], - disabled: true - }) + ``` javascript + MyTextInput = Ember.View.extend({ + tagName: 'input', + attributeBindings: ['disabled'], + disabled: true + }); + ``` Will result in view instances with an HTML representation of: - + ``` html + + ``` `attributeBindings` can refer to computed properties: - MyTextInput = Ember.View.extend({ - tagName: 'input', - attributeBindings: ['disabled'], - disabled: function(){ - if (someLogic) { - return true; - } else { - return false; - } - }.property() - }) + ``` javascript + MyTextInput = Ember.View.extend({ + tagName: 'input', + attributeBindings: ['disabled'], + disabled: function(){ + if (someLogic) { + return true; + } else { + return false; + } + }.property() + }); + ``` - Updates to the the property of an attribute binding will result in automatic update + Updates to the the property of an attribute binding will result in automatic update of the HTML attribute in the view's rendered HTML representation. `attributeBindings` is a concatenated property. See `Ember.Object` documentation for more information about concatenated properties. ## Templates + The HTML contents of a view's rendered representation are determined by its template. Templates can be any function that accepts an optional context parameter and returns a string of HTML that will be inserted within the view's tag. Most typically in Ember this function will be a compiled Ember.Handlebars template. - AView = Ember.View.extend({ - template: Ember.Handlebars.compile('I am the template') - }) + ``` javascript + AView = Ember.View.extend({ + template: Ember.Handlebars.compile('I am the template') + }); + ``` Will result in view instances with an HTML representation of: -
I am the template
- - The default context of the compiled template will be the view instance itself: - - AView = Ember.View.extend({ - template: Ember.Handlebars.compile('Hello {{excitedGreeting}}') - }) - - aView = AView.create({ - content: Ember.Object.create({ - firstName: 'Barry' - }) - excitedGreeting: function(){ - return this.get("content.firstName") + "!!!" - } - }) - - Will result in an HTML representation of: - -
Hello Barry!!!
+ ``` html +
I am the template
+ ``` Within an Ember application is more common to define a Handlebars templates as part of a page: - + ``` handlebars + + ``` And associate it by name using a view's `templateName` property: - AView = Ember.View.extend({ - templateName: 'some-template' - }) + ``` javascript + AView = Ember.View.extend({ + templateName: 'some-template' + }); + ``` Using a value for `templateName` that does not have a Handlebars template with a matching `data-template-name` attribute will throw an error. @@ -11802,36 +13226,76 @@ var invokeForState = { property set to compiled template function. If a template is not later provided for the view instance the `defaultTemplate` value will be used: - AView = Ember.View.extend({ - defaultTemplate: Ember.Handlebars.compile('I was the default'), - template: null, - templateName: null - }) + ``` javascript + AView = Ember.View.extend({ + defaultTemplate: Ember.Handlebars.compile('I was the default'), + template: null, + templateName: null + }); + ``` Will result in instances with an HTML representation of: -
I was the default
+ ``` html +
I was the default
+ ``` If a `template` or `templateName` is provided it will take precedence over `defaultTemplate`: - AView = Ember.View.extend({ - defaultTemplate: Ember.Handlebars.compile('I was the default') - }) + ``` javascript + AView = Ember.View.extend({ + defaultTemplate: Ember.Handlebars.compile('I was the default') + }); - aView = AView.create({ - template: Ember.Handlebars.compile('I was the template, not default') - }) + aView = AView.create({ + template: Ember.Handlebars.compile('I was the template, not default') + }); + ``` Will result in the following HTML representation when rendered: -
I was the template, not default
+ ``` html +
I was the template, not default
+ ``` + + ## View Context + + The default context of the compiled template is the view's controller: + + ``` javascript + AView = Ember.View.extend({ + template: Ember.Handlebars.compile('Hello {{excitedGreeting}}') + }); + + aController = Ember.Object.create({ + firstName: 'Barry', + excitedGreeting: function(){ + return this.get("content.firstName") + "!!!" + }.property() + }); + + aView = AView.create({ + controller: aController, + }); + ``` + + Will result in an HTML representation of: + + ``` html +
Hello Barry!!!
+ ``` + + A context can also be explicitly supplied through the view's `context` property. + If the view has neither `context` nor `controller` properties, the parentView's + context will be used. ## Layouts + Views can have a secondary template that wraps their main template. Like primary templates, layouts can be any function that accepts an optional context parameter and returns a string of HTML that will be inserted inside view's tag. Views whose HTML element is self closing (e.g. ``) cannot have a layout and this property will be ignored. - + Most typically in Ember a layout will be a compiled Ember.Handlebars template. A view's layout can be set directly with the `layout` property or reference an @@ -11840,105 +13304,120 @@ var invokeForState = { A template used as a layout must contain a single use of the Handlebars `{{yield}}` helper. The HTML contents of a view's rendered `template` will be inserted at this location: - AViewWithLayout = Ember.View.extend({ - layout: Ember.Handlebars.compile("
{{yield}}
") - template: Ember.Handlebars.compile("I got wrapped"), - }) + ``` javascript + AViewWithLayout = Ember.View.extend({ + layout: Ember.Handlebars.compile("
{{yield}}
") + template: Ember.Handlebars.compile("I got wrapped"), + }); + ``` Will result in view instances with an HTML representation of: -
-
- I got wrapped -
-
+ ``` html +
+
+ I got wrapped +
+
+ ``` See `Handlebars.helpers.yield` for more information. ## Responding to Browser Events - Views can respond to user-initiated events in one of three ways: method implementation, + + Views can respond to user-initiated events in one of three ways: method implementation, through an event manager, and through `{{action}}` helper use in their template or layout. ### Method Implementation + Views can respond to user-initiated events by implementing a method that matches the event name. A `jQuery.Event` object will be passed as the argument to this method. - AView = Ember.View.extend({ - click: function(event){ - // will be called when when an instance's - // rendered element is clicked - } - }) + ``` javascript + AView = Ember.View.extend({ + click: function(event){ + // will be called when when an instance's + // rendered element is clicked + } + }); + ``` ### Event Managers + Views can define an object as their `eventManager` property. This object can then implement methods that match the desired event names. Matching events that occur - on the view's rendered HTML or the rendered HTML of any of its DOM descendants - will trigger this method. A `jQuery.Event` object will be passed as the first + on the view's rendered HTML or the rendered HTML of any of its DOM descendants + will trigger this method. A `jQuery.Event` object will be passed as the first argument to the method and an `Ember.View` object as the second. The `Ember.View` will be the view whose rendered HTML was interacted with. This may be the view with the `eventManager` property or one of its descendent views. - AView = Ember.View.extend({ - eventManager: Ember.Object.create({ - doubleClick: function(event, view){ - // will be called when when an instance's - // rendered element or any rendering - // of this views's descendent - // elements is clicked - } - }) - }) - + ``` javascript + AView = Ember.View.extend({ + eventManager: Ember.Object.create({ + doubleClick: function(event, view){ + // will be called when when an instance's + // rendered element or any rendering + // of this views's descendent + // elements is clicked + } + }) + }); + ``` An event defined for an event manager takes precedence over events of the same name handled through methods on the view. - - AView = Ember.View.extend({ - mouseEnter: function(event){ - // will never trigger. - }, - eventManager: Ember.Object.create({ - mouseEnter: function(event, view){ - // takes presedence over AView#mouseEnter - } - }) - }) + ``` javascript + AView = Ember.View.extend({ + mouseEnter: function(event){ + // will never trigger. + }, + eventManager: Ember.Object.create({ + mouseEnter: function(event, view){ + // takes presedence over AView#mouseEnter + } + }) + }); + ``` Similarly a view's event manager will take precedence for events of any views rendered as a descendent. A method name that matches an event name will not be called - if the view instance was rendered inside the HTML representation of a view that has + if the view instance was rendered inside the HTML representation of a view that has an `eventManager` property defined that handles events of the name. Events not handled by the event manager will still trigger method calls on the descendent. - OuterView = Ember.View.extend({ - template: Ember.Handlebars.compile("outer {{#view InnerView}}inner{{/view}} outer"), - eventManager: Ember.Object.create({ - mouseEnter: function(event, view){ - // view might be instance of either - // OutsideView or InnerView depending on - // where on the page the user interaction occured - } - }) - }) + ``` javascript + OuterView = Ember.View.extend({ + template: Ember.Handlebars.compile("outer {{#view InnerView}}inner{{/view}} outer"), + eventManager: Ember.Object.create({ + mouseEnter: function(event, view){ + // view might be instance of either + // OutsideView or InnerView depending on + // where on the page the user interaction occured + } + }) + }); - InnerView = Ember.View.extend({ - click: function(event){ - // will be called if rendered inside - // an OuterView because OuterView's - // eventManager doesn't handle click events - }, - mouseEnter: function(event){ - // will never be called if rendered inside - // an OuterView. - } - }) + InnerView = Ember.View.extend({ + click: function(event){ + // will be called if rendered inside + // an OuterView because OuterView's + // eventManager doesn't handle click events + }, + mouseEnter: function(event){ + // will never be called if rendered inside + // an OuterView. + } + }); + ``` ### Handlebars `{{action}}` Helper + See `Handlebars.helpers.action`. ### Event Names + Possible events names for any of the responding approaches described above are: Touch events: 'touchStart', 'touchMove', 'touchEnd', 'touchCancel' @@ -11951,24 +13430,27 @@ var invokeForState = { Form events: 'submit', 'change', 'focusIn', 'focusOut', 'input' HTML5 drag and drop events: 'dragStart', 'drag', 'dragEnter', 'dragLeave', 'drop', 'dragEnd' - + ## Handlebars `{{view}}` Helper + Other `Ember.View` instances can be included as part of a view's template by using the `{{view}}` Handlebars helper. See `Handlebars.helpers.view` for additional information. + @class View + @namespace Ember @extends Ember.Object - @extends Ember.Evented + @uses Ember.Evented */ -Ember.View = Ember.Object.extend(Ember.Evented, +Ember.View = Ember.CoreView.extend( /** @scope Ember.View.prototype */ { - /** @private */ concatenatedProperties: ['classNames', 'classNameBindings', 'attributeBindings'], /** + @property isView @type Boolean @default true - @constant + @final */ isView: true, @@ -11983,6 +13465,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, `templates` object. By default, this will be a global object shared in `Ember.TEMPLATES`. + @property templateName @type String @default null */ @@ -11995,6 +13478,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, `templates` object. By default, this will be a global object shared in `Ember.TEMPLATES`. + @property layoutName @type String @default null */ @@ -12003,6 +13487,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** The hash in which to look for `templateName`. + @property templates @type Ember.Object @default Ember.TEMPLATES */ @@ -12016,7 +13501,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, In general, you should set the `templateName` property instead of setting the template yourself. - @field + @property template @type Function */ template: Ember.computed(function(key, value) { @@ -12026,12 +13511,13 @@ Ember.View = Ember.Object.extend(Ember.Evented, template = this.templateForName(templateName, 'template'); return template || get(this, 'defaultTemplate'); - }).property('templateName').cacheable(), + }).property('templateName'), /** The controller managing this view. If this property is set, it will be made available for use by the template. + @property controller @type Object */ controller: Ember.computed(function(key, value) { @@ -12043,7 +13529,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, parentView = get(this, 'parentView'); return parentView ? get(parentView, 'controller') : null; } - }).property().cacheable(), + }).property(), /** A view may contain a layout. A layout is a regular template but @@ -12056,7 +13542,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, the rendering of the contents of the wrapper to the `template` property on a subclass. - @field + @property layout @type Function */ layout: Ember.computed(function(key, value) { @@ -12066,7 +13552,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, layout = this.templateForName(layoutName, 'layout'); return layout || get(this, 'defaultLayout'); - }).property('layoutName').cacheable(), + }).property('layoutName'), templateForName: function(name, type) { if (!name) { return; } @@ -12088,8 +13574,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, method is called, but it is up to the individual function to decide what to do with it. - By default, this will be the view itself. + By default, this will be the view's controller. + @property context @type Object */ context: Ember.computed(function(key, value) { @@ -12099,7 +13586,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, } else { return get(this, '_context'); } - }).cacheable(), + }).volatile(), /** @private @@ -12110,83 +13597,63 @@ Ember.View = Ember.Object.extend(Ember.Evented, The context of a view is looked up as follows: - 1. Specified controller - 2. Supplied context (usually by Handlebars) + 1. Supplied context (usually by Handlebars) + 2. Specified controller 3. `parentView`'s context (for a child of a ContainerView) The code in Handlebars that overrides the `_context` property first checks to see whether the view has a specified controller. This is something of a hack and should be revisited. + + @property _context */ _context: Ember.computed(function(key, value) { - var parentView, controller, context; + var parentView, controller; if (arguments.length === 2) { return value; } - if (VIEW_PRESERVES_CONTEXT) { - if (controller = get(this, 'controller')) { - return controller; - } + if (controller = get(this, 'controller')) { + return controller; + } - parentView = get(this, '_parentView'); - if (parentView) { - return get(parentView, '_context'); - } + parentView = get(this, '_parentView'); + if (parentView) { + return get(parentView, '_context'); } return this; - }).cacheable(), + }), /** + @private + If a value that affects template rendering changes, the view should be re-rendered to reflect the new value. - @private + @method _displayPropertyDidChange */ _displayPropertyDidChange: Ember.observer(function() { this.rerender(); }, 'context', 'controller'), - /** - If the view is currently inserted into the DOM of a parent view, this - property will point to the parent of the view. - - @type Ember.View - @default null - */ - parentView: Ember.computed(function() { - var parent = get(this, '_parentView'); - - if (parent && parent.isVirtual) { - return get(parent, 'parentView'); - } else { - return parent; - } - }).property('_parentView').volatile(), - - _parentView: null, - - // return the current view, not including virtual views - concreteView: Ember.computed(function() { - if (!this.isVirtual) { return this; } - else { return get(this, 'parentView'); } - }).property('_parentView').volatile(), - /** If false, the view will appear hidden in DOM. + @property isVisible @type Boolean @default null */ isVisible: true, /** + @private + Array of child views. You should never edit this array directly. Instead, use appendChild and removeFromParent. - @private + @property childViews @type Array @default [] */ @@ -12194,10 +13661,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, _childViews: [], - /** - When it's a virtual view, we need to notify the parent that their - childViews will change. - */ + // When it's a virtual view, we need to notify the parent that their + // childViews will change. _childViewsWillChange: Ember.beforeObserver(function() { if (this.isVirtual) { var parentView = get(this, 'parentView'); @@ -12205,10 +13670,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, } }, 'childViews'), - /** - When it's a virtual view, we need to notify the parent that their - childViews did change. - */ + // When it's a virtual view, we need to notify the parent that their + // childViews did change. _childViewsDidChange: Ember.observer(function() { if (this.isVirtual) { var parentView = get(this, 'parentView'); @@ -12220,10 +13683,13 @@ Ember.View = Ember.Object.extend(Ember.Evented, Return the nearest ancestor that is an instance of the provided class. + @property nearestInstanceOf @param {Class} klass Subclass of Ember.View (or Ember.View itself) - @returns Ember.View + @return Ember.View + @deprecated */ nearestInstanceOf: function(klass) { + Ember.deprecate("nearestInstanceOf is deprecated and will be removed from future releases. Use nearestOfType."); var view = get(this, 'parentView'); while (view) { @@ -12232,11 +13698,33 @@ Ember.View = Ember.Object.extend(Ember.Evented, } }, + /** + Return the nearest ancestor that is an instance of the provided + class or mixin. + + @property nearestOfType + @param {Class,Mixin} klass Subclass of Ember.View (or Ember.View itself), + or an instance of Ember.Mixin. + @return Ember.View + */ + nearestOfType: function(klass) { + var view = get(this, 'parentView'), + isOfType = klass instanceof Ember.Mixin ? + function(view) { return klass.detect(view); } : + function(view) { return klass.detect(view.constructor); }; + + while (view) { + if( isOfType(view) ) { return view; } + view = get(view, 'parentView'); + } + }, + /** Return the nearest ancestor that has a given property. + @property nearestWithProperty @param {String} property A property name - @returns Ember.View + @return Ember.View */ nearestWithProperty: function(property) { var view = get(this, 'parentView'); @@ -12251,8 +13739,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, Return the nearest ancestor whose parent is an instance of `klass`. + @property nearestChildOf @param {Class} klass Subclass of Ember.View (or Ember.View itself) - @returns Ember.View + @return Ember.View */ nearestChildOf: function(klass) { var view = get(this, 'parentView'); @@ -12266,37 +13755,42 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Return the nearest ancestor that is an Ember.CollectionView - @returns Ember.CollectionView + @property collectionView + @return Ember.CollectionView */ collectionView: Ember.computed(function() { - return this.nearestInstanceOf(Ember.CollectionView); - }).cacheable(), + return this.nearestOfType(Ember.CollectionView); + }), /** Return the nearest ancestor that is a direct child of an Ember.CollectionView - @returns Ember.View + @property itemView + @return Ember.View */ itemView: Ember.computed(function() { return this.nearestChildOf(Ember.CollectionView); - }).cacheable(), + }), /** Return the nearest ancestor that has the property `content`. - @returns Ember.View + @property contentView + @return Ember.View */ contentView: Ember.computed(function() { return this.nearestWithProperty('content'); - }).cacheable(), + }), /** @private When the parent view changes, recursively invalidate collectionView, itemView, and contentView + + @method _parentViewDidChange */ _parentViewDidChange: Ember.observer(function() { if (this.isDestroying) { return; } @@ -12339,6 +13833,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, property and invoke it with the value of `context`. The value of `context` will be the view's controller unless you override it. + @method render @param {Ember.RenderBuffer} buffer The render buffer */ render: function(buffer) { @@ -12348,7 +13843,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, var template = get(this, 'layout') || get(this, 'template'); if (template) { - var context = get(this, '_context'); + var context = get(this, 'context'); var keywords = this.cloneKeywords(); var data = { @@ -12359,7 +13854,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, }; // Invoke the template with the provided template context, which - // is the view by default. A hash of data is also passed that provides + // is the view's controller by default. A hash of data is also passed that provides // the template with access to the view and render buffer. Ember.assert('template must be a function. Did you mean to call Ember.Handlebars.compile("...") or specify templateName instead?', typeof template === 'function'); @@ -12422,6 +13917,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, In general, if the display of your view changes, you should modify the DOM element directly instead of manually calling `rerender`, which can be slow. + + @method rerender */ rerender: function() { return this.invokeForState('rerender'); @@ -12449,6 +13946,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, of the specified property into the `classNames` array, then creates an observer to update the view's element if the bound property ever changes in the future. + + @method _applyClassNameBindings */ _applyClassNameBindings: function() { var classBindings = get(this, 'classNameBindings'), @@ -12466,6 +13965,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, // closes over this variable, so it knows which string to remove when // the property changes. var oldClass; + // Extract just the property name from bindings like 'foo:bar' + var parsedPath = Ember.View._parsePropertyPath(binding); // Set up an observer on the context. If the property changes, toggle the // class name. @@ -12473,6 +13974,10 @@ Ember.View = Ember.Object.extend(Ember.Evented, // Get the current value of the property newClass = this._classStringForProperty(binding); elem = this.$(); + if (!elem) { + removeObserver(this, parsedPath.path, observer); + return; + } // If we had previously added a class to the element, remove it. if (oldClass) { @@ -12506,16 +14011,21 @@ Ember.View = Ember.Object.extend(Ember.Evented, oldClass = dasherizedClass; } - // Extract just the property name from bindings like 'foo:bar' - var parsedPath = Ember.View._parsePropertyPath(binding); addObserver(this, parsedPath.path, observer); + + this.one('willClearRender', function() { + removeObserver(this, parsedPath.path, observer); + }); }, this); }, /** + @private + Iterates through the view's attribute bindings, sets up observers for each, then applies the current value of the attributes to the passed render buffer. + @method _applyAttributeBindings @param {Ember.RenderBuffer} buffer */ _applyAttributeBindings: function(buffer) { @@ -12542,6 +14052,10 @@ Ember.View = Ember.Object.extend(Ember.Evented, addObserver(this, property, observer); + this.one('willClearRender', function() { + removeObserver(this, property, observer); + }); + // Determine the current value and add it to the render buffer // if necessary. attributeValue = get(this, property); @@ -12557,6 +14071,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, For example, if the view has property `isUrgent` that evaluates to true, passing `isUrgent` to this method will return `"is-urgent"`. + + @method _classStringForProperty + @param property */ _classStringForProperty: function(property) { var parsedPath = Ember.View._parsePropertyPath(property); @@ -12564,7 +14081,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, var val = get(this, path); if (val === undefined && Ember.isGlobalPath(path)) { - val = get(window, path); + val = get(Ember.lookup, path); } return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName); @@ -12577,7 +14094,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Returns the current DOM element for the view. - @field + @property element @type DOMElement */ element: Ember.computed(function(key, value) { @@ -12586,7 +14103,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, } else { return this.invokeForState('getElement'); } - }).property('_parentView').cacheable(), + }).property('_parentView'), /** Returns a jQuery object for this view's element. If you pass in a selector @@ -12596,14 +14113,14 @@ Ember.View = Ember.Object.extend(Ember.Evented, For example, calling `view.$('li')` will return a jQuery object containing all of the `li` elements inside the DOM element of this view. + @property $ @param {String} [selector] a jQuery-compatible selector string - @returns {Ember.CoreQuery} the CoreQuery object for the DOM node + @return {jQuery} the CoreQuery object for the DOM node */ $: function(sel) { return this.invokeForState('$', sel); }, - /** @private */ mutateChildViews: function(callback) { var childViews = this._childViews, idx = childViews.length, @@ -12617,7 +14134,6 @@ Ember.View = Ember.Object.extend(Ember.Evented, return this; }, - /** @private */ forEachChildView: function(callback) { var childViews = this._childViews; @@ -12650,8 +14166,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, are providing is associated with an Ember.Application and does not have an ancestor element that is associated with an Ember view. + @method appendTo @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object - @returns {Ember.View} receiver + @return {Ember.View} receiver */ appendTo: function(target) { // Schedule the DOM element to be created and appended to the given @@ -12673,8 +14190,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, element will not be appended to the given element until all bindings have finished synchronizing + @method replaceIn @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object - @returns {Ember.View} received + @return {Ember.View} received */ replaceIn: function(target) { Ember.assert("You cannot replace an existing Ember.View. Consider using Ember.ContainerView instead.", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view')); @@ -12705,11 +14223,19 @@ Ember.View = Ember.Object.extend(Ember.Evented, this.$().appendTo('body'); }); + @method _insertElementLater @param {Function} fn the function that inserts the element into the DOM */ _insertElementLater: function(fn) { - this._lastInsert = Ember.guidFor(fn); - Ember.run.schedule('render', this, this.invokeForState, 'insertElement', fn); + this._scheduledInsert = Ember.run.scheduleOnce('render', this, '_insertElement', fn); + }, + + /** + @private + */ + _insertElement: function (fn) { + this._scheduledInsert = null; + this.invokeForState('insertElement', fn); }, /** @@ -12721,7 +14247,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, element will not be appended to the document body until all bindings have finished synchronizing. - @returns {Ember.View} receiver + @method append + @return {Ember.View} receiver */ append: function() { return this.appendTo(document.body); @@ -12730,7 +14257,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Removes the view's element from the element to which it is attached. - @returns {Ember.View} receiver + @method remove + @return {Ember.View} receiver */ remove: function() { // What we should really do here is wait until the end of the run loop @@ -12749,18 +14277,14 @@ Ember.View = Ember.Object.extend(Ember.Evented, set the elementId explicitly, then the view's GUID will be used instead. This ID must be set at the time the view is created. + @property elementId @type String - @readOnly */ elementId: Ember.computed(function(key, value) { return value !== undefined ? value : Ember.guidFor(this); - }).cacheable(), - - /** - @private + }), - TODO: Perhaps this should be removed from the production build somehow. - */ + // TODO: Perhaps this should be removed from the production build somehow. _elementIdDidChange: Ember.beforeObserver(function() { throw "Changing a view's elementId after creation is not allowed."; }, 'elementId'), @@ -12772,33 +14296,15 @@ Ember.View = Ember.Object.extend(Ember.Evented, own form of lookup. For example, if you want to discover your element using a CSS class name instead of an ID. + @method findElementInParentElement @param {DOMElement} parentElement The parent's DOM element - @returns {DOMElement} The discovered element + @return {DOMElement} The discovered element */ findElementInParentElement: function(parentElem) { var id = "#" + get(this, 'elementId'); return Ember.$(id)[0] || Ember.$(id, parentElem)[0]; }, - /** - Creates a new renderBuffer with the passed tagName. You can override this - method to provide further customization to the buffer if needed. Normally - you will not need to call or override this method. - - @returns {Ember.RenderBuffer} - */ - renderBuffer: function(tagName) { - tagName = tagName || get(this, 'tagName'); - - // Explicitly check for null or undefined, as tagName - // may be an empty string, which would evaluate to false. - if (tagName === null || tagName === undefined) { - tagName = 'div'; - } - - return Ember.RenderBuffer(tagName); - }, - /** Creates a DOM representation of the view and all of its child views by recursively calling the `render()` method. @@ -12806,7 +14312,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, After the element has been created, `didInsertElement` will be called on this view and all of its child views. - @returns {Ember.View} receiver + @method createElement + @return {Ember.View} receiver */ createElement: function() { if (get(this, 'element')) { return this; } @@ -12819,6 +14326,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Called when a view is going to insert an element into the DOM. + + @event willInsertElement */ willInsertElement: Ember.K, @@ -12826,6 +14335,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, Called when the element of the view has been inserted into the DOM. Override this function to do any set up that requires an element in the document body. + + @event didInsertElement */ didInsertElement: Ember.K, @@ -12833,13 +14344,18 @@ Ember.View = Ember.Object.extend(Ember.Evented, Called when the view is about to rerender, but before anything has been torn down. This is a good opportunity to tear down any manual observers you have installed based on the DOM state + + @event willClearRender */ - willRerender: Ember.K, + willClearRender: Ember.K, /** + @private + Run this callback on the current view and recursively on child views. - @private + @method invokeRecursively + @param fn {Function} */ invokeRecursively: function(fn) { fn.call(this, this); @@ -12851,6 +14367,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Invalidates the cache for a property on all child views. + + @method invalidateRecursively */ invalidateRecursively: function(key) { this.forEachChildView(function(view) { @@ -12866,6 +14384,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, NOTE: In some cases this was called when the element existed. This no longer works so we let people know. We can remove this warning code later. + + @method _notifyWillInsertElement */ _notifyWillInsertElement: function() { this.invokeRecursively(function(view) { @@ -12878,6 +14398,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, Invokes the receiver's didInsertElement() method if it exists and then invokes the same on all child views. + + @method _notifyDidInsertElement */ _notifyDidInsertElement: function() { this.invokeRecursively(function(view) { @@ -12888,12 +14410,14 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** @private - Invokes the receiver's willRerender() method if it exists and then - invokes the same on all child views. + Triggers the `willClearRender` event (which invokes the `willClearRender()` + method if it exists) on this view and all child views. + + @method _notifyWillClearRender */ - _notifyWillRerender: function() { + _notifyWillClearRender: function() { this.invokeRecursively(function(view) { - view.trigger('willRerender'); + view.trigger('willClearRender'); }); }, @@ -12912,7 +14436,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, Normally you will not call or override this method yourself, but you may want to implement the above callbacks when it is run. - @returns {Ember.View} receiver + @method destroyElement + @return {Ember.View} receiver */ destroyElement: function() { return this.invokeForState('destroyElement'); @@ -12922,21 +14447,30 @@ Ember.View = Ember.Object.extend(Ember.Evented, Called when the element of the view is going to be destroyed. Override this function to do any teardown that requires an element, like removing event listeners. + + @event willDestroyElement */ willDestroyElement: function() {}, /** @private - Invokes the `willDestroyElement` callback on the view and child views. + Triggers the `willDestroyElement` event (which invokes the `willDestroyElement()` + method if it exists) on this view and all child views. + + Before triggering `willDestroyElement`, it first triggers the `willClearRender` + event recursively. + + @method _notifyWillDestroyElement */ _notifyWillDestroyElement: function() { + this._notifyWillClearRender(); + this.invokeRecursively(function(view) { view.trigger('willDestroyElement'); }); }, - /** @private (nodoc) */ _elementWillChange: Ember.beforeObserver(function() { this.forEachChildView(function(view) { Ember.propertyWillChange(view, 'element'); @@ -12950,7 +14484,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, child views so that we do not retain references to DOM elements that are no longer needed. - @observes element + @method _elementDidChange */ _elementDidChange: Ember.observer(function() { this.forEachChildView(function(view) { @@ -12961,76 +14495,35 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Called when the parentView property has changed. - @function + @event parentViewDidChange */ parentViewDidChange: Ember.K, - /** - @private - - Invoked by the view system when this view needs to produce an HTML - representation. This method will create a new render buffer, if needed, - then apply any default attributes, such as class names and visibility. - Finally, the `render()` method is invoked, which is responsible for - doing the bulk of the rendering. - - You should not need to override this method; instead, implement the - `template` property, or if you need more control, override the `render` - method. - - @param {Ember.RenderBuffer} buffer the render buffer. If no buffer is - passed, a default buffer, using the current view's `tagName`, will - be used. - */ - renderToBuffer: function(parentBuffer, bufferOperation) { - var buffer; - - Ember.run.sync(); - - // Determine where in the parent buffer to start the new buffer. - // By default, a new buffer will be appended to the parent buffer. - // The buffer operation may be changed if the child views array is - // mutated by Ember.ContainerView. - bufferOperation = bufferOperation || 'begin'; - - // If this is the top-most view, start a new buffer. Otherwise, - // create a new buffer relative to the original using the - // provided buffer operation (for example, `insertAfter` will - // insert a new buffer after the "parent buffer"). - if (parentBuffer) { - var tagName = get(this, 'tagName'); - if (tagName === null || tagName === undefined) { - tagName = 'div'; - } - - buffer = parentBuffer[bufferOperation](tagName); - } else { - buffer = this.renderBuffer(); - } + instrumentName: 'render.view', - this.buffer = buffer; - this.transitionTo('inBuffer', false); + instrumentDetails: function(hash) { + hash.template = get(this, 'templateName'); + this._super(hash); + }, + _renderToBuffer: function(parentBuffer, bufferOperation) { this.lengthBeforeRender = this._childViews.length; - - this.beforeRender(buffer); - this.render(buffer); - this.afterRender(buffer); - + var buffer = this._super(parentBuffer, bufferOperation); this.lengthAfterRender = this._childViews.length; return buffer; }, + renderToBufferIfNeeded: function () { + return this.invokeForState('renderToBufferIfNeeded', this); + }, + beforeRender: function(buffer) { this.applyAttributesToBuffer(buffer); }, afterRender: Ember.K, - /** - @private - */ applyAttributesToBuffer: function(buffer) { // Creates observers for all registered class name and attribute bindings, // then adds them to the element. @@ -13066,6 +14559,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, By default, the render buffer will use a `
` tag for views. + @property tagName @type String @default null */ @@ -13083,6 +14577,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, The full list of valid WAI-ARIA roles is available at: http://www.w3.org/TR/wai-aria/roles#roles_categorization + @property ariaRole @type String @default null */ @@ -13093,6 +14588,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, property automatically inherits any class names defined by the view's superclasses as well. + @property classNames @type Array @default ['ember-view'] */ @@ -13129,6 +14625,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, This list of properties is inherited from the view's superclasses as well. + @property classNameBindings @type Array @default [] */ @@ -13153,11 +14650,11 @@ Ember.View = Ember.Object.extend(Ember.Evented, attributeBindings: ['enabled'], enabled: true }); + + @property attributeBindings */ attributeBindings: [], - state: 'preRender', - // ....................................................... // CORE DISPLAY METHODS // @@ -13169,14 +14666,12 @@ Ember.View = Ember.Object.extend(Ember.Evented, - configure childViews - register the view with the global views hash, which is used for event dispatch + + @method init */ init: function() { this._super(); - // Register the view for event handling. This hash is used by - // Ember.EventDispatcher to dispatch incoming events. - if (!this.isVirtual) Ember.View.views[get(this, 'elementId')] = this; - // setup child views. be sure to clone the child views array first this._childViews = this._childViews.slice(); @@ -13202,8 +14697,9 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Removes the child view from the parent view. + @method removeChild @param {Ember.View} view - @returns {Ember.View} receiver + @return {Ember.View} receiver */ removeChild: function(view) { // If we're destroying, the entire subtree will be @@ -13227,7 +14723,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, /** Removes all children from the parentView. - @returns {Ember.View} receiver + @method removeAllChildren + @return {Ember.View} receiver */ removeAllChildren: function() { return this.mutateChildViews(function(view) { @@ -13245,7 +14742,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, Removes the view from its parentView, if one is found. Otherwise does nothing. - @returns {Ember.View} receiver + @method removeFromParent + @return {Ember.View} receiver */ removeFromParent: function() { var parent = get(this, '_parentView'); @@ -13262,6 +14760,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, child views). This will remove the view from any parent node, then make sure that the DOM element managed by the view can be released by the memory manager. + + @method willDestroy */ willDestroy: function() { // calling this._super() will nuke computed properties and observers, @@ -13306,13 +14806,13 @@ Ember.View = Ember.Object.extend(Ember.Evented, automatically configure the correct settings on the new view instance to act as a child of the parent. + @method createChildView @param {Class} viewClass @param {Hash} [attrs] Attributes to add - @returns {Ember.View} new instance - @test in createChildViews + @return {Ember.View} new instance */ createChildView: function(view, attrs) { - if (Ember.View.detect(view)) { + if (Ember.CoreView.detect(view)) { attrs = attrs || {}; attrs._parentView = this; attrs.templateData = attrs.templateData || get(this, 'templateData'); @@ -13323,7 +14823,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, // consumers of the view API if (view.viewName) { set(get(this, 'concreteView'), view.viewName, view); } } else { - Ember.assert('You must pass instance or subclass of View', view instanceof Ember.View); + Ember.assert('You must pass instance or subclass of View', view instanceof Ember.CoreView); Ember.assert("You can only pass attributes when a class is provided", !attrs); if (!get(view, 'templateData')) { @@ -13344,6 +14844,8 @@ Ember.View = Ember.Object.extend(Ember.Evented, When the view's `isVisible` property changes, toggle the visibility element of the actual DOM element. + + @method _isVisibleDidChange */ _isVisibleDidChange: Ember.observer(function() { var $el = this.$(); @@ -13413,28 +14915,6 @@ Ember.View = Ember.Object.extend(Ember.Evented, } }, - /** - @private - - Override the default event firing from Ember.Evented to - also call methods with the given name. - */ - trigger: function(name) { - this._super.apply(this, arguments); - var method = this[name]; - if (method) { - var args = [], i, l; - for (i = 1, l = arguments.length; i < l; i++) { - args.push(arguments[i]); - } - return method.apply(this, args); - } - }, - - has: function(name) { - return Ember.typeOf(this[name]) === 'function' || this._super(name); - }, - // ....................................................... // EVENT HANDLING // @@ -13443,6 +14923,10 @@ Ember.View = Ember.Object.extend(Ember.Evented, @private Handle events from `Ember.EventDispatcher` + + @method handleEvent + @param eventName {String} + @param evt {Event} */ handleEvent: function(eventName, evt) { return this.invokeForState('handleEvent', eventName, evt); @@ -13450,7 +14934,7 @@ Ember.View = Ember.Object.extend(Ember.Evented, }); -/** +/* Describe how the specified actions should behave in the various states that a view can exist in. Possible states: @@ -13475,20 +14959,17 @@ Ember.View = Ember.Object.extend(Ember.Evented, // once the view has been inserted into the DOM, legal manipulations // are done on the DOM element. -/** @private */ var DOMManager = { - prepend: function(view, childView) { - childView._insertElementLater(function() { - var element = view.$(); - element.prepend(childView.$()); - }); + prepend: function(view, html) { + view.$().prepend(html); }, - after: function(view, nextView) { - nextView._insertElementLater(function() { - var element = view.$(); - element.after(nextView.$()); - }); + after: function(view, html) { + view.$().after(html); + }, + + html: function(view, html) { + view.$().html(html); }, replace: function(view) { @@ -13502,12 +14983,7 @@ var DOMManager = { }, remove: function(view) { - var elem = get(view, 'element'); - - set(view, 'element', null); - view._lastInsert = null; - - Ember.$(elem).remove(); + view.$().remove(); }, empty: function(view) { @@ -13537,9 +15013,11 @@ Ember.View.reopenClass({ classNames: ":enabled:disabled" } + @method _parsePropertyPath + @static */ _parsePropertyPath: function(path) { - var split = path.split(/:/), + var split = path.split(':'), propertyPath = split[0], classNames = "", className, @@ -13568,35 +15046,44 @@ Ember.View.reopenClass({ Get the class name for a given value, based on the path, optional className and optional falsyClassName. - - if the value is truthy and a className is defined, the className is returned + - if a className or falsyClassName has been specified: + - if the value is truthy and className has been specified, className is returned + - if the value is falsy and falsyClassName has been specified, falsyClassName is returned + - otherwise null is returned - if the value is true, the dasherized last part of the supplied path is returned - - if the value is false and a falsyClassName is supplied, the falsyClassName is returned - - if the value is truthy, the value is returned + - if the value is not false, undefined or null, the value is returned - if none of the above rules apply, null is returned + @method _classStringForValue + @param path + @param val + @param className + @param falsyClassName + @static */ _classStringForValue: function(path, val, className, falsyClassName) { - // If the value is truthy and we're using the colon syntax, - // we should return the className directly - if (!!val && className) { - return className; + // When using the colon syntax, evaluate the truthiness or falsiness + // of the value to determine which className to return + if (className || falsyClassName) { + if (className && !!val) { + return className; + + } else if (falsyClassName && !val) { + return falsyClassName; + + } else { + return null; + } // If value is a Boolean and true, return the dasherized property // name. } else if (val === true) { - // catch syntax like isEnabled::not-enabled - if (val === true && !className && falsyClassName) { return null; } - // Normalize property path to be suitable for use // as a class name. For exaple, content.foo.barBaz // becomes bar-baz. var parts = path.split('.'); return Ember.String.dasherize(parts[parts.length-1]); - // If the value is false and a falsyClassName is specified, return it - } else if (val === false && falsyClassName) { - return falsyClassName; - // If the value is not false, undefined, or null, return the current // value of the property. } else if (val !== false && val !== undefined && val !== null) { @@ -13610,7 +15097,13 @@ Ember.View.reopenClass({ } }); -// Create a global view hash. +/** + Global views hash + + @property views + @static + @type Hash +*/ Ember.View.views = {}; // If someone overrides the child views computed property when @@ -13639,12 +15132,11 @@ Ember.View.applyAttributeBindings = function(elem, name, value) { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + var get = Ember.get, set = Ember.set; Ember.View.states = { @@ -13669,8 +15161,15 @@ Ember.View.states = { destroyElement: function(view) { set(view, 'element', null); - view._lastInsert = null; + if (view._scheduledInsert) { + Ember.run.cancel(view._scheduledInsert); + view._scheduledInsert = null; + } return view; + }, + + renderToBufferIfNeeded: function () { + return false; } } }; @@ -13684,21 +15183,17 @@ Ember.View.reopen({ (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + Ember.View.states.preRender = { parentState: Ember.View.states._default, // a view leaves the preRender state once its element has been // created (createElement). insertElement: function(view, fn) { - if (view._lastInsert !== Ember.guidFor(fn)){ - return; - } view.createElement(); view._notifyWillInsertElement(); // after createElement, the view will be in the hasElement state. @@ -13707,6 +15202,10 @@ Ember.View.states.preRender = { view._notifyDidInsertElement(); }, + renderToBufferIfNeeded: function(view) { + return view.renderToBuffer(); + }, + empty: Ember.K, setElement: function(view, value) { @@ -13722,12 +15221,11 @@ Ember.View.states.preRender = { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + var get = Ember.get, set = Ember.set, meta = Ember.meta; Ember.View.states.inBuffer = { @@ -13747,7 +15245,7 @@ Ember.View.states.inBuffer = { rerender: function(view) { Ember.deprecate("Something you did caused a view to re-render after it rendered but before it was inserted into the DOM. Because this is avoidable and the cause of significant performance issues in applications, this behavior is deprecated. If you want to use the debugger to find out what caused this, you can set ENV.RAISE_ON_DEPRECATION to true."); - view._notifyWillRerender(); + view._notifyWillClearRender(); view.clearRenderedChildren(); view.renderToBuffer(view.buffer, 'replaceWith'); @@ -13784,6 +15282,10 @@ Ember.View.states.inBuffer = { Ember.assert("Emptying a view in the inBuffer state is not allowed and should not happen under normal circumstances. Most likely there is a bug in your application. This may be due to excessive property change notifications."); }, + renderToBufferIfNeeded: function (view) { + return view.buffer; + }, + // It should be impossible for a rendered view to be scheduled for // insertion. insertElement: function() { @@ -13808,12 +15310,11 @@ Ember.View.states.inBuffer = { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + var get = Ember.get, set = Ember.set, meta = Ember.meta; Ember.View.states.hasElement = { @@ -13844,7 +15345,7 @@ Ember.View.states.hasElement = { // once the view has been inserted into the DOM, rerendering is // deferred to allow bindings to synchronize. rerender: function(view) { - view._notifyWillRerender(); + view._notifyWillClearRender(); view.clearRenderedChildren(); @@ -13859,6 +15360,11 @@ Ember.View.states.hasElement = { destroyElement: function(view) { view._notifyWillDestroyElement(); view.domManager.remove(view); + set(view, 'element', null); + if (view._scheduledInsert) { + Ember.run.cancel(view._scheduledInsert); + view._scheduledInsert = null; + } return view; }, @@ -13889,9 +15395,6 @@ Ember.View.states.inDOM = { parentState: Ember.View.states.hasElement, insertElement: function(view, fn) { - if (view._lastInsert !== Ember.guidFor(fn)){ - return; - } throw "You can't insert an element into the DOM that has already been inserted"; } }; @@ -13901,12 +15404,11 @@ Ember.View.states.inDOM = { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + var destroyedError = "You can't call %@ on a destroyed view", fmt = Ember.String.fmt; Ember.View.states.destroyed = { @@ -13929,6 +15431,10 @@ Ember.View.states.destroyed = { throw fmt(destroyedError, ["set('element', ...)"]); }, + renderToBufferIfNeeded: function() { + throw fmt(destroyedError, ["renderToBufferIfNeeded"]); + }, + // Since element insertion is scheduled, don't do anything if // the view has been destroyed between scheduling and execution insertElement: Ember.K @@ -13940,34 +15446,25 @@ Ember.View.states.destroyed = { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-views +*/ + var get = Ember.get, set = Ember.set, meta = Ember.meta; var forEach = Ember.EnumerableUtils.forEach; var childViewsProperty = Ember.computed(function() { return get(this, '_childViews'); -}).property('_childViews').cacheable(); +}).property('_childViews'); /** - @class - A `ContainerView` is an `Ember.View` subclass that allows for manual or programatic management of a view's `childViews` array that will correctly update the `ContainerView` instance's rendered DOM representation. @@ -13976,26 +15473,31 @@ var childViewsProperty = Ember.computed(function() { The initial array of child views can be set in one of two ways. You can provide a `childViews` property at creation time that contains instance of `Ember.View`: - - aContainer = Ember.ContainerView.create({ - childViews: [Ember.View.create(), Ember.View.create()] - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: [Ember.View.create(), Ember.View.create()] + }); + ``` You can also provide a list of property names whose values are instances of `Ember.View`: - aContainer = Ember.ContainerView.create({ - childViews: ['aView', 'bView', 'cView'], - aView: Ember.View.create(), - bView: Ember.View.create() - cView: Ember.View.create() - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: ['aView', 'bView', 'cView'], + aView: Ember.View.create(), + bView: Ember.View.create() + cView: Ember.View.create() + }); + ``` The two strategies can be combined: - aContainer = Ember.ContainerView.create({ - childViews: ['aView', Ember.View.create()], - aView: Ember.View.create() - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: ['aView', Ember.View.create()], + aView: Ember.View.create() + }); + ``` Each child view's rendering will be inserted into the container's rendered HTML in the same order as its position in the `childViews` property. @@ -14008,37 +15510,45 @@ var childViewsProperty = Ember.computed(function() { Given an empty `` the following code - aContainer = Ember.ContainerView.create({ - classNames: ['the-container'], - childViews: ['aView', 'bView'], - aView: Ember.View.create({ - template: Ember.Handlebars.compile("A") - }), - bView: Ember.View.create({ - template: Ember.Handlebars.compile("B") - }) - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); - aContainer.appendTo('body') + aContainer.appendTo('body'); + ``` Results in the HTML -
-
A
-
B
-
+ ``` html +
+
A
+
B
+
+ ``` Removing a view - aContainer.get('childViews') // [aContainer.aView, aContainer.bView] - aContainer.get('childViews').removeObject(aContainer.get('bView')) - aContainer.get('childViews') // [aContainer.aView] + ``` javascript + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView] + aContainer.get('childViews').removeObject(aContainer.get('bView')); + aContainer.get('childViews'); // [aContainer.aView] + ``` Will result in the following HTML -
-
A
-
+ ``` html +
+
A
+
+ ``` Similarly, adding a child view is accomplished by adding `Ember.View` instances to the @@ -14046,43 +15556,51 @@ var childViewsProperty = Ember.computed(function() { Given an empty `` the following code - aContainer = Ember.ContainerView.create({ - classNames: ['the-container'], - childViews: ['aView', 'bView'], - aView: Ember.View.create({ - template: Ember.Handlebars.compile("A") - }), - bView: Ember.View.create({ - template: Ember.Handlebars.compile("B") - }) - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); - aContainer.appendTo('body') + aContainer.appendTo('body'); + ``` Results in the HTML -
-
A
-
B
-
+ ``` html +
+
A
+
B
+
+ ``` Adding a view - AnotherViewClass = Ember.View.extend({ - template: Ember.Handlebars.compile("Another view") - }) + ``` javascript + AnotherViewClass = Ember.View.extend({ + template: Ember.Handlebars.compile("Another view") + }); - aContainer.get('childViews') // [aContainer.aView, aContainer.bView] - aContainer.get('childViews').pushObject(AnotherViewClass.create()) - aContainer.get('childViews') // [aContainer.aView, aContainer.bView, ] + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView] + aContainer.get('childViews').pushObject(AnotherViewClass.create()); + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView, ] + ``` Will result in the following HTML -
-
A
-
B
-
Another view
-
+ ``` html +
+
A
+
B
+
Another view
+
+ ``` Direct manipulation of childViews presence or absence in the DOM via calls to @@ -14098,36 +15616,43 @@ var childViewsProperty = Ember.computed(function() { Calling `removeFromParent()` behaves as expected but should be avoided in favor of direct manipulation of a container's `childViews` property. - aContainer = Ember.ContainerView.create({ - classNames: ['the-container'], - childViews: ['aView', 'bView'], - aView: Ember.View.create({ - template: Ember.Handlebars.compile("A") - }), - bView: Ember.View.create({ - template: Ember.Handlebars.compile("B") - }) - }) + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); - aContainer.appendTo('body') + aContainer.appendTo('body'); + ``` Results in the HTML -
-
A
-
B
-
+ ``` html +
+
A
+
B
+
+ ``` Calling `aContainer.get('aView').removeFromParent()` will result in the following HTML -
-
B
-
+ ``` html +
+
B
+
+ ``` And the `Ember.View` instance stored in `aContainer.aView` will be removed from `aContainer`'s `childViews` array. ## Templates and Layout + A `template`, `templateName`, `defaultTemplate`, `layout`, `layoutName` or `defaultLayout` property on a container view will not result in the template or layout being rendered. The HTML contents of a `Ember.ContainerView`'s DOM representation will only be the rendered HTML @@ -14145,16 +15670,20 @@ var childViewsProperty = Ember.computed(function() { a controller or state manager. For example, you can bind the `currentView` of a container to a controller like this: - // Controller - App.appController = Ember.Object.create({ - view: Ember.View.create({ - templateName: 'person_template' - }) - }); + ``` javascript + App.appController = Ember.Object.create({ + view: Ember.View.create({ + templateName: 'person_template' + }) + }); + ``` - // Handlebars template - {{view Ember.ContainerView currentViewBinding="App.appController.view"}} + ``` handlebars + {{view Ember.ContainerView currentViewBinding="App.appController.view"}} + ``` + @class ContainerView + @namespace Ember @extends Ember.View */ @@ -14198,10 +15727,12 @@ Ember.ContainerView = Ember.View.extend({ }, /** + @private + Instructs each child view to render to the passed render buffer. + @method render @param {Ember.RenderBuffer} buffer the buffer to render to - @private */ render: function(buffer) { this.forEachChildView(function(view) { @@ -14209,11 +15740,15 @@ Ember.ContainerView = Ember.View.extend({ }); }, + instrumentName: 'render.container', + /** + @private + When the container view is destroyed, tear down the child views array observer. - @private + @method willDestroy */ willDestroy: function() { get(this, 'childViews').removeArrayObserver(this, { @@ -14225,13 +15760,15 @@ Ember.ContainerView = Ember.View.extend({ }, /** + @private + When a child view is removed, destroy its element so that it is removed from the DOM. The array observer that triggers this action is set up in the `renderToBuffer` method. - @private + @method childViewsWillChange @param {Ember.Array} views the child views array before mutation @param {Number} start the start position of the mutation @param {Number} removed the number of child views removed @@ -14246,6 +15783,8 @@ Ember.ContainerView = Ember.View.extend({ }, /** + @private + When a child view is added, make sure the DOM gets updated appropriately. If the view has already rendered an element, we tell the child view to @@ -14254,7 +15793,7 @@ Ember.ContainerView = Ember.View.extend({ element, we insert the string representation of the child into the appropriate place in the buffer. - @private + @method childViewsDidChange @param {Ember.Array} views the array of child views afte the mutation has occurred @param {Number} start the start position of the mutation @param {Number} removed the number of child views removed @@ -14283,23 +15822,6 @@ Ember.ContainerView = Ember.View.extend({ }); }, - /** - Schedules a child view to be inserted into the DOM after bindings have - finished syncing for this run loop. - - @param {Ember.View} view the child view to insert - @param {Ember.View} prev the child view after which the specified view should - be inserted - @private - */ - _scheduleInsertion: function(view, prev) { - if (prev) { - prev.domManager.after(prev, view); - } else { - this.domManager.prepend(this, view); - } - }, - currentView: null, _currentViewWillChange: Ember.beforeObserver(function() { @@ -14319,7 +15841,11 @@ Ember.ContainerView = Ember.View.extend({ if (currentView) { childViews.pushObject(currentView); } - }, 'currentView') + }, 'currentView'), + + _ensureChildrenAreInDOM: function () { + this.invokeForState('ensureChildrenAreInDOM', this); + } }); // Ember.ContainerView extends the default view states to provide different @@ -14365,15 +15891,26 @@ Ember.ContainerView.states = { }, childViewsDidChange: function(view, views, start, added) { - // If the DOM element for this container view already exists, - // schedule each child view to insert its DOM representation after - // bindings have finished syncing. - var prev = start === 0 ? null : views[start-1]; + Ember.run.scheduleOnce('render', this, '_ensureChildrenAreInDOM'); + }, - for (var i=start; i` and the following code: + ``` javascript + someItemsView = Ember.CollectionView.create({ + classNames: ['a-collection'], + content: ['A','B','C'], + itemViewClass: Ember.View.extend({ + template: Ember.Handlebars.compile("the letter: {{view.content}}") + }) + }); - someItemsView = Ember.CollectionView.create({ - classNames: ['a-collection'], - content: ['A','B','C'], - itemViewClass: Ember.View.extend({ - template: Ember.Handlebars.compile("the letter: {{view.content}}") - }) - }) - - someItemsView.appendTo('body') + someItemsView.appendTo('body'); + ``` Will result in the following HTML structure -
-
the letter: A
-
the letter: B
-
the letter: C
-
+ ``` html +
+
the letter: A
+
the letter: B
+
the letter: C
+
+ ``` ## Automatic matching of parent/child tagNames @@ -14455,27 +15994,33 @@ var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; Given an empty `` and the following code: - anUndorderedListView = Ember.CollectionView.create({ - tagName: 'ul', - content: ['A','B','C'], - itemViewClass: Ember.View.extend({ - template: Ember.Handlebars.compile("the letter: {{view.content}}") - }) - }) + ``` javascript + anUndorderedListView = Ember.CollectionView.create({ + tagName: 'ul', + content: ['A','B','C'], + itemViewClass: Ember.View.extend({ + template: Ember.Handlebars.compile("the letter: {{view.content}}") + }) + }); - anUndorderedListView.appendTo('body') + anUndorderedListView.appendTo('body'); + ``` Will result in the following HTML structure -
    -
  • the letter: A
    • -
  • the letter: B
    • -
  • the letter: C
    • -
+ ``` html +
    +
  • the letter: A
    • +
  • the letter: B
    • +
  • the letter: C
    • +
+ ``` Additional tagName pairs can be provided by adding to `Ember.CollectionView.CONTAINER_MAP ` - Ember.CollectionView.CONTAINER_MAP['article'] = 'section' + ``` javascript + Ember.CollectionView.CONTAINER_MAP['article'] = 'section' + ``` ## Empty View @@ -14483,23 +16028,27 @@ var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; `emptyView` property. If the `content` property of a `CollectionView` is set to `null` or an empty array, an instance of this view will be the `CollectionView`s only child. - aListWithNothing = Ember.CollectionView.create({ - classNames: ['nothing'] - content: null, - emptyView: Ember.View.extend({ - template: Ember.Handlebars.compile("The collection is empty") - }) - }) + ``` javascript + aListWithNothing = Ember.CollectionView.create({ + classNames: ['nothing'] + content: null, + emptyView: Ember.View.extend({ + template: Ember.Handlebars.compile("The collection is empty") + }) + }); - aListWithNothing.appendTo('body') + aListWithNothing.appendTo('body'); + ``` Will result in the following HTML structure -
-
- The collection is empty -
-
+ ``` html +
+
+ The collection is empty +
+
+ ``` ## Adding and Removing items The `childViews` property of a `CollectionView` should not be directly manipulated. Instead, @@ -14510,8 +16059,10 @@ var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; Ember.Handlebars provides a helper specifically for adding `CollectionView`s to templates. See `Ember.Handlebars.collection` for more details - @since Ember 0.9 + @class CollectionView + @namespace Ember @extends Ember.ContainerView + @since Ember 0.9 */ Ember.CollectionView = Ember.ContainerView.extend( /** @scope Ember.CollectionView.prototype */ { @@ -14519,6 +16070,7 @@ Ember.CollectionView = Ember.ContainerView.extend( /** A list of items to be displayed by the Ember.CollectionView. + @property content @type Ember.Array @default null */ @@ -14530,24 +16082,27 @@ Ember.CollectionView = Ember.ContainerView.extend( This provides metadata about what kind of empty view class this collection would like if it is being instantiated from another system (like Handlebars) + + @property emptyViewClass */ emptyViewClass: Ember.View, /** An optional view to display if content is set to an empty array. + @property emptyView @type Ember.View @default null */ emptyView: null, /** + @property itemViewClass @type Ember.View @default Ember.View */ itemViewClass: Ember.View, - /** @private */ init: function() { var ret = this._super(); this._contentDidChange(); @@ -14569,6 +16124,8 @@ Ember.CollectionView = Ember.ContainerView.extend( update the children directly. This is always scheduled asynchronously, to allow the element to be created before bindings have synchronized and vice versa. + + @method _contentDidChange */ _contentDidChange: Ember.observer(function() { var content = get(this, 'content'); @@ -14625,14 +16182,10 @@ Ember.CollectionView = Ember.ContainerView.extend( This array observer is added in contentDidChange. - @param {Array} addedObjects - the objects that were added to the content - - @param {Array} removedObjects - the objects that were removed from the content - - @param {Number} changeIndex - the index at which the changes occurred + @method arrayDidChange + @param {Array} addedObjects the objects that were added to the content + @param {Array} removedObjects the objects that were removed from the content + @param {Number} changeIndex the index at which the changes occurred */ arrayDidChange: function(content, start, removed, added) { var itemViewClass = get(this, 'itemViewClass'), @@ -14681,14 +16234,14 @@ Ember.CollectionView = Ember.ContainerView.extend( }); /** - @static - A map of parent tags to their default child tags. You can add additional parent tags if you want collection views that use a particular parent tag to default to a child tag. + @property CONTAINER_MAP @type Hash - @constant + @static + @final */ Ember.CollectionView.CONTAINER_MAP = { ul: 'li', @@ -14706,26 +16259,21 @@ Ember.CollectionView.CONTAINER_MAP = { (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2006-2011 Strobe Inc. and contributors. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) -// ========================================================================== - /*globals jQuery*/ +/** +Ember Views + +@module ember +@submodule ember-views +@require ember-runtime +@main ember-views +*/ })(); @@ -14733,9 +16281,15 @@ Ember.CollectionView.CONTAINER_MAP = { var get = Ember.get, set = Ember.set; /** - @class +@module ember +@submodule ember-states +*/ +/** + @class State + @namespace Ember @extends Ember.Object + @uses Ember.Evented */ Ember.State = Ember.Object.extend(Ember.Evented, /** @scope Ember.State.prototype */{ @@ -14744,6 +16298,7 @@ Ember.State = Ember.Object.extend(Ember.Evented, /** A reference to the parent state. + @property parentState @type Ember.State */ parentState: null, @@ -14752,6 +16307,7 @@ Ember.State = Ember.Object.extend(Ember.Evented, /** The name of this state. + @property name @type String */ name: null, @@ -14759,8 +16315,8 @@ Ember.State = Ember.Object.extend(Ember.Evented, /** The full path to this state. + @property path @type String - @readOnly */ path: Ember.computed(function() { var parentPath = get(this, 'parentState.path'), @@ -14771,13 +16327,16 @@ Ember.State = Ember.Object.extend(Ember.Evented, } return path; - }).property().cacheable(), + }).property(), /** @private Override the default event firing from Ember.Evented to also call methods with the given name. + + @method trigger + @param name */ trigger: function(name) { if (this[name]) { @@ -14786,7 +16345,6 @@ Ember.State = Ember.Object.extend(Ember.Evented, this._super.apply(this, arguments); }, - /** @private */ init: function() { var states = get(this, 'states'), foundStates; set(this, 'childStates', Ember.A()); @@ -14826,7 +16384,6 @@ Ember.State = Ember.Object.extend(Ember.Evented, set(this, 'pathsCacheNoContext', {}); }, - /** @private */ setupChild: function(states, name, value) { if (!value) { return false; } @@ -14842,6 +16399,7 @@ Ember.State = Ember.Object.extend(Ember.Evented, set(value, 'parentState', this); get(this, 'childStates').pushObject(value); states[name] = value; + return value; } }, @@ -14861,22 +16419,26 @@ Ember.State = Ember.Object.extend(Ember.Evented, in the state hierarchy. This is false if the state has child states; otherwise it is true. + @property isLeaf @type Boolean */ isLeaf: Ember.computed(function() { return !get(this, 'childStates').length; - }).cacheable(), + }), /** A boolean value indicating whether the state takes a context. By default we assume all states take contexts. + + @property hasContext + @default true */ hasContext: true, /** This is the default transition event. - @event + @event setup @param {Ember.StateManager} manager @param context @see Ember.StateManager#transitionEvent @@ -14886,7 +16448,7 @@ Ember.State = Ember.Object.extend(Ember.Evented, /** This event fires when the state is entered. - @event + @event enter @param {Ember.StateManager} manager */ enter: Ember.K, @@ -14894,62 +16456,64 @@ Ember.State = Ember.Object.extend(Ember.Evented, /** This event fires when the state is exited. - @event + @event exit @param {Ember.StateManager} manager */ exit: Ember.K }); -var Event = Ember.$ && Ember.$.Event; - -Ember.State.reopenClass( -/** @scope Ember.State */{ +Ember.State.reopenClass({ /** - @static + Creates an action function for transitioning to the named state while preserving context. - Creates an action function for transitioning to the named state while preserving context. + The following example StateManagers are equivalent: - The following example StateManagers are equivalent: - - aManager = Ember.StateManager.create({ - stateOne: Ember.State.create({ - changeToStateTwo: Ember.State.transitionTo('stateTwo') - }), - stateTwo: Ember.State.create({}) - }) + aManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: Ember.State.transitionTo('stateTwo') + }), + stateTwo: Ember.State.create({}) + }) - bManager = Ember.StateManager.create({ - stateOne: Ember.State.create({ - changeToStateTwo: function(manager, context){ - manager.transitionTo('stateTwo', context) - } - }), - stateTwo: Ember.State.create({}) - }) + bManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: function(manager, context){ + manager.transitionTo('stateTwo', context) + } + }), + stateTwo: Ember.State.create({}) + }) - @param {String} target + @method transitionTo + @static + @param {String} target */ + transitionTo: function(target) { - var event = function(stateManager, context) { - if (Event && context instanceof Event) { - if (context.hasOwnProperty('context')) { - context = context.context; - } else { - // If we received an event and it doesn't contain - // a context, don't pass along a superfluous - // context to the target of the event. - return stateManager.transitionTo(target); + + var transitionFunction = function(stateManager, contextOrEvent) { + var contexts = [], transitionArgs, + Event = Ember.$ && Ember.$.Event; + + if (contextOrEvent && (Event && contextOrEvent instanceof Event)) { + if (contextOrEvent.hasOwnProperty('contexts')) { + contexts = contextOrEvent.contexts.slice(); } } + else { + contexts = [].slice.call(arguments, 1); + } - stateManager.transitionTo(target, context); + contexts.unshift(target); + stateManager.transitionTo.apply(stateManager, contexts); }; - event.transitionTarget = target; + transitionFunction.transitionTarget = target; - return event; + return transitionFunction; } + }); })(); @@ -14957,16 +16521,22 @@ Ember.State.reopenClass( (function() { +/** +@module ember +@submodule ember-states +*/ + var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; var arrayForEach = Ember.ArrayPolyfills.forEach; /** - @private - A Transition takes the enter, exit and resolve states and normalizes them: * takes any passed in contexts into consideration * adds in `initialState`s + + @class Transition + @private */ var Transition = function(raw) { this.enterStates = raw.enterStates.slice(); @@ -14978,12 +16548,11 @@ var Transition = function(raw) { Transition.prototype = { /** - @private - Normalize the passed in enter, exit and resolve states. This process also adds `finalState` and `contexts` to the Transition object. + @method normalize @param {Ember.StateManager} manager the state manager running the transition @param {Array} contexts a list of contexts passed into `transitionTo` */ @@ -14995,12 +16564,11 @@ Transition.prototype = { }, /** - @private - Match each of the contexts passed to `transitionTo` to a state. This process may also require adding additional enter and exit states if there are more contexts than enter states. + @method matchContextsToStates @param {Array} contexts a list of contexts passed into `transitionTo` */ matchContextsToStates: function(contexts) { @@ -15073,9 +16641,9 @@ Transition.prototype = { }, /** - @private - Add any `initialState`s to the list of enter states. + + @method addInitialStates */ addInitialStates: function() { var finalState = this.finalState, initialState; @@ -15093,12 +16661,11 @@ Transition.prototype = { }, /** - @private - Remove any states that were added because the number of contexts exceeded the number of explicit enter states, but the context has not changed since the last time the state was entered. + @method removeUnchangedContexts @param {Ember.StateManager} manager passed in to look up the last context for a states */ @@ -15121,8 +16688,6 @@ Transition.prototype = { }; /** - @class - StateManager is part of Ember's implementation of a finite state machine. A StateManager instance manages a number of properties that are instances of `Ember.State`, tracks the current active state, and triggers callbacks when states have changed. @@ -15486,14 +17051,20 @@ Transition.prototype = { }), stateTwo: Ember.State.create({}) }) -**/ -Ember.StateManager = Ember.State.extend( -/** @scope Ember.StateManager.prototype */ { + @class StateManager + @namespace Ember + @extends Ember.State +**/ +Ember.StateManager = Ember.State.extend({ /** + @private + When creating a new statemanager, look for a default state to transition into. This state can either be named `start`, or can be specified using the `initialState` property. + + @method init */ init: function() { this._super(); @@ -15536,15 +17107,27 @@ Ember.StateManager = Ember.State.extend( The current state from among the manager's possible states. This property should not be set directly. Use `transitionTo` to move between states by name. + @property currentState @type Ember.State - @readOnly */ currentState: null, + /** + The path of the current state. Returns a string representation of the current + state. + + @property currentPath + @type String + */ + currentPath: Ember.computed('currentState', function() { + return get(this, 'currentState.path'); + }), + /** The name of transitionEvent that this stateManager will dispatch - @property {String} + @property transitionEvent + @type String @default 'setup' */ transitionEvent: 'setup', @@ -15554,19 +17137,30 @@ Ember.StateManager = Ember.State.extend( raised if you attempt to send an event to a state manager that is not handled by the current state or any of its parent states. + @property errorOnUnhandledEvents @type Boolean @default true */ errorOnUnhandledEvent: true, - send: function(event, context) { + send: function(event) { + var contexts, sendRecursiveArguments; + Ember.assert('Cannot send event "' + event + '" while currentState is ' + get(this, 'currentState'), get(this, 'currentState')); - return this.sendRecursively(event, get(this, 'currentState'), context); + + contexts = [].slice.call(arguments, 1); + sendRecursiveArguments = contexts; + sendRecursiveArguments.unshift(event, get(this, 'currentState')); + + return this.sendRecursively.apply(this, sendRecursiveArguments); }, - sendRecursively: function(event, currentState, context) { + sendRecursively: function(event, currentState) { var log = this.enableLogging, - action = currentState[event]; + action = currentState[event], + contexts, sendRecursiveArguments, actionArguments; + + contexts = [].slice.call(arguments, 2); // Test to see if the action is a method that // can be invoked. Don't blindly check just for @@ -15576,11 +17170,19 @@ Ember.StateManager = Ember.State.extend( // case. if (typeof action === 'function') { if (log) { Ember.Logger.log(fmt("STATEMANAGER: Sending event '%@' to state %@.", [event, get(currentState, 'path')])); } - return action.call(currentState, this, context); + + actionArguments = contexts; + actionArguments.unshift(this); + + return action.apply(currentState, actionArguments); } else { var parentState = get(currentState, 'parentState'); if (parentState) { - return this.sendRecursively(event, parentState, context); + + sendRecursiveArguments = contexts; + sendRecursiveArguments.unshift(event, parentState); + + return this.sendRecursively.apply(this, sendRecursiveArguments); } else if (get(this, 'errorOnUnhandledEvent')) { throw new Ember.Error(this.toString() + " could not respond to event " + event + " in state " + get(this, 'currentState.path') + "."); } @@ -15602,15 +17204,16 @@ Ember.StateManager = Ember.State.extend( // returns the dashboard state + @method getStateByPath @param {Ember.State} root the state to start searching from @param {String} path the state path to follow - @returns {Ember.State} the state at the end of the path + @return {Ember.State} the state at the end of the path */ getStateByPath: function(root, path) { var parts = path.split('.'), state = root; - for (var i=0, l=parts.length; i 0; + } + }), + + /** + @private + + The model class associated with the current state. This property + uses the `modelType` property, in order to allow it to be + specified as a String. + + @property modelClass + @type Ember.Object + */ + modelClass: Ember.computed(function() { + var modelType = get(this, 'modelType'); + + if (typeof modelType === 'string') { + return Ember.get(Ember.lookup, modelType); + } else { + return modelType; + } + }), + + /** + @private + + Get the model class for the state. The heuristic is: + + * The state must have a single dynamic segment + * The dynamic segment must end in `_id` + * A dynamic segment like `blog_post_id` is converted into `BlogPost` + * The name is then looked up on the passed in namespace + + The process of initializing an application with a router will + pass the application's namespace into the router, which will be + used here. + + @method modelClassFor + @param namespace {Ember.Namespace} + */ + modelClassFor: function(namespace) { + var modelClass, routeMatcher, identifiers, match, className; + + // if an explicit modelType was specified, use that + if (modelClass = get(this, 'modelClass')) { return modelClass; } + + // if the router has no lookup namespace, we won't be able to guess + // the modelType + if (!namespace) { return; } + + // make sure this state is actually a routable state + routeMatcher = get(this, 'routeMatcher'); + if (!routeMatcher) { return; } + + // only guess modelType for states with a single dynamic segment + // (no more, no fewer) + identifiers = routeMatcher.identifiers; + if (identifiers.length !== 2) { return; } + + // extract the `_id` from the end of the dynamic segment; if the + // dynamic segment does not end in `_id`, we can't guess the + // modelType + match = identifiers[1].match(/^(.*)_id$/); + if (!match) { return; } + + // convert the underscored type into a class form and look it up + // on the router's namespace + className = Ember.String.classify(match[1]); + return get(namespace, className); + }, + + /** + The default method that takes a `params` object and converts + it into an object. + + By default, a params hash that looks like `{ post_id: 1 }` + will be looked up as `namespace.Post.find(1)`. This is + designed to work seamlessly with Ember Data, but will work + fine with any class that has a `find` method. + + @method deserialize + @param manager {Ember.StateManager} + @param params {Hash} + */ + deserialize: function(manager, params) { + var modelClass, routeMatcher, param; + + if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { + Ember.assert("Expected "+modelClass.toString()+" to implement `find` for use in '"+this.get('path')+"' `deserialize`. Please implement the `find` method or overwrite `deserialize`.", modelClass.find); + return modelClass.find(params[paramForClass(modelClass)]); + } + + return params; + }, + + /** + The default method that takes an object and converts it into + a params hash. + + By default, if there is a single dynamic segment named + `blog_post_id` and the object is a `BlogPost` with an + `id` of `12`, the serialize method will produce: + + { blog_post_id: 12 } + + @method serialize + @param manager {Ember.StateManager} + @param context + */ + serialize: function(manager, context) { + var modelClass, routeMatcher, namespace, param, id; + + if (Ember.empty(context)) { return ''; } + + if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { + param = paramForClass(modelClass); + id = get(context, 'id'); + context = {}; + context[param] = id; + } + + return context; + }, + + /** + @private + @method resolvePath + @param manager {Ember.StateManager} + @param path {String} + */ + resolvePath: function(manager, path) { + if (get(this, 'isLeafRoute')) { return Ember.A(); } + + var childStates = get(this, 'childStates'), match; + + childStates = Ember.A(childStates.filterProperty('isRoutable')); + + childStates = childStates.sort(function(a, b) { + var aDynamicSegments = get(a, 'routeMatcher.identifiers.length'), + bDynamicSegments = get(b, 'routeMatcher.identifiers.length'), + aRoute = get(a, 'route'), + bRoute = get(b, 'route'); + + if (aRoute.indexOf(bRoute) === 0) { + return -1; + } else if (bRoute.indexOf(aRoute) === 0) { + return 1; + } + + if (aDynamicSegments !== bDynamicSegments) { + return aDynamicSegments - bDynamicSegments; + } + + return get(b, 'route.length') - get(a, 'route.length'); + }); + + var state = childStates.find(function(state) { + var matcher = get(state, 'routeMatcher'); + if (match = matcher.match(path)) { return true; } + }); + + Ember.assert("Could not find state for path " + path, !!state); + + var resolvedState = Ember._ResolvedState.create({ + manager: manager, + state: state, + match: match + }); + + var states = state.resolvePath(manager, match.remaining); + + return Ember.A([resolvedState]).pushObjects(states); + }, + + /** + @private + + Once `unroute` has finished unwinding, `routePath` will be called + with the remainder of the route. + + For example, if you were in the /posts/1/comments state, and you + moved into the /posts/2/comments state, `routePath` will be called + on the state whose path is `/posts` with the path `/2/comments`. + + @method routePath + @param manager {Ember.StateManager} + @param path {String} + */ + routePath: function(manager, path) { + if (get(this, 'isLeafRoute')) { return; } + + var resolvedStates = this.resolvePath(manager, path), + hasPromises = resolvedStates.some(function(s) { return get(s, 'hasPromise'); }); + + function runTransition() { + resolvedStates.forEach(function(rs) { rs.transition(); }); + } + + if (hasPromises) { + manager.transitionTo('loading'); + + Ember.assert('Loading state should be the child of a route', Ember.Routable.detect(get(manager, 'currentState.parentState'))); + Ember.assert('Loading state should not be a route', !Ember.Routable.detect(get(manager, 'currentState'))); + + manager.handleStatePromises(resolvedStates, runTransition); + } else { + runTransition(); + } + }, + + /** + @private + + When you move to a new route by pressing the back + or forward button, this method is called first. + + Its job is to move the state manager into a parent + state of the state it will eventually move into. + + @method unroutePath + @param router {Ember.Router} + @param path {String} + */ + unroutePath: function(router, path) { + var parentState = get(this, 'parentState'); + + // If we're at the root state, we're done + if (parentState === router) { + return; + } + + path = path.replace(/^(?=[^\/])/, "/"); + var absolutePath = this.absoluteRoute(router); + + var route = get(this, 'route'); + + // If the current path is empty, move up one state, + // because the index ('/') state must be a leaf node. + if (route !== '/') { + // If the current path is a prefix of the path we're trying + // to go to, we're done. + var index = path.indexOf(absolutePath), + next = path.charAt(absolutePath.length); + + if (index === 0 && (next === "/" || next === "")) { + return; + } + } + + // Transition to the parent and call unroute again. + router.enterState({ + exitStates: [this], + enterStates: [], + finalState: parentState + }); + + router.send('unroutePath', path); + }, + + parentTemplate: Ember.computed(function() { + var state = this, parentState, template; + + while (state = get(state, 'parentState')) { + if (template = get(state, 'template')) { + return template; + } + } + + return 'application'; + }), + + _template: Ember.computed(function(key, value) { + if (arguments.length > 1) { return value; } + + if (value = get(this, 'template')) { + return value; + } + + // If no template was explicitly supplied convert + // the class name into a template name. For example, + // App.PostRoute will return `post`. + var className = this.constructor.toString(), baseName; + if (/^[^\[].*Route$/.test(className)) { + baseName = className.match(/([^\.]+\.)*([^\.]+)/)[2]; + baseName = baseName.replace(/Route$/, ''); + return baseName.charAt(0).toLowerCase() + baseName.substr(1); + } + }), + + render: function(options) { + options = options || {}; + + var template = options.template || get(this, '_template'), + parentTemplate = options.into || get(this, 'parentTemplate'), + controller = get(this.router, parentTemplate + "Controller"); + + var viewName = Ember.String.classify(template) + "View", + viewClass = get(get(this.router, 'namespace'), viewName); + + viewClass = (viewClass || Ember.View).extend({ + templateName: template + }); + + controller.set('view', viewClass.create()); + }, + + /** + The `connectOutlets` event will be triggered once a + state has been entered. It will be called with the + route's context. + + @event connectOutlets + @param router {Ember.Router} + @param [context*] + */ + connectOutlets: Ember.K, + + /** + The `navigateAway` event will be triggered when the + URL changes due to the back/forward button + + @event navigateAway + */ + navigateAway: Ember.K +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-routing +*/ + +/** + @class Route + @namespace Ember + @extends Ember.State + @uses Ember.Routable +*/ +Ember.Route = Ember.State.extend(Ember.Routable); + +})(); + + + +(function() { +var escapeForRegex = function(text) { + return text.replace(/[\-\[\]{}()*+?.,\\\^\$|#\s]/g, "\\$&"); }; /** - @class - @extends Ember.Mixin + @class _RouteMatcher + @namespace Ember + @private + @extends Ember.Object */ -Ember.Routable = Ember.Mixin.create({ - init: function() { - var redirection; - this.on('connectOutlets', this, this.stashContext); +Ember._RouteMatcher = Ember.Object.extend({ + state: null, - if (redirection = get(this, 'redirectsTo')) { - Ember.assert("You cannot use `redirectsTo` if you already have a `connectOutlets` method", this.connectOutlets === Ember.K); + init: function() { + var route = this.route, + identifiers = [], + count = 1, + escaped; - this.connectOutlets = function(router) { - router.transitionTo(redirection); - }; + // Strip off leading slash if present + if (route.charAt(0) === '/') { + route = this.route = route.substr(1); } - // normalize empty route to '/' - var route = get(this, 'route'); - if (route === '') { - route = '/'; - } + escaped = escapeForRegex(route); - this._super(); + var regex = escaped.replace(/(:|(?:\\\*))([a-z_]+)(?=$|\/)/gi, function(match, type, id) { + identifiers[count++] = id; + switch (type) { + case ":": + return "([^/]+)"; + case "\\*": + return "(.+)"; + } + }); - Ember.assert("You cannot use `redirectsTo` on a state that has child states", !redirection || (!!redirection && !!get(this, 'isLeaf'))); + this.identifiers = identifiers; + this.regex = new RegExp("^/?" + regex); }, - /** - @private + match: function(path) { + var match = path.match(this.regex); - Whenever a routable state is entered, the context it was entered with - is stashed so that we can regenerate the state's `absoluteURL` on - demand. - */ - stashContext: function(manager, context) { - var serialized = this.serialize(manager, context); - Ember.assert('serialize must return a hash', !serialized || typeof serialized === 'object'); + if (match) { + var identifiers = this.identifiers, + hash = {}; - manager.setStateMeta(this, 'context', context); - manager.setStateMeta(this, 'serialized', serialized); + for (var i=1, l=identifiers.length; i 0 ? hash : null + }; } }, - /** - @private + generate: function(hash) { + var identifiers = this.identifiers, route = this.route, id; + for (var i=1, l=identifiers.length; i 0; - } - }).cacheable(), +/** + Ember.NoneLocation does not interact with the browser. It is useful for + testing, or when you need to manage state with your Router, but temporarily + don't want it to muck with the URL (for example when you embed your + application in a larger page). - /** - @private + @class NoneLocation + @namespace Ember + @extends Ember.Object +*/ +Ember.NoneLocation = Ember.Object.extend({ + path: '', - The model class associated with the current state. This property - uses the `modelType` property, in order to allow it to be - specified as a String. - */ - modelClass: Ember.computed(function() { - var modelType = get(this, 'modelType'); + getURL: function() { + return get(this, 'path'); + }, - if (typeof modelType === 'string') { - return Ember.get(window, modelType); - } else { - return modelType; - } - }).cacheable(), + setURL: function(path) { + set(this, 'path', path); + }, - /** - @private + onUpdateURL: function(callback) { + // We are not wired up to the browser, so we'll never trigger the callback. + }, - Get the model class for the state. The heuristic is: + formatURL: function(url) { + // The return value is not overly meaningful, but we do not want to throw + // errors when test code renders templates containing {{action href=true}} + // helpers. + return url; + } +}); - * The state must have a single dynamic segment - * The dynamic segment must end in `_id` - * A dynamic segment like `blog_post_id` is converted into `BlogPost` - * The name is then looked up on the passed in namespace +Ember.Location.registerImplementation('none', Ember.NoneLocation); - The process of initializing an application with a router will - pass the application's namespace into the router, which will be - used here. - */ - modelClassFor: function(namespace) { - var modelClass, routeMatcher, identifiers, match, className; +})(); - // if an explicit modelType was specified, use that - if (modelClass = get(this, 'modelClass')) { return modelClass; } - // if the router has no lookup namespace, we won't be able to guess - // the modelType - if (!namespace) { return; } - // make sure this state is actually a routable state - routeMatcher = get(this, 'routeMatcher'); - if (!routeMatcher) { return; } +(function() { +/** +@module ember +@submodule ember-routing +*/ - // only guess modelType for states with a single dynamic segment - // (no more, no fewer) - identifiers = routeMatcher.identifiers; - if (identifiers.length !== 2) { return; } +var get = Ember.get, set = Ember.set; + +/** + Ember.HashLocation implements the location API using the browser's + hash. At present, it relies on a hashchange event existing in the + browser. - // extract the `_id` from the end of the dynamic segment; if the - // dynamic segment does not end in `_id`, we can't guess the - // modelType - match = identifiers[1].match(/^(.*)_id$/); - if (!match) { return; } + @class HashLocation + @namespace Ember + @extends Ember.Object +*/ +Ember.HashLocation = Ember.Object.extend({ - // convert the underscored type into a class form and look it up - // on the router's namespace - className = Ember.String.classify(match[1]); - return get(namespace, className); + init: function() { + set(this, 'location', get(this, 'location') || window.location); }, /** - The default method that takes a `params` object and converts - it into an object. + @private - By default, a params hash that looks like `{ post_id: 1 }` - will be looked up as `namespace.Post.find(1)`. This is - designed to work seamlessly with Ember Data, but will work - fine with any class that has a `find` method. + Returns the current `location.hash`, minus the '#' at the front. + + @method getURL */ - deserialize: function(manager, params) { - var modelClass, routeMatcher, param; + getURL: function() { + return get(this, 'location').hash.substr(1); + }, - if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { - Ember.assert("Expected "+modelClass.toString()+" to implement `find` for use in '"+this.get('path')+"' `deserialize`. Please implement the `find` method or overwrite `deserialize`.", modelClass.find); - return modelClass.find(params[paramForClass(modelClass)]); - } + /** + @private - return params; + Set the `location.hash` and remembers what was set. This prevents + `onUpdateURL` callbacks from triggering when the hash was set by + `HashLocation`. + + @method setURL + @param path {String} + */ + setURL: function(path) { + get(this, 'location').hash = path; + set(this, 'lastSetURL', path); }, /** - The default method that takes an object and converts it into - a params hash. + @private - By default, if there is a single dynamic segment named - `blog_post_id` and the object is a `BlogPost` with an - `id` of `12`, the serialize method will produce: + Register a callback to be invoked when the hash changes. These + callbacks will execute when the user presses the back or forward + button, but not after `setURL` is invoked. - { blog_post_id: 12 } + @method onUpdateURL + @param callback {Function} */ - serialize: function(manager, context) { - var modelClass, routeMatcher, namespace, param, id; + onUpdateURL: function(callback) { + var self = this; + var guid = Ember.guidFor(this); - if (Ember.empty(context)) { return ''; } + Ember.$(window).bind('hashchange.ember-location-'+guid, function() { + var path = location.hash.substr(1); + if (get(self, 'lastSetURL') === path) { return; } - if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { - param = paramForClass(modelClass); - id = get(context, 'id'); - context = {}; - context[param] = id; - } + set(self, 'lastSetURL', null); - return context; + callback(location.hash.substr(1)); + }); }, /** @private + + Given a URL, formats it to be placed into the page as part + of an element's `href` attribute. + + This is used, for example, when using the {{action}} helper + to generate a URL based on an event. + + @method formatURL + @param url {String} */ - resolvePath: function(manager, path) { - if (get(this, 'isLeafRoute')) { return Ember.A(); } + formatURL: function(url) { + return '#'+url; + }, - var childStates = get(this, 'childStates'), match; + willDestroy: function() { + var guid = Ember.guidFor(this); - childStates = Ember.A(childStates.filterProperty('isRoutable')); + Ember.$(window).unbind('hashchange.ember-location-'+guid); + } +}); - childStates = childStates.sort(function(a, b) { - var aDynamicSegments = get(a, 'routeMatcher.identifiers.length'), - bDynamicSegments = get(b, 'routeMatcher.identifiers.length'), - aRoute = get(a, 'route'), - bRoute = get(b, 'route'); +Ember.Location.registerImplementation('hash', Ember.HashLocation); - if (aRoute.indexOf(bRoute) === 0) { - return -1; - } else if (bRoute.indexOf(aRoute) === 0) { - return 1; - } +})(); - if (aDynamicSegments !== bDynamicSegments) { - return aDynamicSegments - bDynamicSegments; - } - return get(b, 'route.length') - get(a, 'route.length'); - }); - var state = childStates.find(function(state) { - var matcher = get(state, 'routeMatcher'); - if (match = matcher.match(path)) { return true; } - }); +(function() { +/** +@module ember +@submodule ember-routing +*/ - Ember.assert("Could not find state for path " + path, !!state); +var get = Ember.get, set = Ember.set; +var popstateReady = false; - var resolvedState = Ember._ResolvedState.create({ - manager: manager, - state: state, - match: match - }); +/** + Ember.HistoryLocation implements the location API using the browser's + history.pushState API. - var states = state.resolvePath(manager, match.remaining); + @class HistoryLocation + @namespace Ember + @extends Ember.Object +*/ +Ember.HistoryLocation = Ember.Object.extend({ - return Ember.A([resolvedState]).pushObjects(states); + init: function() { + set(this, 'location', get(this, 'location') || window.location); + this.initState(); }, /** @private - Once `unroute` has finished unwinding, `routePath` will be called - with the remainder of the route. + Used to set state on first call to setURL - For example, if you were in the /posts/1/comments state, and you - moved into the /posts/2/comments state, `routePath` will be called - on the state whose path is `/posts` with the path `/2/comments`. + @method initState */ - routePath: function(manager, path) { - if (get(this, 'isLeafRoute')) { return; } + initState: function() { + this.replaceState(get(this, 'location').pathname); + set(this, 'history', window.history); + }, - var resolvedStates = this.resolvePath(manager, path), - hasPromises = resolvedStates.some(function(s) { return get(s, 'hasPromise'); }); + /** + Will be pre-pended to path upon state change - function runTransition() { - resolvedStates.forEach(function(rs) { rs.transition(); }); - } + @property rootURL + @default '/' + */ + rootURL: '/', - if (hasPromises) { - manager.transitionTo('loading'); + /** + @private - Ember.assert('Loading state should be the child of a route', Ember.Routable.detect(get(manager, 'currentState.parentState'))); - Ember.assert('Loading state should not be a route', !Ember.Routable.detect(get(manager, 'currentState'))); + Returns the current `location.pathname`. - manager.handleStatePromises(resolvedStates, runTransition); - } else { - runTransition(); - } + @method getURL + */ + getURL: function() { + return get(this, 'location').pathname; }, /** @private - When you move to a new route by pressing the back - or forward button, this method is called first. + Uses `history.pushState` to update the url without a page reload. - Its job is to move the state manager into a parent - state of the state it will eventually move into. + @method setURL + @param path {String} */ - unroutePath: function(router, path) { - var parentState = get(this, 'parentState'); - - // If we're at the root state, we're done - if (parentState === router) { - return; - } - - path = path.replace(/^(?=[^\/])/, "/"); - var absolutePath = this.absoluteRoute(router); - - var route = get(this, 'route'); - - // If the current path is empty, move up one state, - // because the index ('/') state must be a leaf node. - if (route !== '/') { - // If the current path is a prefix of the path we're trying - // to go to, we're done. - var index = path.indexOf(absolutePath), - next = path.charAt(absolutePath.length); + setURL: function(path) { + path = this.formatURL(path); - if (index === 0 && (next === "/" || next === "")) { - return; - } + if (this.getState().path !== path) { + popstateReady = true; + this.pushState(path); } - - // Transition to the parent and call unroute again. - router.enterState({ - exitStates: [this], - enterStates: [], - finalState: parentState - }); - - router.send('unroutePath', path); }, /** - The `connectOutlets` event will be triggered once a - state has been entered. It will be called with the - route's context. - */ - connectOutlets: Ember.K, - - /** - The `navigateAway` event will be triggered when the - URL changes due to the back/forward button - */ - navigateAway: Ember.K -}); - -})(); + @private + Get the current `history.state` + @method getState + */ + getState: function() { + return get(this, 'history').state; + }, -(function() { -/** - @class - @extends Ember.Routable -*/ -Ember.Route = Ember.State.extend(Ember.Routable); + /** + @private -})(); + Pushes a new state + @method pushState + @param path {String} + */ + pushState: function(path) { + window.history.pushState({ path: path }, null, path); + }, + /** + @private -(function() { -var escapeForRegex = function(text) { - return text.replace(/[\-\[\]{}()*+?.,\\\^\$|#\s]/g, "\\$&"); -}; + Replaces the current state -Ember._RouteMatcher = Ember.Object.extend({ - state: null, + @method replaceState + @param path {String} + */ + replaceState: function(path) { + window.history.replaceState({ path: path }, null, path); + }, - init: function() { - var route = this.route, - identifiers = [], - count = 1, - escaped; + /** + @private - // Strip off leading slash if present - if (route.charAt(0) === '/') { - route = this.route = route.substr(1); - } + Register a callback to be invoked whenever the browser + history changes, including using forward and back buttons. - escaped = escapeForRegex(route); + @method onUpdateURL + @param callback {Function} + */ + onUpdateURL: function(callback) { + var guid = Ember.guidFor(this); - var regex = escaped.replace(/:([a-z_]+)(?=$|\/)/gi, function(match, id) { - identifiers[count++] = id; - return "([^/]+)"; + Ember.$(window).bind('popstate.ember-location-'+guid, function(e) { + if(!popstateReady) { + return; + } + callback(location.pathname); }); - - this.identifiers = identifiers; - this.regex = new RegExp("^/?" + regex); }, - match: function(path) { - var match = path.match(this.regex); + /** + @private - if (match) { - var identifiers = this.identifiers, - hash = {}; + Used when using `{{action}}` helper. The url is always appended to the rootURL. - for (var i=1, l=identifiers.length; i 0 ? hash : null - }; + if (url !== '') { + rootURL = rootURL.replace(/\/$/, ''); } + + return rootURL + url; }, - generate: function(hash) { - var identifiers = this.identifiers, route = this.route, id; - for (var i=1, l=identifiers.length; i -

{{title}}

- + ``` handlebars + + ``` Will delegate `click` events on the rendered `h1` to the application's router instance. In this case the `anActionOnTheRouter` method of the state at 'root.aRoute' will be called with the view's controller @@ -16737,39 +18854,44 @@ var merge = function(original, hash) { Different `context` can be supplied from within the `{{action}}` helper, allowing specific context passing between application states: - + ``` handlebars + + ``` - See Handlebars.helpers.action for additional usage examples. + See `Handlebars.helpers.action` for additional usage examples. ## Changing View Hierarchy in Response To State Change + Changes in application state that change the URL should be accompanied by associated changes in view hierarchy. This can be accomplished by calling 'connectOutlet' on the injected controller singletons from within the 'connectOutlets' event of an Ember.Route: - App = Ember.Application.create({ - OneController: Ember.ObjectController.extend(), - OneView: Ember.View.extend(), + ``` javascript + App = Ember.Application.create({ + OneController: Ember.ObjectController.extend(), + OneView: Ember.View.extend(), - AnotherController: Ember.ObjectController.extend(), - AnotherView: Ember.View.extend(), + AnotherController: Ember.ObjectController.extend(), + AnotherView: Ember.View.extend(), - Router: Ember.Router.extend({ - root: Ember.Route.extend({ - aRoute: Ember.Route.extend({ - route: '/', - connectOutlets: function(router, context) { - router.get('oneController').connectOutlet('another'); - }, - }) - }) + Router: Ember.Router.extend({ + root: Ember.Route.extend({ + aRoute: Ember.Route.extend({ + route: '/', + connectOutlets: function(router, context) { + router.get('oneController').connectOutlet('another'); + }, }) - }); - App.initialize(); + }) + }) + }); + App.initialize(); + ``` This will detect the '{{outlet}}' portion of `oneController`'s view (an instance of `App.OneView`) and @@ -16781,13 +18903,16 @@ var merge = function(original, hash) { controller injections, see `Ember.Application#initialize()`. For additional information about view context, see `Ember.View`. + @class Router + @namespace Ember @extends Ember.StateManager */ Ember.Router = Ember.StateManager.extend( /** @scope Ember.Router.prototype */ { /** - @property {String} + @property initialState + @type String @default 'root' */ initialState: 'root', @@ -16797,9 +18922,12 @@ Ember.Router = Ember.StateManager.extend( URL state. The following values are supported: * 'hash': Uses URL fragment identifiers (like #/blog/1) for routing. + * 'history': Uses the browser's history.pushstate API for routing. Only works in + modern browsers with pushstate support. * 'none': Does not read or set the browser URL, but still allows for routing to happen. Useful for testing. + @property location @type String @default 'hash' */ @@ -16809,20 +18937,13 @@ Ember.Router = Ember.StateManager.extend( This is only used when a history location is used so that applications that don't live at the root of the domain can append paths to their root. + @property rootURL @type String @default '/' */ rootURL: '/', - /** - On router, transitionEvent should be called connectOutlets - - @property {String} - @default 'connectOutlets' - */ - transitionEvent: 'connectOutlets', - transitionTo: function() { this.abortRoutingPromises(); this._super.apply(this, arguments); @@ -16836,6 +18957,7 @@ Ember.Router = Ember.StateManager.extend( var routableState; try { + path = path.replace(get(this, 'rootURL'), ''); path = path.replace(/^(?=[^\/])/, "/"); this.send('navigateAway'); @@ -16867,8 +18989,8 @@ Ember.Router = Ember.StateManager.extend( var currentState = get(this, 'currentState') || this, state = this.findStateByPath(currentState, path); - Ember.assert(Ember.String.fmt("Could not find route with path '%@'", [path]), !!state); - Ember.assert("To get a URL for a state, it must have a `route` property.", !!get(state, 'routeMatcher')); + Ember.assert(Ember.String.fmt("Could not find route with path '%@'", [path]), state); + Ember.assert(Ember.String.fmt("To get a URL for the state '%@', it must have a `route` property.", [path]), get(state, 'routeMatcher')); var location = get(this, 'location'), absoluteRoute = state.absoluteRoute(this, hash); @@ -16881,18 +19003,17 @@ Ember.Router = Ember.StateManager.extend( var currentState = get(this, 'currentState'); var targetStateName = currentState.lookupEventTransition(eventName); - Ember.assert(Ember.String.fmt("You must specify a target state for event '%@' in order to link to it in the current state '%@'.", [eventName, get(currentState, 'path')]), !!targetStateName); + Ember.assert(Ember.String.fmt("You must specify a target state for event '%@' in order to link to it in the current state '%@'.", [eventName, get(currentState, 'path')]), targetStateName); var targetState = this.findStateByPath(currentState, targetStateName); - Ember.assert("Your target state name " + targetStateName + " for event " + eventName + " did not resolve to a state", !!targetState); + Ember.assert("Your target state name " + targetStateName + " for event " + eventName + " did not resolve to a state", targetState); var hash = this.serializeRecursively(targetState, contexts, {}); return this.urlFor(targetStateName, hash); }, - /** @private */ serializeRecursively: function(state, contexts, hash) { var parentState, context = get(state, 'hasContext') ? contexts.pop() : null; @@ -16912,9 +19033,6 @@ Ember.Router = Ember.StateManager.extend( } }, - /** - @private - */ handleStatePromises: function(states, complete) { this.abortRoutingPromises(); @@ -16923,390 +19041,77 @@ Ember.Router = Ember.StateManager.extend( var manager = this; this._routingPromises = Ember._PromiseChain.create({ - promises: states.slice(), - - successCallback: function() { - manager.set('isLocked', false); - complete(); - }, - - failureCallback: function() { - throw "Unable to load object"; - }, - - promiseSuccessCallback: function(item, args) { - set(item, 'object', args[0]); - }, - - abortCallback: function() { - manager.set('isLocked', false); - } - }).start(); - }, - - /** @private */ - init: function() { - this._super(); - - var location = get(this, 'location'), - rootURL = get(this, 'rootURL'); - - if ('string' === typeof location) { - set(this, 'location', Ember.Location.create({ - implementation: location, - rootURL: rootURL - })); - } - }, - - /** @private */ - willDestroy: function() { - get(this, 'location').destroy(); - } -}); - -})(); - - - -(function() { -// ========================================================================== -// Project: Ember Routing -// Copyright: ©2012 Tilde Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== - -})(); - -(function() { -var get = Ember.get; - -Ember.StateManager.reopen( -/** @scope Ember.StateManager.prototype */ { - - /** - If the current state is a view state or the descendent of a view state, - this property will be the view associated with it. If there is no - view state active in this state manager, this value will be null. - - @type Ember.View - */ - currentView: Ember.computed(function() { - var currentState = get(this, 'currentState'), - view; - - while (currentState) { - // TODO: Remove this when view state is removed - if (get(currentState, 'isViewState')) { - view = get(currentState, 'view'); - if (view) { return view; } - } - - currentState = get(currentState, 'parentState'); - } - - return null; - }).property('currentState').cacheable() - -}); - -})(); - - - -(function() { -var get = Ember.get, set = Ember.set; -/** - @class - @deprecated - - Ember.ViewState extends Ember.State to control the presence of a childView within a - container based on the current state of the ViewState's StateManager. - - ## Interactions with Ember's View System. - When combined with instances of `Ember.StateManager`, ViewState is designed to - interact with Ember's view system to control which views are added to - and removed from the DOM based on the manager's current state. - - By default, a StateManager will manage views inside the 'body' element. This can be - customized by setting the `rootElement` property to a CSS selector of an existing - HTML element you would prefer to receive view rendering. - - - viewStates = Ember.StateManager.create({ - rootElement: '#some-other-element' - }) - - You can also specify a particular instance of `Ember.ContainerView` you would like to receive - view rendering by setting the `rootView` property. You will be responsible for placing - this element into the DOM yourself. - - aLayoutView = Ember.ContainerView.create() - - // make sure this view instance is added to the browser - aLayoutView.appendTo('body') - - App.viewStates = Ember.StateManager.create({ - rootView: aLayoutView - }) - - - Once you have an instance of StateManager controlling a view, you can provide states - that are instances of `Ember.ViewState`. When the StateManager enters a state - that is an instance of `Ember.ViewState` that `ViewState`'s `view` property will be - instantiated and inserted into the StateManager's `rootView` or `rootElement`. - When a state is exited, the `ViewState`'s view will be removed from the StateManager's - view. - - ContactListView = Ember.View.extend({ - classNames: ['my-contacts-css-class'], - template: Ember.Handlebars.compile('

People

') - }) - - PhotoListView = Ember.View.extend({ - classNames: ['my-photos-css-class'], - template: Ember.Handlebars.compile('

Photos

') - }) - - viewStates = Ember.StateManager.create({ - showingPeople: Ember.ViewState.create({ - view: ContactListView - }), - showingPhotos: Ember.ViewState.create({ - view: PhotoListView - }) - }) - - viewStates.transitionTo('showingPeople') - - The above code will change the rendered HTML from - - - - to - - -
-

People

-
- - - Changing the current state via `transitionTo` from `showingPeople` to - `showingPhotos` will remove the `showingPeople` view and add the `showingPhotos` view: - - viewStates.transitionTo('showingPhotos') - - will change the rendered HTML to - - -
-

Photos

-
- - - - When entering nested `ViewState`s, each state's view will be draw into the the StateManager's - `rootView` or `rootElement` as siblings. - - - ContactListView = Ember.View.extend({ - classNames: ['my-contacts-css-class'], - template: Ember.Handlebars.compile('

People

') - }) - - EditAContactView = Ember.View.extend({ - classNames: ['editing-a-contact-css-class'], - template: Ember.Handlebars.compile('Editing...') - }) - - viewStates = Ember.StateManager.create({ - showingPeople: Ember.ViewState.create({ - view: ContactListView, - - withEditingPanel: Ember.ViewState.create({ - view: EditAContactView - }) - }) - }) - - - viewStates.transitionTo('showingPeople.withEditingPanel') - - - Will result in the following rendered HTML: - - -
-

People

-
- -
- Editing... -
- - - - ViewState views are added and removed from their StateManager's view via their - `enter` and `exit` methods. If you need to override these methods, be sure to call - `_super` to maintain the adding and removing behavior: - - viewStates = Ember.StateManager.create({ - aState: Ember.ViewState.create({ - view: Ember.View.extend({}), - enter: function(manager){ - // calling _super ensures this view will be - // properly inserted - this._super(manager); - - // now you can do other things - } - }) - }) - - ## Managing Multiple Sections of A Page With States - Multiple StateManagers can be combined to control multiple areas of an application's rendered views. - Given the following HTML body: - - - -
-
- - - You could separately manage view state for each section with two StateManagers - - navigationStates = Ember.StateManager.create({ - rootElement: '#sidebar-nav', - userAuthenticated: Em.ViewState.create({ - view: Ember.View.extend({}) - }), - userNotAuthenticated: Em.ViewState.create({ - view: Ember.View.extend({}) - }) - }) - - contentStates = Ember.StateManager.create({ - rootElement: '#content-area', - books: Em.ViewState.create({ - view: Ember.View.extend({}) - }), - music: Em.ViewState.create({ - view: Ember.View.extend({}) - }) - }) - - - If you prefer to start with an empty body and manage state programmatically you - can also take advantage of StateManager's `rootView` property and the ability of - `Ember.ContainerView`s to manually manage their child views. - - - dashboard = Ember.ContainerView.create({ - childViews: ['navigationAreaView', 'contentAreaView'], - navigationAreaView: Ember.ContainerView.create({}), - contentAreaView: Ember.ContainerView.create({}) - }) - - navigationStates = Ember.StateManager.create({ - rootView: dashboard.get('navigationAreaView'), - userAuthenticated: Em.ViewState.create({ - view: Ember.View.extend({}) - }), - userNotAuthenticated: Em.ViewState.create({ - view: Ember.View.extend({}) - }) - }) - - contentStates = Ember.StateManager.create({ - rootView: dashboard.get('contentAreaView'), - books: Em.ViewState.create({ - view: Ember.View.extend({}) - }), - music: Em.ViewState.create({ - view: Ember.View.extend({}) - }) - }) - - dashboard.appendTo('body') + promises: states.slice(), - ## User Manipulation of State via `{{action}}` Helpers - The Handlebars `{{action}}` helper is StateManager-aware and will use StateManager action sending - to connect user interaction to action-based state transitions. + successCallback: function() { + manager.set('isLocked', false); + complete(); + }, - Given the following body and handlebars template + failureCallback: function() { + throw "Unable to load object"; + }, - - - + promiseSuccessCallback: function(item, args) { + set(item, 'object', args[0]); + }, - And application code + abortCallback: function() { + manager.set('isLocked', false); + } + }).start(); + }, - App = Ember.Application.create() - App.appStates = Ember.StateManager.create({ - initialState: 'aState', - aState: Ember.State.create({ - anAction: function(manager, context){} - }), - bState: Ember.State.create({}) - }) + moveStatesIntoRoot: function() { + this.root = Ember.Route.extend(); - A user initiated click or touch event on "Go" will trigger the 'anAction' method of - `App.appStates.aState` with `App.appStates` as the first argument and a - `jQuery.Event` object as the second object. The `jQuery.Event` will include a property - `view` that references the `Ember.View` object that was interacted with. + for (var name in this) { + if (name === "constructor") { continue; } -**/ -Ember.ViewState = Ember.State.extend( -/** @scope Ember.ViewState.prototype */ { - isViewState: true, + var state = this[name]; - init: function() { - Ember.deprecate("Ember.ViewState is deprecated and will be removed from future releases. Consider using the outlet pattern to display nested views instead. For more information, see http://emberjs.com/guides/outlets/."); - return this._super(); + if (state instanceof Ember.Route || Ember.Route.detect(state)) { + this.root[name] = state; + delete this[name]; + } + } }, - enter: function(stateManager) { - var view = get(this, 'view'), root, childViews; - - if (view) { - if (Ember.View.detect(view)) { - view = view.create(); - set(this, 'view', view); - } + init: function() { + if (!this.root) { + this.moveStatesIntoRoot(); + } - Ember.assert('view must be an Ember.View', view instanceof Ember.View); + this._super(); - root = stateManager.get('rootView'); + var location = get(this, 'location'), + rootURL = get(this, 'rootURL'); - if (root) { - childViews = get(root, 'childViews'); - childViews.pushObject(view); - } else { - root = stateManager.get('rootElement') || 'body'; - view.appendTo(root); - } + if ('string' === typeof location) { + set(this, 'location', Ember.Location.create({ + implementation: location, + rootURL: rootURL + })); } + + this.assignRouter(this, this); }, - exit: function(stateManager) { - var view = get(this, 'view'); + assignRouter: function(state, router) { + state.router = router; - if (view) { - // If the view has a parent view, then it is - // part of a view hierarchy and should be removed - // from its parent. - if (get(view, 'parentView')) { - view.removeFromParent(); - } else { + var childStates = state.states; - // Otherwise, the view is a "root view" and - // was appended directly to the DOM. - view.remove(); + if (childStates) { + for (var stateName in childStates) { + if (!childStates.hasOwnProperty(stateName)) { continue; } + this.assignRouter(childStates[stateName], router); } } + }, + + willDestroy: function() { + get(this, 'location').destroy(); } }); @@ -17315,11 +19120,13 @@ Ember.ViewState = Ember.State.extend( (function() { -// ========================================================================== -// Project: Ember Statecharts -// Copyright: ©2011 Living Social Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +Ember Routing + +@module ember +@submodule ember-routing +@requires ember-states +*/ })(); @@ -17727,31 +19534,17 @@ Ember.ViewState = Ember.State.extend( })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== -/*globals Handlebars */ -var objectCreate = Ember.create; - /** - @namespace - @name Handlebars - @private +@module ember +@submodule ember-handlebars */ -/** - @namespace - @name Handlebars.helpers - @description Helpers for Handlebars templates -*/ +var objectCreate = Ember.create; -Ember.assert("Ember Handlebars requires Handlebars 1.0.beta.5 or greater", window.Handlebars && window.Handlebars.VERSION.match(/^1\.0\.beta\.[56789]$|^1\.0\.rc\.[123456789]+/)); +var Handlebars = Ember.imports.Handlebars; +Ember.assert("Ember Handlebars requires Handlebars 1.0.beta.5 or greater", Handlebars && Handlebars.VERSION.match(/^1\.0\.beta\.[56789]$|^1\.0\.rc\.[123456789]+/)); /** - @class - Prepares the Handlebars templating library for use inside Ember's view system. @@ -17761,23 +19554,50 @@ Ember.assert("Ember Handlebars requires Handlebars 1.0.beta.5 or greater", windo To create an Ember.Handlebars template, call Ember.Handlebars.compile(). This will return a function that can be used by Ember.View for rendering. + + @class Handlebars + @namespace Ember */ Ember.Handlebars = objectCreate(Handlebars); +/** +@class helpers +@namespace Ember.Handlebars +*/ Ember.Handlebars.helpers = objectCreate(Handlebars.helpers); /** Override the the opcode compiler and JavaScript compiler for Handlebars. + + @class Compiler + @namespace Ember.Handlebars @private + @constructor */ Ember.Handlebars.Compiler = function() {}; -Ember.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype); + +// Handlebars.Compiler doesn't exist in runtime-only +if (Handlebars.Compiler) { + Ember.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype); +} + Ember.Handlebars.Compiler.prototype.compiler = Ember.Handlebars.Compiler; -/** @private */ +/** + @class JavaScriptCompiler + @namespace Ember.Handlebars + @private + @constructor +*/ Ember.Handlebars.JavaScriptCompiler = function() {}; -Ember.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype); -Ember.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler; + +// Handlebars.JavaScriptCompiler doesn't exist in runtime-only +if (Handlebars.JavaScriptCompiler) { + Ember.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype); + Ember.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler; +} + + Ember.Handlebars.JavaScriptCompiler.prototype.namespace = "Ember.Handlebars"; @@ -17786,22 +19606,29 @@ Ember.Handlebars.JavaScriptCompiler.prototype.initializeBuffer = function() { }; /** + @private + Override the default buffer for Ember Handlebars. By default, Handlebars creates an empty String at the beginning of each invocation and appends to it. Ember's Handlebars overrides this to append to a single shared buffer. - @private + @method appendToBuffer + @param string {String} */ Ember.Handlebars.JavaScriptCompiler.prototype.appendToBuffer = function(string) { return "data.buffer.push("+string+");"; }; /** - Rewrite simple mustaches from {{foo}} to {{bind "foo"}}. This means that all simple + @private + + Rewrite simple mustaches from `{{foo}}` to `{{bind "foo"}}`. This means that all simple mustaches in Ember's Handlebars will also set up an observer to keep the DOM up to date when the underlying property changes. - @private + @method mustache + @for Ember.Handlebars.Compiler + @param mustache */ Ember.Handlebars.Compiler.prototype.mustache = function(mustache) { if (mustache.params.length || mustache.hash) { @@ -17825,6 +19652,9 @@ Ember.Handlebars.Compiler.prototype.mustache = function(mustache) { Used for precompilation of Ember Handlebars templates. This will not be used during normal app execution. + @method precompile + @for Ember.Handlebars + @static @param {String} string The template to precompile */ Ember.Handlebars.precompile = function(string) { @@ -17847,26 +19677,39 @@ Ember.Handlebars.precompile = function(string) { return new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true); }; -/** - The entry point for Ember Handlebars. This replaces the default Handlebars.compile and turns on - template-local data and String parameters. +// We don't support this for Handlebars runtime-only +if (Handlebars.compile) { + /** + The entry point for Ember Handlebars. This replaces the default Handlebars.compile and turns on + template-local data and String parameters. - @param {String} string The template to compile -*/ -Ember.Handlebars.compile = function(string) { - var ast = Handlebars.parse(string); - var options = { data: true, stringParams: true }; - var environment = new Ember.Handlebars.Compiler().compile(ast, options); - var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true); + @method compile + @for Ember.Handlebars + @static + @param {String} string The template to compile + @return {Function} + */ + Ember.Handlebars.compile = function(string) { + var ast = Handlebars.parse(string); + var options = { data: true, stringParams: true }; + var environment = new Ember.Handlebars.Compiler().compile(ast, options); + var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true); - return Handlebars.template(templateSpec); -}; + return Handlebars.template(templateSpec); + }; +} /** + @private + If a path starts with a reserved keyword, returns the root that should be used. - @private + @method normalizePath + @for Ember + @param root {Object} + @param path {String} + @param data {Hash} */ var normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) { var keywords = (data && data.keywords) || {}, @@ -17897,17 +19740,20 @@ var normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) return { root: root, path: path, isKeyword: isKeyword }; }; + + /** Lookup both on root and on window. If the path starts with a keyword, the corresponding object will be looked up in the template's data hash and used to resolve the path. + @method get + @for Ember.Handlebars @param {Object} root The object to look up the property on @param {String} path The path to be lookedup @param {Object} options The template's option hash */ - -Ember.Handlebars.getPath = function(root, path, options) { +Ember.Handlebars.get = function(root, path, options) { var data = options && options.data, normalizedPath = normalizePath(root, path, data), value; @@ -17920,13 +19766,18 @@ Ember.Handlebars.getPath = function(root, path, options) { value = Ember.get(root, path); - if (value === undefined && root !== window && Ember.isGlobalPath(path)) { - value = Ember.get(window, path); + // If the path starts with a capital letter, look it up on Ember.lookup, + // which defaults to the `window` object in browsers. + if (value === undefined && root !== Ember.lookup && Ember.isGlobalPath(path)) { + value = Ember.get(Ember.lookup, path); } return value; }; +Ember.Handlebars.getPath = Ember.deprecateFunc('`Ember.Handlebars.getPath` has been changed to `Ember.Handlebars.get` for consistency.', Ember.Handlebars.get); /** + @private + Registers a helper in Handlebars that will be called if no property with the given name can be found on the current context object, and no helper with that name is registered. @@ -17934,7 +19785,8 @@ Ember.Handlebars.getPath = function(root, path, options) { This throws an exception with a more helpful error message so the user can track down where the problem is happening. - @name Handlebars.helpers.helperMissing + @method helperMissing + @for Ember.Handlebars.helpers @param {String} path @param {Hash} options */ @@ -17954,22 +19806,28 @@ Ember.Handlebars.registerHelper('helperMissing', function(path, options) { (function() { - +/** + @method htmlSafe + @for Ember.String + @static +*/ Ember.String.htmlSafe = function(str) { return new Handlebars.SafeString(str); }; var htmlSafe = Ember.String.htmlSafe; -if (Ember.EXTEND_PROTOTYPES) { +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) { /** - @see Ember.String.htmlSafe + See {{#crossLink "Ember.String/htmlSafe"}}{{/crossLink}} + + @method htmlSafe + @for String */ String.prototype.htmlSafe = function() { return htmlSafe(this); }; - } })(); @@ -17978,33 +19836,32 @@ if (Ember.EXTEND_PROTOTYPES) { (function() { /*jshint newcap:false*/ +/** +@module ember +@submodule ember-handlebars +*/ + var set = Ember.set, get = Ember.get; +// DOMManager should just abstract dom manipulation between jquery and metamorph var DOMManager = { remove: function(view) { - var morph = view.morph; - if (morph.isRemoved()) { return; } - set(view, 'element', null); - view._lastInsert = null; - morph.remove(); + view.morph.remove(); }, - prepend: function(view, childView) { - childView._insertElementLater(function() { - var morph = view.morph; - morph.prepend(childView.outerHTML); - childView.outerHTML = null; - }); + prepend: function(view, html) { + view.morph.prepend(html); }, - after: function(view, nextView) { - nextView._insertElementLater(function() { - var morph = view.morph; - morph.after(nextView.outerHTML); - nextView.outerHTML = null; - }); + after: function(view, html) { + view.morph.after(html); }, + html: function(view, html) { + view.morph.html(html); + }, + + // This is messed up. replace: function(view) { var morph = view.morph; @@ -18030,10 +19887,18 @@ var DOMManager = { // The `morph` and `outerHTML` properties are internal only // and not observable. +/** + @class _Metamorph + @namespace Ember + @extends Ember.Mixin + @private +*/ Ember._Metamorph = Ember.Mixin.create({ isVirtual: true, tagName: '', + instrumentName: 'render.metamorph', + init: function() { this._super(); this.morph = Metamorph(); @@ -18056,27 +19921,99 @@ Ember._Metamorph = Ember.Mixin.create({ domManager: DOMManager }); +/** + @class _MetamorphView + @namespace Ember + @extends Ember.View + @uses Ember._Metamorph + @private +*/ Ember._MetamorphView = Ember.View.extend(Ember._Metamorph); +/** + @class _SimpleMetamorphView + @namespace Ember + @extends Ember.View + @uses Ember._Metamorph + @private +*/ +Ember._SimpleMetamorphView = Ember.CoreView.extend(Ember._Metamorph); + })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Handlebars */ -var get = Ember.get, set = Ember.set, getPath = Ember.Handlebars.getPath; /** - @ignore - @private - @class +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set, handlebarsGet = Ember.Handlebars.get; +Ember._SimpleHandlebarsView = Ember._SimpleMetamorphView.extend({ + instrumentName: 'render.simpleHandlebars', + + normalizedValue: Ember.computed(function() { + var path = get(this, 'path'), + pathRoot = get(this, 'pathRoot'), + result, templateData; + + // Use the pathRoot as the result if no path is provided. This + // happens if the path is `this`, which gets normalized into + // a `pathRoot` of the current Handlebars context and a path + // of `''`. + if (path === '') { + result = pathRoot; + } else { + templateData = get(this, 'templateData'); + result = handlebarsGet(pathRoot, path, { data: templateData }); + } + + return result; + }).property('path', 'pathRoot').volatile(), + + render: function(buffer) { + // If not invoked via a triple-mustache ({{{foo}}}), escape + // the content of the template. + var escape = get(this, 'isEscaped'); + var result = get(this, 'normalizedValue'); + + if (result === null || result === undefined) { + result = ""; + } else if (!(result instanceof Handlebars.SafeString)) { + result = String(result); + } + + if (escape) { result = Handlebars.Utils.escapeExpression(result); } + buffer.push(result); + return; + }, + + rerender: function() { + switch(this.state) { + case 'preRender': + case 'destroyed': + break; + case 'inBuffer': + throw new Error("Something you did tried to replace an {{expression}} before it was inserted into the DOM."); + case 'hasElement': + case 'inDOM': + this.domManager.replace(this); + break; + } + + return this; + }, + + transitionTo: function(state) { + this.state = state; + } +}); +/** Ember._HandlebarsBoundView is a private view created by the Handlebars `{{bind}}` helpers that is used to keep track of bound properties. @@ -18084,15 +20021,21 @@ var get = Ember.get, set = Ember.set, getPath = Ember.Handlebars.getPath; of Ember._HandlebarsBoundView is created with the appropriate sub-template and context set up. When the associated property changes, just the template for this view will re-render. + + @class _HandlebarsBoundView + @namespace Ember + @extends Ember._MetamorphView + @private */ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ -/** @scope Ember._HandlebarsBoundView.prototype */ + instrumentName: 'render.boundHandlebars', /** The function used to determine if the `displayTemplate` or `inverseTemplate` should be rendered. This should be a function that takes a value and returns a Boolean. + @property shouldDisplayFunc @type Function @default null */ @@ -18109,6 +20052,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ foo}}` because the template should receive the object found by evaluating `foo`. + @property preserveContext @type Boolean @default false */ @@ -18118,6 +20062,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ If `preserveContext` is true, this is the object that will be used to render the template. + @property previousContext @type Object */ previousContext: null, @@ -18125,6 +20070,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ /** The template to render when `shouldDisplayFunc` evaluates to true. + @property displayTemplate @type Function @default null */ @@ -18133,6 +20079,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ /** The template to render when `shouldDisplayFunc` evaluates to false. + @property inverseTemplate @type Function @default null */ @@ -18146,6 +20093,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ In addition, if `preserveContext` is false, the object at this path will be passed to the template when rendering. + @property path @type String @default null */ @@ -18157,6 +20105,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ for paths that start with a keyword such as `view` or `controller`, the path root will be that resolved object. + @property pathRoot @type Object */ pathRoot: null, @@ -18175,7 +20124,7 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ result = pathRoot; } else { templateData = get(this, 'templateData'); - result = getPath(pathRoot, path, { data: templateData }); + result = handlebarsGet(pathRoot, path, { data: templateData }); } return valueNormalizer ? valueNormalizer(result) : result; @@ -18196,11 +20145,12 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ true, the `displayTemplate` function will be rendered to DOM. Otherwise, `inverseTemplate`, if specified, will be rendered. - For example, if this Ember._HandlebarsBoundView represented the {{#with foo}} + For example, if this Ember._HandlebarsBoundView represented the `{{#with foo}}` helper, it would look up the `foo` property of its context, and `shouldDisplayFunc` would always return true. The object found by looking up `foo` would be passed to `displayTemplate`. + @method render @param {Ember.RenderBuffer} buffer */ render: function(buffer) { @@ -18267,20 +20217,19 @@ Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; -var getPath = Ember.Handlebars.getPath, normalizePath = Ember.Handlebars.normalizePath; +var handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath; var forEach = Ember.ArrayPolyfills.forEach; var EmberHandlebars = Ember.Handlebars, helpers = EmberHandlebars.helpers; // Binds a property into the DOM. This will create a hook in DOM that the // KVO system will look for and update if the property changes. -/** @private */ function bind(property, options, preserveContext, shouldDisplay, valueNormalizer) { var data = options.data, fn = options.fn, @@ -18314,9 +20263,54 @@ function bind(property, options, preserveContext, shouldDisplay, valueNormalizer view.appendChild(bindView); - /** @private */ var observer = function() { - Ember.run.once(bindView, 'rerenderIfNeeded'); + Ember.run.scheduleOnce('render', bindView, 'rerenderIfNeeded'); + }; + + // Observes the given property on the context and + // tells the Ember._HandlebarsBoundView to re-render. If property + // is an empty string, we are printing the current context + // object ({{this}}) so updating it is not our responsibility. + if (path !== '') { + Ember.addObserver(pathRoot, path, observer); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, observer); + }); + } + } else { + // The object is not observable, so just render it out and + // be done with it. + data.buffer.push(handlebarsGet(pathRoot, path, options)); + } +} + +function simpleBind(property, options) { + var data = options.data, + view = data.view, + currentContext = this, + pathRoot, path, normalized; + + normalized = normalizePath(currentContext, property, data); + + pathRoot = normalized.root; + path = normalized.path; + + // Set up observers for observable objects + if ('object' === typeof this) { + var bindView = Ember._SimpleHandlebarsView.create().setProperties({ + path: path, + pathRoot: pathRoot, + isEscaped: !options.hash.unescaped, + previousContext: currentContext, + templateData: options.data + }); + + view.createChildView(bindView); + view.appendChild(bindView); + + var observer = function() { + Ember.run.scheduleOnce('render', bindView, 'rerender'); }; // Observes the given property on the context and @@ -18325,15 +20319,21 @@ function bind(property, options, preserveContext, shouldDisplay, valueNormalizer // object ({{this}}) so updating it is not our responsibility. if (path !== '') { Ember.addObserver(pathRoot, path, observer); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, observer); + }); } } else { // The object is not observable, so just render it out and // be done with it. - data.buffer.push(getPath(pathRoot, path, options)); + data.buffer.push(handlebarsGet(pathRoot, path, options)); } } /** + @private + '_triageMustache' is used internally select between a binding and helper for the given context. Until this point, it would be hard to determine if the mustache is a property reference or a regular helper reference. This triage @@ -18341,11 +20341,11 @@ function bind(property, options, preserveContext, shouldDisplay, valueNormalizer This would not be typically invoked by directly. - @private - @name Handlebars.helpers._triageMustache + @method _triageMustache + @for Ember.Handlebars.helpers @param {String} property Property/helperID to triage @param {Function} fn Context to provide for rendering - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('_triageMustache', function(property, fn) { Ember.assert("You cannot pass more than one argument to the _triageMustache helper", arguments.length <= 2); @@ -18358,11 +20358,15 @@ EmberHandlebars.registerHelper('_triageMustache', function(property, fn) { }); /** + @private + `bind` can be used to display a value, then update that value if it changes. For example, if you wanted to print the `title` property of `content`: - {{bind "content.title"}} + ``` handlebars + {{bind "content.title"}} + ``` This will return the `title` property as a string, then create a new observer at the specified path. If it changes, it will update the value in @@ -18371,35 +20375,43 @@ EmberHandlebars.registerHelper('_triageMustache', function(property, fn) { it relies on Ember's KVO system. For all other browsers this will be handled for you automatically. - @private - @name Handlebars.helpers.bind + @method bind + @for Ember.Handlebars.helpers @param {String} property Property to bind @param {Function} fn Context to provide for rendering - @returns {String} HTML string + @return {String} HTML string */ -EmberHandlebars.registerHelper('bind', function(property, fn) { +EmberHandlebars.registerHelper('bind', function(property, options) { Ember.assert("You cannot pass more than one argument to the bind helper", arguments.length <= 2); - var context = (fn.contexts && fn.contexts[0]) || this; + var context = (options.contexts && options.contexts[0]) || this; + + if (!options.fn) { + return simpleBind.call(context, property, options); + } - return bind.call(context, property, fn, false, function(result) { + return bind.call(context, property, options, false, function(result) { return !Ember.none(result); }); }); /** + @private + Use the `boundIf` helper to create a conditional that re-evaluates - whenever the bound value changes. + whenever the truthiness of the bound value changes. - {{#boundIf "content.shouldDisplayTitle"}} - {{content.title}} - {{/boundIf}} + ``` handlebars + {{#boundIf "content.shouldDisplayTitle"}} + {{content.title}} + {{/boundIf}} + ``` - @private - @name Handlebars.helpers.boundIf + @method boundIf + @for Ember.Handlebars.helpers @param {String} property Property to bind @param {Function} fn Context to provide for rendering - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('boundIf', function(property, fn) { var context = (fn.contexts && fn.contexts[0]) || this; @@ -18415,10 +20427,11 @@ EmberHandlebars.registerHelper('boundIf', function(property, fn) { }); /** - @name Handlebars.helpers.with + @method with + @for Ember.Handlebars.helpers @param {Function} context @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('with', function(context, options) { if (arguments.length === 4) { @@ -18448,7 +20461,7 @@ EmberHandlebars.registerHelper('with', function(context, options) { Ember.bind(options.data.keywords, keywordName, contextPath); } - return bind.call(this, path, options.fn, true, function(result) { + return bind.call(this, path, options, true, function(result) { return !Ember.none(result); }); } else { @@ -18460,10 +20473,13 @@ EmberHandlebars.registerHelper('with', function(context, options) { /** - @name Handlebars.helpers.if + See `boundIf` + + @method if + @for Ember.Handlebars.helpers @param {Function} context @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('if', function(context, options) { Ember.assert("You must pass exactly one argument to the if helper", arguments.length === 2); @@ -18473,10 +20489,11 @@ EmberHandlebars.registerHelper('if', function(context, options) { }); /** - @name Handlebars.helpers.unless + @method unless + @for Ember.Handlebars.helpers @param {Function} context @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('unless', function(context, options) { Ember.assert("You must pass exactly one argument to the unless helper", arguments.length === 2); @@ -18494,11 +20511,14 @@ EmberHandlebars.registerHelper('unless', function(context, options) { `bindAttr` allows you to create a binding between DOM element attributes and Ember objects. For example: - imageTitle + ``` handlebars + imageTitle + ``` - @name Handlebars.helpers.bindAttr + @method bindAttr + @for Ember.Handlebars.helpers @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('bindAttr', function(options) { @@ -18513,7 +20533,7 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { // Generate a unique id for this element. This will be added as a // data attribute to the element so it can be looked up when // the bound property changes. - var dataId = ++Ember.$.uuid; + var dataId = ++Ember.uuid; // Handle classes differently, as we can bind multiple classes var classBindings = attrs['class']; @@ -18538,16 +20558,15 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { pathRoot = normalized.root; path = normalized.path; - var value = (path === 'this') ? pathRoot : getPath(pathRoot, path, options), + var value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options), type = Ember.typeOf(value); Ember.assert(fmt("Attributes must be numbers, strings or booleans, not %@", [value]), value === null || value === undefined || type === 'number' || type === 'string' || type === 'boolean'); var observer, invoker; - /** @private */ observer = function observer() { - var result = getPath(pathRoot, path, options); + var result = handlebarsGet(pathRoot, path, options); Ember.assert(fmt("Attributes must be numbers, strings or booleans, not %@", [result]), result === null || result === undefined || typeof result === 'number' || typeof result === 'string' || typeof result === 'boolean'); @@ -18557,7 +20576,7 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { // to which we were bound has been removed from the view. // In that case, we can assume the template has been re-rendered // and we need to clean up the observer. - if (elem.length === 0) { + if (!elem || elem.length === 0) { Ember.removeObserver(pathRoot, path, invoker); return; } @@ -18565,9 +20584,8 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { Ember.View.applyAttributeBindings(elem, attr, result); }; - /** @private */ invoker = function() { - Ember.run.once(observer); + Ember.run.scheduleOnce('render', observer); }; // Add an observer to the view for when the property changes. @@ -18575,6 +20593,10 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { // unique data id and update the attribute to the new value. if (path !== 'this') { Ember.addObserver(pathRoot, path, invoker); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, invoker); + }); } // if this changes, also change the logic in ember-views/lib/views/view.js @@ -18593,6 +20615,8 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { }); /** + @private + Helper that, given a space-separated string of property paths and a context, returns an array of class names. Calling this method also has the side effect of setting up observers at those property paths, such that if they @@ -18604,19 +20628,13 @@ EmberHandlebars.registerHelper('bindAttr', function(options) { "fooBar"). If the value is a string, it will add that string as the class. Otherwise, it will not add any new class name. - @param {Ember.Object} context - The context from which to lookup properties - - @param {String} classBindings - A string, space-separated, of class bindings to use - - @param {Ember.View} view - The view in which observers should look for the element to update - - @param {Srting} bindAttrId - Optional bindAttr id used to lookup elements - - @returns {Array} An array of class names to add + @method bindClasses + @for Ember.Handlebars + @param {Ember.Object} context The context from which to lookup properties + @param {String} classBindings A string, space-separated, of class bindings to use + @param {Ember.View} view The view in which observers should look for the element to update + @param {Srting} bindAttrId Optional bindAttr id used to lookup elements + @return {Array} An array of class names to add */ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, options) { var ret = [], newClass, value, elem; @@ -18633,7 +20651,7 @@ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, } else if (path === '') { val = true; } else { - val = getPath(root, path, options); + val = handlebarsGet(root, path, options); } return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName); @@ -18664,7 +20682,6 @@ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, // Set up an observer on the context. If the property changes, toggle the // class name. - /** @private */ observer = function() { // Get the current value of the property newClass = classStringForPath(pathRoot, parsedPath, options); @@ -18672,7 +20689,7 @@ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, // If we can't find the element anymore, a parent template has been // re-rendered and we've been nuked. Remove the observer. - if (elem.length === 0) { + if (!elem || elem.length === 0) { Ember.removeObserver(pathRoot, path, invoker); } else { // If we had previously added a class to the element, remove it. @@ -18691,13 +20708,16 @@ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, } }; - /** @private */ invoker = function() { - Ember.run.once(observer); + Ember.run.scheduleOnce('render', observer); }; if (path !== '' && path !== 'this') { Ember.addObserver(pathRoot, path, invoker); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, invoker); + }); } // We've already setup the observer; now we just need to figure out the @@ -18722,20 +20742,18 @@ EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Handlebars */ // TODO: Don't require the entire module +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; var PARENT_VIEW_PATH = /^parentView\./; var EmberHandlebars = Ember.Handlebars; -var VIEW_PRESERVES_CONTEXT = Ember.VIEW_PRESERVES_CONTEXT; -/** @private */ EmberHandlebars.ViewHelper = Ember.Object.create({ propertiesFromHTMLOptions: function(options, thisContext) { @@ -18847,7 +20865,7 @@ EmberHandlebars.ViewHelper = Ember.Object.create({ newView; if ('string' === typeof path) { - newView = EmberHandlebars.getPath(thisContext, path, options); + newView = EmberHandlebars.get(thisContext, path, options); Ember.assert("Unable to find view at path '" + path + "'", !!newView); } else { newView = path; @@ -18866,7 +20884,7 @@ EmberHandlebars.ViewHelper = Ember.Object.create({ // We only want to override the `_context` computed property if there is // no specified controller. See View#_context for more information. - if (VIEW_PRESERVES_CONTEXT && !newView.proto().controller && !newView.proto().controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) { + if (!newView.proto().controller && !newView.proto().controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) { viewOptions._context = thisContext; } @@ -18880,65 +20898,77 @@ EmberHandlebars.ViewHelper = Ember.Object.create({ An empty `` and the following template: - + ``` handlebars + + ``` Will result in HTML structure: - - - -
- A span: - - Hello. - -
- + ``` html + + + +
+ A span: + + Hello. + +
+ + ``` ### parentView setting The `parentView` property of the new `Ember.View` instance created through `{{view}}` will be set to the `Ember.View` instance of the template where `{{view}}` was called. - aView = Ember.View.create({ - template: Ember.Handlebars.compile("{{#view}} my parent: {{parentView.elementId}} {{/view}}") - }) + ``` javascript + aView = Ember.View.create({ + template: Ember.Handlebars.compile("{{#view}} my parent: {{parentView.elementId}} {{/view}}") + }); - aView.appendTo('body') + aView.appendTo('body'); + ``` Will result in HTML structure: -
-
- my parent: ember1 -
-
+ ``` html +
+
+ my parent: ember1 +
+
+ ``` ### Setting CSS id and class attributes The HTML `id` attribute can be set on the `{{view}}`'s resulting element with the `id` option. This option will _not_ be passed to `Ember.View.create`. - + ``` handlebars + + ``` Results in the following HTML structure: -
- - hello. - -
+ ``` html +
+ + hello. + +
+ ``` The HTML `class` attribute can be set on the `{{view}}`'s resulting element with the `class` or `classNameBindings` options. The `class` option @@ -18946,50 +20976,61 @@ EmberHandlebars.ViewHelper = Ember.Object.create({ `Ember.View.create`. `classNameBindings` will be passed to `create` and use `Ember.View`'s class name binding functionality: - + ``` handlebars + + ``` Results in the following HTML structure: -
- - hello. - -
+ ``` html +
+ + hello. + +
+ ``` ### Supplying a different view class + `{{view}}` can take an optional first argument before its supplied options to specify a path to a custom view class. - + ``` handlebars + + ``` The first argument can also be a relative path. Ember will search for the view class starting at the `Ember.View` of the template where `{{view}}` was used as the root object: - MyApp = Ember.Application.create({}) - MyApp.OuterView = Ember.View.extend({ - innerViewClass: Ember.View.extend({ - classNames: ['a-custom-view-class-as-property'] - }), - template: Ember.Handlebars.compile('{{#view "innerViewClass"}} hi {{/view}}') - }) + ``` javascript + MyApp = Ember.Application.create({}); + MyApp.OuterView = Ember.View.extend({ + innerViewClass: Ember.View.extend({ + classNames: ['a-custom-view-class-as-property'] + }), + template: Ember.Handlebars.compile('{{#view "innerViewClass"}} hi {{/view}}') + }); - MyApp.OuterView.create().appendTo('body') + MyApp.OuterView.create().appendTo('body'); + ``` -Will result in the following HTML: + Will result in the following HTML: -
-
- hi -
-
+ ``` html +
+
+ hi +
+
+ ``` ### Blockless use @@ -18997,26 +21038,31 @@ Will result in the following HTML: or provide a `templateName` option to `{{view}}` it can be used without supplying a block. Attempts to use both a `templateName` option and supply a block will throw an error. - + ``` handlebars + + ``` ### viewName property You can supply a `viewName` option to `{{view}}`. The `Ember.View` instance will be referenced as a property of its parent view by this name. - aView = Ember.View.create({ - template: Ember.Handlebars.compile('{{#view viewName="aChildByName"}} hi {{/view}}') - }) + ``` javascript + aView = Ember.View.create({ + template: Ember.Handlebars.compile('{{#view viewName="aChildByName"}} hi {{/view}}') + }); - aView.appendTo('body') - aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper + aView.appendTo('body'); + aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper + ``` - @name Handlebars.helpers.view + @method view + @for Ember.Handlebars.helpers @param {String} path @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ EmberHandlebars.registerHelper('view', function(path, options) { Ember.assert("The view helper only takes a single argument", arguments.length <= 2); @@ -19036,15 +21082,15 @@ EmberHandlebars.registerHelper('view', function(path, options) { (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Handlebars */ // TODO: Don't require all of this module -var get = Ember.get, getPath = Ember.Handlebars.getPath, fmt = Ember.String.fmt; +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, handlebarsGet = Ember.Handlebars.get, fmt = Ember.String.fmt; /** `{{collection}}` is a `Ember.Handlebars` helper for adding instances of @@ -19060,28 +21106,34 @@ var get = Ember.get, getPath = Ember.Handlebars.getPath, fmt = Ember.String.fmt; Given an empty `` the following template: - + ``` handlebars + + ``` And the following application code - App = Ember.Application.create() - App.items = [ - Ember.Object.create({name: 'Dave'}), - Ember.Object.create({name: 'Mary'}), - Ember.Object.create({name: 'Sara'}) - ] + ``` javascript + App = Ember.Application.create() + App.items = [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ] + ``` Will result in the HTML structure below -
-
Hi Dave
-
Hi Mary
-
Hi Sara
-
+ ``` html +
+
Hi Dave
+
Hi Mary
+
Hi Sara
+
+ ``` ### Blockless Use If you provide an `itemViewClass` option that has its own `template` you can omit @@ -19089,70 +21141,88 @@ var get = Ember.get, getPath = Ember.Handlebars.getPath, fmt = Ember.String.fmt; The following template: - + ``` handlebars + + ``` And application code - App = Ember.Application.create() - App.items = [ - Ember.Object.create({name: 'Dave'}), - Ember.Object.create({name: 'Mary'}), - Ember.Object.create({name: 'Sara'}) - ] + ``` javascript + App = Ember.Application.create(); + App.items = [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ]; - App.AnItemView = Ember.View.extend({ - template: Ember.Handlebars.compile("Greetings {{content.name}}") - }) + App.AnItemView = Ember.View.extend({ + template: Ember.Handlebars.compile("Greetings {{view.content.name}}") + }); + ``` Will result in the HTML structure below -
-
Greetings Dave
-
Greetings Mary
-
Greetings Sara
-
+ ``` html +
+
Greetings Dave
+
Greetings Mary
+
Greetings Sara
+
+ ``` ### Specifying a CollectionView subclass + By default the `{{collection}}` helper will create an instance of `Ember.CollectionView`. You can supply a `Ember.CollectionView` subclass to the helper by passing it as the first argument: - + ``` handlebars + + ``` ### Forwarded `item.*`-named Options + As with the `{{view}}`, helper options passed to the `{{collection}}` will be set on the resulting `Ember.CollectionView` as properties. Additionally, options prefixed with `item` will be applied to the views rendered for each item (note the camelcasing): - + ``` handlebars + + ``` Will result in the following HTML structure: -
-

Howdy Dave

-

Howdy Mary

-

Howdy Sara

-
- - @name Handlebars.helpers.collection + ``` html +
+

Howdy Dave

+

Howdy Mary

+

Howdy Sara

+
+ ``` + + @method collection + @for Ember.Handlebars.helpers @param {String} path @param {Hash} options - @returns {String} HTML string + @return {String} HTML string + @deprecated Use `{{each}}` helper instead. */ Ember.Handlebars.registerHelper('collection', function(path, options) { + Ember.deprecate("Using the {{collection}} helper without specifying a class has been deprecated as the {{each}} helper now supports the same functionality.", path !== 'collection'); + // If no path is provided, treat path param as options. if (path && path.data && path.data.isRenderData) { options = path; @@ -19169,7 +21239,7 @@ Ember.Handlebars.registerHelper('collection', function(path, options) { // If passed a path string, convert that into an object. // Otherwise, just default to the standard class. var collectionClass; - collectionClass = path ? getPath(this, path, options) : Ember.CollectionView; + collectionClass = path ? handlebarsGet(this, path, options) : Ember.CollectionView; Ember.assert(fmt("%@ #collection: Could not find collection class %@", [data.view, path]), !!collectionClass); var hash = options.hash, itemHash = {}, match; @@ -19178,7 +21248,7 @@ Ember.Handlebars.registerHelper('collection', function(path, options) { var itemViewClass, itemViewPath = hash.itemViewClass; var collectionPrototype = collectionClass.proto(); delete hash.itemViewClass; - itemViewClass = itemViewPath ? getPath(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass; + itemViewClass = itemViewPath ? handlebarsGet(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass; Ember.assert(fmt("%@ #collection: Could not find itemViewClass %@", [data.view, itemViewPath]), !!itemViewClass); // Go through options passed to the {{collection}} helper and extract options @@ -19212,7 +21282,7 @@ Ember.Handlebars.registerHelper('collection', function(path, options) { tagName: itemHash.tagName }); } else if (hash.emptyViewClass) { - emptyViewClass = getPath(this, hash.emptyViewClass, options); + emptyViewClass = handlebarsGet(this, hash.emptyViewClass, options); } hash.emptyView = emptyViewClass; @@ -19230,34 +21300,35 @@ Ember.Handlebars.registerHelper('collection', function(path, options) { }); - - })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Handlebars */ -var getPath = Ember.Handlebars.getPath; +/** +@module ember +@submodule ember-handlebars +*/ + +var handlebarsGet = Ember.Handlebars.get; /** `unbound` allows you to output a property without binding. *Important:* The output will not be updated if the property changes. Use with caution. -
{{unbound somePropertyThatDoesntChange}}
+ ``` handlebars +
{{unbound somePropertyThatDoesntChange}}
+ ``` - @name Handlebars.helpers.unbound + @method unbound + @for Ember.Handlebars.helpers @param {String} property - @returns {String} HTML string + @return {String} HTML string */ Ember.Handlebars.registerHelper('unbound', function(property, fn) { var context = (fn.contexts && fn.contexts[0]) || this; - return getPath(context, property, fn); + return handlebarsGet(context, property, fn); }); })(); @@ -19265,22 +21336,24 @@ Ember.Handlebars.registerHelper('unbound', function(property, fn) { (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== - /*jshint debug:true*/ -var getPath = Ember.Handlebars.getPath, normalizePath = Ember.Handlebars.normalizePath; +/** +@module ember +@submodule ember-handlebars +*/ + +var handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath; /** `log` allows you to output the value of a value in the current rendering context. - {{log myVariable}} + ``` handlebars + {{log myVariable}} + ``` - @name Handlebars.helpers.log + @method log + @for Ember.Handlebars.helpers @param {String} property */ Ember.Handlebars.registerHelper('log', function(property, options) { @@ -19288,7 +21361,7 @@ Ember.Handlebars.registerHelper('log', function(property, options) { normalized = normalizePath(context, property, options.data), pathRoot = normalized.root, path = normalized.path, - value = (path === 'this') ? pathRoot : getPath(pathRoot, path, options); + value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options); Ember.Logger.log(value); }); @@ -19296,9 +21369,12 @@ Ember.Handlebars.registerHelper('log', function(property, options) { The `debugger` helper executes the `debugger` statement in the current context. - {{debugger}} + ``` handlebars + {{debugger}} + ``` - @name Handlebars.helpers.debugger + @method debugger + @for Ember.Handlebars.helpers @param {String} property */ Ember.Handlebars.registerHelper('debugger', function() { @@ -19310,6 +21386,11 @@ Ember.Handlebars.registerHelper('debugger', function() { (function() { +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; Ember.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, { @@ -19342,6 +21423,90 @@ Ember.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, { } }); +/** + The `{{#each}}` helper loops over elements in a collection, rendering its block once for each item: + + ``` javascript + Developers = [{name: 'Yehuda'},{name: 'Tom'}, {name: 'Paul'}]; + ``` + + ``` handlebars + {{#each Developers}} + {{name}} + {{/each}} + ``` + + `{{each}}` supports an alternative syntax with element naming: + + ``` handlebars + {{#each person in Developers}} + {{person.name}} + {{/each}} + ``` + + When looping over objects that do not have properties, `{{this}}` can be used to render the object: + + ``` javascript + DeveloperNames = ['Yehuda', 'Tom', 'Paul'] + ``` + + ``` handlebars + {{#each DeveloperNames}} + {{this}} + {{/each}} + ``` + + ### Blockless Use + + If you provide an `itemViewClass` option that has its own `template` you can omit + the block in a similar way to how it can be done with the collection helper. + + The following template: + + ``` handlebars + + ``` + + And application code + + ``` javascript + App = Ember.Application.create({ + MyView: Ember.View.extend({ + items: [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ] + }) + }); + + App.AnItemView = Ember.View.extend({ + template: Ember.Handlebars.compile("Greetings {{name}}") + }); + + App.initialize(); + ``` + + Will result in the HTML structure below + + ``` html +
+
Greetings Dave
+
Greetings Mary
+
Greetings Sara
+
+ ``` + + + @method each + @for Ember.Handlebars.helpers + @param [name] {String} name for item (used with `in`) + @param path {String} path +*/ Ember.Handlebars.registerHelper('each', function(path, options) { if (arguments.length === 4) { Ember.assert("If you pass more than one argument to the each helper, it must be in the form #each foo in bar", arguments[1] === "in"); @@ -19357,8 +21522,6 @@ Ember.Handlebars.registerHelper('each', function(path, options) { options.hash.eachHelper = 'each'; } - Ember.assert("You must pass a block to the each helper", options.fn && options.fn !== Handlebars.VM.noop); - options.hash.contentBinding = path; // Set up emptyView as a metamorph with no tag //options.hash.emptyViewClass = Ember._MetamorphView; @@ -19371,21 +21534,28 @@ Ember.Handlebars.registerHelper('each', function(path, options) { (function() { +/** +@module ember +@submodule ember-handlebars +*/ + /** `template` allows you to render a template from inside another template. This allows you to re-use the same template in multiple places. For example: - + ``` handlebars + - + + ``` This helper looks for templates in the global Ember.TEMPLATES hash. If you add <script> tags to your page with the `data-template-name` attribute set, @@ -19393,9 +21563,12 @@ Ember.Handlebars.registerHelper('each', function(path, options) { You can also manually register templates by adding them to the hash: - Ember.TEMPLATES["my_cool_template"] = Ember.Handlebars.compile('{{user}}'); + ``` javascript + Ember.TEMPLATES["my_cool_template"] = Ember.Handlebars.compile('{{user}}'); + ``` - @name Handlebars.helpers.template + @method template + @for Ember.Handlebars.helpers @param {String} templateName the template to render */ @@ -19412,8 +21585,13 @@ Ember.Handlebars.registerHelper('template', function(name, options) { (function() { +/** +@module ember +@submodule ember-handlebars +*/ + var EmberHandlebars = Ember.Handlebars, - getPath = EmberHandlebars.getPath, + handlebarsGet = EmberHandlebars.get, get = Ember.get, a_slice = Array.prototype.slice; @@ -19422,7 +21600,7 @@ var ActionHelper = EmberHandlebars.ActionHelper = { }; ActionHelper.registerAction = function(actionName, options) { - var actionId = (++Ember.$.uuid).toString(); + var actionId = (++Ember.uuid).toString(); ActionHelper.registeredActions[actionId] = { eventName: options.eventName, @@ -19460,7 +21638,7 @@ ActionHelper.registerAction = function(actionName, options) { } }; - options.view.on('willRerender', function() { + options.view.on('willClearRender', function() { delete ActionHelper.registeredActions[actionId]; }); @@ -19469,37 +21647,44 @@ ActionHelper.registerAction = function(actionName, options) { /** The `{{action}}` helper registers an HTML element within a template for - DOM event handling and forwards that interaction to the Application's router, - the template's `Ember.View` instance, or supplied `target` option (see 'Specifiying a Target'). - + DOM event handling and forwards that interaction to the view's `controller.target` + or supplied `target` option (see 'Specifying a Target'). By default the + `controller.target` is set to the Application's router. + User interaction with that element will invoke the supplied action name on the appropriate target. Given the following Handlebars template on the page - + ``` handlebars + + ``` And application code - AView = Ember.View.extend({ - templateName; 'a-template', - anActionName: function(event){} - }); + ``` javascript + AView = Ember.View.extend({ + templateName: 'a-template', + anActionName: function(event){} + }); - aView = AView.create(); - aView.appendTo('body'); + aView = AView.create(); + aView.appendTo('body'); + ``` Will results in the following rendered HTML -
-
- click me -
-
+ ``` html +
+
+ click me +
+
+ ``` Clicking "click me" will trigger the `anActionName` method of the `aView` object with a `jQuery.Event` object as its argument. The `jQuery.Event` @@ -19516,17 +21701,19 @@ ActionHelper.registerAction = function(actionName, options) { If you need the default handler to trigger you should either register your own event handler, or use event methods on your view class. See Ember.View 'Responding to Browser Events' for more information. - + ### Specifying DOM event type By default the `{{action}}` helper registers for DOM `click` events. You can supply an `on` option to the helper to specify a different DOM event name: - + ``` handlebars + + ``` See Ember.View 'Responding to Browser Events' for a list of acceptable DOM event names. @@ -19536,32 +21723,35 @@ ActionHelper.registerAction = function(actionName, options) { `Ember.EventDispatcher` instance will be created when a new `Ember.Application` is created. Having an instance of `Ember.Application` will satisfy this requirement. - - + + ### Specifying a Target + There are several possible target objects for `{{action}}` helpers: - + In a typical `Ember.Router`-backed Application where views are managed through use of the `{{outlet}}` helper, actions will be forwarded to the current state of the Applications's Router. See Ember.Router 'Responding to User-initiated Events' for more information. - - If you manaully set the `target` property on the controller of a template's + + If you manually set the `target` property on the controller of a template's `Ember.View` instance, the specifed `controller.target` will become the target for any actions. Likely custom values for a controller's `target` are the controller itself or a StateManager other than the Application's Router. - + If the templates's view lacks a controller property the view itself is the target. - + Finally, a `target` option can be provided to the helper to change which object will receive the method call. This option must be a string representing a path to an object: - + ``` handlebars + + ``` Clicking "click me" in the rendered HTML of the above template will trigger the `anActionName` method of the object at `MyApplication.someObject`. @@ -19571,11 +21761,13 @@ ActionHelper.registerAction = function(actionName, options) { A path relative to the template's `Ember.View` instance can also be used as a target: - + ``` handlebars + + ``` Clicking "click me" in the rendered HTML of the above template will trigger the `anActionName` method of the view's parent view. @@ -19588,41 +21780,52 @@ ActionHelper.registerAction = function(actionName, options) { If an action's target does not implement a method that matches the supplied action name an error will be thrown. - + ``` handlebars + + ``` With the following application code - AView = Ember.View.extend({ - templateName; 'a-template', - // note: no method 'aMethodNameThatIsMissing' - anActionName: function(event){} - }); + ``` javascript + AView = Ember.View.extend({ + templateName; 'a-template', + // note: no method 'aMethodNameThatIsMissing' + anActionName: function(event){} + }); - aView = AView.create(); - aView.appendTo('body'); + aView = AView.create(); + aView.appendTo('body'); + ``` Will throw `Uncaught TypeError: Cannot call method 'call' of undefined` when "click me" is clicked. - + ### Specifying a context - By default the `{{action}}` helper passes the current Handlebars context - along in the `jQuery.Event` object. You may specify an alternate object to - pass as the context by providing a property path: + You may optionally specify objects to pass as contexts to the `{{action}}` helper + by providing property paths as the subsequent parameters. These objects are made + available as the `contexts` (also `context` if there is only one) properties in the + `jQuery.Event` object: + + ``` handlebars + + ``` - + Clicking "click me" will trigger the `edit` method of the view's context with a + `jQuery.Event` object containing the person object as its context. - @name Handlebars.helpers.action + @method action + @for Ember.Handlebars.helpers @param {String} actionName @param {Object...} contexts @param {Hash} options @@ -19643,7 +21846,7 @@ EmberHandlebars.registerHelper('action', function(actionName) { action.view = view = get(view, 'concreteView'); if (hash.target) { - target = getPath(this, hash.target, options); + target = handlebarsGet(this, hash.target, options); } else if (controller = options.data.keywords.controller) { target = get(controller, 'target'); } @@ -19652,7 +21855,7 @@ EmberHandlebars.registerHelper('action', function(actionName) { if (contexts.length) { action.contexts = contexts = Ember.EnumerableUtils.map(contexts, function(context) { - return getPath(this, context, options); + return handlebarsGet(this, context, options); }, this); action.context = contexts[0]; } @@ -19676,6 +21879,11 @@ EmberHandlebars.registerHelper('action', function(actionName) { (function() { +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; /** @@ -19686,42 +21894,49 @@ var get = Ember.get, set = Ember.set; An empty `` and the following application code: - AView = Ember.View.extend({ - classNames: ['a-view-with-layout'], - layout: Ember.Handlebars.compile('
{{ yield }}
'), - template: Ember.Handlebars.compile('I am wrapped') - }) + ``` javascript + AView = Ember.View.extend({ + classNames: ['a-view-with-layout'], + layout: Ember.Handlebars.compile('
{{ yield }}
'), + template: Ember.Handlebars.compile('I am wrapped') + }); - aView = AView.create() - aView.appendTo('body') + aView = AView.create(); + aView.appendTo('body'); + ``` Will result in the following HTML output: - -
-
- I am wrapped -
-
- + ``` html + +
+
+ I am wrapped +
+
+ + ``` The yield helper cannot be used outside of a template assigned to an `Ember.View`'s `layout` property and will throw an error if attempted. - BView = Ember.View.extend({ - classNames: ['a-view-with-layout'], - template: Ember.Handlebars.compile('{{yield}}') - }) + ``` javascript + BView = Ember.View.extend({ + classNames: ['a-view-with-layout'], + template: Ember.Handlebars.compile('{{yield}}') + }); - bView = BView.create() - bView.appendTo('body') + bView = BView.create(); + bView.appendTo('body'); - // throws - // Uncaught Error: assertion failed: You called yield in a template that was not a layout + // throws + // Uncaught Error: assertion failed: You called yield in a template that was not a layout + ``` - @name Handlebars.helpers.yield + @method yield + @for Ember.Handlebars.helpers @param {Hash} options - @returns {String} HTML string + @return {String} HTML string */ Ember.Handlebars.registerHelper('yield', function(options) { var view = options.data.view, template; @@ -19742,30 +21957,48 @@ Ember.Handlebars.registerHelper('yield', function(options) { (function() { +/** +@module ember +@submodule ember-handlebars +*/ + +Ember.Handlebars.OutletView = Ember.ContainerView.extend(Ember._Metamorph); + /** The `outlet` helper allows you to specify that the current view's controller will fill in the view for a given area. - {{outlet}} + ``` handlebars + {{outlet}} + ``` - By default, when the the current controller's `view` - property changes, the outlet will replace its current - view with the new view. + By default, when the the current controller's `view` property changes, the + outlet will replace its current view with the new view. You can set the + `view` property directly, but it's normally best to use `connectOutlet`. - controller.set('view', someView); + ``` javascript + # Instantiate App.PostsView and assign to `view`, so as to render into outlet. + controller.connectOutlet('posts'); + ``` - You can also specify a particular name, other than view: + You can also specify a particular name other than `view`: - {{outlet masterView}} - {{outlet detailView}} + ``` handlebars + {{outlet masterView}} + {{outlet detailView}} + ``` - Then, you can control several outlets from a single - controller: + Then, you can control several outlets from a single controller. - controller.set('masterView', postsView); - controller.set('detailView', postView); + ``` javascript + # Instantiate App.PostsView and assign to controller.masterView. + controller.connectOutlet('masterView', 'posts'); + # Also, instantiate App.PostInfoView and assign to controller.detailView. + controller.connectOutlet('detailView', 'postInfo'); + ``` - @name Handlebars.helpers.outlet + @method outlet + @for Ember.Handlebars.helpers @param {String} property the property on the controller that holds the view for this outlet */ @@ -19775,9 +22008,9 @@ Ember.Handlebars.registerHelper('outlet', function(property, options) { property = 'view'; } - options.hash.currentViewBinding = "controller." + property; + options.hash.currentViewBinding = "view.context." + property; - return Ember.Handlebars.helpers.view.call(this, Ember.ContainerView, options); + return Ember.Handlebars.helpers.view.call(this, Ember.Handlebars.OutletView, options); }); })(); @@ -19785,51 +22018,43 @@ Ember.Handlebars.registerHelper('outlet', function(property, options) { (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var set = Ember.set, get = Ember.get; /** - @class + The `Ember.Checkbox` view class renders a checkbox [input](https://developer.mozilla.org/en/HTML/Element/Input) + element. It allows for binding an Ember property (`checked`) to the status of the checkbox. - Creates an HTML input of type 'checkbox' with HTML related properties - applied directly to the input. - - {{view Ember.Checkbox classNames="applicaton-specific-checkbox"}} + Example: - + ``` handlebars + {{view Ember.Checkbox checkedBinding="receiveEmail"}} + ``` You can add a `label` tag yourself in the template where the Ember.Checkbox is being used. - + ``` html + + ``` The `checked` attribute of an Ember.Checkbox object should always be set @@ -19841,6 +22066,8 @@ var set = Ember.set, get = Ember.get; Because HTML `input` elements are self closing `layout` and `layoutName` properties will not be applied. See `Ember.View`'s layout section for more information. + @class Checkbox + @namespace Ember @extends Ember.View */ Ember.Checkbox = Ember.View.extend({ @@ -19859,9 +22086,6 @@ Ember.Checkbox = Ember.View.extend({ this.on("change", this, this._updateElementValue); }, - /** - @private - */ _updateElementValue: function() { set(this, 'checked', this.$().prop('checked')); } @@ -19872,17 +22096,22 @@ Ember.Checkbox = Ember.View.extend({ (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; -/** @class */ -Ember.TextSupport = Ember.Mixin.create( -/** @scope Ember.TextSupport.prototype */ { +/** + Shared mixin used by Ember.TextField and Ember.TextArea. + @class TextSupport + @namespace Ember + @extends Ember.Mixin + @private +*/ +Ember.TextSupport = Ember.Mixin.create({ value: "", attributeBindings: ['placeholder', 'disabled', 'maxlength', 'tabindex'], @@ -19893,7 +22122,6 @@ Ember.TextSupport = Ember.Mixin.create( insertNewline: Ember.K, cancel: Ember.K, - /** @private */ init: function() { this._super(); this.on("focusOut", this, this._elementValueDidChange); @@ -19901,9 +22129,6 @@ Ember.TextSupport = Ember.Mixin.create( this.on("keyUp", this, this.interpretKeyEvents); }, - /** - @private - */ interpretKeyEvents: function(event) { var map = Ember.TextSupport.KEY_EVENTS; var method = map[event.keyCode]; @@ -19928,16 +22153,14 @@ Ember.TextSupport.KEY_EVENTS = { (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; /** - @class - The `Ember.TextField` view class renders a text [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It allows for binding Ember properties to the text field contents (`value`), @@ -19945,14 +22168,34 @@ var get = Ember.get, set = Ember.set; Example: - {{view Ember.TextField valueBinding="firstName"}} + ``` handlebars + {{view Ember.TextField valueBinding="firstName"}} + ``` ## Layout and LayoutName properties Because HTML `input` elements are self closing `layout` and `layoutName` properties will not be applied. See `Ember.View`'s layout section for more information. + ## HTML Attributes + + By default `Ember.TextField` provides support for `type`, `value`, `size`, `placeholder`, + `disabled`, `maxlength` and `tabindex` attributes on a textarea. If you need to support + more attributes have a look at the `attributeBindings` property in `Ember.View`'s + HTML Attributes section. + + To globally add support for additional attributes you can reopen `Ember.TextField` or + `Ember.TextSupport`. + + ``` javascript + Ember.TextSupport.reopen({ + attributeBindings: ["required"] + }) + ``` + + @class TextField + @namespace Ember @extends Ember.View - @extends Ember.TextSupport + @uses Ember.TextSupport */ Ember.TextField = Ember.View.extend(Ember.TextSupport, /** @scope Ember.TextField.prototype */ { @@ -19965,6 +22208,7 @@ Ember.TextField = Ember.View.extend(Ember.TextSupport, The value attribute of the input element. As the user inputs text, this property is updated live. + @property value @type String @default "" */ @@ -19973,6 +22217,7 @@ Ember.TextField = Ember.View.extend(Ember.TextSupport, /** The type attribute of the input element. + @property type @type String @default "text" */ @@ -19981,6 +22226,7 @@ Ember.TextField = Ember.View.extend(Ember.TextSupport, /** The size of the text field in characters. + @property size @type String @default null */ @@ -19992,13 +22238,20 @@ Ember.TextField = Ember.View.extend(Ember.TextSupport, (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; +/** + @class Button + @namespace Ember + @extends Ember.View + @uses Ember.TargetActionSupport + @deprecated +*/ Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { classNames: ['ember-button'], classNameBindings: ['isActive'], @@ -20009,9 +22262,13 @@ Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { attributeBindings: ['type', 'disabled', 'href', 'tabindex'], - /** @private + /** + @private + Overrides TargetActionSupport's targetObject computed property to use Handlebars-specific path resolution. + + @property targetObject */ targetObject: Ember.computed(function() { var target = get(this, 'target'), @@ -20020,8 +22277,8 @@ Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { if (typeof target !== 'string') { return target; } - return Ember.Handlebars.getPath(root, target, { data: data }); - }).property('target').cacheable(), + return Ember.Handlebars.get(root, target, { data: data }); + }).property('target'), // Defaults to 'button' if tagName is 'input' or 'button' type: Ember.computed(function(key, value) { @@ -20029,14 +22286,14 @@ Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { if (value !== undefined) { this._type = value; } if (this._type !== undefined) { return this._type; } if (tagName === 'input' || tagName === 'button') { return 'button'; } - }).property('tagName').cacheable(), + }).property('tagName'), disabled: false, // Allow 'a' tags to act like buttons href: Ember.computed(function() { return this.get('tagName') === 'a' ? '#' : null; - }).property('tagName').cacheable(), + }).property('tagName'), mouseDown: function() { if (!get(this, 'disabled')) { @@ -20111,16 +22368,14 @@ Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, set = Ember.set; /** - @class - The `Ember.TextArea` view class renders a [textarea](https://developer.mozilla.org/en/HTML/Element/textarea) element. It allows for binding Ember properties to the text area contents (`value`), @@ -20131,12 +22386,26 @@ var get = Ember.get, set = Ember.set; Because HTML `textarea` elements do not contain inner HTML the `layout` and `layoutName` properties will not be applied. See `Ember.View`'s layout section for more information. + ## HTML Attributes + + By default `Ember.TextArea` provides support for `rows`, `cols`, `placeholder`, `disabled`, + `maxlength` and `tabindex` attributes on a textarea. If you need to support more + attributes have a look at the `attributeBindings` property in `Ember.View`'s HTML Attributes section. + + To globally add support for additional attributes you can reopen `Ember.TextArea` or `Ember.TextSupport`. + + ``` javascript + Ember.TextSupport.reopen({ + attributeBindings: ["required"] + }) + ``` + + @class TextArea + @namespace Ember @extends Ember.View - @extends Ember.TextSupport + @uses Ember.TextSupport */ -Ember.TextArea = Ember.View.extend(Ember.TextSupport, -/** @scope Ember.TextArea.prototype */ { - +Ember.TextArea = Ember.View.extend(Ember.TextSupport, { classNames: ['ember-text-area'], tagName: "textarea", @@ -20153,7 +22422,6 @@ Ember.TextArea = Ember.View.extend(Ember.TextSupport, } }, 'value'), - /** @private */ init: function() { this._super(); this.on("didInsertElement", this, this._updateElementValue); @@ -20166,6 +22434,17 @@ Ember.TextArea = Ember.View.extend(Ember.TextSupport, (function() { +/** +@module ember +@submodule ember-handlebars +*/ + +/** +@class TabContainerView +@namespace Ember +@deprecated +@extends Ember.View +*/ Ember.TabContainerView = Ember.View.extend({ init: function() { Ember.deprecate("Ember.TabContainerView is deprecated and will be removed from future releases."); @@ -20178,11 +22457,22 @@ Ember.TabContainerView = Ember.View.extend({ (function() { +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get; +/** + @class TabPaneView + @namespace Ember + @extends Ember.View + @deprecated +*/ Ember.TabPaneView = Ember.View.extend({ tabsContainer: Ember.computed(function() { - return this.nearestInstanceOf(Ember.TabContainerView); + return this.nearestOfType(Ember.TabContainerView); }).property().volatile(), isVisible: Ember.computed(function() { @@ -20200,8 +22490,19 @@ Ember.TabPaneView = Ember.View.extend({ (function() { +/** +@module ember +@submodule ember-handlebars +*/ + var get = Ember.get, setPath = Ember.setPath; +/** +@class TabView +@namespace Ember +@extends Ember.View +@deprecated +*/ Ember.TabView = Ember.View.extend({ tabsContainer: Ember.computed(function() { return this.nearestInstanceOf(Ember.TabContainerView); @@ -20230,95 +22531,263 @@ Ember.TabView = Ember.View.extend({ (function() { /*jshint eqeqeq:false */ -var set = Ember.set, get = Ember.get; -var indexOf = Ember.EnumerableUtils.indexOf, indexesOf = Ember.EnumerableUtils.indexesOf; - /** - @class +@module ember +@submodule ember-handlebars +*/ +var set = Ember.set, + get = Ember.get, + indexOf = Ember.EnumerableUtils.indexOf, + indexesOf = Ember.EnumerableUtils.indexesOf, + replace = Ember.EnumerableUtils.replace, + isArray = Ember.isArray; + +/** The Ember.Select view class renders a [select](https://developer.mozilla.org/en/HTML/Element/select) HTML element, - allowing the user to choose from a list of options. The selected option(s) - are updated live in the `selection` property, while the corresponding value - is updated in the `value` property. + allowing the user to choose from a list of options. + + The text and `value` property of each ` + + + + ``` - Use selectionBinding if you would like to set the whole object as a property on the target. - Use valueBinding if you would like to set just the value. - Example using selectionBinding: + The `value` attribute of the selected `{{/if}}{{#each view.content}}{{view Ember.SelectOption contentBinding="this"}}{{/each}}'), - attributeBindings: ['multiple', 'tabindex'], + attributeBindings: ['multiple', 'disabled', 'tabindex'], /** The `multiple` attribute of the select element. Indicates whether multiple options can be selected. + @property multiple @type Boolean @default false */ multiple: false, + disabled: false, + /** The list of options. @@ -20353,6 +22825,7 @@ Ember.Select = Ember.View.extend( optionLabelPath: 'content.firstName', optionValuePath: 'content.id' + @property content @type Array @default null */ @@ -20364,6 +22837,7 @@ Ember.Select = Ember.View.extend( When `multiple` is true, an array of such elements. + @property selection @type Object or Array @default null */ @@ -20375,6 +22849,7 @@ Ember.Select = Ember.View.extend( It is not currently supported in multiple selection mode. + @property value @type String @default null */ @@ -20383,12 +22858,13 @@ Ember.Select = Ember.View.extend( var valuePath = get(this, 'optionValuePath').replace(/^content\.?/, ''); return valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection'); - }).property('selection').cacheable(), + }).property('selection'), /** If given, a top-most dummy option will be rendered to serve as a user prompt. + @property prompt @type String @default null */ @@ -20397,6 +22873,7 @@ Ember.Select = Ember.View.extend( /** The path of the option labels. See `content`. + @property optionLabelPath @type String @default 'content' */ @@ -20405,6 +22882,7 @@ Ember.Select = Ember.View.extend( /** The path of the option values. See `content`. + @property optionValuePath @type String @default 'content' */ @@ -20419,10 +22897,9 @@ Ember.Select = Ember.View.extend( }, selectionDidChange: Ember.observer(function() { - var selection = get(this, 'selection'), - isArray = Ember.isArray(selection); + var selection = get(this, 'selection'); if (get(this, 'multiple')) { - if (!isArray) { + if (!isArray(selection)) { set(this, 'selection', Ember.A([selection])); return; } @@ -20430,7 +22907,7 @@ Ember.Select = Ember.View.extend( } else { this._selectionDidChangeSingle(); } - }, 'selection'), + }, 'selection.@each'), valueDidChange: Ember.observer(function() { var content = get(this, 'content'), @@ -20451,8 +22928,10 @@ Ember.Select = Ember.View.extend( _triggerChange: function() { var selection = get(this, 'selection'); + var value = get(this, 'value'); if (selection) { this.selectionDidChange(); } + if (value) { this.valueDidChange(); } this._change(); }, @@ -20469,18 +22948,26 @@ Ember.Select = Ember.View.extend( set(this, 'selection', content.objectAt(selectedIndex)); }, + _changeMultiple: function() { var options = this.$('option:selected'), prompt = get(this, 'prompt'), offset = prompt ? 1 : 0, - content = get(this, 'content'); + content = get(this, 'content'), + selection = get(this, 'selection'); if (!content){ return; } if (options) { var selectedIndexes = options.map(function(){ return this.index - offset; }).toArray(); - set(this, 'selection', content.objectsAt(selectedIndexes)); + var newSelection = content.objectsAt(selectedIndexes); + + if (isArray(selection)) { + replace(selection, 0, get(selection, 'length'), newSelection); + } else { + set(this, 'selection', newSelection); + } } }, @@ -20508,7 +22995,7 @@ Ember.Select = Ember.View.extend( if (options) { options.each(function() { - adjusted = this.index > -1 ? this.index + offset : -1; + adjusted = this.index > -1 ? this.index - offset : -1; this.selected = indexOf(selectedIndexes, adjusted) > -1; }); } @@ -20541,7 +23028,7 @@ Ember.SelectOption = Ember.View.extend({ var content = get(this, 'content'), selection = get(this, 'parentView.selection'); if (get(this, 'parentView.multiple')) { - return selection && indexOf(selection, content) > -1; + return selection && indexOf(selection, content.valueOf()) > -1; } else { // Primitives get passed through bindings as objects... since // `new Number(4) !== 4`, we use `==` below @@ -20556,7 +23043,7 @@ Ember.SelectOption = Ember.View.extend({ Ember.defineProperty(this, 'label', Ember.computed(function() { return get(this, labelPath); - }).property(labelPath).cacheable()); + }).property(labelPath)); }, 'parentView.optionLabelPath'), valuePathDidChange: Ember.observer(function() { @@ -20566,41 +23053,44 @@ Ember.SelectOption = Ember.View.extend({ Ember.defineProperty(this, 'value', Ember.computed(function() { return get(this, valuePath); - }).property(valuePath).cacheable()); + }).property(valuePath)); }, 'parentView.optionValuePath') }); - })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== })(); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== /*globals Handlebars */ -// Find templates stored in the head tag as script tags and make them available -// to Ember.CoreView in the global Ember.TEMPLATES object. This will be run as as -// jQuery DOM-ready callback. -// -// Script tags with "text/x-handlebars" will be compiled -// with Ember's Handlebars and are suitable for use as a view's template. -// Those with type="text/x-raw-handlebars" will be compiled with regular -// Handlebars and are suitable for use in views' computed properties. +/** +@module ember +@submodule ember-handlebars +*/ + +/** + @private + + Find templates stored in the head tag as script tags and make them available + to Ember.CoreView in the global Ember.TEMPLATES object. This will be run as as + jQuery DOM-ready callback. + + Script tags with "text/x-handlebars" will be compiled + with Ember's Handlebars and are suitable for use as a view's template. + Those with type="text/x-raw-handlebars" will be compiled with regular + Handlebars and are suitable for use in views' computed properties. + + @method bootstrap + @for Ember.Handlebars + @static + @param ctx +*/ Ember.Handlebars.bootstrap = function(ctx) { var selectors = 'script[type="text/x-handlebars"], script[type="text/x-raw-handlebars"]'; @@ -20616,53 +23106,17 @@ Ember.Handlebars.bootstrap = function(ctx) { // Get the name of the script, used by Ember.View's templateName property. // First look for data-template-name attribute, then fall back to its // id if no name is found. - templateName = script.attr('data-template-name') || script.attr('id'), - template = compile(script.html()), - view, viewPath, elementId, options; - - if (templateName) { - // For templates which have a name, we save them and then remove them from the DOM - Ember.TEMPLATES[templateName] = template; - - // Remove script tag from DOM - script.remove(); - } else { - if (script.parents('head').length !== 0) { - // don't allow inline templates in the head - throw new Ember.Error("Template found in without a name specified. " + - "Please provide a data-template-name attribute.\n" + - script.html()); - } - - // For templates which will be evaluated inline in the HTML document, instantiates a new - // view, and replaces the script tag holding the template with the new - // view's DOM representation. - // - // Users can optionally specify a custom view subclass to use by setting the - // data-view attribute of the script tag. - viewPath = script.attr('data-view'); - view = viewPath ? Ember.get(viewPath) : Ember.View; - - // Get the id of the script, used by Ember.View's elementId property, - // Look for data-element-id attribute. - elementId = script.attr('data-element-id'); - - options = { template: template }; - if (elementId) { options.elementId = elementId; } - - view = view.create(options); + templateName = script.attr('data-template-name') || script.attr('id') || 'application', + template = compile(script.html()); - view._insertElementLater(function() { - script.replaceWith(this.$()); + // For templates which have a name, we save them and then remove them from the DOM + Ember.TEMPLATES[templateName] = template; - // Avoid memory leak in IE - script = null; - }); - } + // Remove script tag from DOM + script.remove(); }); }; -/** @private */ function bootstrap() { Ember.Handlebars.bootstrap( Ember.$(document) ); } @@ -20678,7 +23132,6 @@ function bootstrap() { from the DOM after processing. */ -Ember.$(document).ready(bootstrap); Ember.onLoad('application', bootstrap); })(); @@ -20686,24 +23139,26 @@ Ember.onLoad('application', bootstrap); (function() { -// ========================================================================== -// Project: Ember Handlebars Views -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +Ember Handlebars + +@module ember +@submodule ember-handlebars +@requires ember-views +*/ })(); -// Version: v1.0.pre -// Last commit: 7955b85 (2012-08-03 14:50:17 -0700) +// Version: v1.0.pre-279-gb1c0b4c +// Last commit: b1c0b4c (2012-10-26 16:31:11 -0700) (function() { -// ========================================================================== -// Project: Ember -// Copyright: ©2011 Strobe Inc. and contributors. -// License: Licensed under MIT license (see license.js) -// ========================================================================== +/** +Ember + +@module ember +*/ })(); diff --git a/vendor/ember/production/ember.js b/vendor/ember/production/ember.js index 84ab0858..d6a89159 100644 --- a/vendor/ember/production/ember.js +++ b/vendor/ember/production/ember.js @@ -1,18 +1,23048 @@ +(function() { +/*globals Em:true ENV */ + +/** +@module ember +@submodule ember-metal +*/ + +/** + All Ember methods and functions are defined inside of this namespace. + You generally should not add new properties to this namespace as it may be + overwritten by future versions of Ember. + + You can also use the shorthand "Em" instead of "Ember". + + Ember-Runtime is a framework that provides core functions for + Ember including cross-platform functions, support for property + observing and objects. Its focus is on small size and performance. You can + use this in place of or along-side other cross-platform libraries such as + jQuery. + + The core Runtime framework is based on the jQuery API with a number of + performance optimizations. + + @class Ember + @static + @version 1.0.0-pre.2 +*/ + +if ('undefined' === typeof Ember) { + // Create core object. Make it act like an instance of Ember.Namespace so that + // objects assigned to it are given a sane string representation. + Ember = {}; +} + +// Default imports, exports and lookup to the global object; +var imports = Ember.imports = Ember.imports || this; +var exports = Ember.exports = Ember.exports || this; +var lookup = Ember.lookup = Ember.lookup || this; + +// aliases needed to keep minifiers from removing the global context +exports.Em = exports.Ember = Em = Ember; + +// Make sure these are set whether Ember was already defined or not + +Ember.isNamespace = true; + +Ember.toString = function() { return "Ember"; }; + + +/** + @property VERSION + @type String + @default '1.0.0-pre.2' + @final +*/ +Ember.VERSION = '1.0.0-pre.2'; + +/** + Standard environmental variables. You can define these in a global `ENV` + variable before loading Ember to control various configuration + settings. + + @property ENV + @type Hash +*/ +Ember.ENV = Ember.ENV || ('undefined' === typeof ENV ? {} : ENV); + +Ember.config = Ember.config || {}; + +// .......................................................... +// BOOTSTRAP +// + +/** + Determines whether Ember should enhances some built-in object + prototypes to provide a more friendly API. If enabled, a few methods + will be added to Function, String, and Array. Object.prototype will not be + enhanced, which is the one that causes most trouble for people. + + In general we recommend leaving this option set to true since it rarely + conflicts with other code. If you need to turn it off however, you can + define an ENV.EXTEND_PROTOTYPES config to disable it. + + @property EXTEND_PROTOTYPES + @type Boolean + @default true +*/ +Ember.EXTEND_PROTOTYPES = Ember.ENV.EXTEND_PROTOTYPES; + +if (typeof Ember.EXTEND_PROTOTYPES === 'undefined') { + Ember.EXTEND_PROTOTYPES = true; +} + +/** + Determines whether Ember logs a full stack trace during deprecation warnings + + @property LOG_STACKTRACE_ON_DEPRECATION + @type Boolean + @default true +*/ +Ember.LOG_STACKTRACE_ON_DEPRECATION = (Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION !== false); + +/** + Determines whether Ember should add ECMAScript 5 shims to older browsers. + + @property SHIM_ES5 + @type Boolean + @default Ember.EXTEND_PROTOTYPES +*/ +Ember.SHIM_ES5 = (Ember.ENV.SHIM_ES5 === false) ? false : Ember.EXTEND_PROTOTYPES; + +/** + Empty function. Useful for some operations. + + @method K + @private + @return {Object} +*/ +Ember.K = function() { return this; }; + + +// Stub out the methods defined by the ember-debug package in case it's not loaded + +if ('undefined' === typeof Ember.assert) { Ember.assert = Ember.K; } +if ('undefined' === typeof Ember.warn) { Ember.warn = Ember.K; } +if ('undefined' === typeof Ember.deprecate) { Ember.deprecate = Ember.K; } +if ('undefined' === typeof Ember.deprecateFunc) { + Ember.deprecateFunc = function(_, func) { return func; }; +} + +// These are deprecated but still supported + +if ('undefined' === typeof ember_assert) { exports.ember_assert = Ember.K; } +if ('undefined' === typeof ember_warn) { exports.ember_warn = Ember.K; } +if ('undefined' === typeof ember_deprecate) { exports.ember_deprecate = Ember.K; } +if ('undefined' === typeof ember_deprecateFunc) { + exports.ember_deprecateFunc = function(_, func) { return func; }; +} + +/** + Previously we used `Ember.$.uuid`, however `$.uuid` has been removed from jQuery master. + We'll just bootstrap our own uuid now. + + @property uuid + @type Number + @private +*/ +Ember.uuid = 0; + +// .......................................................... +// LOGGER +// + +/** + Inside Ember-Metal, simply uses the imports.console object. + Override this to provide more robust logging functionality. + + @class Logger + @namespace Ember +*/ +Ember.Logger = imports.console || { log: Ember.K, warn: Ember.K, error: Ember.K, info: Ember.K, debug: Ember.K }; + + +// .......................................................... +// ERROR HANDLING +// + +/** + A function may be assigned to `Ember.onerror` to be called when Ember internals encounter an error. + This is useful for specialized error handling and reporting code. + + @event onerror + @for Ember + @param {Exception} error the error object +*/ +Ember.onerror = null; + +/** + @private + + Wrap code block in a try/catch if {{#crossLink "Ember/onerror"}}{{/crossLink}} is set. + + @method handleErrors + @for Ember + @param {Function} func + @param [context] +*/ +Ember.handleErrors = function(func, context) { + // Unfortunately in some browsers we lose the backtrace if we rethrow the existing error, + // so in the event that we don't have an `onerror` handler we don't wrap in a try/catch + if ('function' === typeof Ember.onerror) { + try { + return func.apply(context || this); + } catch (error) { + Ember.onerror(error); + } + } else { + return func.apply(context || this); + } +}; + +})(); + + + +(function() { +/** + The purpose of the Ember Instrumentation module is + to provide efficient, general-purpose instrumentation + for Ember. + + Subscribe to a listener by using `Ember.subscribe`: + + Ember.subscribe("render", { + before: function(name, timestamp, payload) { + + }, + + after: function(name, timestamp, payload) { + + } + }); + + If you return a value from the `before` callback, that same + value will be passed as a fourth parameter to the `after` + callback. + + Instrument a block of code by using `Ember.instrument`: + + Ember.instrument("render.handlebars", payload, function() { + // rendering logic + }, binding); + + Event names passed to `Ember.instrument` are namespaced + by periods, from more general to more specific. Subscribers + can listen for events by whatever level of granularity they + are interested in. + + In the above example, the event is `render.handlebars`, + and the subscriber listened for all events beginning with + `render`. It would receive callbacks for events named + `render`, `render.handlebars`, `render.container`, or + even `render.handlebars.layout`. + + @class Instrumentation + @namespace Ember + @static +*/ +Ember.Instrumentation = {}; + +var subscribers = [], cache = {}; + +var populateListeners = function(name) { + var listeners = [], subscriber; + + for (var i=0, l=subscribers.length; i -1; +}; + +// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/map +var arrayMap = isNativeFunc(Array.prototype.map) ? Array.prototype.map : function(fun /*, thisp */) { + //"use strict"; + + if (this === void 0 || this === null) { + throw new TypeError(); + } + + var t = Object(this); + var len = t.length >>> 0; + if (typeof fun !== "function") { + throw new TypeError(); + } + + var res = new Array(len); + var thisp = arguments[1]; + for (var i = 0; i < len; i++) { + if (i in t) { + res[i] = fun.call(thisp, t[i], i, t); + } + } + + return res; +}; + +// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach +var arrayForEach = isNativeFunc(Array.prototype.forEach) ? Array.prototype.forEach : function(fun /*, thisp */) { + //"use strict"; + + if (this === void 0 || this === null) { + throw new TypeError(); + } + + var t = Object(this); + var len = t.length >>> 0; + if (typeof fun !== "function") { + throw new TypeError(); + } + + var thisp = arguments[1]; + for (var i = 0; i < len; i++) { + if (i in t) { + fun.call(thisp, t[i], i, t); + } + } +}; + +var arrayIndexOf = isNativeFunc(Array.prototype.indexOf) ? Array.prototype.indexOf : function (obj, fromIndex) { + if (fromIndex === null || fromIndex === undefined) { fromIndex = 0; } + else if (fromIndex < 0) { fromIndex = Math.max(0, this.length + fromIndex); } + for (var i = fromIndex, j = this.length; i < j; i++) { + if (this[i] === obj) { return i; } + } + return -1; +}; + +Ember.ArrayPolyfills = { + map: arrayMap, + forEach: arrayForEach, + indexOf: arrayIndexOf +}; + +var utils = Ember.EnumerableUtils = { + map: function(obj, callback, thisArg) { + return obj.map ? obj.map.call(obj, callback, thisArg) : arrayMap.call(obj, callback, thisArg); + }, + + forEach: function(obj, callback, thisArg) { + return obj.forEach ? obj.forEach.call(obj, callback, thisArg) : arrayForEach.call(obj, callback, thisArg); + }, + + indexOf: function(obj, element, index) { + return obj.indexOf ? obj.indexOf.call(obj, element, index) : arrayIndexOf.call(obj, element, index); + }, + + indexesOf: function(obj, elements) { + return elements === undefined ? [] : utils.map(elements, function(item) { + return utils.indexOf(obj, item); + }); + }, + + removeObject: function(array, item) { + var index = utils.indexOf(array, item); + if (index !== -1) { array.splice(index, 1); } + }, + + replace: function(array, idx, amt, objects) { + if (array.replace) { + return array.replace(idx, amt, objects); + } else { + var args = Array.prototype.concat.apply([idx, amt], objects); + return array.splice.apply(array, args); + } + } +}; + + +if (Ember.SHIM_ES5) { + if (!Array.prototype.map) { + Array.prototype.map = arrayMap; + } + + if (!Array.prototype.forEach) { + Array.prototype.forEach = arrayForEach; + } + + if (!Array.prototype.indexOf) { + Array.prototype.indexOf = arrayIndexOf; + } +} + +})(); + + + +(function() { +/*globals Node */ +/** +@module ember-metal +*/ + +/** + Platform specific methods and feature detectors needed by the framework. + + @class platform + @namespace Ember + @static +*/ +var platform = Ember.platform = {}; + + +/** + Identical to Object.create(). Implements if not available natively. + @method create + @for Ember +*/ +Ember.create = Object.create; + +if (!Ember.create) { + var K = function() {}; + + Ember.create = function(obj, props) { + K.prototype = obj; + obj = new K(); + if (props) { + K.prototype = obj; + for (var prop in props) { + K.prototype[prop] = props[prop].value; + } + obj = new K(); + } + K.prototype = null; + + return obj; + }; + + Ember.create.isSimulated = true; +} + +var defineProperty = Object.defineProperty; +var canRedefineProperties, canDefinePropertyOnDOM; + +// Catch IE8 where Object.defineProperty exists but only works on DOM elements +if (defineProperty) { + try { + defineProperty({}, 'a',{get:function(){}}); + } catch (e) { + defineProperty = null; + } +} + +if (defineProperty) { + // Detects a bug in Android <3.2 where you cannot redefine a property using + // Object.defineProperty once accessors have already been set. + canRedefineProperties = (function() { + var obj = {}; + + defineProperty(obj, 'a', { + configurable: true, + enumerable: true, + get: function() { }, + set: function() { } + }); + + defineProperty(obj, 'a', { + configurable: true, + enumerable: true, + writable: true, + value: true + }); + + return obj.a === true; + })(); + + // This is for Safari 5.0, which supports Object.defineProperty, but not + // on DOM nodes. + canDefinePropertyOnDOM = (function(){ + try { + defineProperty(document.createElement('div'), 'definePropertyOnDOM', {}); + return true; + } catch(e) { } + + return false; + })(); + + if (!canRedefineProperties) { + defineProperty = null; + } else if (!canDefinePropertyOnDOM) { + defineProperty = function(obj, keyName, desc){ + var isNode; + + if (typeof Node === "object") { + isNode = obj instanceof Node; + } else { + isNode = typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string"; + } + + if (isNode) { + // TODO: Should we have a warning here? + return (obj[keyName] = desc.value); + } else { + return Object.defineProperty(obj, keyName, desc); + } + }; + } +} + +/** +@class platform +@namespace Ember +*/ + +/** + Identical to Object.defineProperty(). Implements as much functionality + as possible if not available natively. + + @method defineProperty + @param {Object} obj The object to modify + @param {String} keyName property name to modify + @param {Object} desc descriptor hash + @return {void} +*/ +platform.defineProperty = defineProperty; + +/** + Set to true if the platform supports native getters and setters. + + @property hasPropertyAccessors + @final +*/ +platform.hasPropertyAccessors = true; + +if (!platform.defineProperty) { + platform.hasPropertyAccessors = false; + + platform.defineProperty = function(obj, keyName, desc) { + if (!desc.get) { obj[keyName] = desc.value; } + }; + + platform.defineProperty.isSimulated = true; +} + +if (Ember.ENV.MANDATORY_SETTER && !platform.hasPropertyAccessors) { + Ember.ENV.MANDATORY_SETTER = false; +} + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var o_defineProperty = Ember.platform.defineProperty, + o_create = Ember.create, + // Used for guid generation... + GUID_KEY = '__ember'+ (+ new Date()), + uuid = 0, + numberCache = [], + stringCache = {}; + +var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; + +/** + @private + + A unique key used to assign guids and other private metadata to objects. + If you inspect an object in your browser debugger you will often see these. + They can be safely ignored. + + On browsers that support it, these properties are added with enumeration + disabled so they won't show up when you iterate over your properties. + + @property GUID_KEY + @for Ember + @type String + @final +*/ +Ember.GUID_KEY = GUID_KEY; + +var GUID_DESC = { + writable: false, + configurable: false, + enumerable: false, + value: null +}; + +/** + @private + + Generates a new guid, optionally saving the guid to the object that you + pass in. You will rarely need to use this method. Instead you should + call Ember.guidFor(obj), which return an existing guid if available. + + @method generateGuid + @for Ember + @param {Object} [obj] Object the guid will be used for. If passed in, the guid will + be saved on the object and reused whenever you pass the same object + again. + + If no object is passed, just generate a new guid. + + @param {String} [prefix] Prefix to place in front of the guid. Useful when you want to + separate the guid into separate namespaces. + + @return {String} the guid +*/ +Ember.generateGuid = function generateGuid(obj, prefix) { + if (!prefix) prefix = 'ember'; + var ret = (prefix + (uuid++)); + if (obj) { + GUID_DESC.value = ret; + o_defineProperty(obj, GUID_KEY, GUID_DESC); + } + return ret ; +}; + +/** + @private + + Returns a unique id for the object. If the object does not yet have + a guid, one will be assigned to it. You can call this on any object, + Ember.Object-based or not, but be aware that it will add a _guid property. + + You can also use this method on DOM Element objects. + + @method guidFor + @for Ember + @param obj {Object} any object, string, number, Element, or primitive + @return {String} the unique guid for this instance. +*/ +Ember.guidFor = function guidFor(obj) { + + // special cases where we don't want to add a key to object + if (obj === undefined) return "(undefined)"; + if (obj === null) return "(null)"; + + var cache, ret; + var type = typeof obj; + + // Don't allow prototype changes to String etc. to change the guidFor + switch(type) { + case 'number': + ret = numberCache[obj]; + if (!ret) ret = numberCache[obj] = 'nu'+obj; + return ret; + + case 'string': + ret = stringCache[obj]; + if (!ret) ret = stringCache[obj] = 'st'+(uuid++); + return ret; + + case 'boolean': + return obj ? '(true)' : '(false)'; + + default: + if (obj[GUID_KEY]) return obj[GUID_KEY]; + if (obj === Object) return '(Object)'; + if (obj === Array) return '(Array)'; + ret = 'ember'+(uuid++); + GUID_DESC.value = ret; + o_defineProperty(obj, GUID_KEY, GUID_DESC); + return ret; + } +}; + +// .......................................................... +// META +// + +var META_DESC = { + writable: true, + configurable: false, + enumerable: false, + value: null +}; + +var META_KEY = Ember.GUID_KEY+'_meta'; + +/** + The key used to store meta information on object for property observing. + + @property META_KEY + @for Ember + @private + @final + @type String +*/ +Ember.META_KEY = META_KEY; + +// Placeholder for non-writable metas. +var EMPTY_META = { + descs: {}, + watching: {} +}; + +if (MANDATORY_SETTER) { EMPTY_META.values = {}; } + +Ember.EMPTY_META = EMPTY_META; + +if (Object.freeze) Object.freeze(EMPTY_META); + +var isDefinePropertySimulated = Ember.platform.defineProperty.isSimulated; + +function Meta(obj) { + this.descs = {}; + this.watching = {}; + this.cache = {}; + this.source = obj; +} + +if (isDefinePropertySimulated) { + // on platforms that don't support enumerable false + // make meta fail jQuery.isPlainObject() to hide from + // jQuery.extend() by having a property that fails + // hasOwnProperty check. + Meta.prototype.__preventPlainObject__ = true; +} + +/** + Retrieves the meta hash for an object. If 'writable' is true ensures the + hash is writable for this object as well. + + The meta object contains information about computed property descriptors as + well as any watched properties and other information. You generally will + not access this information directly but instead work with higher level + methods that manipulate this hash indirectly. + + @method meta + @for Ember + @private + + @param {Object} obj The object to retrieve meta for + + @param {Boolean} [writable=true] Pass false if you do not intend to modify + the meta hash, allowing the method to avoid making an unnecessary copy. + + @return {Hash} +*/ +Ember.meta = function meta(obj, writable) { + + var ret = obj[META_KEY]; + if (writable===false) return ret || EMPTY_META; + + if (!ret) { + if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC); + + ret = new Meta(obj); + + if (MANDATORY_SETTER) { ret.values = {}; } + + obj[META_KEY] = ret; + + // make sure we don't accidentally try to create constructor like desc + ret.descs.constructor = null; + + } else if (ret.source !== obj) { + if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC); + + ret = o_create(ret); + ret.descs = o_create(ret.descs); + ret.watching = o_create(ret.watching); + ret.cache = {}; + ret.source = obj; + + if (MANDATORY_SETTER) { ret.values = o_create(ret.values); } + + obj[META_KEY] = ret; + } + return ret; +}; + +Ember.getMeta = function getMeta(obj, property) { + var meta = Ember.meta(obj, false); + return meta[property]; +}; + +Ember.setMeta = function setMeta(obj, property, value) { + var meta = Ember.meta(obj, true); + meta[property] = value; + return value; +}; + +/** + @private + + In order to store defaults for a class, a prototype may need to create + a default meta object, which will be inherited by any objects instantiated + from the class's constructor. + + However, the properties of that meta object are only shallow-cloned, + so if a property is a hash (like the event system's `listeners` hash), + it will by default be shared across all instances of that class. + + This method allows extensions to deeply clone a series of nested hashes or + other complex objects. For instance, the event system might pass + ['listeners', 'foo:change', 'ember157'] to `prepareMetaPath`, which will + walk down the keys provided. + + For each key, if the key does not exist, it is created. If it already + exists and it was inherited from its constructor, the constructor's + key is cloned. + + You can also pass false for `writable`, which will simply return + undefined if `prepareMetaPath` discovers any part of the path that + shared or undefined. + + @method metaPath + @for Ember + @param {Object} obj The object whose meta we are examining + @param {Array} path An array of keys to walk down + @param {Boolean} writable whether or not to create a new meta + (or meta property) if one does not already exist or if it's + shared with its constructor +*/ +Ember.metaPath = function metaPath(obj, path, writable) { + var meta = Ember.meta(obj, writable), keyName, value; + + for (var i=0, l=path.length; i [] + Ember.makeArray(null); => [] + Ember.makeArray(undefined); => [] + Ember.makeArray('lindsay'); => ['lindsay'] + Ember.makeArray([1,2,42]); => [1,2,42] + + var controller = Ember.ArrayProxy.create({ content: [] }); + Ember.makeArray(controller) === controller; => true + + @method makeArray + @for Ember + @param {Object} obj the object + @return {Array} +*/ +Ember.makeArray = function(obj) { + if (obj === null || obj === undefined) { return []; } + return Ember.isArray(obj) ? obj : [obj]; +}; + +function canInvoke(obj, methodName) { + return !!(obj && typeof obj[methodName] === 'function'); +} + +/** + Checks to see if the `methodName` exists on the `obj`. + + @method canInvoke + @for Ember + @param {Object} obj The object to check for the method + @param {String} methodName The method name to check for +*/ +Ember.canInvoke = canInvoke; + +/** + Checks to see if the `methodName` exists on the `obj`, + and if it does, invokes it with the arguments passed. + + @method tryInvoke + @for Ember + @param {Object} obj The object to check for the method + @param {String} methodName The method name to check for + @param {Array} [args] The arguments to pass to the method + @return {anything} the return value of the invoked method or undefined if it cannot be invoked +*/ +Ember.tryInvoke = function(obj, methodName, args) { + if (canInvoke(obj, methodName)) { + return obj[methodName].apply(obj, args || []); + } +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +/* + JavaScript (before ES6) does not have a Map implementation. Objects, + which are often used as dictionaries, may only have Strings as keys. + + Because Ember has a way to get a unique identifier for every object + via `Ember.guidFor`, we can implement a performant Map with arbitrary + keys. Because it is commonly used in low-level bookkeeping, Map is + implemented as a pure JavaScript object for performance. + + This implementation follows the current iteration of the ES6 proposal + for maps (http://wiki.ecmascript.org/doku.php?id=harmony:simple_maps_and_sets), + with two exceptions. First, because we need our implementation to be + pleasant on older browsers, we do not use the `delete` name (using + `remove` instead). Second, as we do not have the luxury of in-VM + iteration, we implement a forEach method for iteration. + + Map is mocked out to look like an Ember object, so you can do + `Ember.Map.create()` for symmetry with other Ember classes. +*/ +var guidFor = Ember.guidFor, + indexOf = Ember.ArrayPolyfills.indexOf; + +var copy = function(obj) { + var output = {}; + + for (var prop in obj) { + if (obj.hasOwnProperty(prop)) { output[prop] = obj[prop]; } + } + + return output; +}; + +var copyMap = function(original, newObject) { + var keys = original.keys.copy(), + values = copy(original.values); + + newObject.keys = keys; + newObject.values = values; + + return newObject; +}; + +/** + This class is used internally by Ember.js and Ember Data. + Please do not use it at this time. We plan to clean it up + and add many tests soon. + + @class OrderedSet + @namespace Ember + @constructor + @private +*/ +var OrderedSet = Ember.OrderedSet = function() { + this.clear(); +}; + +/** + @method create + @static + @return {Ember.OrderedSet} +*/ +OrderedSet.create = function() { + return new OrderedSet(); +}; + + +OrderedSet.prototype = { + /** + @method clear + */ + clear: function() { + this.presenceSet = {}; + this.list = []; + }, + + /** + @method add + @param obj + */ + add: function(obj) { + var guid = guidFor(obj), + presenceSet = this.presenceSet, + list = this.list; + + if (guid in presenceSet) { return; } + + presenceSet[guid] = true; + list.push(obj); + }, + + /** + @method remove + @param obj + */ + remove: function(obj) { + var guid = guidFor(obj), + presenceSet = this.presenceSet, + list = this.list; + + delete presenceSet[guid]; + + var index = indexOf.call(list, obj); + if (index > -1) { + list.splice(index, 1); + } + }, + + /** + @method isEmpty + @return {Boolean} + */ + isEmpty: function() { + return this.list.length === 0; + }, + + /** + @method has + @param obj + @return {Boolean} + */ + has: function(obj) { + var guid = guidFor(obj), + presenceSet = this.presenceSet; + + return guid in presenceSet; + }, + + /** + @method forEach + @param {Function} function + @param target + */ + forEach: function(fn, self) { + // allow mutation during iteration + var list = this.list.slice(); + + for (var i = 0, j = list.length; i < j; i++) { + fn.call(self, list[i]); + } + }, + + /** + @method toArray + @return {Array} + */ + toArray: function() { + return this.list.slice(); + }, + + /** + @method copy + @return {Ember.OrderedSet} + */ + copy: function() { + var set = new OrderedSet(); + + set.presenceSet = copy(this.presenceSet); + set.list = this.list.slice(); + + return set; + } +}; + +/** + A Map stores values indexed by keys. Unlike JavaScript's + default Objects, the keys of a Map can be any JavaScript + object. + + Internally, a Map has two data structures: + + `keys`: an OrderedSet of all of the existing keys + `values`: a JavaScript Object indexed by the + Ember.guidFor(key) + + When a key/value pair is added for the first time, we + add the key to the `keys` OrderedSet, and create or + replace an entry in `values`. When an entry is deleted, + we delete its entry in `keys` and `values`. + + @class Map + @namespace Ember + @private + @constructor +*/ +var Map = Ember.Map = function() { + this.keys = Ember.OrderedSet.create(); + this.values = {}; +}; + +/** + @method create + @static +*/ +Map.create = function() { + return new Map(); +}; + +Map.prototype = { + /** + Retrieve the value associated with a given key. + + @method get + @param {anything} key + @return {anything} the value associated with the key, or undefined + */ + get: function(key) { + var values = this.values, + guid = guidFor(key); + + return values[guid]; + }, + + /** + Adds a value to the map. If a value for the given key has already been + provided, the new value will replace the old value. + + @method set + @param {anything} key + @param {anything} value + */ + set: function(key, value) { + var keys = this.keys, + values = this.values, + guid = guidFor(key); + + keys.add(key); + values[guid] = value; + }, + + /** + Removes a value from the map for an associated key. + + @method remove + @param {anything} key + @return {Boolean} true if an item was removed, false otherwise + */ + remove: function(key) { + // don't use ES6 "delete" because it will be annoying + // to use in browsers that are not ES6 friendly; + var keys = this.keys, + values = this.values, + guid = guidFor(key), + value; + + if (values.hasOwnProperty(guid)) { + keys.remove(key); + value = values[guid]; + delete values[guid]; + return true; + } else { + return false; + } + }, + + /** + Check whether a key is present. + + @method has + @param {anything} key + @return {Boolean} true if the item was present, false otherwise + */ + has: function(key) { + var values = this.values, + guid = guidFor(key); + + return values.hasOwnProperty(guid); + }, + + /** + Iterate over all the keys and values. Calls the function once + for each key, passing in the key and value, in that order. + + The keys are guaranteed to be iterated over in insertion order. + + @method forEach + @param {Function} callback + @param {anything} self if passed, the `this` value inside the + callback. By default, `this` is the map. + */ + forEach: function(callback, self) { + var keys = this.keys, + values = this.values; + + keys.forEach(function(key) { + var guid = guidFor(key); + callback.call(self, key, values[guid]); + }); + }, + + /** + @method copy + @return {Ember.Map} + */ + copy: function() { + return copyMap(this, new Map()); + } +}; + +/** + @class MapWithDefault + @namespace Ember + @extends Ember.Map + @private + @constructor + @param [options] + @param {anything} [options.defaultValue] +*/ +var MapWithDefault = Ember.MapWithDefault = function(options) { + Map.call(this); + this.defaultValue = options.defaultValue; +}; + +/** + @method create + @static + @param [options] + @param {anything} [options.defaultValue] + @return {Ember.MapWithDefault|Ember.Map} If options are passed, returns Ember.MapWithDefault otherwise returns Ember.Map +*/ +MapWithDefault.create = function(options) { + if (options) { + return new MapWithDefault(options); + } else { + return new Map(); + } +}; + +MapWithDefault.prototype = Ember.create(Map.prototype); + +/** + Retrieve the value associated with a given key. + + @method get + @param {anything} key + @return {anything} the value associated with the key, or the default value +*/ +MapWithDefault.prototype.get = function(key) { + var hasValue = this.has(key); + + if (hasValue) { + return Map.prototype.get.call(this, key); + } else { + var defaultValue = this.defaultValue(key); + this.set(key, defaultValue); + return defaultValue; + } +}; + +/** + @method copy + @return {Ember.MapWithDefault} +*/ +MapWithDefault.prototype.copy = function() { + return copyMap(this, new MapWithDefault({ + defaultValue: this.defaultValue + })); +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var META_KEY = Ember.META_KEY, get, set; + +var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER; + +var IS_GLOBAL = /^([A-Z$]|([0-9][A-Z$]))/; +var IS_GLOBAL_PATH = /^([A-Z$]|([0-9][A-Z$])).*[\.\*]/; +var HAS_THIS = /^this[\.\*]/; +var FIRST_KEY = /^([^\.\*]+)/; + +// .......................................................... +// GET AND SET +// +// If we are on a platform that supports accessors we can get use those. +// Otherwise simulate accessors by looking up the property directly on the +// object. + +/** + Gets the value of a property on an object. If the property is computed, + the function will be invoked. If the property is not defined but the + object implements the unknownProperty() method then that will be invoked. + + If you plan to run on IE8 and older browsers then you should use this + method anytime you want to retrieve a property on an object that you don't + know for sure is private. (My convention only properties beginning with + an underscore '_' are considered private.) + + On all newer browsers, you only need to use this method to retrieve + properties if the property might not be defined on the object and you want + to respect the unknownProperty() handler. Otherwise you can ignore this + method. + + Note that if the obj itself is null, this method will simply return + undefined. + + @method get + @for Ember + @param {Object} obj The object to retrieve from. + @param {String} keyName The property key to retrieve + @return {Object} the property value or null. +*/ +get = function get(obj, keyName) { + // Helpers that operate with 'this' within an #each + if (keyName === '') { + return obj; + } + + if (!keyName && 'string'===typeof obj) { + keyName = obj; + obj = null; + } + + if (!obj || keyName.indexOf('.') !== -1) { + return getPath(obj, keyName); + } + + + var meta = obj[META_KEY], desc = meta && meta.descs[keyName], ret; + if (desc) { + return desc.get(obj, keyName); + } else { + if (MANDATORY_SETTER && meta && meta.watching[keyName] > 0) { + ret = meta.values[keyName]; + } else { + ret = obj[keyName]; + } + + if (ret === undefined && + 'object' === typeof obj && !(keyName in obj) && 'function' === typeof obj.unknownProperty) { + return obj.unknownProperty(keyName); + } + + return ret; + } +}; + +/** + Sets the value of a property on an object, respecting computed properties + and notifying observers and other listeners of the change. If the + property is not defined but the object implements the unknownProperty() + method then that will be invoked as well. + + If you plan to run on IE8 and older browsers then you should use this + method anytime you want to set a property on an object that you don't + know for sure is private. (My convention only properties beginning with + an underscore '_' are considered private.) + + On all newer browsers, you only need to use this method to set + properties if the property might not be defined on the object and you want + to respect the unknownProperty() handler. Otherwise you can ignore this + method. + + @method set + @for Ember + @param {Object} obj The object to modify. + @param {String} keyName The property key to set + @param {Object} value The value to set + @return {Object} the passed value. +*/ +set = function set(obj, keyName, value, tolerant) { + if (typeof obj === 'string') { + + value = keyName; + keyName = obj; + obj = null; + } + + if (!obj || keyName.indexOf('.') !== -1) { + return setPath(obj, keyName, value, tolerant); + } + + + + var meta = obj[META_KEY], desc = meta && meta.descs[keyName], + isUnknown, currentValue; + if (desc) { + desc.set(obj, keyName, value); + } + else { + isUnknown = 'object' === typeof obj && !(keyName in obj); + + // setUnknownProperty is called if `obj` is an object, + // the property does not already exist, and the + // `setUnknownProperty` method exists on the object + if (isUnknown && 'function' === typeof obj.setUnknownProperty) { + obj.setUnknownProperty(keyName, value); + } else if (meta && meta.watching[keyName] > 0) { + if (MANDATORY_SETTER) { + currentValue = meta.values[keyName]; + } else { + currentValue = obj[keyName]; + } + // only trigger a change if the value has changed + if (value !== currentValue) { + Ember.propertyWillChange(obj, keyName); + if (MANDATORY_SETTER) { + if (currentValue === undefined && !(keyName in obj)) { + Ember.defineProperty(obj, keyName, null, value); // setup mandatory setter + } else { + meta.values[keyName] = value; + } + } else { + obj[keyName] = value; + } + Ember.propertyDidChange(obj, keyName); + } + } else { + obj[keyName] = value; + } + } + return value; +}; + +// Currently used only by Ember Data tests +if (Ember.config.overrideAccessors) { + Ember.get = get; + Ember.set = set; + Ember.config.overrideAccessors(); + get = Ember.get; + set = Ember.set; +} + +function firstKey(path) { + return path.match(FIRST_KEY)[0]; +} + +// assumes path is already normalized +function normalizeTuple(target, path) { + var hasThis = HAS_THIS.test(path), + isGlobal = !hasThis && IS_GLOBAL_PATH.test(path), + key; + + if (!target || isGlobal) target = Ember.lookup; + if (hasThis) path = path.slice(5); + + if (target === Ember.lookup) { + key = firstKey(path); + target = get(target, key); + path = path.slice(key.length+1); + } + + // must return some kind of path to be valid else other things will break. + if (!path || path.length===0) throw new Error('Invalid Path'); + + return [ target, path ]; +} + +function getPath(root, path) { + var hasThis, parts, tuple, idx, len; + + // If there is no root and path is a key name, return that + // property from the global object. + // E.g. get('Ember') -> Ember + if (root === null && path.indexOf('.') === -1) { return get(Ember.lookup, path); } + + // detect complicated paths and normalize them + hasThis = HAS_THIS.test(path); + + if (!root || hasThis) { + tuple = normalizeTuple(root, path); + root = tuple[0]; + path = tuple[1]; + tuple.length = 0; + } + + parts = path.split("."); + len = parts.length; + for (idx=0; root && idx 0; + + if (existingDesc instanceof Ember.Descriptor) { + existingDesc.teardown(obj, keyName); + } + + if (desc instanceof Ember.Descriptor) { + value = desc; + + descs[keyName] = desc; + if (MANDATORY_SETTER && watching) { + objectDefineProperty(obj, keyName, { + configurable: true, + enumerable: true, + writable: true, + value: undefined // make enumerable + }); + } else { + obj[keyName] = undefined; // make enumerable + } + desc.setup(obj, keyName); + } else { + descs[keyName] = undefined; // shadow descriptor in proto + if (desc == null) { + value = data; + + if (MANDATORY_SETTER && watching) { + meta.values[keyName] = data; + objectDefineProperty(obj, keyName, { + configurable: true, + enumerable: true, + set: function() { + + }, + get: function() { + var meta = this[META_KEY]; + return meta && meta.values[keyName]; + } + }); + } else { + obj[keyName] = data; + } + } else { + value = desc; + + // compatibility with ES5 + objectDefineProperty(obj, keyName, desc); + } + } + + // if key is being watched, override chains that + // were initialized with the prototype + if (watching) { Ember.overrideChains(obj, keyName, meta); } + + // The `value` passed to the `didDefineProperty` hook is + // either the descriptor or data, whichever was passed. + if (obj.didDefineProperty) { obj.didDefineProperty(obj, keyName, value); } + + return this; +}; + + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var AFTER_OBSERVERS = ':change'; +var BEFORE_OBSERVERS = ':before'; + +var guidFor = Ember.guidFor; + +var deferred = 0; + +/* + this.observerSet = { + [senderGuid]: { // variable name: `keySet` + [keyName]: listIndex + } + }, + this.observers = [ + { + sender: obj, + keyName: keyName, + eventName: eventName, + listeners: { + [targetGuid]: { // variable name: `actionSet` + [methodGuid]: { // variable name: `action` + target: [Object object], + method: [Function function] + } + } + } + }, + ... + ] +*/ +function ObserverSet() { + this.clear(); +} + +ObserverSet.prototype.add = function(sender, keyName, eventName) { + var observerSet = this.observerSet, + observers = this.observers, + senderGuid = Ember.guidFor(sender), + keySet = observerSet[senderGuid], + index; + + if (!keySet) { + observerSet[senderGuid] = keySet = {}; + } + index = keySet[keyName]; + if (index === undefined) { + index = observers.push({ + sender: sender, + keyName: keyName, + eventName: eventName, + listeners: {} + }) - 1; + keySet[keyName] = index; + } + return observers[index].listeners; +}; + +ObserverSet.prototype.flush = function() { + var observers = this.observers, i, len, observer, sender; + this.clear(); + for (i=0, len=observers.length; i < len; ++i) { + observer = observers[i]; + sender = observer.sender; + if (sender.isDestroyed) { continue; } + Ember.sendEvent(sender, observer.eventName, [sender, observer.keyName], observer.listeners); + } +}; + +ObserverSet.prototype.clear = function() { + this.observerSet = {}; + this.observers = []; +}; + +var beforeObserverSet = new ObserverSet(), observerSet = new ObserverSet(); + +/** + @method beginPropertyChanges + @chainable +*/ +Ember.beginPropertyChanges = function() { + deferred++; +}; + +/** + @method endPropertyChanges +*/ +Ember.endPropertyChanges = function() { + deferred--; + if (deferred<=0) { + beforeObserverSet.clear(); + observerSet.flush(); + } +}; + +/** + Make a series of property changes together in an + exception-safe way. + + Ember.changeProperties(function() { + obj1.set('foo', mayBlowUpWhenSet); + obj2.set('bar', baz); + }); + + @method changeProperties + @param {Function} callback + @param [binding] +*/ +Ember.changeProperties = function(cb, binding){ + Ember.beginPropertyChanges(); + try { + cb.call(binding); + } finally { + Ember.endPropertyChanges(); + } +}; + +/** + Set a list of properties on an object. These properties are set inside + a single `beginPropertyChanges` and `endPropertyChanges` batch, so + observers will be buffered. + + @method setProperties + @param target + @param {Hash} properties + @return target +*/ +Ember.setProperties = function(self, hash) { + Ember.changeProperties(function(){ + for(var prop in hash) { + if (hash.hasOwnProperty(prop)) Ember.set(self, prop, hash[prop]); + } + }); + return self; +}; + + +function changeEvent(keyName) { + return keyName+AFTER_OBSERVERS; +} + +function beforeEvent(keyName) { + return keyName+BEFORE_OBSERVERS; +} + +/** + @method addObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ +Ember.addObserver = function(obj, path, target, method) { + Ember.addListener(obj, changeEvent(path), target, method); + Ember.watch(obj, path); + return this; +}; + +Ember.observersFor = function(obj, path) { + return Ember.listenersFor(obj, changeEvent(path)); +}; + +/** + @method removeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ +Ember.removeObserver = function(obj, path, target, method) { + Ember.unwatch(obj, path); + Ember.removeListener(obj, changeEvent(path), target, method); + return this; +}; + +/** + @method addBeforeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ +Ember.addBeforeObserver = function(obj, path, target, method) { + Ember.addListener(obj, beforeEvent(path), target, method); + Ember.watch(obj, path); + return this; +}; + +// Suspend observer during callback. +// +// This should only be used by the target of the observer +// while it is setting the observed path. +Ember._suspendBeforeObserver = function(obj, path, target, method, callback) { + return Ember._suspendListener(obj, beforeEvent(path), target, method, callback); +}; + +Ember._suspendObserver = function(obj, path, target, method, callback) { + return Ember._suspendListener(obj, changeEvent(path), target, method, callback); +}; + +var map = Ember.ArrayPolyfills.map; + +Ember._suspendBeforeObservers = function(obj, paths, target, method, callback) { + var events = map.call(paths, beforeEvent); + return Ember._suspendListeners(obj, events, target, method, callback); +}; + +Ember._suspendObservers = function(obj, paths, target, method, callback) { + var events = map.call(paths, changeEvent); + return Ember._suspendListeners(obj, events, target, method, callback); +}; + +Ember.beforeObserversFor = function(obj, path) { + return Ember.listenersFor(obj, beforeEvent(path)); +}; + +/** + @method removeBeforeObserver + @param obj + @param {String} path + @param {Object|Function} targetOrMethod + @param {Function|String} [method] +*/ +Ember.removeBeforeObserver = function(obj, path, target, method) { + Ember.unwatch(obj, path); + Ember.removeListener(obj, beforeEvent(path), target, method); + return this; +}; + +Ember.notifyBeforeObservers = function(obj, keyName) { + if (obj.isDestroying) { return; } + + var eventName = beforeEvent(keyName), listeners, listenersDiff; + if (deferred) { + listeners = beforeObserverSet.add(obj, keyName, eventName); + listenersDiff = Ember.listenersDiff(obj, eventName, listeners); + Ember.sendEvent(obj, eventName, [obj, keyName], listenersDiff); + } else { + Ember.sendEvent(obj, eventName, [obj, keyName]); + } +}; + +Ember.notifyObservers = function(obj, keyName) { + if (obj.isDestroying) { return; } + + var eventName = changeEvent(keyName), listeners; + if (deferred) { + listeners = observerSet.add(obj, keyName, eventName); + Ember.listenersUnion(obj, eventName, listeners); + } else { + Ember.sendEvent(obj, eventName, [obj, keyName]); + } +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var guidFor = Ember.guidFor, // utils.js + metaFor = Ember.meta, // utils.js + get = Ember.get, // accessors.js + set = Ember.set, // accessors.js + normalizeTuple = Ember.normalizeTuple, // accessors.js + GUID_KEY = Ember.GUID_KEY, // utils.js + META_KEY = Ember.META_KEY, // utils.js + // circular reference observer depends on Ember.watch + // we should move change events to this file or its own property_events.js + notifyObservers = Ember.notifyObservers, // observer.js + forEach = Ember.ArrayPolyfills.forEach, // array.js + FIRST_KEY = /^([^\.\*]+)/, + IS_PATH = /[\.\*]/; + +var MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER, +o_defineProperty = Ember.platform.defineProperty; + +function firstKey(path) { + return path.match(FIRST_KEY)[0]; +} + +// returns true if the passed path is just a keyName +function isKeyName(path) { + return path==='*' || !IS_PATH.test(path); +} + +// .......................................................... +// DEPENDENT KEYS +// + +var DEP_SKIP = { __emberproto__: true }; // skip some keys and toString + +function iterDeps(method, obj, depKey, seen, meta) { + + var guid = guidFor(obj); + if (!seen[guid]) seen[guid] = {}; + if (seen[guid][depKey]) return; + seen[guid][depKey] = true; + + var deps = meta.deps; + deps = deps && deps[depKey]; + if (deps) { + for(var key in deps) { + if (DEP_SKIP[key]) continue; + var desc = meta.descs[key]; + if (desc && desc._suspended === obj) continue; + method(obj, key); + } + } +} + + +var WILL_SEEN, DID_SEEN; + +// called whenever a property is about to change to clear the cache of any dependent keys (and notify those properties of changes, etc...) +function dependentKeysWillChange(obj, depKey, meta) { + if (obj.isDestroying) { return; } + + var seen = WILL_SEEN, top = !seen; + if (top) { seen = WILL_SEEN = {}; } + iterDeps(propertyWillChange, obj, depKey, seen, meta); + if (top) { WILL_SEEN = null; } +} + +// called whenever a property has just changed to update dependent keys +function dependentKeysDidChange(obj, depKey, meta) { + if (obj.isDestroying) { return; } + + var seen = DID_SEEN, top = !seen; + if (top) { seen = DID_SEEN = {}; } + iterDeps(propertyDidChange, obj, depKey, seen, meta); + if (top) { DID_SEEN = null; } +} + +// .......................................................... +// CHAIN +// + +function addChainWatcher(obj, keyName, node) { + if (!obj || ('object' !== typeof obj)) return; // nothing to do + var m = metaFor(obj); + var nodes = m.chainWatchers; + if (!nodes || nodes.__emberproto__ !== obj) { + nodes = m.chainWatchers = { __emberproto__: obj }; + } + + if (!nodes[keyName]) { nodes[keyName] = {}; } + nodes[keyName][guidFor(node)] = node; + Ember.watch(obj, keyName); +} + +function removeChainWatcher(obj, keyName, node) { + if (!obj || 'object' !== typeof obj) { return; } // nothing to do + var m = metaFor(obj, false), + nodes = m.chainWatchers; + if (!nodes || nodes.__emberproto__ !== obj) { return; } //nothing to do + if (nodes[keyName]) { delete nodes[keyName][guidFor(node)]; } + Ember.unwatch(obj, keyName); +} + +var pendingQueue = []; + +// attempts to add the pendingQueue chains again. If some of them end up +// back in the queue and reschedule is true, schedules a timeout to try +// again. +function flushPendingChains() { + if (pendingQueue.length === 0) { return; } // nothing to do + + var queue = pendingQueue; + pendingQueue = []; + + forEach.call(queue, function(q) { q[0].add(q[1]); }); + +} + +function isProto(pvalue) { + return metaFor(pvalue, false).proto === pvalue; +} + +// A ChainNode watches a single key on an object. If you provide a starting +// value for the key then the node won't actually watch it. For a root node +// pass null for parent and key and object for value. +var ChainNode = function(parent, key, value, separator) { + var obj; + this._parent = parent; + this._key = key; + + // _watching is true when calling get(this._parent, this._key) will + // return the value of this node. + // + // It is false for the root of a chain (because we have no parent) + // and for global paths (because the parent node is the object with + // the observer on it) + this._watching = value===undefined; + + this._value = value; + this._separator = separator || '.'; + this._paths = {}; + if (this._watching) { + this._object = parent.value(); + if (this._object) { addChainWatcher(this._object, this._key, this); } + } + + // Special-case: the EachProxy relies on immediate evaluation to + // establish its observers. + // + // TODO: Replace this with an efficient callback that the EachProxy + // can implement. + if (this._parent && this._parent._key === '@each') { + this.value(); + } +}; + +var ChainNodePrototype = ChainNode.prototype; + +ChainNodePrototype.value = function() { + if (this._value === undefined && this._watching) { + var obj = this._parent.value(); + this._value = (obj && !isProto(obj)) ? get(obj, this._key) : undefined; + } + return this._value; +}; + +ChainNodePrototype.destroy = function() { + if (this._watching) { + var obj = this._object; + if (obj) { removeChainWatcher(obj, this._key, this); } + this._watching = false; // so future calls do nothing + } +}; + +// copies a top level object only +ChainNodePrototype.copy = function(obj) { + var ret = new ChainNode(null, null, obj, this._separator), + paths = this._paths, path; + for (path in paths) { + if (paths[path] <= 0) { continue; } // this check will also catch non-number vals. + ret.add(path); + } + return ret; +}; + +// called on the root node of a chain to setup watchers on the specified +// path. +ChainNodePrototype.add = function(path) { + var obj, tuple, key, src, separator, paths; + + paths = this._paths; + paths[path] = (paths[path] || 0) + 1; + + obj = this.value(); + tuple = normalizeTuple(obj, path); + + // the path was a local path + if (tuple[0] && tuple[0] === obj) { + path = tuple[1]; + key = firstKey(path); + path = path.slice(key.length+1); + + // global path, but object does not exist yet. + // put into a queue and try to connect later. + } else if (!tuple[0]) { + pendingQueue.push([this, path]); + tuple.length = 0; + return; + + // global path, and object already exists + } else { + src = tuple[0]; + key = path.slice(0, 0-(tuple[1].length+1)); + separator = path.slice(key.length, key.length+1); + path = tuple[1]; + } + + tuple.length = 0; + this.chain(key, path, src, separator); +}; + +// called on the root node of a chain to teardown watcher on the specified +// path +ChainNodePrototype.remove = function(path) { + var obj, tuple, key, src, paths; + + paths = this._paths; + if (paths[path] > 0) { paths[path]--; } + + obj = this.value(); + tuple = normalizeTuple(obj, path); + if (tuple[0] === obj) { + path = tuple[1]; + key = firstKey(path); + path = path.slice(key.length+1); + } else { + src = tuple[0]; + key = path.slice(0, 0-(tuple[1].length+1)); + path = tuple[1]; + } + + tuple.length = 0; + this.unchain(key, path); +}; + +ChainNodePrototype.count = 0; + +ChainNodePrototype.chain = function(key, path, src, separator) { + var chains = this._chains, node; + if (!chains) { chains = this._chains = {}; } + + node = chains[key]; + if (!node) { node = chains[key] = new ChainNode(this, key, src, separator); } + node.count++; // count chains... + + // chain rest of path if there is one + if (path && path.length>0) { + key = firstKey(path); + path = path.slice(key.length+1); + node.chain(key, path); // NOTE: no src means it will observe changes... + } +}; + +ChainNodePrototype.unchain = function(key, path) { + var chains = this._chains, node = chains[key]; + + // unchain rest of path first... + if (path && path.length>1) { + key = firstKey(path); + path = path.slice(key.length+1); + node.unchain(key, path); + } + + // delete node if needed. + node.count--; + if (node.count<=0) { + delete chains[node._key]; + node.destroy(); + } + +}; + +ChainNodePrototype.willChange = function() { + var chains = this._chains; + if (chains) { + for(var key in chains) { + if (!chains.hasOwnProperty(key)) { continue; } + chains[key].willChange(); + } + } + + if (this._parent) { this._parent.chainWillChange(this, this._key, 1); } +}; + +ChainNodePrototype.chainWillChange = function(chain, path, depth) { + if (this._key) { path = this._key + this._separator + path; } + + if (this._parent) { + this._parent.chainWillChange(this, path, depth+1); + } else { + if (depth > 1) { Ember.propertyWillChange(this.value(), path); } + path = 'this.' + path; + if (this._paths[path] > 0) { Ember.propertyWillChange(this.value(), path); } + } +}; + +ChainNodePrototype.chainDidChange = function(chain, path, depth) { + if (this._key) { path = this._key + this._separator + path; } + if (this._parent) { + this._parent.chainDidChange(this, path, depth+1); + } else { + if (depth > 1) { Ember.propertyDidChange(this.value(), path); } + path = 'this.' + path; + if (this._paths[path] > 0) { Ember.propertyDidChange(this.value(), path); } + } +}; + +ChainNodePrototype.didChange = function(suppressEvent) { + // invalidate my own value first. + if (this._watching) { + var obj = this._parent.value(); + if (obj !== this._object) { + removeChainWatcher(this._object, this._key, this); + this._object = obj; + addChainWatcher(obj, this._key, this); + } + this._value = undefined; + + // Special-case: the EachProxy relies on immediate evaluation to + // establish its observers. + if (this._parent && this._parent._key === '@each') + this.value(); + } + + // then notify chains... + var chains = this._chains; + if (chains) { + for(var key in chains) { + if (!chains.hasOwnProperty(key)) { continue; } + chains[key].didChange(suppressEvent); + } + } + + if (suppressEvent) { return; } + + // and finally tell parent about my path changing... + if (this._parent) { this._parent.chainDidChange(this, this._key, 1); } +}; + +// get the chains for the current object. If the current object has +// chains inherited from the proto they will be cloned and reconfigured for +// the current object. +function chainsFor(obj) { + var m = metaFor(obj), ret = m.chains; + if (!ret) { + ret = m.chains = new ChainNode(null, null, obj); + } else if (ret.value() !== obj) { + ret = m.chains = ret.copy(obj); + } + return ret; +} + +function notifyChains(obj, m, keyName, methodName, arg) { + var nodes = m.chainWatchers; + + if (!nodes || nodes.__emberproto__ !== obj) { return; } // nothing to do + + nodes = nodes[keyName]; + if (!nodes) { return; } + + for(var key in nodes) { + if (!nodes.hasOwnProperty(key)) { continue; } + nodes[key][methodName](arg); + } +} + +Ember.overrideChains = function(obj, keyName, m) { + notifyChains(obj, m, keyName, 'didChange', true); +}; + +function chainsWillChange(obj, keyName, m) { + notifyChains(obj, m, keyName, 'willChange'); +} + +function chainsDidChange(obj, keyName, m) { + notifyChains(obj, m, keyName, 'didChange'); +} + +// .......................................................... +// WATCH +// + +/** + @private + + Starts watching a property on an object. Whenever the property changes, + invokes Ember.propertyWillChange and Ember.propertyDidChange. This is the + primitive used by observers and dependent keys; usually you will never call + this method directly but instead use higher level methods like + Ember.addObserver(). + + @method watch + @for Ember + @param obj + @param {String} keyName +*/ +Ember.watch = function(obj, keyName) { + // can't watch length on Array - it is special... + if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; } + + var m = metaFor(obj), watching = m.watching, desc; + + // activate watching first time + if (!watching[keyName]) { + watching[keyName] = 1; + if (isKeyName(keyName)) { + desc = m.descs[keyName]; + if (desc && desc.willWatch) { desc.willWatch(obj, keyName); } + + if ('function' === typeof obj.willWatchProperty) { + obj.willWatchProperty(keyName); + } + + if (MANDATORY_SETTER && keyName in obj) { + m.values[keyName] = obj[keyName]; + o_defineProperty(obj, keyName, { + configurable: true, + enumerable: true, + set: function() { + + }, + get: function() { + var meta = this[META_KEY]; + return meta && meta.values[keyName]; + } + }); + } + } else { + chainsFor(obj).add(keyName); + } + + } else { + watching[keyName] = (watching[keyName] || 0) + 1; + } + return this; +}; + +Ember.isWatching = function isWatching(obj, key) { + var meta = obj[META_KEY]; + return (meta && meta.watching[key]) > 0; +}; + +Ember.watch.flushPending = flushPendingChains; + +Ember.unwatch = function(obj, keyName) { + // can't watch length on Array - it is special... + if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; } + + var m = metaFor(obj), watching = m.watching, desc; + + if (watching[keyName] === 1) { + watching[keyName] = 0; + + if (isKeyName(keyName)) { + desc = m.descs[keyName]; + if (desc && desc.didUnwatch) { desc.didUnwatch(obj, keyName); } + + if ('function' === typeof obj.didUnwatchProperty) { + obj.didUnwatchProperty(keyName); + } + + if (MANDATORY_SETTER && keyName in obj) { + o_defineProperty(obj, keyName, { + configurable: true, + enumerable: true, + writable: true, + value: m.values[keyName] + }); + delete m.values[keyName]; + } + } else { + chainsFor(obj).remove(keyName); + } + + } else if (watching[keyName]>1) { + watching[keyName]--; + } + + return this; +}; + +/** + @private + + Call on an object when you first beget it from another object. This will + setup any chained watchers on the object instance as needed. This method is + safe to call multiple times. + + @method rewatch + @for Ember + @param obj +*/ +Ember.rewatch = function(obj) { + var m = metaFor(obj, false), chains = m.chains; + + // make sure the object has its own guid. + if (GUID_KEY in obj && !obj.hasOwnProperty(GUID_KEY)) { + Ember.generateGuid(obj, 'ember'); + } + + // make sure any chained watchers update. + if (chains && chains.value() !== obj) { + m.chains = chains.copy(obj); + } + + return this; +}; + +Ember.finishChains = function(obj) { + var m = metaFor(obj, false), chains = m.chains; + if (chains) { + if (chains.value() !== obj) { + m.chains = chains = chains.copy(obj); + } + chains.didChange(true); + } +}; + +// .......................................................... +// PROPERTY CHANGES +// + +/** + This function is called just before an object property is about to change. + It will notify any before observers and prepare caches among other things. + + Normally you will not need to call this method directly but if for some + reason you can't directly watch a property you can invoke this method + manually along with `Ember.propertyDidChange()` which you should call just + after the property value changes. + + @method propertyWillChange + @for Ember + @param {Object} obj The object with the property that will change + @param {String} keyName The property key (or path) that will change. + @return {void} +*/ +function propertyWillChange(obj, keyName, value) { + var m = metaFor(obj, false), + watching = m.watching[keyName] > 0 || keyName === 'length', + proto = m.proto, + desc = m.descs[keyName]; + + if (!watching) { return; } + if (proto === obj) { return; } + if (desc && desc.willChange) { desc.willChange(obj, keyName); } + dependentKeysWillChange(obj, keyName, m); + chainsWillChange(obj, keyName, m); + Ember.notifyBeforeObservers(obj, keyName); +} + +Ember.propertyWillChange = propertyWillChange; + +/** + This function is called just after an object property has changed. + It will notify any observers and clear caches among other things. + + Normally you will not need to call this method directly but if for some + reason you can't directly watch a property you can invoke this method + manually along with `Ember.propertyWilLChange()` which you should call just + before the property value changes. + + @method propertyDidChange + @for Ember + @param {Object} obj The object with the property that will change + @param {String} keyName The property key (or path) that will change. + @return {void} +*/ +function propertyDidChange(obj, keyName) { + var m = metaFor(obj, false), + watching = m.watching[keyName] > 0 || keyName === 'length', + proto = m.proto, + desc = m.descs[keyName]; + + if (proto === obj) { return; } + + // shouldn't this mean that we're watching this key? + if (desc && desc.didChange) { desc.didChange(obj, keyName); } + if (!watching && keyName !== 'length') { return; } + + dependentKeysDidChange(obj, keyName, m); + chainsDidChange(obj, keyName, m); + Ember.notifyObservers(obj, keyName); +} + +Ember.propertyDidChange = propertyDidChange; + +var NODE_STACK = []; + +/** + Tears down the meta on an object so that it can be garbage collected. + Multiple calls will have no effect. + + @method destroy + @for Ember + @param {Object} obj the object to destroy + @return {void} +*/ +Ember.destroy = function (obj) { + var meta = obj[META_KEY], node, nodes, key, nodeObject; + if (meta) { + obj[META_KEY] = null; + // remove chainWatchers to remove circular references that would prevent GC + node = meta.chains; + if (node) { + NODE_STACK.push(node); + // process tree + while (NODE_STACK.length > 0) { + node = NODE_STACK.pop(); + // push children + nodes = node._chains; + if (nodes) { + for (key in nodes) { + if (nodes.hasOwnProperty(key)) { + NODE_STACK.push(nodes[key]); + } + } + } + // remove chainWatcher in node object + if (node._watching) { + nodeObject = node._object; + if (nodeObject) { + removeChainWatcher(nodeObject, node._key, node); + } + } + } + } + } +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + + + +var get = Ember.get, + metaFor = Ember.meta, + guidFor = Ember.guidFor, + a_slice = [].slice, + o_create = Ember.create, + META_KEY = Ember.META_KEY, + watch = Ember.watch, + unwatch = Ember.unwatch; + +// .......................................................... +// DEPENDENT KEYS +// + +// data structure: +// meta.deps = { +// 'depKey': { +// 'keyName': count, +// __emberproto__: SRC_OBJ [to detect clones] +// }, +// __emberproto__: SRC_OBJ +// } + +/* + This function returns a map of unique dependencies for a + given object and key. +*/ +function keysForDep(obj, depsMeta, depKey) { + var keys = depsMeta[depKey]; + if (!keys) { + // if there are no dependencies yet for a the given key + // create a new empty list of dependencies for the key + keys = depsMeta[depKey] = { __emberproto__: obj }; + } else if (keys.__emberproto__ !== obj) { + // otherwise if the dependency list is inherited from + // a superclass, clone the hash + keys = depsMeta[depKey] = o_create(keys); + keys.__emberproto__ = obj; + } + return keys; +} + +/* return obj[META_KEY].deps */ +function metaForDeps(obj, meta) { + var deps = meta.deps; + // If the current object has no dependencies... + if (!deps) { + // initialize the dependencies with a pointer back to + // the current object + deps = meta.deps = { __emberproto__: obj }; + } else if (deps.__emberproto__ !== obj) { + // otherwise if the dependencies are inherited from the + // object's superclass, clone the deps + deps = meta.deps = o_create(deps); + deps.__emberproto__ = obj; + } + return deps; +} + +function addDependentKeys(desc, obj, keyName, meta) { + // the descriptor has a list of dependent keys, so + // add all of its dependent keys. + var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys; + if (!depKeys) return; + + depsMeta = metaForDeps(obj, meta); + + for(idx = 0, len = depKeys.length; idx < len; idx++) { + depKey = depKeys[idx]; + // Lookup keys meta for depKey + keys = keysForDep(obj, depsMeta, depKey); + // Increment the number of times depKey depends on keyName. + keys[keyName] = (keys[keyName] || 0) + 1; + // Watch the depKey + watch(obj, depKey); + } +} + +function removeDependentKeys(desc, obj, keyName, meta) { + // the descriptor has a list of dependent keys, so + // add all of its dependent keys. + var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys; + if (!depKeys) return; + + depsMeta = metaForDeps(obj, meta); + + for(idx = 0, len = depKeys.length; idx < len; idx++) { + depKey = depKeys[idx]; + // Lookup keys meta for depKey + keys = keysForDep(obj, depsMeta, depKey); + // Increment the number of times depKey depends on keyName. + keys[keyName] = (keys[keyName] || 0) - 1; + // Watch the depKey + unwatch(obj, depKey); + } +} + +// .......................................................... +// COMPUTED PROPERTY +// + +/** + @class ComputedProperty + @namespace Ember + @extends Ember.Descriptor + @constructor +*/ +function ComputedProperty(func, opts) { + this.func = func; + this._cacheable = (opts && opts.cacheable !== undefined) ? opts.cacheable : true; + this._dependentKeys = opts && opts.dependentKeys; +} + +Ember.ComputedProperty = ComputedProperty; +ComputedProperty.prototype = new Ember.Descriptor(); + +var ComputedPropertyPrototype = ComputedProperty.prototype; + +/** + Call on a computed property to set it into cacheable mode. When in this + mode the computed property will automatically cache the return value of + your function until one of the dependent keys changes. + + MyApp.president = Ember.Object.create({ + fullName: function() { + return this.get('firstName') + ' ' + this.get('lastName'); + + // After calculating the value of this function, Ember.js will + // return that value without re-executing this function until + // one of the dependent properties change. + }.property('firstName', 'lastName') + }); + + Properties are cacheable by default. + + @method cacheable + @param {Boolean} aFlag optional set to false to disable caching + @chainable +*/ +ComputedPropertyPrototype.cacheable = function(aFlag) { + this._cacheable = aFlag !== false; + return this; +}; + +/** + Call on a computed property to set it into non-cached mode. When in this + mode the computed property will not automatically cache the return value. + + MyApp.outsideService = Ember.Object.create({ + value: function() { + return OutsideService.getValue(); + }.property().volatile() + }); + + @method volatile + @chainable +*/ +ComputedPropertyPrototype.volatile = function() { + return this.cacheable(false); +}; + +/** + Sets the dependent keys on this computed property. Pass any number of + arguments containing key paths that this computed property depends on. + + MyApp.president = Ember.Object.create({ + fullName: Ember.computed(function() { + return this.get('firstName') + ' ' + this.get('lastName'); + + // Tell Ember.js that this computed property depends on firstName + // and lastName + }).property('firstName', 'lastName') + }); + + @method property + @param {String} path* zero or more property paths + @chainable +*/ +ComputedPropertyPrototype.property = function() { + var args = []; + for (var i = 0, l = arguments.length; i < l; i++) { + args.push(arguments[i]); + } + this._dependentKeys = args; + return this; +}; + +/** + In some cases, you may want to annotate computed properties with additional + metadata about how they function or what values they operate on. For example, + computed property functions may close over variables that are then no longer + available for introspection. + + You can pass a hash of these values to a computed property like this: + + person: function() { + var personId = this.get('personId'); + return App.Person.create({ id: personId }); + }.property().meta({ type: App.Person }) + + The hash that you pass to the `meta()` function will be saved on the + computed property descriptor under the `_meta` key. Ember runtime + exposes a public API for retrieving these values from classes, + via the `metaForProperty()` function. + + @method meta + @param {Hash} meta + @chainable +*/ + +ComputedPropertyPrototype.meta = function(meta) { + if (arguments.length === 0) { + return this._meta || {}; + } else { + this._meta = meta; + return this; + } +}; + +/* impl descriptor API */ +ComputedPropertyPrototype.willWatch = function(obj, keyName) { + // watch already creates meta for this instance + var meta = obj[META_KEY]; + + if (!(keyName in meta.cache)) { + addDependentKeys(this, obj, keyName, meta); + } +}; + +ComputedPropertyPrototype.didUnwatch = function(obj, keyName) { + var meta = obj[META_KEY]; + + if (!(keyName in meta.cache)) { + // unwatch already creates meta for this instance + removeDependentKeys(this, obj, keyName, meta); + } +}; + +/* impl descriptor API */ +ComputedPropertyPrototype.didChange = function(obj, keyName) { + // _suspended is set via a CP.set to ensure we don't clear + // the cached value set by the setter + if (this._cacheable && this._suspended !== obj) { + var meta = metaFor(obj); + if (keyName in meta.cache) { + delete meta.cache[keyName]; + if (!meta.watching[keyName]) { + removeDependentKeys(this, obj, keyName, meta); + } + } + } +}; + +/* impl descriptor API */ +ComputedPropertyPrototype.get = function(obj, keyName) { + var ret, cache, meta; + if (this._cacheable) { + meta = metaFor(obj); + cache = meta.cache; + if (keyName in cache) { return cache[keyName]; } + ret = cache[keyName] = this.func.call(obj, keyName); + if (!meta.watching[keyName]) { + addDependentKeys(this, obj, keyName, meta); + } + } else { + ret = this.func.call(obj, keyName); + } + return ret; +}; + +/* impl descriptor API */ +ComputedPropertyPrototype.set = function(obj, keyName, value) { + var cacheable = this._cacheable, + meta = metaFor(obj, cacheable), + watched = meta.watching[keyName], + oldSuspended = this._suspended, + hadCachedValue = false, + ret; + this._suspended = obj; + try { + ret = this.func.call(obj, keyName, value); + + if (cacheable && keyName in meta.cache) { + if (meta.cache[keyName] === ret) { + return; + } + hadCachedValue = true; + } + + if (watched) { Ember.propertyWillChange(obj, keyName); } + + if (cacheable && hadCachedValue) { + delete meta.cache[keyName]; + } + + if (cacheable) { + if (!watched && !hadCachedValue) { + addDependentKeys(this, obj, keyName, meta); + } + meta.cache[keyName] = ret; + } + + if (watched) { Ember.propertyDidChange(obj, keyName); } + } finally { + this._suspended = oldSuspended; + } + return ret; +}; + +/* called when property is defined */ +ComputedPropertyPrototype.setup = function(obj, keyName) { + var meta = obj[META_KEY]; + if (meta && meta.watching[keyName]) { + addDependentKeys(this, obj, keyName, metaFor(obj)); + } +}; + +/* called before property is overridden */ +ComputedPropertyPrototype.teardown = function(obj, keyName) { + var meta = metaFor(obj); + + if (meta.watching[keyName] || keyName in meta.cache) { + removeDependentKeys(this, obj, keyName, meta); + } + + if (this._cacheable) { delete meta.cache[keyName]; } + + return null; // no value to restore +}; + + +/** + This helper returns a new property descriptor that wraps the passed + computed property function. You can use this helper to define properties + with mixins or via Ember.defineProperty(). + + The function you pass will be used to both get and set property values. + The function should accept two parameters, key and value. If value is not + undefined you should set the value first. In either case return the + current value of the property. + + @method computed + @for Ember + @param {Function} func The computed property function. + @return {Ember.ComputedProperty} property descriptor instance +*/ +Ember.computed = function(func) { + var args; + + if (arguments.length > 1) { + args = a_slice.call(arguments, 0, -1); + func = a_slice.call(arguments, -1)[0]; + } + + var cp = new ComputedProperty(func); + + if (args) { + cp.property.apply(cp, args); + } + + return cp; +}; + +/** + Returns the cached value for a property, if one exists. + This can be useful for peeking at the value of a computed + property that is generated lazily, without accidentally causing + it to be created. + + @method cacheFor + @for Ember + @param {Object} obj the object whose property you want to check + @param {String} key the name of the property whose cached value you want + to return +*/ +Ember.cacheFor = function cacheFor(obj, key) { + var cache = metaFor(obj, false).cache; + + if (cache && key in cache) { + return cache[key]; + } +}; + +/** + @method computed.not + @for Ember + @param {String} dependentKey +*/ +Ember.computed.not = function(dependentKey) { + return Ember.computed(dependentKey, function(key) { + return !get(this, dependentKey); + }); +}; + +/** + @method computed.empty + @for Ember + @param {String} dependentKey +*/ +Ember.computed.empty = function(dependentKey) { + return Ember.computed(dependentKey, function(key) { + var val = get(this, dependentKey); + return val === undefined || val === null || val === '' || (Ember.isArray(val) && get(val, 'length') === 0); + }); +}; + +/** + @method computed.bool + @for Ember + @param {String} dependentKey +*/ +Ember.computed.bool = function(dependentKey) { + return Ember.computed(dependentKey, function(key) { + return !!get(this, dependentKey); + }); +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var o_create = Ember.create, + meta = Ember.meta, + metaPath = Ember.metaPath, + guidFor = Ember.guidFor, + a_slice = [].slice; + +/* + The event system uses a series of nested hashes to store listeners on an + object. When a listener is registered, or when an event arrives, these + hashes are consulted to determine which target and action pair to invoke. + + The hashes are stored in the object's meta hash, and look like this: + + // Object's meta hash + { + listeners: { // variable name: `listenerSet` + "foo:changed": { // variable name: `targetSet` + [targetGuid]: { // variable name: `actionSet` + [methodGuid]: { // variable name: `action` + target: [Object object], + method: [Function function] + } + } + } + } + } + +*/ + +// Gets the set of all actions, keyed on the guid of each action's +// method property. +function actionSetFor(obj, eventName, target, writable) { + return metaPath(obj, ['listeners', eventName, guidFor(target)], writable); +} + +// Gets the set of all targets, keyed on the guid of each action's +// target property. +function targetSetFor(obj, eventName) { + var listenerSet = meta(obj, false).listeners; + if (!listenerSet) { return false; } + + return listenerSet[eventName] || false; +} + +// TODO: This knowledge should really be a part of the +// meta system. +var SKIP_PROPERTIES = { __ember_source__: true }; + +function iterateSet(targetSet, callback) { + if (!targetSet) { return false; } + // Iterate through all elements of the target set + for(var targetGuid in targetSet) { + if (SKIP_PROPERTIES[targetGuid]) { continue; } + + var actionSet = targetSet[targetGuid]; + if (actionSet) { + // Iterate through the elements of the action set + for(var methodGuid in actionSet) { + if (SKIP_PROPERTIES[methodGuid]) { continue; } + + var action = actionSet[methodGuid]; + if (action) { + if (callback(action) === true) { + return true; + } + } + } + } + } + return false; +} + +function invokeAction(action, params, sender) { + var method = action.method, target = action.target; + // If there is no target, the target is the object + // on which the event was fired. + if (!target) { target = sender; } + if ('string' === typeof method) { method = target[method]; } + if (params) { + method.apply(target, params); + } else { + method.apply(target); + } +} + +function targetSetUnion(obj, eventName, targetSet) { + iterateSet(targetSetFor(obj, eventName), function (action) { + var targetGuid = guidFor(action.target), + methodGuid = guidFor(action.method), + actionSet = targetSet[targetGuid]; + if (!actionSet) actionSet = targetSet[targetGuid] = {}; + actionSet[methodGuid] = action; + }); +} + +function targetSetDiff(obj, eventName, targetSet) { + var diffTargetSet = {}; + iterateSet(targetSetFor(obj, eventName), function (action) { + var targetGuid = guidFor(action.target), + methodGuid = guidFor(action.method), + actionSet = targetSet[targetGuid], + diffActionSet = diffTargetSet[targetGuid]; + if (!actionSet) actionSet = targetSet[targetGuid] = {}; + if (actionSet[methodGuid]) return; + actionSet[methodGuid] = action; + if (!diffActionSet) diffActionSet = diffTargetSet[targetGuid] = {}; + diffActionSet[methodGuid] = action; + }); + return diffTargetSet; +} + +/** + Add an event listener + + @method addListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` +*/ +function addListener(obj, eventName, target, method, guid) { + + + if (!method && 'function' === typeof target) { + method = target; + target = null; + } + + var actionSet = actionSetFor(obj, eventName, target, true), + // guid is used in case we wrapp given method to register + // listener with method guid instead of the wrapper guid + methodGuid = guid || guidFor(method); + + if (!actionSet[methodGuid]) { + actionSet[methodGuid] = { target: target, method: method }; + } + + if ('function' === typeof obj.didAddListener) { + obj.didAddListener(eventName, target, method); + } +} + +/** + Remove an event listener + + Arguments should match those passed to {{#crossLink "Ember/addListener"}}{{/crossLink}} + + @method removeListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` +*/ +function removeListener(obj, eventName, target, method) { + + + if (!method && 'function' === typeof target) { + method = target; + target = null; + } + + function _removeListener(target, method) { + var actionSet = actionSetFor(obj, eventName, target, true), + methodGuid = guidFor(method); + + // we can't simply delete this parameter, because if we do, we might + // re-expose the property from the prototype chain. + if (actionSet && actionSet[methodGuid]) { actionSet[methodGuid] = null; } + + if ('function' === typeof obj.didRemoveListener) { + obj.didRemoveListener(eventName, target, method); + } + } + + if (method) { + _removeListener(target, method); + } else { + iterateSet(targetSetFor(obj, eventName), function(action) { + _removeListener(action.target, action.method); + }); + } +} + +/** + @private + + Suspend listener during callback. + + This should only be used by the target of the event listener + when it is taking an action that would cause the event, e.g. + an object might suspend its property change listener while it is + setting that property. + + @method suspendListener + @for Ember + @param obj + @param {String} eventName + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` + @param {Function} callback +*/ +function suspendListener(obj, eventName, target, method, callback) { + if (!method && 'function' === typeof target) { + method = target; + target = null; + } + + var actionSet = actionSetFor(obj, eventName, target, true), + methodGuid = guidFor(method), + action = actionSet && actionSet[methodGuid]; + + actionSet[methodGuid] = null; + try { + return callback.call(target); + } finally { + actionSet[methodGuid] = action; + } +} + +/** + @private + + Suspend listener during callback. + + This should only be used by the target of the event listener + when it is taking an action that would cause the event, e.g. + an object might suspend its property change listener while it is + setting that property. + + @method suspendListener + @for Ember + @param obj + @param {Array} eventName Array of event names + @param {Object|Function} targetOrMethod A target object or a function + @param {Function|String} method A function or the name of a function to be called on `target` + @param {Function} callback +*/ +function suspendListeners(obj, eventNames, target, method, callback) { + if (!method && 'function' === typeof target) { + method = target; + target = null; + } + + var oldActions = [], + actionSets = [], + eventName, actionSet, methodGuid, action, i, l; + + for (i=0, l=eventNames.length; i 0) { + args = args.length > ignore ? slice.call(args, ignore) : null; + } + + return Ember.handleErrors(function() { + // IE8's Function.prototype.apply doesn't accept undefined/null arguments. + return method.apply(target || this, args || []); + }, this); +} + + +// .......................................................... +// RUNLOOP +// + +var timerMark; // used by timers... + +/** +Ember RunLoop (Private) + +@class RunLoop +@namespace Ember +@private +@constructor +*/ +var RunLoop = function(prev) { + this._prev = prev || null; + this.onceTimers = {}; +}; + +RunLoop.prototype = { + /** + @method end + */ + end: function() { + this.flush(); + }, + + /** + @method prev + */ + prev: function() { + return this._prev; + }, + + // .......................................................... + // Delayed Actions + // + + /** + @method schedule + @param {String} queueName + @param target + @param method + */ + schedule: function(queueName, target, method) { + var queues = this._queues, queue; + if (!queues) { queues = this._queues = {}; } + queue = queues[queueName]; + if (!queue) { queue = queues[queueName] = []; } + + var args = arguments.length > 3 ? slice.call(arguments, 3) : null; + queue.push({ target: target, method: method, args: args }); + return this; + }, + + /** + @method flush + @param {String} queueName + */ + flush: function(queueName) { + var queueNames, idx, len, queue, log; + + if (!this._queues) { return this; } // nothing to do + + function iter(item) { + invoke(item.target, item.method, item.args); + } + + Ember.watch.flushPending(); // make sure all chained watchers are setup + + if (queueName) { + while (this._queues && (queue = this._queues[queueName])) { + this._queues[queueName] = null; + + // the sync phase is to allow property changes to propagate. don't + // invoke observers until that is finished. + if (queueName === 'sync') { + log = Ember.LOG_BINDINGS; + if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); } + + Ember.beginPropertyChanges(); + try { + forEach.call(queue, iter); + } finally { + Ember.endPropertyChanges(); + } + + if (log) { Ember.Logger.log('End: Flush Sync Queue'); } + + } else { + forEach.call(queue, iter); + } + } + + } else { + queueNames = Ember.run.queues; + len = queueNames.length; + idx = 0; + + outerloop: + while (idx < len) { + queueName = queueNames[idx]; + queue = this._queues && this._queues[queueName]; + delete this._queues[queueName]; + + if (queue) { + // the sync phase is to allow property changes to propagate. don't + // invoke observers until that is finished. + if (queueName === 'sync') { + log = Ember.LOG_BINDINGS; + if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); } + + Ember.beginPropertyChanges(); + try { + forEach.call(queue, iter); + } finally { + Ember.endPropertyChanges(); + } + + if (log) { Ember.Logger.log('End: Flush Sync Queue'); } + } else { + forEach.call(queue, iter); + } + } + + // Loop through prior queues + for (var i = 0; i <= idx; i++) { + if (this._queues && this._queues[queueNames[i]]) { + // Start over at the first queue with contents + idx = i; + continue outerloop; + } + } + + idx++; + } + } + + timerMark = null; + + return this; + } + +}; + +Ember.RunLoop = RunLoop; + +// .......................................................... +// Ember.run - this is ideally the only public API the dev sees +// + +/** + Runs the passed target and method inside of a RunLoop, ensuring any + deferred actions including bindings and views updates are flushed at the + end. + + Normally you should not need to invoke this method yourself. However if + you are implementing raw event handlers when interfacing with other + libraries or plugins, you should probably wrap all of your code inside this + call. + + Ember.run(function(){ + // code to be execute within a RunLoop + }); + + @class run + @namespace Ember + @static + @constructor + @param {Object} [target] target of method to call + @param {Function|String} method Method to invoke. + May be a function or a string. If you pass a string + then it will be looked up on the passed target. + @param {Object} [args*] Any additional arguments you wish to pass to the method. + @return {Object} return value from invoking the passed function. +*/ +Ember.run = function(target, method) { + var ret, loop; + run.begin(); + try { + if (target || method) { ret = invoke(target, method, arguments, 2); } + } finally { + run.end(); + } + return ret; +}; + +var run = Ember.run; + + +/** + Begins a new RunLoop. Any deferred actions invoked after the begin will + be buffered until you invoke a matching call to Ember.run.end(). This is + an lower-level way to use a RunLoop instead of using Ember.run(). + + Ember.run.begin(); + // code to be execute within a RunLoop + Ember.run.end(); + + @method begin + @return {void} +*/ +Ember.run.begin = function() { + run.currentRunLoop = new RunLoop(run.currentRunLoop); +}; + +/** + Ends a RunLoop. This must be called sometime after you call Ember.run.begin() + to flush any deferred actions. This is a lower-level way to use a RunLoop + instead of using Ember.run(). + + Ember.run.begin(); + // code to be execute within a RunLoop + Ember.run.end(); + + @method end + @return {void} +*/ +Ember.run.end = function() { + + try { + run.currentRunLoop.end(); + } + finally { + run.currentRunLoop = run.currentRunLoop.prev(); + } +}; + +/** + Array of named queues. This array determines the order in which queues + are flushed at the end of the RunLoop. You can define your own queues by + simply adding the queue name to this array. Normally you should not need + to inspect or modify this property. + + @property queues + @type Array + @default ['sync', 'actions', 'destroy', 'timers'] +*/ +Ember.run.queues = ['sync', 'actions', 'destroy', 'timers']; + +/** + Adds the passed target/method and any optional arguments to the named + queue to be executed at the end of the RunLoop. If you have not already + started a RunLoop when calling this method one will be started for you + automatically. + + At the end of a RunLoop, any methods scheduled in this way will be invoked. + Methods will be invoked in an order matching the named queues defined in + the run.queues property. + + Ember.run.schedule('timers', this, function(){ + // this will be executed at the end of the RunLoop, when timers are run + console.log("scheduled on timers queue"); + }); + Ember.run.schedule('sync', this, function(){ + // this will be executed at the end of the RunLoop, when bindings are synced + console.log("scheduled on sync queue"); + }); + // Note the functions will be run in order based on the run queues order. Output would be: + // scheduled on sync queue + // scheduled on timers queue + + @method schedule + @param {String} queue The name of the queue to schedule against. + Default queues are 'sync' and 'actions' + + @param {Object} [target] target object to use as the context when invoking a method. + + @param {String|Function} method The method to invoke. If you pass a string it + will be resolved on the target object at the time the scheduled item is + invoked allowing you to change the target function. + + @param {Object} [arguments*] Optional arguments to be passed to the queued method. + + @return {void} +*/ +Ember.run.schedule = function(queue, target, method) { + var loop = run.autorun(); + loop.schedule.apply(loop, arguments); +}; + +var scheduledAutorun; +function autorun() { + scheduledAutorun = null; + if (run.currentRunLoop) { run.end(); } +} + +// Used by global test teardown +Ember.run.hasScheduledTimers = function() { + return !!(scheduledAutorun || scheduledLater || scheduledNext); +}; + +// Used by global test teardown +Ember.run.cancelTimers = function () { + if (scheduledAutorun) { + clearTimeout(scheduledAutorun); + scheduledAutorun = null; + } + if (scheduledLater) { + clearTimeout(scheduledLater); + scheduledLater = null; + } + if (scheduledNext) { + clearTimeout(scheduledNext); + scheduledNext = null; + } + timers = {}; +}; + +/** + Begins a new RunLoop if necessary and schedules a timer to flush the + RunLoop at a later time. This method is used by parts of Ember to + ensure the RunLoop always finishes. You normally do not need to call this + method directly. Instead use Ember.run(). + + + @method autorun + @example + Ember.run.autorun(); + @return {Ember.RunLoop} the new current RunLoop +*/ +Ember.run.autorun = function() { + if (!run.currentRunLoop) { + + + run.begin(); + + if (!scheduledAutorun) { + scheduledAutorun = setTimeout(autorun, 1); + } + } + + return run.currentRunLoop; +}; + +/** + Immediately flushes any events scheduled in the 'sync' queue. Bindings + use this queue so this method is a useful way to immediately force all + bindings in the application to sync. + + You should call this method anytime you need any changed state to propagate + throughout the app immediately without repainting the UI. + + Ember.run.sync(); + + @method sync + @return {void} +*/ +Ember.run.sync = function() { + run.autorun(); + run.currentRunLoop.flush('sync'); +}; + +// .......................................................... +// TIMERS +// + +var timers = {}; // active timers... + +var scheduledLater; +function invokeLaterTimers() { + scheduledLater = null; + var now = (+ new Date()), earliest = -1; + for (var key in timers) { + if (!timers.hasOwnProperty(key)) { continue; } + var timer = timers[key]; + if (timer && timer.expires) { + if (now >= timer.expires) { + delete timers[key]; + invoke(timer.target, timer.method, timer.args, 2); + } else { + if (earliest<0 || (timer.expires < earliest)) earliest=timer.expires; + } + } + } + + // schedule next timeout to fire... + if (earliest > 0) { scheduledLater = setTimeout(invokeLaterTimers, earliest-(+ new Date())); } +} + +/** + Invokes the passed target/method and optional arguments after a specified + period if time. The last parameter of this method must always be a number + of milliseconds. + + You should use this method whenever you need to run some action after a + period of time instead of using setTimeout(). This method will ensure that + items that expire during the same script execution cycle all execute + together, which is often more efficient than using a real setTimeout. + + Ember.run.later(myContext, function(){ + // code here will execute within a RunLoop in about 500ms with this == myContext + }, 500); + + @method later + @param {Object} [target] target of method to invoke + + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the + target at the time the method is invoked. + + @param {Object} [args*] Optional arguments to pass to the timeout. + + @param {Number} wait + Number of milliseconds to wait. + + @return {String} a string you can use to cancel the timer in + {{#crossLink "Ember/run.cancel"}}{{/crossLink}} later. +*/ +Ember.run.later = function(target, method) { + var args, expires, timer, guid, wait; + + // setTimeout compatibility... + if (arguments.length===2 && 'function' === typeof target) { + wait = method; + method = target; + target = undefined; + args = [target, method]; + } else { + args = slice.call(arguments); + wait = args.pop(); + } + + expires = (+ new Date()) + wait; + timer = { target: target, method: method, expires: expires, args: args }; + guid = Ember.guidFor(timer); + timers[guid] = timer; + run.once(timers, invokeLaterTimers); + return guid; +}; + +function invokeOnceTimer(guid, onceTimers) { + if (onceTimers[this.tguid]) { delete onceTimers[this.tguid][this.mguid]; } + if (timers[guid]) { invoke(this.target, this.method, this.args); } + delete timers[guid]; +} + +function scheduleOnce(queue, target, method, args) { + var tguid = Ember.guidFor(target), + mguid = Ember.guidFor(method), + onceTimers = run.autorun().onceTimers, + guid = onceTimers[tguid] && onceTimers[tguid][mguid], + timer; + + if (guid && timers[guid]) { + timers[guid].args = args; // replace args + } else { + timer = { + target: target, + method: method, + args: args, + tguid: tguid, + mguid: mguid + }; + + guid = Ember.guidFor(timer); + timers[guid] = timer; + if (!onceTimers[tguid]) { onceTimers[tguid] = {}; } + onceTimers[tguid][mguid] = guid; // so it isn't scheduled more than once + + run.schedule(queue, timer, invokeOnceTimer, guid, onceTimers); + } + + return guid; +} + +/** + Schedules an item to run one time during the current RunLoop. Calling + this method with the same target/method combination will have no effect. + + Note that although you can pass optional arguments these will not be + considered when looking for duplicates. New arguments will replace previous + calls. + + Ember.run(function(){ + var doFoo = function() { foo(); } + Ember.run.once(myContext, doFoo); + Ember.run.once(myContext, doFoo); + // doFoo will only be executed once at the end of the RunLoop + }); + + @method once + @param {Object} [target] target of method to invoke + + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the + target at the time the method is invoked. + + @param {Object} [args*] Optional arguments to pass to the timeout. + + + @return {Object} timer +*/ +Ember.run.once = function(target, method) { + return scheduleOnce('actions', target, method, slice.call(arguments, 2)); +}; + +Ember.run.scheduleOnce = function(queue, target, method, args) { + return scheduleOnce(queue, target, method, slice.call(arguments, 3)); +}; + +var scheduledNext; +function invokeNextTimers() { + scheduledNext = null; + for(var key in timers) { + if (!timers.hasOwnProperty(key)) { continue; } + var timer = timers[key]; + if (timer.next) { + delete timers[key]; + invoke(timer.target, timer.method, timer.args, 2); + } + } +} + +/** + Schedules an item to run after control has been returned to the system. + This is often equivalent to calling setTimeout(function...,1). + + Ember.run.next(myContext, function(){ + // code to be executed in the next RunLoop, which will be scheduled after the current one + }); + + @method next + @param {Object} [target] target of method to invoke + + @param {Function|String} method The method to invoke. + If you pass a string it will be resolved on the + target at the time the method is invoked. + + @param {Object} [args*] Optional arguments to pass to the timeout. + + @return {Object} timer +*/ +Ember.run.next = function(target, method) { + var guid, + timer = { + target: target, + method: method, + args: slice.call(arguments), + next: true + }; + + guid = Ember.guidFor(timer); + timers[guid] = timer; + + if (!scheduledNext) { scheduledNext = setTimeout(invokeNextTimers, 1); } + return guid; +}; + +/** + Cancels a scheduled item. Must be a value returned by `Ember.run.later()`, + `Ember.run.once()`, or `Ember.run.next()`. + + var runNext = Ember.run.next(myContext, function(){ + // will not be executed + }); + Ember.run.cancel(runNext); + + var runLater = Ember.run.later(myContext, function(){ + // will not be executed + }, 500); + Ember.run.cancel(runLater); + + var runOnce = Ember.run.once(myContext, function(){ + // will not be executed + }); + Ember.run.cancel(runOnce); + + @method cancel + @param {Object} timer Timer object to cancel + @return {void} +*/ +Ember.run.cancel = function(timer) { + delete timers[timer]; +}; + +})(); + + + +(function() { +// Ember.Logger +// get, set, trySet +// guidFor, isArray, meta +// addObserver, removeObserver +// Ember.run.schedule +/** +@module ember-metal +*/ + +// .......................................................... +// CONSTANTS +// + +/** + Debug parameter you can turn on. This will log all bindings that fire to + the console. This should be disabled in production code. Note that you + can also enable this from the console or temporarily. + + @property LOG_BINDINGS + @for Ember + @type Boolean + @default false +*/ +Ember.LOG_BINDINGS = false || !!Ember.ENV.LOG_BINDINGS; + +var get = Ember.get, + set = Ember.set, + guidFor = Ember.guidFor, + isGlobalPath = Ember.isGlobalPath; + + +function getWithGlobals(obj, path) { + return get(isGlobalPath(path) ? Ember.lookup : obj, path); +} + +// .......................................................... +// BINDING +// + +var Binding = function(toPath, fromPath) { + this._direction = 'fwd'; + this._from = fromPath; + this._to = toPath; + this._directionMap = Ember.Map.create(); +}; + +/** +@class Binding +@namespace Ember +*/ + +Binding.prototype = { + /** + This copies the Binding so it can be connected to another object. + + @method copy + @return {Ember.Binding} + */ + copy: function () { + var copy = new Binding(this._to, this._from); + if (this._oneWay) { copy._oneWay = true; } + return copy; + }, + + // .......................................................... + // CONFIG + // + + /** + This will set "from" property path to the specified value. It will not + attempt to resolve this property path to an actual object until you + connect the binding. + + The binding will search for the property path starting at the root object + you pass when you connect() the binding. It follows the same rules as + `get()` - see that method for more information. + + @method from + @param {String} propertyPath the property path to connect to + @return {Ember.Binding} receiver + */ + from: function(path) { + this._from = path; + return this; + }, + + /** + This will set the "to" property path to the specified value. It will not + attempt to resolve this property path to an actual object until you + connect the binding. + + The binding will search for the property path starting at the root object + you pass when you connect() the binding. It follows the same rules as + `get()` - see that method for more information. + + @method to + @param {String|Tuple} propertyPath A property path or tuple + @return {Ember.Binding} this + */ + to: function(path) { + this._to = path; + return this; + }, + + /** + Configures the binding as one way. A one-way binding will relay changes + on the "from" side to the "to" side, but not the other way around. This + means that if you change the "to" side directly, the "from" side may have + a different value. + + @method oneWay + @return {Ember.Binding} receiver + */ + oneWay: function() { + this._oneWay = true; + return this; + }, + + toString: function() { + var oneWay = this._oneWay ? '[oneWay]' : ''; + return "Ember.Binding<" + guidFor(this) + ">(" + this._from + " -> " + this._to + ")" + oneWay; + }, + + // .......................................................... + // CONNECT AND SYNC + // + + /** + Attempts to connect this binding instance so that it can receive and relay + changes. This method will raise an exception if you have not set the + from/to properties yet. + + @method connect + @param {Object} obj The root object for this binding. + @return {Ember.Binding} this + */ + connect: function(obj) { + + + var fromPath = this._from, toPath = this._to; + Ember.trySet(obj, toPath, getWithGlobals(obj, fromPath)); + + // add an observer on the object to be notified when the binding should be updated + Ember.addObserver(obj, fromPath, this, this.fromDidChange); + + // if the binding is a two-way binding, also set up an observer on the target + if (!this._oneWay) { Ember.addObserver(obj, toPath, this, this.toDidChange); } + + this._readyToSync = true; + + return this; + }, + + /** + Disconnects the binding instance. Changes will no longer be relayed. You + will not usually need to call this method. + + @method disconnect + @param {Object} obj The root object you passed when connecting the binding. + @return {Ember.Binding} this + */ + disconnect: function(obj) { + + + var twoWay = !this._oneWay; + + // remove an observer on the object so we're no longer notified of + // changes that should update bindings. + Ember.removeObserver(obj, this._from, this, this.fromDidChange); + + // if the binding is two-way, remove the observer from the target as well + if (twoWay) { Ember.removeObserver(obj, this._to, this, this.toDidChange); } + + this._readyToSync = false; // disable scheduled syncs... + return this; + }, + + // .......................................................... + // PRIVATE + // + + /* called when the from side changes */ + fromDidChange: function(target) { + this._scheduleSync(target, 'fwd'); + }, + + /* called when the to side changes */ + toDidChange: function(target) { + this._scheduleSync(target, 'back'); + }, + + _scheduleSync: function(obj, dir) { + var directionMap = this._directionMap; + var existingDir = directionMap.get(obj); + + // if we haven't scheduled the binding yet, schedule it + if (!existingDir) { + Ember.run.schedule('sync', this, this._sync, obj); + directionMap.set(obj, dir); + } + + // If both a 'back' and 'fwd' sync have been scheduled on the same object, + // default to a 'fwd' sync so that it remains deterministic. + if (existingDir === 'back' && dir === 'fwd') { + directionMap.set(obj, 'fwd'); + } + }, + + _sync: function(obj) { + var log = Ember.LOG_BINDINGS; + + // don't synchronize destroyed objects or disconnected bindings + if (obj.isDestroyed || !this._readyToSync) { return; } + + // get the direction of the binding for the object we are + // synchronizing from + var directionMap = this._directionMap; + var direction = directionMap.get(obj); + + var fromPath = this._from, toPath = this._to; + + directionMap.remove(obj); + + // if we're synchronizing from the remote object... + if (direction === 'fwd') { + var fromValue = getWithGlobals(obj, this._from); + if (log) { + Ember.Logger.log(' ', this.toString(), '->', fromValue, obj); + } + if (this._oneWay) { + Ember.trySet(obj, toPath, fromValue); + } else { + Ember._suspendObserver(obj, toPath, this, this.toDidChange, function () { + Ember.trySet(obj, toPath, fromValue); + }); + } + // if we're synchronizing *to* the remote object + } else if (direction === 'back') { + var toValue = get(obj, this._to); + if (log) { + Ember.Logger.log(' ', this.toString(), '<-', toValue, obj); + } + Ember._suspendObserver(obj, fromPath, this, this.fromDidChange, function () { + Ember.trySet(Ember.isGlobalPath(fromPath) ? Ember.lookup : obj, fromPath, toValue); + }); + } + } + +}; + +function mixinProperties(to, from) { + for (var key in from) { + if (from.hasOwnProperty(key)) { + to[key] = from[key]; + } + } +} + +mixinProperties(Binding, { + + /** + See {{#crossLink "Ember.Binding/from"}}{{/crossLink}} + + @method from + @static + */ + from: function() { + var C = this, binding = new C(); + return binding.from.apply(binding, arguments); + }, + + /** + See {{#crossLink "Ember.Binding/to"}}{{/crossLink}} + + @method to + @static + */ + to: function() { + var C = this, binding = new C(); + return binding.to.apply(binding, arguments); + }, + + /** + Creates a new Binding instance and makes it apply in a single direction. + A one-way binding will relay changes on the "from" side object (supplied + as the `from` argument) the "to" side, but not the other way around. + This means that if you change the "to" side directly, the "from" side may have + a different value. + + See {{#crossLink "Binding/oneWay"}}{{/crossLink}} + + @method oneWay + @param {String} from from path. + @param {Boolean} [flag] (Optional) passing nothing here will make the binding oneWay. You can + instead pass false to disable oneWay, making the binding two way again. + */ + oneWay: function(from, flag) { + var C = this, binding = new C(null, from); + return binding.oneWay(flag); + } + +}); + +/** + An Ember.Binding connects the properties of two objects so that whenever the + value of one property changes, the other property will be changed also. + + ## Automatic Creation of Bindings with `/^*Binding/`-named Properties + You do not usually create Binding objects directly but instead describe + bindings in your class or object definition using automatic binding detection. + + Properties ending in a `Binding` suffix will be converted to Ember.Binding instances. + The value of this property should be a string representing a path to another object or + a custom binding instanced created using Binding helpers (see "Customizing Your Bindings"): + + valueBinding: "MyApp.someController.title" + + This will create a binding from `MyApp.someController.title` to the `value` + property of your object instance automatically. Now the two values will be + kept in sync. + + ## One Way Bindings + + One especially useful binding customization you can use is the `oneWay()` + helper. This helper tells Ember that you are only interested in + receiving changes on the object you are binding from. For example, if you + are binding to a preference and you want to be notified if the preference + has changed, but your object will not be changing the preference itself, you + could do: + + bigTitlesBinding: Ember.Binding.oneWay("MyApp.preferencesController.bigTitles") + + This way if the value of MyApp.preferencesController.bigTitles changes the + "bigTitles" property of your object will change also. However, if you + change the value of your "bigTitles" property, it will not update the + preferencesController. + + One way bindings are almost twice as fast to setup and twice as fast to + execute because the binding only has to worry about changes to one side. + + You should consider using one way bindings anytime you have an object that + may be created frequently and you do not intend to change a property; only + to monitor it for changes. (such as in the example above). + + ## Adding Bindings Manually + + All of the examples above show you how to configure a custom binding, but + the result of these customizations will be a binding template, not a fully + active Binding instance. The binding will actually become active only when you + instantiate the object the binding belongs to. It is useful however, to + understand what actually happens when the binding is activated. + + For a binding to function it must have at least a "from" property and a "to" + property. The from property path points to the object/key that you want to + bind from while the to path points to the object/key you want to bind to. + + When you define a custom binding, you are usually describing the property + you want to bind from (such as "MyApp.someController.value" in the examples + above). When your object is created, it will automatically assign the value + you want to bind "to" based on the name of your binding key. In the + examples above, during init, Ember objects will effectively call + something like this on your binding: + + binding = Ember.Binding.from(this.valueBinding).to("value"); + + This creates a new binding instance based on the template you provide, and + sets the to path to the "value" property of the new object. Now that the + binding is fully configured with a "from" and a "to", it simply needs to be + connected to become active. This is done through the connect() method: + + binding.connect(this); + + Note that when you connect a binding you pass the object you want it to be + connected to. This object will be used as the root for both the from and + to side of the binding when inspecting relative paths. This allows the + binding to be automatically inherited by subclassed objects as well. + + Now that the binding is connected, it will observe both the from and to side + and relay changes. + + If you ever needed to do so (you almost never will, but it is useful to + understand this anyway), you could manually create an active binding by + using the Ember.bind() helper method. (This is the same method used by + to setup your bindings on objects): + + Ember.bind(MyApp.anotherObject, "value", "MyApp.someController.value"); + + Both of these code fragments have the same effect as doing the most friendly + form of binding creation like so: + + MyApp.anotherObject = Ember.Object.create({ + valueBinding: "MyApp.someController.value", + + // OTHER CODE FOR THIS OBJECT... + + }); + + Ember's built in binding creation method makes it easy to automatically + create bindings for you. You should always use the highest-level APIs + available, even if you understand how it works underneath. + + @class Binding + @namespace Ember + @since Ember 0.9 +*/ +Ember.Binding = Binding; + + +/** + Global helper method to create a new binding. Just pass the root object + along with a to and from path to create and connect the binding. + + @method bind + @for Ember + @param {Object} obj The root object of the transform. + + @param {String} to The path to the 'to' side of the binding. + Must be relative to obj. + + @param {String} from The path to the 'from' side of the binding. + Must be relative to obj or a global path. + + @return {Ember.Binding} binding instance +*/ +Ember.bind = function(obj, to, from) { + return new Ember.Binding(to, from).connect(obj); +}; + +/** + @method oneWay + @for Ember + @param {Object} obj The root object of the transform. + + @param {String} to The path to the 'to' side of the binding. + Must be relative to obj. + + @param {String} from The path to the 'from' side of the binding. + Must be relative to obj or a global path. + + @return {Ember.Binding} binding instance +*/ +Ember.oneWay = function(obj, to, from) { + return new Ember.Binding(to, from).oneWay().connect(obj); +}; + +})(); + + + +(function() { +/** +@module ember-metal +*/ + +var Mixin, REQUIRED, Alias, + classToString, superClassString, + a_map = Ember.ArrayPolyfills.map, + a_indexOf = Ember.ArrayPolyfills.indexOf, + a_forEach = Ember.ArrayPolyfills.forEach, + a_slice = [].slice, + EMPTY_META = {}, // dummy for non-writable meta + META_SKIP = { __emberproto__: true, __ember_count__: true }, + o_create = Ember.create, + defineProperty = Ember.defineProperty, + guidFor = Ember.guidFor; + +function mixinsMeta(obj) { + var m = Ember.meta(obj, true), ret = m.mixins; + if (!ret) { + ret = m.mixins = { __emberproto__: obj }; + } else if (ret.__emberproto__ !== obj) { + ret = m.mixins = o_create(ret); + ret.__emberproto__ = obj; + } + return ret; +} + +function initMixin(mixin, args) { + if (args && args.length > 0) { + mixin.mixins = a_map.call(args, function(x) { + if (x instanceof Mixin) { return x; } + + // Note: Manually setup a primitive mixin here. This is the only + // way to actually get a primitive mixin. This way normal creation + // of mixins will give you combined mixins... + var mixin = new Mixin(); + mixin.properties = x; + return mixin; + }); + } + return mixin; +} + +function isMethod(obj) { + return 'function' === typeof obj && + obj.isMethod !== false && + obj !== Boolean && obj !== Object && obj !== Number && obj !== Array && obj !== Date && obj !== String; +} + +function mergeMixins(mixins, m, descs, values, base) { + var len = mixins.length, idx, mixin, guid, props, value, key, ovalue, concats; + + function removeKeys(keyName) { + delete descs[keyName]; + delete values[keyName]; + } + + for(idx=0; idx < len; idx++) { + mixin = mixins[idx]; + + + if (mixin instanceof Mixin) { + guid = guidFor(mixin); + if (m[guid]) { continue; } + m[guid] = mixin; + props = mixin.properties; + } else { + props = mixin; // apply anonymous mixin properties + } + + if (props) { + // reset before adding each new mixin to pickup concats from previous + concats = values.concatenatedProperties || base.concatenatedProperties; + if (props.concatenatedProperties) { + concats = concats ? concats.concat(props.concatenatedProperties) : props.concatenatedProperties; + } + + for (key in props) { + if (!props.hasOwnProperty(key)) { continue; } + value = props[key]; + if (value instanceof Ember.Descriptor) { + if (value === REQUIRED && descs[key]) { continue; } + + descs[key] = value; + values[key] = undefined; + } else { + // impl super if needed... + if (isMethod(value)) { + ovalue = descs[key] === undefined && values[key]; + if (!ovalue) { ovalue = base[key]; } + if ('function' !== typeof ovalue) { ovalue = null; } + if (ovalue) { + var o = value.__ember_observes__, ob = value.__ember_observesBefore__; + value = Ember.wrap(value, ovalue); + value.__ember_observes__ = o; + value.__ember_observesBefore__ = ob; + } + } else if ((concats && a_indexOf.call(concats, key) >= 0) || key === 'concatenatedProperties') { + var baseValue = values[key] || base[key]; + if (baseValue) { + if ('function' === typeof baseValue.concat) { + value = baseValue.concat(value); + } else { + value = Ember.makeArray(baseValue).concat(value); + } + } else { + value = Ember.makeArray(value); + } + } + + descs[key] = undefined; + values[key] = value; + } + } + + // manually copy toString() because some JS engines do not enumerate it + if (props.hasOwnProperty('toString')) { + base.toString = props.toString; + } + + } else if (mixin.mixins) { + mergeMixins(mixin.mixins, m, descs, values, base); + if (mixin._without) { a_forEach.call(mixin._without, removeKeys); } + } + } +} + +function writableReq(obj) { + var m = Ember.meta(obj), req = m.required; + if (!req || req.__emberproto__ !== obj) { + req = m.required = req ? o_create(req) : { __ember_count__: 0 }; + req.__emberproto__ = obj; + } + return req; +} + +var IS_BINDING = Ember.IS_BINDING = /^.+Binding$/; + +function detectBinding(obj, key, value, m) { + if (IS_BINDING.test(key)) { + var bindings = m.bindings; + if (!bindings) { + bindings = m.bindings = { __emberproto__: obj }; + } else if (bindings.__emberproto__ !== obj) { + bindings = m.bindings = o_create(m.bindings); + bindings.__emberproto__ = obj; + } + bindings[key] = value; + } +} + +function connectBindings(obj, m) { + // TODO Mixin.apply(instance) should disconnect binding if exists + var bindings = m.bindings, key, binding, to; + if (bindings) { + for (key in bindings) { + binding = key !== '__emberproto__' && bindings[key]; + if (binding) { + to = key.slice(0, -7); // strip Binding off end + if (binding instanceof Ember.Binding) { + binding = binding.copy(); // copy prototypes' instance + binding.to(to); + } else { // binding is string path + binding = new Ember.Binding(to, binding); + } + binding.connect(obj); + obj[key] = binding; + } + } + // mark as applied + m.bindings = { __emberproto__: obj }; + } +} + +function finishPartial(obj, m) { + connectBindings(obj, m || Ember.meta(obj)); + return obj; +} + +function applyMixin(obj, mixins, partial) { + var descs = {}, values = {}, m = Ember.meta(obj), req = m.required, + key, value, desc, prevValue, paths, len, idx; + + // Go through all mixins and hashes passed in, and: + // + // * Handle concatenated properties + // * Set up _super wrapping if necessary + // * Set up computed property descriptors + // * Copying `toString` in broken browsers + mergeMixins(mixins, mixinsMeta(obj), descs, values, obj); + + for(key in values) { + if (key === 'contructor') { continue; } + if (!values.hasOwnProperty(key)) { continue; } + + desc = descs[key]; + value = values[key]; + + if (desc === REQUIRED) { + if (!(key in obj)) { + + + // for partial applies add to hash of required keys + req = writableReq(obj); + req.__ember_count__++; + req[key] = true; + } + } else { + while (desc && desc instanceof Alias) { + var altKey = desc.methodName; + if (descs[altKey] || values[altKey]) { + value = values[altKey]; + desc = descs[altKey]; + } else if (m.descs[altKey]) { + desc = m.descs[altKey]; + value = undefined; + } else { + desc = undefined; + value = obj[altKey]; + } + } + + if (desc === undefined && value === undefined) { continue; } + + prevValue = obj[key]; + + if ('function' === typeof prevValue) { + if ((paths = prevValue.__ember_observesBefore__)) { + len = paths.length; + for (idx=0; idx < len; idx++) { + Ember.removeBeforeObserver(obj, paths[idx], null, key); + } + } else if ((paths = prevValue.__ember_observes__)) { + len = paths.length; + for (idx=0; idx < len; idx++) { + Ember.removeObserver(obj, paths[idx], null, key); + } + } + } + + detectBinding(obj, key, value, m); + + defineProperty(obj, key, desc, value, m); + + if ('function' === typeof value) { + if (paths = value.__ember_observesBefore__) { + len = paths.length; + for (idx=0; idx < len; idx++) { + Ember.addBeforeObserver(obj, paths[idx], null, key); + } + } else if (paths = value.__ember_observes__) { + len = paths.length; + for (idx=0; idx < len; idx++) { + Ember.addObserver(obj, paths[idx], null, key); + } + } + } + + if (req && req[key]) { + req = writableReq(obj); + req.__ember_count__--; + req[key] = false; + } + } + } + + if (!partial) { // don't apply to prototype + finishPartial(obj, m); + } + + // Make sure no required attrs remain + if (!partial && req && req.__ember_count__>0) { + var keys = []; + for (key in req) { + if (META_SKIP[key]) { continue; } + keys.push(key); + } + // TODO: Remove surrounding if clause from production build + + } + return obj; +} + +/** + @method mixin + @for Ember + @param obj + @param mixins* + @return obj +*/ +Ember.mixin = function(obj) { + var args = a_slice.call(arguments, 1); + applyMixin(obj, args, false); + return obj; +}; + +/** + The `Ember.Mixin` class allows you to create mixins, whose properties can be + added to other classes. For instance, + + App.Editable = Ember.Mixin.create({ + edit: function() { + console.log('starting to edit'); + this.set('isEditing', true); + }, + isEditing: false + }); + + // Mix mixins into classes by passing them as the first arguments to + // .extend or .create. + App.CommentView = Ember.View.extend(App.Editable, { + template: Ember.Handlebars.compile('{{#if isEditing}}...{{else}}...{{/if}}') + }); + + commentView = App.CommentView.create(); + commentView.edit(); // => outputs 'starting to edit' + + Note that Mixins are created with `Ember.Mixin.create`, not + `Ember.Mixin.extend`. + + @class Mixin + @namespace Ember +*/ +Ember.Mixin = function() { return initMixin(this, arguments); }; + +Mixin = Ember.Mixin; + +Mixin._apply = applyMixin; + +Mixin.applyPartial = function(obj) { + var args = a_slice.call(arguments, 1); + return applyMixin(obj, args, true); +}; + +Mixin.finishPartial = finishPartial; + +/** + @method create + @static + @param arguments* +*/ +Mixin.create = function() { + classToString.processed = false; + var M = this; + return initMixin(new M(), arguments); +}; + +var MixinPrototype = Mixin.prototype; + +/** + @method reopen + @param arguments* +*/ +MixinPrototype.reopen = function() { + var mixin, tmp; + + if (this.properties) { + mixin = Mixin.create(); + mixin.properties = this.properties; + delete this.properties; + this.mixins = [mixin]; + } else if (!this.mixins) { + this.mixins = []; + } + + var len = arguments.length, mixins = this.mixins, idx; + + for(idx=0; idx < len; idx++) { + mixin = arguments[idx]; + + + if (mixin instanceof Mixin) { + mixins.push(mixin); + } else { + tmp = Mixin.create(); + tmp.properties = mixin; + mixins.push(tmp); + } + } + + return this; +}; + +/** + @method apply + @param obj + @return applied object +*/ +MixinPrototype.apply = function(obj) { + return applyMixin(obj, [this], false); +}; + +MixinPrototype.applyPartial = function(obj) { + return applyMixin(obj, [this], true); +}; + +function _detect(curMixin, targetMixin, seen) { + var guid = guidFor(curMixin); + + if (seen[guid]) { return false; } + seen[guid] = true; + + if (curMixin === targetMixin) { return true; } + var mixins = curMixin.mixins, loc = mixins ? mixins.length : 0; + while (--loc >= 0) { + if (_detect(mixins[loc], targetMixin, seen)) { return true; } + } + return false; +} + +/** + @method detect + @param obj + @return {Boolean} +*/ +MixinPrototype.detect = function(obj) { + if (!obj) { return false; } + if (obj instanceof Mixin) { return _detect(obj, this, {}); } + var mixins = Ember.meta(obj, false).mixins; + if (mixins) { + return !!mixins[guidFor(this)]; + } + return false; +}; + +MixinPrototype.without = function() { + var ret = new Mixin(this); + ret._without = a_slice.call(arguments); + return ret; +}; + +function _keys(ret, mixin, seen) { + if (seen[guidFor(mixin)]) { return; } + seen[guidFor(mixin)] = true; + + if (mixin.properties) { + var props = mixin.properties; + for (var key in props) { + if (props.hasOwnProperty(key)) { ret[key] = true; } + } + } else if (mixin.mixins) { + a_forEach.call(mixin.mixins, function(x) { _keys(ret, x, seen); }); + } +} + +MixinPrototype.keys = function() { + var keys = {}, seen = {}, ret = []; + _keys(keys, this, seen); + for(var key in keys) { + if (keys.hasOwnProperty(key)) { ret.push(key); } + } + return ret; +}; + +/* make Mixins have nice displayNames */ + +var NAME_KEY = Ember.GUID_KEY+'_name'; +var get = Ember.get; + +function processNames(paths, root, seen) { + var idx = paths.length; + for(var key in root) { + if (!root.hasOwnProperty || !root.hasOwnProperty(key)) { continue; } + var obj = root[key]; + paths[idx] = key; + + if (obj && obj.toString === classToString) { + obj[NAME_KEY] = paths.join('.'); + } else if (obj && get(obj, 'isNamespace')) { + if (seen[guidFor(obj)]) { continue; } + seen[guidFor(obj)] = true; + processNames(paths, obj, seen); + } + } + paths.length = idx; // cut out last item +} + +function findNamespaces() { + var Namespace = Ember.Namespace, lookup = Ember.lookup, obj, isNamespace; + + if (Namespace.PROCESSED) { return; } + + for (var prop in lookup) { + // get(window.globalStorage, 'isNamespace') would try to read the storage for domain isNamespace and cause exception in Firefox. + // globalStorage is a storage obsoleted by the WhatWG storage specification. See https://developer.mozilla.org/en/DOM/Storage#globalStorage + if (prop === "globalStorage" && lookup.StorageList && lookup.globalStorage instanceof lookup.StorageList) { continue; } + // Unfortunately, some versions of IE don't support window.hasOwnProperty + if (lookup.hasOwnProperty && !lookup.hasOwnProperty(prop)) { continue; } + + // At times we are not allowed to access certain properties for security reasons. + // There are also times where even if we can access them, we are not allowed to access their properties. + try { + obj = Ember.lookup[prop]; + isNamespace = obj && get(obj, 'isNamespace'); + } catch (e) { + continue; + } + + if (isNamespace) { + + obj[NAME_KEY] = prop; + } + } +} + +/** + @private + @method identifyNamespaces + @for Ember +*/ +Ember.identifyNamespaces = findNamespaces; + +superClassString = function(mixin) { + var superclass = mixin.superclass; + if (superclass) { + if (superclass[NAME_KEY]) { return superclass[NAME_KEY]; } + else { return superClassString(superclass); } + } else { + return; + } +}; + +classToString = function() { + var Namespace = Ember.Namespace, namespace; + + // TODO: Namespace should really be in Metal + if (Namespace) { + if (!this[NAME_KEY] && !classToString.processed) { + if (!Namespace.PROCESSED) { + findNamespaces(); + Namespace.PROCESSED = true; + } + + classToString.processed = true; + + var namespaces = Namespace.NAMESPACES; + for (var i=0, l=namespaces.length; i 'red' + paintSample.moniker(); //=> 'Zed' + + @method alias + @for Ember + @param {String} methodName name of the method or property to alias + @return {Ember.Descriptor} +*/ +Ember.alias = function(methodName) { + return new Alias(methodName); +}; + +// .......................................................... +// OBSERVER HELPER +// + +/** + @method observer + @for Ember + @param {Function} func + @param {String} propertyNames* + @return func +*/ +Ember.observer = function(func) { + var paths = a_slice.call(arguments, 1); + func.__ember_observes__ = paths; + return func; +}; + +// If observers ever become asynchronous, Ember.immediateObserver +// must remain synchronous. +/** + @method immediateObserver + @for Ember + @param {Function} func + @param {String} propertyNames* + @return func +*/ +Ember.immediateObserver = function() { + for (var i=0, l=arguments.length; i 'undefined' + Ember.typeOf(null); => 'null' + Ember.typeOf(undefined); => 'undefined' + Ember.typeOf('michael'); => 'string' + Ember.typeOf(101); => 'number' + Ember.typeOf(true); => 'boolean' + Ember.typeOf(Ember.makeArray); => 'function' + Ember.typeOf([1,2,90]); => 'array' + Ember.typeOf(Ember.Object.extend()); => 'class' + Ember.typeOf(Ember.Object.create()); => 'instance' + Ember.typeOf(new Error('teamocil')); => 'error' + + // "normal" JavaScript object + Ember.typeOf({a: 'b'}); => 'object' + + @method typeOf + @for Ember + @param item {Object} the item to check + @return {String} the type +*/ +Ember.typeOf = function(item) { + var ret; + + ret = (item === null || item === undefined) ? String(item) : TYPE_MAP[toString.call(item)] || 'object'; + + if (ret === 'function') { + if (Ember.Object && Ember.Object.detect(item)) ret = 'class'; + } else if (ret === 'object') { + if (item instanceof Error) ret = 'error'; + else if (Ember.Object && item instanceof Ember.Object) ret = 'instance'; + else ret = 'object'; + } + + return ret; +}; + +/** + Returns true if the passed value is null or undefined. This avoids errors + from JSLint complaining about use of ==, which can be technically + confusing. + + Ember.none(); => true + Ember.none(null); => true + Ember.none(undefined); => true + Ember.none(''); => false + Ember.none([]); => false + Ember.none(function(){}); => false + + @method none + @for Ember + @param {Object} obj Value to test + @return {Boolean} +*/ +Ember.none = function(obj) { + return obj === null || obj === undefined; +}; + +/** + Verifies that a value is null or an empty string | array | function. + + Constrains the rules on `Ember.none` by returning false for empty + string and empty arrays. + + Ember.empty(); => true + Ember.empty(null); => true + Ember.empty(undefined); => true + Ember.empty(''); => true + Ember.empty([]); => true + Ember.empty('tobias fünke'); => false + Ember.empty([0,1,2]); => false + + @method empty + @for Ember + @param {Object} obj Value to test + @return {Boolean} +*/ +Ember.empty = function(obj) { + return obj === null || obj === undefined || (obj.length === 0 && typeof obj !== 'function') || (typeof obj === 'object' && Ember.get(obj, 'length') === 0); +}; + +/** + This will compare two javascript values of possibly different types. + It will tell you which one is greater than the other by returning: + + - -1 if the first is smaller than the second, + - 0 if both are equal, + - 1 if the first is greater than the second. + + The order is calculated based on Ember.ORDER_DEFINITION, if types are different. + In case they have the same type an appropriate comparison for this type is made. + + Ember.compare('hello', 'hello'); => 0 + Ember.compare('abc', 'dfg'); => -1 + Ember.compare(2, 1); => 1 + + @method compare + @for Ember + @param {Object} v First value to compare + @param {Object} w Second value to compare + @return {Number} -1 if v < w, 0 if v = w and 1 if v > w. +*/ +Ember.compare = function compare(v, w) { + if (v === w) { return 0; } + + var type1 = Ember.typeOf(v); + var type2 = Ember.typeOf(w); + + var Comparable = Ember.Comparable; + if (Comparable) { + if (type1==='instance' && Comparable.detect(v.constructor)) { + return v.constructor.compare(v, w); + } + + if (type2 === 'instance' && Comparable.detect(w.constructor)) { + return 1-w.constructor.compare(w, v); + } + } + + // If we haven't yet generated a reverse-mapping of Ember.ORDER_DEFINITION, + // do so now. + var mapping = Ember.ORDER_DEFINITION_MAPPING; + if (!mapping) { + var order = Ember.ORDER_DEFINITION; + mapping = Ember.ORDER_DEFINITION_MAPPING = {}; + var idx, len; + for (idx = 0, len = order.length; idx < len; ++idx) { + mapping[order[idx]] = idx; + } + + // We no longer need Ember.ORDER_DEFINITION. + delete Ember.ORDER_DEFINITION; + } + + var type1Index = mapping[type1]; + var type2Index = mapping[type2]; + + if (type1Index < type2Index) { return -1; } + if (type1Index > type2Index) { return 1; } + + // types are equal - so we have to check values now + switch (type1) { + case 'boolean': + case 'number': + if (v < w) { return -1; } + if (v > w) { return 1; } + return 0; + + case 'string': + var comp = v.localeCompare(w); + if (comp < 0) { return -1; } + if (comp > 0) { return 1; } + return 0; + + case 'array': + var vLen = v.length; + var wLen = w.length; + var l = Math.min(vLen, wLen); + var r = 0; + var i = 0; + while (r === 0 && i < l) { + r = compare(v[i],w[i]); + i++; + } + if (r !== 0) { return r; } + + // all elements are equal now + // shorter array should be ordered first + if (vLen < wLen) { return -1; } + if (vLen > wLen) { return 1; } + // arrays are equal now + return 0; + + case 'instance': + if (Ember.Comparable && Ember.Comparable.detect(v)) { + return v.compare(v, w); + } + return 0; + + case 'date': + var vNum = v.getTime(); + var wNum = w.getTime(); + if (vNum < wNum) { return -1; } + if (vNum > wNum) { return 1; } + return 0; + + default: + return 0; + } +}; + +function _copy(obj, deep, seen, copies) { + var ret, loc, key; + + // primitive data types are immutable, just return them. + if ('object' !== typeof obj || obj===null) return obj; + + // avoid cyclical loops + if (deep && (loc=indexOf(seen, obj))>=0) return copies[loc]; + + + // IMPORTANT: this specific test will detect a native array only. Any other + // object will need to implement Copyable. + if (Ember.typeOf(obj) === 'array') { + ret = obj.slice(); + if (deep) { + loc = ret.length; + while(--loc>=0) ret[loc] = _copy(ret[loc], deep, seen, copies); + } + } else if (Ember.Copyable && Ember.Copyable.detect(obj)) { + ret = obj.copy(deep, seen, copies); + } else { + ret = {}; + for(key in obj) { + if (!obj.hasOwnProperty(key)) continue; + ret[key] = deep ? _copy(obj[key], deep, seen, copies) : obj[key]; + } + } + + if (deep) { + seen.push(obj); + copies.push(ret); + } + + return ret; +} + +/** + Creates a clone of the passed object. This function can take just about + any type of object and create a clone of it, including primitive values + (which are not actually cloned because they are immutable). + + If the passed object implements the clone() method, then this function + will simply call that method and return the result. + + @method copy + @for Ember + @param {Object} object The object to clone + @param {Boolean} deep If true, a deep copy of the object is made + @return {Object} The cloned object +*/ +Ember.copy = function(obj, deep) { + // fast paths + if ('object' !== typeof obj || obj===null) return obj; // can't copy primitives + if (Ember.Copyable && Ember.Copyable.detect(obj)) return obj.copy(deep); + return _copy(obj, deep, deep ? [] : null, deep ? [] : null); +}; + +/** + Convenience method to inspect an object. This method will attempt to + convert the object into a useful string description. + + @method inspect + @for Ember + @param {Object} obj The object you want to inspect. + @return {String} A description of the object +*/ +Ember.inspect = function(obj) { + var v, ret = []; + for(var key in obj) { + if (obj.hasOwnProperty(key)) { + v = obj[key]; + if (v === 'toString') { continue; } // ignore useless items + if (Ember.typeOf(v) === 'function') { v = "function() { ... }"; } + ret.push(key + ": " + v); + } + } + return "{" + ret.join(" , ") + "}"; +}; + +/** + Compares two objects, returning true if they are logically equal. This is + a deeper comparison than a simple triple equal. For sets it will compare the + internal objects. For any other object that implements `isEqual()` it will + respect that method. + + Ember.isEqual('hello', 'hello'); => true + Ember.isEqual(1, 2); => false + Ember.isEqual([4,2], [4,2]); => false + + @method isEqual + @for Ember + @param {Object} a first object to compare + @param {Object} b second object to compare + @return {Boolean} +*/ +Ember.isEqual = function(a, b) { + if (a && 'function'===typeof a.isEqual) return a.isEqual(b); + return a === b; +}; + +// Used by Ember.compare +Ember.ORDER_DEFINITION = Ember.ENV.ORDER_DEFINITION || [ + 'undefined', + 'null', + 'boolean', + 'number', + 'string', + 'array', + 'object', + 'instance', + 'function', + 'class', + 'date' +]; + +/** + Returns all of the keys defined on an object or hash. This is useful + when inspecting objects for debugging. On browsers that support it, this + uses the native Object.keys implementation. + + @method keys + @for Ember + @param {Object} obj + @return {Array} Array containing keys of obj +*/ +Ember.keys = Object.keys; + +if (!Ember.keys) { + Ember.keys = function(obj) { + var ret = []; + for(var key in obj) { + if (obj.hasOwnProperty(key)) { ret.push(key); } + } + return ret; + }; +} + +// .......................................................... +// ERROR +// + +var errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack']; + +/** + A subclass of the JavaScript Error object for use in Ember. + + @class Error + @namespace Ember + @extends Error + @constructor +*/ +Ember.Error = function() { + var tmp = Error.prototype.constructor.apply(this, arguments); + + // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work. + for (var idx = 0; idx < errorProps.length; idx++) { + this[errorProps[idx]] = tmp[errorProps[idx]]; + } +}; + +Ember.Error.prototype = Ember.create(Error.prototype); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var STRING_DASHERIZE_REGEXP = (/[ _]/g); +var STRING_DASHERIZE_CACHE = {}; +var STRING_DECAMELIZE_REGEXP = (/([a-z])([A-Z])/g); +var STRING_CAMELIZE_REGEXP = (/(\-|_|\s)+(.)?/g); +var STRING_UNDERSCORE_REGEXP_1 = (/([a-z\d])([A-Z]+)/g); +var STRING_UNDERSCORE_REGEXP_2 = (/\-|\s+/g); + +/** + Defines the hash of localized strings for the current language. Used by + the `Ember.String.loc()` helper. To localize, add string values to this + hash. + + @property STRINGS + @for Ember + @type Hash +*/ +Ember.STRINGS = {}; + +/** + Defines string helper methods including string formatting and localization. + Unless Ember.EXTEND_PROTOTYPES.String is false these methods will also be added + to the String.prototype as well. + + @class String + @namespace Ember + @static +*/ +Ember.String = { + + /** + Apply formatting options to the string. This will look for occurrences + of %@ in your string and substitute them with the arguments you pass into + this method. If you want to control the specific order of replacement, + you can add a number after the key as well to indicate which argument + you want to insert. + + Ordered insertions are most useful when building loc strings where values + you need to insert may appear in different orders. + + "Hello %@ %@".fmt('John', 'Doe') => "Hello John Doe" + "Hello %@2, %@1".fmt('John', 'Doe') => "Hello Doe, John" + + @method fmt + @param {Object...} [args] + @return {String} formatted string + */ + fmt: function(str, formats) { + // first, replace any ORDERED replacements. + var idx = 0; // the current index for non-numerical replacements + return str.replace(/%@([0-9]+)?/g, function(s, argIndex) { + argIndex = (argIndex) ? parseInt(argIndex,0) - 1 : idx++ ; + s = formats[argIndex]; + return ((s === null) ? '(null)' : (s === undefined) ? '' : s).toString(); + }) ; + }, + + /** + Formats the passed string, but first looks up the string in the localized + strings hash. This is a convenient way to localize text. See + `Ember.String.fmt()` for more information on formatting. + + Note that it is traditional but not required to prefix localized string + keys with an underscore or other character so you can easily identify + localized strings. + + Ember.STRINGS = { + '_Hello World': 'Bonjour le monde', + '_Hello %@ %@': 'Bonjour %@ %@' + }; + + Ember.String.loc("_Hello World"); + => 'Bonjour le monde'; + + Ember.String.loc("_Hello %@ %@", ["John", "Smith"]); + => "Bonjour John Smith"; + + @method loc + @param {String} str The string to format + @param {Array} formats Optional array of parameters to interpolate into string. + @return {String} formatted string + */ + loc: function(str, formats) { + str = Ember.STRINGS[str] || str; + return Ember.String.fmt(str, formats) ; + }, + + /** + Splits a string into separate units separated by spaces, eliminating any + empty strings in the process. This is a convenience method for split that + is mostly useful when applied to the String.prototype. + + Ember.String.w("alpha beta gamma").forEach(function(key) { + console.log(key); + }); + > alpha + > beta + > gamma + + @method w + @param {String} str The string to split + @return {String} split string + */ + w: function(str) { return str.split(/\s+/); }, + + /** + Converts a camelized string into all lower case separated by underscores. + + 'innerHTML'.decamelize() => 'inner_html' + 'action_name'.decamelize() => 'action_name' + 'css-class-name'.decamelize() => 'css-class-name' + 'my favorite items'.decamelize() => 'my favorite items' + + @method decamelize + @param {String} str The string to decamelize. + @return {String} the decamelized string. + */ + decamelize: function(str) { + return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase(); + }, + + /** + Replaces underscores or spaces with dashes. + + 'innerHTML'.dasherize() => 'inner-html' + 'action_name'.dasherize() => 'action-name' + 'css-class-name'.dasherize() => 'css-class-name' + 'my favorite items'.dasherize() => 'my-favorite-items' + + @method dasherize + @param {String} str The string to dasherize. + @return {String} the dasherized string. + */ + dasherize: function(str) { + var cache = STRING_DASHERIZE_CACHE, + ret = cache[str]; + + if (ret) { + return ret; + } else { + ret = Ember.String.decamelize(str).replace(STRING_DASHERIZE_REGEXP,'-'); + cache[str] = ret; + } + + return ret; + }, + + /** + Returns the lowerCaseCamel form of a string. + + 'innerHTML'.camelize() => 'innerHTML' + 'action_name'.camelize() => 'actionName' + 'css-class-name'.camelize() => 'cssClassName' + 'my favorite items'.camelize() => 'myFavoriteItems' + + @method camelize + @param {String} str The string to camelize. + @return {String} the camelized string. + */ + camelize: function(str) { + return str.replace(STRING_CAMELIZE_REGEXP, function(match, separator, chr) { + return chr ? chr.toUpperCase() : ''; + }); + }, + + /** + Returns the UpperCamelCase form of a string. + + 'innerHTML'.classify() => 'InnerHTML' + 'action_name'.classify() => 'ActionName' + 'css-class-name'.classify() => 'CssClassName' + 'my favorite items'.classify() => 'MyFavoriteItems' + + @method classify + @param {String} str the string to classify + @return {String} the classified string + */ + classify: function(str) { + var camelized = Ember.String.camelize(str); + return camelized.charAt(0).toUpperCase() + camelized.substr(1); + }, + + /** + More general than decamelize. Returns the lower_case_and_underscored + form of a string. + + 'innerHTML'.underscore() => 'inner_html' + 'action_name'.underscore() => 'action_name' + 'css-class-name'.underscore() => 'css_class_name' + 'my favorite items'.underscore() => 'my_favorite_items' + + @property underscore + @param {String} str The string to underscore. + @return {String} the underscored string. + */ + underscore: function(str) { + return str.replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2'). + replace(STRING_UNDERSCORE_REGEXP_2, '_').toLowerCase(); + } +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + + +var fmt = Ember.String.fmt, + w = Ember.String.w, + loc = Ember.String.loc, + camelize = Ember.String.camelize, + decamelize = Ember.String.decamelize, + dasherize = Ember.String.dasherize, + underscore = Ember.String.underscore, + classify = Ember.String.classify; + +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) { + + /** + See {{#crossLink "Ember.String/fmt"}}{{/crossLink}} + + @method fmt + @for String + */ + String.prototype.fmt = function() { + return fmt(this, arguments); + }; + + /** + See {{#crossLink "Ember.String/w"}}{{/crossLink}} + + @method w + @for String + */ + String.prototype.w = function() { + return w(this); + }; + + /** + See {{#crossLink "Ember.String/loc"}}{{/crossLink}} + + @method loc + @for String + */ + String.prototype.loc = function() { + return loc(this, arguments); + }; + + /** + See {{#crossLink "Ember.String/camelize"}}{{/crossLink}} + + @method camelize + @for String + */ + String.prototype.camelize = function() { + return camelize(this); + }; + + /** + See {{#crossLink "Ember.String/decamelize"}}{{/crossLink}} + + @method decamelize + @for String + */ + String.prototype.decamelize = function() { + return decamelize(this); + }; + + /** + See {{#crossLink "Ember.String/dasherize"}}{{/crossLink}} + + @method dasherize + @for String + */ + String.prototype.dasherize = function() { + return dasherize(this); + }; + + /** + See {{#crossLink "Ember.String/underscore"}}{{/crossLink}} + + @method underscore + @for String + */ + String.prototype.underscore = function() { + return underscore(this); + }; + + /** + See {{#crossLink "Ember.String/classify"}}{{/crossLink}} + + @method classify + @for String + */ + String.prototype.classify = function() { + return classify(this); + }; +} + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var a_slice = Array.prototype.slice; + +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Function) { + + /** + The `property` extension of Javascript's Function prototype is available + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. + + Computed properties allow you to treat a function like a property: + + MyApp.president = Ember.Object.create({ + firstName: "Barack", + lastName: "Obama", + + fullName: function() { + return this.get('firstName') + ' ' + this.get('lastName'); + + // Call this flag to mark the function as a property + }.property() + }); + + MyApp.president.get('fullName'); => "Barack Obama" + + Treating a function like a property is useful because they can work with + bindings, just like any other property. + + Many computed properties have dependencies on other properties. For + example, in the above example, the `fullName` property depends on + `firstName` and `lastName` to determine its value. You can tell Ember.js + about these dependencies like this: + + MyApp.president = Ember.Object.create({ + firstName: "Barack", + lastName: "Obama", + + fullName: function() { + return this.get('firstName') + ' ' + this.get('lastName'); + + // Tell Ember.js that this computed property depends on firstName + // and lastName + }.property('firstName', 'lastName') + }); + + Make sure you list these dependencies so Ember.js knows when to update + bindings that connect to a computed property. Changing a dependency + will not immediately trigger an update of the computed property, but + will instead clear the cache so that it is updated when the next `get` + is called on the property. + + See {{#crossLink "Ember.ComputedProperty"}}{{/crossLink}}, + {{#crossLink "Ember/computed"}}{{/crossLink}} + + @method property + @for Function + */ + Function.prototype.property = function() { + var ret = Ember.computed(this); + return ret.property.apply(ret, arguments); + }; + + /** + The `observes` extension of Javascript's Function prototype is available + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. + + You can observe property changes simply by adding the `observes` + call to the end of your method declarations in classes that you write. + For example: + + Ember.Object.create({ + valueObserver: function() { + // Executes whenever the "value" property changes + }.observes('value') + }); + + See {{#crossLink "Ember.Observable/observes"}}{{/crossLink}} + + @method observes + @for Function + */ + Function.prototype.observes = function() { + this.__ember_observes__ = a_slice.call(arguments); + return this; + }; + + /** + The `observesBefore` extension of Javascript's Function prototype is available + when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true, + which is the default. + + You can get notified when a property changes is about to happen by + by adding the `observesBefore` call to the end of your method + declarations in classes that you write. For example: + + Ember.Object.create({ + valueObserver: function() { + // Executes whenever the "value" property is about to change + }.observesBefore('value') + }); + + See {{#crossLink "Ember.Observable/observesBefore"}}{{/crossLink}} + + @method observesBefore + @for Function + */ + Function.prototype.observesBefore = function() { + this.__ember_observesBefore__ = a_slice.call(arguments); + return this; + }; + +} + + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +// .......................................................... +// HELPERS +// + +var get = Ember.get, set = Ember.set; +var a_slice = Array.prototype.slice; +var a_indexOf = Ember.EnumerableUtils.indexOf; + +var contexts = []; + +function popCtx() { + return contexts.length===0 ? {} : contexts.pop(); +} + +function pushCtx(ctx) { + contexts.push(ctx); + return null; +} + +function iter(key, value) { + var valueProvided = arguments.length === 2; + + function i(item) { + var cur = get(item, key); + return valueProvided ? value===cur : !!cur; + } + return i ; +} + +/** + This mixin defines the common interface implemented by enumerable objects + in Ember. Most of these methods follow the standard Array iteration + API defined up to JavaScript 1.8 (excluding language-specific features that + cannot be emulated in older versions of JavaScript). + + This mixin is applied automatically to the Array class on page load, so you + can use any of these methods on simple arrays. If Array already implements + one of these methods, the mixin will not override them. + + ## Writing Your Own Enumerable + + To make your own custom class enumerable, you need two items: + + 1. You must have a length property. This property should change whenever + the number of items in your enumerable object changes. If you using this + with an Ember.Object subclass, you should be sure to change the length + property using set(). + + 2. If you must implement nextObject(). See documentation. + + Once you have these two methods implement, apply the Ember.Enumerable mixin + to your class and you will be able to enumerate the contents of your object + like any other collection. + + ## Using Ember Enumeration with Other Libraries + + Many other libraries provide some kind of iterator or enumeration like + facility. This is often where the most common API conflicts occur. + Ember's API is designed to be as friendly as possible with other + libraries by implementing only methods that mostly correspond to the + JavaScript 1.8 API. + + @class Enumerable + @namespace Ember + @extends Ember.Mixin + @since Ember 0.9 +*/ +Ember.Enumerable = Ember.Mixin.create( + /** @scope Ember.Enumerable.prototype */ { + + // compatibility + isEnumerable: true, + + /** + Implement this method to make your class enumerable. + + This method will be call repeatedly during enumeration. The index value + will always begin with 0 and increment monotonically. You don't have to + rely on the index value to determine what object to return, but you should + always check the value and start from the beginning when you see the + requested index is 0. + + The previousObject is the object that was returned from the last call + to nextObject for the current iteration. This is a useful way to + manage iteration if you are tracing a linked list, for example. + + Finally the context parameter will always contain a hash you can use as + a "scratchpad" to maintain any other state you need in order to iterate + properly. The context object is reused and is not reset between + iterations so make sure you setup the context with a fresh state whenever + the index parameter is 0. + + Generally iterators will continue to call nextObject until the index + reaches the your current length-1. If you run out of data before this + time for some reason, you should simply return undefined. + + The default implementation of this method simply looks up the index. + This works great on any Array-like objects. + + @method nextObject + @param {Number} index the current index of the iteration + @param {Object} previousObject the value returned by the last call to nextObject. + @param {Object} context a context object you can use to maintain state. + @return {Object} the next object in the iteration or undefined + */ + nextObject: Ember.required(Function), + + /** + Helper method returns the first object from a collection. This is usually + used by bindings and other parts of the framework to extract a single + object if the enumerable contains only one item. + + If you override this method, you should implement it so that it will + always return the same value each time it is called. If your enumerable + contains only one object, this method should always return that object. + If your enumerable is empty, this method should return undefined. + + var arr = ["a", "b", "c"]; + arr.firstObject(); => "a" + + var arr = []; + arr.firstObject(); => undefined + + @property firstObject + @return {Object} the object or undefined + */ + firstObject: Ember.computed(function() { + if (get(this, 'length')===0) return undefined ; + + // handle generic enumerables + var context = popCtx(), ret; + ret = this.nextObject(0, null, context); + pushCtx(context); + return ret ; + }).property('[]'), + + /** + Helper method returns the last object from a collection. If your enumerable + contains only one object, this method should always return that object. + If your enumerable is empty, this method should return undefined. + + var arr = ["a", "b", "c"]; + arr.lastObject(); => "c" + + var arr = []; + arr.lastObject(); => undefined + + @property lastObject + @return {Object} the last object or undefined + */ + lastObject: Ember.computed(function() { + var len = get(this, 'length'); + if (len===0) return undefined ; + var context = popCtx(), idx=0, cur, last = null; + do { + last = cur; + cur = this.nextObject(idx++, last, context); + } while (cur !== undefined); + pushCtx(context); + return last; + }).property('[]'), + + /** + Returns true if the passed object can be found in the receiver. The + default version will iterate through the enumerable until the object + is found. You may want to override this with a more efficient version. + + var arr = ["a", "b", "c"]; + arr.contains("a"); => true + arr.contains("z"); => false + + @method contains + @param {Object} obj The object to search for. + @return {Boolean} true if object is found in enumerable. + */ + contains: function(obj) { + return this.find(function(item) { return item===obj; }) !== undefined; + }, + + /** + Iterates through the enumerable, calling the passed function on each + item. This method corresponds to the forEach() method defined in + JavaScript 1.6. + + The callback method you provide should have the following signature (all + parameters are optional): + + function(item, index, enumerable); + + - *item* is the current item in the iteration. + - *index* is the current index in the iteration + - *enumerable* is the enumerable object itself. + + Note that in addition to a callback, you can also pass an optional target + object that will be set as "this" on the context. This is a good way + to give your iterator function access to the current object. + + @method forEach + @param {Function} callback The callback to execute + @param {Object} [target] The target object to use + @return {Object} receiver + */ + forEach: function(callback, target) { + if (typeof callback !== "function") throw new TypeError() ; + var len = get(this, 'length'), last = null, context = popCtx(); + + if (target === undefined) target = null; + + for(var idx=0;idx1) args = a_slice.call(arguments, 1); + + this.forEach(function(x, idx) { + var method = x && x[methodName]; + if ('function' === typeof method) { + ret[idx] = args ? method.apply(x, args) : method.call(x); + } + }, this); + + return ret; + }, + + /** + Simply converts the enumerable into a genuine array. The order is not + guaranteed. Corresponds to the method implemented by Prototype. + + @method toArray + @return {Array} the enumerable as an array. + */ + toArray: function() { + var ret = []; + this.forEach(function(o, idx) { ret[idx] = o; }); + return ret ; + }, + + /** + Returns a copy of the array with all null elements removed. + + var arr = ["a", null, "c", null]; + arr.compact(); => ["a", "c"] + + @method compact + @return {Array} the array without null elements. + */ + compact: function() { return this.without(null); }, + + /** + Returns a new enumerable that excludes the passed value. The default + implementation returns an array regardless of the receiver type unless + the receiver does not contain the value. + + var arr = ["a", "b", "a", "c"]; + arr.without("a"); => ["b", "c"] + + @method without + @param {Object} value + @return {Ember.Enumerable} + */ + without: function(value) { + if (!this.contains(value)) return this; // nothing to do + var ret = [] ; + this.forEach(function(k) { + if (k !== value) ret[ret.length] = k; + }) ; + return ret ; + }, + + /** + Returns a new enumerable that contains only unique values. The default + implementation returns an array regardless of the receiver type. + + var arr = ["a", "a", "b", "b"]; + arr.uniq(); => ["a", "b"] + + @method uniq + @return {Ember.Enumerable} + */ + uniq: function() { + var ret = []; + this.forEach(function(k){ + if (a_indexOf(ret, k)<0) ret.push(k); + }); + return ret; + }, + + /** + This property will trigger anytime the enumerable's content changes. + You can observe this property to be notified of changes to the enumerables + content. + + For plain enumerables, this property is read only. Ember.Array overrides + this method. + + @property [] + @type Ember.Array + */ + '[]': Ember.computed(function(key, value) { + return this; + }).property(), + + // .......................................................... + // ENUMERABLE OBSERVERS + // + + /** + Registers an enumerable observer. Must implement Ember.EnumerableObserver + mixin. + + @method addEnumerableObserver + @param target {Object} + @param opts {Hash} + */ + addEnumerableObserver: function(target, opts) { + var willChange = (opts && opts.willChange) || 'enumerableWillChange', + didChange = (opts && opts.didChange) || 'enumerableDidChange'; + + var hasObservers = get(this, 'hasEnumerableObservers'); + if (!hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers'); + Ember.addListener(this, '@enumerable:before', target, willChange); + Ember.addListener(this, '@enumerable:change', target, didChange); + if (!hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers'); + return this; + }, + + /** + Removes a registered enumerable observer. + + @method removeEnumerableObserver + @param target {Object} + @param [opts] {Hash} + */ + removeEnumerableObserver: function(target, opts) { + var willChange = (opts && opts.willChange) || 'enumerableWillChange', + didChange = (opts && opts.didChange) || 'enumerableDidChange'; + + var hasObservers = get(this, 'hasEnumerableObservers'); + if (hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers'); + Ember.removeListener(this, '@enumerable:before', target, willChange); + Ember.removeListener(this, '@enumerable:change', target, didChange); + if (hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers'); + return this; + }, + + /** + Becomes true whenever the array currently has observers watching changes + on the array. + + @property hasEnumerableObservers + @type Boolean + */ + hasEnumerableObservers: Ember.computed(function() { + return Ember.hasListeners(this, '@enumerable:change') || Ember.hasListeners(this, '@enumerable:before'); + }).property(), + + + /** + Invoke this method just before the contents of your enumerable will + change. You can either omit the parameters completely or pass the objects + to be removed or added if available or just a count. + + @method enumerableContentWillChange + @param {Ember.Enumerable|Number} removing An enumerable of the objects to + be removed or the number of items to be removed. + @param {Ember.Enumerable|Number} adding An enumerable of the objects to be + added or the number of items to be added. + @chainable + */ + enumerableContentWillChange: function(removing, adding) { + + var removeCnt, addCnt, hasDelta; + + if ('number' === typeof removing) removeCnt = removing; + else if (removing) removeCnt = get(removing, 'length'); + else removeCnt = removing = -1; + + if ('number' === typeof adding) addCnt = adding; + else if (adding) addCnt = get(adding,'length'); + else addCnt = adding = -1; + + hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0; + + if (removing === -1) removing = null; + if (adding === -1) adding = null; + + Ember.propertyWillChange(this, '[]'); + if (hasDelta) Ember.propertyWillChange(this, 'length'); + Ember.sendEvent(this, '@enumerable:before', [this, removing, adding]); + + return this; + }, + + /** + Invoke this method when the contents of your enumerable has changed. + This will notify any observers watching for content changes. If your are + implementing an ordered enumerable (such as an array), also pass the + start and end values where the content changed so that it can be used to + notify range observers. + + @method enumerableContentDidChange + @param {Number} [start] optional start offset for the content change. + For unordered enumerables, you should always pass -1. + @param {Ember.Enumerable|Number} removing An enumerable of the objects to + be removed or the number of items to be removed. + @param {Ember.Enumerable|Number} adding An enumerable of the objects to + be added or the number of items to be added. + @chainable + */ + enumerableContentDidChange: function(removing, adding) { + var notify = this.propertyDidChange, removeCnt, addCnt, hasDelta; + + if ('number' === typeof removing) removeCnt = removing; + else if (removing) removeCnt = get(removing, 'length'); + else removeCnt = removing = -1; + + if ('number' === typeof adding) addCnt = adding; + else if (adding) addCnt = get(adding, 'length'); + else addCnt = adding = -1; + + hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0; + + if (removing === -1) removing = null; + if (adding === -1) adding = null; + + Ember.sendEvent(this, '@enumerable:change', [this, removing, adding]); + if (hasDelta) Ember.propertyDidChange(this, 'length'); + Ember.propertyDidChange(this, '[]'); + + return this ; + } + +}) ; + + + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +// .......................................................... +// HELPERS +// + +var get = Ember.get, set = Ember.set, meta = Ember.meta, map = Ember.EnumerableUtils.map, cacheFor = Ember.cacheFor; + +function none(obj) { return obj===null || obj===undefined; } + +// .......................................................... +// ARRAY +// +/** + This module implements Observer-friendly Array-like behavior. This mixin is + picked up by the Array class as well as other controllers, etc. that want to + appear to be arrays. + + Unlike Ember.Enumerable, this mixin defines methods specifically for + collections that provide index-ordered access to their contents. When you + are designing code that needs to accept any kind of Array-like object, you + should use these methods instead of Array primitives because these will + properly notify observers of changes to the array. + + Although these methods are efficient, they do add a layer of indirection to + your application so it is a good idea to use them only when you need the + flexibility of using both true JavaScript arrays and "virtual" arrays such + as controllers and collections. + + You can use the methods defined in this module to access and modify array + contents in a KVO-friendly way. You can also be notified whenever the + membership if an array changes by changing the syntax of the property to + .observes('*myProperty.[]') . + + To support Ember.Array in your own class, you must override two + primitives to use it: replace() and objectAt(). + + Note that the Ember.Array mixin also incorporates the Ember.Enumerable mixin. All + Ember.Array-like objects are also enumerable. + + @class Array + @namespace Ember + @extends Ember.Mixin + @uses Ember.Enumerable + @since Ember 0.9.0 +*/ +Ember.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.prototype */ { + + // compatibility + isSCArray: true, + + /** + Your array must support the length property. Your replace methods should + set this property whenever it changes. + + @property {Number} length + */ + length: Ember.required(), + + /** + Returns the object at the given index. If the given index is negative or + is greater or equal than the array length, returns `undefined`. + + This is one of the primitives you must implement to support `Ember.Array`. + If your object supports retrieving the value of an array item using `get()` + (i.e. `myArray.get(0)`), then you do not need to implement this method + yourself. + + var arr = ['a', 'b', 'c', 'd']; + arr.objectAt(0); => "a" + arr.objectAt(3); => "d" + arr.objectAt(-1); => undefined + arr.objectAt(4); => undefined + arr.objectAt(5); => undefined + + @method objectAt + @param {Number} idx + The index of the item to return. + */ + objectAt: function(idx) { + if ((idx < 0) || (idx>=get(this, 'length'))) return undefined ; + return get(this, idx); + }, + + /** + This returns the objects at the specified indexes, using `objectAt`. + + var arr = ['a', 'b', 'c', 'd']; + arr.objectsAt([0, 1, 2]) => ["a", "b", "c"] + arr.objectsAt([2, 3, 4]) => ["c", "d", undefined] + + @method objectsAt + @param {Array} indexes + An array of indexes of items to return. + */ + objectsAt: function(indexes) { + var self = this; + return map(indexes, function(idx){ return self.objectAt(idx); }); + }, + + // overrides Ember.Enumerable version + nextObject: function(idx) { + return this.objectAt(idx); + }, + + /** + This is the handler for the special array content property. If you get + this property, it will return this. If you set this property it a new + array, it will replace the current content. + + This property overrides the default property defined in Ember.Enumerable. + + @property [] + */ + '[]': Ember.computed(function(key, value) { + if (value !== undefined) this.replace(0, get(this, 'length'), value) ; + return this ; + }).property(), + + firstObject: Ember.computed(function() { + return this.objectAt(0); + }).property(), + + lastObject: Ember.computed(function() { + return this.objectAt(get(this, 'length')-1); + }).property(), + + // optimized version from Enumerable + contains: function(obj){ + return this.indexOf(obj) >= 0; + }, + + // Add any extra methods to Ember.Array that are native to the built-in Array. + /** + Returns a new array that is a slice of the receiver. This implementation + uses the observable array methods to retrieve the objects for the new + slice. + + var arr = ['red', 'green', 'blue']; + arr.slice(0); => ['red', 'green', 'blue'] + arr.slice(0, 2); => ['red', 'green'] + arr.slice(1, 100); => ['green', 'blue'] + + @method slice + @param beginIndex {Integer} (Optional) index to begin slicing from. + @param endIndex {Integer} (Optional) index to end the slice at. + @return {Array} New array with specified slice + */ + slice: function(beginIndex, endIndex) { + var ret = []; + var length = get(this, 'length') ; + if (none(beginIndex)) beginIndex = 0 ; + if (none(endIndex) || (endIndex > length)) endIndex = length ; + while(beginIndex < endIndex) { + ret[ret.length] = this.objectAt(beginIndex++) ; + } + return ret ; + }, + + /** + Returns the index of the given object's first occurrence. + If no startAt argument is given, the starting location to + search is 0. If it's negative, will count backward from + the end of the array. Returns -1 if no match is found. + + var arr = ["a", "b", "c", "d", "a"]; + arr.indexOf("a"); => 0 + arr.indexOf("z"); => -1 + arr.indexOf("a", 2); => 4 + arr.indexOf("a", -1); => 4 + arr.indexOf("b", 3); => -1 + arr.indexOf("a", 100); => -1 + + @method indexOf + @param {Object} object the item to search for + @param {Number} startAt optional starting location to search, default 0 + @return {Number} index or -1 if not found + */ + indexOf: function(object, startAt) { + var idx, len = get(this, 'length'); + + if (startAt === undefined) startAt = 0; + if (startAt < 0) startAt += len; + + for(idx=startAt;idx 4 + arr.lastIndexOf("z"); => -1 + arr.lastIndexOf("a", 2); => 0 + arr.lastIndexOf("a", -1); => 4 + arr.lastIndexOf("b", 3); => 1 + arr.lastIndexOf("a", 100); => 4 + + @method lastIndexOf + @param {Object} object the item to search for + @param {Number} startAt optional starting location to search, default 0 + @return {Number} index or -1 if not found + */ + lastIndexOf: function(object, startAt) { + var idx, len = get(this, 'length'); + + if (startAt === undefined || startAt >= len) startAt = len-1; + if (startAt < 0) startAt += len; + + for(idx=startAt;idx>=0;idx--) { + if (this.objectAt(idx) === object) return idx ; + } + return -1; + }, + + // .......................................................... + // ARRAY OBSERVERS + // + + /** + Adds an array observer to the receiving array. The array observer object + normally must implement two methods: + + * `arrayWillChange(start, removeCount, addCount)` - This method will be + called just before the array is modified. + * `arrayDidChange(start, removeCount, addCount)` - This method will be + called just after the array is modified. + + Both callbacks will be passed the starting index of the change as well a + a count of the items to be removed and added. You can use these callbacks + to optionally inspect the array during the change, clear caches, or do + any other bookkeeping necessary. + + In addition to passing a target, you can also include an options hash + which you can use to override the method names that will be invoked on the + target. + + @method addArrayObserver + @param {Object} target The observer object. + @param {Hash} opts Optional hash of configuration options including + willChange, didChange, and a context option. + @return {Ember.Array} receiver + */ + addArrayObserver: function(target, opts) { + var willChange = (opts && opts.willChange) || 'arrayWillChange', + didChange = (opts && opts.didChange) || 'arrayDidChange'; + + var hasObservers = get(this, 'hasArrayObservers'); + if (!hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers'); + Ember.addListener(this, '@array:before', target, willChange); + Ember.addListener(this, '@array:change', target, didChange); + if (!hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers'); + return this; + }, + + /** + Removes an array observer from the object if the observer is current + registered. Calling this method multiple times with the same object will + have no effect. + + @method removeArrayObserver + @param {Object} target The object observing the array. + @return {Ember.Array} receiver + */ + removeArrayObserver: function(target, opts) { + var willChange = (opts && opts.willChange) || 'arrayWillChange', + didChange = (opts && opts.didChange) || 'arrayDidChange'; + + var hasObservers = get(this, 'hasArrayObservers'); + if (hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers'); + Ember.removeListener(this, '@array:before', target, willChange); + Ember.removeListener(this, '@array:change', target, didChange); + if (hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers'); + return this; + }, + + /** + Becomes true whenever the array currently has observers watching changes + on the array. + + @property Boolean + */ + hasArrayObservers: Ember.computed(function() { + return Ember.hasListeners(this, '@array:change') || Ember.hasListeners(this, '@array:before'); + }).property(), + + /** + If you are implementing an object that supports Ember.Array, call this + method just before the array content changes to notify any observers and + invalidate any related properties. Pass the starting index of the change + as well as a delta of the amounts to change. + + @method arrayContentWillChange + @param {Number} startIdx The starting index in the array that will change. + @param {Number} removeAmt The number of items that will be removed. If you pass null assumes 0 + @param {Number} addAmt The number of items that will be added. If you pass null assumes 0. + @return {Ember.Array} receiver + */ + arrayContentWillChange: function(startIdx, removeAmt, addAmt) { + + // if no args are passed assume everything changes + if (startIdx===undefined) { + startIdx = 0; + removeAmt = addAmt = -1; + } else { + if (removeAmt === undefined) removeAmt=-1; + if (addAmt === undefined) addAmt=-1; + } + + // Make sure the @each proxy is set up if anyone is observing @each + if (Ember.isWatching(this, '@each')) { get(this, '@each'); } + + Ember.sendEvent(this, '@array:before', [this, startIdx, removeAmt, addAmt]); + + var removing, lim; + if (startIdx>=0 && removeAmt>=0 && get(this, 'hasEnumerableObservers')) { + removing = []; + lim = startIdx+removeAmt; + for(var idx=startIdx;idx=0 && addAmt>=0 && get(this, 'hasEnumerableObservers')) { + adding = []; + lim = startIdx+addAmt; + for(var idx=startIdx;idx b` + + Default implementation raises an exception. + + @method compare + @param a {Object} the first object to compare + @param b {Object} the second object to compare + @return {Integer} the result of the comparison + */ + compare: Ember.required(Function) + +}); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + + +var get = Ember.get, set = Ember.set; + +/** + Implements some standard methods for copying an object. Add this mixin to + any object you create that can create a copy of itself. This mixin is + added automatically to the built-in array. + + You should generally implement the copy() method to return a copy of the + receiver. + + Note that frozenCopy() will only work if you also implement Ember.Freezable. + + @class Copyable + @namespace Ember + @extends Ember.Mixin + @since Ember 0.9 +*/ +Ember.Copyable = Ember.Mixin.create( +/** @scope Ember.Copyable.prototype */ { + + /** + Override to return a copy of the receiver. Default implementation raises + an exception. + + @method copy + @param deep {Boolean} if true, a deep copy of the object should be made + @return {Object} copy of receiver + */ + copy: Ember.required(Function), + + /** + If the object implements Ember.Freezable, then this will return a new copy + if the object is not frozen and the receiver if the object is frozen. + + Raises an exception if you try to call this method on a object that does + not support freezing. + + You should use this method whenever you want a copy of a freezable object + since a freezable object can simply return itself without actually + consuming more memory. + + @method frozenCopy + @return {Object} copy of receiver or receiver + */ + frozenCopy: function() { + if (Ember.Freezable && Ember.Freezable.detect(this)) { + return get(this, 'isFrozen') ? this : this.copy().freeze(); + } else { + throw new Error(Ember.String.fmt("%@ does not support freezing", [this])); + } + } +}); + + + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + +var get = Ember.get, set = Ember.set; + +/** + The Ember.Freezable mixin implements some basic methods for marking an object + as frozen. Once an object is frozen it should be read only. No changes + may be made the internal state of the object. + + ## Enforcement + + To fully support freezing in your subclass, you must include this mixin and + override any method that might alter any property on the object to instead + raise an exception. You can check the state of an object by checking the + isFrozen property. + + Although future versions of JavaScript may support language-level freezing + object objects, that is not the case today. Even if an object is freezable, + it is still technically possible to modify the object, even though it could + break other parts of your application that do not expect a frozen object to + change. It is, therefore, very important that you always respect the + isFrozen property on all freezable objects. + + ## Example Usage + + The example below shows a simple object that implement the Ember.Freezable + protocol. + + Contact = Ember.Object.extend(Ember.Freezable, { + + firstName: null, + + lastName: null, + + // swaps the names + swapNames: function() { + if (this.get('isFrozen')) throw Ember.FROZEN_ERROR; + var tmp = this.get('firstName'); + this.set('firstName', this.get('lastName')); + this.set('lastName', tmp); + return this; + } + + }); + + c = Context.create({ firstName: "John", lastName: "Doe" }); + c.swapNames(); => returns c + c.freeze(); + c.swapNames(); => EXCEPTION + + ## Copying + + Usually the Ember.Freezable protocol is implemented in cooperation with the + Ember.Copyable protocol, which defines a frozenCopy() method that will return + a frozen object, if the object implements this method as well. + + @class Freezable + @namespace Ember + @extends Ember.Mixin + @since Ember 0.9 +*/ +Ember.Freezable = Ember.Mixin.create( +/** @scope Ember.Freezable.prototype */ { + + /** + Set to true when the object is frozen. Use this property to detect whether + your object is frozen or not. + + @property isFrozen + @type Boolean + */ + isFrozen: false, + + /** + Freezes the object. Once this method has been called the object should + no longer allow any properties to be edited. + + @method freeze + @return {Object} receiver + */ + freeze: function() { + if (get(this, 'isFrozen')) return this; + set(this, 'isFrozen', true); + return this; + } + +}); + +Ember.FROZEN_ERROR = "Frozen object cannot be modified."; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var forEach = Ember.EnumerableUtils.forEach; + +/** + This mixin defines the API for modifying generic enumerables. These methods + can be applied to an object regardless of whether it is ordered or + unordered. + + Note that an Enumerable can change even if it does not implement this mixin. + For example, a MappedEnumerable cannot be directly modified but if its + underlying enumerable changes, it will change also. + + ## Adding Objects + + To add an object to an enumerable, use the addObject() method. This + method will only add the object to the enumerable if the object is not + already present and the object if of a type supported by the enumerable. + + set.addObject(contact); + + ## Removing Objects + + To remove an object form an enumerable, use the removeObject() method. This + will only remove the object if it is already in the enumerable, otherwise + this method has no effect. + + set.removeObject(contact); + + ## Implementing In Your Own Code + + If you are implementing an object and want to support this API, just include + this mixin in your class and implement the required methods. In your unit + tests, be sure to apply the Ember.MutableEnumerableTests to your object. + + @class MutableEnumerable + @namespace Ember + @extends Ember.Mixin + @uses Ember.Enumerable +*/ +Ember.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable, + /** @scope Ember.MutableEnumerable.prototype */ { + + /** + __Required.__ You must implement this method to apply this mixin. + + Attempts to add the passed object to the receiver if the object is not + already present in the collection. If the object is present, this method + has no effect. + + If the passed object is of a type not supported by the receiver + then this method should raise an exception. + + @method addObject + @param {Object} object The object to add to the enumerable. + @return {Object} the passed object + */ + addObject: Ember.required(Function), + + /** + Adds each object in the passed enumerable to the receiver. + + @method addObjects + @param {Ember.Enumerable} objects the objects to add. + @return {Object} receiver + */ + addObjects: function(objects) { + Ember.beginPropertyChanges(this); + forEach(objects, function(obj) { this.addObject(obj); }, this); + Ember.endPropertyChanges(this); + return this; + }, + + /** + __Required.__ You must implement this method to apply this mixin. + + Attempts to remove the passed object from the receiver collection if the + object is in present in the collection. If the object is not present, + this method has no effect. + + If the passed object is of a type not supported by the receiver + then this method should raise an exception. + + @method removeObject + @param {Object} object The object to remove from the enumerable. + @return {Object} the passed object + */ + removeObject: Ember.required(Function), + + + /** + Removes each objects in the passed enumerable from the receiver. + + @method removeObjects + @param {Ember.Enumerable} objects the objects to remove + @return {Object} receiver + */ + removeObjects: function(objects) { + Ember.beginPropertyChanges(this); + forEach(objects, function(obj) { this.removeObject(obj); }, this); + Ember.endPropertyChanges(this); + return this; + } + +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ +// .......................................................... +// CONSTANTS +// + +var OUT_OF_RANGE_EXCEPTION = "Index out of range" ; +var EMPTY = []; + +// .......................................................... +// HELPERS +// + +var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach; + +/** + This mixin defines the API for modifying array-like objects. These methods + can be applied only to a collection that keeps its items in an ordered set. + + Note that an Array can change even if it does not implement this mixin. + For example, one might implement a SparseArray that cannot be directly + modified, but if its underlying enumerable changes, it will change also. + + @class MutableArray + @namespace Ember + @extends Ember.Mixin + @uses Ember.Array + @uses Ember.MutableEnumerable +*/ +Ember.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable, + /** @scope Ember.MutableArray.prototype */ { + + /** + __Required.__ You must implement this method to apply this mixin. + + This is one of the primitives you must implement to support Ember.Array. You + should replace amt objects started at idx with the objects in the passed + array. You should also call this.enumerableContentDidChange() ; + + @method replace + @param {Number} idx Starting index in the array to replace. If idx >= length, + then append to the end of the array. + @param {Number} amt Number of elements that should be removed from the array, + starting at *idx*. + @param {Array} objects An array of zero or more objects that should be inserted + into the array at *idx* + */ + replace: Ember.required(), + + /** + Remove all elements from self. This is useful if you + want to reuse an existing array without having to recreate it. + + var colors = ["red", "green", "blue"]; + color.length(); => 3 + colors.clear(); => [] + colors.length(); => 0 + + @method clear + @return {Ember.Array} An empty Array. + */ + clear: function () { + var len = get(this, 'length'); + if (len === 0) return this; + this.replace(0, len, EMPTY); + return this; + }, + + /** + This will use the primitive replace() method to insert an object at the + specified index. + + var colors = ["red", "green", "blue"]; + colors.insertAt(2, "yellow"); => ["red", "green", "yellow", "blue"] + colors.insertAt(5, "orange"); => Error: Index out of range + + @method insertAt + @param {Number} idx index of insert the object at. + @param {Object} object object to insert + */ + insertAt: function(idx, object) { + if (idx > get(this, 'length')) throw new Error(OUT_OF_RANGE_EXCEPTION) ; + this.replace(idx, 0, [object]) ; + return this ; + }, + + /** + Remove an object at the specified index using the replace() primitive + method. You can pass either a single index, or a start and a length. + + If you pass a start and length that is beyond the + length this method will throw an Ember.OUT_OF_RANGE_EXCEPTION + + var colors = ["red", "green", "blue", "yellow", "orange"]; + colors.removeAt(0); => ["green", "blue", "yellow", "orange"] + colors.removeAt(2, 2); => ["green", "blue"] + colors.removeAt(4, 2); => Error: Index out of range + + @method removeAt + @param {Number} start index, start of range + @param {Number} len length of passing range + @return {Object} receiver + */ + removeAt: function(start, len) { + if ('number' === typeof start) { + + if ((start < 0) || (start >= get(this, 'length'))) { + throw new Error(OUT_OF_RANGE_EXCEPTION); + } + + // fast case + if (len === undefined) len = 1; + this.replace(start, len, EMPTY); + } + + return this ; + }, + + /** + Push the object onto the end of the array. Works just like push() but it + is KVO-compliant. + + var colors = ["red", "green", "blue"]; + colors.pushObject("black"); => ["red", "green", "blue", "black"] + colors.pushObject(["yellow", "orange"]); => ["red", "green", "blue", "black", ["yellow", "orange"]] + + @method pushObject + @param {anything} obj object to push + */ + pushObject: function(obj) { + this.insertAt(get(this, 'length'), obj) ; + return obj ; + }, + + /** + Add the objects in the passed numerable to the end of the array. Defers + notifying observers of the change until all objects are added. + + var colors = ["red", "green", "blue"]; + colors.pushObjects("black"); => ["red", "green", "blue", "black"] + colors.pushObjects(["yellow", "orange"]); => ["red", "green", "blue", "black", "yellow", "orange"] + + @method pushObjects + @param {Ember.Enumerable} objects the objects to add + @return {Ember.Array} receiver + */ + pushObjects: function(objects) { + this.replace(get(this, 'length'), 0, objects); + return this; + }, + + /** + Pop object from array or nil if none are left. Works just like pop() but + it is KVO-compliant. + + var colors = ["red", "green", "blue"]; + colors.popObject(); => "blue" + console.log(colors); => ["red", "green"] + + @method popObject + @return object + */ + popObject: function() { + var len = get(this, 'length') ; + if (len === 0) return null ; + + var ret = this.objectAt(len-1) ; + this.removeAt(len-1, 1) ; + return ret ; + }, + + /** + Shift an object from start of array or nil if none are left. Works just + like shift() but it is KVO-compliant. + + var colors = ["red", "green", "blue"]; + colors.shiftObject(); => "red" + console.log(colors); => ["green", "blue"] + + @method shiftObject + @return object + */ + shiftObject: function() { + if (get(this, 'length') === 0) return null ; + var ret = this.objectAt(0) ; + this.removeAt(0) ; + return ret ; + }, + + /** + Unshift an object to start of array. Works just like unshift() but it is + KVO-compliant. + + var colors = ["red", "green", "blue"]; + colors.unshiftObject("yellow"); => ["yellow", "red", "green", "blue"] + colors.unshiftObject(["black", "white"]); => [["black", "white"], "yellow", "red", "green", "blue"] + + @method unshiftObject + @param {anything} obj object to unshift + */ + unshiftObject: function(obj) { + this.insertAt(0, obj) ; + return obj ; + }, + + /** + Adds the named objects to the beginning of the array. Defers notifying + observers until all objects have been added. + + var colors = ["red", "green", "blue"]; + colors.unshiftObjects(["black", "white"]); => ["black", "white", "red", "green", "blue"] + colors.unshiftObjects("yellow"); => Type Error: 'undefined' is not a function + + @method unshiftObjects + @param {Ember.Enumerable} objects the objects to add + @return {Ember.Array} receiver + */ + unshiftObjects: function(objects) { + this.replace(0, 0, objects); + return this; + }, + + /** + Reverse objects in the array. Works just like reverse() but it is + KVO-compliant. + + @method reverseObjects + @return {Ember.Array} receiver + */ + reverseObjects: function() { + var len = get(this, 'length'); + if (len === 0) return this; + var objects = this.toArray().reverse(); + this.replace(0, len, objects); + return this; + }, + + /** + Replace all the the receiver's content with content of the argument. + If argument is an empty array receiver will be cleared. + + var colors = ["red", "green", "blue"]; + colors.setObjects(["black", "white"]); => ["black", "white"] + colors.setObjects([]); => [] + + @method setObjects + @param {Ember.Array} objects array whose content will be used for replacing + the content of the receiver + @return {Ember.Array} receiver with the new content + */ + setObjects: function(objects) { + if (objects.length === 0) return this.clear(); + + var len = get(this, 'length'); + this.replace(0, len, objects); + return this; + }, + + // .......................................................... + // IMPLEMENT Ember.MutableEnumerable + // + + removeObject: function(obj) { + var loc = get(this, 'length') || 0; + while(--loc >= 0) { + var curObject = this.objectAt(loc) ; + if (curObject === obj) this.removeAt(loc) ; + } + return this ; + }, + + addObject: function(obj) { + if (!this.contains(obj)) this.pushObject(obj); + return this ; + } + +}); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty; + +/** + ## Overview + + This mixin provides properties and property observing functionality, core + features of the Ember object model. + + Properties and observers allow one object to observe changes to a + property on another object. This is one of the fundamental ways that + models, controllers and views communicate with each other in an Ember + application. + + Any object that has this mixin applied can be used in observer + operations. That includes Ember.Object and most objects you will + interact with as you write your Ember application. + + Note that you will not generally apply this mixin to classes yourself, + but you will use the features provided by this module frequently, so it + is important to understand how to use it. + + ## Using get() and set() + + Because of Ember's support for bindings and observers, you will always + access properties using the get method, and set properties using the + set method. This allows the observing objects to be notified and + computed properties to be handled properly. + + More documentation about `get` and `set` are below. + + ## Observing Property Changes + + You typically observe property changes simply by adding the `observes` + call to the end of your method declarations in classes that you write. + For example: + + Ember.Object.create({ + valueObserver: function() { + // Executes whenever the "value" property changes + }.observes('value') + }); + + Although this is the most common way to add an observer, this capability + is actually built into the Ember.Object class on top of two methods + defined in this mixin: `addObserver` and `removeObserver`. You can use + these two methods to add and remove observers yourself if you need to + do so at runtime. + + To add an observer for a property, call: + + object.addObserver('propertyKey', targetObject, targetAction) + + This will call the `targetAction` method on the `targetObject` to be called + whenever the value of the `propertyKey` changes. + + Note that if `propertyKey` is a computed property, the observer will be + called when any of the property dependencies are changed, even if the + resulting value of the computed property is unchanged. This is necessary + because computed properties are not computed until `get` is called. + + @class Observable + @namespace Ember + @extends Ember.Mixin +*/ +Ember.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ { + + // compatibility + isObserverable: true, + + /** + Retrieves the value of a property from the object. + + This method is usually similar to using object[keyName] or object.keyName, + however it supports both computed properties and the unknownProperty + handler. + + Because `get` unifies the syntax for accessing all these kinds + of properties, it can make many refactorings easier, such as replacing a + simple property with a computed property, or vice versa. + + ### Computed Properties + + Computed properties are methods defined with the `property` modifier + declared at the end, such as: + + fullName: function() { + return this.getEach('firstName', 'lastName').compact().join(' '); + }.property('firstName', 'lastName') + + When you call `get` on a computed property, the function will be + called and the return value will be returned instead of the function + itself. + + ### Unknown Properties + + Likewise, if you try to call `get` on a property whose value is + undefined, the unknownProperty() method will be called on the object. + If this method returns any value other than undefined, it will be returned + instead. This allows you to implement "virtual" properties that are + not defined upfront. + + @method get + @param {String} key The property to retrieve + @return {Object} The property value or undefined. + */ + get: function(keyName) { + return get(this, keyName); + }, + + /** + To get multiple properties at once, call getProperties + with a list of strings or an array: + + record.getProperties('firstName', 'lastName', 'zipCode'); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' } + + is equivalent to: + + record.getProperties(['firstName', 'lastName', 'zipCode']); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' } + + @method getProperties + @param {String...|Array} list of keys to get + @return {Hash} + */ + getProperties: function() { + var ret = {}; + var propertyNames = arguments; + if (arguments.length === 1 && Ember.typeOf(arguments[0]) === 'array') { + propertyNames = arguments[0]; + } + for(var i = 0; i < propertyNames.length; i++) { + ret[propertyNames[i]] = get(this, propertyNames[i]); + } + return ret; + }, + + /** + Sets the provided key or path to the value. + + This method is generally very similar to calling object[key] = value or + object.key = value, except that it provides support for computed + properties, the unknownProperty() method and property observers. + + ### Computed Properties + + If you try to set a value on a key that has a computed property handler + defined (see the get() method for an example), then set() will call + that method, passing both the value and key instead of simply changing + the value itself. This is useful for those times when you need to + implement a property that is composed of one or more member + properties. + + ### Unknown Properties + + If you try to set a value on a key that is undefined in the target + object, then the unknownProperty() handler will be called instead. This + gives you an opportunity to implement complex "virtual" properties that + are not predefined on the object. If unknownProperty() returns + undefined, then set() will simply set the value on the object. + + ### Property Observers + + In addition to changing the property, set() will also register a + property change with the object. Unless you have placed this call + inside of a beginPropertyChanges() and endPropertyChanges(), any "local" + observers (i.e. observer methods declared on the same object), will be + called immediately. Any "remote" observers (i.e. observer methods + declared on another object) will be placed in a queue and called at a + later time in a coalesced manner. + + ### Chaining + + In addition to property changes, set() returns the value of the object + itself so you can do chaining like this: + + record.set('firstName', 'Charles').set('lastName', 'Jolley'); + + @method set + @param {String} key The property to set + @param {Object} value The value to set or null. + @return {Ember.Observable} + */ + set: function(keyName, value) { + set(this, keyName, value); + return this; + }, + + /** + To set multiple properties at once, call setProperties + with a Hash: + + record.setProperties({ firstName: 'Charles', lastName: 'Jolley' }); + + @method setProperties + @param {Hash} hash the hash of keys and values to set + @return {Ember.Observable} + */ + setProperties: function(hash) { + return Ember.setProperties(this, hash); + }, + + /** + Begins a grouping of property changes. + + You can use this method to group property changes so that notifications + will not be sent until the changes are finished. If you plan to make a + large number of changes to an object at one time, you should call this + method at the beginning of the changes to begin deferring change + notifications. When you are done making changes, call endPropertyChanges() + to deliver the deferred change notifications and end deferring. + + @method beginPropertyChanges + @return {Ember.Observable} + */ + beginPropertyChanges: function() { + Ember.beginPropertyChanges(); + return this; + }, + + /** + Ends a grouping of property changes. + + You can use this method to group property changes so that notifications + will not be sent until the changes are finished. If you plan to make a + large number of changes to an object at one time, you should call + beginPropertyChanges() at the beginning of the changes to defer change + notifications. When you are done making changes, call this method to + deliver the deferred change notifications and end deferring. + + @method endPropertyChanges + @return {Ember.Observable} + */ + endPropertyChanges: function() { + Ember.endPropertyChanges(); + return this; + }, + + /** + Notify the observer system that a property is about to change. + + Sometimes you need to change a value directly or indirectly without + actually calling get() or set() on it. In this case, you can use this + method and propertyDidChange() instead. Calling these two methods + together will notify all observers that the property has potentially + changed value. + + Note that you must always call propertyWillChange and propertyDidChange as + a pair. If you do not, it may get the property change groups out of order + and cause notifications to be delivered more often than you would like. + + @method propertyWillChange + @param {String} key The property key that is about to change. + @return {Ember.Observable} + */ + propertyWillChange: function(keyName){ + Ember.propertyWillChange(this, keyName); + return this; + }, + + /** + Notify the observer system that a property has just changed. + + Sometimes you need to change a value directly or indirectly without + actually calling get() or set() on it. In this case, you can use this + method and propertyWillChange() instead. Calling these two methods + together will notify all observers that the property has potentially + changed value. + + Note that you must always call propertyWillChange and propertyDidChange as + a pair. If you do not, it may get the property change groups out of order + and cause notifications to be delivered more often than you would like. + + @method propertyDidChange + @param {String} keyName The property key that has just changed. + @return {Ember.Observable} + */ + propertyDidChange: function(keyName) { + Ember.propertyDidChange(this, keyName); + return this; + }, + + /** + Convenience method to call `propertyWillChange` and `propertyDidChange` in + succession. + + @method notifyPropertyChange + @param {String} keyName The property key to be notified about. + @return {Ember.Observable} + */ + notifyPropertyChange: function(keyName) { + this.propertyWillChange(keyName); + this.propertyDidChange(keyName); + return this; + }, + + addBeforeObserver: function(key, target, method) { + Ember.addBeforeObserver(this, key, target, method); + }, + + /** + Adds an observer on a property. + + This is the core method used to register an observer for a property. + + Once you call this method, anytime the key's value is set, your observer + will be notified. Note that the observers are triggered anytime the + value is set, regardless of whether it has actually changed. Your + observer should be prepared to handle that. + + You can also pass an optional context parameter to this method. The + context will be passed to your observer method whenever it is triggered. + Note that if you add the same target/method pair on a key multiple times + with different context parameters, your observer will only be called once + with the last context you passed. + + ### Observer Methods + + Observer methods you pass should generally have the following signature if + you do not pass a "context" parameter: + + fooDidChange: function(sender, key, value, rev); + + The sender is the object that changed. The key is the property that + changes. The value property is currently reserved and unused. The rev + is the last property revision of the object when it changed, which you can + use to detect if the key value has really changed or not. + + If you pass a "context" parameter, the context will be passed before the + revision like so: + + fooDidChange: function(sender, key, value, context, rev); + + Usually you will not need the value, context or revision parameters at + the end. In this case, it is common to write observer methods that take + only a sender and key value as parameters or, if you aren't interested in + any of these values, to write an observer that has no parameters at all. + + @method addObserver + @param {String} key The key to observer + @param {Object} target The target object to invoke + @param {String|Function} method The method to invoke. + @return {Ember.Object} self + */ + addObserver: function(key, target, method) { + Ember.addObserver(this, key, target, method); + }, + + /** + Remove an observer you have previously registered on this object. Pass + the same key, target, and method you passed to addObserver() and your + target will no longer receive notifications. + + @method removeObserver + @param {String} key The key to observer + @param {Object} target The target object to invoke + @param {String|Function} method The method to invoke. + @return {Ember.Observable} receiver + */ + removeObserver: function(key, target, method) { + Ember.removeObserver(this, key, target, method); + }, + + /** + Returns true if the object currently has observers registered for a + particular key. You can use this method to potentially defer performing + an expensive action until someone begins observing a particular property + on the object. + + @method hasObserverFor + @param {String} key Key to check + @return {Boolean} + */ + hasObserverFor: function(key) { + return Ember.hasListeners(this, key+':change'); + }, + + /** + This method will be called when a client attempts to get the value of a + property that has not been defined in one of the typical ways. Override + this method to create "virtual" properties. + + @method unknownProperty + @param {String} key The name of the unknown property that was requested. + @return {Object} The property value or undefined. Default is undefined. + */ + unknownProperty: function(key) { + return undefined; + }, + + /** + This method will be called when a client attempts to set the value of a + property that has not been defined in one of the typical ways. Override + this method to create "virtual" properties. + + @method setUnknownProperty + @param {String} key The name of the unknown property to be set. + @param {Object} value The value the unknown property is to be set to. + */ + setUnknownProperty: function(key, value) { + defineProperty(this, key); + set(this, key, value); + }, + + /** + @deprecated + @method getPath + @param {String} path The property path to retrieve + @return {Object} The property value or undefined. + */ + getPath: function(path) { + + return this.get(path); + }, + + /** + @deprecated + @method setPath + @param {String} path The path to the property that will be set + @param {Object} value The value to set or null. + @return {Ember.Observable} + */ + setPath: function(path, value) { + + return this.set(path, value); + }, + + /** + Retrieves the value of a property, or a default value in the case that the property + returns undefined. + + person.getWithDefault('lastName', 'Doe'); + + @method getWithDefault + @param {String} keyName The name of the property to retrieve + @param {Object} defaultValue The value to return if the property value is undefined + @return {Object} The property value or the defaultValue. + */ + getWithDefault: function(keyName, defaultValue) { + return Ember.getWithDefault(this, keyName, defaultValue); + }, + + /** + Set the value of a property to the current value plus some amount. + + person.incrementProperty('age'); + team.incrementProperty('score', 2); + + @method incrementProperty + @param {String} keyName The name of the property to increment + @param {Object} increment The amount to increment by. Defaults to 1 + @return {Object} The new property value + */ + incrementProperty: function(keyName, increment) { + if (!increment) { increment = 1; } + set(this, keyName, (get(this, keyName) || 0)+increment); + return get(this, keyName); + }, + + /** + Set the value of a property to the current value minus some amount. + + player.decrementProperty('lives'); + orc.decrementProperty('health', 5); + + @method decrementProperty + @param {String} keyName The name of the property to decrement + @param {Object} increment The amount to decrement by. Defaults to 1 + @return {Object} The new property value + */ + decrementProperty: function(keyName, increment) { + if (!increment) { increment = 1; } + set(this, keyName, (get(this, keyName) || 0)-increment); + return get(this, keyName); + }, + + /** + Set the value of a boolean property to the opposite of it's + current value. + + starship.toggleProperty('warpDriveEnaged'); + + @method toggleProperty + @param {String} keyName The name of the property to toggle + @return {Object} The new property value + */ + toggleProperty: function(keyName) { + set(this, keyName, !get(this, keyName)); + return get(this, keyName); + }, + + /** + Returns the cached value of a computed property, if it exists. + This allows you to inspect the value of a computed property + without accidentally invoking it if it is intended to be + generated lazily. + + @method cacheFor + @param {String} keyName + @return {Object} The cached value of the computed property, if any + */ + cacheFor: function(keyName) { + return Ember.cacheFor(this, keyName); + }, + + // intended for debugging purposes + observersForKey: function(keyName) { + return Ember.observersFor(this, keyName); + } +}); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set; + +/** +@class TargetActionSupport +@namespace Ember +@extends Ember.Mixin +*/ +Ember.TargetActionSupport = Ember.Mixin.create({ + target: null, + action: null, + + targetObject: Ember.computed(function() { + var target = get(this, 'target'); + + if (Ember.typeOf(target) === "string") { + var value = get(this, target); + if (value === undefined) { value = get(Ember.lookup, target); } + return value; + } else { + return target; + } + }).property('target'), + + triggerAction: function() { + var action = get(this, 'action'), + target = get(this, 'targetObject'); + + if (target && action) { + var ret; + + if (typeof target.send === 'function') { + ret = target.send(action, this); + } else { + if (typeof action === 'string') { + action = target[action]; + } + ret = action.call(target, this); + } + if (ret !== false) ret = true; + + return ret; + } else { + return false; + } + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + @class Evented + @namespace Ember + @extends Ember.Mixin + */ +Ember.Evented = Ember.Mixin.create({ + on: function(name, target, method) { + Ember.addListener(this, name, target, method); + }, + + one: function(name, target, method) { + if (!method) { + method = target; + target = null; + } + + var self = this; + var wrapped = function() { + Ember.removeListener(self, name, target, method); + + if ('string' === typeof method) { method = this[method]; } + + // Internally, a `null` target means that the target is + // the first parameter to addListener. That means that + // the `this` passed into this function is the target + // determined by the event system. + method.apply(this, arguments); + }; + + Ember.addListener(this, name, target, wrapped, Ember.guidFor(method)); + }, + + trigger: function(name) { + var args = [], i, l; + for (i = 1, l = arguments.length; i < l; i++) { + args.push(arguments[i]); + } + Ember.sendEvent(this, name, args); + }, + + fire: function(name) { + + this.trigger.apply(this, arguments); + }, + + off: function(name, target, method) { + Ember.removeListener(this, name, target, method); + }, + + has: function(name) { + return Ember.hasListeners(this, name); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, + slice = Array.prototype.slice; + +/** + @class Deferred + @namespace Ember + @extends Ember.Mixin + */ +Ember.Deferred = Ember.Mixin.create({ + + /** + Add handlers to be called when the Deferred object is resolved or rejected. + + @method then + @param {Function} doneCallback a callback function to be called when done + @param {Function} failCallback a callback function to be called when failed + */ + then: function(doneCallback, failCallback) { + return get(this, 'promise').then(doneCallback, failCallback); + }, + + /** + Resolve a Deferred object and call any doneCallbacks with the given args. + + @method resolve + */ + resolve: function(value) { + get(this, 'promise').resolve(value); + }, + + /** + Reject a Deferred object and call any failCallbacks with the given args. + + @method reject + */ + reject: function(value) { + get(this, 'promise').reject(value); + }, + + promise: Ember.computed(function() { + return new RSVP.Promise(); + }) +}); + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + +// NOTE: this object should never be included directly. Instead use Ember. +// Ember.Object. We only define this separately so that Ember.Set can depend on it + + +var set = Ember.set, get = Ember.get, + o_create = Ember.create, + o_defineProperty = Ember.platform.defineProperty, + a_slice = Array.prototype.slice, + GUID_KEY = Ember.GUID_KEY, + guidFor = Ember.guidFor, + generateGuid = Ember.generateGuid, + meta = Ember.meta, + rewatch = Ember.rewatch, + finishChains = Ember.finishChains, + destroy = Ember.destroy, + schedule = Ember.run.schedule, + Mixin = Ember.Mixin, + applyMixin = Mixin._apply, + finishPartial = Mixin.finishPartial, + reopen = Mixin.prototype.reopen, + classToString = Mixin.prototype.toString; + +var undefinedDescriptor = { + configurable: true, + writable: true, + enumerable: false, + value: undefined +}; + +function makeCtor() { + + // Note: avoid accessing any properties on the object since it makes the + // method a lot faster. This is glue code so we want it to be as fast as + // possible. + + var wasApplied = false, initMixins; + + var Class = function() { + if (!wasApplied) { + Class.proto(); // prepare prototype... + } + o_defineProperty(this, GUID_KEY, undefinedDescriptor); + o_defineProperty(this, '_super', undefinedDescriptor); + var m = meta(this); + m.proto = this; + if (initMixins) { + this.reopen.apply(this, initMixins); + initMixins = null; + } + finishPartial(this, m); + delete m.proto; + finishChains(this); + this.init.apply(this, arguments); + }; + + Class.toString = classToString; + Class.willReopen = function() { + if (wasApplied) { + Class.PrototypeMixin = Mixin.create(Class.PrototypeMixin); + } + + wasApplied = false; + }; + Class._initMixins = function(args) { initMixins = args; }; + + Class.proto = function() { + var superclass = Class.superclass; + if (superclass) { superclass.proto(); } + + if (!wasApplied) { + wasApplied = true; + Class.PrototypeMixin.applyPartial(Class.prototype); + rewatch(Class.prototype); + } + + return this.prototype; + }; + + return Class; + +} + +var CoreObject = makeCtor(); + +CoreObject.PrototypeMixin = Mixin.create({ + + reopen: function() { + applyMixin(this, arguments, true); + return this; + }, + + isInstance: true, + + init: function() {}, + + /** + @property isDestroyed + @default false + */ + isDestroyed: false, + + /** + @property isDestroying + @default false + */ + isDestroying: false, + + /** + Destroys an object by setting the isDestroyed flag and removing its + metadata, which effectively destroys observers and bindings. + + If you try to set a property on a destroyed object, an exception will be + raised. + + Note that destruction is scheduled for the end of the run loop and does not + happen immediately. + + @method destroy + @return {Ember.Object} receiver + */ + destroy: function() { + if (this.isDestroying) { return; } + + this.isDestroying = true; + + if (this.willDestroy) { this.willDestroy(); } + + set(this, 'isDestroyed', true); + schedule('destroy', this, this._scheduledDestroy); + return this; + }, + + /** + @private + + Invoked by the run loop to actually destroy the object. This is + scheduled for execution by the `destroy` method. + + @method _scheduledDestroy + */ + _scheduledDestroy: function() { + destroy(this); + if (this.didDestroy) { this.didDestroy(); } + }, + + bind: function(to, from) { + if (!(from instanceof Ember.Binding)) { from = Ember.Binding.from(from); } + from.to(to).connect(this); + return from; + }, + + toString: function() { + return '<'+this.constructor.toString()+':'+guidFor(this)+'>'; + } +}); + +if (Ember.config.overridePrototypeMixin) { + Ember.config.overridePrototypeMixin(CoreObject.PrototypeMixin); +} + +CoreObject.__super__ = null; + +var ClassMixin = Mixin.create({ + + ClassMixin: Ember.required(), + + PrototypeMixin: Ember.required(), + + isClass: true, + + isMethod: false, + + extend: function() { + var Class = makeCtor(), proto; + Class.ClassMixin = Mixin.create(this.ClassMixin); + Class.PrototypeMixin = Mixin.create(this.PrototypeMixin); + + Class.ClassMixin.ownerConstructor = Class; + Class.PrototypeMixin.ownerConstructor = Class; + + reopen.apply(Class.PrototypeMixin, arguments); + + Class.superclass = this; + Class.__super__ = this.prototype; + + proto = Class.prototype = o_create(this.prototype); + proto.constructor = Class; + generateGuid(proto, 'ember'); + meta(proto).proto = proto; // this will disable observers on prototype + + Class.ClassMixin.apply(Class); + return Class; + }, + + create: function() { + var C = this; + if (arguments.length>0) { this._initMixins(arguments); } + return new C(); + }, + + reopen: function() { + this.willReopen(); + reopen.apply(this.PrototypeMixin, arguments); + return this; + }, + + reopenClass: function() { + reopen.apply(this.ClassMixin, arguments); + applyMixin(this, arguments, false); + return this; + }, + + detect: function(obj) { + if ('function' !== typeof obj) { return false; } + while(obj) { + if (obj===this) { return true; } + obj = obj.superclass; + } + return false; + }, + + detectInstance: function(obj) { + return obj instanceof this; + }, + + /** + In some cases, you may want to annotate computed properties with additional + metadata about how they function or what values they operate on. For example, + computed property functions may close over variables that are then no longer + available for introspection. + + You can pass a hash of these values to a computed property like this: + + person: function() { + var personId = this.get('personId'); + return App.Person.create({ id: personId }); + }.property().meta({ type: App.Person }) + + Once you've done this, you can retrieve the values saved to the computed + property from your class like this: + + MyClass.metaForProperty('person'); + + This will return the original hash that was passed to `meta()`. + + @method metaForProperty + @param key {String} property name + */ + metaForProperty: function(key) { + var desc = meta(this.proto(), false).descs[key]; + + return desc._meta || {}; + }, + + /** + Iterate over each computed property for the class, passing its name + and any associated metadata (see `metaForProperty`) to the callback. + + @method eachComputedProperty + @param {Function} callback + @param {Object} binding + */ + eachComputedProperty: function(callback, binding) { + var proto = this.proto(), + descs = meta(proto).descs, + empty = {}, + property; + + for (var name in descs) { + property = descs[name]; + + if (property instanceof Ember.ComputedProperty) { + callback.call(binding || this, name, property._meta || empty); + } + } + } + +}); + +if (Ember.config.overrideClassMixin) { + Ember.config.overrideClassMixin(ClassMixin); +} + +CoreObject.ClassMixin = ClassMixin; +ClassMixin.apply(CoreObject); + +/** + @class CoreObject + @namespace Ember +*/ +Ember.CoreObject = CoreObject; + + + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set, guidFor = Ember.guidFor, none = Ember.none; + +/** + An unordered collection of objects. + + A Set works a bit like an array except that its items are not ordered. + You can create a set to efficiently test for membership for an object. You + can also iterate through a set just like an array, even accessing objects + by index, however there is no guarantee as to their order. + + All Sets are observable via the Enumerable Observer API - which works + on any enumerable object including both Sets and Arrays. + + ## Creating a Set + + You can create a set like you would most objects using + `new Ember.Set()`. Most new sets you create will be empty, but you can + also initialize the set with some content by passing an array or other + enumerable of objects to the constructor. + + Finally, you can pass in an existing set and the set will be copied. You + can also create a copy of a set by calling `Ember.Set#copy()`. + + #js + // creates a new empty set + var foundNames = new Ember.Set(); + + // creates a set with four names in it. + var names = new Ember.Set(["Charles", "Tom", "Juan", "Alex"]); // :P + + // creates a copy of the names set. + var namesCopy = new Ember.Set(names); + + // same as above. + var anotherNamesCopy = names.copy(); + + ## Adding/Removing Objects + + You generally add or remove objects from a set using `add()` or + `remove()`. You can add any type of object including primitives such as + numbers, strings, and booleans. + + Unlike arrays, objects can only exist one time in a set. If you call `add()` + on a set with the same object multiple times, the object will only be added + once. Likewise, calling `remove()` with the same object multiple times will + remove the object the first time and have no effect on future calls until + you add the object to the set again. + + NOTE: You cannot add/remove null or undefined to a set. Any attempt to do so + will be ignored. + + In addition to add/remove you can also call `push()`/`pop()`. Push behaves + just like `add()` but `pop()`, unlike `remove()` will pick an arbitrary + object, remove it and return it. This is a good way to use a set as a job + queue when you don't care which order the jobs are executed in. + + ## Testing for an Object + + To test for an object's presence in a set you simply call + `Ember.Set#contains()`. + + ## Observing changes + + When using `Ember.Set`, you can observe the `"[]"` property to be + alerted whenever the content changes. You can also add an enumerable + observer to the set to be notified of specific objects that are added and + removed from the set. See `Ember.Enumerable` for more information on + enumerables. + + This is often unhelpful. If you are filtering sets of objects, for instance, + it is very inefficient to re-filter all of the items each time the set + changes. It would be better if you could just adjust the filtered set based + on what was changed on the original set. The same issue applies to merging + sets, as well. + + ## Other Methods + + `Ember.Set` primary implements other mixin APIs. For a complete reference + on the methods you will use with `Ember.Set`, please consult these mixins. + The most useful ones will be `Ember.Enumerable` and + `Ember.MutableEnumerable` which implement most of the common iterator + methods you are used to on Array. + + Note that you can also use the `Ember.Copyable` and `Ember.Freezable` + APIs on `Ember.Set` as well. Once a set is frozen it can no longer be + modified. The benefit of this is that when you call frozenCopy() on it, + Ember will avoid making copies of the set. This allows you to write + code that can know with certainty when the underlying set data will or + will not be modified. + + @class Set + @namespace Ember + @extends Ember.CoreObject + @uses Ember.MutableEnumerable + @uses Ember.Copyable + @uses Ember.Freezable + @since Ember 0.9 +*/ +Ember.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Ember.Freezable, + /** @scope Ember.Set.prototype */ { + + // .......................................................... + // IMPLEMENT ENUMERABLE APIS + // + + /** + This property will change as the number of objects in the set changes. + + @property length + @type number + @default 0 + */ + length: 0, + + /** + Clears the set. This is useful if you want to reuse an existing set + without having to recreate it. + + var colors = new Ember.Set(["red", "green", "blue"]); + colors.length; => 3 + colors.clear(); + colors.length; => 0 + + @method clear + @return {Ember.Set} An empty Set + */ + clear: function() { + if (this.isFrozen) { throw new Error(Ember.FROZEN_ERROR); } + + var len = get(this, 'length'); + if (len === 0) { return this; } + + var guid; + + this.enumerableContentWillChange(len, 0); + Ember.propertyWillChange(this, 'firstObject'); + Ember.propertyWillChange(this, 'lastObject'); + + for (var i=0; i < len; i++){ + guid = guidFor(this[i]); + delete this[guid]; + delete this[i]; + } + + set(this, 'length', 0); + + Ember.propertyDidChange(this, 'firstObject'); + Ember.propertyDidChange(this, 'lastObject'); + this.enumerableContentDidChange(len, 0); + + return this; + }, + + /** + Returns true if the passed object is also an enumerable that contains the + same objects as the receiver. + + var colors = ["red", "green", "blue"], + same_colors = new Ember.Set(colors); + same_colors.isEqual(colors); => true + same_colors.isEqual(["purple", "brown"]); => false + + @method isEqual + @param {Ember.Set} obj the other object. + @return {Boolean} + */ + isEqual: function(obj) { + // fail fast + if (!Ember.Enumerable.detect(obj)) return false; + + var loc = get(this, 'length'); + if (get(obj, 'length') !== loc) return false; + + while(--loc >= 0) { + if (!obj.contains(this[loc])) return false; + } + + return true; + }, + + /** + Adds an object to the set. Only non-null objects can be added to a set + and those can only be added once. If the object is already in the set or + the passed value is null this method will have no effect. + + This is an alias for `Ember.MutableEnumerable.addObject()`. + + var colors = new Ember.Set(); + colors.add("blue"); => ["blue"] + colors.add("blue"); => ["blue"] + colors.add("red"); => ["blue", "red"] + colors.add(null); => ["blue", "red"] + colors.add(undefined); => ["blue", "red"] + + @method add + @param {Object} obj The object to add. + @return {Ember.Set} The set itself. + */ + add: Ember.alias('addObject'), + + /** + Removes the object from the set if it is found. If you pass a null value + or an object that is already not in the set, this method will have no + effect. This is an alias for `Ember.MutableEnumerable.removeObject()`. + + var colors = new Ember.Set(["red", "green", "blue"]); + colors.remove("red"); => ["blue", "green"] + colors.remove("purple"); => ["blue", "green"] + colors.remove(null); => ["blue", "green"] + + @method remove + @param {Object} obj The object to remove + @return {Ember.Set} The set itself. + */ + remove: Ember.alias('removeObject'), + + /** + Removes the last element from the set and returns it, or null if it's empty. + + var colors = new Ember.Set(["green", "blue"]); + colors.pop(); => "blue" + colors.pop(); => "green" + colors.pop(); => null + + @method pop + @return {Object} The removed object from the set or null. + */ + pop: function() { + if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR); + var obj = this.length > 0 ? this[this.length-1] : null; + this.remove(obj); + return obj; + }, + + /** + Inserts the given object on to the end of the set. It returns + the set itself. + + This is an alias for `Ember.MutableEnumerable.addObject()`. + + var colors = new Ember.Set(); + colors.push("red"); => ["red"] + colors.push("green"); => ["red", "green"] + colors.push("blue"); => ["red", "green", "blue"] + + @method push + @return {Ember.Set} The set itself. + */ + push: Ember.alias('addObject'), + + /** + Removes the last element from the set and returns it, or null if it's empty. + + This is an alias for `Ember.Set.pop()`. + + var colors = new Ember.Set(["green", "blue"]); + colors.shift(); => "blue" + colors.shift(); => "green" + colors.shift(); => null + + @method shift + @return {Object} The removed object from the set or null. + */ + shift: Ember.alias('pop'), + + /** + Inserts the given object on to the end of the set. It returns + the set itself. + + This is an alias of `Ember.Set.push()` + + var colors = new Ember.Set(); + colors.unshift("red"); => ["red"] + colors.unshift("green"); => ["red", "green"] + colors.unshift("blue"); => ["red", "green", "blue"] + + @method unshift + @return {Ember.Set} The set itself. + */ + unshift: Ember.alias('push'), + + /** + Adds each object in the passed enumerable to the set. + + This is an alias of `Ember.MutableEnumerable.addObjects()` + + var colors = new Ember.Set(); + colors.addEach(["red", "green", "blue"]); => ["red", "green", "blue"] + + @method addEach + @param {Ember.Enumerable} objects the objects to add. + @return {Ember.Set} The set itself. + */ + addEach: Ember.alias('addObjects'), + + /** + Removes each object in the passed enumerable to the set. + + This is an alias of `Ember.MutableEnumerable.removeObjects()` + + var colors = new Ember.Set(["red", "green", "blue"]); + colors.removeEach(["red", "blue"]); => ["green"] + + @method removeEach + @param {Ember.Enumerable} objects the objects to remove. + @return {Ember.Set} The set itself. + */ + removeEach: Ember.alias('removeObjects'), + + // .......................................................... + // PRIVATE ENUMERABLE SUPPORT + // + + init: function(items) { + this._super(); + if (items) this.addObjects(items); + }, + + // implement Ember.Enumerable + nextObject: function(idx) { + return this[idx]; + }, + + // more optimized version + firstObject: Ember.computed(function() { + return this.length > 0 ? this[0] : undefined; + }).property(), + + // more optimized version + lastObject: Ember.computed(function() { + return this.length > 0 ? this[this.length-1] : undefined; + }).property(), + + // implements Ember.MutableEnumerable + addObject: function(obj) { + if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR); + if (none(obj)) return this; // nothing to do + + var guid = guidFor(obj), + idx = this[guid], + len = get(this, 'length'), + added ; + + if (idx>=0 && idx=0 && idx=0; + }, + + copy: function() { + var C = this.constructor, ret = new C(), loc = get(this, 'length'); + set(ret, 'length', loc); + while(--loc>=0) { + ret[loc] = this[loc]; + ret[guidFor(this[loc])] = loc; + } + return ret; + }, + + toString: function() { + var len = this.length, idx, array = []; + for(idx = 0; idx < len; idx++) { + array[idx] = this[idx]; + } + return "Ember.Set<%@>".fmt(array.join(',')); + } + +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + `Ember.Object` is the main base class for all Ember objects. It is a subclass + of `Ember.CoreObject` with the `Ember.Observable` mixin applied. For details, + see the documentation for each of these. + + @class Object + @namespace Ember + @extends Ember.CoreObject + @uses Ember.Observable +*/ +Ember.Object = Ember.CoreObject.extend(Ember.Observable); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var indexOf = Ember.ArrayPolyfills.indexOf; + +/** + A Namespace is an object usually used to contain other objects or methods + such as an application or framework. Create a namespace anytime you want + to define one of these new containers. + + # Example Usage + + MyFramework = Ember.Namespace.create({ + VERSION: '1.0.0' + }); + + @class Namespace + @namespace Ember + @extends Ember.Object +*/ +Ember.Namespace = Ember.Object.extend({ + isNamespace: true, + + init: function() { + Ember.Namespace.NAMESPACES.push(this); + Ember.Namespace.PROCESSED = false; + }, + + toString: function() { + Ember.identifyNamespaces(); + return this[Ember.GUID_KEY+'_name']; + }, + + destroy: function() { + var namespaces = Ember.Namespace.NAMESPACES; + Ember.lookup[this.toString()] = undefined; + namespaces.splice(indexOf.call(namespaces, this), 1); + this._super(); + } +}); + +Ember.Namespace.NAMESPACES = [Ember]; +Ember.Namespace.PROCESSED = false; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + Defines a namespace that will contain an executable application. This is + very similar to a normal namespace except that it is expected to include at + least a 'ready' function which can be run to initialize the application. + + Currently Ember.Application is very similar to Ember.Namespace. However, this + class may be augmented by additional frameworks so it is important to use + this instance when building new applications. + + # Example Usage + + MyApp = Ember.Application.create({ + VERSION: '1.0.0', + store: Ember.Store.create().from(Ember.fixtures) + }); + + MyApp.ready = function() { + //..init code goes here... + } + + @class Application + @namespace Ember + @extends Ember.Namespace +*/ +Ember.Application = Ember.Namespace.extend(); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + +var get = Ember.get, set = Ember.set; + +/** + An ArrayProxy wraps any other object that implements Ember.Array and/or + Ember.MutableArray, forwarding all requests. This makes it very useful for + a number of binding use cases or other cases where being able to swap + out the underlying array is useful. + + A simple example of usage: + + var pets = ['dog', 'cat', 'fish']; + var ap = Ember.ArrayProxy.create({ content: Ember.A(pets) }); + ap.get('firstObject'); // => 'dog' + ap.set('content', ['amoeba', 'paramecium']); + ap.get('firstObject'); // => 'amoeba' + + This class can also be useful as a layer to transform the contents of + an array, as they are accessed. This can be done by overriding + `objectAtContent`: + + var pets = ['dog', 'cat', 'fish']; + var ap = Ember.ArrayProxy.create({ + content: Ember.A(pets), + objectAtContent: function(idx) { + return this.get('content').objectAt(idx).toUpperCase(); + } + }); + ap.get('firstObject'); // => 'DOG' + + + @class ArrayProxy + @namespace Ember + @extends Ember.Object + @uses Ember.MutableArray +*/ +Ember.ArrayProxy = Ember.Object.extend(Ember.MutableArray, +/** @scope Ember.ArrayProxy.prototype */ { + + /** + The content array. Must be an object that implements Ember.Array and/or + Ember.MutableArray. + + @property content + @type Ember.Array + */ + content: null, + + /** + The array that the proxy pretends to be. In the default `ArrayProxy` + implementation, this and `content` are the same. Subclasses of `ArrayProxy` + can override this property to provide things like sorting and filtering. + + @property arrangedContent + */ + arrangedContent: Ember.computed('content', function() { + return get(this, 'content'); + }), + + /** + Should actually retrieve the object at the specified index from the + content. You can override this method in subclasses to transform the + content item to something new. + + This method will only be called if content is non-null. + + @method objectAtContent + @param {Number} idx The index to retrieve. + @return {Object} the value or undefined if none found + */ + objectAtContent: function(idx) { + return get(this, 'arrangedContent').objectAt(idx); + }, + + /** + Should actually replace the specified objects on the content array. + You can override this method in subclasses to transform the content item + into something new. + + This method will only be called if content is non-null. + + @method replaceContent + @param {Number} idx The starting index + @param {Number} amt The number of items to remove from the content. + @param {Array} objects Optional array of objects to insert or null if no objects. + @return {void} + */ + replaceContent: function(idx, amt, objects) { + get(this, 'arrangedContent').replace(idx, amt, objects); + }, + + /** + @private + + Invoked when the content property is about to change. Notifies observers that the + entire array content will change. + + @method _contentWillChange + */ + _contentWillChange: Ember.beforeObserver(function() { + this._teardownContent(); + }, 'content'), + + _teardownContent: function() { + var content = get(this, 'content'); + + if (content) { + content.removeArrayObserver(this, { + willChange: 'contentArrayWillChange', + didChange: 'contentArrayDidChange' + }); + } + }, + + contentArrayWillChange: Ember.K, + contentArrayDidChange: Ember.K, + + /** + @private + + Invoked when the content property changes. Notifies observers that the + entire array content has changed. + + @method _contentDidChange + */ + _contentDidChange: Ember.observer(function() { + var content = get(this, 'content'); + + + this._setupContent(); + }, 'content'), + + _setupContent: function() { + var content = get(this, 'content'); + + if (content) { + content.addArrayObserver(this, { + willChange: 'contentArrayWillChange', + didChange: 'contentArrayDidChange' + }); + } + }, + + _arrangedContentWillChange: Ember.beforeObserver(function() { + var arrangedContent = get(this, 'arrangedContent'), + len = arrangedContent ? get(arrangedContent, 'length') : 0; + + this.arrangedContentArrayWillChange(this, 0, len, undefined); + this.arrangedContentWillChange(this); + + this._teardownArrangedContent(arrangedContent); + }, 'arrangedContent'), + + _arrangedContentDidChange: Ember.observer(function() { + var arrangedContent = get(this, 'arrangedContent'), + len = arrangedContent ? get(arrangedContent, 'length') : 0; + + + this._setupArrangedContent(); + + this.arrangedContentDidChange(this); + this.arrangedContentArrayDidChange(this, 0, undefined, len); + }, 'arrangedContent'), + + _setupArrangedContent: function() { + var arrangedContent = get(this, 'arrangedContent'); + + if (arrangedContent) { + arrangedContent.addArrayObserver(this, { + willChange: 'arrangedContentArrayWillChange', + didChange: 'arrangedContentArrayDidChange' + }); + } + }, + + _teardownArrangedContent: function() { + var arrangedContent = get(this, 'arrangedContent'); + + if (arrangedContent) { + arrangedContent.removeArrayObserver(this, { + willChange: 'arrangedContentArrayWillChange', + didChange: 'arrangedContentArrayDidChange' + }); + } + }, + + arrangedContentWillChange: Ember.K, + arrangedContentDidChange: Ember.K, + + objectAt: function(idx) { + return get(this, 'content') && this.objectAtContent(idx); + }, + + length: Ember.computed(function() { + var arrangedContent = get(this, 'arrangedContent'); + return arrangedContent ? get(arrangedContent, 'length') : 0; + // No dependencies since Enumerable notifies length of change + }).property(), + + replace: function(idx, amt, objects) { + + if (get(this, 'content')) this.replaceContent(idx, amt, objects); + return this; + }, + + arrangedContentArrayWillChange: function(item, idx, removedCnt, addedCnt) { + this.arrayContentWillChange(idx, removedCnt, addedCnt); + }, + + arrangedContentArrayDidChange: function(item, idx, removedCnt, addedCnt) { + this.arrayContentDidChange(idx, removedCnt, addedCnt); + }, + + init: function() { + this._super(); + this._setupContent(); + this._setupArrangedContent(); + }, + + willDestroy: function() { + this._teardownArrangedContent(); + this._teardownContent(); + } +}); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, + set = Ember.set, + fmt = Ember.String.fmt, + addBeforeObserver = Ember.addBeforeObserver, + addObserver = Ember.addObserver, + removeBeforeObserver = Ember.removeBeforeObserver, + removeObserver = Ember.removeObserver, + propertyWillChange = Ember.propertyWillChange, + propertyDidChange = Ember.propertyDidChange; + +function contentPropertyWillChange(content, contentKey) { + var key = contentKey.slice(8); // remove "content." + if (key in this) { return; } // if shadowed in proxy + propertyWillChange(this, key); +} + +function contentPropertyDidChange(content, contentKey) { + var key = contentKey.slice(8); // remove "content." + if (key in this) { return; } // if shadowed in proxy + propertyDidChange(this, key); +} + +/** + `Ember.ObjectProxy` forwards all properties not defined by the proxy itself + to a proxied `content` object. + + object = Ember.Object.create({ + name: 'Foo' + }); + proxy = Ember.ObjectProxy.create({ + content: object + }); + + // Access and change existing properties + proxy.get('name') // => 'Foo' + proxy.set('name', 'Bar'); + object.get('name') // => 'Bar' + + // Create new 'description' property on `object` + proxy.set('description', 'Foo is a whizboo baz'); + object.get('description') // => 'Foo is a whizboo baz' + + While `content` is unset, setting a property to be delegated will throw an Error. + + proxy = Ember.ObjectProxy.create({ + content: null, + flag: null + }); + proxy.set('flag', true); + proxy.get('flag'); // => true + proxy.get('foo'); // => undefined + proxy.set('foo', 'data'); // throws Error + + Delegated properties can be bound to and will change when content is updated. + + Computed properties on the proxy itself can depend on delegated properties. + + ProxyWithComputedProperty = Ember.ObjectProxy.extend({ + fullName: function () { + var firstName = this.get('firstName'), + lastName = this.get('lastName'); + if (firstName && lastName) { + return firstName + ' ' + lastName; + } + return firstName || lastName; + }.property('firstName', 'lastName') + }); + proxy = ProxyWithComputedProperty.create(); + proxy.get('fullName'); => undefined + proxy.set('content', { + firstName: 'Tom', lastName: 'Dale' + }); // triggers property change for fullName on proxy + proxy.get('fullName'); => 'Tom Dale' + + @class ObjectProxy + @namespace Ember + @extends Ember.Object +*/ +Ember.ObjectProxy = Ember.Object.extend( +/** @scope Ember.ObjectProxy.prototype */ { + /** + The object whose properties will be forwarded. + + @property content + @type Ember.Object + @default null + */ + content: null, + _contentDidChange: Ember.observer(function() { + + }, 'content'), + + willWatchProperty: function (key) { + var contentKey = 'content.' + key; + addBeforeObserver(this, contentKey, null, contentPropertyWillChange); + addObserver(this, contentKey, null, contentPropertyDidChange); + }, + + didUnwatchProperty: function (key) { + var contentKey = 'content.' + key; + removeBeforeObserver(this, contentKey, null, contentPropertyWillChange); + removeObserver(this, contentKey, null, contentPropertyDidChange); + }, + + unknownProperty: function (key) { + var content = get(this, 'content'); + if (content) { + return get(content, key); + } + }, + + setUnknownProperty: function (key, value) { + var content = get(this, 'content'); + + return set(content, key, value); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + +var set = Ember.set, get = Ember.get, guidFor = Ember.guidFor; +var forEach = Ember.EnumerableUtils.forEach; + +var EachArray = Ember.Object.extend(Ember.Array, { + + init: function(content, keyName, owner) { + this._super(); + this._keyName = keyName; + this._owner = owner; + this._content = content; + }, + + objectAt: function(idx) { + var item = this._content.objectAt(idx); + return item && get(item, this._keyName); + }, + + length: Ember.computed(function() { + var content = this._content; + return content ? get(content, 'length') : 0; + }).property() + +}); + +var IS_OBSERVER = /^.+:(before|change)$/; + +function addObserverForContentKey(content, keyName, proxy, idx, loc) { + var objects = proxy._objects, guid; + if (!objects) objects = proxy._objects = {}; + + while(--loc>=idx) { + var item = content.objectAt(loc); + if (item) { + Ember.addBeforeObserver(item, keyName, proxy, 'contentKeyWillChange'); + Ember.addObserver(item, keyName, proxy, 'contentKeyDidChange'); + + // keep track of the indicies each item was found at so we can map + // it back when the obj changes. + guid = guidFor(item); + if (!objects[guid]) objects[guid] = []; + objects[guid].push(loc); + } + } +} + +function removeObserverForContentKey(content, keyName, proxy, idx, loc) { + var objects = proxy._objects; + if (!objects) objects = proxy._objects = {}; + var indicies, guid; + + while(--loc>=idx) { + var item = content.objectAt(loc); + if (item) { + Ember.removeBeforeObserver(item, keyName, proxy, 'contentKeyWillChange'); + Ember.removeObserver(item, keyName, proxy, 'contentKeyDidChange'); + + guid = guidFor(item); + indicies = objects[guid]; + indicies[indicies.indexOf(loc)] = null; + } + } +} + +/** + This is the object instance returned when you get the @each property on an + array. It uses the unknownProperty handler to automatically create + EachArray instances for property names. + + @private + @class EachProxy + @namespace Ember + @extends Ember.Object +*/ +Ember.EachProxy = Ember.Object.extend({ + + init: function(content) { + this._super(); + this._content = content; + content.addArrayObserver(this); + + // in case someone is already observing some keys make sure they are + // added + forEach(Ember.watchedEvents(this), function(eventName) { + this.didAddListener(eventName); + }, this); + }, + + /** + You can directly access mapped properties by simply requesting them. + The unknownProperty handler will generate an EachArray of each item. + + @method unknownProperty + @param keyName {String} + @param value {anything} + */ + unknownProperty: function(keyName, value) { + var ret; + ret = new EachArray(this._content, keyName, this); + Ember.defineProperty(this, keyName, null, ret); + this.beginObservingContentKey(keyName); + return ret; + }, + + // .......................................................... + // ARRAY CHANGES + // Invokes whenever the content array itself changes. + + arrayWillChange: function(content, idx, removedCnt, addedCnt) { + var keys = this._keys, key, array, lim; + + lim = removedCnt>0 ? idx+removedCnt : -1; + Ember.beginPropertyChanges(this); + + for(key in keys) { + if (!keys.hasOwnProperty(key)) { continue; } + + if (lim>0) removeObserverForContentKey(content, key, this, idx, lim); + + Ember.propertyWillChange(this, key); + } + + Ember.propertyWillChange(this._content, '@each'); + Ember.endPropertyChanges(this); + }, + + arrayDidChange: function(content, idx, removedCnt, addedCnt) { + var keys = this._keys, key, array, lim; + + lim = addedCnt>0 ? idx+addedCnt : -1; + Ember.beginPropertyChanges(this); + + for(key in keys) { + if (!keys.hasOwnProperty(key)) { continue; } + + if (lim>0) addObserverForContentKey(content, key, this, idx, lim); + + Ember.propertyDidChange(this, key); + } + + Ember.propertyDidChange(this._content, '@each'); + Ember.endPropertyChanges(this); + }, + + // .......................................................... + // LISTEN FOR NEW OBSERVERS AND OTHER EVENT LISTENERS + // Start monitoring keys based on who is listening... + + didAddListener: function(eventName) { + if (IS_OBSERVER.test(eventName)) { + this.beginObservingContentKey(eventName.slice(0, -7)); + } + }, + + didRemoveListener: function(eventName) { + if (IS_OBSERVER.test(eventName)) { + this.stopObservingContentKey(eventName.slice(0, -7)); + } + }, + + // .......................................................... + // CONTENT KEY OBSERVING + // Actual watch keys on the source content. + + beginObservingContentKey: function(keyName) { + var keys = this._keys; + if (!keys) keys = this._keys = {}; + if (!keys[keyName]) { + keys[keyName] = 1; + var content = this._content, + len = get(content, 'length'); + addObserverForContentKey(content, keyName, this, 0, len); + } else { + keys[keyName]++; + } + }, + + stopObservingContentKey: function(keyName) { + var keys = this._keys; + if (keys && (keys[keyName]>0) && (--keys[keyName]<=0)) { + var content = this._content, + len = get(content, 'length'); + removeObserverForContentKey(content, keyName, this, 0, len); + } + }, + + contentKeyWillChange: function(obj, keyName) { + Ember.propertyWillChange(this, keyName); + }, + + contentKeyDidChange: function(obj, keyName) { + Ember.propertyDidChange(this, keyName); + } + +}); + + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + + +var get = Ember.get, set = Ember.set; + +// Add Ember.Array to Array.prototype. Remove methods with native +// implementations and supply some more optimized versions of generic methods +// because they are so common. +var NativeArray = Ember.Mixin.create(Ember.MutableArray, Ember.Observable, Ember.Copyable, { + + // because length is a built-in property we need to know to just get the + // original property. + get: function(key) { + if (key==='length') return this.length; + else if ('number' === typeof key) return this[key]; + else return this._super(key); + }, + + objectAt: function(idx) { + return this[idx]; + }, + + // primitive for array support. + replace: function(idx, amt, objects) { + + if (this.isFrozen) throw Ember.FROZEN_ERROR ; + + // if we replaced exactly the same number of items, then pass only the + // replaced range. Otherwise, pass the full remaining array length + // since everything has shifted + var len = objects ? get(objects, 'length') : 0; + this.arrayContentWillChange(idx, amt, len); + + if (!objects || objects.length === 0) { + this.splice(idx, amt) ; + } else { + var args = [idx, amt].concat(objects) ; + this.splice.apply(this,args) ; + } + + this.arrayContentDidChange(idx, amt, len); + return this ; + }, + + // If you ask for an unknown property, then try to collect the value + // from member items. + unknownProperty: function(key, value) { + var ret;// = this.reducedProperty(key, value) ; + if ((value !== undefined) && ret === undefined) { + ret = this[key] = value; + } + return ret ; + }, + + // If browser did not implement indexOf natively, then override with + // specialized version + indexOf: function(object, startAt) { + var idx, len = this.length; + + if (startAt === undefined) startAt = 0; + else startAt = (startAt < 0) ? Math.ceil(startAt) : Math.floor(startAt); + if (startAt < 0) startAt += len; + + for(idx=startAt;idx=0;idx--) { + if (this[idx] === object) return idx ; + } + return -1; + }, + + copy: function() { + return this.slice(); + } +}); + +// Remove any methods implemented natively so we don't override them +var ignore = ['length']; +Ember.EnumerableUtils.forEach(NativeArray.keys(), function(methodName) { + if (Array.prototype[methodName]) ignore.push(methodName); +}); + +if (ignore.length>0) { + NativeArray = NativeArray.without.apply(NativeArray, ignore); +} + +/** + The NativeArray mixin contains the properties needed to to make the native + Array support Ember.MutableArray and all of its dependent APIs. Unless you + have Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Array set to false, this + will be applied automatically. Otherwise you can apply the mixin at anytime by + calling `Ember.NativeArray.activate`. + + @class NativeArray + @namespace Ember + @extends Ember.Mixin + @uses Ember.MutableArray + @uses Ember.MutableEnumerable + @uses Ember.Copyable + @uses Ember.Freezable +*/ +Ember.NativeArray = NativeArray; + +/** + Creates an Ember.NativeArray from an Array like object. + Does not modify the original object. + + @method A + @for Ember + @return {Ember.NativeArray} +*/ +Ember.A = function(arr){ + if (arr === undefined) { arr = []; } + return Ember.NativeArray.apply(arr); +}; + +/** + Activates the mixin on the Array.prototype if not already applied. Calling + this method more than once is safe. + + @method activate + @for Ember.NativeArray + @static + @return {void} +*/ +Ember.NativeArray.activate = function() { + NativeArray.apply(Array.prototype); + + Ember.A = function(arr) { return arr || []; }; +}; + +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Array) { + Ember.NativeArray.activate(); +} + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set; + +Ember._PromiseChain = Ember.Object.extend({ + promises: null, + failureCallback: Ember.K, + successCallback: Ember.K, + abortCallback: Ember.K, + promiseSuccessCallback: Ember.K, + + runNextPromise: function() { + if (get(this, 'isDestroyed')) { return; } + + var item = get(this, 'promises').shiftObject(); + if (item) { + var promise = get(item, 'promise') || item; + + + var self = this; + + var successCallback = function() { + self.promiseSuccessCallback.call(this, item, arguments); + self.runNextPromise(); + }; + + var failureCallback = get(self, 'failureCallback'); + + promise.then(successCallback, failureCallback); + } else { + this.successCallback(); + } + }, + + start: function() { + this.runNextPromise(); + return this; + }, + + abort: function() { + this.abortCallback(); + this.destroy(); + }, + + init: function() { + set(this, 'promises', Ember.A(get(this, 'promises'))); + this._super(); + } +}); + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var loadHooks = {}; +var loaded = {}; + +/** +@method onLoad +@for Ember +@param name {String} name of hook +@param callback {Function} callback to be called +*/ +Ember.onLoad = function(name, callback) { + var object; + + loadHooks[name] = loadHooks[name] || Ember.A(); + loadHooks[name].pushObject(callback); + + if (object = loaded[name]) { + callback(object); + } +}; + +/** +@method runLoadHooks +@for Ember +@param name {String} name of hook +@param object {Object} object to pass to callbacks +*/ +Ember.runLoadHooks = function(name, object) { + var hooks; + + loaded[name] = object; + + if (hooks = loadHooks[name]) { + loadHooks[name].forEach(function(callback) { + callback(object); + }); + } +}; + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + Ember.ControllerMixin provides a standard interface for all classes + that compose Ember's controller layer: Ember.Controller, Ember.ArrayController, + and Ember.ObjectController. + + Within an Ember.Router-managed application single shared instaces of every + Controller object in your application's namespace will be added to the + application's Ember.Router instance. See `Ember.Application#initialize` + for additional information. + + ## Views + By default a controller instance will be the rendering context + for its associated Ember.View. This connection is made during calls to + `Ember.ControllerMixin#connectOutlet`. + + Within the view's template, the Ember.View instance can be accessed + through the controller with `{{view}}`. + + ## Target Forwarding + By default a controller will target your application's Ember.Router instance. + Calls to `{{action}}` within the template of a controller's view are forwarded + to the router. See `Ember.Handlebars.helpers.action` for additional information. + + @class ControllerMixin + @namespace Ember + @extends Ember.Mixin +*/ +Ember.ControllerMixin = Ember.Mixin.create({ + /** + The object to which events from the view should be sent. + + For example, when a Handlebars template uses the `{{action}}` helper, + it will attempt to send the event to the view's controller's `target`. + + By default, a controller's `target` is set to the router after it is + instantiated by `Ember.Application#initialize`. + + @property target + @default null + */ + target: null, + + store: null +}); + +/** + @class Controller + @namespace Ember + @extends Ember.Object + @uses Ember.ControllerMixin +*/ +Ember.Controller = Ember.Object.extend(Ember.ControllerMixin); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach; + +/** + Ember.SortableMixin provides a standard interface for array proxies + to specify a sort order and maintain this sorting when objects are added, + removed, or updated without changing the implicit order of their underlying + content array: + + songs = [ + {trackNumber: 4, title: 'Ob-La-Di, Ob-La-Da'}, + {trackNumber: 2, title: 'Back in the U.S.S.R.'}, + {trackNumber: 3, title: 'Glass Onion'}, + ]; + + songsController = Ember.ArrayController.create({ + content: songs, + sortProperties: ['trackNumber'] + }); + + songsController.get('firstObject'); // {trackNumber: 2, title: 'Back in the U.S.S.R.'} + + songsController.addObject({trackNumber: 1, title: 'Dear Prudence'}); + songsController.get('firstObject'); // {trackNumber: 1, title: 'Dear Prudence'} + + + @class SortableMixin + @namespace Ember + @extends Ember.Mixin + @uses Ember.MutableEnumerable +*/ +Ember.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, { + sortProperties: null, + sortAscending: true, + + addObject: function(obj) { + var content = get(this, 'content'); + content.pushObject(obj); + }, + + removeObject: function(obj) { + var content = get(this, 'content'); + content.removeObject(obj); + }, + + orderBy: function(item1, item2) { + var result = 0, + sortProperties = get(this, 'sortProperties'), + sortAscending = get(this, 'sortAscending'); + + + forEach(sortProperties, function(propertyName) { + if (result === 0) { + result = Ember.compare(get(item1, propertyName), get(item2, propertyName)); + if ((result !== 0) && !sortAscending) { + result = (-1) * result; + } + } + }); + + return result; + }, + + destroy: function() { + var content = get(this, 'content'), + sortProperties = get(this, 'sortProperties'); + + if (content && sortProperties) { + forEach(content, function(item) { + forEach(sortProperties, function(sortProperty) { + Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange'); + }, this); + }, this); + } + + return this._super(); + }, + + isSorted: Ember.computed('sortProperties', function() { + return !!get(this, 'sortProperties'); + }), + + arrangedContent: Ember.computed('content', 'sortProperties.@each', function(key, value) { + var content = get(this, 'content'), + isSorted = get(this, 'isSorted'), + sortProperties = get(this, 'sortProperties'), + self = this; + + if (content && isSorted) { + content = content.slice(); + content.sort(function(item1, item2) { + return self.orderBy(item1, item2); + }); + forEach(content, function(item) { + forEach(sortProperties, function(sortProperty) { + Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange'); + }, this); + }, this); + return Ember.A(content); + } + + return content; + }), + + _contentWillChange: Ember.beforeObserver(function() { + var content = get(this, 'content'), + sortProperties = get(this, 'sortProperties'); + + if (content && sortProperties) { + forEach(content, function(item) { + forEach(sortProperties, function(sortProperty) { + Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange'); + }, this); + }, this); + } + + this._super(); + }, 'content'), + + sortAscendingWillChange: Ember.beforeObserver(function() { + this._lastSortAscending = get(this, 'sortAscending'); + }, 'sortAscending'), + + sortAscendingDidChange: Ember.observer(function() { + if (get(this, 'sortAscending') !== this._lastSortAscending) { + var arrangedContent = get(this, 'arrangedContent'); + arrangedContent.reverseObjects(); + } + }, 'sortAscending'), + + contentArrayWillChange: function(array, idx, removedCount, addedCount) { + var isSorted = get(this, 'isSorted'); + + if (isSorted) { + var arrangedContent = get(this, 'arrangedContent'); + var removedObjects = array.slice(idx, idx+removedCount); + var sortProperties = get(this, 'sortProperties'); + + forEach(removedObjects, function(item) { + arrangedContent.removeObject(item); + + forEach(sortProperties, function(sortProperty) { + Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange'); + }, this); + }); + } + + return this._super(array, idx, removedCount, addedCount); + }, + + contentArrayDidChange: function(array, idx, removedCount, addedCount) { + var isSorted = get(this, 'isSorted'), + sortProperties = get(this, 'sortProperties'); + + if (isSorted) { + var addedObjects = array.slice(idx, idx+addedCount); + var arrangedContent = get(this, 'arrangedContent'); + + forEach(addedObjects, function(item) { + this.insertItemSorted(item); + + forEach(sortProperties, function(sortProperty) { + Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange'); + }, this); + }, this); + } + + return this._super(array, idx, removedCount, addedCount); + }, + + insertItemSorted: function(item) { + var arrangedContent = get(this, 'arrangedContent'); + var length = get(arrangedContent, 'length'); + + var idx = this._binarySearch(item, 0, length); + arrangedContent.insertAt(idx, item); + }, + + contentItemSortPropertyDidChange: function(item) { + var arrangedContent = get(this, 'arrangedContent'), + oldIndex = arrangedContent.indexOf(item), + leftItem = arrangedContent.objectAt(oldIndex - 1), + rightItem = arrangedContent.objectAt(oldIndex + 1), + leftResult = leftItem && this.orderBy(item, leftItem), + rightResult = rightItem && this.orderBy(item, rightItem); + + if (leftResult < 0 || rightResult > 0) { + arrangedContent.removeObject(item); + this.insertItemSorted(item); + } + }, + + _binarySearch: function(item, low, high) { + var mid, midItem, res, arrangedContent; + + if (low === high) { + return low; + } + + arrangedContent = get(this, 'arrangedContent'); + + mid = low + Math.floor((high - low) / 2); + midItem = arrangedContent.objectAt(mid); + + res = this.orderBy(midItem, item); + + if (res < 0) { + return this._binarySearch(item, mid+1, high); + } else if (res > 0) { + return this._binarySearch(item, low, mid); + } + + return mid; + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +var get = Ember.get, set = Ember.set; + +/** + Ember.ArrayController provides a way for you to publish a collection of objects + so that you can easily bind to the collection from a Handlebars #each helper, + an Ember.CollectionView, or other controllers. + + The advantage of using an ArrayController is that you only have to set up + your view bindings once; to change what's displayed, simply swap out the + `content` property on the controller. + + For example, imagine you wanted to display a list of items fetched via an XHR + request. Create an Ember.ArrayController and set its `content` property: + + ``` javascript + MyApp.listController = Ember.ArrayController.create(); + + $.get('people.json', function(data) { + MyApp.listController.set('content', data); + }); + ``` + + Then, create a view that binds to your new controller: + + ``` handlebars + {{#each MyApp.listController}} + {{firstName}} {{lastName}} + {{/each}} + ``` + + Although you are binding to the controller, the behavior of this controller + is to pass through any methods or properties to the underlying array. This + capability comes from `Ember.ArrayProxy`, which this class inherits from. + + Note: As of this writing, `ArrayController` does not add any functionality + to its superclass, `ArrayProxy`. The Ember team plans to add additional + controller-specific functionality in the future, e.g. single or multiple + selection support. If you are creating something that is conceptually a + controller, use this class. + + @class ArrayController + @namespace Ember + @extends Ember.ArrayProxy + @uses Ember.SortableMixin + @uses Ember.ControllerMixin +*/ + +Ember.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin, + Ember.SortableMixin); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-runtime +*/ + +/** + Ember.ObjectController is part of Ember's Controller layer. A single + shared instance of each Ember.ObjectController subclass in your application's + namespace will be created at application initialization and be stored on your + application's Ember.Router instance. + + Ember.ObjectController derives its functionality from its superclass + Ember.ObjectProxy and the Ember.ControllerMixin mixin. + + @class ObjectController + @namespace Ember + @extends Ember.ObjectProxy + @uses Ember.ControllerMixin +**/ +Ember.ObjectController = Ember.ObjectProxy.extend(Ember.ControllerMixin); + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +Ember Runtime + +@module ember +@submodule ember-runtime +@requires ember-metal +*/ + +})(); + +(function() { +function visit(vertex, fn, visited, path) { + var name = vertex.name, + vertices = vertex.incoming, + names = vertex.incomingNames, + len = names.length, + i; + if (!visited) { + visited = {}; + } + if (!path) { + path = []; + } + if (visited.hasOwnProperty(name)) { + return; + } + path.push(name); + visited[name] = true; + for (i = 0; i < len; i++) { + visit(vertices[names[i]], fn, visited, path); + } + fn(vertex, path); + path.pop(); +} + +function DAG() { + this.names = []; + this.vertices = {}; +} + +DAG.prototype.add = function(name) { + if (!name) { return; } + if (this.vertices.hasOwnProperty(name)) { + return this.vertices[name]; + } + var vertex = { + name: name, incoming: {}, incomingNames: [], hasOutgoing: false, value: null + }; + this.vertices[name] = vertex; + this.names.push(name); + return vertex; +}; + +DAG.prototype.map = function(name, value) { + this.add(name).value = value; +}; + +DAG.prototype.addEdge = function(fromName, toName) { + if (!fromName || !toName || fromName === toName) { + return; + } + var from = this.add(fromName), to = this.add(toName); + if (to.incoming.hasOwnProperty(fromName)) { + return; + } + function checkCycle(vertex, path) { + if (vertex.name === toName) { + throw new Error("cycle detected: " + toName + " <- " + path.join(" <- ")); + } + } + visit(from, checkCycle); + from.hasOutgoing = true; + to.incoming[fromName] = from; + to.incomingNames.push(fromName); +}; + +DAG.prototype.topsort = function(fn) { + var visited = {}, + vertices = this.vertices, + names = this.names, + len = names.length, + i, vertex; + for (i = 0; i < len; i++) { + vertex = vertices[names[i]]; + if (!vertex.hasOutgoing) { + visit(vertex, fn, visited); + } + } +}; + +DAG.prototype.addEdges = function(name, value, before, after) { + var i; + this.map(name, value); + if (before) { + if (typeof before === 'string') { + this.addEdge(name, before); + } else { + for (i = 0; i < before.length; i++) { + this.addEdge(name, before[i]); + } + } + } + if (after) { + if (typeof after === 'string') { + this.addEdge(after, name); + } else { + for (i = 0; i < after.length; i++) { + this.addEdge(after[i], name); + } + } + } +}; + +Ember.DAG = DAG; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-application +*/ + +var get = Ember.get, set = Ember.set; + +/** + An instance of `Ember.Application` is the starting point for every Ember.js + application. It helps to instantiate, initialize and coordinate the many + objects that make up your app. + + Each Ember.js app has one and only one `Ember.Application` object. In fact, the very + first thing you should do in your application is create the instance: + + ```javascript + window.App = Ember.Application.create(); + ``` + + Typically, the application object is the only global variable. All other + classes in your app should be properties on the `Ember.Application` instance, + which highlights its first role: a global namespace. + + For example, if you define a view class, it might look like this: + + ```javascript + App.MyView = Ember.View.extend(); + ``` + + After all of your classes are defined, call `App.initialize()` to start the + application. + + Because `Ember.Application` inherits from `Ember.Namespace`, any classes + you create will have useful string representations when calling `toString()`; + see the `Ember.Namespace` documentation for more information. + + While you can think of your `Ember.Application` as a container that holds the + other classes in your application, there are several other responsibilities + going on under-the-hood that you may want to understand. + + ### Event Delegation + + Ember.js uses a technique called _event delegation_. This allows the framework + to set up a global, shared event listener instead of requiring each view to do + it manually. For example, instead of each view registering its own `mousedown` + listener on its associated element, Ember.js sets up a `mousedown` listener on + the `body`. + + If a `mousedown` event occurs, Ember.js will look at the target of the event and + start walking up the DOM node tree, finding corresponding views and invoking their + `mouseDown` method as it goes. + + `Ember.Application` has a number of default events that it listens for, as well + as a mapping from lowercase events to camel-cased view method names. For + example, the `keypress` event causes the `keyPress` method on the view to be + called, the `dblclick` event causes `doubleClick` to be called, and so on. + + If there is a browser event that Ember.js does not listen for by default, you + can specify custom events and their corresponding view method names by setting + the application's `customEvents` property: + + ```javascript + App = Ember.Application.create({ + customEvents: { + // add support for the loadedmetadata media + // player event + 'loadedmetadata': "loadedMetadata" + } + }); + ``` + + By default, the application sets up these event listeners on the document body. + However, in cases where you are embedding an Ember.js application inside an + existing page, you may want it to set up the listeners on an element inside + the body. + + For example, if only events inside a DOM element with the ID of `ember-app` should + be delegated, set your application's `rootElement` property: + + ```javascript + window.App = Ember.Application.create({ + rootElement: '#ember-app' + }); + ``` + + The `rootElement` can be either a DOM element or a jQuery-compatible selector + string. Note that *views appended to the DOM outside the root element will not + receive events.* If you specify a custom root element, make sure you only append + views inside it! + + To learn more about the advantages of event delegation and the Ember.js view layer, + and a list of the event listeners that are setup by default, visit the + [Ember.js View Layer guide](http://emberjs.com/guides/view_layer#toc_event-delegation). + + ### Dependency Injection + + One thing you may have noticed while using Ember.js is that you define *classes*, not + *instances*. When your application loads, all of the instances are created for you. + Creating these instances is the responsibility of `Ember.Application`. + + When the `Ember.Application` initializes, it will look for an `Ember.Router` class + defined on the applications's `Router` property, like this: + + ```javascript + App.Router = Ember.Router.extend({ + // ... + }); + ``` + + If found, the router is instantiated and saved on the application's `router` + property (note the lowercase 'r'). While you should *not* reference this router + instance directly from your application code, having access to `App.router` + from the console can be useful during debugging. + + After the router is created, the application loops through all of the + registered _injections_ and invokes them once for each property on the + `Ember.Application` object. + + An injection is a function that is responsible for instantiating objects from + classes defined on the application. By default, the only injection registered + instantiates controllers and makes them available on the router. + + For example, if you define a controller class: + + ```javascript + App.MyController = Ember.Controller.extend({ + // ... + }); + ``` + + Your router will receive an instance of `App.MyController` saved on its + `myController` property. + + Libraries on top of Ember.js can register additional injections. For example, + if your application is using Ember Data, it registers an injection that + instantiates `DS.Store`: + + ```javascript + Ember.Application.registerInjection({ + name: 'store', + before: 'controllers', + + injection: function(app, router, property) { + if (property === 'Store') { + set(router, 'store', app[property].create()); + } + } + }); + ``` + + ### Routing + + In addition to creating your application's router, `Ember.Application` is also + responsible for telling the router when to start routing. + + By default, the router will begin trying to translate the current URL into + application state once the browser emits the `DOMContentReady` event. If you + need to defer routing, you can call the application's `deferReadiness()` method. + Once routing can begin, call the `advanceReadiness()` method. + + If there is any setup required before routing begins, you can implement a `ready()` + method on your app that will be invoked immediately before routing begins: + + ```javascript + window.App = Ember.Application.create({ + ready: function() { + this.set('router.enableLogging', true); + } + }); + + To begin routing, you must have at a minimum a top-level controller and view. + You define these as `App.ApplicationController` and `App.ApplicationView`, + respectively. Your application will not work if you do not define these two + mandatory classes. For example: + + ```javascript + App.ApplicationView = Ember.View.extend({ + templateName: 'application' + }); + App.ApplicationController = Ember.Controller.extend(); + ``` + + @class Application + @namespace Ember + @extends Ember.Namespace +*/ +Ember.Application = Ember.Namespace.extend( +/** @scope Ember.Application.prototype */{ + + /** + The root DOM element of the Application. This can be specified as an + element or a + [jQuery-compatible selector string](http://api.jquery.com/category/selectors/). + + This is the element that will be passed to the Application's, + `eventDispatcher`, which sets up the listeners for event delegation. Every + view in your application should be a child of the element you specify here. + + @property rootElement + @type DOMElement + @default 'body' + */ + rootElement: 'body', + + /** + The `Ember.EventDispatcher` responsible for delegating events to this + application's views. + + The event dispatcher is created by the application at initialization time + and sets up event listeners on the DOM element described by the + application's `rootElement` property. + + See the documentation for `Ember.EventDispatcher` for more information. + + @property eventDispatcher + @type Ember.EventDispatcher + @default null + */ + eventDispatcher: null, + + /** + The DOM events for which the event dispatcher should listen. + + By default, the application's `Ember.EventDispatcher` listens + for a set of standard DOM events, such as `mousedown` and + `keyup`, and delegates them to your application's `Ember.View` + instances. + + If you would like additional events to be delegated to your + views, set your `Ember.Application`'s `customEvents` property + to a hash containing the DOM event name as the key and the + corresponding view method name as the value. For example: + + App = Ember.Application.create({ + customEvents: { + // add support for the loadedmetadata media + // player event + 'loadedmetadata': "loadedMetadata" + } + }); + + @property customEvents + @type Object + @default null + */ + customEvents: null, + + autoinit: !Ember.testing, + + isInitialized: false, + + init: function() { + if (!this.$) { this.$ = Ember.$; } + + this._super(); + + this.createEventDispatcher(); + + // Start off the number of deferrals at 1. This will be + // decremented by the Application's own `initialize` method. + this._readinessDeferrals = 1; + + this.waitForDOMContentLoaded(); + + if (this.autoinit) { + var self = this; + this.$().ready(function() { + if (self.isDestroyed || self.isInitialized) return; + self.initialize(); + }); + } + }, + + /** @private */ + createEventDispatcher: function() { + var rootElement = get(this, 'rootElement'), + eventDispatcher = Ember.EventDispatcher.create({ + rootElement: rootElement + }); + + set(this, 'eventDispatcher', eventDispatcher); + }, + + waitForDOMContentLoaded: function() { + this.deferReadiness(); + + var self = this; + this.$().ready(function() { + self.advanceReadiness(); + }); + }, + + deferReadiness: function() { + + this._readinessDeferrals++; + }, + + advanceReadiness: function() { + this._readinessDeferrals--; + + if (this._readinessDeferrals === 0) { + Ember.run.once(this, this.didBecomeReady); + } + }, + + /** + Instantiate all controllers currently available on the namespace + and inject them onto a router. + + Example: + + App.PostsController = Ember.ArrayController.extend(); + App.CommentsController = Ember.ArrayController.extend(); + + var router = Ember.Router.create({ + ... + }); + + App.initialize(router); + + router.get('postsController') // + router.get('commentsController') // + + @method initialize + @param router {Ember.Router} + */ + initialize: function(router) { + + + + router = this.setupRouter(router); + + this.runInjections(router); + + Ember.runLoadHooks('application', this); + + this.isInitialized = true; + + // At this point, any injections or load hooks that would have wanted + // to defer readiness have fired. + this.advanceReadiness(); + + return this; + }, + + /** @private */ + runInjections: function(router) { + var injections = get(this.constructor, 'injections'), + graph = new Ember.DAG(), + namespace = this, + properties, i, injection; + + for (i=0; i'; + } + + var childBuffers = this.childBuffers; + + Ember.ArrayPolyfills.forEach.call(childBuffers, function(buffer) { + var stringy = typeof buffer === 'string'; + content += (stringy ? buffer : buffer.string()); + }); + + if (tag) { + return openTag + content + ""; + } else { + return content; + } + }, + + _escapeAttribute: function(value) { + // Stolen shamelessly from Handlebars + + var escape = { + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }; + + var badChars = /&(?!\w+;)|[<>"'`]/g; + var possible = /[&<>"'`]/; + + var escapeChar = function(chr) { + return escape[chr] || "&"; + }; + + var string = value.toString(); + + if(!possible.test(string)) { return string; } + return string.replace(badChars, escapeChar); + } + +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; + +/** + Ember.EventDispatcher handles delegating browser events to their corresponding + Ember.Views. For example, when you click on a view, Ember.EventDispatcher ensures + that that view's `mouseDown` method gets called. + + @class EventDispatcher + @namespace Ember + @private + @extends Ember.Object +*/ +Ember.EventDispatcher = Ember.Object.extend( +/** @scope Ember.EventDispatcher.prototype */{ + + /** + @private + + The root DOM element to which event listeners should be attached. Event + listeners will be attached to the document unless this is overridden. + + Can be specified as a DOMElement or a selector string. + + The default body is a string since this may be evaluated before document.body + exists in the DOM. + + @property rootElement + @type DOMElement + @default 'body' + */ + rootElement: 'body', + + /** + @private + + Sets up event listeners for standard browser events. + + This will be called after the browser sends a DOMContentReady event. By + default, it will set up all of the listeners on the document body. If you + would like to register the listeners on a different element, set the event + dispatcher's `root` property. + + @method setup + @param addedEvents {Hash} + */ + setup: function(addedEvents) { + var event, events = { + touchstart : 'touchStart', + touchmove : 'touchMove', + touchend : 'touchEnd', + touchcancel : 'touchCancel', + keydown : 'keyDown', + keyup : 'keyUp', + keypress : 'keyPress', + mousedown : 'mouseDown', + mouseup : 'mouseUp', + contextmenu : 'contextMenu', + click : 'click', + dblclick : 'doubleClick', + mousemove : 'mouseMove', + focusin : 'focusIn', + focusout : 'focusOut', + mouseenter : 'mouseEnter', + mouseleave : 'mouseLeave', + submit : 'submit', + input : 'input', + change : 'change', + dragstart : 'dragStart', + drag : 'drag', + dragenter : 'dragEnter', + dragleave : 'dragLeave', + dragover : 'dragOver', + drop : 'drop', + dragend : 'dragEnd' + }; + + Ember.$.extend(events, addedEvents || {}); + + var rootElement = Ember.$(get(this, 'rootElement')); + + + + + rootElement.addClass('ember-application'); + + + for (event in events) { + if (events.hasOwnProperty(event)) { + this.setupHandler(rootElement, event, events[event]); + } + } + }, + + /** + @private + + Registers an event listener on the document. If the given event is + triggered, the provided event handler will be triggered on the target + view. + + If the target view does not implement the event handler, or if the handler + returns false, the parent view will be called. The event will continue to + bubble to each successive parent view until it reaches the top. + + For example, to have the `mouseDown` method called on the target view when + a `mousedown` event is received from the browser, do the following: + + setupHandler('mousedown', 'mouseDown'); + + @method setupHandler + @param {Element} rootElement + @param {String} event the browser-originated event to listen to + @param {String} eventName the name of the method to call on the view + */ + setupHandler: function(rootElement, event, eventName) { + var self = this; + + rootElement.delegate('.ember-view', event + '.ember', function(evt, triggeringManager) { + return Ember.handleErrors(function() { + var view = Ember.View.views[this.id], + result = true, manager = null; + + manager = self._findNearestEventManager(view,eventName); + + if (manager && manager !== triggeringManager) { + result = self._dispatchEvent(manager, evt, eventName, view); + } else if (view) { + result = self._bubbleEvent(view,evt,eventName); + } else { + evt.stopPropagation(); + } + + return result; + }, this); + }); + + rootElement.delegate('[data-ember-action]', event + '.ember', function(evt) { + return Ember.handleErrors(function() { + var actionId = Ember.$(evt.currentTarget).attr('data-ember-action'), + action = Ember.Handlebars.ActionHelper.registeredActions[actionId], + handler = action.handler; + + if (action.eventName === eventName) { + return handler(evt); + } + }, this); + }); + }, + + _findNearestEventManager: function(view, eventName) { + var manager = null; + + while (view) { + manager = get(view, 'eventManager'); + if (manager && manager[eventName]) { break; } + + view = get(view, 'parentView'); + } + + return manager; + }, + + _dispatchEvent: function(object, evt, eventName, view) { + var result = true; + + var handler = object[eventName]; + if (Ember.typeOf(handler) === 'function') { + result = handler.call(object, evt, view); + // Do not preventDefault in eventManagers. + evt.stopPropagation(); + } + else { + result = this._bubbleEvent(view, evt, eventName); + } + + return result; + }, + + _bubbleEvent: function(view, evt, eventName) { + return Ember.run(function() { + return view.handleEvent(eventName, evt); + }); + }, + + destroy: function() { + var rootElement = get(this, 'rootElement'); + Ember.$(rootElement).undelegate('.ember').removeClass('ember-application'); + return this._super(); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +// Add a new named queue for rendering views that happens +// after bindings have synced. +var queues = Ember.run.queues; +queues.splice(Ember.$.inArray('actions', queues)+1, 0, 'render'); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set; + +// Original class declaration and documentation in runtime/lib/controllers/controller.js +// NOTE: It may be possible with YUIDoc to combine docs in two locations + +/** +Additional methods for the ControllerMixin + +@class ControllerMixin +@namespace Ember +*/ +Ember.ControllerMixin.reopen({ + + target: null, + controllers: null, + namespace: null, + view: null, + + /** + `connectOutlet` creates a new instance of a provided view + class, wires it up to its associated controller, and + assigns the new view to a property on the current controller. + + The purpose of this method is to enable views that use + outlets to quickly assign new views for a given outlet. + + For example, an application view's template may look like + this: + + ``` handlebars +

My Blog

+ {{outlet}} + ``` + + The view for this outlet is specified by assigning a + `view` property to the application's controller. The + following code will assign a new `App.PostsView` to + that outlet: + + ``` javascript + applicationController.connectOutlet('posts'); + ``` + + In general, you will also want to assign a controller + to the newly created view. By convention, a controller + named `postsController` will be assigned as the view's + controller. + + In an application initialized using `app.initialize(router)`, + `connectOutlet` will look for `postsController` on the + router. The initialization process will automatically + create an instance of `App.PostsController` called + `postsController`, so you don't need to do anything + beyond `connectOutlet` to assign your view and wire it + up to its associated controller. + + You can supply a `content` for the controller by supplying + a final argument after the view class: + + ``` javascript + applicationController.connectOutlet('posts', App.Post.find()); + ``` + + You can specify a particular outlet to use. For example, if your main + template looks like: + + ``` handlebars +

My Blog

+ {{outlet masterView}} + {{outlet detailView}} + ``` + + You can assign an `App.PostsView` to the masterView outlet: + + ``` javascript + applicationController.connectOutlet({ + outletName: 'masterView', + name: 'posts', + context: App.Post.find() + }); + ``` + + You can write this as: + + ``` javascript + applicationController.connectOutlet('masterView', 'posts', App.Post.find()); + ``` + + + @method connectOutlet + @param {String} outletName a name for the outlet to set + @param {String} name a view/controller pair name + @param {Object} context a context object to assign to the + controller's `content` property, if a controller can be + found (optional) + */ + connectOutlet: function(name, context) { + // Normalize arguments. Supported arguments: + // + // name + // name, context + // outletName, name + // outletName, name, context + // options + // + // The options hash has the following keys: + // + // name: the name of the controller and view + // to use. If this is passed, the name + // determines the view and controller. + // outletName: the name of the outlet to + // fill in. default: 'view' + // viewClass: the class of the view to instantiate + // controller: the controller instance to pass + // to the view + // context: an object that should become the + // controller's `content` and thus the + // template's context. + + var outletName, viewClass, view, controller, options; + + if (Ember.typeOf(context) === 'string') { + outletName = name; + name = context; + context = arguments[2]; + } + + if (arguments.length === 1) { + if (Ember.typeOf(name) === 'object') { + options = name; + outletName = options.outletName; + name = options.name; + viewClass = options.viewClass; + controller = options.controller; + context = options.context; + } + } else { + options = {}; + } + + outletName = outletName || 'view'; + + + + if (name) { + var namespace = get(this, 'namespace'), + controllers = get(this, 'controllers'); + + var viewClassName = name.charAt(0).toUpperCase() + name.substr(1) + "View"; + viewClass = get(namespace, viewClassName); + controller = get(controllers, name + 'Controller'); + + + } + + if (controller && context) { set(controller, 'content', context); } + + view = this.createOutletView(outletName, viewClass); + + if (controller) { set(view, 'controller', controller); } + set(this, outletName, view); + + return view; + }, + + /** + Convenience method to connect controllers. This method makes other controllers + available on the controller the method was invoked on. + + For example, to make the `personController` and the `postController` available + on the `overviewController`, you would call: + + overviewController.connectControllers('person', 'post'); + + @method connectControllers + @param {String...} controllerNames the controllers to make available + */ + connectControllers: function() { + var controllers = get(this, 'controllers'), + controllerNames = Array.prototype.slice.apply(arguments), + controllerName; + + for (var i=0, l=controllerNames.length; i + ``` + + ## HTML `class` Attribute + The HTML `class` attribute of a view's tag can be set by providing a `classNames` property + that is set to an array of strings: + + ``` javascript + MyView = Ember.View.extend({ + classNames: ['my-class', 'my-other-class'] + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + `class` attribute values can also be set by providing a `classNameBindings` property + set to an array of properties names for the view. The return value of these properties + will be added as part of the value for the view's `class` attribute. These properties + can be computed properties: + + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['propertyA', 'propertyB'], + propertyA: 'from-a', + propertyB: function(){ + if(someLogic){ return 'from-b'; } + }.property() + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + If the value of a class name binding returns a boolean the property name itself + will be used as the class name if the property is true. The class name will + not be added if the value is `false` or `undefined`. + + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['hovered'], + hovered: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + When using boolean class name bindings you can supply a string value other than the + property name for use as the `class` HTML attribute by appending the preferred value after + a ":" character when defining the binding: + + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['awesome:so-very-cool'], + awesome: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + + Boolean value class name bindings whose property names are in a camelCase-style + format will be converted to a dasherized format: + + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['isUrgent'], + isUrgent: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + + Class name bindings can also refer to object values that are found by + traversing a path relative to the view itself: + + ``` javascript + MyView = Ember.View.extend({ + classNameBindings: ['messages.empty'] + messages: Ember.Object.create({ + empty: true + }) + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + + If you want to add a class name for a property which evaluates to true and + and a different class name if it evaluates to false, you can pass a binding + like this: + + ``` + // Applies 'enabled' class when isEnabled is true and 'disabled' when isEnabled is false + Ember.View.create({ + classNameBindings: ['isEnabled:enabled:disabled'] + isEnabled: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + When isEnabled is `false`, the resulting HTML reprensentation looks like this: + + ``` html +
+ ``` + + This syntax offers the convenience to add a class if a property is `false`: + + ``` javascript + // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false + Ember.View.create({ + classNameBindings: ['isEnabled::disabled'] + isEnabled: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+ ``` + + When the `isEnabled` property on the view is set to `false`, it will result + in view instances with an HTML representation of: + + ``` html +
+ ``` + + Updates to the the value of a class name binding will result in automatic update + of the HTML `class` attribute in the view's rendered HTML representation. + If the value becomes `false` or `undefined` the class name will be removed. + + Both `classNames` and `classNameBindings` are concatenated properties. + See `Ember.Object` documentation for more information about concatenated properties. + + ## HTML Attributes + + The HTML attribute section of a view's tag can be set by providing an `attributeBindings` + property set to an array of property names on the view. The return value of these properties + will be used as the value of the view's HTML associated attribute: + + ``` javascript + AnchorView = Ember.View.extend({ + tagName: 'a', + attributeBindings: ['href'], + href: 'http://google.com' + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html + + ``` + + If the return value of an `attributeBindings` monitored property is a boolean + the property will follow HTML's pattern of repeating the attribute's name as + its value: + + ``` javascript + MyTextInput = Ember.View.extend({ + tagName: 'input', + attributeBindings: ['disabled'], + disabled: true + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html + + ``` + + `attributeBindings` can refer to computed properties: + + ``` javascript + MyTextInput = Ember.View.extend({ + tagName: 'input', + attributeBindings: ['disabled'], + disabled: function(){ + if (someLogic) { + return true; + } else { + return false; + } + }.property() + }); + ``` + + Updates to the the property of an attribute binding will result in automatic update + of the HTML attribute in the view's rendered HTML representation. + + `attributeBindings` is a concatenated property. See `Ember.Object` documentation + for more information about concatenated properties. + + ## Templates + + The HTML contents of a view's rendered representation are determined by its template. + Templates can be any function that accepts an optional context parameter and returns + a string of HTML that will be inserted within the view's tag. Most + typically in Ember this function will be a compiled Ember.Handlebars template. + + ``` javascript + AView = Ember.View.extend({ + template: Ember.Handlebars.compile('I am the template') + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
I am the template
+ ``` + + Within an Ember application is more common to define a Handlebars templates as + part of a page: + + ``` handlebars + + ``` + + And associate it by name using a view's `templateName` property: + + ``` javascript + AView = Ember.View.extend({ + templateName: 'some-template' + }); + ``` + + Using a value for `templateName` that does not have a Handlebars template with a + matching `data-template-name` attribute will throw an error. + + Assigning a value to both `template` and `templateName` properties will throw an error. + + For views classes that may have a template later defined (e.g. as the block portion of a `{{view}}` + Handlebars helper call in another template or in a subclass), you can provide a `defaultTemplate` + property set to compiled template function. If a template is not later provided for the view + instance the `defaultTemplate` value will be used: + + ``` javascript + AView = Ember.View.extend({ + defaultTemplate: Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { +helpers = helpers || Ember.Handlebars.helpers; + var self=this; + + + data.buffer.push("I was the default"); +}), + template: null, + templateName: null + }); + ``` + + Will result in instances with an HTML representation of: + + ``` html +
I was the default
+ ``` + + If a `template` or `templateName` is provided it will take precedence over `defaultTemplate`: + + ``` javascript + AView = Ember.View.extend({ + defaultTemplate: Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) { +helpers = helpers || Ember.Handlebars.helpers; + var self=this; + + + data.buffer.push("I was the default"); +}) + }); + + aView = AView.create({ + template: Ember.Handlebars.compile('I was the template, not default') + }); + ``` + + Will result in the following HTML representation when rendered: + + ``` html +
I was the template, not default
+ ``` + + ## View Context + + The default context of the compiled template is the view's controller: + + ``` javascript + AView = Ember.View.extend({ + template: Ember.Handlebars.compile('Hello {{excitedGreeting}}') + }); + + aController = Ember.Object.create({ + firstName: 'Barry', + excitedGreeting: function(){ + return this.get("content.firstName") + "!!!" + }.property() + }); + + aView = AView.create({ + controller: aController, + }); + ``` + + Will result in an HTML representation of: + + ``` html +
Hello Barry!!!
+ ``` + + A context can also be explicitly supplied through the view's `context` property. + If the view has neither `context` nor `controller` properties, the parentView's + context will be used. + + ## Layouts + + Views can have a secondary template that wraps their main template. Like + primary templates, layouts can be any function that accepts an optional context + parameter and returns a string of HTML that will be inserted inside view's tag. Views whose HTML + element is self closing (e.g. ``) cannot have a layout and this property will be ignored. + + Most typically in Ember a layout will be a compiled Ember.Handlebars template. + + A view's layout can be set directly with the `layout` property or reference an + existing Handlebars template by name with the `layoutName` property. + + A template used as a layout must contain a single use of the Handlebars `{{yield}}` + helper. The HTML contents of a view's rendered `template` will be inserted at this location: + + ``` javascript + AViewWithLayout = Ember.View.extend({ + layout: Ember.Handlebars.compile("
{{yield}}
") + template: Ember.Handlebars.compile("I got wrapped"), + }); + ``` + + Will result in view instances with an HTML representation of: + + ``` html +
+
+ I got wrapped +
+
+ ``` + + See `Handlebars.helpers.yield` for more information. + + ## Responding to Browser Events + + Views can respond to user-initiated events in one of three ways: method implementation, + through an event manager, and through `{{action}}` helper use in their template or layout. + + ### Method Implementation + + Views can respond to user-initiated events by implementing a method that matches the + event name. A `jQuery.Event` object will be passed as the argument to this method. + + ``` javascript + AView = Ember.View.extend({ + click: function(event){ + // will be called when when an instance's + // rendered element is clicked + } + }); + ``` + + ### Event Managers + + Views can define an object as their `eventManager` property. This object can then + implement methods that match the desired event names. Matching events that occur + on the view's rendered HTML or the rendered HTML of any of its DOM descendants + will trigger this method. A `jQuery.Event` object will be passed as the first + argument to the method and an `Ember.View` object as the second. The `Ember.View` + will be the view whose rendered HTML was interacted with. This may be the view with + the `eventManager` property or one of its descendent views. + + ``` javascript + AView = Ember.View.extend({ + eventManager: Ember.Object.create({ + doubleClick: function(event, view){ + // will be called when when an instance's + // rendered element or any rendering + // of this views's descendent + // elements is clicked + } + }) + }); + ``` + + An event defined for an event manager takes precedence over events of the same + name handled through methods on the view. + + ``` javascript + AView = Ember.View.extend({ + mouseEnter: function(event){ + // will never trigger. + }, + eventManager: Ember.Object.create({ + mouseEnter: function(event, view){ + // takes presedence over AView#mouseEnter + } + }) + }); + ``` + + Similarly a view's event manager will take precedence for events of any views + rendered as a descendent. A method name that matches an event name will not be called + if the view instance was rendered inside the HTML representation of a view that has + an `eventManager` property defined that handles events of the name. Events not handled + by the event manager will still trigger method calls on the descendent. + + ``` javascript + OuterView = Ember.View.extend({ + template: Ember.Handlebars.compile("outer {{#view InnerView}}inner{{/view}} outer"), + eventManager: Ember.Object.create({ + mouseEnter: function(event, view){ + // view might be instance of either + // OutsideView or InnerView depending on + // where on the page the user interaction occured + } + }) + }); + + InnerView = Ember.View.extend({ + click: function(event){ + // will be called if rendered inside + // an OuterView because OuterView's + // eventManager doesn't handle click events + }, + mouseEnter: function(event){ + // will never be called if rendered inside + // an OuterView. + } + }); + ``` + + ### Handlebars `{{action}}` Helper + + See `Handlebars.helpers.action`. + + ### Event Names + + Possible events names for any of the responding approaches described above are: + + Touch events: 'touchStart', 'touchMove', 'touchEnd', 'touchCancel' + + Keyboard events: 'keyDown', 'keyUp', 'keyPress' + + Mouse events: 'mouseDown', 'mouseUp', 'contextMenu', 'click', 'doubleClick', 'mouseMove', + 'focusIn', 'focusOut', 'mouseEnter', 'mouseLeave' + + Form events: 'submit', 'change', 'focusIn', 'focusOut', 'input' + + HTML5 drag and drop events: 'dragStart', 'drag', 'dragEnter', 'dragLeave', 'drop', 'dragEnd' + + ## Handlebars `{{view}}` Helper + + Other `Ember.View` instances can be included as part of a view's template by using the `{{view}}` + Handlebars helper. See `Handlebars.helpers.view` for additional information. + + @class View + @namespace Ember + @extends Ember.Object + @uses Ember.Evented +*/ +Ember.View = Ember.CoreView.extend( +/** @scope Ember.View.prototype */ { + + concatenatedProperties: ['classNames', 'classNameBindings', 'attributeBindings'], + + /** + @property isView + @type Boolean + @default true + @final + */ + isView: true, + + // .......................................................... + // TEMPLATE SUPPORT + // + + /** + The name of the template to lookup if no template is provided. + + Ember.View will look for a template with this name in this view's + `templates` object. By default, this will be a global object + shared in `Ember.TEMPLATES`. + + @property templateName + @type String + @default null + */ + templateName: null, + + /** + The name of the layout to lookup if no layout is provided. + + Ember.View will look for a template with this name in this view's + `templates` object. By default, this will be a global object + shared in `Ember.TEMPLATES`. + + @property layoutName + @type String + @default null + */ + layoutName: null, + + /** + The hash in which to look for `templateName`. + + @property templates + @type Ember.Object + @default Ember.TEMPLATES + */ + templates: Ember.TEMPLATES, + + /** + The template used to render the view. This should be a function that + accepts an optional context parameter and returns a string of HTML that + will be inserted into the DOM relative to its parent view. + + In general, you should set the `templateName` property instead of setting + the template yourself. + + @property template + @type Function + */ + template: Ember.computed(function(key, value) { + if (value !== undefined) { return value; } + + var templateName = get(this, 'templateName'), + template = this.templateForName(templateName, 'template'); + + return template || get(this, 'defaultTemplate'); + }).property('templateName'), + + /** + The controller managing this view. If this property is set, it will be + made available for use by the template. + + @property controller + @type Object + */ + controller: Ember.computed(function(key, value) { + var parentView; + + if (arguments.length === 2) { + return value; + } else { + parentView = get(this, 'parentView'); + return parentView ? get(parentView, 'controller') : null; + } + }).property(), + + /** + A view may contain a layout. A layout is a regular template but + supersedes the `template` property during rendering. It is the + responsibility of the layout template to retrieve the `template` + property from the view (or alternatively, call `Handlebars.helpers.yield`, + `{{yield}}`) to render it in the correct location. + + This is useful for a view that has a shared wrapper, but which delegates + the rendering of the contents of the wrapper to the `template` property + on a subclass. + + @property layout + @type Function + */ + layout: Ember.computed(function(key, value) { + if (arguments.length === 2) { return value; } + + var layoutName = get(this, 'layoutName'), + layout = this.templateForName(layoutName, 'layout'); + + return layout || get(this, 'defaultLayout'); + }).property('layoutName'), + + templateForName: function(name, type) { + if (!name) { return; } + + var templates = get(this, 'templates'), + template = get(templates, name); + + if (!template) { + throw new Ember.Error(fmt('%@ - Unable to find %@ "%@".', [this, type, name])); + } + + return template; + }, + + /** + The object from which templates should access properties. + + This object will be passed to the template function each time the render + method is called, but it is up to the individual function to decide what + to do with it. + + By default, this will be the view's controller. + + @property context + @type Object + */ + context: Ember.computed(function(key, value) { + if (arguments.length === 2) { + set(this, '_context', value); + return value; + } else { + return get(this, '_context'); + } + }).volatile(), + + /** + @private + + Private copy of the view's template context. This can be set directly + by Handlebars without triggering the observer that causes the view + to be re-rendered. + + The context of a view is looked up as follows: + + 1. Supplied context (usually by Handlebars) + 2. Specified controller + 3. `parentView`'s context (for a child of a ContainerView) + + The code in Handlebars that overrides the `_context` property first + checks to see whether the view has a specified controller. This is + something of a hack and should be revisited. + + @property _context + */ + _context: Ember.computed(function(key, value) { + var parentView, controller; + + if (arguments.length === 2) { + return value; + } + + if (controller = get(this, 'controller')) { + return controller; + } + + parentView = get(this, '_parentView'); + if (parentView) { + return get(parentView, '_context'); + } + + return this; + }), + + /** + @private + + If a value that affects template rendering changes, the view should be + re-rendered to reflect the new value. + + @method _displayPropertyDidChange + */ + _displayPropertyDidChange: Ember.observer(function() { + this.rerender(); + }, 'context', 'controller'), + + /** + If false, the view will appear hidden in DOM. + + @property isVisible + @type Boolean + @default null + */ + isVisible: true, + + /** + @private + + Array of child views. You should never edit this array directly. + Instead, use appendChild and removeFromParent. + + @property childViews + @type Array + @default [] + */ + childViews: childViewsProperty, + + _childViews: [], + + // When it's a virtual view, we need to notify the parent that their + // childViews will change. + _childViewsWillChange: Ember.beforeObserver(function() { + if (this.isVirtual) { + var parentView = get(this, 'parentView'); + if (parentView) { Ember.propertyWillChange(parentView, 'childViews'); } + } + }, 'childViews'), + + // When it's a virtual view, we need to notify the parent that their + // childViews did change. + _childViewsDidChange: Ember.observer(function() { + if (this.isVirtual) { + var parentView = get(this, 'parentView'); + if (parentView) { Ember.propertyDidChange(parentView, 'childViews'); } + } + }, 'childViews'), + + /** + Return the nearest ancestor that is an instance of the provided + class. + + @property nearestInstanceOf + @param {Class} klass Subclass of Ember.View (or Ember.View itself) + @return Ember.View + @deprecated + */ + nearestInstanceOf: function(klass) { + + var view = get(this, 'parentView'); + + while (view) { + if(view instanceof klass) { return view; } + view = get(view, 'parentView'); + } + }, + + /** + Return the nearest ancestor that is an instance of the provided + class or mixin. + + @property nearestOfType + @param {Class,Mixin} klass Subclass of Ember.View (or Ember.View itself), + or an instance of Ember.Mixin. + @return Ember.View + */ + nearestOfType: function(klass) { + var view = get(this, 'parentView'), + isOfType = klass instanceof Ember.Mixin ? + function(view) { return klass.detect(view); } : + function(view) { return klass.detect(view.constructor); }; + + while (view) { + if( isOfType(view) ) { return view; } + view = get(view, 'parentView'); + } + }, + + /** + Return the nearest ancestor that has a given property. + + @property nearestWithProperty + @param {String} property A property name + @return Ember.View + */ + nearestWithProperty: function(property) { + var view = get(this, 'parentView'); + + while (view) { + if (property in view) { return view; } + view = get(view, 'parentView'); + } + }, + + /** + Return the nearest ancestor whose parent is an instance of + `klass`. + + @property nearestChildOf + @param {Class} klass Subclass of Ember.View (or Ember.View itself) + @return Ember.View + */ + nearestChildOf: function(klass) { + var view = get(this, 'parentView'); + + while (view) { + if(get(view, 'parentView') instanceof klass) { return view; } + view = get(view, 'parentView'); + } + }, + + /** + Return the nearest ancestor that is an Ember.CollectionView + + @property collectionView + @return Ember.CollectionView + */ + collectionView: Ember.computed(function() { + return this.nearestOfType(Ember.CollectionView); + }), + + /** + Return the nearest ancestor that is a direct child of + an Ember.CollectionView + + @property itemView + @return Ember.View + */ + itemView: Ember.computed(function() { + return this.nearestChildOf(Ember.CollectionView); + }), + + /** + Return the nearest ancestor that has the property + `content`. + + @property contentView + @return Ember.View + */ + contentView: Ember.computed(function() { + return this.nearestWithProperty('content'); + }), + + /** + @private + + When the parent view changes, recursively invalidate + collectionView, itemView, and contentView + + @method _parentViewDidChange + */ + _parentViewDidChange: Ember.observer(function() { + if (this.isDestroying) { return; } + + this.invokeRecursively(function(view) { + view.propertyDidChange('collectionView'); + view.propertyDidChange('itemView'); + view.propertyDidChange('contentView'); + }); + + if (get(this, 'parentView.controller') && !get(this, 'controller')) { + this.notifyPropertyChange('controller'); + } + }, '_parentView'), + + _controllerDidChange: Ember.observer(function() { + if (this.isDestroying) { return; } + + this.forEachChildView(function(view) { + view.propertyDidChange('controller'); + }); + }, 'controller'), + + cloneKeywords: function() { + var templateData = get(this, 'templateData'); + + var keywords = templateData ? Ember.copy(templateData.keywords) : {}; + set(keywords, 'view', get(this, 'concreteView')); + set(keywords, 'controller', get(this, 'controller')); + + return keywords; + }, + + /** + Called on your view when it should push strings of HTML into a + Ember.RenderBuffer. Most users will want to override the `template` + or `templateName` properties instead of this method. + + By default, Ember.View will look for a function in the `template` + property and invoke it with the value of `context`. The value of + `context` will be the view's controller unless you override it. + + @method render + @param {Ember.RenderBuffer} buffer The render buffer + */ + render: function(buffer) { + // If this view has a layout, it is the responsibility of the + // the layout to render the view's template. Otherwise, render the template + // directly. + var template = get(this, 'layout') || get(this, 'template'); + + if (template) { + var context = get(this, 'context'); + var keywords = this.cloneKeywords(); + + var data = { + view: this, + buffer: buffer, + isRenderData: true, + keywords: keywords + }; + + // Invoke the template with the provided template context, which + // is the view's controller by default. A hash of data is also passed that provides + // the template with access to the view and render buffer. + + // The template should write directly to the render buffer instead + // of returning a string. + var output = template(context, { data: data }); + + // If the template returned a string instead of writing to the buffer, + // push the string onto the buffer. + if (output !== undefined) { buffer.push(output); } + } + }, + + invokeForState: function(name) { + var stateName = this.state, args, fn; + + // try to find the function for the state in the cache + if (fn = invokeForState[stateName][name]) { + args = a_slice.call(arguments); + args[0] = this; + + return fn.apply(this, args); + } + + // otherwise, find and cache the function for this state + var parent = this, states = parent.states, state; + + while (states) { + state = states[stateName]; + + while (state) { + fn = state[name]; + + if (fn) { + invokeForState[stateName][name] = fn; + + args = a_slice.call(arguments, 1); + args.unshift(this); + + return fn.apply(this, args); + } + + state = state.parentState; + } + + states = states.parent; + } + }, + + /** + Renders the view again. This will work regardless of whether the + view is already in the DOM or not. If the view is in the DOM, the + rendering process will be deferred to give bindings a chance + to synchronize. + + If children were added during the rendering process using `appendChild`, + `rerender` will remove them, because they will be added again + if needed by the next `render`. + + In general, if the display of your view changes, you should modify + the DOM element directly instead of manually calling `rerender`, which can + be slow. + + @method rerender + */ + rerender: function() { + return this.invokeForState('rerender'); + }, + + clearRenderedChildren: function() { + var lengthBefore = this.lengthBeforeRender, + lengthAfter = this.lengthAfterRender; + + // If there were child views created during the last call to render(), + // remove them under the assumption that they will be re-created when + // we re-render. + + // VIEW-TODO: Unit test this path. + var childViews = this._childViews; + for (var i=lengthAfter-1; i>=lengthBefore; i--) { + if (childViews[i]) { childViews[i].destroy(); } + } + }, + + /** + @private + + Iterates over the view's `classNameBindings` array, inserts the value + of the specified property into the `classNames` array, then creates an + observer to update the view's element if the bound property ever changes + in the future. + + @method _applyClassNameBindings + */ + _applyClassNameBindings: function() { + var classBindings = get(this, 'classNameBindings'), + classNames = get(this, 'classNames'), + elem, newClass, dasherizedClass; + + if (!classBindings) { return; } + + // Loop through all of the configured bindings. These will be either + // property names ('isUrgent') or property paths relative to the view + // ('content.isUrgent') + a_forEach(classBindings, function(binding) { + + // Variable in which the old class value is saved. The observer function + // closes over this variable, so it knows which string to remove when + // the property changes. + var oldClass; + // Extract just the property name from bindings like 'foo:bar' + var parsedPath = Ember.View._parsePropertyPath(binding); + + // Set up an observer on the context. If the property changes, toggle the + // class name. + var observer = function() { + // Get the current value of the property + newClass = this._classStringForProperty(binding); + elem = this.$(); + if (!elem) { + removeObserver(this, parsedPath.path, observer); + return; + } + + // If we had previously added a class to the element, remove it. + if (oldClass) { + elem.removeClass(oldClass); + // Also remove from classNames so that if the view gets rerendered, + // the class doesn't get added back to the DOM. + classNames.removeObject(oldClass); + } + + // If necessary, add a new class. Make sure we keep track of it so + // it can be removed in the future. + if (newClass) { + elem.addClass(newClass); + oldClass = newClass; + } else { + oldClass = null; + } + }; + + // Get the class name for the property at its current value + dasherizedClass = this._classStringForProperty(binding); + + if (dasherizedClass) { + // Ensure that it gets into the classNames array + // so it is displayed when we render. + classNames.push(dasherizedClass); + + // Save a reference to the class name so we can remove it + // if the observer fires. Remember that this variable has + // been closed over by the observer. + oldClass = dasherizedClass; + } + + addObserver(this, parsedPath.path, observer); + + this.one('willClearRender', function() { + removeObserver(this, parsedPath.path, observer); + }); + }, this); + }, + + /** + @private + + Iterates through the view's attribute bindings, sets up observers for each, + then applies the current value of the attributes to the passed render buffer. + + @method _applyAttributeBindings + @param {Ember.RenderBuffer} buffer + */ + _applyAttributeBindings: function(buffer) { + var attributeBindings = get(this, 'attributeBindings'), + attributeValue, elem, type; + + if (!attributeBindings) { return; } + + a_forEach(attributeBindings, function(binding) { + var split = binding.split(':'), + property = split[0], + attributeName = split[1] || property; + + // Create an observer to add/remove/change the attribute if the + // JavaScript property changes. + var observer = function() { + elem = this.$(); + if (!elem) { return; } + + attributeValue = get(this, property); + + Ember.View.applyAttributeBindings(elem, attributeName, attributeValue); + }; + + addObserver(this, property, observer); + + this.one('willClearRender', function() { + removeObserver(this, property, observer); + }); + + // Determine the current value and add it to the render buffer + // if necessary. + attributeValue = get(this, property); + Ember.View.applyAttributeBindings(buffer, attributeName, attributeValue); + }, this); + }, + + /** + @private + + Given a property name, returns a dasherized version of that + property name if the property evaluates to a non-falsy value. + + For example, if the view has property `isUrgent` that evaluates to true, + passing `isUrgent` to this method will return `"is-urgent"`. + + @method _classStringForProperty + @param property + */ + _classStringForProperty: function(property) { + var parsedPath = Ember.View._parsePropertyPath(property); + var path = parsedPath.path; + + var val = get(this, path); + if (val === undefined && Ember.isGlobalPath(path)) { + val = get(Ember.lookup, path); + } + + return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName); + }, + + // .......................................................... + // ELEMENT SUPPORT + // + + /** + Returns the current DOM element for the view. + + @property element + @type DOMElement + */ + element: Ember.computed(function(key, value) { + if (value !== undefined) { + return this.invokeForState('setElement', value); + } else { + return this.invokeForState('getElement'); + } + }).property('_parentView'), + + /** + Returns a jQuery object for this view's element. If you pass in a selector + string, this method will return a jQuery object, using the current element + as its buffer. + + For example, calling `view.$('li')` will return a jQuery object containing + all of the `li` elements inside the DOM element of this view. + + @property $ + @param {String} [selector] a jQuery-compatible selector string + @return {jQuery} the CoreQuery object for the DOM node + */ + $: function(sel) { + return this.invokeForState('$', sel); + }, + + mutateChildViews: function(callback) { + var childViews = this._childViews, + idx = childViews.length, + view; + + while(--idx >= 0) { + view = childViews[idx]; + callback.call(this, view, idx); + } + + return this; + }, + + forEachChildView: function(callback) { + var childViews = this._childViews; + + if (!childViews) { return this; } + + var len = childViews.length, + view, idx; + + for(idx = 0; idx < len; idx++) { + view = childViews[idx]; + callback.call(this, view); + } + + return this; + }, + + /** + Appends the view's element to the specified parent element. + + If the view does not have an HTML representation yet, `createElement()` + will be called automatically. + + Note that this method just schedules the view to be appended; the DOM + element will not be appended to the given element until all bindings have + finished synchronizing. + + This is not typically a function that you will need to call directly + when building your application. You might consider using Ember.ContainerView + instead. If you do need to use appendTo, be sure that the target element you + are providing is associated with an Ember.Application and does not have an + ancestor element that is associated with an Ember view. + + @method appendTo + @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object + @return {Ember.View} receiver + */ + appendTo: function(target) { + // Schedule the DOM element to be created and appended to the given + // element after bindings have synchronized. + this._insertElementLater(function() { + + this.$().appendTo(target); + }); + + return this; + }, + + /** + Replaces the content of the specified parent element with this view's element. + If the view does not have an HTML representation yet, `createElement()` + will be called automatically. + + Note that this method just schedules the view to be appended; the DOM + element will not be appended to the given element until all bindings have + finished synchronizing + + @method replaceIn + @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object + @return {Ember.View} received + */ + replaceIn: function(target) { + + + this._insertElementLater(function() { + Ember.$(target).empty(); + this.$().appendTo(target); + }); + + return this; + }, + + /** + @private + + Schedules a DOM operation to occur during the next render phase. This + ensures that all bindings have finished synchronizing before the view is + rendered. + + To use, pass a function that performs a DOM operation.. + + Before your function is called, this view and all child views will receive + the `willInsertElement` event. After your function is invoked, this view + and all of its child views will receive the `didInsertElement` event. + + view._insertElementLater(function() { + this.createElement(); + this.$().appendTo('body'); + }); + + @method _insertElementLater + @param {Function} fn the function that inserts the element into the DOM + */ + _insertElementLater: function(fn) { + this._scheduledInsert = Ember.run.scheduleOnce('render', this, '_insertElement', fn); + }, + + /** + @private + */ + _insertElement: function (fn) { + this._scheduledInsert = null; + this.invokeForState('insertElement', fn); + }, + + /** + Appends the view's element to the document body. If the view does + not have an HTML representation yet, `createElement()` will be called + automatically. + + Note that this method just schedules the view to be appended; the DOM + element will not be appended to the document body until all bindings have + finished synchronizing. + + @method append + @return {Ember.View} receiver + */ + append: function() { + return this.appendTo(document.body); + }, + + /** + Removes the view's element from the element to which it is attached. + + @method remove + @return {Ember.View} receiver + */ + remove: function() { + // What we should really do here is wait until the end of the run loop + // to determine if the element has been re-appended to a different + // element. + // In the interim, we will just re-render if that happens. It is more + // important than elements get garbage collected. + this.destroyElement(); + this.invokeRecursively(function(view) { + view.clearRenderedChildren(); + }); + }, + + /** + The ID to use when trying to locate the element in the DOM. If you do not + set the elementId explicitly, then the view's GUID will be used instead. + This ID must be set at the time the view is created. + + @property elementId + @type String + */ + elementId: Ember.computed(function(key, value) { + return value !== undefined ? value : Ember.guidFor(this); + }), + + // TODO: Perhaps this should be removed from the production build somehow. + _elementIdDidChange: Ember.beforeObserver(function() { + throw "Changing a view's elementId after creation is not allowed."; + }, 'elementId'), + + /** + Attempts to discover the element in the parent element. The default + implementation looks for an element with an ID of elementId (or the view's + guid if elementId is null). You can override this method to provide your + own form of lookup. For example, if you want to discover your element + using a CSS class name instead of an ID. + + @method findElementInParentElement + @param {DOMElement} parentElement The parent's DOM element + @return {DOMElement} The discovered element + */ + findElementInParentElement: function(parentElem) { + var id = "#" + get(this, 'elementId'); + return Ember.$(id)[0] || Ember.$(id, parentElem)[0]; + }, + + /** + Creates a DOM representation of the view and all of its + child views by recursively calling the `render()` method. + + After the element has been created, `didInsertElement` will + be called on this view and all of its child views. + + @method createElement + @return {Ember.View} receiver + */ + createElement: function() { + if (get(this, 'element')) { return this; } + + var buffer = this.renderToBuffer(); + set(this, 'element', buffer.element()); + + return this; + }, + + /** + Called when a view is going to insert an element into the DOM. + + @event willInsertElement + */ + willInsertElement: Ember.K, + + /** + Called when the element of the view has been inserted into the DOM. + Override this function to do any set up that requires an element in the + document body. + + @event didInsertElement + */ + didInsertElement: Ember.K, + + /** + Called when the view is about to rerender, but before anything has + been torn down. This is a good opportunity to tear down any manual + observers you have installed based on the DOM state + + @event willClearRender + */ + willClearRender: Ember.K, + + /** + @private + + Run this callback on the current view and recursively on child views. + + @method invokeRecursively + @param fn {Function} + */ + invokeRecursively: function(fn) { + fn.call(this, this); + + this.forEachChildView(function(view) { + view.invokeRecursively(fn); + }); + }, + + /** + Invalidates the cache for a property on all child views. + + @method invalidateRecursively + */ + invalidateRecursively: function(key) { + this.forEachChildView(function(view) { + view.propertyDidChange(key); + }); + }, + + /** + @private + + Invokes the receiver's willInsertElement() method if it exists and then + invokes the same on all child views. + + NOTE: In some cases this was called when the element existed. This no longer + works so we let people know. We can remove this warning code later. + + @method _notifyWillInsertElement + */ + _notifyWillInsertElement: function() { + this.invokeRecursively(function(view) { + view.trigger('willInsertElement'); + }); + }, + + /** + @private + + Invokes the receiver's didInsertElement() method if it exists and then + invokes the same on all child views. + + @method _notifyDidInsertElement + */ + _notifyDidInsertElement: function() { + this.invokeRecursively(function(view) { + view.trigger('didInsertElement'); + }); + }, + + /** + @private + + Triggers the `willClearRender` event (which invokes the `willClearRender()` + method if it exists) on this view and all child views. + + @method _notifyWillClearRender + */ + _notifyWillClearRender: function() { + this.invokeRecursively(function(view) { + view.trigger('willClearRender'); + }); + }, + + /** + Destroys any existing element along with the element for any child views + as well. If the view does not currently have a element, then this method + will do nothing. + + If you implement willDestroyElement() on your view, then this method will + be invoked on your view before your element is destroyed to give you a + chance to clean up any event handlers, etc. + + If you write a willDestroyElement() handler, you can assume that your + didInsertElement() handler was called earlier for the same element. + + Normally you will not call or override this method yourself, but you may + want to implement the above callbacks when it is run. + + @method destroyElement + @return {Ember.View} receiver + */ + destroyElement: function() { + return this.invokeForState('destroyElement'); + }, + + /** + Called when the element of the view is going to be destroyed. Override + this function to do any teardown that requires an element, like removing + event listeners. + + @event willDestroyElement + */ + willDestroyElement: function() {}, + + /** + @private + + Triggers the `willDestroyElement` event (which invokes the `willDestroyElement()` + method if it exists) on this view and all child views. + + Before triggering `willDestroyElement`, it first triggers the `willClearRender` + event recursively. + + @method _notifyWillDestroyElement + */ + _notifyWillDestroyElement: function() { + this._notifyWillClearRender(); + + this.invokeRecursively(function(view) { + view.trigger('willDestroyElement'); + }); + }, + + _elementWillChange: Ember.beforeObserver(function() { + this.forEachChildView(function(view) { + Ember.propertyWillChange(view, 'element'); + }); + }, 'element'), + + /** + @private + + If this view's element changes, we need to invalidate the caches of our + child views so that we do not retain references to DOM elements that are + no longer needed. + + @method _elementDidChange + */ + _elementDidChange: Ember.observer(function() { + this.forEachChildView(function(view) { + Ember.propertyDidChange(view, 'element'); + }); + }, 'element'), + + /** + Called when the parentView property has changed. + + @event parentViewDidChange + */ + parentViewDidChange: Ember.K, + + instrumentName: 'render.view', + + instrumentDetails: function(hash) { + hash.template = get(this, 'templateName'); + this._super(hash); + }, + + _renderToBuffer: function(parentBuffer, bufferOperation) { + this.lengthBeforeRender = this._childViews.length; + var buffer = this._super(parentBuffer, bufferOperation); + this.lengthAfterRender = this._childViews.length; + + return buffer; + }, + + renderToBufferIfNeeded: function () { + return this.invokeForState('renderToBufferIfNeeded', this); + }, + + beforeRender: function(buffer) { + this.applyAttributesToBuffer(buffer); + }, + + afterRender: Ember.K, + + applyAttributesToBuffer: function(buffer) { + // Creates observers for all registered class name and attribute bindings, + // then adds them to the element. + this._applyClassNameBindings(); + + // Pass the render buffer so the method can apply attributes directly. + // This isn't needed for class name bindings because they use the + // existing classNames infrastructure. + this._applyAttributeBindings(buffer); + + + a_forEach(get(this, 'classNames'), function(name){ buffer.addClass(name); }); + buffer.id(get(this, 'elementId')); + + var role = get(this, 'ariaRole'); + if (role) { + buffer.attr('role', role); + } + + if (get(this, 'isVisible') === false) { + buffer.style('display', 'none'); + } + }, + + // .......................................................... + // STANDARD RENDER PROPERTIES + // + + /** + Tag name for the view's outer element. The tag name is only used when + an element is first created. If you change the tagName for an element, you + must destroy and recreate the view element. + + By default, the render buffer will use a `
` tag for views. + + @property tagName + @type String + @default null + */ + + // We leave this null by default so we can tell the difference between + // the default case and a user-specified tag. + tagName: null, + + /** + The WAI-ARIA role of the control represented by this view. For example, a + button may have a role of type 'button', or a pane may have a role of + type 'alertdialog'. This property is used by assistive software to help + visually challenged users navigate rich web applications. + + The full list of valid WAI-ARIA roles is available at: + http://www.w3.org/TR/wai-aria/roles#roles_categorization + + @property ariaRole + @type String + @default null + */ + ariaRole: null, + + /** + Standard CSS class names to apply to the view's outer element. This + property automatically inherits any class names defined by the view's + superclasses as well. + + @property classNames + @type Array + @default ['ember-view'] + */ + classNames: ['ember-view'], + + /** + A list of properties of the view to apply as class names. If the property + is a string value, the value of that string will be applied as a class + name. + + // Applies the 'high' class to the view element + Ember.View.create({ + classNameBindings: ['priority'] + priority: 'high' + }); + + If the value of the property is a Boolean, the name of that property is + added as a dasherized class name. + + // Applies the 'is-urgent' class to the view element + Ember.View.create({ + classNameBindings: ['isUrgent'] + isUrgent: true + }); + + If you would prefer to use a custom value instead of the dasherized + property name, you can pass a binding like this: + + // Applies the 'urgent' class to the view element + Ember.View.create({ + classNameBindings: ['isUrgent:urgent'] + isUrgent: true + }); + + This list of properties is inherited from the view's superclasses as well. + + @property classNameBindings + @type Array + @default [] + */ + classNameBindings: [], + + /** + A list of properties of the view to apply as attributes. If the property is + a string value, the value of that string will be applied as the attribute. + + // Applies the type attribute to the element + // with the value "button", like
+ Ember.View.create({ + attributeBindings: ['type'], + type: 'button' + }); + + If the value of the property is a Boolean, the name of that property is + added as an attribute. + + // Renders something like
+ Ember.View.create({ + attributeBindings: ['enabled'], + enabled: true + }); + + @property attributeBindings + */ + attributeBindings: [], + + // ....................................................... + // CORE DISPLAY METHODS + // + + /** + @private + + Setup a view, but do not finish waking it up. + - configure childViews + - register the view with the global views hash, which is used for event + dispatch + + @method init + */ + init: function() { + this._super(); + + // setup child views. be sure to clone the child views array first + this._childViews = this._childViews.slice(); + + this.classNameBindings = Ember.A(this.classNameBindings.slice()); + + this.classNames = Ember.A(this.classNames.slice()); + + var viewController = get(this, 'viewController'); + if (viewController) { + viewController = get(viewController); + if (viewController) { + set(viewController, 'view', this); + } + } + }, + + appendChild: function(view, options) { + return this.invokeForState('appendChild', view, options); + }, + + /** + Removes the child view from the parent view. + + @method removeChild + @param {Ember.View} view + @return {Ember.View} receiver + */ + removeChild: function(view) { + // If we're destroying, the entire subtree will be + // freed, and the DOM will be handled separately, + // so no need to mess with childViews. + if (this.isDestroying) { return; } + + // update parent node + set(view, '_parentView', null); + + // remove view from childViews array. + var childViews = this._childViews; + + Ember.EnumerableUtils.removeObject(childViews, view); + + this.propertyDidChange('childViews'); // HUH?! what happened to will change? + + return this; + }, + + /** + Removes all children from the parentView. + + @method removeAllChildren + @return {Ember.View} receiver + */ + removeAllChildren: function() { + return this.mutateChildViews(function(view) { + this.removeChild(view); + }); + }, + + destroyAllChildren: function() { + return this.mutateChildViews(function(view) { + view.destroy(); + }); + }, + + /** + Removes the view from its parentView, if one is found. Otherwise + does nothing. + + @method removeFromParent + @return {Ember.View} receiver + */ + removeFromParent: function() { + var parent = get(this, '_parentView'); + + // Remove DOM element from parent + this.remove(); + + if (parent) { parent.removeChild(this); } + return this; + }, + + /** + You must call `destroy` on a view to destroy the view (and all of its + child views). This will remove the view from any parent node, then make + sure that the DOM element managed by the view can be released by the + memory manager. + + @method willDestroy + */ + willDestroy: function() { + // calling this._super() will nuke computed properties and observers, + // so collect any information we need before calling super. + var childViews = this._childViews, + parent = get(this, '_parentView'), + childLen; + + // destroy the element -- this will avoid each child view destroying + // the element over and over again... + if (!this.removedFromDOM) { this.destroyElement(); } + + // remove from non-virtual parent view if viewName was specified + if (this.viewName) { + var nonVirtualParentView = get(this, 'parentView'); + if (nonVirtualParentView) { + set(nonVirtualParentView, this.viewName, null); + } + } + + // remove from parent if found. Don't call removeFromParent, + // as removeFromParent will try to remove the element from + // the DOM again. + if (parent) { parent.removeChild(this); } + + this.state = 'destroyed'; + + childLen = childViews.length; + for (var i=childLen-1; i>=0; i--) { + childViews[i].removedFromDOM = true; + childViews[i].destroy(); + } + + // next remove view from global hash + if (!this.isVirtual) delete Ember.View.views[get(this, 'elementId')]; + }, + + /** + Instantiates a view to be added to the childViews array during view + initialization. You generally will not call this method directly unless + you are overriding createChildViews(). Note that this method will + automatically configure the correct settings on the new view instance to + act as a child of the parent. + + @method createChildView + @param {Class} viewClass + @param {Hash} [attrs] Attributes to add + @return {Ember.View} new instance + */ + createChildView: function(view, attrs) { + if (Ember.CoreView.detect(view)) { + attrs = attrs || {}; + attrs._parentView = this; + attrs.templateData = attrs.templateData || get(this, 'templateData'); + + view = view.create(attrs); + + // don't set the property on a virtual view, as they are invisible to + // consumers of the view API + if (view.viewName) { set(get(this, 'concreteView'), view.viewName, view); } + } else { + + + + if (!get(view, 'templateData')) { + set(view, 'templateData', get(this, 'templateData')); + } + + set(view, '_parentView', this); + } + + return view; + }, + + becameVisible: Ember.K, + becameHidden: Ember.K, + + /** + @private + + When the view's `isVisible` property changes, toggle the visibility + element of the actual DOM element. + + @method _isVisibleDidChange + */ + _isVisibleDidChange: Ember.observer(function() { + var $el = this.$(); + if (!$el) { return; } + + var isVisible = get(this, 'isVisible'); + + $el.toggle(isVisible); + + if (this._isAncestorHidden()) { return; } + + if (isVisible) { + this._notifyBecameVisible(); + } else { + this._notifyBecameHidden(); + } + }, 'isVisible'), + + _notifyBecameVisible: function() { + this.trigger('becameVisible'); + + this.forEachChildView(function(view) { + var isVisible = get(view, 'isVisible'); + + if (isVisible || isVisible === null) { + view._notifyBecameVisible(); + } + }); + }, + + _notifyBecameHidden: function() { + this.trigger('becameHidden'); + this.forEachChildView(function(view) { + var isVisible = get(view, 'isVisible'); + + if (isVisible || isVisible === null) { + view._notifyBecameHidden(); + } + }); + }, + + _isAncestorHidden: function() { + var parent = get(this, 'parentView'); + + while (parent) { + if (get(parent, 'isVisible') === false) { return true; } + + parent = get(parent, 'parentView'); + } + + return false; + }, + + clearBuffer: function() { + this.invokeRecursively(function(view) { + this.buffer = null; + }); + }, + + transitionTo: function(state, children) { + this.state = state; + + if (children !== false) { + this.forEachChildView(function(view) { + view.transitionTo(state); + }); + } + }, + + // ....................................................... + // EVENT HANDLING + // + + /** + @private + + Handle events from `Ember.EventDispatcher` + + @method handleEvent + @param eventName {String} + @param evt {Event} + */ + handleEvent: function(eventName, evt) { + return this.invokeForState('handleEvent', eventName, evt); + } + +}); + +/* + Describe how the specified actions should behave in the various + states that a view can exist in. Possible states: + + * preRender: when a view is first instantiated, and after its + element was destroyed, it is in the preRender state + * inBuffer: once a view has been rendered, but before it has + been inserted into the DOM, it is in the inBuffer state + * inDOM: once a view has been inserted into the DOM it is in + the inDOM state. A view spends the vast majority of its + existence in this state. + * destroyed: once a view has been destroyed (using the destroy + method), it is in this state. No further actions can be invoked + on a destroyed view. +*/ + + // in the destroyed state, everything is illegal + + // before rendering has begun, all legal manipulations are noops. + + // inside the buffer, legal manipulations are done on the buffer + + // once the view has been inserted into the DOM, legal manipulations + // are done on the DOM element. + +var DOMManager = { + prepend: function(view, html) { + view.$().prepend(html); + }, + + after: function(view, html) { + view.$().after(html); + }, + + html: function(view, html) { + view.$().html(html); + }, + + replace: function(view) { + var element = get(view, 'element'); + + set(view, 'element', null); + + view._insertElementLater(function() { + Ember.$(element).replaceWith(get(view, 'element')); + }); + }, + + remove: function(view) { + view.$().remove(); + }, + + empty: function(view) { + view.$().empty(); + } +}; + +Ember.View.reopen({ + states: Ember.View.states, + domManager: DOMManager +}); + +Ember.View.reopenClass({ + + /** + @private + + Parse a path and return an object which holds the parsed properties. + + For example a path like "content.isEnabled:enabled:disabled" wil return the + following object: + + { + path: "content.isEnabled", + className: "enabled", + falsyClassName: "disabled", + classNames: ":enabled:disabled" + } + + @method _parsePropertyPath + @static + */ + _parsePropertyPath: function(path) { + var split = path.split(':'), + propertyPath = split[0], + classNames = "", + className, + falsyClassName; + + // check if the property is defined as prop:class or prop:trueClass:falseClass + if (split.length > 1) { + className = split[1]; + if (split.length === 3) { falsyClassName = split[2]; } + + classNames = ':' + className; + if (falsyClassName) { classNames += ":" + falsyClassName; } + } + + return { + path: propertyPath, + classNames: classNames, + className: (className === '') ? undefined : className, + falsyClassName: falsyClassName + }; + }, + + /** + @private + + Get the class name for a given value, based on the path, optional className + and optional falsyClassName. + + - if a className or falsyClassName has been specified: + - if the value is truthy and className has been specified, className is returned + - if the value is falsy and falsyClassName has been specified, falsyClassName is returned + - otherwise null is returned + - if the value is true, the dasherized last part of the supplied path is returned + - if the value is not false, undefined or null, the value is returned + - if none of the above rules apply, null is returned + + @method _classStringForValue + @param path + @param val + @param className + @param falsyClassName + @static + */ + _classStringForValue: function(path, val, className, falsyClassName) { + // When using the colon syntax, evaluate the truthiness or falsiness + // of the value to determine which className to return + if (className || falsyClassName) { + if (className && !!val) { + return className; + + } else if (falsyClassName && !val) { + return falsyClassName; + + } else { + return null; + } + + // If value is a Boolean and true, return the dasherized property + // name. + } else if (val === true) { + // Normalize property path to be suitable for use + // as a class name. For exaple, content.foo.barBaz + // becomes bar-baz. + var parts = path.split('.'); + return Ember.String.dasherize(parts[parts.length-1]); + + // If the value is not false, undefined, or null, return the current + // value of the property. + } else if (val !== false && val !== undefined && val !== null) { + return val; + + // Nothing to display. Return null so that the old class is removed + // but no new class is added. + } else { + return null; + } + } +}); + +/** + Global views hash + + @property views + @static + @type Hash +*/ +Ember.View.views = {}; + +// If someone overrides the child views computed property when +// defining their class, we want to be able to process the user's +// supplied childViews and then restore the original computed property +// at view initialization time. This happens in Ember.ContainerView's init +// method. +Ember.View.childViewsProperty = childViewsProperty; + +Ember.View.applyAttributeBindings = function(elem, name, value) { + var type = Ember.typeOf(value); + var currentValue = elem.attr(name); + + // if this changes, also change the logic in ember-handlebars/lib/helpers/binding.js + if ((type === 'string' || (type === 'number' && !isNaN(value))) && value !== currentValue) { + elem.attr(name, value); + } else if (value && type === 'boolean') { + elem.attr(name, name); + } else if (!value) { + elem.removeAttr(name); + } +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set; + +Ember.View.states = { + _default: { + // appendChild is only legal while rendering the buffer. + appendChild: function() { + throw "You can't use appendChild outside of the rendering process"; + }, + + $: function() { + return undefined; + }, + + getElement: function() { + return null; + }, + + // Handle events from `Ember.EventDispatcher` + handleEvent: function() { + return true; // continue event propagation + }, + + destroyElement: function(view) { + set(view, 'element', null); + if (view._scheduledInsert) { + Ember.run.cancel(view._scheduledInsert); + view._scheduledInsert = null; + } + return view; + }, + + renderToBufferIfNeeded: function () { + return false; + } + } +}; + +Ember.View.reopen({ + states: Ember.View.states +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +Ember.View.states.preRender = { + parentState: Ember.View.states._default, + + // a view leaves the preRender state once its element has been + // created (createElement). + insertElement: function(view, fn) { + view.createElement(); + view._notifyWillInsertElement(); + // after createElement, the view will be in the hasElement state. + fn.call(view); + view.transitionTo('inDOM'); + view._notifyDidInsertElement(); + }, + + renderToBufferIfNeeded: function(view) { + return view.renderToBuffer(); + }, + + empty: Ember.K, + + setElement: function(view, value) { + if (value !== null) { + view.transitionTo('hasElement'); + } + return value; + } +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set, meta = Ember.meta; + +Ember.View.states.inBuffer = { + parentState: Ember.View.states._default, + + $: function(view, sel) { + // if we don't have an element yet, someone calling this.$() is + // trying to update an element that isn't in the DOM. Instead, + // rerender the view to allow the render method to reflect the + // changes. + view.rerender(); + return Ember.$(); + }, + + // when a view is rendered in a buffer, rerendering it simply + // replaces the existing buffer with a new one + rerender: function(view) { + + + view._notifyWillClearRender(); + + view.clearRenderedChildren(); + view.renderToBuffer(view.buffer, 'replaceWith'); + }, + + // when a view is rendered in a buffer, appending a child + // view will render that view and append the resulting + // buffer into its buffer. + appendChild: function(view, childView, options) { + var buffer = view.buffer; + + childView = this.createChildView(childView, options); + view._childViews.push(childView); + + childView.renderToBuffer(buffer); + + view.propertyDidChange('childViews'); + + return childView; + }, + + // when a view is rendered in a buffer, destroying the + // element will simply destroy the buffer and put the + // state back into the preRender state. + destroyElement: function(view) { + view.clearBuffer(); + view._notifyWillDestroyElement(); + view.transitionTo('preRender'); + + return view; + }, + + empty: function() { + + }, + + renderToBufferIfNeeded: function (view) { + return view.buffer; + }, + + // It should be impossible for a rendered view to be scheduled for + // insertion. + insertElement: function() { + throw "You can't insert an element that has already been rendered"; + }, + + setElement: function(view, value) { + if (value === null) { + view.transitionTo('preRender'); + } else { + view.clearBuffer(); + view.transitionTo('hasElement'); + } + + return value; + } +}; + + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set, meta = Ember.meta; + +Ember.View.states.hasElement = { + parentState: Ember.View.states._default, + + $: function(view, sel) { + var elem = get(view, 'element'); + return sel ? Ember.$(sel, elem) : Ember.$(elem); + }, + + getElement: function(view) { + var parent = get(view, 'parentView'); + if (parent) { parent = get(parent, 'element'); } + if (parent) { return view.findElementInParentElement(parent); } + return Ember.$("#" + get(view, 'elementId'))[0]; + }, + + setElement: function(view, value) { + if (value === null) { + view.transitionTo('preRender'); + } else { + throw "You cannot set an element to a non-null value when the element is already in the DOM."; + } + + return value; + }, + + // once the view has been inserted into the DOM, rerendering is + // deferred to allow bindings to synchronize. + rerender: function(view) { + view._notifyWillClearRender(); + + view.clearRenderedChildren(); + + view.domManager.replace(view); + return view; + }, + + // once the view is already in the DOM, destroying it removes it + // from the DOM, nukes its element, and puts it back into the + // preRender state if inDOM. + + destroyElement: function(view) { + view._notifyWillDestroyElement(); + view.domManager.remove(view); + set(view, 'element', null); + if (view._scheduledInsert) { + Ember.run.cancel(view._scheduledInsert); + view._scheduledInsert = null; + } + return view; + }, + + empty: function(view) { + var _childViews = view._childViews, len, idx; + if (_childViews) { + len = _childViews.length; + for (idx = 0; idx < len; idx++) { + _childViews[idx]._notifyWillDestroyElement(); + } + } + view.domManager.empty(view); + }, + + // Handle events from `Ember.EventDispatcher` + handleEvent: function(view, eventName, evt) { + if (view.has(eventName)) { + // Handler should be able to re-dispatch events, so we don't + // preventDefault or stopPropagation. + return view.trigger(eventName, evt); + } else { + return true; // continue event propagation + } + } +}; + +Ember.View.states.inDOM = { + parentState: Ember.View.states.hasElement, + + insertElement: function(view, fn) { + throw "You can't insert an element into the DOM that has already been inserted"; + } +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var destroyedError = "You can't call %@ on a destroyed view", fmt = Ember.String.fmt; + +Ember.View.states.destroyed = { + parentState: Ember.View.states._default, + + appendChild: function() { + throw fmt(destroyedError, ['appendChild']); + }, + rerender: function() { + throw fmt(destroyedError, ['rerender']); + }, + destroyElement: function() { + throw fmt(destroyedError, ['destroyElement']); + }, + empty: function() { + throw fmt(destroyedError, ['empty']); + }, + + setElement: function() { + throw fmt(destroyedError, ["set('element', ...)"]); + }, + + renderToBufferIfNeeded: function() { + throw fmt(destroyedError, ["renderToBufferIfNeeded"]); + }, + + // Since element insertion is scheduled, don't do anything if + // the view has been destroyed between scheduling and execution + insertElement: Ember.K +}; + + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +@module ember +@submodule ember-views +*/ + +var get = Ember.get, set = Ember.set, meta = Ember.meta; +var forEach = Ember.EnumerableUtils.forEach; + +var childViewsProperty = Ember.computed(function() { + return get(this, '_childViews'); +}).property('_childViews'); + +/** + A `ContainerView` is an `Ember.View` subclass that allows for manual or programatic + management of a view's `childViews` array that will correctly update the `ContainerView` + instance's rendered DOM representation. + + ## Setting Initial Child Views + The initial array of child views can be set in one of two ways. You can provide + a `childViews` property at creation time that contains instance of `Ember.View`: + + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: [Ember.View.create(), Ember.View.create()] + }); + ``` + + You can also provide a list of property names whose values are instances of `Ember.View`: + + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: ['aView', 'bView', 'cView'], + aView: Ember.View.create(), + bView: Ember.View.create() + cView: Ember.View.create() + }); + ``` + + The two strategies can be combined: + + ``` javascript + aContainer = Ember.ContainerView.create({ + childViews: ['aView', Ember.View.create()], + aView: Ember.View.create() + }); + ``` + + Each child view's rendering will be inserted into the container's rendered HTML in the same + order as its position in the `childViews` property. + + ## Adding and Removing Child Views + The views in a container's `childViews` array should be added and removed by manipulating + the `childViews` property directly. + + To remove a view pass that view into a `removeObject` call on the container's `childViews` property. + + Given an empty `` the following code + + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); + + aContainer.appendTo('body'); + ``` + + Results in the HTML + + ``` html +
+
A
+
B
+
+ ``` + + Removing a view + + ``` javascript + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView] + aContainer.get('childViews').removeObject(aContainer.get('bView')); + aContainer.get('childViews'); // [aContainer.aView] + ``` + + Will result in the following HTML + + ``` html +
+
A
+
+ ``` + + + Similarly, adding a child view is accomplished by adding `Ember.View` instances to the + container's `childViews` property. + + Given an empty `` the following code + + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); + + aContainer.appendTo('body'); + ``` + + Results in the HTML + + ``` html +
+
A
+
B
+
+ ``` + + Adding a view + + ``` javascript + AnotherViewClass = Ember.View.extend({ + template: Ember.Handlebars.compile("Another view") + }); + + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView] + aContainer.get('childViews').pushObject(AnotherViewClass.create()); + aContainer.get('childViews'); // [aContainer.aView, aContainer.bView, ] + ``` + + Will result in the following HTML + + ``` html +
+
A
+
B
+
Another view
+
+ ``` + + + Direct manipulation of childViews presence or absence in the DOM via calls to + `remove` or `removeFromParent` or calls to a container's `removeChild` may not behave + correctly. + + Calling `remove()` on a child view will remove the view's HTML, but it will remain as part of its + container's `childView`s property. + + Calling `removeChild()` on the container will remove the passed view instance from the container's + `childView`s but keep its HTML within the container's rendered view. + + Calling `removeFromParent()` behaves as expected but should be avoided in favor of direct + manipulation of a container's `childViews` property. + + ``` javascript + aContainer = Ember.ContainerView.create({ + classNames: ['the-container'], + childViews: ['aView', 'bView'], + aView: Ember.View.create({ + template: Ember.Handlebars.compile("A") + }), + bView: Ember.View.create({ + template: Ember.Handlebars.compile("B") + }) + }); + + aContainer.appendTo('body'); + ``` + + Results in the HTML + + ``` html +
+
A
+
B
+
+ ``` + + Calling `aContainer.get('aView').removeFromParent()` will result in the following HTML + + ``` html +
+
B
+
+ ``` + + And the `Ember.View` instance stored in `aContainer.aView` will be removed from `aContainer`'s + `childViews` array. + + ## Templates and Layout + + A `template`, `templateName`, `defaultTemplate`, `layout`, `layoutName` or `defaultLayout` + property on a container view will not result in the template or layout being rendered. + The HTML contents of a `Ember.ContainerView`'s DOM representation will only be the rendered HTML + of its child views. + + ## Binding a View to Display + + If you would like to display a single view in your ContainerView, you can set its `currentView` + property. When the `currentView` property is set to a view instance, it will be added to the + ContainerView's `childViews` array. If the `currentView` property is later changed to a + different view, the new view will replace the old view. If `currentView` is set to `null`, the + last `currentView` will be removed. + + This functionality is useful for cases where you want to bind the display of a ContainerView to + a controller or state manager. For example, you can bind the `currentView` of a container to + a controller like this: + + ``` javascript + App.appController = Ember.Object.create({ + view: Ember.View.create({ + templateName: 'person_template' + }) + }); + ``` + + ``` handlebars + {{view Ember.ContainerView currentViewBinding="App.appController.view"}} + ``` + + @class ContainerView + @namespace Ember + @extends Ember.View +*/ + +Ember.ContainerView = Ember.View.extend({ + + init: function() { + this._super(); + + var childViews = get(this, 'childViews'); + Ember.defineProperty(this, 'childViews', childViewsProperty); + + var _childViews = this._childViews; + + forEach(childViews, function(viewName, idx) { + var view; + + if ('string' === typeof viewName) { + view = get(this, viewName); + view = this.createChildView(view); + set(this, viewName, view); + } else { + view = this.createChildView(viewName); + } + + _childViews[idx] = view; + }, this); + + var currentView = get(this, 'currentView'); + if (currentView) _childViews.push(this.createChildView(currentView)); + + // Make the _childViews array observable + Ember.A(_childViews); + + // Sets up an array observer on the child views array. This + // observer will detect when child views are added or removed + // and update the DOM to reflect the mutation. + get(this, 'childViews').addArrayObserver(this, { + willChange: 'childViewsWillChange', + didChange: 'childViewsDidChange' + }); + }, + + /** + @private + + Instructs each child view to render to the passed render buffer. + + @method render + @param {Ember.RenderBuffer} buffer the buffer to render to + */ + render: function(buffer) { + this.forEachChildView(function(view) { + view.renderToBuffer(buffer); + }); + }, + + instrumentName: 'render.container', + + /** + @private + + When the container view is destroyed, tear down the child views + array observer. + + @method willDestroy + */ + willDestroy: function() { + get(this, 'childViews').removeArrayObserver(this, { + willChange: 'childViewsWillChange', + didChange: 'childViewsDidChange' + }); + + this._super(); + }, + + /** + @private + + When a child view is removed, destroy its element so that + it is removed from the DOM. + + The array observer that triggers this action is set up in the + `renderToBuffer` method. + + @method childViewsWillChange + @param {Ember.Array} views the child views array before mutation + @param {Number} start the start position of the mutation + @param {Number} removed the number of child views removed + **/ + childViewsWillChange: function(views, start, removed) { + if (removed === 0) { return; } + + var changedViews = views.slice(start, start+removed); + this.initializeViews(changedViews, null, null); + + this.invokeForState('childViewsWillChange', views, start, removed); + }, + + /** + @private + + When a child view is added, make sure the DOM gets updated appropriately. + + If the view has already rendered an element, we tell the child view to + create an element and insert it into the DOM. If the enclosing container view + has already written to a buffer, but not yet converted that buffer into an + element, we insert the string representation of the child into the appropriate + place in the buffer. + + @method childViewsDidChange + @param {Ember.Array} views the array of child views afte the mutation has occurred + @param {Number} start the start position of the mutation + @param {Number} removed the number of child views removed + @param {Number} the number of child views added + */ + childViewsDidChange: function(views, start, removed, added) { + var len = get(views, 'length'); + + // No new child views were added; bail out. + if (added === 0) return; + + var changedViews = views.slice(start, start+added); + this.initializeViews(changedViews, this, get(this, 'templateData')); + + // Let the current state handle the changes + this.invokeForState('childViewsDidChange', views, start, added); + }, + + initializeViews: function(views, parentView, templateData) { + forEach(views, function(view) { + set(view, '_parentView', parentView); + + if (!get(view, 'templateData')) { + set(view, 'templateData', templateData); + } + }); + }, + + currentView: null, + + _currentViewWillChange: Ember.beforeObserver(function() { + var childViews = get(this, 'childViews'), + currentView = get(this, 'currentView'); + + if (currentView) { + childViews.removeObject(currentView); + currentView.destroy(); + } + }, 'currentView'), + + _currentViewDidChange: Ember.observer(function() { + var childViews = get(this, 'childViews'), + currentView = get(this, 'currentView'); + + if (currentView) { + childViews.pushObject(currentView); + } + }, 'currentView'), + + _ensureChildrenAreInDOM: function () { + this.invokeForState('ensureChildrenAreInDOM', this); + } +}); + +// Ember.ContainerView extends the default view states to provide different +// behavior for childViewsWillChange and childViewsDidChange. +Ember.ContainerView.states = { + parent: Ember.View.states, + + inBuffer: { + childViewsDidChange: function(parentView, views, start, added) { + var buffer = parentView.buffer, + startWith, prev, prevBuffer, view; + + // Determine where to begin inserting the child view(s) in the + // render buffer. + if (start === 0) { + // If views were inserted at the beginning, prepend the first + // view to the render buffer, then begin inserting any + // additional views at the beginning. + view = views[start]; + startWith = start + 1; + view.renderToBuffer(buffer, 'prepend'); + } else { + // Otherwise, just insert them at the same place as the child + // views mutation. + view = views[start - 1]; + startWith = start; + } + + for (var i=startWith; i` and the following code: + + ``` javascript + someItemsView = Ember.CollectionView.create({ + classNames: ['a-collection'], + content: ['A','B','C'], + itemViewClass: Ember.View.extend({ + template: Ember.Handlebars.compile("the letter: {{view.content}}") + }) + }); + + someItemsView.appendTo('body'); + ``` + + Will result in the following HTML structure + + ``` html +
+
the letter: A
+
the letter: B
+
the letter: C
+
+ ``` + + ## Automatic matching of parent/child tagNames + + Setting the `tagName` property of a `CollectionView` to any of + "ul", "ol", "table", "thead", "tbody", "tfoot", "tr", or "select" will result + in the item views receiving an appropriately matched `tagName` property. + + + Given an empty `` and the following code: + + ``` javascript + anUndorderedListView = Ember.CollectionView.create({ + tagName: 'ul', + content: ['A','B','C'], + itemViewClass: Ember.View.extend({ + template: Ember.Handlebars.compile("the letter: {{view.content}}") + }) + }); + + anUndorderedListView.appendTo('body'); + ``` + + Will result in the following HTML structure + + ``` html +
    +
  • the letter: A
    • +
  • the letter: B
    • +
  • the letter: C
    • +
+ ``` + + Additional tagName pairs can be provided by adding to `Ember.CollectionView.CONTAINER_MAP ` + + ``` javascript + Ember.CollectionView.CONTAINER_MAP['article'] = 'section' + ``` + + + ## Empty View + You can provide an `Ember.View` subclass to the `Ember.CollectionView` instance as its + `emptyView` property. If the `content` property of a `CollectionView` is set to `null` + or an empty array, an instance of this view will be the `CollectionView`s only child. + + ``` javascript + aListWithNothing = Ember.CollectionView.create({ + classNames: ['nothing'] + content: null, + emptyView: Ember.View.extend({ + template: Ember.Handlebars.compile("The collection is empty") + }) + }); + + aListWithNothing.appendTo('body'); + ``` + + Will result in the following HTML structure + + ``` html +
+
+ The collection is empty +
+
+ ``` + + ## Adding and Removing items + The `childViews` property of a `CollectionView` should not be directly manipulated. Instead, + add, remove, replace items from its `content` property. This will trigger + appropriate changes to its rendered HTML. + + ## Use in templates via the `{{collection}}` Ember.Handlebars helper + Ember.Handlebars provides a helper specifically for adding `CollectionView`s to templates. + See `Ember.Handlebars.collection` for more details + + @class CollectionView + @namespace Ember + @extends Ember.ContainerView + @since Ember 0.9 +*/ +Ember.CollectionView = Ember.ContainerView.extend( +/** @scope Ember.CollectionView.prototype */ { + + /** + A list of items to be displayed by the Ember.CollectionView. + + @property content + @type Ember.Array + @default null + */ + content: null, + + /** + @private + + This provides metadata about what kind of empty view class this + collection would like if it is being instantiated from another + system (like Handlebars) + + @property emptyViewClass + */ + emptyViewClass: Ember.View, + + /** + An optional view to display if content is set to an empty array. + + @property emptyView + @type Ember.View + @default null + */ + emptyView: null, + + /** + @property itemViewClass + @type Ember.View + @default Ember.View + */ + itemViewClass: Ember.View, + + init: function() { + var ret = this._super(); + this._contentDidChange(); + return ret; + }, + + _contentWillChange: Ember.beforeObserver(function() { + var content = this.get('content'); + + if (content) { content.removeArrayObserver(this); } + var len = content ? get(content, 'length') : 0; + this.arrayWillChange(content, 0, len); + }, 'content'), + + /** + @private + + Check to make sure that the content has changed, and if so, + update the children directly. This is always scheduled + asynchronously, to allow the element to be created before + bindings have synchronized and vice versa. + + @method _contentDidChange + */ + _contentDidChange: Ember.observer(function() { + var content = get(this, 'content'); + + if (content) { + + content.addArrayObserver(this); + } + + var len = content ? get(content, 'length') : 0; + this.arrayDidChange(content, 0, null, len); + }, 'content'), + + willDestroy: function() { + var content = get(this, 'content'); + if (content) { content.removeArrayObserver(this); } + + this._super(); + }, + + arrayWillChange: function(content, start, removedCount) { + // If the contents were empty before and this template collection has an + // empty view remove it now. + var emptyView = get(this, 'emptyView'); + if (emptyView && emptyView instanceof Ember.View) { + emptyView.removeFromParent(); + } + + // Loop through child views that correspond with the removed items. + // Note that we loop from the end of the array to the beginning because + // we are mutating it as we go. + var childViews = get(this, 'childViews'), childView, idx, len; + + len = get(childViews, 'length'); + + var removingAll = removedCount === len; + + if (removingAll) { + this.invokeForState('empty'); + } + + for (idx = start + removedCount - 1; idx >= start; idx--) { + childView = childViews[idx]; + if (removingAll) { childView.removedFromDOM = true; } + childView.destroy(); + } + }, + + /** + Called when a mutation to the underlying content array occurs. + + This method will replay that mutation against the views that compose the + Ember.CollectionView, ensuring that the view reflects the model. + + This array observer is added in contentDidChange. + + @method arrayDidChange + @param {Array} addedObjects the objects that were added to the content + @param {Array} removedObjects the objects that were removed from the content + @param {Number} changeIndex the index at which the changes occurred + */ + arrayDidChange: function(content, start, removed, added) { + var itemViewClass = get(this, 'itemViewClass'), + childViews = get(this, 'childViews'), + addedViews = [], view, item, idx, len, itemTagName; + + if ('string' === typeof itemViewClass) { + itemViewClass = get(itemViewClass); + } + + + len = content ? get(content, 'length') : 0; + if (len) { + for (idx = start; idx < start+added; idx++) { + item = content.objectAt(idx); + + view = this.createChildView(itemViewClass, { + content: item, + contentIndex: idx + }); + + addedViews.push(view); + } + } else { + var emptyView = get(this, 'emptyView'); + if (!emptyView) { return; } + + emptyView = this.createChildView(emptyView); + addedViews.push(emptyView); + set(this, 'emptyView', emptyView); + } + childViews.replace(start, 0, addedViews); + }, + + createChildView: function(view, attrs) { + view = this._super(view, attrs); + + var itemTagName = get(view, 'tagName'); + var tagName = (itemTagName === null || itemTagName === undefined) ? Ember.CollectionView.CONTAINER_MAP[get(this, 'tagName')] : itemTagName; + + set(view, 'tagName', tagName); + + return view; + } +}); + +/** + A map of parent tags to their default child tags. You can add + additional parent tags if you want collection views that use + a particular parent tag to default to a child tag. + + @property CONTAINER_MAP + @type Hash + @static + @final +*/ +Ember.CollectionView.CONTAINER_MAP = { + ul: 'li', + ol: 'li', + table: 'tr', + thead: 'tr', + tbody: 'tr', + tfoot: 'tr', + tr: 'td', + select: 'option' +}; + +})(); + + + +(function() { + +})(); + + + +(function() { +/*globals jQuery*/ +/** +Ember Views + +@module ember +@submodule ember-views +@require ember-runtime +@main ember-views +*/ + +})(); + +(function() { +var get = Ember.get, set = Ember.set; + +/** +@module ember +@submodule ember-states +*/ + +/** + @class State + @namespace Ember + @extends Ember.Object + @uses Ember.Evented +*/ +Ember.State = Ember.Object.extend(Ember.Evented, +/** @scope Ember.State.prototype */{ + isState: true, + + /** + A reference to the parent state. + + @property parentState + @type Ember.State + */ + parentState: null, + start: null, + + /** + The name of this state. + + @property name + @type String + */ + name: null, + + /** + The full path to this state. + + @property path + @type String + */ + path: Ember.computed(function() { + var parentPath = get(this, 'parentState.path'), + path = get(this, 'name'); + + if (parentPath) { + path = parentPath + '.' + path; + } + + return path; + }).property(), + + /** + @private + + Override the default event firing from Ember.Evented to + also call methods with the given name. + + @method trigger + @param name + */ + trigger: function(name) { + if (this[name]) { + this[name].apply(this, [].slice.call(arguments, 1)); + } + this._super.apply(this, arguments); + }, + + init: function() { + var states = get(this, 'states'), foundStates; + set(this, 'childStates', Ember.A()); + set(this, 'eventTransitions', get(this, 'eventTransitions') || {}); + + var name, value, transitionTarget; + + // As a convenience, loop over the properties + // of this state and look for any that are other + // Ember.State instances or classes, and move them + // to the `states` hash. This avoids having to + // create an explicit separate hash. + + if (!states) { + states = {}; + + for (name in this) { + if (name === "constructor") { continue; } + + if (value = this[name]) { + if (transitionTarget = value.transitionTarget) { + this.eventTransitions[name] = transitionTarget; + } + + this.setupChild(states, name, value); + } + } + + set(this, 'states', states); + } else { + for (name in states) { + this.setupChild(states, name, states[name]); + } + } + + set(this, 'pathsCache', {}); + set(this, 'pathsCacheNoContext', {}); + }, + + setupChild: function(states, name, value) { + if (!value) { return false; } + + if (value.isState) { + set(value, 'name', name); + } else if (Ember.State.detect(value)) { + value = value.create({ + name: name + }); + } + + if (value.isState) { + set(value, 'parentState', this); + get(this, 'childStates').pushObject(value); + states[name] = value; + return value; + } + }, + + lookupEventTransition: function(name) { + var path, state = this; + + while(state && !path) { + path = state.eventTransitions[name]; + state = state.get('parentState'); + } + + return path; + }, + + /** + A Boolean value indicating whether the state is a leaf state + in the state hierarchy. This is false if the state has child + states; otherwise it is true. + + @property isLeaf + @type Boolean + */ + isLeaf: Ember.computed(function() { + return !get(this, 'childStates').length; + }), + + /** + A boolean value indicating whether the state takes a context. + By default we assume all states take contexts. + + @property hasContext + @default true + */ + hasContext: true, + + /** + This is the default transition event. + + @event setup + @param {Ember.StateManager} manager + @param context + @see Ember.StateManager#transitionEvent + */ + setup: Ember.K, + + /** + This event fires when the state is entered. + + @event enter + @param {Ember.StateManager} manager + */ + enter: Ember.K, + + /** + This event fires when the state is exited. + + @event exit + @param {Ember.StateManager} manager + */ + exit: Ember.K +}); + +Ember.State.reopenClass({ + + /** + Creates an action function for transitioning to the named state while preserving context. + + The following example StateManagers are equivalent: + + aManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: Ember.State.transitionTo('stateTwo') + }), + stateTwo: Ember.State.create({}) + }) + + bManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: function(manager, context){ + manager.transitionTo('stateTwo', context) + } + }), + stateTwo: Ember.State.create({}) + }) + + @method transitionTo + @static + @param {String} target + */ + + transitionTo: function(target) { + + var transitionFunction = function(stateManager, contextOrEvent) { + var contexts = [], transitionArgs, + Event = Ember.$ && Ember.$.Event; + + if (contextOrEvent && (Event && contextOrEvent instanceof Event)) { + if (contextOrEvent.hasOwnProperty('contexts')) { + contexts = contextOrEvent.contexts.slice(); + } + } + else { + contexts = [].slice.call(arguments, 1); + } + + contexts.unshift(target); + stateManager.transitionTo.apply(stateManager, contexts); + }; + + transitionFunction.transitionTarget = target; + + return transitionFunction; + } + +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-states +*/ + +var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; +var arrayForEach = Ember.ArrayPolyfills.forEach; +/** + A Transition takes the enter, exit and resolve states and normalizes + them: + + * takes any passed in contexts into consideration + * adds in `initialState`s + + @class Transition + @private +*/ +var Transition = function(raw) { + this.enterStates = raw.enterStates.slice(); + this.exitStates = raw.exitStates.slice(); + this.resolveState = raw.resolveState; + + this.finalState = raw.enterStates[raw.enterStates.length - 1] || raw.resolveState; +}; + +Transition.prototype = { + /** + Normalize the passed in enter, exit and resolve states. + + This process also adds `finalState` and `contexts` to the Transition object. + + @method normalize + @param {Ember.StateManager} manager the state manager running the transition + @param {Array} contexts a list of contexts passed into `transitionTo` + */ + normalize: function(manager, contexts) { + this.matchContextsToStates(contexts); + this.addInitialStates(); + this.removeUnchangedContexts(manager); + return this; + }, + + /** + Match each of the contexts passed to `transitionTo` to a state. + This process may also require adding additional enter and exit + states if there are more contexts than enter states. + + @method matchContextsToStates + @param {Array} contexts a list of contexts passed into `transitionTo` + */ + matchContextsToStates: function(contexts) { + var stateIdx = this.enterStates.length - 1, + matchedContexts = [], + state, + context; + + // Next, we will match the passed in contexts to the states they + // represent. + // + // First, assign a context to each enter state in reverse order. If + // any contexts are left, add a parent state to the list of states + // to enter and exit, and assign a context to the parent state. + // + // If there are still contexts left when the state manager is + // reached, raise an exception. + // + // This allows the following: + // + // |- root + // | |- post + // | | |- comments + // | |- about (* current state) + // + // For `transitionTo('post.comments', post, post.get('comments')`, + // the first context (`post`) will be assigned to `root.post`, and + // the second context (`post.get('comments')`) will be assigned + // to `root.post.comments`. + // + // For the following: + // + // |- root + // | |- post + // | | |- index (* current state) + // | | |- comments + // + // For `transitionTo('post.comments', otherPost, otherPost.get('comments')`, + // the `` state will be added to the list of enter and exit + // states because its context has changed. + + while (contexts.length > 0) { + if (stateIdx >= 0) { + state = this.enterStates[stateIdx--]; + } else { + if (this.enterStates.length) { + state = get(this.enterStates[0], 'parentState'); + if (!state) { throw "Cannot match all contexts to states"; } + } else { + // If re-entering the current state with a context, the resolve + // state will be the current state. + state = this.resolveState; + } + + this.enterStates.unshift(state); + this.exitStates.unshift(state); + } + + // in routers, only states with dynamic segments have a context + if (get(state, 'hasContext')) { + context = contexts.pop(); + } else { + context = null; + } + + matchedContexts.unshift(context); + } + + this.contexts = matchedContexts; + }, + + /** + Add any `initialState`s to the list of enter states. + + @method addInitialStates + */ + addInitialStates: function() { + var finalState = this.finalState, initialState; + + while(true) { + initialState = get(finalState, 'initialState') || 'start'; + finalState = get(finalState, 'states.' + initialState); + + if (!finalState) { break; } + + this.finalState = finalState; + this.enterStates.push(finalState); + this.contexts.push(undefined); + } + }, + + /** + Remove any states that were added because the number of contexts + exceeded the number of explicit enter states, but the context has + not changed since the last time the state was entered. + + @method removeUnchangedContexts + @param {Ember.StateManager} manager passed in to look up the last + context for a states + */ + removeUnchangedContexts: function(manager) { + // Start from the beginning of the enter states. If the state was added + // to the list during the context matching phase, make sure the context + // has actually changed since the last time the state was entered. + while (this.enterStates.length > 0) { + if (this.enterStates[0] !== this.exitStates[0]) { break; } + + if (this.enterStates.length === this.contexts.length) { + if (manager.getStateMeta(this.enterStates[0], 'context') !== this.contexts[0]) { break; } + this.contexts.shift(); + } + + this.resolveState = this.enterStates.shift(); + this.exitStates.shift(); + } + } +}; + +/** + StateManager is part of Ember's implementation of a finite state machine. A StateManager + instance manages a number of properties that are instances of `Ember.State`, + tracks the current active state, and triggers callbacks when states have changed. + + ## Defining States + + The states of StateManager can be declared in one of two ways. First, you can define + a `states` property that contains all the states: + + managerA = Ember.StateManager.create({ + states: { + stateOne: Ember.State.create(), + stateTwo: Ember.State.create() + } + }) + + managerA.get('states') + // { + // stateOne: Ember.State.create(), + // stateTwo: Ember.State.create() + // } + + You can also add instances of `Ember.State` (or an `Ember.State` subclass) directly as properties + of a StateManager. These states will be collected into the `states` property for you. + + managerA = Ember.StateManager.create({ + stateOne: Ember.State.create(), + stateTwo: Ember.State.create() + }) + + managerA.get('states') + // { + // stateOne: Ember.State.create(), + // stateTwo: Ember.State.create() + // } + + ## The Initial State + When created a StateManager instance will immediately enter into the state + defined as its `start` property or the state referenced by name in its + `initialState` property: + + managerA = Ember.StateManager.create({ + start: Ember.State.create({}) + }) + + managerA.get('currentState.name') // 'start' + + managerB = Ember.StateManager.create({ + initialState: 'beginHere', + beginHere: Ember.State.create({}) + }) + + managerB.get('currentState.name') // 'beginHere' + + Because it is a property you may also provide a computed function if you wish to derive + an `initialState` programmatically: + + managerC = Ember.StateManager.create({ + initialState: function(){ + if (someLogic) { + return 'active'; + } else { + return 'passive'; + } + }.property(), + active: Ember.State.create({}), + passive: Ember.State.create({}) + }) + + ## Moving Between States + A StateManager can have any number of Ember.State objects as properties + and can have a single one of these states as its current state. + + Calling `transitionTo` transitions between states: + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown', + poweredDown: Ember.State.create({}), + poweredUp: Ember.State.create({}) + }) + + robotManager.get('currentState.name') // 'poweredDown' + robotManager.transitionTo('poweredUp') + robotManager.get('currentState.name') // 'poweredUp' + + Before transitioning into a new state the existing `currentState` will have its + `exit` method called with the StateManager instance as its first argument and + an object representing the transition as its second argument. + + After transitioning into a new state the new `currentState` will have its + `enter` method called with the StateManager instance as its first argument and + an object representing the transition as its second argument. + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown', + poweredDown: Ember.State.create({ + exit: function(stateManager){ + console.log("exiting the poweredDown state") + } + }), + poweredUp: Ember.State.create({ + enter: function(stateManager){ + console.log("entering the poweredUp state. Destroy all humans.") + } + }) + }) + + robotManager.get('currentState.name') // 'poweredDown' + robotManager.transitionTo('poweredUp') + // will log + // 'exiting the poweredDown state' + // 'entering the poweredUp state. Destroy all humans.' + + + Once a StateManager is already in a state, subsequent attempts to enter that state will + not trigger enter or exit method calls. Attempts to transition into a state that the + manager does not have will result in no changes in the StateManager's current state: + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown', + poweredDown: Ember.State.create({ + exit: function(stateManager){ + console.log("exiting the poweredDown state") + } + }), + poweredUp: Ember.State.create({ + enter: function(stateManager){ + console.log("entering the poweredUp state. Destroy all humans.") + } + }) + }) + + robotManager.get('currentState.name') // 'poweredDown' + robotManager.transitionTo('poweredUp') + // will log + // 'exiting the poweredDown state' + // 'entering the poweredUp state. Destroy all humans.' + robotManager.transitionTo('poweredUp') // no logging, no state change + + robotManager.transitionTo('someUnknownState') // silently fails + robotManager.get('currentState.name') // 'poweredUp' + + + Each state property may itself contain properties that are instances of Ember.State. + The StateManager can transition to specific sub-states in a series of transitionTo method calls or + via a single transitionTo with the full path to the specific state. The StateManager will also + keep track of the full path to its currentState + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown', + poweredDown: Ember.State.create({ + charging: Ember.State.create(), + charged: Ember.State.create() + }), + poweredUp: Ember.State.create({ + mobile: Ember.State.create(), + stationary: Ember.State.create() + }) + }) + + robotManager.get('currentState.name') // 'poweredDown' + + robotManager.transitionTo('poweredUp') + robotManager.get('currentState.name') // 'poweredUp' + + robotManager.transitionTo('mobile') + robotManager.get('currentState.name') // 'mobile' + + // transition via a state path + robotManager.transitionTo('poweredDown.charging') + robotManager.get('currentState.name') // 'charging' + + robotManager.get('currentState.path') // 'poweredDown.charging' + + Enter transition methods will be called for each state and nested child state in their + hierarchical order. Exit methods will be called for each state and its nested states in + reverse hierarchical order. + + Exit transitions for a parent state are not called when entering into one of its child states, + only when transitioning to a new section of possible states in the hierarchy. + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown', + poweredDown: Ember.State.create({ + enter: function(){}, + exit: function(){ + console.log("exited poweredDown state") + }, + charging: Ember.State.create({ + enter: function(){}, + exit: function(){} + }), + charged: Ember.State.create({ + enter: function(){ + console.log("entered charged state") + }, + exit: function(){ + console.log("exited charged state") + } + }) + }), + poweredUp: Ember.State.create({ + enter: function(){ + console.log("entered poweredUp state") + }, + exit: function(){}, + mobile: Ember.State.create({ + enter: function(){ + console.log("entered mobile state") + }, + exit: function(){} + }), + stationary: Ember.State.create({ + enter: function(){}, + exit: function(){} + }) + }) + }) + + + robotManager.get('currentState.path') // 'poweredDown' + robotManager.transitionTo('charged') + // logs 'entered charged state' + // but does *not* log 'exited poweredDown state' + robotManager.get('currentState.name') // 'charged + + robotManager.transitionTo('poweredUp.mobile') + // logs + // 'exited charged state' + // 'exited poweredDown state' + // 'entered poweredUp state' + // 'entered mobile state' + + During development you can set a StateManager's `enableLogging` property to `true` to + receive console messages of state transitions. + + robotManager = Ember.StateManager.create({ + enableLogging: true + }) + + ## Managing currentState with Actions + To control which transitions between states are possible for a given state, StateManager + can receive and route action messages to its states via the `send` method. Calling to `send` with + an action name will begin searching for a method with the same name starting at the current state + and moving up through the parent states in a state hierarchy until an appropriate method is found + or the StateManager instance itself is reached. + + If an appropriately named method is found it will be called with the state manager as the first + argument and an optional `context` object as the second argument. + + managerA = Ember.StateManager.create({ + initialState: 'stateOne.substateOne.subsubstateOne', + stateOne: Ember.State.create({ + substateOne: Ember.State.create({ + anAction: function(manager, context){ + console.log("an action was called") + }, + subsubstateOne: Ember.State.create({}) + }) + }) + }) + + managerA.get('currentState.name') // 'subsubstateOne' + managerA.send('anAction') + // 'stateOne.substateOne.subsubstateOne' has no anAction method + // so the 'anAction' method of 'stateOne.substateOne' is called + // and logs "an action was called" + // with managerA as the first argument + // and no second argument + + someObject = {} + managerA.send('anAction', someObject) + // the 'anAction' method of 'stateOne.substateOne' is called again + // with managerA as the first argument and + // someObject as the second argument. + + + If the StateManager attempts to send an action but does not find an appropriately named + method in the current state or while moving upwards through the state hierarchy + it will throw a new Ember.Error. Action detection only moves upwards through the state hierarchy + from the current state. It does not search in other portions of the hierarchy. + + managerB = Ember.StateManager.create({ + initialState: 'stateOne.substateOne.subsubstateOne', + stateOne: Ember.State.create({ + substateOne: Ember.State.create({ + subsubstateOne: Ember.State.create({}) + }) + }), + stateTwo: Ember.State.create({ + anAction: function(manager, context){ + // will not be called below because it is + // not a parent of the current state + } + }) + }) + + managerB.get('currentState.name') // 'subsubstateOne' + managerB.send('anAction') + // Error: could not + // respond to event anAction in state stateOne.substateOne.subsubstateOne. + + Inside of an action method the given state should delegate `transitionTo` calls on its + StateManager. + + robotManager = Ember.StateManager.create({ + initialState: 'poweredDown.charging', + poweredDown: Ember.State.create({ + charging: Ember.State.create({ + chargeComplete: function(manager, context){ + manager.transitionTo('charged') + } + }), + charged: Ember.State.create({ + boot: function(manager, context){ + manager.transitionTo('poweredUp') + } + }) + }), + poweredUp: Ember.State.create({ + beginExtermination: function(manager, context){ + manager.transitionTo('rampaging') + }, + rampaging: Ember.State.create() + }) + }) + + robotManager.get('currentState.name') // 'charging' + robotManager.send('boot') // throws error, no boot action + // in current hierarchy + robotManager.get('currentState.name') // remains 'charging' + + robotManager.send('beginExtermination') // throws error, no beginExtermination + // action in current hierarchy + robotManager.get('currentState.name') // remains 'charging' + + robotManager.send('chargeComplete') + robotManager.get('currentState.name') // 'charged' + + robotManager.send('boot') + robotManager.get('currentState.name') // 'poweredUp' + + robotManager.send('beginExtermination', allHumans) + robotManager.get('currentState.name') // 'rampaging' + + Transition actions can also be created using the `transitionTo` method of the Ember.State class. The + following example StateManagers are equivalent: + + aManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: Ember.State.transitionTo('stateTwo') + }), + stateTwo: Ember.State.create({}) + }) + + bManager = Ember.StateManager.create({ + stateOne: Ember.State.create({ + changeToStateTwo: function(manager, context){ + manager.transitionTo('stateTwo', context) + } + }), + stateTwo: Ember.State.create({}) + }) + + @class StateManager + @namespace Ember + @extends Ember.State +**/ +Ember.StateManager = Ember.State.extend({ + /** + @private + + When creating a new statemanager, look for a default state to transition + into. This state can either be named `start`, or can be specified using the + `initialState` property. + + @method init + */ + init: function() { + this._super(); + + set(this, 'stateMeta', Ember.Map.create()); + + var initialState = get(this, 'initialState'); + + if (!initialState && get(this, 'states.start')) { + initialState = 'start'; + } + + if (initialState) { + this.transitionTo(initialState); + + } + }, + + stateMetaFor: function(state) { + var meta = get(this, 'stateMeta'), + stateMeta = meta.get(state); + + if (!stateMeta) { + stateMeta = {}; + meta.set(state, stateMeta); + } + + return stateMeta; + }, + + setStateMeta: function(state, key, value) { + return set(this.stateMetaFor(state), key, value); + }, + + getStateMeta: function(state, key) { + return get(this.stateMetaFor(state), key); + }, + + /** + The current state from among the manager's possible states. This property should + not be set directly. Use `transitionTo` to move between states by name. + + @property currentState + @type Ember.State + */ + currentState: null, + + /** + The path of the current state. Returns a string representation of the current + state. + + @property currentPath + @type String + */ + currentPath: Ember.computed('currentState', function() { + return get(this, 'currentState.path'); + }), + + /** + The name of transitionEvent that this stateManager will dispatch + + @property transitionEvent + @type String + @default 'setup' + */ + transitionEvent: 'setup', + + /** + If set to true, `errorOnUnhandledEvents` will cause an exception to be + raised if you attempt to send an event to a state manager that is not + handled by the current state or any of its parent states. + + @property errorOnUnhandledEvents + @type Boolean + @default true + */ + errorOnUnhandledEvent: true, + + send: function(event) { + var contexts, sendRecursiveArguments; + + + contexts = [].slice.call(arguments, 1); + sendRecursiveArguments = contexts; + sendRecursiveArguments.unshift(event, get(this, 'currentState')); + + return this.sendRecursively.apply(this, sendRecursiveArguments); + }, + + sendRecursively: function(event, currentState) { + var log = this.enableLogging, + action = currentState[event], + contexts, sendRecursiveArguments, actionArguments; + + contexts = [].slice.call(arguments, 2); + + // Test to see if the action is a method that + // can be invoked. Don't blindly check just for + // existence, because it is possible the state + // manager has a child state of the given name, + // and we should still raise an exception in that + // case. + if (typeof action === 'function') { + if (log) { Ember.Logger.log(fmt("STATEMANAGER: Sending event '%@' to state %@.", [event, get(currentState, 'path')])); } + + actionArguments = contexts; + actionArguments.unshift(this); + + return action.apply(currentState, actionArguments); + } else { + var parentState = get(currentState, 'parentState'); + if (parentState) { + + sendRecursiveArguments = contexts; + sendRecursiveArguments.unshift(event, parentState); + + return this.sendRecursively.apply(this, sendRecursiveArguments); + } else if (get(this, 'errorOnUnhandledEvent')) { + throw new Ember.Error(this.toString() + " could not respond to event " + event + " in state " + get(this, 'currentState.path') + "."); + } + } + }, + + /** + Finds a state by its state path. + + Example: + + manager = Ember.StateManager.create({ + root: Ember.State.create({ + dashboard: Ember.State.create() + }) + }); + + manager.getStateByPath(manager, "root.dashboard") + + // returns the dashboard state + + @method getStateByPath + @param {Ember.State} root the state to start searching from + @param {String} path the state path to follow + @return {Ember.State} the state at the end of the path + */ + getStateByPath: function(root, path) { + var parts = path.split('.'), + state = root; + + for (var i=0, len=parts.length; i`, an attempt to + // transition to `comments.show` will match ``. + // + // First, this code will look for root.posts.show.comments.show. + // Next, it will look for root.posts.comments.show. Finally, + // it will look for `root.comments.show`, and find the state. + // + // After this process, the following variables will exist: + // + // * resolveState: a common parent state between the current + // and target state. In the above example, `` is the + // `resolveState`. + // * enterStates: a list of all of the states represented + // by the path from the `resolveState`. For example, for + // the path `root.comments.show`, `enterStates` would have + // `[, ]` + // * exitStates: a list of all of the states from the + // `resolveState` to the `currentState`. In the above + // example, `exitStates` would have + // `[`, `]`. + while (resolveState && !enterStates) { + exitStates.unshift(resolveState); + + resolveState = get(resolveState, 'parentState'); + if (!resolveState) { + enterStates = this.getStatesInPath(this, path); + if (!enterStates) { + + return; + } + } + enterStates = this.getStatesInPath(resolveState, path); + } + + // If the path contains some states that are parents of both the + // current state and the target state, remove them. + // + // For example, in the following hierarchy: + // + // |- root + // | |- post + // | | |- index (* current) + // | | |- show + // + // If the `path` is `root.post.show`, the three variables will + // be: + // + // * resolveState: `` + // * enterStates: `[, , ]` + // * exitStates: `[, , ]` + // + // The goal of this code is to remove the common states, so we + // have: + // + // * resolveState: `` + // * enterStates: `[]` + // * exitStates: `[]` + // + // This avoid unnecessary calls to the enter and exit transitions. + while (enterStates.length > 0 && enterStates[0] === exitStates[0]) { + resolveState = enterStates.shift(); + exitStates.shift(); + } + + // Cache the enterStates, exitStates, and resolveState for the + // current state and the `path`. + var transitions = currentState.pathsCache[path] = { + exitStates: exitStates, + enterStates: enterStates, + resolveState: resolveState + }; + + return transitions; + }, + + triggerSetupContext: function(transitions) { + var contexts = transitions.contexts, + offset = transitions.enterStates.length - contexts.length, + enterStates = transitions.enterStates, + transitionEvent = get(this, 'transitionEvent'); + + + arrayForEach.call(enterStates, function(state, idx) { + state.trigger(transitionEvent, this, contexts[idx-offset]); + }, this); + }, + + getState: function(name) { + var state = get(this, name), + parentState = get(this, 'parentState'); + + if (state) { + return state; + } else if (parentState) { + return parentState.getState(name); + } + }, + + enterState: function(transition) { + var log = this.enableLogging; + + var exitStates = transition.exitStates.slice(0).reverse(); + arrayForEach.call(exitStates, function(state) { + state.trigger('exit', this); + }, this); + + arrayForEach.call(transition.enterStates, function(state) { + if (log) { Ember.Logger.log("STATEMANAGER: Entering " + get(state, 'path')); } + state.trigger('enter', this); + }, this); + + set(this, 'currentState', transition.finalState); + } +}); + +})(); + + + +(function() { +/** +Ember States + +@module ember +@submodule ember-states +@requires ember-runtime +*/ + +})(); + +(function() { +var get = Ember.get; + +Ember._ResolvedState = Ember.Object.extend({ + manager: null, + state: null, + match: null, + + object: Ember.computed(function(key, value) { + if (arguments.length === 2) { + this._object = value; + return value; + } else { + if (this._object) { + return this._object; + } else { + var state = get(this, 'state'), + match = get(this, 'match'), + manager = get(this, 'manager'); + return state.deserialize(manager, match.hash); + } + } + }).property(), + + hasPromise: Ember.computed(function() { + return Ember.canInvoke(get(this, 'object'), 'then'); + }).property('object'), + + promise: Ember.computed(function() { + var object = get(this, 'object'); + if (Ember.canInvoke(object, 'then')) { + return object; + } else { + return { + then: function(success) { success(object); } + }; + } + }).property('object'), + + transition: function() { + var manager = get(this, 'manager'), + path = get(this, 'state.path'), + object = get(this, 'object'); + manager.transitionTo(path, object); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-routing +*/ + +var get = Ember.get; + +// The Ember Routable mixin assumes the existance of a simple +// routing shim that supports the following three behaviors: +// +// * .getURL() - this is called when the page loads +// * .setURL(newURL) - this is called from within the state +// manager when the state changes to a routable state +// * .onURLChange(callback) - this happens when the user presses +// the back or forward button + +var paramForClass = function(classObject) { + var className = classObject.toString(), + parts = className.split("."), + last = parts[parts.length - 1]; + + return Ember.String.underscore(last) + "_id"; +}; + +var merge = function(original, hash) { + for (var prop in hash) { + if (!hash.hasOwnProperty(prop)) { continue; } + if (original.hasOwnProperty(prop)) { continue; } + + original[prop] = hash[prop]; + } +}; + +/** + @class Routable + @namespace Ember + @extends Ember.Mixin +*/ +Ember.Routable = Ember.Mixin.create({ + init: function() { + var redirection; + this.on('setup', this, this.stashContext); + + if (redirection = get(this, 'redirectsTo')) { + + + this.connectOutlets = function(router) { + router.transitionTo(redirection); + }; + } + + // normalize empty route to '/' + var route = get(this, 'route'); + if (route === '') { + route = '/'; + } + + this._super(); + + }, + + setup: function() { + return this.connectOutlets.apply(this, arguments); + }, + + /** + @private + + Whenever a routable state is entered, the context it was entered with + is stashed so that we can regenerate the state's `absoluteURL` on + demand. + + @method stashContext + @param manager {Ember.StateManager} + @param context + */ + stashContext: function(manager, context) { + this.router = manager; + + var serialized = this.serialize(manager, context); + + + manager.setStateMeta(this, 'context', context); + manager.setStateMeta(this, 'serialized', serialized); + + if (get(this, 'isRoutable') && !get(manager, 'isRouting')) { + this.updateRoute(manager, get(manager, 'location')); + } + }, + + /** + @private + + Whenever a routable state is entered, the router's location object + is notified to set the URL to the current absolute path. + + In general, this will update the browser's URL. + + @method updateRoute + @param manager {Ember.StateManager} + @param location {Ember.Location} + */ + updateRoute: function(manager, location) { + if (get(this, 'isLeafRoute')) { + var path = this.absoluteRoute(manager); + location.setURL(path); + } + }, + + /** + @private + + Get the absolute route for the current state and a given + hash. + + This method is private, as it expects a serialized hash, + not the original context object. + + @method absoluteRoute + @param manager {Ember.StateManager} + @param hash {Hash} + */ + absoluteRoute: function(manager, hash) { + var parentState = get(this, 'parentState'); + var path = '', generated; + + // If the parent state is routable, use its current path + // as this route's prefix. + if (get(parentState, 'isRoutable')) { + path = parentState.absoluteRoute(manager, hash); + } + + var matcher = get(this, 'routeMatcher'), + serialized = manager.getStateMeta(this, 'serialized'); + + // merge the existing serialized object in with the passed + // in hash. + hash = hash || {}; + merge(hash, serialized); + + generated = matcher && matcher.generate(hash); + + if (generated) { + path = path + '/' + generated; + } + + return path; + }, + + /** + @private + + At the moment, a state is routable if it has a string `route` + property. This heuristic may change. + + @property isRoutable + @type Boolean + */ + isRoutable: Ember.computed(function() { + return typeof get(this, 'route') === 'string'; + }), + + /** + @private + + Determine if this is the last routeable state + + @property isLeafRoute + @type Boolean + */ + isLeafRoute: Ember.computed(function() { + if (get(this, 'isLeaf')) { return true; } + return !get(this, 'childStates').findProperty('isRoutable'); + }), + + /** + @private + + A _RouteMatcher object generated from the current route's `route` + string property. + + @property routeMatcher + @type Ember._RouteMatcher + */ + routeMatcher: Ember.computed(function() { + var route = get(this, 'route'); + if (route) { + return Ember._RouteMatcher.create({ route: route }); + } + }), + + /** + @private + + Check whether the route has dynamic segments and therefore takes + a context. + + @property hasContext + @type Boolean + */ + hasContext: Ember.computed(function() { + var routeMatcher = get(this, 'routeMatcher'); + if (routeMatcher) { + return routeMatcher.identifiers.length > 0; + } + }), + + /** + @private + + The model class associated with the current state. This property + uses the `modelType` property, in order to allow it to be + specified as a String. + + @property modelClass + @type Ember.Object + */ + modelClass: Ember.computed(function() { + var modelType = get(this, 'modelType'); + + if (typeof modelType === 'string') { + return Ember.get(Ember.lookup, modelType); + } else { + return modelType; + } + }), + + /** + @private + + Get the model class for the state. The heuristic is: + + * The state must have a single dynamic segment + * The dynamic segment must end in `_id` + * A dynamic segment like `blog_post_id` is converted into `BlogPost` + * The name is then looked up on the passed in namespace + + The process of initializing an application with a router will + pass the application's namespace into the router, which will be + used here. + + @method modelClassFor + @param namespace {Ember.Namespace} + */ + modelClassFor: function(namespace) { + var modelClass, routeMatcher, identifiers, match, className; + + // if an explicit modelType was specified, use that + if (modelClass = get(this, 'modelClass')) { return modelClass; } + + // if the router has no lookup namespace, we won't be able to guess + // the modelType + if (!namespace) { return; } + + // make sure this state is actually a routable state + routeMatcher = get(this, 'routeMatcher'); + if (!routeMatcher) { return; } + + // only guess modelType for states with a single dynamic segment + // (no more, no fewer) + identifiers = routeMatcher.identifiers; + if (identifiers.length !== 2) { return; } + + // extract the `_id` from the end of the dynamic segment; if the + // dynamic segment does not end in `_id`, we can't guess the + // modelType + match = identifiers[1].match(/^(.*)_id$/); + if (!match) { return; } + + // convert the underscored type into a class form and look it up + // on the router's namespace + className = Ember.String.classify(match[1]); + return get(namespace, className); + }, + + /** + The default method that takes a `params` object and converts + it into an object. + + By default, a params hash that looks like `{ post_id: 1 }` + will be looked up as `namespace.Post.find(1)`. This is + designed to work seamlessly with Ember Data, but will work + fine with any class that has a `find` method. + + @method deserialize + @param manager {Ember.StateManager} + @param params {Hash} + */ + deserialize: function(manager, params) { + var modelClass, routeMatcher, param; + + if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { + + return modelClass.find(params[paramForClass(modelClass)]); + } + + return params; + }, + + /** + The default method that takes an object and converts it into + a params hash. + + By default, if there is a single dynamic segment named + `blog_post_id` and the object is a `BlogPost` with an + `id` of `12`, the serialize method will produce: + + { blog_post_id: 12 } + + @method serialize + @param manager {Ember.StateManager} + @param context + */ + serialize: function(manager, context) { + var modelClass, routeMatcher, namespace, param, id; + + if (Ember.empty(context)) { return ''; } + + if (modelClass = this.modelClassFor(get(manager, 'namespace'))) { + param = paramForClass(modelClass); + id = get(context, 'id'); + context = {}; + context[param] = id; + } + + return context; + }, + + /** + @private + @method resolvePath + @param manager {Ember.StateManager} + @param path {String} + */ + resolvePath: function(manager, path) { + if (get(this, 'isLeafRoute')) { return Ember.A(); } + + var childStates = get(this, 'childStates'), match; + + childStates = Ember.A(childStates.filterProperty('isRoutable')); + + childStates = childStates.sort(function(a, b) { + var aDynamicSegments = get(a, 'routeMatcher.identifiers.length'), + bDynamicSegments = get(b, 'routeMatcher.identifiers.length'), + aRoute = get(a, 'route'), + bRoute = get(b, 'route'); + + if (aRoute.indexOf(bRoute) === 0) { + return -1; + } else if (bRoute.indexOf(aRoute) === 0) { + return 1; + } + + if (aDynamicSegments !== bDynamicSegments) { + return aDynamicSegments - bDynamicSegments; + } + + return get(b, 'route.length') - get(a, 'route.length'); + }); + + var state = childStates.find(function(state) { + var matcher = get(state, 'routeMatcher'); + if (match = matcher.match(path)) { return true; } + }); + + + var resolvedState = Ember._ResolvedState.create({ + manager: manager, + state: state, + match: match + }); + + var states = state.resolvePath(manager, match.remaining); + + return Ember.A([resolvedState]).pushObjects(states); + }, + + /** + @private + + Once `unroute` has finished unwinding, `routePath` will be called + with the remainder of the route. + + For example, if you were in the /posts/1/comments state, and you + moved into the /posts/2/comments state, `routePath` will be called + on the state whose path is `/posts` with the path `/2/comments`. + + @method routePath + @param manager {Ember.StateManager} + @param path {String} + */ + routePath: function(manager, path) { + if (get(this, 'isLeafRoute')) { return; } + + var resolvedStates = this.resolvePath(manager, path), + hasPromises = resolvedStates.some(function(s) { return get(s, 'hasPromise'); }); + + function runTransition() { + resolvedStates.forEach(function(rs) { rs.transition(); }); + } + + if (hasPromises) { + manager.transitionTo('loading'); + + + + manager.handleStatePromises(resolvedStates, runTransition); + } else { + runTransition(); + } + }, + + /** + @private + + When you move to a new route by pressing the back + or forward button, this method is called first. + + Its job is to move the state manager into a parent + state of the state it will eventually move into. + + @method unroutePath + @param router {Ember.Router} + @param path {String} + */ + unroutePath: function(router, path) { + var parentState = get(this, 'parentState'); + + // If we're at the root state, we're done + if (parentState === router) { + return; + } + + path = path.replace(/^(?=[^\/])/, "/"); + var absolutePath = this.absoluteRoute(router); + + var route = get(this, 'route'); + + // If the current path is empty, move up one state, + // because the index ('/') state must be a leaf node. + if (route !== '/') { + // If the current path is a prefix of the path we're trying + // to go to, we're done. + var index = path.indexOf(absolutePath), + next = path.charAt(absolutePath.length); + + if (index === 0 && (next === "/" || next === "")) { + return; + } + } + + // Transition to the parent and call unroute again. + router.enterState({ + exitStates: [this], + enterStates: [], + finalState: parentState + }); + + router.send('unroutePath', path); + }, + + parentTemplate: Ember.computed(function() { + var state = this, parentState, template; + + while (state = get(state, 'parentState')) { + if (template = get(state, 'template')) { + return template; + } + } + + return 'application'; + }), + + _template: Ember.computed(function(key, value) { + if (arguments.length > 1) { return value; } + + if (value = get(this, 'template')) { + return value; + } + + // If no template was explicitly supplied convert + // the class name into a template name. For example, + // App.PostRoute will return `post`. + var className = this.constructor.toString(), baseName; + if (/^[^\[].*Route$/.test(className)) { + baseName = className.match(/([^\.]+\.)*([^\.]+)/)[2]; + baseName = baseName.replace(/Route$/, ''); + return baseName.charAt(0).toLowerCase() + baseName.substr(1); + } + }), + + render: function(options) { + options = options || {}; + + var template = options.template || get(this, '_template'), + parentTemplate = options.into || get(this, 'parentTemplate'), + controller = get(this.router, parentTemplate + "Controller"); + + var viewName = Ember.String.classify(template) + "View", + viewClass = get(get(this.router, 'namespace'), viewName); + + viewClass = (viewClass || Ember.View).extend({ + templateName: template + }); + + controller.set('view', viewClass.create()); + }, + + /** + The `connectOutlets` event will be triggered once a + state has been entered. It will be called with the + route's context. + + @event connectOutlets + @param router {Ember.Router} + @param [context*] + */ + connectOutlets: Ember.K, + + /** + The `navigateAway` event will be triggered when the + URL changes due to the back/forward button + + @event navigateAway + */ + navigateAway: Ember.K +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-routing +*/ + +/** + @class Route + @namespace Ember + @extends Ember.State + @uses Ember.Routable +*/ +Ember.Route = Ember.State.extend(Ember.Routable); + +})(); + + + +(function() { +var escapeForRegex = function(text) { + return text.replace(/[\-\[\]{}()*+?.,\\\^\$|#\s]/g, "\\$&"); +}; + +/** + @class _RouteMatcher + @namespace Ember + @private + @extends Ember.Object +*/ +Ember._RouteMatcher = Ember.Object.extend({ + state: null, + + init: function() { + var route = this.route, + identifiers = [], + count = 1, + escaped; + + // Strip off leading slash if present + if (route.charAt(0) === '/') { + route = this.route = route.substr(1); + } + + escaped = escapeForRegex(route); + + var regex = escaped.replace(/(:|(?:\\\*))([a-z_]+)(?=$|\/)/gi, function(match, type, id) { + identifiers[count++] = id; + switch (type) { + case ":": + return "([^/]+)"; + case "\\*": + return "(.+)"; + } + }); + + this.identifiers = identifiers; + this.regex = new RegExp("^/?" + regex); + }, + + match: function(path) { + var match = path.match(this.regex); + + if (match) { + var identifiers = this.identifiers, + hash = {}; + + for (var i=1, l=identifiers.length; i 0 ? hash : null + }; + } + }, + + generate: function(hash) { + var identifiers = this.identifiers, route = this.route, id; + for (var i=1, l=identifiers.length; i +

{{title}}

+ + ``` + + Will delegate `click` events on the rendered `h1` to the application's router instance. In this case the + `anActionOnTheRouter` method of the state at 'root.aRoute' will be called with the view's controller + as the context argument. This context will be passed to the `connectOutlets` as its second argument. + + Different `context` can be supplied from within the `{{action}}` helper, allowing specific context passing + between application states: + + ``` handlebars + + ``` + + See `Handlebars.helpers.action` for additional usage examples. + + + ## Changing View Hierarchy in Response To State Change + + Changes in application state that change the URL should be accompanied by associated changes in view + hierarchy. This can be accomplished by calling 'connectOutlet' on the injected controller singletons from + within the 'connectOutlets' event of an Ember.Route: + + ``` javascript + App = Ember.Application.create({ + OneController: Ember.ObjectController.extend(), + OneView: Ember.View.extend(), + + AnotherController: Ember.ObjectController.extend(), + AnotherView: Ember.View.extend(), + + Router: Ember.Router.extend({ + root: Ember.Route.extend({ + aRoute: Ember.Route.extend({ + route: '/', + connectOutlets: function(router, context) { + router.get('oneController').connectOutlet('another'); + }, + }) + }) + }) + }); + App.initialize(); + ``` + + + This will detect the '{{outlet}}' portion of `oneController`'s view (an instance of `App.OneView`) and + fill it with a rendered instance of `App.AnotherView` whose `context` will be the single instance of + `App.AnotherController` stored on the router in the `anotherController` property. + + For more information about Outlets, see `Ember.Handlebars.helpers.outlet`. For additional information on + the `connectOutlet` method, see `Ember.Controller.connectOutlet`. For more information on + controller injections, see `Ember.Application#initialize()`. For additional information about view context, + see `Ember.View`. + + @class Router + @namespace Ember + @extends Ember.StateManager +*/ +Ember.Router = Ember.StateManager.extend( +/** @scope Ember.Router.prototype */ { + + /** + @property initialState + @type String + @default 'root' + */ + initialState: 'root', + + /** + The `Ember.Location` implementation to be used to manage the application + URL state. The following values are supported: + + * 'hash': Uses URL fragment identifiers (like #/blog/1) for routing. + * 'history': Uses the browser's history.pushstate API for routing. Only works in + modern browsers with pushstate support. + * 'none': Does not read or set the browser URL, but still allows for + routing to happen. Useful for testing. + + @property location + @type String + @default 'hash' + */ + location: 'hash', + + /** + This is only used when a history location is used so that applications that + don't live at the root of the domain can append paths to their root. + + @property rootURL + @type String + @default '/' + */ + + rootURL: '/', + + transitionTo: function() { + this.abortRoutingPromises(); + this._super.apply(this, arguments); + }, + + route: function(path) { + this.abortRoutingPromises(); + + set(this, 'isRouting', true); + + var routableState; + + try { + path = path.replace(get(this, 'rootURL'), ''); + path = path.replace(/^(?=[^\/])/, "/"); + + this.send('navigateAway'); + this.send('unroutePath', path); + + routableState = get(this, 'currentState'); + while (routableState && !routableState.get('isRoutable')) { + routableState = get(routableState, 'parentState'); + } + var currentURL = routableState ? routableState.absoluteRoute(this) : ''; + var rest = path.substr(currentURL.length); + + this.send('routePath', rest); + } finally { + set(this, 'isRouting', false); + } + + routableState = get(this, 'currentState'); + while (routableState && !routableState.get('isRoutable')) { + routableState = get(routableState, 'parentState'); + } + + if (routableState) { + routableState.updateRoute(this, get(this, 'location')); + } + }, + + urlFor: function(path, hash) { + var currentState = get(this, 'currentState') || this, + state = this.findStateByPath(currentState, path); + + + + var location = get(this, 'location'), + absoluteRoute = state.absoluteRoute(this, hash); + + return location.formatURL(absoluteRoute); + }, + + urlForEvent: function(eventName) { + var contexts = Array.prototype.slice.call(arguments, 1); + var currentState = get(this, 'currentState'); + var targetStateName = currentState.lookupEventTransition(eventName); + + + var targetState = this.findStateByPath(currentState, targetStateName); + + + var hash = this.serializeRecursively(targetState, contexts, {}); + + return this.urlFor(targetStateName, hash); + }, + + serializeRecursively: function(state, contexts, hash) { + var parentState, + context = get(state, 'hasContext') ? contexts.pop() : null; + merge(hash, state.serialize(this, context)); + parentState = state.get("parentState"); + if (parentState && parentState instanceof Ember.Route) { + return this.serializeRecursively(parentState, contexts, hash); + } else { + return hash; + } + }, + + abortRoutingPromises: function() { + if (this._routingPromises) { + this._routingPromises.abort(); + this._routingPromises = null; + } + }, + + handleStatePromises: function(states, complete) { + this.abortRoutingPromises(); + + this.set('isLocked', true); + + var manager = this; + + this._routingPromises = Ember._PromiseChain.create({ + promises: states.slice(), + + successCallback: function() { + manager.set('isLocked', false); + complete(); + }, + + failureCallback: function() { + throw "Unable to load object"; + }, + + promiseSuccessCallback: function(item, args) { + set(item, 'object', args[0]); + }, + + abortCallback: function() { + manager.set('isLocked', false); + } + }).start(); + }, + + moveStatesIntoRoot: function() { + this.root = Ember.Route.extend(); + + for (var name in this) { + if (name === "constructor") { continue; } + + var state = this[name]; + + if (state instanceof Ember.Route || Ember.Route.detect(state)) { + this.root[name] = state; + delete this[name]; + } + } + }, + + init: function() { + if (!this.root) { + this.moveStatesIntoRoot(); + } + + this._super(); + + var location = get(this, 'location'), + rootURL = get(this, 'rootURL'); + + if ('string' === typeof location) { + set(this, 'location', Ember.Location.create({ + implementation: location, + rootURL: rootURL + })); + } + + this.assignRouter(this, this); + }, + + assignRouter: function(state, router) { + state.router = router; + + var childStates = state.states; + + if (childStates) { + for (var stateName in childStates) { + if (!childStates.hasOwnProperty(stateName)) { continue; } + this.assignRouter(childStates[stateName], router); + } + } + }, + + willDestroy: function() { + get(this, 'location').destroy(); + } +}); + +})(); + + + +(function() { +/** +Ember Routing + +@module ember +@submodule ember-routing +@requires ember-states +*/ + +})(); + +(function() { // ========================================================================== -// Project: Ember - JavaScript Application Framework -// Copyright: ©2011-2012 Tilde Inc. and contributors -// Portions ©2006-2011 Strobe Inc. -// Portions ©2008-2011 Apple Inc. All rights reserved. -// License: Licensed under MIT license (see license.js) +// Project: metamorph +// Copyright: ©2011 My Company Inc. All rights reserved. // ========================================================================== +(function(window) { + + var K = function(){}, + guid = 0, + document = window.document, + + // Feature-detect the W3C range API, the extended check is for IE9 which only partially supports ranges + supportsRange = ('createRange' in document) && (typeof Range !== 'undefined') && Range.prototype.createContextualFragment, + + // Internet Explorer prior to 9 does not allow setting innerHTML if the first element + // is a "zero-scope" element. This problem can be worked around by making + // the first node an invisible text node. We, like Modernizr, use ­ + needsShy = (function(){ + var testEl = document.createElement('div'); + testEl.innerHTML = "
"; + testEl.firstChild.innerHTML = ""; + return testEl.firstChild.innerHTML === ''; + })(); + + // Constructor that supports either Metamorph('foo') or new + // Metamorph('foo'); + // + // Takes a string of HTML as the argument. + + var Metamorph = function(html) { + var self; + + if (this instanceof Metamorph) { + self = this; + } else { + self = new K(); + } + + self.innerHTML = html; + var myGuid = 'metamorph-'+(guid++); + self.start = myGuid + '-start'; + self.end = myGuid + '-end'; + + return self; + }; + + K.prototype = Metamorph.prototype; + + var rangeFor, htmlFunc, removeFunc, outerHTMLFunc, appendToFunc, afterFunc, prependFunc, startTagFunc, endTagFunc; + + outerHTMLFunc = function() { + return this.startTag() + this.innerHTML + this.endTag(); + }; + + startTagFunc = function() { + return ""; + }; + + endTagFunc = function() { + return ""; + }; + + // If we have the W3C range API, this process is relatively straight forward. + if (supportsRange) { + + // Get a range for the current morph. Optionally include the starting and + // ending placeholders. + rangeFor = function(morph, outerToo) { + var range = document.createRange(); + var before = document.getElementById(morph.start); + var after = document.getElementById(morph.end); + + if (outerToo) { + range.setStartBefore(before); + range.setEndAfter(after); + } else { + range.setStartAfter(before); + range.setEndBefore(after); + } + + return range; + }; + + htmlFunc = function(html, outerToo) { + // get a range for the current metamorph object + var range = rangeFor(this, outerToo); + + // delete the contents of the range, which will be the + // nodes between the starting and ending placeholder. + range.deleteContents(); + + // create a new document fragment for the HTML + var fragment = range.createContextualFragment(html); + + // insert the fragment into the range + range.insertNode(fragment); + }; + + removeFunc = function() { + // get a range for the current metamorph object including + // the starting and ending placeholders. + var range = rangeFor(this, true); + + // delete the entire range. + range.deleteContents(); + }; + + appendToFunc = function(node) { + var range = document.createRange(); + range.setStart(node); + range.collapse(false); + var frag = range.createContextualFragment(this.outerHTML()); + node.appendChild(frag); + }; + + afterFunc = function(html) { + var range = document.createRange(); + var after = document.getElementById(this.end); + + range.setStartAfter(after); + range.setEndAfter(after); + + var fragment = range.createContextualFragment(html); + range.insertNode(fragment); + }; + + prependFunc = function(html) { + var range = document.createRange(); + var start = document.getElementById(this.start); + + range.setStartAfter(start); + range.setEndAfter(start); + + var fragment = range.createContextualFragment(html); + range.insertNode(fragment); + }; + + } else { + /** + * This code is mostly taken from jQuery, with one exception. In jQuery's case, we + * have some HTML and we need to figure out how to convert it into some nodes. + * + * In this case, jQuery needs to scan the HTML looking for an opening tag and use + * that as the key for the wrap map. In our case, we know the parent node, and + * can use its type as the key for the wrap map. + **/ + var wrapMap = { + select: [ 1, "" ], + fieldset: [ 1, "
", "
" ], + table: [ 1, "", "
" ], + tbody: [ 2, "", "
" ], + tr: [ 3, "", "
" ], + colgroup: [ 2, "", "
" ], + map: [ 1, "", "" ], + _default: [ 0, "", "" ] + }; + + /** + * Given a parent node and some HTML, generate a set of nodes. Return the first + * node, which will allow us to traverse the rest using nextSibling. + * + * We need to do this because innerHTML in IE does not really parse the nodes. + **/ + var firstNodeFor = function(parentNode, html) { + var arr = wrapMap[parentNode.tagName.toLowerCase()] || wrapMap._default; + var depth = arr[0], start = arr[1], end = arr[2]; + + if (needsShy) { html = '­'+html; } + + var element = document.createElement('div'); + element.innerHTML = start + html + end; + + for (var i=0; i<=depth; i++) { + element = element.firstChild; + } + + // Look for ­ to remove it. + if (needsShy) { + var shyElement = element; + + // Sometimes we get nameless elements with the shy inside + while (shyElement.nodeType === 1 && !shyElement.nodeName) { + shyElement = shyElement.firstChild; + } + + // At this point it's the actual unicode character. + if (shyElement.nodeType === 3 && shyElement.nodeValue.charAt(0) === "\u00AD") { + shyElement.nodeValue = shyElement.nodeValue.slice(1); + } + } + + return element; + }; + + /** + * In some cases, Internet Explorer can create an anonymous node in + * the hierarchy with no tagName. You can create this scenario via: + * + * div = document.createElement("div"); + * div.innerHTML = "­
hi
"; + * div.firstChild.firstChild.tagName //=> "" + * + * If our script markers are inside such a node, we need to find that + * node and use *it* as the marker. + **/ + var realNode = function(start) { + while (start.parentNode.tagName === "") { + start = start.parentNode; + } + + return start; + }; + + /** + * When automatically adding a tbody, Internet Explorer inserts the + * tbody immediately before the first . Other browsers create it + * before the first node, no matter what. + * + * This means the the following code: + * + * div = document.createElement("div"); + * div.innerHTML = "
hi
+ * + * Generates the following DOM in IE: + * + * + div + * + table + * - script id='first' + * + tbody + * + tr + * + td + * - "hi" + * - script id='last' + * + * Which means that the two script tags, even though they were + * inserted at the same point in the hierarchy in the original + * HTML, now have different parents. + * + * This code reparents the first script tag by making it the tbody's + * first child. + **/ + var fixParentage = function(start, end) { + if (start.parentNode !== end.parentNode) { + end.parentNode.insertBefore(start, end.parentNode.firstChild); + } + }; + + htmlFunc = function(html, outerToo) { + // get the real starting node. see realNode for details. + var start = realNode(document.getElementById(this.start)); + var end = document.getElementById(this.end); + var parentNode = end.parentNode; + var node, nextSibling, last; + + // make sure that the start and end nodes share the same + // parent. If not, fix it. + fixParentage(start, end); + + // remove all of the nodes after the starting placeholder and + // before the ending placeholder. + node = start.nextSibling; + while (node) { + nextSibling = node.nextSibling; + last = node === end; + + // if this is the last node, and we want to remove it as well, + // set the `end` node to the next sibling. This is because + // for the rest of the function, we insert the new nodes + // before the end (note that insertBefore(node, null) is + // the same as appendChild(node)). + // + // if we do not want to remove it, just break. + if (last) { + if (outerToo) { end = node.nextSibling; } else { break; } + } + + node.parentNode.removeChild(node); + + // if this is the last node and we didn't break before + // (because we wanted to remove the outer nodes), break + // now. + if (last) { break; } + + node = nextSibling; + } + + // get the first node for the HTML string, even in cases like + // tables and lists where a simple innerHTML on a div would + // swallow some of the content. + node = firstNodeFor(start.parentNode, html); + + // copy the nodes for the HTML between the starting and ending + // placeholder. + while (node) { + nextSibling = node.nextSibling; + parentNode.insertBefore(node, end); + node = nextSibling; + } + }; + + // remove the nodes in the DOM representing this metamorph. + // + // this includes the starting and ending placeholders. + removeFunc = function() { + var start = realNode(document.getElementById(this.start)); + var end = document.getElementById(this.end); + + this.html(''); + start.parentNode.removeChild(start); + end.parentNode.removeChild(end); + }; + + appendToFunc = function(parentNode) { + var node = firstNodeFor(parentNode, this.outerHTML()); + + while (node) { + nextSibling = node.nextSibling; + parentNode.appendChild(node); + node = nextSibling; + } + }; + + afterFunc = function(html) { + // get the real starting node. see realNode for details. + var end = document.getElementById(this.end); + var insertBefore = end.nextSibling; + var parentNode = end.parentNode; + var nextSibling; + var node; + + // get the first node for the HTML string, even in cases like + // tables and lists where a simple innerHTML on a div would + // swallow some of the content. + node = firstNodeFor(parentNode, html); + + // copy the nodes for the HTML between the starting and ending + // placeholder. + while (node) { + nextSibling = node.nextSibling; + parentNode.insertBefore(node, insertBefore); + node = nextSibling; + } + }; + + prependFunc = function(html) { + var start = document.getElementById(this.start); + var parentNode = start.parentNode; + var nextSibling; + var node; + + node = firstNodeFor(parentNode, html); + var insertBefore = start.nextSibling; + + while (node) { + nextSibling = node.nextSibling; + parentNode.insertBefore(node, insertBefore); + node = nextSibling; + } + } + } + + Metamorph.prototype.html = function(html) { + this.checkRemoved(); + if (html === undefined) { return this.innerHTML; } + + htmlFunc.call(this, html); + + this.innerHTML = html; + }; + + Metamorph.prototype.replaceWith = function(html) { + this.checkRemoved(); + htmlFunc.call(this, html, true); + }; + + Metamorph.prototype.remove = removeFunc; + Metamorph.prototype.outerHTML = outerHTMLFunc; + Metamorph.prototype.appendTo = appendToFunc; + Metamorph.prototype.after = afterFunc; + Metamorph.prototype.prepend = prependFunc; + Metamorph.prototype.startTag = startTagFunc; + Metamorph.prototype.endTag = endTagFunc; + + Metamorph.prototype.isRemoved = function() { + var before = document.getElementById(this.start); + var after = document.getElementById(this.end); + + return !before || !after; + }; + + Metamorph.prototype.checkRemoved = function() { + if (this.isRemoved()) { + throw new Error("Cannot perform operations on a Metamorph that is not in the DOM."); + } + }; + + window.Metamorph = Metamorph; +})(this); + + +})(); + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var objectCreate = Ember.create; + +var Handlebars = Ember.imports.Handlebars; + + +/** + Prepares the Handlebars templating library for use inside Ember's view + system. + + The Ember.Handlebars object is the standard Handlebars library, extended to use + Ember's get() method instead of direct property access, which allows + computed properties to be used inside templates. + + To create an Ember.Handlebars template, call Ember.Handlebars.compile(). This will + return a function that can be used by Ember.View for rendering. + + @class Handlebars + @namespace Ember +*/ +Ember.Handlebars = objectCreate(Handlebars); + +/** +@class helpers +@namespace Ember.Handlebars +*/ +Ember.Handlebars.helpers = objectCreate(Handlebars.helpers); + +/** + Override the the opcode compiler and JavaScript compiler for Handlebars. + + @class Compiler + @namespace Ember.Handlebars + @private + @constructor +*/ +Ember.Handlebars.Compiler = function() {}; + +// Handlebars.Compiler doesn't exist in runtime-only +if (Handlebars.Compiler) { + Ember.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype); +} + +Ember.Handlebars.Compiler.prototype.compiler = Ember.Handlebars.Compiler; + +/** + @class JavaScriptCompiler + @namespace Ember.Handlebars + @private + @constructor +*/ +Ember.Handlebars.JavaScriptCompiler = function() {}; + +// Handlebars.JavaScriptCompiler doesn't exist in runtime-only +if (Handlebars.JavaScriptCompiler) { + Ember.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype); + Ember.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler; +} + + +Ember.Handlebars.JavaScriptCompiler.prototype.namespace = "Ember.Handlebars"; + + +Ember.Handlebars.JavaScriptCompiler.prototype.initializeBuffer = function() { + return "''"; +}; + +/** + @private + + Override the default buffer for Ember Handlebars. By default, Handlebars creates + an empty String at the beginning of each invocation and appends to it. Ember's + Handlebars overrides this to append to a single shared buffer. + + @method appendToBuffer + @param string {String} +*/ +Ember.Handlebars.JavaScriptCompiler.prototype.appendToBuffer = function(string) { + return "data.buffer.push("+string+");"; +}; + +/** + @private + + Rewrite simple mustaches from `{{foo}}` to `{{bind "foo"}}`. This means that all simple + mustaches in Ember's Handlebars will also set up an observer to keep the DOM + up to date when the underlying property changes. + + @method mustache + @for Ember.Handlebars.Compiler + @param mustache +*/ +Ember.Handlebars.Compiler.prototype.mustache = function(mustache) { + if (mustache.params.length || mustache.hash) { + return Handlebars.Compiler.prototype.mustache.call(this, mustache); + } else { + var id = new Handlebars.AST.IdNode(['_triageMustache']); + + // Update the mustache node to include a hash value indicating whether the original node + // was escaped. This will allow us to properly escape values when the underlying value + // changes and we need to re-render the value. + if(!mustache.escaped) { + mustache.hash = mustache.hash || new Handlebars.AST.HashNode([]); + mustache.hash.pairs.push(["unescaped", new Handlebars.AST.StringNode("true")]); + } + mustache = new Handlebars.AST.MustacheNode([id].concat([mustache.id]), mustache.hash, !mustache.escaped); + return Handlebars.Compiler.prototype.mustache.call(this, mustache); + } +}; + +/** + Used for precompilation of Ember Handlebars templates. This will not be used during normal + app execution. + + @method precompile + @for Ember.Handlebars + @static + @param {String} string The template to precompile +*/ +Ember.Handlebars.precompile = function(string) { + var ast = Handlebars.parse(string); + + var options = { + knownHelpers: { + action: true, + unbound: true, + bindAttr: true, + template: true, + view: true, + _triageMustache: true + }, + data: true, + stringParams: true + }; + + var environment = new Ember.Handlebars.Compiler().compile(ast, options); + return new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true); +}; + +// We don't support this for Handlebars runtime-only +if (Handlebars.compile) { + /** + The entry point for Ember Handlebars. This replaces the default Handlebars.compile and turns on + template-local data and String parameters. + + @method compile + @for Ember.Handlebars + @static + @param {String} string The template to compile + @return {Function} + */ + Ember.Handlebars.compile = function(string) { + var ast = Handlebars.parse(string); + var options = { data: true, stringParams: true }; + var environment = new Ember.Handlebars.Compiler().compile(ast, options); + var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true); + + return Handlebars.template(templateSpec); + }; +} + +/** + @private + + If a path starts with a reserved keyword, returns the root + that should be used. + + @method normalizePath + @for Ember + @param root {Object} + @param path {String} + @param data {Hash} +*/ +var normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) { + var keywords = (data && data.keywords) || {}, + keyword, isKeyword; + + // Get the first segment of the path. For example, if the + // path is "foo.bar.baz", returns "foo". + keyword = path.split('.', 1)[0]; + + // Test to see if the first path is a keyword that has been + // passed along in the view's data hash. If so, we will treat + // that object as the new root. + if (keywords.hasOwnProperty(keyword)) { + // Look up the value in the template's data hash. + root = keywords[keyword]; + isKeyword = true; + + // Handle cases where the entire path is the reserved + // word. In that case, return the object itself. + if (path === keyword) { + path = ''; + } else { + // Strip the keyword from the path and look up + // the remainder from the newly found root. + path = path.substr(keyword.length+1); + } + } + + return { root: root, path: path, isKeyword: isKeyword }; +}; + + +/** + Lookup both on root and on window. If the path starts with + a keyword, the corresponding object will be looked up in the + template's data hash and used to resolve the path. + + @method get + @for Ember.Handlebars + @param {Object} root The object to look up the property on + @param {String} path The path to be lookedup + @param {Object} options The template's option hash +*/ +Ember.Handlebars.get = function(root, path, options) { + var data = options && options.data, + normalizedPath = normalizePath(root, path, data), + value; + + // In cases where the path begins with a keyword, change the + // root to the value represented by that keyword, and ensure + // the path is relative to it. + root = normalizedPath.root; + path = normalizedPath.path; + + value = Ember.get(root, path); + + // If the path starts with a capital letter, look it up on Ember.lookup, + // which defaults to the `window` object in browsers. + if (value === undefined && root !== Ember.lookup && Ember.isGlobalPath(path)) { + value = Ember.get(Ember.lookup, path); + } + return value; +}; +Ember.Handlebars.getPath = Ember.deprecateFunc('`Ember.Handlebars.getPath` has been changed to `Ember.Handlebars.get` for consistency.', Ember.Handlebars.get); + +/** + @private + + Registers a helper in Handlebars that will be called if no property with the + given name can be found on the current context object, and no helper with + that name is registered. + + This throws an exception with a more helpful error message so the user can + track down where the problem is happening. + + @method helperMissing + @for Ember.Handlebars.helpers + @param {String} path + @param {Hash} options +*/ +Ember.Handlebars.registerHelper('helperMissing', function(path, options) { + var error, view = ""; + + error = "%@ Handlebars error: Could not find property '%@' on object %@."; + if (options.data){ + view = options.data.view; + } + throw new Ember.Error(Ember.String.fmt(error, [view, path, this])); +}); + + +})(); + + + +(function() { +/** + @method htmlSafe + @for Ember.String + @static +*/ +Ember.String.htmlSafe = function(str) { + return new Handlebars.SafeString(str); +}; + +var htmlSafe = Ember.String.htmlSafe; + +if (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) { + + /** + See {{#crossLink "Ember.String/htmlSafe"}}{{/crossLink}} + + @method htmlSafe + @for String + */ + String.prototype.htmlSafe = function() { + return htmlSafe(this); + }; +} + +})(); + + + +(function() { +/*jshint newcap:false*/ +/** +@module ember +@submodule ember-handlebars +*/ + +var set = Ember.set, get = Ember.get; + +// DOMManager should just abstract dom manipulation between jquery and metamorph +var DOMManager = { + remove: function(view) { + view.morph.remove(); + }, + + prepend: function(view, html) { + view.morph.prepend(html); + }, + + after: function(view, html) { + view.morph.after(html); + }, + + html: function(view, html) { + view.morph.html(html); + }, + + // This is messed up. + replace: function(view) { + var morph = view.morph; + + view.transitionTo('preRender'); + view.clearRenderedChildren(); + var buffer = view.renderToBuffer(); + + Ember.run.schedule('render', this, function() { + if (get(view, 'isDestroyed')) { return; } + view.invalidateRecursively('element'); + view._notifyWillInsertElement(); + morph.replaceWith(buffer.string()); + view.transitionTo('inDOM'); + view._notifyDidInsertElement(); + }); + }, + + empty: function(view) { + view.morph.html(""); + } +}; + +// The `morph` and `outerHTML` properties are internal only +// and not observable. + +/** + @class _Metamorph + @namespace Ember + @extends Ember.Mixin + @private +*/ +Ember._Metamorph = Ember.Mixin.create({ + isVirtual: true, + tagName: '', + + instrumentName: 'render.metamorph', + + init: function() { + this._super(); + this.morph = Metamorph(); + }, + + beforeRender: function(buffer) { + buffer.push(this.morph.startTag()); + }, + + afterRender: function(buffer) { + buffer.push(this.morph.endTag()); + }, + + createElement: function() { + var buffer = this.renderToBuffer(); + this.outerHTML = buffer.string(); + this.clearBuffer(); + }, + + domManager: DOMManager +}); + +/** + @class _MetamorphView + @namespace Ember + @extends Ember.View + @uses Ember._Metamorph + @private +*/ +Ember._MetamorphView = Ember.View.extend(Ember._Metamorph); + +/** + @class _SimpleMetamorphView + @namespace Ember + @extends Ember.View + @uses Ember._Metamorph + @private +*/ +Ember._SimpleMetamorphView = Ember.CoreView.extend(Ember._Metamorph); + + +})(); + + + +(function() { +/*globals Handlebars */ + +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set, handlebarsGet = Ember.Handlebars.get; +Ember._SimpleHandlebarsView = Ember._SimpleMetamorphView.extend({ + instrumentName: 'render.simpleHandlebars', + + normalizedValue: Ember.computed(function() { + var path = get(this, 'path'), + pathRoot = get(this, 'pathRoot'), + result, templateData; + + // Use the pathRoot as the result if no path is provided. This + // happens if the path is `this`, which gets normalized into + // a `pathRoot` of the current Handlebars context and a path + // of `''`. + if (path === '') { + result = pathRoot; + } else { + templateData = get(this, 'templateData'); + result = handlebarsGet(pathRoot, path, { data: templateData }); + } + + return result; + }).property('path', 'pathRoot').volatile(), + + render: function(buffer) { + // If not invoked via a triple-mustache ({{{foo}}}), escape + // the content of the template. + var escape = get(this, 'isEscaped'); + var result = get(this, 'normalizedValue'); + + if (result === null || result === undefined) { + result = ""; + } else if (!(result instanceof Handlebars.SafeString)) { + result = String(result); + } + + if (escape) { result = Handlebars.Utils.escapeExpression(result); } + buffer.push(result); + return; + }, + + rerender: function() { + switch(this.state) { + case 'preRender': + case 'destroyed': + break; + case 'inBuffer': + throw new Error("Something you did tried to replace an {{expression}} before it was inserted into the DOM."); + case 'hasElement': + case 'inDOM': + this.domManager.replace(this); + break; + } + + return this; + }, + + transitionTo: function(state) { + this.state = state; + } +}); + +/** + Ember._HandlebarsBoundView is a private view created by the Handlebars `{{bind}}` + helpers that is used to keep track of bound properties. + + Every time a property is bound using a `{{mustache}}`, an anonymous subclass + of Ember._HandlebarsBoundView is created with the appropriate sub-template and + context set up. When the associated property changes, just the template for + this view will re-render. + + @class _HandlebarsBoundView + @namespace Ember + @extends Ember._MetamorphView + @private +*/ +Ember._HandlebarsBoundView = Ember._MetamorphView.extend({ + instrumentName: 'render.boundHandlebars', + + /** + The function used to determine if the `displayTemplate` or + `inverseTemplate` should be rendered. This should be a function that takes + a value and returns a Boolean. + + @property shouldDisplayFunc + @type Function + @default null + */ + shouldDisplayFunc: null, + + /** + Whether the template rendered by this view gets passed the context object + of its parent template, or gets passed the value of retrieving `path` + from the `pathRoot`. + + For example, this is true when using the `{{#if}}` helper, because the + template inside the helper should look up properties relative to the same + object as outside the block. This would be false when used with `{{#with + foo}}` because the template should receive the object found by evaluating + `foo`. + + @property preserveContext + @type Boolean + @default false + */ + preserveContext: false, + + /** + If `preserveContext` is true, this is the object that will be used + to render the template. + + @property previousContext + @type Object + */ + previousContext: null, + + /** + The template to render when `shouldDisplayFunc` evaluates to true. + + @property displayTemplate + @type Function + @default null + */ + displayTemplate: null, + + /** + The template to render when `shouldDisplayFunc` evaluates to false. + + @property inverseTemplate + @type Function + @default null + */ + inverseTemplate: null, + + + /** + The path to look up on `pathRoot` that is passed to + `shouldDisplayFunc` to determine which template to render. + + In addition, if `preserveContext` is false, the object at this path will + be passed to the template when rendering. + + @property path + @type String + @default null + */ + path: null, + + /** + The object from which the `path` will be looked up. Sometimes this is the + same as the `previousContext`, but in cases where this view has been generated + for paths that start with a keyword such as `view` or `controller`, the + path root will be that resolved object. + + @property pathRoot + @type Object + */ + pathRoot: null, + + normalizedValue: Ember.computed(function() { + var path = get(this, 'path'), + pathRoot = get(this, 'pathRoot'), + valueNormalizer = get(this, 'valueNormalizerFunc'), + result, templateData; + + // Use the pathRoot as the result if no path is provided. This + // happens if the path is `this`, which gets normalized into + // a `pathRoot` of the current Handlebars context and a path + // of `''`. + if (path === '') { + result = pathRoot; + } else { + templateData = get(this, 'templateData'); + result = handlebarsGet(pathRoot, path, { data: templateData }); + } + + return valueNormalizer ? valueNormalizer(result) : result; + }).property('path', 'pathRoot', 'valueNormalizerFunc').volatile(), + + rerenderIfNeeded: function() { + if (!get(this, 'isDestroyed') && get(this, 'normalizedValue') !== this._lastNormalizedValue) { + this.rerender(); + } + }, + + /** + Determines which template to invoke, sets up the correct state based on + that logic, then invokes the default Ember.View `render` implementation. + + This method will first look up the `path` key on `pathRoot`, + then pass that value to the `shouldDisplayFunc` function. If that returns + true, the `displayTemplate` function will be rendered to DOM. Otherwise, + `inverseTemplate`, if specified, will be rendered. + + For example, if this Ember._HandlebarsBoundView represented the `{{#with foo}}` + helper, it would look up the `foo` property of its context, and + `shouldDisplayFunc` would always return true. The object found by looking + up `foo` would be passed to `displayTemplate`. + + @method render + @param {Ember.RenderBuffer} buffer + */ + render: function(buffer) { + // If not invoked via a triple-mustache ({{{foo}}}), escape + // the content of the template. + var escape = get(this, 'isEscaped'); + + var shouldDisplay = get(this, 'shouldDisplayFunc'), + preserveContext = get(this, 'preserveContext'), + context = get(this, 'previousContext'); + + var inverseTemplate = get(this, 'inverseTemplate'), + displayTemplate = get(this, 'displayTemplate'); + + var result = get(this, 'normalizedValue'); + this._lastNormalizedValue = result; + + // First, test the conditional to see if we should + // render the template or not. + if (shouldDisplay(result)) { + set(this, 'template', displayTemplate); + + // If we are preserving the context (for example, if this + // is an #if block, call the template with the same object. + if (preserveContext) { + set(this, '_context', context); + } else { + // Otherwise, determine if this is a block bind or not. + // If so, pass the specified object to the template + if (displayTemplate) { + set(this, '_context', result); + } else { + // This is not a bind block, just push the result of the + // expression to the render context and return. + if (result === null || result === undefined) { + result = ""; + } else if (!(result instanceof Handlebars.SafeString)) { + result = String(result); + } + + if (escape) { result = Handlebars.Utils.escapeExpression(result); } + buffer.push(result); + return; + } + } + } else if (inverseTemplate) { + set(this, 'template', inverseTemplate); + + if (preserveContext) { + set(this, '_context', context); + } else { + set(this, '_context', result); + } + } else { + set(this, 'template', function() { return ''; }); + } + + return this._super(buffer); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt; +var handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath; +var forEach = Ember.ArrayPolyfills.forEach; + +var EmberHandlebars = Ember.Handlebars, helpers = EmberHandlebars.helpers; + +// Binds a property into the DOM. This will create a hook in DOM that the +// KVO system will look for and update if the property changes. +function bind(property, options, preserveContext, shouldDisplay, valueNormalizer) { + var data = options.data, + fn = options.fn, + inverse = options.inverse, + view = data.view, + currentContext = this, + pathRoot, path, normalized; + + normalized = normalizePath(currentContext, property, data); + + pathRoot = normalized.root; + path = normalized.path; + + // Set up observers for observable objects + if ('object' === typeof this) { + // Create the view that will wrap the output of this template/property + // and add it to the nearest view's childViews array. + // See the documentation of Ember._HandlebarsBoundView for more. + var bindView = view.createChildView(Ember._HandlebarsBoundView, { + preserveContext: preserveContext, + shouldDisplayFunc: shouldDisplay, + valueNormalizerFunc: valueNormalizer, + displayTemplate: fn, + inverseTemplate: inverse, + path: path, + pathRoot: pathRoot, + previousContext: currentContext, + isEscaped: !options.hash.unescaped, + templateData: options.data + }); + + view.appendChild(bindView); + + var observer = function() { + Ember.run.scheduleOnce('render', bindView, 'rerenderIfNeeded'); + }; + + // Observes the given property on the context and + // tells the Ember._HandlebarsBoundView to re-render. If property + // is an empty string, we are printing the current context + // object ({{this}}) so updating it is not our responsibility. + if (path !== '') { + Ember.addObserver(pathRoot, path, observer); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, observer); + }); + } + } else { + // The object is not observable, so just render it out and + // be done with it. + data.buffer.push(handlebarsGet(pathRoot, path, options)); + } +} + +function simpleBind(property, options) { + var data = options.data, + view = data.view, + currentContext = this, + pathRoot, path, normalized; + + normalized = normalizePath(currentContext, property, data); + + pathRoot = normalized.root; + path = normalized.path; + + // Set up observers for observable objects + if ('object' === typeof this) { + var bindView = Ember._SimpleHandlebarsView.create().setProperties({ + path: path, + pathRoot: pathRoot, + isEscaped: !options.hash.unescaped, + previousContext: currentContext, + templateData: options.data + }); + + view.createChildView(bindView); + view.appendChild(bindView); + + var observer = function() { + Ember.run.scheduleOnce('render', bindView, 'rerender'); + }; + + // Observes the given property on the context and + // tells the Ember._HandlebarsBoundView to re-render. If property + // is an empty string, we are printing the current context + // object ({{this}}) so updating it is not our responsibility. + if (path !== '') { + Ember.addObserver(pathRoot, path, observer); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, observer); + }); + } + } else { + // The object is not observable, so just render it out and + // be done with it. + data.buffer.push(handlebarsGet(pathRoot, path, options)); + } +} + +/** + @private + + '_triageMustache' is used internally select between a binding and helper for + the given context. Until this point, it would be hard to determine if the + mustache is a property reference or a regular helper reference. This triage + helper resolves that. + + This would not be typically invoked by directly. + + @method _triageMustache + @for Ember.Handlebars.helpers + @param {String} property Property/helperID to triage + @param {Function} fn Context to provide for rendering + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('_triageMustache', function(property, fn) { + + if (helpers[property]) { + return helpers[property].call(this, fn); + } + else { + return helpers.bind.apply(this, arguments); + } +}); + +/** + @private + + `bind` can be used to display a value, then update that value if it + changes. For example, if you wanted to print the `title` property of + `content`: + + ``` handlebars + {{bind "content.title"}} + ``` + + This will return the `title` property as a string, then create a new + observer at the specified path. If it changes, it will update the value in + DOM. Note that if you need to support IE7 and IE8 you must modify the + model objects properties using Ember.get() and Ember.set() for this to work as + it relies on Ember's KVO system. For all other browsers this will be handled + for you automatically. + + @method bind + @for Ember.Handlebars.helpers + @param {String} property Property to bind + @param {Function} fn Context to provide for rendering + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('bind', function(property, options) { + + + var context = (options.contexts && options.contexts[0]) || this; + + if (!options.fn) { + return simpleBind.call(context, property, options); + } + + return bind.call(context, property, options, false, function(result) { + return !Ember.none(result); + }); +}); + +/** + @private + + Use the `boundIf` helper to create a conditional that re-evaluates + whenever the truthiness of the bound value changes. + + ``` handlebars + {{#boundIf "content.shouldDisplayTitle"}} + {{content.title}} + {{/boundIf}} + ``` + + @method boundIf + @for Ember.Handlebars.helpers + @param {String} property Property to bind + @param {Function} fn Context to provide for rendering + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('boundIf', function(property, fn) { + var context = (fn.contexts && fn.contexts[0]) || this; + var func = function(result) { + if (Ember.typeOf(result) === 'array') { + return get(result, 'length') !== 0; + } else { + return !!result; + } + }; + + return bind.call(context, property, fn, true, func, func); +}); + +/** + @method with + @for Ember.Handlebars.helpers + @param {Function} context + @param {Hash} options + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('with', function(context, options) { + if (arguments.length === 4) { + var keywordName, path, rootPath, normalized; + + options = arguments[3]; + keywordName = arguments[2]; + path = arguments[0]; + + + if (Ember.isGlobalPath(path)) { + Ember.bind(options.data.keywords, keywordName, path); + } else { + normalized = normalizePath(this, path, options.data); + path = normalized.path; + rootPath = normalized.root; + + // This is a workaround for the fact that you cannot bind separate objects + // together. When we implement that functionality, we should use it here. + var contextKey = Ember.$.expando + Ember.guidFor(rootPath); + options.data.keywords[contextKey] = rootPath; + + // if the path is '' ("this"), just bind directly to the current context + var contextPath = path ? contextKey + '.' + path : contextKey; + Ember.bind(options.data.keywords, keywordName, contextPath); + } + + return bind.call(this, path, options, true, function(result) { + return !Ember.none(result); + }); + } else { + + + return helpers.bind.call(options.contexts[0], context, options); + } +}); + + +/** + See `boundIf` + + @method if + @for Ember.Handlebars.helpers + @param {Function} context + @param {Hash} options + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('if', function(context, options) { + + + + return helpers.boundIf.call(options.contexts[0], context, options); +}); + +/** + @method unless + @for Ember.Handlebars.helpers + @param {Function} context + @param {Hash} options + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('unless', function(context, options) { + + + + var fn = options.fn, inverse = options.inverse; + + options.fn = inverse; + options.inverse = fn; + + return helpers.boundIf.call(options.contexts[0], context, options); +}); + +/** + `bindAttr` allows you to create a binding between DOM element attributes and + Ember objects. For example: + + ``` handlebars + imageTitle + ``` + + @method bindAttr + @for Ember.Handlebars.helpers + @param {Hash} options + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('bindAttr', function(options) { + + var attrs = options.hash; + + + var view = options.data.view; + var ret = []; + var ctx = this; + + // Generate a unique id for this element. This will be added as a + // data attribute to the element so it can be looked up when + // the bound property changes. + var dataId = ++Ember.uuid; + + // Handle classes differently, as we can bind multiple classes + var classBindings = attrs['class']; + if (classBindings !== null && classBindings !== undefined) { + var classResults = EmberHandlebars.bindClasses(this, classBindings, view, dataId, options); + ret.push('class="' + Handlebars.Utils.escapeExpression(classResults.join(' ')) + '"'); + delete attrs['class']; + } + + var attrKeys = Ember.keys(attrs); + + // For each attribute passed, create an observer and emit the + // current value of the property as an attribute. + forEach.call(attrKeys, function(attr) { + var path = attrs[attr], + pathRoot, normalized; + + + normalized = normalizePath(ctx, path, options.data); + + pathRoot = normalized.root; + path = normalized.path; + + var value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options), + type = Ember.typeOf(value); + + + var observer, invoker; + + observer = function observer() { + var result = handlebarsGet(pathRoot, path, options); + + + var elem = view.$("[data-bindattr-" + dataId + "='" + dataId + "']"); + + // If we aren't able to find the element, it means the element + // to which we were bound has been removed from the view. + // In that case, we can assume the template has been re-rendered + // and we need to clean up the observer. + if (!elem || elem.length === 0) { + Ember.removeObserver(pathRoot, path, invoker); + return; + } + + Ember.View.applyAttributeBindings(elem, attr, result); + }; + + invoker = function() { + Ember.run.scheduleOnce('render', observer); + }; + + // Add an observer to the view for when the property changes. + // When the observer fires, find the element using the + // unique data id and update the attribute to the new value. + if (path !== 'this') { + Ember.addObserver(pathRoot, path, invoker); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, invoker); + }); + } + + // if this changes, also change the logic in ember-views/lib/views/view.js + if ((type === 'string' || (type === 'number' && !isNaN(value)))) { + ret.push(attr + '="' + Handlebars.Utils.escapeExpression(value) + '"'); + } else if (value && type === 'boolean') { + // The developer controls the attr name, so it should always be safe + ret.push(attr + '="' + attr + '"'); + } + }, this); + + // Add the unique identifier + // NOTE: We use all lower-case since Firefox has problems with mixed case in SVG + ret.push('data-bindattr-' + dataId + '="' + dataId + '"'); + return new EmberHandlebars.SafeString(ret.join(' ')); +}); + +/** + @private + + Helper that, given a space-separated string of property paths and a context, + returns an array of class names. Calling this method also has the side + effect of setting up observers at those property paths, such that if they + change, the correct class name will be reapplied to the DOM element. + + For example, if you pass the string "fooBar", it will first look up the + "fooBar" value of the context. If that value is true, it will add the + "foo-bar" class to the current element (i.e., the dasherized form of + "fooBar"). If the value is a string, it will add that string as the class. + Otherwise, it will not add any new class name. + + @method bindClasses + @for Ember.Handlebars + @param {Ember.Object} context The context from which to lookup properties + @param {String} classBindings A string, space-separated, of class bindings to use + @param {Ember.View} view The view in which observers should look for the element to update + @param {Srting} bindAttrId Optional bindAttr id used to lookup elements + @return {Array} An array of class names to add +*/ +EmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, options) { + var ret = [], newClass, value, elem; + + // Helper method to retrieve the property from the context and + // determine which class string to return, based on whether it is + // a Boolean or not. + var classStringForPath = function(root, parsedPath, options) { + var val, + path = parsedPath.path; + + if (path === 'this') { + val = root; + } else if (path === '') { + val = true; + } else { + val = handlebarsGet(root, path, options); + } + + return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName); + }; + + // For each property passed, loop through and setup + // an observer. + forEach.call(classBindings.split(' '), function(binding) { + + // Variable in which the old class value is saved. The observer function + // closes over this variable, so it knows which string to remove when + // the property changes. + var oldClass; + + var observer, invoker; + + var parsedPath = Ember.View._parsePropertyPath(binding), + path = parsedPath.path, + pathRoot = context, + normalized; + + if (path !== '' && path !== 'this') { + normalized = normalizePath(context, path, options.data); + + pathRoot = normalized.root; + path = normalized.path; + } + + // Set up an observer on the context. If the property changes, toggle the + // class name. + observer = function() { + // Get the current value of the property + newClass = classStringForPath(pathRoot, parsedPath, options); + elem = bindAttrId ? view.$("[data-bindattr-" + bindAttrId + "='" + bindAttrId + "']") : view.$(); + + // If we can't find the element anymore, a parent template has been + // re-rendered and we've been nuked. Remove the observer. + if (!elem || elem.length === 0) { + Ember.removeObserver(pathRoot, path, invoker); + } else { + // If we had previously added a class to the element, remove it. + if (oldClass) { + elem.removeClass(oldClass); + } + + // If necessary, add a new class. Make sure we keep track of it so + // it can be removed in the future. + if (newClass) { + elem.addClass(newClass); + oldClass = newClass; + } else { + oldClass = null; + } + } + }; + + invoker = function() { + Ember.run.scheduleOnce('render', observer); + }; + + if (path !== '' && path !== 'this') { + Ember.addObserver(pathRoot, path, invoker); + + view.one('willClearRender', function() { + Ember.removeObserver(pathRoot, path, invoker); + }); + } + + // We've already setup the observer; now we just need to figure out the + // correct behavior right now on the first pass through. + value = classStringForPath(pathRoot, parsedPath, options); + + if (value) { + ret.push(value); + + // Make sure we save the current value so that it can be removed if the + // observer fires. + oldClass = value; + } + }); + + return ret; +}; + + +})(); + + + +(function() { +/*globals Handlebars */ + +// TODO: Don't require the entire module +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; +var PARENT_VIEW_PATH = /^parentView\./; +var EmberHandlebars = Ember.Handlebars; + +EmberHandlebars.ViewHelper = Ember.Object.create({ + + propertiesFromHTMLOptions: function(options, thisContext) { + var hash = options.hash, data = options.data; + var extensions = {}, + classes = hash['class'], + dup = false; + + if (hash.id) { + extensions.elementId = hash.id; + dup = true; + } + + if (classes) { + classes = classes.split(' '); + extensions.classNames = classes; + dup = true; + } + + if (hash.classBinding) { + extensions.classNameBindings = hash.classBinding.split(' '); + dup = true; + } + + if (hash.classNameBindings) { + if (extensions.classNameBindings === undefined) extensions.classNameBindings = []; + extensions.classNameBindings = extensions.classNameBindings.concat(hash.classNameBindings.split(' ')); + dup = true; + } + + if (hash.attributeBindings) { + + extensions.attributeBindings = null; + dup = true; + } + + if (dup) { + hash = Ember.$.extend({}, hash); + delete hash.id; + delete hash['class']; + delete hash.classBinding; + } + + // Set the proper context for all bindings passed to the helper. This applies to regular attribute bindings + // as well as class name bindings. If the bindings are local, make them relative to the current context + // instead of the view. + var path; + + // Evaluate the context of regular attribute bindings: + for (var prop in hash) { + if (!hash.hasOwnProperty(prop)) { continue; } + + // Test if the property ends in "Binding" + if (Ember.IS_BINDING.test(prop) && typeof hash[prop] === 'string') { + path = this.contextualizeBindingPath(hash[prop], data); + if (path) { hash[prop] = path; } + } + } + + // Evaluate the context of class name bindings: + if (extensions.classNameBindings) { + for (var b in extensions.classNameBindings) { + var full = extensions.classNameBindings[b]; + if (typeof full === 'string') { + // Contextualize the path of classNameBinding so this: + // + // classNameBinding="isGreen:green" + // + // is converted to this: + // + // classNameBinding="bindingContext.isGreen:green" + var parsedPath = Ember.View._parsePropertyPath(full); + path = this.contextualizeBindingPath(parsedPath.path, data); + if (path) { extensions.classNameBindings[b] = path + parsedPath.classNames; } + } + } + } + + // Make the current template context available to the view + // for the bindings set up above. + extensions.bindingContext = thisContext; + + return Ember.$.extend(hash, extensions); + }, + + // Transform bindings from the current context to a context that can be evaluated within the view. + // Returns null if the path shouldn't be changed. + // + // TODO: consider the addition of a prefix that would allow this method to return `path`. + contextualizeBindingPath: function(path, data) { + var normalized = Ember.Handlebars.normalizePath(null, path, data); + if (normalized.isKeyword) { + return 'templateData.keywords.' + path; + } else if (Ember.isGlobalPath(path)) { + return null; + } else if (path === 'this') { + return 'bindingContext'; + } else { + return 'bindingContext.' + path; + } + }, + + helper: function(thisContext, path, options) { + var inverse = options.inverse, + data = options.data, + view = data.view, + fn = options.fn, + hash = options.hash, + newView; + + if ('string' === typeof path) { + newView = EmberHandlebars.get(thisContext, path, options); + + } else { + newView = path; + } + + + var viewOptions = this.propertiesFromHTMLOptions(options, thisContext); + var currentView = data.view; + viewOptions.templateData = options.data; + + if (fn) { + + viewOptions.template = fn; + } + + // We only want to override the `_context` computed property if there is + // no specified controller. See View#_context for more information. + if (!newView.proto().controller && !newView.proto().controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) { + viewOptions._context = thisContext; + } + + currentView.appendChild(newView, viewOptions); + } +}); + +/** + `{{view}}` inserts a new instance of `Ember.View` into a template passing its options + to the `Ember.View`'s `create` method and using the supplied block as the view's own template. + + An empty `` and the following template: + + ``` handlebars + + ``` + + Will result in HTML structure: + + ``` html + + + +
+ A span: + + Hello. + +
+ + ``` + + ### parentView setting + + The `parentView` property of the new `Ember.View` instance created through `{{view}}` + will be set to the `Ember.View` instance of the template where `{{view}}` was called. + + ``` javascript + aView = Ember.View.create({ + template: Ember.Handlebars.compile("{{#view}} my parent: {{parentView.elementId}} {{/view}}") + }); + + aView.appendTo('body'); + ``` + + Will result in HTML structure: + + ``` html +
+
+ my parent: ember1 +
+
+ ``` + + ### Setting CSS id and class attributes + + The HTML `id` attribute can be set on the `{{view}}`'s resulting element with the `id` option. + This option will _not_ be passed to `Ember.View.create`. + + ``` handlebars + + ``` + + Results in the following HTML structure: + + ``` html +
+ + hello. + +
+ ``` + + The HTML `class` attribute can be set on the `{{view}}`'s resulting element with + the `class` or `classNameBindings` options. The `class` option + will directly set the CSS `class` attribute and will not be passed to + `Ember.View.create`. `classNameBindings` will be passed to `create` and use + `Ember.View`'s class name binding functionality: + + ``` handlebars + + ``` + + Results in the following HTML structure: + + ``` html +
+ + hello. + +
+ ``` + + ### Supplying a different view class + + `{{view}}` can take an optional first argument before its supplied options to specify a + path to a custom view class. + + ``` handlebars + + ``` + + The first argument can also be a relative path. Ember will search for the view class + starting at the `Ember.View` of the template where `{{view}}` was used as the root object: + + ``` javascript + MyApp = Ember.Application.create({}); + MyApp.OuterView = Ember.View.extend({ + innerViewClass: Ember.View.extend({ + classNames: ['a-custom-view-class-as-property'] + }), + template: Ember.Handlebars.compile('{{#view "innerViewClass"}} hi {{/view}}') + }); + + MyApp.OuterView.create().appendTo('body'); + ``` + + Will result in the following HTML: + + ``` html +
+
+ hi +
+
+ ``` + + ### Blockless use + + If you supply a custom `Ember.View` subclass that specifies its own template + or provide a `templateName` option to `{{view}}` it can be used without supplying a block. + Attempts to use both a `templateName` option and supply a block will throw an error. + + ``` handlebars + + ``` + + ### viewName property + + You can supply a `viewName` option to `{{view}}`. The `Ember.View` instance will + be referenced as a property of its parent view by this name. + + ``` javascript + aView = Ember.View.create({ + template: Ember.Handlebars.compile('{{#view viewName="aChildByName"}} hi {{/view}}') + }); + + aView.appendTo('body'); + aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper + ``` + + @method view + @for Ember.Handlebars.helpers + @param {String} path + @param {Hash} options + @return {String} HTML string +*/ +EmberHandlebars.registerHelper('view', function(path, options) { + + + // If no path is provided, treat path param as options. + if (path && path.data && path.data.isRenderData) { + options = path; + path = "Ember.View"; + } + + return EmberHandlebars.ViewHelper.helper(this, path, options); +}); + + +})(); + + + +(function() { +/*globals Handlebars */ + +// TODO: Don't require all of this module +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, handlebarsGet = Ember.Handlebars.get, fmt = Ember.String.fmt; + +/** + `{{collection}}` is a `Ember.Handlebars` helper for adding instances of + `Ember.CollectionView` to a template. See `Ember.CollectionView` for additional + information on how a `CollectionView` functions. + + `{{collection}}`'s primary use is as a block helper with a `contentBinding` option + pointing towards an `Ember.Array`-compatible object. An `Ember.View` instance will + be created for each item in its `content` property. Each view will have its own + `content` property set to the appropriate item in the collection. + + The provided block will be applied as the template for each item's view. + + Given an empty `` the following template: + + ``` handlebars + + ``` + + And the following application code + + ``` javascript + App = Ember.Application.create() + App.items = [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ] + ``` + + Will result in the HTML structure below + + ``` html +
+
Hi Dave
+
Hi Mary
+
Hi Sara
+
+ ``` + + ### Blockless Use + If you provide an `itemViewClass` option that has its own `template` you can omit + the block. + + The following template: + + ``` handlebars + + ``` + + And application code + + ``` javascript + App = Ember.Application.create(); + App.items = [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ]; + + App.AnItemView = Ember.View.extend({ + template: Ember.Handlebars.compile("Greetings {{view.content.name}}") + }); + ``` + + Will result in the HTML structure below + + ``` html +
+
Greetings Dave
+
Greetings Mary
+
Greetings Sara
+
+ ``` + + ### Specifying a CollectionView subclass + + By default the `{{collection}}` helper will create an instance of `Ember.CollectionView`. + You can supply a `Ember.CollectionView` subclass to the helper by passing it + as the first argument: + + ``` handlebars + + ``` + + + ### Forwarded `item.*`-named Options + + As with the `{{view}}`, helper options passed to the `{{collection}}` will be set on + the resulting `Ember.CollectionView` as properties. Additionally, options prefixed with + `item` will be applied to the views rendered for each item (note the camelcasing): + + ``` handlebars + + ``` + + Will result in the following HTML structure: + + ``` html +
+

Howdy Dave

+

Howdy Mary

+

Howdy Sara

+
+ ``` + + @method collection + @for Ember.Handlebars.helpers + @param {String} path + @param {Hash} options + @return {String} HTML string + @deprecated Use `{{each}}` helper instead. +*/ +Ember.Handlebars.registerHelper('collection', function(path, options) { + + + // If no path is provided, treat path param as options. + if (path && path.data && path.data.isRenderData) { + options = path; + path = undefined; + + } else { + + } + + var fn = options.fn; + var data = options.data; + var inverse = options.inverse; + + // If passed a path string, convert that into an object. + // Otherwise, just default to the standard class. + var collectionClass; + collectionClass = path ? handlebarsGet(this, path, options) : Ember.CollectionView; + + + var hash = options.hash, itemHash = {}, match; + + // Extract item view class if provided else default to the standard class + var itemViewClass, itemViewPath = hash.itemViewClass; + var collectionPrototype = collectionClass.proto(); + delete hash.itemViewClass; + itemViewClass = itemViewPath ? handlebarsGet(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass; + + + // Go through options passed to the {{collection}} helper and extract options + // that configure item views instead of the collection itself. + for (var prop in hash) { + if (hash.hasOwnProperty(prop)) { + match = prop.match(/^item(.)(.*)$/); + + if(match) { + // Convert itemShouldFoo -> shouldFoo + itemHash[match[1].toLowerCase() + match[2]] = hash[prop]; + // Delete from hash as this will end up getting passed to the + // {{view}} helper method. + delete hash[prop]; + } + } + } + + var tagName = hash.tagName || collectionPrototype.tagName; + + if (fn) { + itemHash.template = fn; + delete options.fn; + } + + var emptyViewClass; + if (inverse && inverse !== Handlebars.VM.noop) { + emptyViewClass = get(collectionPrototype, 'emptyViewClass'); + emptyViewClass = emptyViewClass.extend({ + template: inverse, + tagName: itemHash.tagName + }); + } else if (hash.emptyViewClass) { + emptyViewClass = handlebarsGet(this, hash.emptyViewClass, options); + } + hash.emptyView = emptyViewClass; + + if (hash.eachHelper === 'each') { + itemHash._context = Ember.computed(function() { + return get(this, 'content'); + }).property('content'); + delete hash.eachHelper; + } + + var viewOptions = Ember.Handlebars.ViewHelper.propertiesFromHTMLOptions({ data: data, hash: itemHash }, this); + hash.itemViewClass = itemViewClass.extend(viewOptions); + + return Ember.Handlebars.helpers.view.call(this, collectionClass, options); +}); + + +})(); + + + +(function() { +/*globals Handlebars */ +/** +@module ember +@submodule ember-handlebars +*/ + +var handlebarsGet = Ember.Handlebars.get; + +/** + `unbound` allows you to output a property without binding. *Important:* The + output will not be updated if the property changes. Use with caution. + + ``` handlebars +
{{unbound somePropertyThatDoesntChange}}
+ ``` + + @method unbound + @for Ember.Handlebars.helpers + @param {String} property + @return {String} HTML string +*/ +Ember.Handlebars.registerHelper('unbound', function(property, fn) { + var context = (fn.contexts && fn.contexts[0]) || this; + return handlebarsGet(context, property, fn); +}); + +})(); + + + +(function() { +/*jshint debug:true*/ +/** +@module ember +@submodule ember-handlebars +*/ + +var handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath; + +/** + `log` allows you to output the value of a value in the current rendering + context. + + ``` handlebars + {{log myVariable}} + ``` + + @method log + @for Ember.Handlebars.helpers + @param {String} property +*/ +Ember.Handlebars.registerHelper('log', function(property, options) { + var context = (options.contexts && options.contexts[0]) || this, + normalized = normalizePath(context, property, options.data), + pathRoot = normalized.root, + path = normalized.path, + value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options); + Ember.Logger.log(value); +}); + +/** + The `debugger` helper executes the `debugger` statement in the current + context. + + ``` handlebars + {{debugger}} + ``` + + @method debugger + @for Ember.Handlebars.helpers + @param {String} property +*/ +Ember.Handlebars.registerHelper('debugger', function() { + debugger; +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +Ember.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, { + itemViewClass: Ember._MetamorphView, + emptyViewClass: Ember._MetamorphView, + + createChildView: function(view, attrs) { + view = this._super(view, attrs); + + // At the moment, if a container view subclass wants + // to insert keywords, it is responsible for cloning + // the keywords hash. This will be fixed momentarily. + var keyword = get(this, 'keyword'); + + if (keyword) { + var data = get(view, 'templateData'); + + data = Ember.copy(data); + data.keywords = view.cloneKeywords(); + set(view, 'templateData', data); + + var content = get(view, 'content'); + + // In this case, we do not bind, because the `content` of + // a #each item cannot change. + data.keywords[keyword] = content; + } + + return view; + } +}); + +/** + The `{{#each}}` helper loops over elements in a collection, rendering its block once for each item: + + ``` javascript + Developers = [{name: 'Yehuda'},{name: 'Tom'}, {name: 'Paul'}]; + ``` + + ``` handlebars + {{#each Developers}} + {{name}} + {{/each}} + ``` + + `{{each}}` supports an alternative syntax with element naming: + + ``` handlebars + {{#each person in Developers}} + {{person.name}} + {{/each}} + ``` + + When looping over objects that do not have properties, `{{this}}` can be used to render the object: + + ``` javascript + DeveloperNames = ['Yehuda', 'Tom', 'Paul'] + ``` + + ``` handlebars + {{#each DeveloperNames}} + {{this}} + {{/each}} + ``` + + ### Blockless Use + + If you provide an `itemViewClass` option that has its own `template` you can omit + the block in a similar way to how it can be done with the collection helper. + + The following template: + + ``` handlebars + + ``` + + And application code + + ``` javascript + App = Ember.Application.create({ + MyView: Ember.View.extend({ + items: [ + Ember.Object.create({name: 'Dave'}), + Ember.Object.create({name: 'Mary'}), + Ember.Object.create({name: 'Sara'}) + ] + }) + }); + + App.AnItemView = Ember.View.extend({ + template: Ember.Handlebars.compile("Greetings {{name}}") + }); + + App.initialize(); + ``` + + Will result in the HTML structure below + + ``` html +
+
Greetings Dave
+
Greetings Mary
+
Greetings Sara
+
+ ``` + + + @method each + @for Ember.Handlebars.helpers + @param [name] {String} name for item (used with `in`) + @param path {String} path +*/ +Ember.Handlebars.registerHelper('each', function(path, options) { + if (arguments.length === 4) { + + + var keywordName = arguments[0]; + + options = arguments[3]; + path = arguments[2]; + if (path === '') { path = "this"; } + + options.hash.keyword = keywordName; + } else { + options.hash.eachHelper = 'each'; + } + + options.hash.contentBinding = path; + // Set up emptyView as a metamorph with no tag + //options.hash.emptyViewClass = Ember._MetamorphView; + + return Ember.Handlebars.helpers.collection.call(this, 'Ember.Handlebars.EachView', options); +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +/** + `template` allows you to render a template from inside another template. + This allows you to re-use the same template in multiple places. For example: + + ``` handlebars + + + + ``` + + This helper looks for templates in the global Ember.TEMPLATES hash. If you + add <script> tags to your page with the `data-template-name` attribute set, + they will be compiled and placed in this hash automatically. + + You can also manually register templates by adding them to the hash: + + ``` javascript + Ember.TEMPLATES["my_cool_template"] = Ember.Handlebars.compile('{{user}}'); + ``` + + @method template + @for Ember.Handlebars.helpers + @param {String} templateName the template to render +*/ + +Ember.Handlebars.registerHelper('template', function(name, options) { + var template = Ember.TEMPLATES[name]; + + + Ember.TEMPLATES[name](this, { data: options.data }); +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var EmberHandlebars = Ember.Handlebars, + handlebarsGet = EmberHandlebars.get, + get = Ember.get, + a_slice = Array.prototype.slice; + +var ActionHelper = EmberHandlebars.ActionHelper = { + registeredActions: {} +}; + +ActionHelper.registerAction = function(actionName, options) { + var actionId = (++Ember.uuid).toString(); + + ActionHelper.registeredActions[actionId] = { + eventName: options.eventName, + handler: function(event) { + var modifier = event.shiftKey || event.metaKey || event.altKey || event.ctrlKey, + secondaryClick = event.which > 1, // IE9 may return undefined + nonStandard = modifier || secondaryClick; + + if (options.link && nonStandard) { + // Allow the browser to handle special link clicks normally + return; + } + + event.preventDefault(); + + event.view = options.view; + + if (options.hasOwnProperty('context')) { + event.context = options.context; + } + + if (options.hasOwnProperty('contexts')) { + event.contexts = options.contexts; + } + + var target = options.target; + + // Check for StateManager (or compatible object) + if (target.isState && typeof target.send === 'function') { + return target.send(actionName, event); + } else { + + return target[actionName].call(target, event); + } + } + }; + + options.view.on('willClearRender', function() { + delete ActionHelper.registeredActions[actionId]; + }); + + return actionId; +}; + +/** + The `{{action}}` helper registers an HTML element within a template for + DOM event handling and forwards that interaction to the view's `controller.target` + or supplied `target` option (see 'Specifying a Target'). By default the + `controller.target` is set to the Application's router. + + User interaction with that element will invoke the supplied action name on + the appropriate target. + + Given the following Handlebars template on the page + + ``` handlebars + + ``` + + And application code + + ``` javascript + AView = Ember.View.extend({ + templateName: 'a-template', + anActionName: function(event){} + }); + + aView = AView.create(); + aView.appendTo('body'); + ``` + + Will results in the following rendered HTML + + ``` html +
+
+ click me +
+
+ ``` + + Clicking "click me" will trigger the `anActionName` method of the `aView` + object with a `jQuery.Event` object as its argument. The `jQuery.Event` + object will be extended to include a `view` property that is set to the + original view interacted with (in this case the `aView` object). + + ### Event Propagation + + Events triggered through the action helper will automatically have + `.preventDefault()` called on them. You do not need to do so in your event + handlers. To stop propagation of the event, simply return `false` from your + handler. + + If you need the default handler to trigger you should either register your + own event handler, or use event methods on your view class. See Ember.View + 'Responding to Browser Events' for more information. + + ### Specifying DOM event type + + By default the `{{action}}` helper registers for DOM `click` events. You can + supply an `on` option to the helper to specify a different DOM event name: + + ``` handlebars + + ``` + + See Ember.View 'Responding to Browser Events' for a list of + acceptable DOM event names. + + Because `{{action}}` depends on Ember's event dispatch system it will only + function if an `Ember.EventDispatcher` instance is available. An + `Ember.EventDispatcher` instance will be created when a new + `Ember.Application` is created. Having an instance of `Ember.Application` + will satisfy this requirement. + + + ### Specifying a Target + + There are several possible target objects for `{{action}}` helpers: + + In a typical `Ember.Router`-backed Application where views are managed + through use of the `{{outlet}}` helper, actions will be forwarded to the + current state of the Applications's Router. See Ember.Router 'Responding + to User-initiated Events' for more information. + + If you manually set the `target` property on the controller of a template's + `Ember.View` instance, the specifed `controller.target` will become the target + for any actions. Likely custom values for a controller's `target` are the + controller itself or a StateManager other than the Application's Router. + + If the templates's view lacks a controller property the view itself is the target. + + Finally, a `target` option can be provided to the helper to change which object + will receive the method call. This option must be a string representing a + path to an object: + + ``` handlebars + + ``` + + Clicking "click me" in the rendered HTML of the above template will trigger + the `anActionName` method of the object at `MyApplication.someObject`. + The first argument to this method will be a `jQuery.Event` extended to + include a `view` property that is set to the original view interacted with. + + A path relative to the template's `Ember.View` instance can also be used as + a target: + + ``` handlebars + + ``` + + Clicking "click me" in the rendered HTML of the above template will trigger + the `anActionName` method of the view's parent view. + + The `{{action}}` helper is `Ember.StateManager` aware. If the target of the + action is an `Ember.StateManager` instance `{{action}}` will use the `send` + functionality of StateManagers. The documentation for `Ember.StateManager` + has additional information about this use. + + If an action's target does not implement a method that matches the supplied + action name an error will be thrown. + + ``` handlebars + + ``` + + With the following application code + + ``` javascript + AView = Ember.View.extend({ + templateName; 'a-template', + // note: no method 'aMethodNameThatIsMissing' + anActionName: function(event){} + }); + + aView = AView.create(); + aView.appendTo('body'); + ``` + + Will throw `Uncaught TypeError: Cannot call method 'call' of undefined` when + "click me" is clicked. + + ### Specifying a context + + You may optionally specify objects to pass as contexts to the `{{action}}` helper + by providing property paths as the subsequent parameters. These objects are made + available as the `contexts` (also `context` if there is only one) properties in the + `jQuery.Event` object: + + ``` handlebars + + ``` + + Clicking "click me" will trigger the `edit` method of the view's context with a + `jQuery.Event` object containing the person object as its context. + + @method action + @for Ember.Handlebars.helpers + @param {String} actionName + @param {Object...} contexts + @param {Hash} options +*/ +EmberHandlebars.registerHelper('action', function(actionName) { + var options = arguments[arguments.length - 1], + contexts = a_slice.call(arguments, 1, -1); + + var hash = options.hash, + view = options.data.view, + target, controller, link; + + // create a hash to pass along to registerAction + var action = { + eventName: hash.on || "click" + }; + + action.view = view = get(view, 'concreteView'); + + if (hash.target) { + target = handlebarsGet(this, hash.target, options); + } else if (controller = options.data.keywords.controller) { + target = get(controller, 'target'); + } + + action.target = target = target || view; + + if (contexts.length) { + action.contexts = contexts = Ember.EnumerableUtils.map(contexts, function(context) { + return handlebarsGet(this, context, options); + }, this); + action.context = contexts[0]; + } + + var output = [], url; + + if (hash.href && target.urlForEvent) { + url = target.urlForEvent.apply(target, [actionName].concat(contexts)); + output.push('href="' + url + '"'); + action.link = true; + } + + var actionId = ActionHelper.registerAction(actionName, action); + output.push('data-ember-action="' + actionId + '"'); + + return new EmberHandlebars.SafeString(output.join(" ")); +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +/** + + When used in a Handlebars template that is assigned to an `Ember.View` instance's + `layout` property Ember will render the layout template first, inserting the view's + own rendered output at the `{{ yield }}` location. + + An empty `` and the following application code: + + ``` javascript + AView = Ember.View.extend({ + classNames: ['a-view-with-layout'], + layout: Ember.Handlebars.compile('
{{ yield }}
'), + template: Ember.Handlebars.compile('I am wrapped') + }); + + aView = AView.create(); + aView.appendTo('body'); + ``` + + Will result in the following HTML output: + + ``` html + +
+
+ I am wrapped +
+
+ + ``` + + The yield helper cannot be used outside of a template assigned to an `Ember.View`'s `layout` property + and will throw an error if attempted. + + ``` javascript + BView = Ember.View.extend({ + classNames: ['a-view-with-layout'], + template: Ember.Handlebars.compile('{{yield}}') + }); + + bView = BView.create(); + bView.appendTo('body'); + + // throws + // Uncaught Error: assertion failed: You called yield in a template that was not a layout + ``` + + @method yield + @for Ember.Handlebars.helpers + @param {Hash} options + @return {String} HTML string +*/ +Ember.Handlebars.registerHelper('yield', function(options) { + var view = options.data.view, template; + + while (view && !get(view, 'layout')) { + view = get(view, 'parentView'); + } + + + template = get(view, 'template'); + + if (template) { template(this, options); } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +Ember.Handlebars.OutletView = Ember.ContainerView.extend(Ember._Metamorph); + +/** + The `outlet` helper allows you to specify that the current + view's controller will fill in the view for a given area. + + ``` handlebars + {{outlet}} + ``` + + By default, when the the current controller's `view` property changes, the + outlet will replace its current view with the new view. You can set the + `view` property directly, but it's normally best to use `connectOutlet`. + + ``` javascript + # Instantiate App.PostsView and assign to `view`, so as to render into outlet. + controller.connectOutlet('posts'); + ``` + + You can also specify a particular name other than `view`: + + ``` handlebars + {{outlet masterView}} + {{outlet detailView}} + ``` + + Then, you can control several outlets from a single controller. + + ``` javascript + # Instantiate App.PostsView and assign to controller.masterView. + controller.connectOutlet('masterView', 'posts'); + # Also, instantiate App.PostInfoView and assign to controller.detailView. + controller.connectOutlet('detailView', 'postInfo'); + ``` + + @method outlet + @for Ember.Handlebars.helpers + @param {String} property the property on the controller + that holds the view for this outlet +*/ +Ember.Handlebars.registerHelper('outlet', function(property, options) { + if (property && property.data && property.data.isRenderData) { + options = property; + property = 'view'; + } + + options.hash.currentViewBinding = "view.context." + property; + + return Ember.Handlebars.helpers.view.call(this, Ember.Handlebars.OutletView, options); +}); + +})(); + + + +(function() { + +})(); + + + +(function() { + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var set = Ember.set, get = Ember.get; + +/** + The `Ember.Checkbox` view class renders a checkbox [input](https://developer.mozilla.org/en/HTML/Element/Input) + element. It allows for binding an Ember property (`checked`) to the status of the checkbox. + + Example: + + ``` handlebars + {{view Ember.Checkbox checkedBinding="receiveEmail"}} + ``` + + You can add a `label` tag yourself in the template where the Ember.Checkbox is being used. + + ``` html + + ``` + + + The `checked` attribute of an Ember.Checkbox object should always be set + through the Ember object or by interacting with its rendered element representation + via the mouse, keyboard, or touch. Updating the value of the checkbox via jQuery will + result in the checked value of the object and its element losing synchronization. + + ## Layout and LayoutName properties + Because HTML `input` elements are self closing `layout` and `layoutName` properties will + not be applied. See `Ember.View`'s layout section for more information. + + @class Checkbox + @namespace Ember + @extends Ember.View +*/ +Ember.Checkbox = Ember.View.extend({ + classNames: ['ember-checkbox'], + + tagName: 'input', + + attributeBindings: ['type', 'checked', 'disabled', 'tabindex'], + + type: "checkbox", + checked: false, + disabled: false, + + init: function() { + this._super(); + this.on("change", this, this._updateElementValue); + }, + + _updateElementValue: function() { + set(this, 'checked', this.$().prop('checked')); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +/** + Shared mixin used by Ember.TextField and Ember.TextArea. + + @class TextSupport + @namespace Ember + @extends Ember.Mixin + @private +*/ +Ember.TextSupport = Ember.Mixin.create({ + value: "", + + attributeBindings: ['placeholder', 'disabled', 'maxlength', 'tabindex'], + placeholder: null, + disabled: false, + maxlength: null, + + insertNewline: Ember.K, + cancel: Ember.K, + + init: function() { + this._super(); + this.on("focusOut", this, this._elementValueDidChange); + this.on("change", this, this._elementValueDidChange); + this.on("keyUp", this, this.interpretKeyEvents); + }, + + interpretKeyEvents: function(event) { + var map = Ember.TextSupport.KEY_EVENTS; + var method = map[event.keyCode]; + + this._elementValueDidChange(); + if (method) { return this[method](event); } + }, + + _elementValueDidChange: function() { + set(this, 'value', this.$().val()); + } + +}); + +Ember.TextSupport.KEY_EVENTS = { + 13: 'insertNewline', + 27: 'cancel' +}; + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +/** + The `Ember.TextField` view class renders a text + [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It + allows for binding Ember properties to the text field contents (`value`), + live-updating as the user inputs text. + + Example: + + ``` handlebars + {{view Ember.TextField valueBinding="firstName"}} + ``` + + ## Layout and LayoutName properties + Because HTML `input` elements are self closing `layout` and `layoutName` properties will + not be applied. See `Ember.View`'s layout section for more information. + + ## HTML Attributes + + By default `Ember.TextField` provides support for `type`, `value`, `size`, `placeholder`, + `disabled`, `maxlength` and `tabindex` attributes on a textarea. If you need to support + more attributes have a look at the `attributeBindings` property in `Ember.View`'s + HTML Attributes section. + + To globally add support for additional attributes you can reopen `Ember.TextField` or + `Ember.TextSupport`. + + ``` javascript + Ember.TextSupport.reopen({ + attributeBindings: ["required"] + }) + ``` + + @class TextField + @namespace Ember + @extends Ember.View + @uses Ember.TextSupport +*/ +Ember.TextField = Ember.View.extend(Ember.TextSupport, + /** @scope Ember.TextField.prototype */ { + + classNames: ['ember-text-field'], + tagName: "input", + attributeBindings: ['type', 'value', 'size'], + + /** + The value attribute of the input element. As the user inputs text, this + property is updated live. + + @property value + @type String + @default "" + */ + value: "", + + /** + The type attribute of the input element. + + @property type + @type String + @default "text" + */ + type: "text", + + /** + The size of the text field in characters. + + @property size + @type String + @default null + */ + size: null +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +/** + @class Button + @namespace Ember + @extends Ember.View + @uses Ember.TargetActionSupport + @deprecated +*/ +Ember.Button = Ember.View.extend(Ember.TargetActionSupport, { + classNames: ['ember-button'], + classNameBindings: ['isActive'], + + tagName: 'button', + + propagateEvents: false, + + attributeBindings: ['type', 'disabled', 'href', 'tabindex'], + + /** + @private + + Overrides TargetActionSupport's targetObject computed + property to use Handlebars-specific path resolution. + + @property targetObject + */ + targetObject: Ember.computed(function() { + var target = get(this, 'target'), + root = get(this, 'context'), + data = get(this, 'templateData'); + + if (typeof target !== 'string') { return target; } + + return Ember.Handlebars.get(root, target, { data: data }); + }).property('target'), + + // Defaults to 'button' if tagName is 'input' or 'button' + type: Ember.computed(function(key, value) { + var tagName = this.get('tagName'); + if (value !== undefined) { this._type = value; } + if (this._type !== undefined) { return this._type; } + if (tagName === 'input' || tagName === 'button') { return 'button'; } + }).property('tagName'), + + disabled: false, + + // Allow 'a' tags to act like buttons + href: Ember.computed(function() { + return this.get('tagName') === 'a' ? '#' : null; + }).property('tagName'), + + mouseDown: function() { + if (!get(this, 'disabled')) { + set(this, 'isActive', true); + this._mouseDown = true; + this._mouseEntered = true; + } + return get(this, 'propagateEvents'); + }, + + mouseLeave: function() { + if (this._mouseDown) { + set(this, 'isActive', false); + this._mouseEntered = false; + } + }, + + mouseEnter: function() { + if (this._mouseDown) { + set(this, 'isActive', true); + this._mouseEntered = true; + } + }, + + mouseUp: function(event) { + if (get(this, 'isActive')) { + // Actually invoke the button's target and action. + // This method comes from the Ember.TargetActionSupport mixin. + this.triggerAction(); + set(this, 'isActive', false); + } + + this._mouseDown = false; + this._mouseEntered = false; + return get(this, 'propagateEvents'); + }, + + keyDown: function(event) { + // Handle space or enter + if (event.keyCode === 13 || event.keyCode === 32) { + this.mouseDown(); + } + }, + + keyUp: function(event) { + // Handle space or enter + if (event.keyCode === 13 || event.keyCode === 32) { + this.mouseUp(); + } + }, + + // TODO: Handle proper touch behavior. Including should make inactive when + // finger moves more than 20x outside of the edge of the button (vs mouse + // which goes inactive as soon as mouse goes out of edges.) + + touchStart: function(touch) { + return this.mouseDown(touch); + }, + + touchEnd: function(touch) { + return this.mouseUp(touch); + }, + + init: function() { + + this._super(); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, set = Ember.set; + +/** + The `Ember.TextArea` view class renders a + [textarea](https://developer.mozilla.org/en/HTML/Element/textarea) element. + It allows for binding Ember properties to the text area contents (`value`), + live-updating as the user inputs text. + + ## Layout and LayoutName properties + + Because HTML `textarea` elements do not contain inner HTML the `layout` and `layoutName` + properties will not be applied. See `Ember.View`'s layout section for more information. + + ## HTML Attributes + + By default `Ember.TextArea` provides support for `rows`, `cols`, `placeholder`, `disabled`, + `maxlength` and `tabindex` attributes on a textarea. If you need to support more + attributes have a look at the `attributeBindings` property in `Ember.View`'s HTML Attributes section. + + To globally add support for additional attributes you can reopen `Ember.TextArea` or `Ember.TextSupport`. + + ``` javascript + Ember.TextSupport.reopen({ + attributeBindings: ["required"] + }) + ``` + + @class TextArea + @namespace Ember + @extends Ember.View + @uses Ember.TextSupport +*/ +Ember.TextArea = Ember.View.extend(Ember.TextSupport, { + classNames: ['ember-text-area'], + + tagName: "textarea", + attributeBindings: ['rows', 'cols'], + rows: null, + cols: null, + + _updateElementValue: Ember.observer(function() { + // We do this check so cursor position doesn't get affected in IE + var value = get(this, 'value'), + $el = this.$(); + if ($el && value !== $el.val()) { + $el.val(value); + } + }, 'value'), + + init: function() { + this._super(); + this.on("didInsertElement", this, this._updateElementValue); + } + +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +/** +@class TabContainerView +@namespace Ember +@deprecated +@extends Ember.View +*/ +Ember.TabContainerView = Ember.View.extend({ + init: function() { + + this._super(); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get; + +/** + @class TabPaneView + @namespace Ember + @extends Ember.View + @deprecated +*/ +Ember.TabPaneView = Ember.View.extend({ + tabsContainer: Ember.computed(function() { + return this.nearestOfType(Ember.TabContainerView); + }).property().volatile(), + + isVisible: Ember.computed(function() { + return get(this, 'viewName') === get(this, 'tabsContainer.currentView'); + }).property('tabsContainer.currentView').volatile(), + + init: function() { + + this._super(); + } +}); + +})(); + + + +(function() { +/** +@module ember +@submodule ember-handlebars +*/ + +var get = Ember.get, setPath = Ember.setPath; + +/** +@class TabView +@namespace Ember +@extends Ember.View +@deprecated +*/ +Ember.TabView = Ember.View.extend({ + tabsContainer: Ember.computed(function() { + return this.nearestInstanceOf(Ember.TabContainerView); + }).property().volatile(), + + mouseUp: function() { + setPath(this, 'tabsContainer.currentView', get(this, 'value')); + }, + + init: function() { + + this._super(); + } +}); + +})(); + + + +(function() { + +})(); + + + +(function() { +/*jshint eqeqeq:false */ + +/** +@module ember +@submodule ember-handlebars +*/ + +var set = Ember.set, + get = Ember.get, + indexOf = Ember.EnumerableUtils.indexOf, + indexesOf = Ember.EnumerableUtils.indexesOf, + replace = Ember.EnumerableUtils.replace, + isArray = Ember.isArray; + +/** + The Ember.Select view class renders a + [select](https://developer.mozilla.org/en/HTML/Element/select) HTML element, + allowing the user to choose from a list of options. + + The text and `value` property of each ` + + + + ``` + + + The `value` attribute of the selected `"); + return buffer;} + +function program3(depth0,data) { + + var stack1, stack2, stack3, stack4; + stack1 = depth0; + stack2 = "Ember.SelectOption"; + stack3 = {}; + stack4 = "this"; + stack3['contentBinding'] = stack4; + stack4 = helpers.view || depth0.view; + tmp1 = {}; + tmp1.hash = stack3; + tmp1.contexts = []; + tmp1.contexts.push(stack1); + tmp1.data = data; + if(typeof stack4 === functionType) { stack1 = stack4.call(depth0, stack2, tmp1); } + else if(stack4=== undef) { stack1 = helperMissing.call(depth0, "view", stack2, tmp1); } + else { stack1 = stack4; } + data.buffer.push(escapeExpression(stack1));} + + stack1 = depth0; + stack2 = "view.prompt"; + stack3 = helpers['if']; + tmp1 = self.program(1, program1, data); + tmp1.hash = {}; + tmp1.contexts = []; + tmp1.contexts.push(stack1); + tmp1.fn = tmp1; + tmp1.inverse = self.noop; + tmp1.data = data; + stack1 = stack3.call(depth0, stack2, tmp1); + if(stack1 || stack1 === 0) { data.buffer.push(stack1); } + stack1 = depth0; + stack2 = "view.content"; + stack3 = helpers.each; + tmp1 = self.program(3, program3, data); + tmp1.hash = {}; + tmp1.contexts = []; + tmp1.contexts.push(stack1); + tmp1.fn = tmp1; + tmp1.inverse = self.noop; + tmp1.data = data; + stack1 = stack3.call(depth0, stack2, tmp1); + if(stack1 || stack1 === 0) { data.buffer.push(stack1); } + return buffer; +}), + attributeBindings: ['multiple', 'disabled', 'tabindex'], + + /** + The `multiple` attribute of the select element. Indicates whether multiple + options can be selected. + + @property multiple + @type Boolean + @default false + */ + multiple: false, + + disabled: false, + + /** + The list of options. + + If `optionLabelPath` and `optionValuePath` are not overridden, this should + be a list of strings, which will serve simultaneously as labels and values. + + Otherwise, this should be a list of objects. For instance: + + content: Ember.A([ + { id: 1, firstName: 'Yehuda' }, + { id: 2, firstName: 'Tom' } + ]), + optionLabelPath: 'content.firstName', + optionValuePath: 'content.id' + + @property content + @type Array + @default null + */ + content: null, + + /** + When `multiple` is false, the element of `content` that is currently + selected, if any. + + When `multiple` is true, an array of such elements. + + @property selection + @type Object or Array + @default null + */ + selection: null, + + /** + In single selection mode (when `multiple` is false), value can be used to get + the current selection's value or set the selection by it's value. + + It is not currently supported in multiple selection mode. + + @property value + @type String + @default null + */ + value: Ember.computed(function(key, value) { + if (arguments.length === 2) { return value; } + + var valuePath = get(this, 'optionValuePath').replace(/^content\.?/, ''); + return valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection'); + }).property('selection'), + + /** + If given, a top-most dummy option will be rendered to serve as a user + prompt. + + @property prompt + @type String + @default null + */ + prompt: null, + + /** + The path of the option labels. See `content`. + + @property optionLabelPath + @type String + @default 'content' + */ + optionLabelPath: 'content', + + /** + The path of the option values. See `content`. + + @property optionValuePath + @type String + @default 'content' + */ + optionValuePath: 'content', + + _change: function() { + if (get(this, 'multiple')) { + this._changeMultiple(); + } else { + this._changeSingle(); + } + }, + + selectionDidChange: Ember.observer(function() { + var selection = get(this, 'selection'); + if (get(this, 'multiple')) { + if (!isArray(selection)) { + set(this, 'selection', Ember.A([selection])); + return; + } + this._selectionDidChangeMultiple(); + } else { + this._selectionDidChangeSingle(); + } + }, 'selection.@each'), + + valueDidChange: Ember.observer(function() { + var content = get(this, 'content'), + value = get(this, 'value'), + valuePath = get(this, 'optionValuePath').replace(/^content\.?/, ''), + selectedValue = (valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection')), + selection; + + if (value !== selectedValue) { + selection = content.find(function(obj) { + return value === (valuePath ? get(obj, valuePath) : obj); + }); + + this.set('selection', selection); + } + }, 'value'), + + + _triggerChange: function() { + var selection = get(this, 'selection'); + var value = get(this, 'value'); + + if (selection) { this.selectionDidChange(); } + if (value) { this.valueDidChange(); } + + this._change(); + }, + + _changeSingle: function() { + var selectedIndex = this.$()[0].selectedIndex, + content = get(this, 'content'), + prompt = get(this, 'prompt'); + + if (!content) { return; } + if (prompt && selectedIndex === 0) { set(this, 'selection', null); return; } + + if (prompt) { selectedIndex -= 1; } + set(this, 'selection', content.objectAt(selectedIndex)); + }, + + + _changeMultiple: function() { + var options = this.$('option:selected'), + prompt = get(this, 'prompt'), + offset = prompt ? 1 : 0, + content = get(this, 'content'), + selection = get(this, 'selection'); + + if (!content){ return; } + if (options) { + var selectedIndexes = options.map(function(){ + return this.index - offset; + }).toArray(); + var newSelection = content.objectsAt(selectedIndexes); + + if (isArray(selection)) { + replace(selection, 0, get(selection, 'length'), newSelection); + } else { + set(this, 'selection', newSelection); + } + } + }, + + _selectionDidChangeSingle: function() { + var el = this.get('element'); + if (!el) { return; } + + var content = get(this, 'content'), + selection = get(this, 'selection'), + selectionIndex = content ? indexOf(content, selection) : -1, + prompt = get(this, 'prompt'); + + if (prompt) { selectionIndex += 1; } + if (el) { el.selectedIndex = selectionIndex; } + }, + + _selectionDidChangeMultiple: function() { + var content = get(this, 'content'), + selection = get(this, 'selection'), + selectedIndexes = content ? indexesOf(content, selection) : [-1], + prompt = get(this, 'prompt'), + offset = prompt ? 1 : 0, + options = this.$('option'), + adjusted; + + if (options) { + options.each(function() { + adjusted = this.index > -1 ? this.index - offset : -1; + this.selected = indexOf(selectedIndexes, adjusted) > -1; + }); + } + }, + + init: function() { + this._super(); + this.on("didInsertElement", this, this._triggerChange); + this.on("change", this, this._change); + } +}); + +Ember.SelectOption = Ember.View.extend({ + tagName: 'option', + attributeBindings: ['value', 'selected'], + + defaultTemplate: function(context, options) { + options = { data: options.data, hash: {} }; + Ember.Handlebars.helpers.bind.call(context, "view.label", options); + }, + + init: function() { + this.labelPathDidChange(); + this.valuePathDidChange(); + + this._super(); + }, + + selected: Ember.computed(function() { + var content = get(this, 'content'), + selection = get(this, 'parentView.selection'); + if (get(this, 'parentView.multiple')) { + return selection && indexOf(selection, content.valueOf()) > -1; + } else { + // Primitives get passed through bindings as objects... since + // `new Number(4) !== 4`, we use `==` below + return content == selection; + } + }).property('content', 'parentView.selection').volatile(), + + labelPathDidChange: Ember.observer(function() { + var labelPath = get(this, 'parentView.optionLabelPath'); + + if (!labelPath) { return; } + + Ember.defineProperty(this, 'label', Ember.computed(function() { + return get(this, labelPath); + }).property(labelPath)); + }, 'parentView.optionLabelPath'), + + valuePathDidChange: Ember.observer(function() { + var valuePath = get(this, 'parentView.optionValuePath'); + + if (!valuePath) { return; } + + Ember.defineProperty(this, 'value', Ember.computed(function() { + return get(this, valuePath); + }).property(valuePath)); + }, 'parentView.optionValuePath') +}); + +})(); + + + +(function() { + +})(); + + + +(function() { +/*globals Handlebars */ +/** +@module ember +@submodule ember-handlebars +*/ + +/** + @private + + Find templates stored in the head tag as script tags and make them available + to Ember.CoreView in the global Ember.TEMPLATES object. This will be run as as + jQuery DOM-ready callback. + + Script tags with "text/x-handlebars" will be compiled + with Ember's Handlebars and are suitable for use as a view's template. + Those with type="text/x-raw-handlebars" will be compiled with regular + Handlebars and are suitable for use in views' computed properties. + + @method bootstrap + @for Ember.Handlebars + @static + @param ctx +*/ +Ember.Handlebars.bootstrap = function(ctx) { + var selectors = 'script[type="text/x-handlebars"], script[type="text/x-raw-handlebars"]'; + + Ember.$(selectors, ctx) + .each(function() { + // Get a reference to the script tag + var script = Ember.$(this), + type = script.attr('type'); + + var compile = (script.attr('type') === 'text/x-raw-handlebars') ? + Ember.$.proxy(Handlebars.compile, Handlebars) : + Ember.$.proxy(Ember.Handlebars.compile, Ember.Handlebars), + // Get the name of the script, used by Ember.View's templateName property. + // First look for data-template-name attribute, then fall back to its + // id if no name is found. + templateName = script.attr('data-template-name') || script.attr('id') || 'application', + template = compile(script.html()); + + // For templates which have a name, we save them and then remove them from the DOM + Ember.TEMPLATES[templateName] = template; + + // Remove script tag from DOM + script.remove(); + }); +}; + +function bootstrap() { + Ember.Handlebars.bootstrap( Ember.$(document) ); +} + +/* + We tie this to application.load to ensure that we've at least + attempted to bootstrap at the point that the application is loaded. + + We also tie this to document ready since we're guaranteed that all + the inline templates are present at this point. + + There's no harm to running this twice, since we remove the templates + from the DOM after processing. +*/ + +Ember.onLoad('application', bootstrap); + +})(); + + + +(function() { +/** +Ember Handlebars -// Version: v1.0.pre -// Last commit: 7955b85 (2012-08-03 14:50:17 -0700) +@module ember +@submodule ember-handlebars +@requires ember-views +*/ +})(); -(function(){"undefined"==typeof Ember&&(Ember={}),"undefined"!=typeof window&&(window.Em=window.Ember=Em=Ember),Ember.isNamespace=!0,Ember.toString=function(){return"Ember"},Ember.VERSION="1.0.pre",Ember.ENV=Ember.ENV||("undefined"==typeof ENV?{}:ENV),Ember.config=Ember.config||{},Ember.EXTEND_PROTOTYPES=Ember.ENV.EXTEND_PROTOTYPES!==!1,Ember.LOG_STACKTRACE_ON_DEPRECATION=Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION!==!1,Ember.SHIM_ES5=Ember.ENV.SHIM_ES5===!1?!1:Ember.EXTEND_PROTOTYPES,Ember.CP_DEFAULT_CACHEABLE=Ember.ENV.CP_DEFAULT_CACHEABLE!==!1,Ember.VIEW_PRESERVES_CONTEXT=Ember.ENV.VIEW_PRESERVES_CONTEXT!==!1,Ember.K=function(){return this},"undefined"==typeof Ember.assert&&(Ember.assert=Ember.K),"undefined"==typeof Ember.warn&&(Ember.warn=Ember.K),"undefined"==typeof Ember.deprecate&&(Ember.deprecate=Ember.K),"undefined"==typeof Ember.deprecateFunc&&(Ember.deprecateFunc=function(a,b){return b}),"undefined"==typeof ember_assert&&(window.ember_assert=Ember.K),"undefined"==typeof ember_warn&&(window.ember_warn=Ember.K),"undefined"==typeof ember_deprecate&&(window.ember_deprecate=Ember.K),"undefined"==typeof ember_deprecateFunc&&(window.ember_deprecateFunc=function(a,b){return b}),Ember.Logger=window.console||{log:Ember.K,warn:Ember.K,error:Ember.K,info:Ember.K,debug:Ember.K}})(),function(){var a=function(a){return a&&Function.prototype.toString.call(a).indexOf("[native code]")>-1},b=a(Array.prototype.map)?Array.prototype.map:function(a){if(this===void 0||this===null)throw new TypeError;var b=Object(this),c=b.length>>>0;if(typeof a!="function")throw new TypeError;var d=new Array(c),e=arguments[1];for(var f=0;f>>0;if(typeof a!="function")throw new TypeError;var d=arguments[1];for(var e=0;e-1&&f.splice(g,1)},isEmpty:function(){return this.list.length===0},forEach:function(a,b){var c=this.list.slice();for(var d=0,e=c.length;d0?h=f.values[e]:h=c[e],h!==undefined||"object"!=typeof c||e in c||"function"!=typeof c.unknownProperty?h:c.unknownProperty(e))},c=function(c,e,f,g){typeof c=="string"&&(f=e,e=c,c=null);if(!c||e.indexOf(".")!==-1)return l(c,e,f,g);var h=c[a],i=h&&h.descs[e],j,k;return i?i.set(c,e,f):(j="object"==typeof c&&!(e in c),j&&"function"==typeof c.setUnknownProperty?c.setUnknownProperty(e,f):h&&h.watching[e]>0?(d?k=h.values[e]:k=c[e],f!==k&&(Ember.propertyWillChange(c,e),d?k!==undefined||e in c?h.values[e]=f:Ember.defineProperty(c,e,null,f):c[e]=f,Ember.propertyDidChange(c,e))):c[e]=f),f},Ember.normalizeTuple=function(a,b){return j(a,b)},Ember.getWithDefault=function(a,c,d){var e=b(a,c);return e===undefined?d:e},Ember.get=b,Ember.getPath=Ember.deprecateFunc("getPath is deprecated since get now supports paths",Ember.get),Ember.set=c,Ember.setPath=Ember.deprecateFunc("setPath is deprecated since set now supports paths",Ember.set),Ember.trySet=function(a,b,d){return c(a,b,d,!0)},Ember.trySetPath=Ember.deprecateFunc("trySetPath has been renamed to trySet",Ember.trySet),Ember.isGlobalPath=function(a){return e.test(a)},Ember.config.overrideAccessors&&(Ember.config.overrideAccessors(),b=Ember.get,c=Ember.set)}(),function(){var a=Ember.GUID_KEY,b=Ember.META_KEY,c=Ember.EMPTY_META,d=Ember.meta,e=Ember.create,f=Ember.platform.defineProperty,g=Ember.ENV.MANDATORY_SETTER,h=Ember.Descriptor=function(){};Ember.defineProperty=function(a,c,e,h,i){var j,k,l,m;return i||(i=d(a)),j=i.descs,k=i.descs[c],l=i.watching[c]>0,k instanceof Ember.Descriptor&&k.teardown(a,c),e instanceof Ember.Descriptor?(m=e,j[c]=e,g&&l?f(a,c,{configurable:!0,enumerable:!0,writable:!0,value:undefined}):a[c]=undefined,e.setup(a,c)):(j[c]=undefined,e==null?(m=h,g&&l?(i.values[c]=h,f(a,c,{configurable:!0,enumerable:!0,set:function(){},get:function(){var a=this[b];return a&&a.values[c]}})):a[c]=h):(m=e,f(a,c,e))),l&&Ember.overrideChains(a,c,i),a.didDefineProperty&&a.didDefineProperty(a,c,m),this}}(),function(){function j(a,b,c,e){d&&!e?h.push(a,b,c):Ember.sendEvent(a,b,[a,c])}function k(){i.clear(),h.flush()}function l(b){return b+a}function m(a){return a+b}var a=":change",b=":before",c=Ember.guidFor,d=0,e=[].slice,f=function(){this.targetSet={}};f.prototype.add=function(a,b){var c=this.targetSet,d=Ember.guidFor(a),e=c[d];return e||(c[d]=e={}),e[b]?!1:e[b]=!0},f.prototype.clear=function(){this.targetSet={}};var g=function(){this.targetSet={},this.queue=[]};g.prototype.push=function(a,b,c){var d=this.targetSet,e=this.queue,f=Ember.guidFor(a),g=d[f],h;g||(d[f]=g={}),h=g[b],h===undefined?g[b]=e.push(Ember.deferEvent(a,b,[a,c]))-1:e[h]=Ember.deferEvent(a,b,[a,c])},g.prototype.flush=function(){var a=this.queue;this.queue=[],this.targetSet={};for(var b=0,c=a.length;b0||c==="length",g=e.proto,h=e.descs[c];if(!f)return;if(g===a)return;h&&h.willChange&&h.willChange(a,c),t(a,c,e),E(a,c,e),Ember.notifyBeforeObservers(a,c)}function H(a,c){var d=b(a,!1),e=d.watching[c]>0||c==="length",f=d.proto,g=d.descs[c];if(f===a)return;g&&g.didChange&&g.didChange(a,c);if(!e&&c!=="length")return;u(a,c,d),F(a,c,d),Ember.notifyObservers(a,c)}var a=Ember.guidFor,b=Ember.meta,c=Ember.get,d=Ember.set,e=Ember.normalizeTuple,f=Ember.GUID_KEY,g=Ember.META_KEY,h=Ember.notifyObservers,i=Ember.ArrayPolyfills.forEach,j=/^([^\.\*]+)/,k=/[\.\*]/,l=Ember.ENV.MANDATORY_SETTER,m=Ember.platform.defineProperty,p={__emberproto__:!0},r,s,x=[],A=function(a,b,c,d){var e;this._parent=a,this._key=b,this._watching=c===undefined,this._value=c,this._separator=d||".",this._paths={},this._watching&&(this._object=a.value(),this._object&&v(this._object,this._key,this)),this._parent&&this._parent._key==="@each"&&this.value()},B=A.prototype;B.value=function(){if(this._value===undefined&&this._watching){var a=this._parent.value();this._value=a&&!z(a)?c(a,this._key):undefined}return this._value},B.destroy=function(){if(this._watching){var a=this._object;a&&w(a,this._key,this),this._watching=!1}},B.copy=function(a){var b=new A(null,null,a,this._separator),c=this._paths,d;for(d in c){if(c[d]<=0)continue;b.add(d)}return b},B.add=function(a){var b,c,d,f,g,h;h=this._paths,h[a]=(h[a]||0)+1,b=this.value(),c=e(b,a);if(c[0]&&c[0]===b)a=c[1],d=n(a),a=a.slice(d.length+1);else{if(!c[0]){x.push([this,a]),c.length=0;return}f=c[0],d=a.slice(0,0-(c[1].length+1)),g=a.slice(d.length,d.length+1),a=c[1]}c.length=0,this.chain(d,a,f,g)},B.remove=function(a){var b,c,d,f,g;g=this._paths,g[a]>0&&g[a]--,b=this.value(),c=e(b,a),c[0]===b?(a=c[1],d=n(a),a=a.slice(d.length+1)):(f=c[0],d=a.slice(0,0-(c[1].length+1)),a=c[1]),c.length=0,this.unchain(d,a)},B.count=0,B.chain=function(a,b,c,d){var e=this._chains,f;e||(e=this._chains={}),f=e[a],f||(f=e[a]=new A(this,a,c,d)),f.count++,b&&b.length>0&&(a=n(b),b=b.slice(a.length+1),f.chain(a,b))},B.unchain=function(a,b){var c=this._chains,d=c[a];b&&b.length>1&&(a=n(b),b=b.slice(a.length+1),d.unchain(a,b)),d.count--,d.count<=0&&(delete c[d._key],d.destroy())},B.willChange=function(){var a=this._chains;if(a)for(var b in a){if(!a.hasOwnProperty(b))continue;a[b].willChange()}this._parent&&this._parent.chainWillChange(this,this._key,1)},B.chainWillChange=function(a,b,c){this._key&&(b=this._key+this._separator+b),this._parent?this._parent.chainWillChange(this,b,c+1):(c>1&&Ember.propertyWillChange(this.value(),b),b="this."+b,this._paths[b]>0&&Ember.propertyWillChange(this.value(),b))},B.chainDidChange=function(a,b,c){this._key&&(b=this._key+this._separator+b),this._parent?this._parent.chainDidChange(this,b,c+1):(c>1&&Ember.propertyDidChange(this.value(),b),b="this."+b,this._paths[b]>0&&Ember.propertyDidChange(this.value(),b))},B.didChange=function(a){if(this._watching){var b=this._parent.value();b!==this._object&&(w(this._object,this._key,this),this._object=b,v(b,this._key,this)),this._value=undefined,this._parent&&this._parent._key==="@each"&&this.value()}var c=this._chains;if(c)for(var d in c){if(!c.hasOwnProperty(d))continue;c[d].didChange(a)}if(a)return;this._parent&&this._parent.chainDidChange(this,this._key,1)},Ember.overrideChains=function(a,b,c){D(a,c,b,"didChange",!0)},Ember.watch=function(a,c){if(c==="length"&&Ember.typeOf(a)==="array")return this;var d=b(a),e=d.watching,f;return e[c]?e[c]=(e[c]||0)+1:(e[c]=1,o(c)?(f=d.descs[c],f&&f.willWatch&&f.willWatch(a,c),"function"==typeof a.willWatchProperty&&a.willWatchProperty(c),l&&c in a&&(d.values[c]=a[c],m(a,c,{configurable:!0,enumerable:!0,set:function(){},get:function(){var a=this[g];return a&&a.values[c]}}))):C(a).add(c)),this},Ember.isWatching=function(b,c){var d=b[g];return(d&&d.watching[c])>0},Ember.watch.flushPending=y,Ember.unwatch=function(a,c){if(c==="length"&&Ember.typeOf(a)==="array")return this;var d=b(a),e=d.watching,f;return e[c]===1?(e[c]=0,o(c)?(f=d.descs[c],f&&f.didUnwatch&&f.didUnwatch(a,c),"function"==typeof a.didUnwatchProperty&&a.didUnwatchProperty(c),l&&c in a&&(m(a,c,{configurable:!0,enumerable:!0,writable:!0,value:d.values[c]}),delete d.values[c])):C(a).remove(c)):e[c]>1&&e[c]--,this},Ember.rewatch=function(a){var c=b(a,!1),d=c.chains;return f in a&&!a.hasOwnProperty(f)&&Ember.generateGuid(a,"ember"),d&&d.value()!==a&&(c.chains=d.copy(a)),this},Ember.finishChains=function(a){var c=b(a,!1),d=c.chains;d&&(d.value()!==a&&(c.chains=d=d.copy(a)),d.didChange(!0))},Ember.propertyWillChange=G,Ember.propertyDidChange=H;var I=[];Ember.destroy=function(a){var b=a[g],c,d,e,f;if(b){a[g]=null,c=b.chains;if(c){I.push(c);while(I.length>0){c=I.pop(),d=c._chains;if(d)for(e in d)d.hasOwnProperty(e)&&I.push(d[e]);c._watching&&(f=c._object,f&&w(f,c._key,c))}}}}}(),function(){function i(a,b,c){var d=b[c];return d?d.__emberproto__!==a&&(d=b[c]=e(d),d.__emberproto__=a):d=b[c]={__emberproto__:a},d}function j(a,b){var c=b.deps;return c?c.__emberproto__!==a&&(c=b.deps=e(c),c.__emberproto__=a):c=b.deps={__emberproto__:a},c}function k(a,b,c,d){var e=a._dependentKeys,f,h,k,l,m;if(!e)return;f=j(b,d);for(h=0,k=e.length;h1&&(b=d.call(arguments,0,-1),a=d.call(arguments,-1)[0]);var c=new m(a);return b&&c.property.apply(c,b),c},Ember.cacheFor=function(c,d){var e=b(c,!1).cache;if(e&&d in e)return e[d]},Ember.computed.not=function(b){return Ember.computed(b,function(c){return!a(this,b)}).cacheable()},Ember.computed.empty=function(b){return Ember.computed(b,function(c){var d=a(this,b);return d===undefined||d===null||d===""||Ember.isArray(d)&&a(d,"length")===0}).cacheable()},Ember.computed.bool=function(b){return Ember.computed(b,function(c){return!!a(this,b)}).cacheable()}}(),function(){function f(a,b,e,f){return c(a,["listeners",b,d(e)],f)}function g(a,c){var d=b(a,!1).listeners;return d?d[c]||!1:!1}function i(a,b,c,d){var e=g(a,b);if(!e)return!1;for(var f in e){if(h[f])continue;var i=e[f];if(i)for(var j in i){if(h[j])continue;var k=i[j];if(k&&c(k,d,a)===!0)return!0}}return!1}function j(a,b,c){var d=a.method,e=a.target;e||(e=c),"string"==typeof d&&(d=e[d]),b?d.apply(e,b):d.apply(e)}function k(a,b,c,e){!e&&"function"==typeof c&&(e=c,c=null);var g=f(a,b,c,!0),h=d(e);g[h]||(g[h]={target:c,method:e}),"function"==typeof a.didAddListener&&a.didAddListener(b,c,e)}function l(a,b,c,e){!e&&"function"==typeof c&&(e=c,c=null);var g=f(a,b,c,!0),h=d(e);g&&g[h]&&(g[h]=null),"function"==typeof a.didRemoveListener&&a.didRemoveListener(b,c,e)}function m(a,b,c,e,g){!e&&"function"==typeof c&&(e=c,c=null);var h=f(a,b,c,!0),i=d(e),j=h&&h[i];h[i]=null;try{return g.call(c)}finally{h[i]=j}}function n(a){var c=b(a,!1).listeners,d=[];if(c)for(var e in c)!h[e]&&c[e]&&d.push(e);return d}function o(a,b,c){return a!==Ember&&"function"==typeof a.sendEvent&&a.sendEvent(b,c),i(a,b,j,c),!0}function p(a,b,c){var d=[];return i(a,b,function(a){d.push(a)}),function(){if(a.isDestroyed)return;a!==Ember&&"function"==typeof a.sendEvent&&a.sendEvent(b,c);for(var e=0,f=d.length;e0&&(d=d.length>e?a.call(d,e):null);if("function"!=typeof Ember.onerror)return c.apply(b||this,d||[]);try{return c.apply(b||this,d||[])}catch(f){Ember.onerror(f)}}function h(){g=null,f.currentRunLoop&&f.end()}function k(){j=null;var a=+(new Date),b=-1;for(var d in i){if(!i.hasOwnProperty(d))continue;var e=i[d];if(e&&e.expires)if(a>=e.expires)delete i[d],c(e.target,e.method,e.args,2);else if(b<0||e.expires0&&(j=setTimeout(k,b- +(new Date)))}function l(a,b){b[this.tguid]&&delete b[this.tguid][this.mguid],i[a]&&c(this.target,this.method,this.args,2),delete i[a]}function n(){m=null;for(var a in i){if(!i.hasOwnProperty(a))continue;var b=i[a];b.next&&(delete i[a],c(b.target,b.method,b.args,2))}}var a=[].slice,b=Ember.ArrayPolyfills.forEach,d,e=function(a){this._prev=a||null,this.onceTimers={}};e.prototype={end:function(){this.flush()},prev:function(){return this._prev},schedule:function(b,c,d){var e=this._queues,f;e||(e=this._queues={}),f=e[b],f||(f=e[b]=[]);var g=arguments.length>3?a.call(arguments,3):null;return f.push({target:c,method:d,args:g}),this},flush:function(a){function j(a){c(a.target,a.method,a.args)}var e,f,g,h,i;if(!this._queues)return this;Ember.watch.flushPending();if(a)while(this._queues&&(h=this._queues[a])){this._queues[a]=null;if(a==="sync"){i=Ember.LOG_BINDINGS,i&&Ember.Logger.log("Begin: Flush Sync Queue"),Ember.beginPropertyChanges();try{b.call(h,j)}finally{Ember.endPropertyChanges()}i&&Ember.Logger.log("End: Flush Sync Queue")}else b.call(h,j)}else{e=Ember.run.queues,g=e.length,f=0;a:while(f("+this._from+" -> "+this._to+")"+a},connect:function(a){var b=this._from,c=this._to;return Ember.trySet(a,c,e(a,b)),Ember.addObserver(a,b,this,this.fromDidChange),this._oneWay||Ember.addObserver(a,c,this,this.toDidChange),this._readyToSync=!0,this},disconnect:function(a){var b=!this._oneWay;return Ember.removeObserver(a,this._from,this,this.fromDidChange),b&&Ember.removeObserver(a,this._to,this,this.toDidChange),this._readyToSync=!1,this},fromDidChange:function(a){this._scheduleSync(a,"fwd")},toDidChange:function(a){this._scheduleSync(a,"back")},_scheduleSync:function(a,b){var c=this._directionMap,d=c.get(a);d||(Ember.run.schedule("sync",this,this._sync,a),c.set(a,b)),d==="back"&&b==="fwd"&&c.set(a,"fwd")},_sync:function(b){var c=Ember.LOG_BINDINGS;if(b.isDestroyed||!this._readyToSync)return;var d=this._directionMap,f=d.get(b),g=this._from,h=this._to;d.remove(b);if(f==="fwd"){var i=e(b,this._from);c&&Ember.Logger.log(" ",this.toString(),"->",i,b),this._oneWay?Ember.trySet(b,h,i):Ember._suspendObserver(b,h,this,this.toDidChange,function(){Ember.trySet(b,h,i)})}else if(f==="back"){var j=a(b,this._to);c&&Ember.Logger.log(" ",this.toString(),"<-",j,b),Ember._suspendObserver(b,g,this,this.fromDidChange,function(){Ember.trySet(Ember.isGlobalPath(g)?window:b,g,j)})}}},g(f,{from:function(){var a=this,b=new a;return b.from.apply(b,arguments)},to:function(){var a=this,b=new a;return b.to.apply(b,arguments)},oneWay:function(a,b){var c=this,d=new c(null,a);return d.oneWay(b)}}),Ember.Binding=f,Ember.bind=function(a,b,c){return(new Ember.Binding(b,c)).connect(a)},Ember.oneWay=function(a,b,c){return(new Ember.Binding(b,c)).oneWay().connect(a)}}(),function(){function o(a){var b=Ember.meta(a,!0),c=b.mixins;return c?c.__emberproto__!==a&&(c=b.mixins=l(c),c.__emberproto__=a):c=b.mixins={__emberproto__:a},c}function p(b,c){return c&&c.length>0&&(b.mixins=f.call(c,function(b){if(b instanceof a)return b;var c=new a;return c.properties=b,c})),b}function q(a){return"function"==typeof a&&a.isMethod!==!1&&a!==Boolean&&a!==Object&&a!==Number&&a!==Array&&a!==Date&&a!==String}function r(c,d,e,f,i){function v(a){delete e[a],delete f[a]}var j=c.length,k,l,m,o,p,s,t,u;for(k=0;k=0||s==="concatenatedProperties"){var y=f[s]||i[s];p=y?y.concat(p):Ember.makeArray(p)}e[s]=undefined,f[s]=p}}o.hasOwnProperty("toString")&&(i.toString=o.toString)}else l.mixins&&(r(l.mixins,d,e,f,i),l._without&&h.call(l._without,v))}}function s(a){var b=Ember.meta(a),c=b.required;if(!c||c.__emberproto__!==a)c=b.required=c?l(c):{__ember_count__:0},c.__emberproto__=a;return c}function u(a,b,c,d){if(t.test(b)){var e=d.bindings;e?e.__emberproto__!==a&&(e=d.bindings=l(d.bindings),e.__emberproto__=a):e=d.bindings={__emberproto__:a},e[b]=c}}function v(a,b){var c=b.bindings,d,e,f;if(c){for(d in c)e=d!=="__emberproto__"&&c[d],e&&(f=d.slice(0,-7),e instanceof Ember.Binding?(e=e.copy(),e.to(f)):e=new Ember.Binding(f,e),e.connect(a),a[d]=e);b.bindings={__emberproto__:a}}}function w(a,b){return v(a,b||Ember.meta(a)),a}function x(a,d,e){var f={},g={},h=Ember.meta(a),i=h.required,j,l,n,p,q,t,v;r(d,o(a),f,g,a);for(j in g){if(j==="contructor")continue;if(!g.hasOwnProperty(j))continue;n=f[j],l=g[j];if(n===b)j in a||(i=s(a),i.__ember_count__++,i[j]=!0);else{while(n&&n instanceof c){var x=n.methodName;f[x]||g[x]?(l=g[x],n=f[x]):h.descs[x]?(n=h.descs[x],l=undefined):(n=undefined,l=a[x])}if(n===undefined&&l===undefined)continue;p=a[j];if("function"==typeof p)if(q=p.__ember_observesBefore__){t=q.length;for(v=0;v0){var y=[];for(j in i){if(k[j])continue;y.push(j)}}return a -}function z(a,b,c){var d=n(a);if(c[d])return!1;c[d]=!0;if(a===b)return!0;var e=a.mixins,f=e?e.length:0;while(--f>=0)if(z(e[f],b,c))return!0;return!1}function A(a,b,c){if(c[n(b)])return;c[n(b)]=!0;if(b.properties){var d=b.properties;for(var e in d)d.hasOwnProperty(e)&&(a[e]=!0)}else b.mixins&&h.call(b.mixins,function(b){A(a,b,c)})}function D(a,b,c){var e=a.length;for(var f in b){if(!b.hasOwnProperty||!b.hasOwnProperty(f))continue;var g=b[f];a[e]=f;if(g&&g.toString===d)g[B]=a.join(".");else if(g&&C(g,"isNamespace")){if(c[n(g)])continue;c[n(g)]=!0,D(a,g,c)}}a.length=e}function E(){var a=Ember.Namespace,b,c;if(a.PROCESSED)return;for(var d in window){if(d==="globalStorage"&&window.StorageList&&window.globalStorage instanceof window.StorageList)continue;if(window.hasOwnProperty&&!window.hasOwnProperty(d))continue;try{b=window[d],c=b&&C(b,"isNamespace")}catch(e){continue}c&&(b[B]=d)}}var a,b,c,d,e,f=Ember.ArrayPolyfills.map,g=Ember.ArrayPolyfills.indexOf,h=Ember.ArrayPolyfills.forEach,i=[].slice,j={},k={__emberproto__:!0,__ember_count__:!0},l=Ember.create,m=Ember.defineProperty,n=Ember.guidFor,t=Ember.IS_BINDING=/^.+Binding$/;Ember.mixin=function(a){var b=i.call(arguments,1);return x(a,b,!1),a},Ember.Mixin=function(){return p(this,arguments)},a=Ember.Mixin,a._apply=x,a.applyPartial=function(a){var b=i.call(arguments,1);return x(a,b,!0)},a.finishPartial=w,a.create=function(){d.processed=!1;var a=this;return p(new a,arguments)};var y=a.prototype;y.reopen=function(){var b,c;this.properties?(b=a.create(),b.properties=this.properties,delete this.properties,this.mixins=[b]):this.mixins||(this.mixins=[]);var d=arguments.length,e=this.mixins,f;for(f=0;f=0)return f[h];if(Ember.typeOf(b)==="array"){g=b.slice();if(c){h=g.length;while(--h>=0)g[h]=e(g[h],c,d,f)}}else if(Ember.Copyable&&Ember.Copyable.detect(b))g=b.copy(c,d,f);else{g={};for(i in b){if(!b.hasOwnProperty(i))continue;g[i]=c?e(b[i],c,d,f):b[i]}}return c&&(d.push(b),f.push(g)),g}var a=Ember.EnumerableUtils.indexOf,b={},c="Boolean Number String Function Array Date RegExp Object".split(" ");Ember.ArrayPolyfills.forEach.call(c,function(a){b["[object "+a+"]"]=a.toLowerCase()});var d=Object.prototype.toString;Ember.typeOf=function(a){var c;return c=a===null||a===undefined?String(a):b[d.call(a)]||"object",c==="function"?Ember.Object&&Ember.Object.detect(a)&&(c="class"):c==="object"&&(a instanceof Error?c="error":Ember.Object&&a instanceof Ember.Object?c="instance":c="object"),c},Ember.none=function(a){return a===null||a===undefined},Ember.empty=function(a){return a===null||a===undefined||a.length===0&&typeof a!="function"},Ember.compare=function f(a,b){if(a===b)return 0;var c=Ember.typeOf(a),d=Ember.typeOf(b),e=Ember.Comparable;if(e){if(c==="instance"&&e.detect(a.constructor))return a.constructor.compare(a,b);if(d==="instance"&&e.detect(b.constructor))return 1-b.constructor.compare(b,a)}var g=Ember.ORDER_DEFINITION_MAPPING;if(!g){var h=Ember.ORDER_DEFINITION;g=Ember.ORDER_DEFINITION_MAPPING={};var i,j;for(i=0,j=h.length;il)return 1;switch(c){case"boolean":case"number":if(ab)return 1;return 0;case"string":var m=a.localeCompare(b);if(m<0)return-1;if(m>0)return 1;return 0;case"array":var n=a.length,o=b.length,p=Math.min(n,o),q=0,r=0;while(q===0&&ro)return 1;return 0;case"instance":if(Ember.Comparable&&Ember.Comparable.detect(a))return a.compare(a,b);return 0;case"date":var s=a.getTime(),t=b.getTime();if(st)return 1;return 0;default:return 0}},Ember.copy=function(a,b){return"object"!=typeof a||a===null?a:Ember.Copyable&&Ember.Copyable.detect(a)?a.copy(b):e(a,b,b?[]:null,b?[]:null)},Ember.inspect=function(a){var b,c=[];for(var d in a)if(a.hasOwnProperty(d)){b=a[d];if(b==="toString")continue;Ember.typeOf(b)==="function"&&(b="function() { ... }"),c.push(d+": "+b)}return"{"+c.join(" , ")+"}"},Ember.isEqual=function(a,b){return a&&"function"==typeof a.isEqual?a.isEqual(b):a===b},Ember.ORDER_DEFINITION=Ember.ENV.ORDER_DEFINITION||["undefined","null","boolean","number","string","array","object","instance","function","class","date"],Ember.keys=Object.keys,Ember.keys||(Ember.keys=function(a){var b=[];for(var c in a)a.hasOwnProperty(c)&&b.push(c);return b}),Ember.Error=function(){var a=Error.prototype.constructor.apply(this,arguments);for(var b in a)a.hasOwnProperty(b)&&(this[b]=a[b]);this.message=a.message},Ember.Error.prototype=Ember.create(Error.prototype)}(),function(){var a=/[ _]/g,b={},c=/([a-z])([A-Z])/g,d=/(\-|_|\s)+(.)?/g,e=/([a-z\d])([A-Z]+)/g,f=/\-|\s+/g;Ember.STRINGS={},Ember.String={fmt:function(a,b){var c=0;return a.replace(/%@([0-9]+)?/g,function(a,d){return d=d?parseInt(d,0)-1:c++,a=b[d],(a===null?"(null)":a===undefined?"":a).toString()})},loc:function(a,b){return a=Ember.STRINGS[a]||a,Ember.String.fmt(a,b)},w:function(a){return a.split(/\s+/)},decamelize:function(a){return a.replace(c,"$1_$2").toLowerCase()},dasherize:function(c){var d=b,e=d[c];return e?e:(e=Ember.String.decamelize(c).replace(a,"-"),d[c]=e,e)},camelize:function(a){return a.replace(d,function(a,b,c){return c?c.toUpperCase():""})},classify:function(a){var b=Ember.String.camelize(a);return b.charAt(0).toUpperCase()+b.substr(1)},underscore:function(a){return a.replace(e,"$1_$2").replace(f,"_").toLowerCase()}}}(),function(){var a=Ember.String.fmt,b=Ember.String.w,c=Ember.String.loc,d=Ember.String.camelize,e=Ember.String.decamelize,f=Ember.String.dasherize,g=Ember.String.underscore;Ember.EXTEND_PROTOTYPES&&(String.prototype.fmt=function(){return a(this,arguments)},String.prototype.w=function(){return b(this)},String.prototype.loc=function(){return c(this,arguments)},String.prototype.camelize=function(){return d(this)},String.prototype.decamelize=function(){return e(this)},String.prototype.dasherize=function(){return f(this)},String.prototype.underscore=function(){return g(this)})}(),function(){var a=Array.prototype.slice;Ember.EXTEND_PROTOTYPES&&(Function.prototype.property=function(){var a=Ember.computed(this);return a.property.apply(a,arguments)},Function.prototype.observes=function(){return this.__ember_observes__=a.call(arguments),this},Function.prototype.observesBefore=function(){return this.__ember_observesBefore__=a.call(arguments),this})}(),function(){}(),function(){function f(){return e.length===0?{}:e.pop()}function g(a){return e.push(a),null}function h(b,c){function e(e){var f=a(e,b);return d?c===f:!!f}var d=arguments.length===2;return e}var a=Ember.get,b=Ember.set,c=Array.prototype.slice,d=Ember.EnumerableUtils.indexOf,e=[];Ember.Enumerable=Ember.Mixin.create({isEnumerable:!0,nextObject:Ember.required(Function),firstObject:Ember.computed(function(){if(a(this,"length")===0)return undefined;var b=f(),c;return c=this.nextObject(0,null,b),g(b),c}).property("[]").cacheable(),lastObject:Ember.computed(function(){var b=a(this,"length");if(b===0)return undefined;var c=f(),d=0,e,h=null;do h=e,e=this.nextObject(d++,h,c);while(e!==undefined);return g(c),h}).property("[]").cacheable(),contains:function(a){return this.find(function(b){return b===a})!==undefined},forEach:function(b,c){if(typeof b!="function")throw new TypeError;var d=a(this,"length"),e=null,h=f();c===undefined&&(c=null);for(var i=0;i1&&(b=c.call(arguments,1)),this.forEach(function(c,e){var f=c&&c[a];"function"==typeof f&&(d[e]=b?f.apply(c,b):f.call(c))},this),d},toArray:function(){var a=[];return this.forEach(function(b,c){a[c]=b}),a},compact:function(){return this.without(null)},without:function(a){if(!this.contains(a))return this;var b=[];return this.forEach(function(c){c!==a&&(b[b.length]=c)}),b},uniq:function(){var a=[];return this.forEach(function(b){d(a,b)<0&&a.push(b)}),a},"[]":Ember.computed(function(a,b){return this}).property().cacheable(),addEnumerableObserver:function(b,c){var d=c&&c.willChange||"enumerableWillChange",e=c&&c.didChange||"enumerableDidChange",f=a(this,"hasEnumerableObservers");return f||Ember.propertyWillChange(this,"hasEnumerableObservers"),Ember.addListener(this,"@enumerable:before",b,d),Ember.addListener(this,"@enumerable:change",b,e),f||Ember.propertyDidChange(this,"hasEnumerableObservers"),this},removeEnumerableObserver:function(b,c){var d=c&&c.willChange||"enumerableWillChange",e=c&&c.didChange||"enumerableDidChange",f=a(this,"hasEnumerableObservers");return f&&Ember.propertyWillChange(this,"hasEnumerableObservers"),Ember.removeListener(this,"@enumerable:before",b,d),Ember.removeListener(this,"@enumerable:change",b,e),f&&Ember.propertyDidChange(this,"hasEnumerableObservers"),this},hasEnumerableObservers:Ember.computed(function(){return Ember.hasListeners(this,"@enumerable:change")||Ember.hasListeners(this,"@enumerable:before")}).property().cacheable(),enumerableContentWillChange:function(b,c){var d,e,f;return"number"==typeof b?d=b:b?d=a(b,"length"):d=b=-1,"number"==typeof c?e=c:c?e=a(c,"length"):e=c=-1,f=e<0||d<0||e-d!==0,b===-1&&(b=null),c===-1&&(c=null),Ember.propertyWillChange(this,"[]"),f&&Ember.propertyWillChange(this,"length"),Ember.sendEvent(this,"@enumerable:before",[this,b,c]),this},enumerableContentDidChange:function(b,c){var d=this.propertyDidChange,e,f,g;return"number"==typeof b?e=b:b?e=a(b,"length"):e=b=-1,"number"==typeof c?f=c:c?f=a(c,"length"):f=c=-1,g=f<0||e<0||f-e!==0,b===-1&&(b=null),c===-1&&(c=null),Ember.sendEvent(this,"@enumerable:change",[this,b,c]),g&&Ember.propertyDidChange(this,"length"),Ember.propertyDidChange(this,"[]"),this}})}(),function(){function f(a){return a===null||a===undefined}var a=Ember.get,b=Ember.set,c=Ember.meta,d=Ember.EnumerableUtils.map,e=Ember.cacheFor;Ember.Array=Ember.Mixin.create(Ember.Enumerable,{isSCArray:!0,length:Ember.required(),objectAt:function(b){return b<0||b>=a(this,"length")?undefined:a(this,b)},objectsAt:function(a){var b=this;return d(a,function(a){return b.objectAt(a)})},nextObject:function(a){return this.objectAt(a)},"[]":Ember.computed(function(b,c){return c!==undefined&&this.replace(0,a(this,"length"),c),this}).property().cacheable(),firstObject:Ember.computed(function(){return this.objectAt(0)}).property().cacheable(),lastObject:Ember.computed(function(){return this.objectAt(a(this,"length")-1)}).property().cacheable(),contains:function(a){return this.indexOf(a)>=0},slice:function(b,c){var d=[],e=a(this,"length");f(b)&&(b=0);if(f(c)||c>e)c=e;while(b=e)c=e-1;c<0&&(c+=e);for(d=c;d>=0;d--)if(this.objectAt(d)===b)return d;return-1},addArrayObserver:function(b,c){var d=c&&c.willChange||"arrayWillChange",e=c&&c.didChange||"arrayDidChange",f=a(this,"hasArrayObservers");return f||Ember.propertyWillChange(this,"hasArrayObservers"),Ember.addListener(this,"@array:before",b,d),Ember.addListener(this,"@array:change",b,e),f||Ember.propertyDidChange(this,"hasArrayObservers"),this},removeArrayObserver:function(b,c){var d=c&&c.willChange||"arrayWillChange",e=c&&c.didChange||"arrayDidChange",f=a(this,"hasArrayObservers");return f&&Ember.propertyWillChange(this,"hasArrayObservers"),Ember.removeListener(this,"@array:before",b,d),Ember.removeListener(this,"@array:change",b,e),f&&Ember.propertyDidChange(this,"hasArrayObservers"),this},hasArrayObservers:Ember.computed(function(){return Ember.hasListeners(this,"@array:change")||Ember.hasListeners(this,"@array:before")}).property().cacheable(),arrayContentWillChange:function(b,c,d){b===undefined?(b=0,c=d=-1):(c===undefined&&(c=-1),d===undefined&&(d=-1)),Ember.isWatching(this,"@each")&&a(this,"@each"),Ember.sendEvent(this,"@array:before",[this,b,c,d]);var e,f;if(b>=0&&c>=0&&a(this,"hasEnumerableObservers")){e=[],f=b+c;for(var g=b;g=0&&d>=0&&a(this,"hasEnumerableObservers")){f=[],g=b+d;for(var h=b;hc(this,"length"))throw new Error(a);return this.replace(b,0,[d]),this},removeAt:function(d,e){var f=0;if("number"==typeof d){if(d<0||d>=c(this,"length"))throw new Error(a);e===undefined&&(e=1),this.replace(d,e,b)}return this},pushObject:function(a){return this.insertAt(c(this,"length"),a),a},pushObjects:function(a){return this.replace(c(this,"length"),0,a),this},popObject:function(){var a=c(this,"length");if(a===0)return null;var b=this.objectAt(a-1);return this.removeAt(a-1,1),b},shiftObject:function(){if(c(this,"length")===0)return null;var a=this.objectAt(0);return this.removeAt(0),a},unshiftObject:function(a){return this.insertAt(0,a),a},unshiftObjects:function(a){return this.replace(0,0,a),this},reverseObjects:function(){var a=c(this,"length");if(a===0)return this;var b=this.toArray().reverse();return this.replace(0,a,b),this},removeObject:function(a){var b=c(this,"length")||0;while(--b>=0){var d=this.objectAt(b);d===a&&this.removeAt(b)}return this},addObject:function(a){return this.contains(a)||this.pushObject(a),this}})}(),function(){var a=Ember.get,b=Ember.set,c=Ember.defineProperty;Ember.Observable=Ember.Mixin.create({isObserverable:!0,get:function(b){return a(this,b)},getProperties:function(){var b={},c=arguments;arguments.length===1&&Ember.typeOf(arguments[0])==="array"&&(c=arguments[0]);for(var d=0;d"}}),Ember.config.overridePrototypeMixin&&Ember.config.overridePrototypeMixin(n.PrototypeMixin),n.__super__=null;var o=Ember.Mixin.create({ClassMixin:Ember.required(),PrototypeMixin:Ember.required(),isClass:!0,isMethod:!1,extend:function(){var a=m(),b;return a.ClassMixin=Ember.Mixin.create(this.ClassMixin),a.PrototypeMixin=Ember.Mixin.create(this.PrototypeMixin),a.ClassMixin.ownerConstructor=a,a.PrototypeMixin.ownerConstructor=a,k.apply(a.PrototypeMixin,arguments),a.superclass=this,a.__super__=this.prototype,b=a.prototype=d(this.prototype),b.constructor=a,Ember.generateGuid(b,"ember"),g(b).proto=b,a.ClassMixin.apply(a),a},create:function(){var a=this;return arguments.length>0&&this._initMixins(arguments),new a},reopen:function(){return this.willReopen(),k.apply(this.PrototypeMixin,arguments),this},reopenClass:function(){return k.apply(this.ClassMixin,arguments),Ember.Mixin._apply(this,arguments,!1),this},detect:function(a){if("function"!=typeof a)return!1;while(a){if(a===this)return!0;a=a.superclass}return!1},detectInstance:function(a){return a instanceof this},metaForProperty:function(a){var b=g(this.proto(),!1).descs[a];return b._meta||{}},eachComputedProperty:function(a,b){var c=this.proto(),d=g(c).descs,e={},f;for(var h in d)f=d[h],f instanceof Ember.ComputedProperty&&a.call(b||this,h,f._meta||e)}});Ember.config.overrideClassMixin&&Ember.config.overrideClassMixin(o),n.ClassMixin=o,o.apply(n),Ember.CoreObject=n}(),function(){var a=Ember.get,b=Ember.set,c=Ember.guidFor,d=Ember.none;Ember.Set=Ember.CoreObject.extend(Ember.MutableEnumerable,Ember.Copyable,Ember.Freezable,{length:0,clear:function(){if(this.isFrozen)throw new Error(Ember.FROZEN_ERROR);var d=a(this,"length");if(d===0)return this;var e;this.enumerableContentWillChange(d,0),Ember.propertyWillChange(this,"firstObject"),Ember.propertyWillChange(this,"lastObject");for(var f=0;f=0)if(!b.contains(this[c]))return!1;return!0},add:Ember.alias("addObject"),remove:Ember.alias("removeObject"),pop:function(){if(a(this,"isFrozen"))throw new Error(Ember.FROZEN_ERROR);var b=this.length>0?this[this.length-1]:null;return this.remove(b),b},push:Ember.alias("addObject"),shift:Ember.alias("pop"),unshift:Ember.alias("push"),addEach:Ember.alias("addObjects"),removeEach:Ember.alias("removeObjects"),init:function(a){this._super(),a&&this.addObjects(a)},nextObject:function(a){return this[a]},firstObject:Ember.computed(function(){return this.length>0?this[0]:undefined}).property().cacheable(),lastObject:Ember.computed(function(){return this.length>0?this[this.length-1]:undefined}).property().cacheable(),addObject:function(e){if(a(this,"isFrozen"))throw new Error(Ember.FROZEN_ERROR);if(d(e))return this;var f=c(e),g=this[f],h=a(this,"length"),i;return g>=0&&g=0&&g=0},copy:function(){var d=this.constructor,e=new d,f=a(this,"length");b(e,"length",f);while(--f>=0)e[f]=this[f],e[c(this[f])]=f;return e},toString:function(){var a=this.length,b,c=[];for(b=0;b".fmt(c.join(","))}})}(),function(){Ember.Object=Ember.CoreObject.extend(Ember.Observable)}(),function(){var a=Ember.ArrayPolyfills.indexOf;Ember.Namespace=Ember.Object.extend({isNamespace:!0,init:function(){Ember.Namespace.NAMESPACES.push(this),Ember.Namespace.PROCESSED=!1},toString:function(){return Ember.identifyNamespaces(),this[Ember.GUID_KEY+"_name"]},destroy:function(){var b=Ember.Namespace.NAMESPACES;window[this.toString()]=undefined,b.splice(a.call(b,this),1),this._super()}}),Ember.Namespace.NAMESPACES=[Ember],Ember.Namespace.PROCESSED=!1}(),function(){Ember.Application=Ember.Namespace.extend()}(),function(){var a=Ember.get,b=Ember.set;Ember.ArrayProxy=Ember.Object.extend(Ember.MutableArray,{content:null,arrangedContent:Ember.computed("content",function(){return a(this,"content")}).cacheable(),objectAtContent:function(b){return a(this,"arrangedContent").objectAt(b)},replaceContent:function(b,c,d){a(this,"arrangedContent").replace(b,c,d)},_contentWillChange:Ember.beforeObserver(function(){var b=a(this,"content");b&&b.removeArrayObserver(this,{willChange:"contentArrayWillChange",didChange:"contentArrayDidChange"})},"content"),contentArrayWillChange:Ember.K,contentArrayDidChange:Ember.K,_contentDidChange:Ember.observer(function(){var b=a(this,"content"),c=b?a(b,"length"):0;b&&b.addArrayObserver(this,{willChange:"contentArrayWillChange",didChange:"contentArrayDidChange"})},"content"),_arrangedContentWillChange:Ember.beforeObserver(function(){var b=a(this,"arrangedContent"),c=b?a(b,"length"):0;this.arrangedContentArrayWillChange(this,0,c,undefined),b&&b.removeArrayObserver(this,{willChange:"arrangedContentArrayWillChange",didChange:"arrangedContentArrayDidChange"})},"arrangedContent"),_arrangedContentDidChange:Ember.observer(function(){var b=a(this,"arrangedContent"),c=b?a(b,"length"):0;b&&b.addArrayObserver(this,{willChange:"arrangedContentArrayWillChange",didChange:"arrangedContentArrayDidChange"}),this.arrangedContentArrayDidChange(this,0,undefined,c)},"arrangedContent"),objectAt:function(b){return a(this,"content")&&this.objectAtContent(b)},length:Ember.computed(function(){var b=a(this,"arrangedContent");return b?a(b,"length"):0}).property().cacheable(),replace:function(b,c,d){return a(this,"content")&&this.replaceContent(b,c,d),this},arrangedContentArrayWillChange:function(a,b,c,d){this.arrayContentWillChange(b,c,d)},arrangedContentArrayDidChange:function(a,b,c,d){this.arrayContentDidChange(b,c,d)},init:function(){this._super(),this._contentWillChange(),this._contentDidChange(),this._arrangedContentWillChange(),this._arrangedContentDidChange()}})}(),function(){function j(a,b){var c=b.slice(8);if(c in this)return;h(this,c)}function k(a,b){var c=b.slice(8);if(c in this)return;i(this,c)}var a=Ember.get,b=Ember.set,c=Ember.String.fmt,d=Ember.addBeforeObserver,e=Ember.addObserver,f=Ember.removeBeforeObserver,g=Ember.removeObserver,h=Ember.propertyWillChange,i=Ember.propertyDidChange;Ember.ObjectProxy=Ember.Object.extend({content:null,_contentDidChange:Ember.observer(function(){},"content"),willWatchProperty:function(a){var b="content."+a;d(this,b,null,j),e(this,b,null,k)},didUnwatchProperty:function(a){var b="content."+a;f(this,b,null,j),g(this,b,null,k)},unknownProperty:function(b){var c=a(this,"content");if(c)return a(c,b)},setUnknownProperty:function(c,d){var e=a(this,"content");return b(e,c,d)}})}(),function(){function g(a,b,d,e,f){var g=d._objects,h;g||(g=d._objects={});while(--f>=e){var i=a.objectAt(f);i&&(Ember.addBeforeObserver(i,b,d,"contentKeyWillChange"),Ember.addObserver(i,b,d,"contentKeyDidChange"),h=c(i),g[h]||(g[h]=[]),g[h].push(f))}}function h(a,b,d,e,f){var g=d._objects;g||(g=d._objects={});var h,i;while(--f>=e){var j=a.objectAt(f);j&&(Ember.removeBeforeObserver(j,b,d,"contentKeyWillChange"),Ember.removeObserver(j,b,d,"contentKeyDidChange"),i=c(j),h=g[i],h[h.indexOf(f)]=null)}}var a=Ember.set,b=Ember.get,c=Ember.guidFor,d=Ember.EnumerableUtils.forEach,e=Ember.Object.extend(Ember.Array,{init:function(a,b,c){this._super(),this._keyName=b,this._owner=c,this._content=a},objectAt:function(a){var c=this._content.objectAt(a);return c&&b(c,this._keyName)},length:Ember.computed(function(){var a=this._content;return a?b(a,"length"):0}).property().cacheable()}),f=/^.+:(before|change)$/;Ember.EachProxy=Ember.Object.extend({init:function(a){this._super(),this._content=a,a.addArrayObserver(this),d(Ember.watchedEvents(this),function(a){this.didAddListener(a)},this)},unknownProperty:function(a,b){var c;return c=new e(this._content,a,this),Ember.defineProperty(this,a,null,c),this.beginObservingContentKey(a),c},arrayWillChange:function(a,b,c,d){var e=this._keys,f,g,i;i=c>0?b+c:-1,Ember.beginPropertyChanges(this);for(f in e){if(!e.hasOwnProperty(f))continue;i>0&&h(a,f,this,b,i),Ember.propertyWillChange(this,f)}Ember.propertyWillChange(this._content,"@each"),Ember.endPropertyChanges(this)},arrayDidChange:function(a,b,c,d){var e=this._keys,f,h,i;i=d>0?b+d:-1,Ember.beginPropertyChanges(this);for(f in e){if(!e.hasOwnProperty(f))continue;i>0&&g(a,f,this,b,i),Ember.propertyDidChange(this,f)}Ember.propertyDidChange(this._content,"@each"),Ember.endPropertyChanges(this)},didAddListener:function(a){f.test(a)&&this.beginObservingContentKey(a.slice(0,-7))},didRemoveListener:function(a){f.test(a)&&this.stopObservingContentKey(a.slice(0,-7))},beginObservingContentKey:function(a){var c=this._keys;c||(c=this._keys={});if(!c[a]){c[a]=1;var d=this._content,e=b(d,"length");g(d,a,this,0,e)}else c[a]++},stopObservingContentKey:function(a){var c=this._keys;if(c&&c[a]>0&&--c[a]<=0){var d=this._content,e=b(d,"length");h(d,a,this,0,e)}},contentKeyWillChange:function(a,b){Ember.propertyWillChange(this,b)},contentKeyDidChange:function(a,b){Ember.propertyDidChange(this,b)}})}(),function(){var a=Ember.get,b=Ember.set,c=Ember.Mixin.create(Ember.MutableArray,Ember.Observable,Ember.Copyable,{get:function(a){return a==="length"?this.length:"number"==typeof a?this[a]:this._super(a)},objectAt:function(a){return this[a]},replace:function(b,c,d){if(this.isFrozen)throw Ember.FROZEN_ERROR;var e= -d?a(d,"length"):0;this.arrayContentWillChange(b,c,e);if(!d||d.length===0)this.splice(b,c);else{var f=[b,c].concat(d);this.splice.apply(this,f)}return this.arrayContentDidChange(b,c,e),this},unknownProperty:function(a,b){var c;return b!==undefined&&c===undefined&&(c=this[a]=b),c},indexOf:function(a,b){var c,d=this.length;b===undefined?b=0:b=b<0?Math.ceil(b):Math.floor(b),b<0&&(b+=d);for(c=b;c=0;c--)if(this[c]===a)return c;return-1},copy:function(){return this.slice()}}),d=["length"];Ember.EnumerableUtils.forEach(c.keys(),function(a){Array.prototype[a]&&d.push(a)}),d.length>0&&(c=c.without.apply(c,d)),Ember.NativeArray=c,Ember.A=function(a){return a===undefined&&(a=[]),Ember.NativeArray.apply(a)},Ember.NativeArray.activate=function(){c.apply(Array.prototype),Ember.A=function(a){return a||[]}},Ember.EXTEND_PROTOTYPES&&Ember.NativeArray.activate()}(),function(){var a=Ember.get,b=Ember.set;Ember._PromiseChain=Ember.Object.extend({promises:null,failureCallback:Ember.K,successCallback:Ember.K,abortCallback:Ember.K,promiseSuccessCallback:Ember.K,runNextPromise:function(){if(a(this,"isDestroyed"))return;var b=a(this,"promises").shiftObject();if(b){var c=a(b,"promise")||b,d=this,e=function(){d.promiseSuccessCallback.call(this,b,arguments),d.runNextPromise()},f=a(d,"failureCallback");c.then(e,f)}else this.successCallback()},start:function(){return this.runNextPromise(),this},abort:function(){this.abortCallback(),this.destroy()},init:function(){b(this,"promises",Ember.A(a(this,"promises"))),this._super()}})}(),function(){var a={},b={};Ember.onLoad=function(c,d){var e;a[c]=a[c]||Ember.A(),a[c].pushObject(d),(e=b[c])&&d(e)},Ember.runLoadHooks=function(c,d){var e;b[c]=d,(e=a[c])&&a[c].forEach(function(a){a(d)})}}(),function(){}(),function(){Ember.ControllerMixin=Ember.Mixin.create({target:null,store:null}),Ember.Controller=Ember.Object.extend(Ember.ControllerMixin)}(),function(){var a=Ember.get,b=Ember.set,c=Ember.EnumerableUtils.forEach;Ember.SortableMixin=Ember.Mixin.create(Ember.MutableEnumerable,{sortProperties:null,sortAscending:!0,addObject:function(b){var c=a(this,"content");c.pushObject(b)},removeObject:function(b){var c=a(this,"content");c.removeObject(b)},orderBy:function(b,d){var e=0,f=a(this,"sortProperties"),g=a(this,"sortAscending");return c(f,function(c){e===0&&(e=Ember.compare(a(b,c),a(d,c)),e!==0&&!g&&(e=-1*e))}),e},destroy:function(){var b=a(this,"content"),d=a(this,"sortProperties");return b&&d&&c(b,function(a){c(d,function(b){Ember.removeObserver(a,b,this,"contentItemSortPropertyDidChange")},this)},this),this._super()},isSorted:Ember.computed("sortProperties",function(){return!!a(this,"sortProperties")}),arrangedContent:Ember.computed("content","sortProperties.@each",function(b,d){var e=a(this,"content"),f=a(this,"isSorted"),g=a(this,"sortProperties"),h=this;return e&&f?(e=e.slice(),e.sort(function(a,b){return h.orderBy(a,b)}),c(e,function(a){c(g,function(b){Ember.addObserver(a,b,this,"contentItemSortPropertyDidChange")},this)},this),Ember.A(e)):e}).cacheable(),_contentWillChange:Ember.beforeObserver(function(){var b=a(this,"content"),d=a(this,"sortProperties");b&&d&&c(b,function(a){c(d,function(b){Ember.removeObserver(a,b,this,"contentItemSortPropertyDidChange")},this)},this),this._super()},"content"),sortAscendingWillChange:Ember.beforeObserver(function(){this._lastSortAscending=a(this,"sortAscending")},"sortAscending"),sortAscendingDidChange:Ember.observer(function(){if(a(this,"sortAscending")!==this._lastSortAscending){var b=a(this,"arrangedContent");b.reverseObjects()}},"sortAscending"),contentArrayWillChange:function(b,d,e,f){var g=a(this,"isSorted");if(g){var h=a(this,"arrangedContent"),i=b.slice(d,d+e),j=a(this,"sortProperties");c(i,function(a){h.removeObject(a),c(j,function(b){Ember.removeObserver(a,b,this,"contentItemSortPropertyDidChange")},this)})}return this._super(b,d,e,f)},contentArrayDidChange:function(b,d,e,f){var g=a(this,"isSorted"),h=a(this,"sortProperties");if(g){var i=b.slice(d,d+f),j=a(this,"arrangedContent");c(i,function(a){this.insertItemSorted(a),c(h,function(b){Ember.addObserver(a,b,this,"contentItemSortPropertyDidChange")},this)},this)}return this._super(b,d,e,f)},insertItemSorted:function(b){var c=a(this,"arrangedContent"),d=a(c,"length"),e=this._binarySearch(b,0,d);c.insertAt(e,b)},contentItemSortPropertyDidChange:function(b){var c=a(this,"arrangedContent"),d=c.indexOf(b);c.removeObject(b),this.insertItemSorted(b)},_binarySearch:function(b,c,d){var e,f,g,h;return c===d?c:(h=a(this,"arrangedContent"),e=c+Math.floor((d-c)/2),f=h.objectAt(e),g=this.orderBy(f,b),g<0?this._binarySearch(b,e+1,d):g>0?this._binarySearch(b,c,e):e)}})}(),function(){var a=Ember.get,b=Ember.set;Ember.ArrayController=Ember.ArrayProxy.extend(Ember.ControllerMixin,Ember.SortableMixin)}(),function(){Ember.ObjectController=Ember.ObjectProxy.extend(Ember.ControllerMixin)}(),function(){}(),function(){}(),function(){var a=Ember.get,b=Ember.set;Ember.Application=Ember.Namespace.extend({rootElement:"body",eventDispatcher:null,customEvents:null,init:function(){var c,d=a(this,"rootElement");this._super(),c=Ember.EventDispatcher.create({rootElement:d}),b(this,"eventDispatcher",c);if(Ember.$.isReady)Ember.run.once(this,this.didBecomeReady);else{var e=this;Ember.$(document).ready(function(){Ember.run.once(e,e.didBecomeReady)})}},initialize:function(c){var d=Ember.A(Ember.keys(this)),e=a(this.constructor,"injections"),f=this,g,h;!c&&Ember.Router.detect(f.Router)&&(c=f.Router.create(),this._createdRouter=c),c&&(b(this,"router",c),b(c,"namespace",this)),Ember.runLoadHooks("application",this),e.forEach(function(a){d.forEach(function(b){a[1](f,c,b)})}),c&&c instanceof Ember.Router&&this.startRouting(c)},didBecomeReady:function(){var b=a(this,"eventDispatcher"),c=a(this,"customEvents");b.setup(c),this.ready()},startRouting:function(b){var c=a(b,"location"),d=a(this,"rootElement"),e=a(b,"applicationController"),f=this.ApplicationView.create({controller:e});this._createdApplicationView=f,f.appendTo(d),b.route(c.getURL()),c.onUpdateURL(function(a){b.route(a)})},ready:Ember.K,willDestroy:function(){a(this,"eventDispatcher").destroy(),this._createdRouter&&this._createdRouter.destroy(),this._createdApplicationView&&this._createdApplicationView.destroy()},registerInjection:function(a){this.constructor.registerInjection(a)}}),Ember.Application.reopenClass({concatenatedProperties:["injections"],injections:Ember.A(),registerInjection:function(b){var c=a(this,"injections"),d=b.before,e=b.name,f=b.injection,g;d?(g=c.find(function(a){if(a[0]===d)return!0}),g=c.indexOf(g)):g=a(c,"length"),c.splice(g,0,[e,f])}}),Ember.Application.registerInjection({name:"controllers",injection:function(a,b,c){if(!/^[A-Z].*Controller$/.test(c))return;var d=c.charAt(0).toLowerCase()+c.substr(1),e=a[c].create();b.set(d,e),e.setProperties({target:b,controllers:b,namespace:a})}})}(),function(){var a=Ember.get,b=Ember.set;Ember.Location={create:function(a){var b=a&&a.implementation,c=this.implementations[b];return c.create.apply(c,arguments)},registerImplementation:function(a,b){this.implementations[a]=b},implementations:{}}}(),function(){var a=Ember.get,b=Ember.set;Ember.HashLocation=Ember.Object.extend({init:function(){b(this,"location",a(this,"location")||window.location)},getURL:function(){return a(this,"location").hash.substr(1)},setURL:function(c){a(this,"location").hash=c,b(this,"lastSetURL",c)},onUpdateURL:function(c){var d=this,e=Ember.guidFor(this);Ember.$(window).bind("hashchange.ember-location-"+e,function(){var e=location.hash.substr(1);if(a(d,"lastSetURL")===e)return;b(d,"lastSetURL",null),c(location.hash.substr(1))})},formatURL:function(a){return"#"+a},willDestroy:function(){var a=Ember.guidFor(this);Ember.$(window).unbind("hashchange.ember-location-"+a)}}),Ember.Location.registerImplementation("hash",Ember.HashLocation)}(),function(){var a=Ember.get,b=Ember.set;Ember.HistoryLocation=Ember.Object.extend({init:function(){b(this,"location",a(this,"location")||window.location),b(this,"_initialURL",a(this,"location").pathname)},rootURL:"/",_initialURL:null,getURL:function(){return a(this,"location").pathname},setURL:function(b){var c=window.history.state,d=a(this,"_initialURL");b=this.formatPath(b),(d!==b&&!c||c&&c.path!==b)&&window.history.pushState({path:b},null,b)},onUpdateURL:function(a){var b=Ember.guidFor(this);Ember.$(window).bind("popstate.ember-location-"+b,function(b){a(location.pathname)})},formatPath:function(b){var c=a(this,"rootURL");return b!==""&&(c=c.replace(/\/$/,"")),c+b},formatURL:function(a){return a},willDestroy:function(){var a=Ember.guidFor(this);Ember.$(window).unbind("popstate.ember-location-"+a)}}),Ember.Location.registerImplementation("history",Ember.HistoryLocation)}(),function(){var a=Ember.get,b=Ember.set;Ember.NoneLocation=Ember.Object.extend({path:"",getURL:function(){return a(this,"path")},setURL:function(a){b(this,"path",a)},onUpdateURL:function(a){},formatURL:function(a){return a}}),Ember.Location.registerImplementation("none",Ember.NoneLocation)}(),function(){}(),function(){}(),function(){Ember.$=window.jQuery}(),function(){var a=Ember.String.w("dragstart drag dragenter dragleave dragover drop dragend");Ember.EnumerableUtils.forEach(a,function(a){Ember.$.event.fixHooks[a]={props:["dataTransfer"]}})}(),function(){var a=Ember.get,b=Ember.set,c=Ember.ArrayPolyfills.indexOf,d=function(){this.seen={},this.list=[]};d.prototype={add:function(a){if(a in this.seen)return;this.seen[a]=!0,this.list.push(a)},toDOM:function(){return this.list.join(" ")}},Ember.RenderBuffer=function(a){return new Ember._RenderBuffer(a)},Ember._RenderBuffer=function(a){this.elementTag=a,this.childBuffers=[]},Ember._RenderBuffer.prototype={elementClasses:null,elementId:null,elementAttributes:null,elementTag:null,elementStyle:null,parentBuffer:null,push:function(a){return this.childBuffers.push(String(a)),this},addClass:function(a){var b=this.elementClasses=this.elementClasses||new d;return this.elementClasses.add(a),this},id:function(a){return this.elementId=a,this},attr:function(a,b){var c=this.elementAttributes=this.elementAttributes||{};return arguments.length===1?c[a]:(c[a]=b,this)},removeAttr:function(a){var b=this.elementAttributes;return b&&delete b[a],this},style:function(a,b){var c=this.elementStyle=this.elementStyle||{};return this.elementStyle[a]=b,this},newBuffer:function(a,b,c,d){var e=new Ember._RenderBuffer(a);return e.parentBuffer=b,d&&Ember.$.extend(e,d),c&&c.call(this,e),e},replaceWithBuffer:function(a){var b=this.parentBuffer;if(!b)return;var d=b.childBuffers,e=c.call(d,this);a?d.splice(e,1,a):d.splice(e,1)},begin:function(a){return this.newBuffer(a,this,function(a){this.childBuffers.push(a)})},prepend:function(a){return this.newBuffer(a,this,function(a){this.childBuffers.splice(0,0,a)})},replaceWith:function(a){var b=this.parentBuffer;return this.newBuffer(a,b,function(a){this.replaceWithBuffer(a)})},insertAfter:function(b){var d=a(this,"parentBuffer");return this.newBuffer(b,d,function(a){var b=d.childBuffers,e=c.call(b,this);b.splice(e+1,0,a)})},end:function(){var a=this.parentBuffer;return a||this},remove:function(){this.replaceWithBuffer(null)},element:function(){return Ember.$(this.string())[0]},string:function(){var a="",b=this.elementTag,c;if(b){var d=this.elementId,e=this.elementClasses,f=this.elementAttributes,g=this.elementStyle,h="",i;c=["<"+b],d&&c.push('id="'+this._escapeAttribute(d)+'"'),e&&c.push('class="'+this._escapeAttribute(e.toDOM())+'"');if(g){for(i in g)g.hasOwnProperty(i)&&(h+=i+":"+this._escapeAttribute(g[i])+";");c.push('style="'+h+'"')}if(f)for(i in f)f.hasOwnProperty(i)&&c.push(i+'="'+this._escapeAttribute(f[i])+'"');c=c.join(" ")+">"}var j=this.childBuffers;return Ember.ArrayPolyfills.forEach.call(j,function(b){var c=typeof b=="string";a+=c?b:b.string()}),b?c+a+"":a},_escapeAttribute:function(a){var b={"<":"<",">":">",'"':""","'":"'","`":"`"},c=/&(?!\w+;)|[<>"'`]/g,d=/[&<>"'`]/,e=function(a){return b[a]||"&"},f=a.toString();return d.test(f)?f.replace(c,e):f}}}(),function(){var a=Ember.get,b=Ember.set,c=Ember.String.fmt;Ember.EventDispatcher=Ember.Object.extend({rootElement:"body",setup:function(b){var c,d={touchstart:"touchStart",touchmove:"touchMove",touchend:"touchEnd",touchcancel:"touchCancel",keydown:"keyDown",keyup:"keyUp",keypress:"keyPress",mousedown:"mouseDown",mouseup:"mouseUp",contextmenu:"contextMenu",click:"click",dblclick:"doubleClick",mousemove:"mouseMove",focusin:"focusIn",focusout:"focusOut",mouseenter:"mouseEnter",mouseleave:"mouseLeave",submit:"submit",input:"input",change:"change",dragstart:"dragStart",drag:"drag",dragenter:"dragEnter",dragleave:"dragLeave",dragover:"dragOver",drop:"drop",dragend:"dragEnd"};Ember.$.extend(d,b||{});var e=Ember.$(a(this,"rootElement"));e.addClass("ember-application");for(c in d)d.hasOwnProperty(c)&&this.setupHandler(e,c,d[c])},setupHandler:function(a,b,c){var d=this;a.delegate(".ember-view",b+".ember",function(a,b){var e=Ember.View.views[this.id],f=!0,g=null;return g=d._findNearestEventManager(e,c),g&&g!==b?f=d._dispatchEvent(g,a,c,e):e?f=d._bubbleEvent(e,a,c):a.stopPropagation(),f}),a.delegate("[data-ember-action]",b+".ember",function(a){var b=Ember.$(a.currentTarget).attr("data-ember-action"),d=Ember.Handlebars.ActionHelper.registeredActions[b],e=d.handler;if(d.eventName===c)return e(a)})},_findNearestEventManager:function(b,c){var d=null;while(b){d=a(b,"eventManager");if(d&&d[c])break;b=a(b,"parentView")}return d},_dispatchEvent:function(a,b,c,d){var e=!0,f=a[c];return Ember.typeOf(f)==="function"?(e=f.call(a,b,d),b.stopPropagation()):e=this._bubbleEvent(d,b,c),e},_bubbleEvent:function(a,b,c){return Ember.run(function(){return a.handleEvent(c,b)})},destroy:function(){var b=a(this,"rootElement");return Ember.$(b).undelegate(".ember").removeClass("ember-application"),this._super()}})}(),function(){var a=Ember.run.queues;a.splice(Ember.$.inArray("actions",a)+1,0,"render")}(),function(){var a=Ember.get,b=Ember.set;Ember.ControllerMixin.reopen({target:null,controllers:null,namespace:null,view:null,connectOutlet:function(c,d){var e,f,g,h,i;Ember.typeOf(d)==="string"&&(e=c,c=d,d=arguments[2]),arguments.length===1?Ember.typeOf(c)==="object"&&(i=c,e=i.outletName,c=i.name,f=i.viewClass,h=i.controller,d=i.context):i={},e=e||"view";if(c){var j=a(this,"namespace"),k=a(this,"controllers"),l=c.charAt(0).toUpperCase()+c.substr(1)+"View";f=a(j,l),h=a(k,c+"Controller")}return h&&d&&h.set("content",d),g=f.create(),h&&b(g,"controller",h),b(this,e,g),g},connectControllers:function(){var c=a(this,"controllers"),d=Array.prototype.slice.apply(arguments),e;for(var f=0,g=d.length;f=a;d--)c[d]&&c[d].destroy()},_applyClassNameBindings:function(){var b=a(this,"classNameBindings"),d=a(this,"classNames"),e,f,h;if(!b)return;g(b,function(a){var b,g=function(){f=this._classStringForProperty(a),e=this.$(),b&&(e.removeClass(b),d.removeObject(b)),f?(e.addClass(f),b=f):b=null};h=this._classStringForProperty(a),h&&(d.push(h),b=h);var i=Ember.View._parsePropertyPath(a);c(this,i.path,g)},this)},_applyAttributeBindings:function(b){var d=a(this,"attributeBindings"),e,f,h;if(!d)return;g(d,function(d){var g=d.split(":"),h=g[0],i=g[1]||h,j=function(){f=this.$();if(!f)return;e=a(this,h),Ember.View.applyAttributeBindings(f,i,e)};c(this,h,j),e=a(this,h),Ember.View.applyAttributeBindings(b,i,e)},this)},_classStringForProperty:function(b){var c=Ember.View._parsePropertyPath(b),d=c.path,e=a(this,d);return e===undefined&&Ember.isGlobalPath(d)&&(e=a(window,d)),Ember.View._classStringForValue(d,e,c.className,c.falsyClassName)},element:Ember.computed(function(a,b){return b!==undefined?this.invokeForState("setElement",b):this.invokeForState("getElement")}).property("_parentView").cacheable(),$:function(a){return this.invokeForState("$",a)},mutateChildViews:function(a){var b=this._childViews,c=b.length,d;while(--c>=0)d=b[c],a.call(this,d,c);return this},forEachChildView:function(a){var b=this._childViews;if(!b)return this;var c=b.length,d,e;for(e=0;e=0;g--)c[g].removedFromDOM=!0,c[g].destroy();this.isVirtual||delete Ember.View.views[a(this,"elementId")]},createChildView:function(c,d){return Ember.View.detect(c)?(d=d||{},d._parentView=this,d.templateData=d.templateData||a(this,"templateData"),c=c.create(d),c.viewName&&b(a(this,"concreteView"),c.viewName,c)):(a(c,"templateData")||b(c,"templateData",a(this,"templateData")),b(c,"_parentView",this)),c},becameVisible:Ember.K,becameHidden:Ember.K,_isVisibleDidChange:Ember.observer(function(){var b=this.$();if(!b)return;var c=a(this,"isVisible");b.toggle(c);if(this._isAncestorHidden())return;c?this._notifyBecameVisible():this._notifyBecameHidden()},"isVisible"),_notifyBecameVisible:function(){this.trigger("becameVisible"),this.forEachChildView(function(b){var c=a(b,"isVisible");(c||c===null)&&b._notifyBecameVisible()})},_notifyBecameHidden:function(){this.trigger("becameHidden"),this.forEachChildView(function(b){var c=a(b,"isVisible");(c||c===null)&&b._notifyBecameHidden()})},_isAncestorHidden:function(){var b=a(this,"parentView");while(b){if(a(b,"isVisible")===!1)return!0;b=a(b,"parentView")}return!1},clearBuffer:function(){this.invokeRecursively(function(a){this.buffer=null})},transitionTo:function(a,b){this.state=a,b!==!1&&this.forEachChildView(function(b){b.transitionTo(a)})},trigger:function(a){this._super.apply(this,arguments);var b=this[a];if(b){var c=[],d,e;for(d=1,e=arguments.length;d1&&(e=b[1],b.length===3&&(f=b[2]),d=":"+e,f&&(d+=":"+f)),{path:c,classNames:d,className:e===""?undefined:e,falsyClassName:f}},_classStringForValue:function(a,b,c,d){if(!!b&&c)return c;if(b===!0){if(b===!0&&!c&&d)return null;var e=a.split(".");return Ember.String.dasherize(e[e.length-1])}return b===!1&&d?d:b!==!1&&b!==undefined&&b!==null?b:null}}),Ember.View.views={},Ember.View.childViewsProperty=h,Ember.View.applyAttributeBindings=function(a,b,c){var d=Ember.typeOf(c),e=a.attr(b);(d==="string"||d==="number"&&!isNaN(c))&&c!==e?a.attr(b,c):c&&d==="boolean"?a.attr(b,b):c||a.removeAttr(b)}}(),function(){var a=Ember.get,b=Ember.set;Ember.View.states={_default:{appendChild:function(){throw"You can't use appendChild outside of the rendering process"},$:function(){return undefined},getElement:function(){return null},handleEvent:function(){return!0},destroyElement:function(a){return b(a,"element",null),a._lastInsert=null,a}}},Ember.View.reopen({states:Ember.View.states})}(),function(){Ember.View.states.preRender={parentState:Ember.View.states._default,insertElement:function(a,b){if(a._lastInsert!==Ember.guidFor(b))return;a.createElement(),a._notifyWillInsertElement(),b.call(a),a.transitionTo("inDOM"),a._notifyDidInsertElement()},empty:Ember.K,setElement:function(a,b){return b!==null&&a.transitionTo("hasElement"),b}}}(),function(){var a=Ember.get,b=Ember.set,c=Ember.meta;Ember.View.states.inBuffer={parentState:Ember.View.states._default,$:function(a,b){return a.rerender(),Ember.$()},rerender:function(a){a._notifyWillRerender(),a.clearRenderedChildren(),a.renderToBuffer(a.buffer,"replaceWith")},appendChild:function(a,b,c){var d=a.buffer;return b=this.createChildView(b,c),a._childViews.push(b),b.renderToBuffer(d),a.propertyDidChange("childViews"),b},destroyElement:function(a){return a.clearBuffer(),a._notifyWillDestroyElement(),a.transitionTo("preRender"),a},empty:function(){},insertElement:function(){throw"You can't insert an element that has already been rendered"},setElement:function(a,b){return b===null?a.transitionTo("preRender"):(a.clearBuffer(),a.transitionTo("hasElement")),b}}}(),function(){var a=Ember.get,b=Ember.set,c=Ember.meta;Ember.View.states.hasElement={parentState:Ember.View.states._default,$:function(b,c){var d=a(b,"element");return c?Ember.$(c,d):Ember.$(d)},getElement:function(b){var c=a(b,"parentView");return c&&(c=a(c,"element")),c?b.findElementInParentElement(c):Ember.$("#"+a(b,"elementId"))[0]},setElement:function(a,b){if(b!==null)throw"You cannot set an element to a non-null value when the element is already in the DOM.";return a.transitionTo("preRender"),b},rerender:function(a){return a._notifyWillRerender(),a.clearRenderedChildren(),a.domManager.replace(a),a},destroyElement:function(a){return a._notifyWillDestroyElement(),a.domManager.remove(a),a},empty:function(a){var b=a._childViews,c,d;if(b){c=b.length;for(d=0;d=c;h--)g=f[h],j&&(g.removedFromDOM=!0),g.destroy()},arrayDidChange:function(c,d,e,f){var g=a(this,"itemViewClass"),h=a(this,"childViews"),i=[],j,k,l,m,n;"string"==typeof g&&(g=a(g)),m=c?a(c,"length"):0;if(m)for(l=d;l0){if(c>=0)e=this.enterStates[c--];else{if(this.enterStates.length){e=a(this.enterStates[0],"parentState");if(!e)throw"Cannot match all contexts to states"}else e=this.resolveState;this.enterStates.unshift(e),this.exitStates.unshift(e)}a(e,"hasContext")?f=b.pop():f=null,d.unshift(f)}this.contexts=d},addInitialStates:function(){var b=this.finalState,c;for(;;){c=a(b,"initialState")||"start",b=a(b,"states."+c);if(!b)break;this.finalState=b,this.enterStates.push(b),this.contexts.push(undefined)}},removeUnchangedContexts:function(a){while(this.enterStates.length>0){if(this.enterStates[0]!==this.exitStates[0])break;if(this.enterStates.length===this.contexts.length){if(a.getStateMeta(this.enterStates[0],"context")!==this.contexts[0])break;this.contexts.shift()}this.resolveState=this.enterStates.shift(),this.exitStates.shift()}}},Ember.StateManager=Ember.State.extend({init:function(){this._super(),b(this,"stateMeta",Ember.Map.create());var c=a(this,"initialState");!c&&a(this,"states.start")&&(c="start"),c&&this.transitionTo(c)},stateMetaFor:function(b){var c=a(this,"stateMeta"),d=c.get(b);return d||(d={},c.set(b,d)),d},setStateMeta:function(a,c,d){return b(this.stateMetaFor(a),c,d)},getStateMeta:function(b,c){return a(this.stateMetaFor(b),c)},currentState:null,transitionEvent:"setup",errorOnUnhandledEvent:!0,send:function(b,c){return this.sendRecursively(b,a(this,"currentState"),c)},sendRecursively:function(b,d,e){var f=this.enableLogging,g=d[b];if(typeof g=="function")return f&&Ember.Logger.log(c("STATEMANAGER: Sending event '%@' to state %@.",[b,a(d,"path")])),g.call(d,this,e);var h=a(d,"parentState");if(h)return this.sendRecursively(b,h,e);if(a(this,"errorOnUnhandledEvent"))throw new Ember.Error(this.toString()+" could not respond to event "+b+" in state "+a(this,"currentState.path")+".")},getStateByPath:function(b,c){var d=c.split("."),e=b;for(var f=0,g=d.length;f0&&e[0]===f[0])g=e.shift(),f.shift();var h=b.pathsCache[c]={exitStates:f,enterStates:e,resolveState:g};return h},triggerSetupContext:function(b){var c=b.contexts,e=b.enterStates.length-c.length,f=b.enterStates,g=a(this,"transitionEvent");d.call(f,function(a,b){a.trigger(g,this,c[b-e])},this)},getState:function(b){var c=a(this,b),d=a(this,"parentState");if(c)return c;if(d)return d.getState(b)},enterState:function(c){var e=this.enableLogging,f=c.exitStates.slice(0).reverse();d.call(f,function(a){a.trigger("exit",this)},this),d.call(c.enterStates,function(b){e&&Ember.Logger.log("STATEMANAGER: Entering "+a(b,"path")),b.trigger("enter",this)},this),b(this,"currentState",c.finalState)}})}(),function(){}(),function(){var a=Ember.get;Ember._ResolvedState=Ember.Object.extend({manager:null,state:null,match:null,object:Ember.computed(function(b,c){if(arguments.length===2)return this._object=c,c;if(this._object)return this._object;var d=a(this,"state"),e=a(this,"match"),f=a(this,"manager");return d.deserialize(f,e.hash)}).property(),hasPromise:Ember.computed(function(){return Ember.canInvoke(a(this,"object"),"then")}).property("object"),promise:Ember.computed(function(){var b=a(this,"object");return Ember.canInvoke(b,"then")?b:{then:function(a){a(b)}}}).property("object"),transition:function(){var b=a(this,"manager"),c=a(this,"state.path"),d=a(this,"object");b.transitionTo(c,d)}})}(),function(){var a=Ember.get,b=function(a){var b=a.toString(),c=b.split("."),d=c[c.length-1];return Ember.String.underscore(d)+"_id"},c=function(a,b){for(var c in b){if(!b.hasOwnProperty(c))continue;if(a.hasOwnProperty(c))continue;a[c]=b[c]}};Ember.Routable=Ember.Mixin.create({init:function(){var b;this.on("connectOutlets",this,this.stashContext);if(b=a(this,"redirectsTo"))this.connectOutlets=function(a){a.transitionTo(b)};var c=a(this,"route");c===""&&(c="/"),this._super()},stashContext:function(b,c){var d=this.serialize(b,c);b.setStateMeta(this,"context",c),b.setStateMeta(this,"serialized",d),a(this,"isRoutable")&&!a(b,"isRouting")&&this.updateRoute(b,a(b,"location"))},updateRoute:function(b,c){if(a(this,"isLeafRoute")){var d=this.absoluteRoute(b);c.setURL(d)}},absoluteRoute:function(b,d){var e=a(this,"parentState"),f="",g;a(e,"isRoutable")&&(f=e.absoluteRoute(b,d));var h=a(this,"routeMatcher"),i=b.getStateMeta(this,"serialized");return d=d||{},c(d,i),g=h&&h.generate(d),g&&(f=f+"/"+g),f},isRoutable:Ember.computed(function(){return typeof a(this,"route")=="string"}).cacheable(),isLeafRoute:Ember.computed(function(){return a(this,"isLeaf")?!0:!a(this,"childStates").findProperty("isRoutable")}).cacheable(),routeMatcher:Ember.computed(function(){var b=a(this,"route");if(b)return Ember._RouteMatcher.create({route:b})}).cacheable(),hasContext:Ember.computed(function(){var b=a(this,"routeMatcher");if(b)return b.identifiers.length>0}).cacheable(),modelClass:Ember.computed(function(){var b=a(this,"modelType");return typeof b=="string"?Ember.get(window,b):b}).cacheable(),modelClassFor:function(b){var c,d,e,f,g;if(c=a(this,"modelClass"))return c;if(!b)return;d=a(this,"routeMatcher");if(!d)return;e=d.identifiers;if(e.length!==2)return;f=e[1].match(/^(.*)_id$/);if(!f)return;return g=Ember.String.classify(f[1]),a(b,g)},deserialize:function(c,d){var e,f,g;return(e=this.modelClassFor(a(c,"namespace")))?e.find(d[b(e)]):d},serialize:function(c,d){var e,f,g,h,i;if(Ember.empty(d))return"";if(e=this.modelClassFor(a(c,"namespace")))h=b(e),i=a(d,"id"),d={},d[h]=i;return d},resolvePath:function(b,c){if(a(this,"isLeafRoute"))return Ember.A();var d=a(this,"childStates"),e;d=Ember.A(d.filterProperty("isRoutable")),d=d.sort(function(b,c){var d=a(b,"routeMatcher.identifiers.length"),e=a(c,"routeMatcher.identifiers.length"),f=a(b,"route"),g=a(c,"route");return f.indexOf(g)===0?-1:g.indexOf(f)===0?1:d!==e?d-e:a(c,"route.length")-a(b,"route.length")});var f=d.find(function(b){var d=a(b,"routeMatcher");if(e=d.match(c))return!0}),g=Ember._ResolvedState.create({manager:b,state:f,match:e}),h=f.resolvePath(b,e.remaining);return Ember.A([g]).pushObjects(h)},routePath:function(b,c){function f(){d.forEach(function(a){a.transition()})}if(a(this,"isLeafRoute"))return;var d=this.resolvePath(b,c),e=d.some(function(b){return a(b,"hasPromise")});e?(b.transitionTo("loading"),b.handleStatePromises(d,f)):f()},unroutePath:function(b,c){var d=a(this,"parentState");if(d===b)return;c=c.replace(/^(?=[^\/])/,"/");var e=this.absoluteRoute(b),f=a(this,"route");if(f!=="/"){var g=c.indexOf(e),h=c.charAt(e.length);if(g===0&&(h==="/"||h===""))return}b.enterState({exitStates:[this],enterStates:[],finalState:d}),b.send("unroutePath",c)},connectOutlets:Ember.K,navigateAway:Ember.K})}(),function(){Ember.Route=Ember.State.extend(Ember.Routable)}(),function(){var a=function(a){return a.replace(/[\-\[\]{}()*+?.,\\\^\$|#\s]/g,"\\$&")};Ember._RouteMatcher=Ember.Object.extend({state:null,init:function(){var b=this.route,c=[],d=1,e;b.charAt(0)==="/"&&(b=this.route=b.substr(1)),e=a(b);var f=e.replace(/:([a-z_]+)(?=$|\/)/gi,function(a,b){return c[d++]=b,"([^/]+)"});this.identifiers=c,this.regex=new RegExp("^/?"+f)},match:function(a){var b=a.match(this.regex);if(b){var c=this.identifiers,d={};for(var e=1,f=c.length;e0?d:null}}},generate:function(a){var b=this.identifiers,c=this.route,d;for(var e=1,f=b.length;e"},p=function(){return""};if(e)h=function(a,b){var c=d.createRange(),e=d.getElementById(a.start),f=d.getElementById(a.end);return b?(c.setStartBefore(e),c.setEndAfter(f)):(c.setStartAfter(e),c.setEndBefore(f)),c},i=function(a,b){var c=h(this,b);c.deleteContents();var d=c.createContextualFragment(a);c.insertNode(d)},j=function(){var a=h(this,!0);a.deleteContents()},l=function(a){var b=d.createRange();b.setStart(a),b.collapse(!1);var c=b.createContextualFragment(this.outerHTML());a.appendChild(c)},m=function(a){var b=d.createRange(),c=d.getElementById(this.end);b.setStartAfter(c),b.setEndAfter(c);var e=b.createContextualFragment(a);b.insertNode(e)},n=function(a){var b=d.createRange(),c=d.getElementById(this.start);b.setStartAfter(c),b.setEndAfter(c);var e=b.createContextualFragment(a);b.insertNode(e)};else{var q={select:[1,""],fieldset:[1,"
","
"],table:[1,"","
"],tbody:[2,"","
"],tr:[3,"","
"],colgroup:[2,"","
"],map:[1,"",""],_default:[0,"",""]},r=function(a,b){var c=q[a.tagName.toLowerCase()]||q._default,e=c[0],g=c[1],h=c[2];f&&(b="­"+b);var i=d.createElement("div");i.innerHTML=g+b+h;for(var j=0;j<=e;j++)i=i.firstChild;if(f){var k=i;while(k.nodeType===1&&!k.nodeName)k=k.firstChild;k.nodeType===3&&k.nodeValue.charAt(0)==="­"&&(k.nodeValue=k.nodeValue.slice(1))}return i},s=function(a){while(a.parentNode.tagName==="")a=a.parentNode;return a},t=function(a,b){a.parentNode!==b.parentNode&&b.parentNode.insertBefore(a,b.parentNode.firstChild)};i=function(a,b){var c=s(d.getElementById(this.start)),e=d.getElementById(this.end),f=e.parentNode,g,h,i;t(c,e),g=c.nextSibling;while(g){h=g.nextSibling,i=g===e;if(i){if(!b)break;e=g.nextSibling}g.parentNode.removeChild(g);if(i)break;g=h}g=r(c.parentNode,a);while(g)h=g.nextSibling,f.insertBefore(g,e),g=h},j=function(){var a=s(d.getElementById(this.start)),b=d.getElementById(this.end);this.html(""),a.parentNode.removeChild(a),b.parentNode.removeChild(b)},l=function(a){var b=r(a,this.outerHTML());while(b)nextSibling=b.nextSibling,a.appendChild(b),b=nextSibling},m=function(a){var b=d.getElementById(this.end),c=b.nextSibling,e=b.parentNode,f,g;g=r(e,a);while(g)f=g.nextSibling,e.insertBefore(g,c),g=f},n=function(a){var b=d.getElementById(this.start),c=b.parentNode,e,f;f=r(c,a);var g=b.nextSibling;while(f)e=f.nextSibling,c.insertBefore(f,g),f=e}}g.prototype.html=function(a){this.checkRemoved();if(a===undefined)return this.innerHTML;i.call(this,a),this.innerHTML=a},g.prototype.replaceWith=function(a){this.checkRemoved(),i.call(this,a,!0)},g.prototype.remove=j,g.prototype.outerHTML=k,g.prototype.appendTo=l,g.prototype.after=m,g.prototype.prepend=n,g.prototype.startTag=o,g.prototype.endTag=p,g.prototype.isRemoved=function(){var a=d.getElementById(this.start),b=d.getElementById(this.end);return!a||!b},g.prototype.checkRemoved=function(){if(this.isRemoved())throw new Error("Cannot perform operations on a Metamorph that is not in the DOM.")},a.Metamorph=g})(this)}(),function(){var a=Ember.create;Ember.Handlebars=a(Handlebars),Ember.Handlebars.helpers=a(Handlebars.helpers),Ember.Handlebars.Compiler=function(){},Ember.Handlebars.Compiler.prototype=a(Handlebars.Compiler.prototype),Ember.Handlebars.Compiler.prototype.compiler=Ember.Handlebars.Compiler,Ember.Handlebars.JavaScriptCompiler=function(){},Ember.Handlebars.JavaScriptCompiler.prototype=a(Handlebars.JavaScriptCompiler.prototype),Ember.Handlebars.JavaScriptCompiler.prototype.compiler=Ember.Handlebars.JavaScriptCompiler,Ember.Handlebars.JavaScriptCompiler.prototype.namespace="Ember.Handlebars",Ember.Handlebars.JavaScriptCompiler.prototype.initializeBuffer=function(){return"''"},Ember.Handlebars.JavaScriptCompiler.prototype.appendToBuffer=function(a){return"data.buffer.push("+a+");"},Ember.Handlebars.Compiler.prototype.mustache=function(a){if(a.params.length||a.hash)return Handlebars.Compiler.prototype.mustache.call(this,a);var b=new Handlebars.AST.IdNode(["_triageMustache"]);return a.escaped||(a.hash=a.hash||new Handlebars.AST.HashNode([]),a.hash.pairs.push(["unescaped",new Handlebars.AST.StringNode("true")])),a=new Handlebars.AST.MustacheNode([b].concat([a.id]),a.hash,!a.escaped),Handlebars.Compiler.prototype.mustache.call(this,a)},Ember.Handlebars.precompile=function(a){var b=Handlebars.parse(a),c={knownHelpers:{action:!0,unbound:!0,bindAttr:!0,template:!0,view:!0,_triageMustache:!0},data:!0,stringParams:!0},d=(new Ember.Handlebars.Compiler).compile(b,c);return(new Ember.Handlebars.JavaScriptCompiler).compile(d,c,undefined,!0)},Ember.Handlebars.compile=function(a){var b=Handlebars.parse(a),c={data:!0,stringParams:!0},d=(new Ember.Handlebars.Compiler).compile(b,c),e=(new Ember.Handlebars.JavaScriptCompiler).compile(d,c,undefined,!0);return Handlebars.template(e)};var b=Ember.Handlebars.normalizePath=function(a,b,c){var d=c&&c.keywords||{},e,f;return e=b.split(".",1)[0],d.hasOwnProperty(e)&&(a=d[e],f=!0,b===e?b="":b=b.substr(e.length+1)),{root:a,path:b,isKeyword:f}};Ember.Handlebars.getPath=function(a,c,d){var e=d&&d.data,f=b(a,c,e),g;return a=f.root,c=f.path,g=Ember.get(a,c),g===undefined&&a!==window&&Ember.isGlobalPath(c)&&(g=Ember.get(window,c)),g},Ember.Handlebars.registerHelper("helperMissing",function(a,b){var c,d="";throw c="%@ Handlebars error: Could not find property '%@' on object %@.",b.data&&(d=b.data.view),new Ember.Error(Ember.String.fmt(c,[d,a,this]))})}(),function(){Ember.String.htmlSafe=function(a){return new Handlebars.SafeString(a)};var a=Ember.String.htmlSafe;Ember.EXTEND_PROTOTYPES&&(String.prototype.htmlSafe=function(){return a(this)})}(),function(){var a=Ember.set,b=Ember.get,c={remove:function(b){var c=b.morph;if(c.isRemoved())return;a(b,"element",null),b._lastInsert=null,c.remove()},prepend:function(a,b){b._insertElementLater(function(){var c=a.morph;c.prepend(b.outerHTML),b.outerHTML=null})},after:function(a,b){b._insertElementLater(function(){var c=a.morph;c.after(b.outerHTML),b.outerHTML=null})},replace:function(a){var c=a.morph;a.transitionTo("preRender"),a.clearRenderedChildren();var d=a.renderToBuffer();Ember.run.schedule("render",this,function(){if(b(a,"isDestroyed"))return;a.invalidateRecursively("element"),a._notifyWillInsertElement(),c.replaceWith(d.string()),a.transitionTo("inDOM"),a._notifyDidInsertElement()})},empty:function(a){a.morph.html("")}};Ember._Metamorph=Ember.Mixin.create({isVirtual:!0,tagName:"",init:function(){this._super(),this.morph=Metamorph()},beforeRender:function(a){a.push(this.morph.startTag())},afterRender:function(a){a.push(this.morph.endTag())},createElement:function(){var a=this.renderToBuffer();this.outerHTML=a.string(),this.clearBuffer()},domManager:c}),Ember._MetamorphView=Ember.View.extend(Ember._Metamorph)}(),function(){var a=Ember.get,b=Ember.set,c=Ember.Handlebars.getPath;Ember._HandlebarsBoundView=Ember._MetamorphView.extend({shouldDisplayFunc:null,preserveContext:!1,previousContext:null,displayTemplate:null,inverseTemplate:null,path:null,pathRoot:null,normalizedValue:Ember.computed(function(){var b=a(this,"path"),d=a(this,"pathRoot"),e=a(this,"valueNormalizerFunc"),f,g;return b===""?f=d:(g=a(this,"templateData"),f=c(d,b,{data:g})),e?e(f):f}).property("path","pathRoot","valueNormalizerFunc").volatile(),rerenderIfNeeded:function(){!a(this,"isDestroyed")&&a(this,"normalizedValue")!==this._lastNormalizedValue&&this.rerender()},render:function(c){var d=a(this,"isEscaped"),e=a(this,"shouldDisplayFunc"),f=a(this,"preserveContext"),g=a(this,"previousContext"),h=a(this,"inverseTemplate"),i=a(this,"displayTemplate"),j=a(this,"normalizedValue");this._lastNormalizedValue=j;if(e(j)){b(this,"template",i);if(f)b(this,"_context",g);else{if(!i){j===null||j===undefined?j="":j instanceof Handlebars.SafeString||(j=String(j)),d&&(j=Handlebars.Utils.escapeExpression(j)),c.push(j);return}b(this,"_context",j)}}else h?(b(this,"template",h),f?b(this,"_context",g):b(this,"_context",j)):b(this,"template",function(){return""});return this._super(c)}})}(),function(){function i(a,b,c,f,g){var h=b.data,i=b.fn,j=b.inverse,k=h.view,l=this,m,n,o;o=e(l,a,h),m=o.root,n=o.path;if("object"==typeof this){var p=k.createChildView(Ember._HandlebarsBoundView,{preserveContext:c,shouldDisplayFunc:f,valueNormalizerFunc:g,displayTemplate:i,inverseTemplate:j,path:n,pathRoot:m,previousContext:l,isEscaped:!b.hash.unescaped,templateData:b.data});k.appendChild(p);var q=function(){Ember.run.once(p,"rerenderIfNeeded")};n!==""&&Ember.addObserver(m,n,q)}else h.buffer.push(d(m,n,b))}var a=Ember.get,b=Ember.set,c=Ember.String.fmt,d=Ember.Handlebars.getPath,e=Ember.Handlebars.normalizePath,f=Ember.ArrayPolyfills.forEach,g=Ember.Handlebars,h=g.helpers;g.registerHelper("_triageMustache",function(a,b){return h[a]?h[a].call(this,b):h.bind.apply(this,arguments)}),g.registerHelper("bind",function(a,b){var c=b.contexts&&b.contexts[0]||this;return i.call(c,a,b,!1,function(a){return!Ember.none(a)})}),g.registerHelper("boundIf",function(b,c){var d=c.contexts&&c.contexts[0]||this,e=function(b){return Ember.typeOf(b)==="array"?a(b,"length")!==0:!!b};return i.call(d,b,c,!0,e,e)}),g.registerHelper("with",function(a,b){if(arguments.length===4){var c,d,f,g;b=arguments[3],c=arguments[2],d=arguments[0];if(Ember.isGlobalPath(d))Ember.bind(b.data.keywords,c,d);else{g=e(this,d,b.data),d=g.path,f=g.root;var j=Ember.$.expando+Ember.guidFor(f);b.data.keywords[j]=f;var k=d?j+"."+d:j;Ember.bind(b.data.keywords,c,k)}return i.call(this,d,b.fn,!0,function(a){return!Ember.none(a)})}return h.bind.call(b.contexts[0],a,b)}),g.registerHelper("if",function(a,b){return h.boundIf.call(b.contexts[0],a,b)}),g.registerHelper("unless",function(a,b){var c=b.fn,d=b.inverse;return b.fn=d,b.inverse=c,h.boundIf.call(b.contexts[0],a,b)}),g.registerHelper("bindAttr",function(a){var b=a.hash,c=a.data.view,h=[],i=this,j=++Ember.$.uuid,k=b["class"];if(k!==null&&k!==undefined){var l=g.bindClasses(this,k,c,j,a);h.push('class="'+Handlebars.Utils.escapeExpression(l.join(" "))+'"'),delete b["class"]}var m=Ember.keys(b);return f.call(m,function(f){var g=b[f],k,l;l=e(i,g,a.data),k=l.root,g=l.path;var m=g==="this"?k:d(k,g,a),n=Ember.typeOf(m),o,p;o=function(){var e=d(k,g,a),h=c.$("[data-bindattr-"+j+"='"+j+"']");if(h.length===0){Ember.removeObserver(k,g,p);return}Ember.View.applyAttributeBindings(h,f,e)},p=function(){Ember.run.once(o)},g!=="this"&&Ember.addObserver(k,g,p),n==="string"||n==="number"&&!isNaN(m)?h.push(f+'="'+Handlebars.Utils.escapeExpression(m)+'"'):m&&n==="boolean"&&h.push(f+'="'+f+'"')},this),h.push("data-bindattr-"+j+'="'+j+'"'),new g.SafeString(h.join(" "))}),g.bindClasses=function(a,b,c,g,h){var i=[],j,k,l,m=function(a,b,c){var e,f=b.path;return f==="this"?e=a:f===""?e=!0:e=d(a,f,c),Ember.View._classStringForValue(f,e,b.className,b.falsyClassName)};return f.call(b.split(" "),function(b){var d,f,n,o=Ember.View._parsePropertyPath(b),p=o.path,q=a,r;p!==""&&p!=="this"&&(r=e(a,p,h.data),q=r.root,p=r.path),f=function(){j=m(q,o,h),l=g?c.$("[data-bindattr-"+g+"='"+g+"']"):c.$(),l.length===0?Ember.removeObserver(q,p,n):(d&&l.removeClass(d),j?(l.addClass(j),d=j):d=null)},n=function(){Ember.run.once(f)},p!==""&&p!=="this"&&Ember.addObserver(q,p,n),k=m(q,o,h),k&&(i.push(k),d=k)}),i}}(),function(){var a=Ember.get,b=Ember.set,c=/^parentView\./,d=Ember.Handlebars,e=Ember.VIEW_PRESERVES_CONTEXT;d.ViewHelper=Ember.Object.create({propertiesFromHTMLOptions:function(a,b){var c=a.hash,d=a.data,e={},f=c["class"],g=!1;c.id&&(e.elementId=c.id,g=!0),f&&(f=f.split(" "),e.classNames=f,g=!0),c.classBinding&&(e.classNameBindings=c.classBinding.split(" "),g=!0),c.classNameBindings&&(e.classNameBindings===undefined&&(e.classNameBindings=[]),e.classNameBindings=e.classNameBindings.concat(c.classNameBindings.split(" ")),g=!0),c.attributeBindings&&(e.attributeBindings=null,g=!0),g&&(c=Ember.$.extend({},c),delete c.id,delete c["class"],delete c.classBinding);var h;for(var i in c){if(!c.hasOwnProperty(i))continue;Ember.IS_BINDING.test(i)&&typeof c[i]=="string"&&(h=this.contextualizeBindingPath(c[i],d),h&&(c[i]=h))}if(e.classNameBindings)for(var j in e.classNameBindings){var k=e.classNameBindings[j];if(typeof k=="string"){var l=Ember.View._parsePropertyPath(k);h=this.contextualizeBindingPath(l.path,d),h&&(e.classNameBindings[j]=h+l.classNames)}}return e.bindingContext=b,Ember.$.extend(c,e)},contextualizeBindingPath:function(a,b){var c=Ember.Handlebars.normalizePath(null,a,b);return c.isKeyword?"templateData.keywords."+a:Ember.isGlobalPath(a)?null:a==="this"?"bindingContext":"bindingContext."+a},helper:function(a,b,c){var f=c.inverse,g=c.data,h=g.view,i=c.fn,j=c.hash,k;"string"==typeof b?k=d.getPath(a,b,c):k=b;var l=this.propertiesFromHTMLOptions(c,a),m=g.view;l.templateData=c.data,i&&(l.template=i),e&&!k.proto().controller&&!k.proto().controllerBinding&&!l.controller&&!l.controllerBinding&&(l._context=a),m.appendChild(k,l)}}),d.registerHelper("view",function(a,b){return a&&a.data&&a.data.isRenderData&&(b=a,a="Ember.View"),d.ViewHelper.helper(this,a,b)})}(),function(){var a=Ember.get,b=Ember.Handlebars.getPath,c=Ember.String.fmt;Ember.Handlebars.registerHelper("collection",function(c,d){c&&c.data&&c.data.isRenderData&&(d=c,c=undefined);var e=d.fn,f=d.data,g=d.inverse,h;h=c?b(this,c,d):Ember.CollectionView;var i=d.hash,j={},k,l,m=i.itemViewClass,n=h.proto();delete i.itemViewClass,l=m?b(n,m,d):n.itemViewClass;for(var o in i)i.hasOwnProperty(o)&&(k=o.match(/^item(.)(.*)$/),k&&(j[k[1].toLowerCase()+k[2]]=i[o],delete i[o]));var p=i.tagName||n.tagName;e&&(j.template=e,delete d.fn);var q;g&&g!==Handlebars.VM.noop?(q=a(n,"emptyViewClass"),q=q.extend({template:g,tagName:j.tagName})):i.emptyViewClass&&(q=b(this,i.emptyViewClass,d)),i.emptyView=q,i.eachHelper==="each"&&(j._context=Ember.computed(function(){return a(this,"content")}).property("content"),delete i.eachHelper);var r=Ember.Handlebars.ViewHelper.propertiesFromHTMLOptions({data:f,hash:j},this);return i.itemViewClass=l.extend(r),Ember.Handlebars.helpers.view.call(this,h,d)})}(),function(){var a=Ember.Handlebars.getPath;Ember.Handlebars.registerHelper("unbound",function(b,c){var d=c.contexts&&c.contexts[0]||this;return a(d,b,c)})}(),function(){var a=Ember.Handlebars.getPath,b=Ember.Handlebars.normalizePath;Ember.Handlebars.registerHelper("log",function(c,d){var e=d.contexts&&d.contexts[0]||this,f=b(e,c,d.data),g=f.root,h=f.path,i=h==="this"?g:a(g,h,d);Ember.Logger.log(i)}),Ember.Handlebars.registerHelper("debugger",function(){debugger})}(),function(){var a=Ember.get,b=Ember.set;Ember.Handlebars.EachView=Ember.CollectionView.extend(Ember._Metamorph,{itemViewClass:Ember._MetamorphView,emptyViewClass:Ember._MetamorphView,createChildView:function(c,d){c=this._super(c,d);var e=a(this,"keyword");if(e){var f=a(c,"templateData");f=Ember.copy(f),f.keywords=c.cloneKeywords(),b(c,"templateData",f);var g=a(c,"content");f.keywords[e]=g}return c}}),Ember.Handlebars.registerHelper("each",function(a,b){if(arguments.length===4){var c=arguments[0];b=arguments[3],a=arguments[2],a===""&&(a="this"),b.hash.keyword=c}else b.hash.eachHelper="each";return b.hash.contentBinding=a,Ember.Handlebars.helpers.collection.call(this,"Ember.Handlebars.EachView",b)})}(),function(){Ember.Handlebars.registerHelper("template",function(a,b){var c=Ember.TEMPLATES[a];Ember.TEMPLATES[a](this,{data:b.data})})}(),function(){var a=Ember.Handlebars,b=a.getPath,c=Ember.get,d=Array.prototype.slice,e=a.ActionHelper={registeredActions:{}};e.registerAction=function(a,b){var c=(++Ember.$.uuid).toString();return e.registeredActions[c]={eventName:b.eventName,handler:function(c){var d=c.shiftKey||c.metaKey||c.altKey||c.ctrlKey,e=c.which>1,f=d||e;if(b.link&&f)return;c.preventDefault(),c.view=b.view,b.hasOwnProperty("context")&&(c.context=b.context),b.hasOwnProperty("contexts")&&(c.contexts=b.contexts);var g=b.target;return g.isState&&typeof g.send=="function"?g.send(a,c):g[a].call(g,c)}},b.view.on("willRerender",function(){delete e.registeredActions[c]}),c},a.registerHelper("action",function(f){var g=arguments[arguments.length-1],h=d.call(arguments,1,-1),i=g.hash,j=g.data.view,k,l,m,n={eventName:i.on||"click"};n.view=j=c(j,"concreteView");if(i.target)k=b(this,i.target,g);else if(l=g.data.keywords.controller)k=c(l,"target");n.target=k=k||j,h.length&&(n.contexts=h=Ember.EnumerableUtils.map(h,function(a){return b(this,a,g)},this),n.context=h[0]);var o=[],p;i.href&&k.urlForEvent&&(p=k.urlForEvent.apply(k,[f].concat(h)),o.push('href="'+p+'"'),n.link=!0);var q=e.registerAction(f,n);return o.push('data-ember-action="'+q+'"'),new a.SafeString(o.join(" "))})}(),function(){var a=Ember.get,b=Ember.set;Ember.Handlebars.registerHelper("yield",function(b){var c=b.data.view,d;while(c&&!a(c,"layout"))c=a(c,"parentView");d=a(c,"template"),d&&d(this,b)})}(),function(){Ember.Handlebars.registerHelper("outlet",function(a,b){return a&&a.data&&a.data.isRenderData&&(b=a,a="view"),b.hash.currentViewBinding="controller."+a,Ember.Handlebars -.helpers.view.call(this,Ember.ContainerView,b)})}(),function(){}(),function(){}(),function(){var a=Ember.set,b=Ember.get;Ember.Checkbox=Ember.View.extend({classNames:["ember-checkbox"],tagName:"input",attributeBindings:["type","checked","disabled","tabindex"],type:"checkbox",checked:!1,disabled:!1,init:function(){this._super(),this.on("change",this,this._updateElementValue)},_updateElementValue:function(){a(this,"checked",this.$().prop("checked"))}})}(),function(){var a=Ember.get,b=Ember.set;Ember.TextSupport=Ember.Mixin.create({value:"",attributeBindings:["placeholder","disabled","maxlength","tabindex"],placeholder:null,disabled:!1,maxlength:null,insertNewline:Ember.K,cancel:Ember.K,init:function(){this._super(),this.on("focusOut",this,this._elementValueDidChange),this.on("change",this,this._elementValueDidChange),this.on("keyUp",this,this.interpretKeyEvents)},interpretKeyEvents:function(a){var b=Ember.TextSupport.KEY_EVENTS,c=b[a.keyCode];this._elementValueDidChange();if(c)return this[c](a)},_elementValueDidChange:function(){b(this,"value",this.$().val())}}),Ember.TextSupport.KEY_EVENTS={13:"insertNewline",27:"cancel"}}(),function(){var a=Ember.get,b=Ember.set;Ember.TextField=Ember.View.extend(Ember.TextSupport,{classNames:["ember-text-field"],tagName:"input",attributeBindings:["type","value","size"],value:"",type:"text",size:null})}(),function(){var a=Ember.get,b=Ember.set;Ember.Button=Ember.View.extend(Ember.TargetActionSupport,{classNames:["ember-button"],classNameBindings:["isActive"],tagName:"button",propagateEvents:!1,attributeBindings:["type","disabled","href","tabindex"],targetObject:Ember.computed(function(){var b=a(this,"target"),c=a(this,"context"),d=a(this,"templateData");return typeof b!="string"?b:Ember.Handlebars.getPath(c,b,{data:d})}).property("target").cacheable(),type:Ember.computed(function(a,b){var c=this.get("tagName");b!==undefined&&(this._type=b);if(this._type!==undefined)return this._type;if(c==="input"||c==="button")return"button"}).property("tagName").cacheable(),disabled:!1,href:Ember.computed(function(){return this.get("tagName")==="a"?"#":null}).property("tagName").cacheable(),mouseDown:function(){return a(this,"disabled")||(b(this,"isActive",!0),this._mouseDown=!0,this._mouseEntered=!0),a(this,"propagateEvents")},mouseLeave:function(){this._mouseDown&&(b(this,"isActive",!1),this._mouseEntered=!1)},mouseEnter:function(){this._mouseDown&&(b(this,"isActive",!0),this._mouseEntered=!0)},mouseUp:function(c){return a(this,"isActive")&&(this.triggerAction(),b(this,"isActive",!1)),this._mouseDown=!1,this._mouseEntered=!1,a(this,"propagateEvents")},keyDown:function(a){(a.keyCode===13||a.keyCode===32)&&this.mouseDown()},keyUp:function(a){(a.keyCode===13||a.keyCode===32)&&this.mouseUp()},touchStart:function(a){return this.mouseDown(a)},touchEnd:function(a){return this.mouseUp(a)},init:function(){this._super()}})}(),function(){var a=Ember.get,b=Ember.set;Ember.TextArea=Ember.View.extend(Ember.TextSupport,{classNames:["ember-text-area"],tagName:"textarea",attributeBindings:["rows","cols"],rows:null,cols:null,_updateElementValue:Ember.observer(function(){var b=a(this,"value"),c=this.$();c&&b!==c.val()&&c.val(b)},"value"),init:function(){this._super(),this.on("didInsertElement",this,this._updateElementValue)}})}(),function(){Ember.TabContainerView=Ember.View.extend({init:function(){this._super()}})}(),function(){var a=Ember.get;Ember.TabPaneView=Ember.View.extend({tabsContainer:Ember.computed(function(){return this.nearestInstanceOf(Ember.TabContainerView)}).property().volatile(),isVisible:Ember.computed(function(){return a(this,"viewName")===a(this,"tabsContainer.currentView")}).property("tabsContainer.currentView").volatile(),init:function(){this._super()}})}(),function(){var a=Ember.get,b=Ember.setPath;Ember.TabView=Ember.View.extend({tabsContainer:Ember.computed(function(){return this.nearestInstanceOf(Ember.TabContainerView)}).property().volatile(),mouseUp:function(){b(this,"tabsContainer.currentView",a(this,"value"))},init:function(){this._super()}})}(),function(){}(),function(){var a=Ember.set,b=Ember.get,c=Ember.EnumerableUtils.indexOf,d=Ember.EnumerableUtils.indexesOf;Ember.Select=Ember.View.extend({tagName:"select",classNames:["ember-select"],defaultTemplate:Ember.Handlebars.template(function(b,c,d,e,f){function q(a,b){var c="",e,f,g,h;return b.buffer.push(""),c}function r(a,b){var c,e,f,g;c=a,e="Ember.SelectOption",f={},g="this",f.contentBinding=g,g=d.view||a.view,k={},k.hash=f,k.contexts=[],k.contexts.push(c),k.data=b,typeof g===m?c=g.call(a,e,k):g===o?c=n.call(a,"view",e,k):c=g,b.buffer.push(p(c))}d=d||Ember.Handlebars.helpers;var g="",h,i,j,k,l=this,m="function",n=d.helperMissing,o=void 0,p=this.escapeExpression;return h=c,i="view.prompt",j=d["if"],k=l.program(1,q,f),k.hash={},k.contexts=[],k.contexts.push(h),k.fn=k,k.inverse=l.noop,k.data=f,h=j.call(c,i,k),(h||h===0)&&f.buffer.push(h),h=c,i="view.content",j=d.each,k=l.program(3,r,f),k.hash={},k.contexts=[],k.contexts.push(h),k.fn=k,k.inverse=l.noop,k.data=f,h=j.call(c,i,k),(h||h===0)&&f.buffer.push(h),g}),attributeBindings:["multiple","tabindex"],multiple:!1,content:null,selection:null,value:Ember.computed(function(a,c){if(arguments.length===2)return c;var d=b(this,"optionValuePath").replace(/^content\.?/,"");return d?b(this,"selection."+d):b(this,"selection")}).property("selection").cacheable(),prompt:null,optionLabelPath:"content",optionValuePath:"content",_change:function(){b(this,"multiple")?this._changeMultiple():this._changeSingle()},selectionDidChange:Ember.observer(function(){var c=b(this,"selection"),d=Ember.isArray(c);if(b(this,"multiple")){if(!d){a(this,"selection",Ember.A([c]));return}this._selectionDidChangeMultiple()}else this._selectionDidChangeSingle()},"selection"),valueDidChange:Ember.observer(function(){var a=b(this,"content"),c=b(this,"value"),d=b(this,"optionValuePath").replace(/^content\.?/,""),e=d?b(this,"selection."+d):b(this,"selection"),f;c!==e&&(f=a.find(function(a){return c===(d?b(a,d):a)}),this.set("selection",f))},"value"),_triggerChange:function(){var a=b(this,"selection");a&&this.selectionDidChange(),this._change()},_changeSingle:function(){var c=this.$()[0].selectedIndex,d=b(this,"content"),e=b(this,"prompt");if(!d)return;if(e&&c===0){a(this,"selection",null);return}e&&(c-=1),a(this,"selection",d.objectAt(c))},_changeMultiple:function(){var c=this.$("option:selected"),d=b(this,"prompt"),e=d?1:0,f=b(this,"content");if(!f)return;if(c){var g=c.map(function(){return this.index-e}).toArray();a(this,"selection",f.objectsAt(g))}},_selectionDidChangeSingle:function(){var a=this.get("element");if(!a)return;var d=b(this,"content"),e=b(this,"selection"),f=d?c(d,e):-1,g=b(this,"prompt");g&&(f+=1),a&&(a.selectedIndex=f)},_selectionDidChangeMultiple:function(){var a=b(this,"content"),e=b(this,"selection"),f=a?d(a,e):[-1],g=b(this,"prompt"),h=g?1:0,i=this.$("option"),j;i&&i.each(function(){j=this.index>-1?this.index+h:-1,this.selected=c(f,j)>-1})},init:function(){this._super(),this.on("didInsertElement",this,this._triggerChange),this.on("change",this,this._change)}}),Ember.SelectOption=Ember.View.extend({tagName:"option",attributeBindings:["value","selected"],defaultTemplate:function(a,b){b={data:b.data,hash:{}},Ember.Handlebars.helpers.bind.call(a,"view.label",b)},init:function(){this.labelPathDidChange(),this.valuePathDidChange(),this._super()},selected:Ember.computed(function(){var a=b(this,"content"),d=b(this,"parentView.selection");return b(this,"parentView.multiple")?d&&c(d,a)>-1:a==d}).property("content","parentView.selection").volatile(),labelPathDidChange:Ember.observer(function(){var a=b(this,"parentView.optionLabelPath");if(!a)return;Ember.defineProperty(this,"label",Ember.computed(function(){return b(this,a)}).property(a).cacheable())},"parentView.optionLabelPath"),valuePathDidChange:Ember.observer(function(){var a=b(this,"parentView.optionValuePath");if(!a)return;Ember.defineProperty(this,"value",Ember.computed(function(){return b(this,a)}).property(a).cacheable())},"parentView.optionValuePath")})}(),function(){}(),function(){function a(){Ember.Handlebars.bootstrap(Ember.$(document))}Ember.Handlebars.bootstrap=function(a){var b='script[type="text/x-handlebars"], script[type="text/x-raw-handlebars"]';Ember.$(b,a).each(function(){var a=Ember.$(this),b=a.attr("type"),c=a.attr("type")==="text/x-raw-handlebars"?Ember.$.proxy(Handlebars.compile,Handlebars):Ember.$.proxy(Ember.Handlebars.compile,Ember.Handlebars),d=a.attr("data-template-name")||a.attr("id"),e=c(a.html()),f,g,h,i;if(d)Ember.TEMPLATES[d]=e,a.remove();else{if(a.parents("head").length!==0)throw new Ember.Error("Template found in without a name specified. Please provide a data-template-name attribute.\n"+a.html());g=a.attr("data-view"),f=g?Ember.get(g):Ember.View,h=a.attr("data-element-id"),i={template:e},h&&(i.elementId=h),f=f.create(i),f._insertElementLater(function(){a.replaceWith(this.$()),a=null})}})},Ember.$(document).ready(a),Ember.onLoad("application",a)}(),function(){}(); \ No newline at end of file diff --git a/vendor/ember/spade/ember.js b/vendor/ember/spade/ember.js index c17ea5e3..a18d06ee 100644 --- a/vendor/ember/spade/ember.js +++ b/vendor/ember/spade/ember.js @@ -1 +1 @@ -minispade.register('ember-application', "(function() {minispade.require('ember-views');\nminispade.require('ember-states');\nminispade.require('ember-routing');\nminispade.require('ember-application/system');\n\n})();\n//@ sourceURL=ember-application");minispade.register('ember-application/system', "(function() {minispade.require('ember-application/system/application');\nminispade.require('ember-application/system/location');\nminispade.require('ember-application/system/hash_location');\nminispade.require('ember-application/system/history_location');\nminispade.require('ember-application/system/none_location');\n\n})();\n//@ sourceURL=ember-application/system");minispade.register('ember-application/system/application', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n An Ember.Application instance serves as the namespace in which you define your\n application's classes. You can also override the configuration of your\n application.\n\n By default, Ember.Application will begin listening for events on the document.\n If your application is embedded inside a page, instead of controlling the\n entire document, you can specify which DOM element to attach to by setting\n the `rootElement` property:\n\n MyApp = Ember.Application.create({\n rootElement: $('#my-app')\n });\n\n The root of an Ember.Application must not be removed during the course of the\n page's lifetime. If you have only a single conceptual application for the\n entire page, and are not embedding any third-party Ember applications\n in your page, use the default document root for your application.\n\n You only need to specify the root if your page contains multiple instances\n of Ember.Application.\n\n @extends Ember.Object\n*/\nEmber.Application = Ember.Namespace.extend(\n/** @scope Ember.Application.prototype */{\n\n /**\n The root DOM element of the Application.\n\n Can be specified as DOMElement or a selector string.\n\n @type DOMElement\n @default 'body'\n */\n rootElement: 'body',\n\n /**\n @type Ember.EventDispatcher\n @default null\n */\n eventDispatcher: null,\n\n /**\n @type Object\n @default null\n */\n customEvents: null,\n\n /** @private */\n init: function() {\n var eventDispatcher,\n rootElement = get(this, 'rootElement');\n this._super();\n\n eventDispatcher = Ember.EventDispatcher.create({\n rootElement: rootElement\n });\n\n set(this, 'eventDispatcher', eventDispatcher);\n\n // jQuery 1.7 doesn't call the ready callback if already ready\n if (Ember.$.isReady) {\n Ember.run.once(this, this.didBecomeReady);\n } else {\n var self = this;\n Ember.$(document).ready(function() {\n Ember.run.once(self, self.didBecomeReady);\n });\n }\n },\n\n /**\n Instantiate all controllers currently available on the namespace\n and inject them onto a router.\n\n Example:\n\n App.PostsController = Ember.ArrayController.extend();\n App.CommentsController = Ember.ArrayController.extend();\n\n var router = Ember.Router.create({\n ...\n });\n\n App.initialize(router);\n\n router.get('postsController') // \n router.get('commentsController') // \n\n router.get('postsController.router') // router\n */\n initialize: function(router) {\n var properties = Ember.A(Ember.keys(this)),\n injections = get(this.constructor, 'injections'),\n namespace = this, controller, name;\n\n if (!router && Ember.Router.detect(namespace['Router'])) {\n router = namespace['Router'].create();\n this._createdRouter = router;\n }\n\n if (router) {\n set(this, 'router', router);\n\n // By default, the router's namespace is the current application.\n //\n // This allows it to find model classes when a state has a\n // route like `/posts/:post_id`. In that case, it would first\n // convert `post_id` into `Post`, and then look it up on its\n // namespace.\n set(router, 'namespace', this);\n }\n\n Ember.runLoadHooks('application', this);\n\n injections.forEach(function(injection) {\n properties.forEach(function(property) {\n injection[1](namespace, router, property);\n });\n });\n\n if (router && router instanceof Ember.Router) {\n this.startRouting(router);\n }\n },\n\n /** @private */\n didBecomeReady: function() {\n var eventDispatcher = get(this, 'eventDispatcher'),\n customEvents = get(this, 'customEvents');\n\n eventDispatcher.setup(customEvents);\n\n this.ready();\n },\n\n /**\n @private\n\n If the application has a router, use it to route to the current URL, and\n trigger a new call to `route` whenever the URL changes.\n */\n startRouting: function(router) {\n var location = get(router, 'location'),\n rootElement = get(this, 'rootElement'),\n applicationController = get(router, 'applicationController');\n\n Ember.assert(\"ApplicationView and ApplicationController must be defined on your application\", (this.ApplicationView && applicationController) );\n\n var applicationView = this.ApplicationView.create({\n controller: applicationController\n });\n this._createdApplicationView = applicationView;\n\n applicationView.appendTo(rootElement);\n\n router.route(location.getURL());\n location.onUpdateURL(function(url) {\n router.route(url);\n });\n },\n\n /**\n Called when the Application has become ready.\n The call will be delayed until the DOM has become ready.\n */\n ready: Ember.K,\n\n /** @private */\n willDestroy: function() {\n get(this, 'eventDispatcher').destroy();\n if (this._createdRouter) { this._createdRouter.destroy(); }\n if (this._createdApplicationView) { this._createdApplicationView.destroy(); }\n },\n\n registerInjection: function(options) {\n this.constructor.registerInjection(options);\n }\n});\n\nEmber.Application.reopenClass({\n concatenatedProperties: ['injections'],\n injections: Ember.A(),\n registerInjection: function(options) {\n var injections = get(this, 'injections'),\n before = options.before,\n name = options.name,\n injection = options.injection,\n location;\n\n if (before) {\n location = injections.find(function(item) {\n if (item[0] === before) { return true; }\n });\n location = injections.indexOf(location);\n } else {\n location = get(injections, 'length');\n }\n\n injections.splice(location, 0, [name, injection]);\n }\n});\n\nEmber.Application.registerInjection({\n name: 'controllers',\n injection: function(app, router, property) {\n if (!/^[A-Z].*Controller$/.test(property)) { return; }\n\n var name = property.charAt(0).toLowerCase() + property.substr(1),\n controller = app[property].create();\n\n router.set(name, controller);\n\n controller.setProperties({\n target: router,\n controllers: router,\n namespace: app\n });\n }\n});\n\n})();\n//@ sourceURL=ember-application/system/application");minispade.register('ember-application/system/hash_location', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n Ember.HashLocation implements the location API using the browser's\n hash. At present, it relies on a hashchange event existing in the\n browser.\n\n @extends Ember.Object\n*/\nEmber.HashLocation = Ember.Object.extend(\n/** @scope Ember.HashLocation.prototype */ {\n\n /** @private */\n init: function() {\n set(this, 'location', get(this, 'location') || window.location);\n },\n\n /**\n @private\n\n Returns the current `location.hash`, minus the '#' at the front.\n */\n getURL: function() {\n return get(this, 'location').hash.substr(1);\n },\n\n /**\n @private\n\n Set the `location.hash` and remembers what was set. This prevents\n `onUpdateURL` callbacks from triggering when the hash was set by\n `HashLocation`.\n */\n setURL: function(path) {\n get(this, 'location').hash = path;\n set(this, 'lastSetURL', path);\n },\n\n /**\n @private\n\n Register a callback to be invoked when the hash changes. These\n callbacks will execute when the user presses the back or forward\n button, but not after `setURL` is invoked.\n */\n onUpdateURL: function(callback) {\n var self = this;\n var guid = Ember.guidFor(this);\n\n Ember.$(window).bind('hashchange.ember-location-'+guid, function() {\n var path = location.hash.substr(1);\n if (get(self, 'lastSetURL') === path) { return; }\n\n set(self, 'lastSetURL', null);\n\n callback(location.hash.substr(1));\n });\n },\n\n /**\n @private\n\n Given a URL, formats it to be placed into the page as part\n of an element's `href` attribute.\n\n This is used, for example, when using the {{action}} helper\n to generate a URL based on an event.\n */\n formatURL: function(url) {\n return '#'+url;\n },\n\n /** @private */\n willDestroy: function() {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).unbind('hashchange.ember-location-'+guid);\n }\n});\n\nEmber.Location.registerImplementation('hash', Ember.HashLocation);\n\n})();\n//@ sourceURL=ember-application/system/hash_location");minispade.register('ember-application/system/history_location', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n Ember.HistoryLocation implements the location API using the browser's\n history.pushState API.\n\n @extends Ember.Object\n*/\nEmber.HistoryLocation = Ember.Object.extend(\n/** @scope Ember.HistoryLocation.prototype */ {\n\n /** @private */\n init: function() {\n set(this, 'location', get(this, 'location') || window.location);\n set(this, '_initialURL', get(this, 'location').pathname);\n },\n\n /**\n Will be pre-pended to path upon state change\n */\n rootURL: '/',\n\n /**\n @private\n\n Used to give history a starting reference\n */\n _initialURL: null,\n\n /**\n @private\n\n Returns the current `location.pathname`.\n */\n getURL: function() {\n return get(this, 'location').pathname;\n },\n\n /**\n @private\n\n Uses `history.pushState` to update the url without a page reload.\n */\n setURL: function(path) {\n var state = window.history.state,\n initialURL = get(this, '_initialURL');\n\n path = this.formatPath(path);\n\n if ((initialURL !== path && !state) || (state && state.path !== path)) {\n window.history.pushState({ path: path }, null, path);\n }\n },\n\n /**\n @private\n\n Register a callback to be invoked whenever the browser\n history changes, including using forward and back buttons.\n */\n onUpdateURL: function(callback) {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).bind('popstate.ember-location-'+guid, function(e) {\n callback(location.pathname);\n });\n },\n\n /**\n @private\n\n returns the given path appended to rootURL\n */\n formatPath: function(path) {\n var rootURL = get(this, 'rootURL');\n\n if (path !== '') {\n rootURL = rootURL.replace(/\\/$/, '');\n }\n\n return rootURL + path;\n },\n\n /**\n @private\n\n Used when using {{action}} helper. Since no formatting\n is required we just return the url given.\n */\n formatURL: function(url) {\n return url;\n },\n\n /** @private */\n willDestroy: function() {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).unbind('popstate.ember-location-'+guid);\n }\n});\n\nEmber.Location.registerImplementation('history', Ember.HistoryLocation);\n\n})();\n//@ sourceURL=ember-application/system/history_location");minispade.register('ember-application/system/location', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n This file implements the `location` API used by Ember's router.\n\n That API is:\n\n getURL: returns the current URL\n setURL(path): sets the current URL\n onUpdateURL(callback): triggers the callback when the URL changes\n formatURL(url): formats `url` to be placed into `href` attribute\n\n Calling setURL will not trigger onUpdateURL callbacks.\n\n TODO: This, as well as the Ember.Location documentation below, should\n perhaps be moved so that it's visible in the JsDoc output.\n*/\n/**\n @class\n\n Ember.Location returns an instance of the correct implementation of\n the `location` API.\n\n You can pass it a `implementation` ('hash', 'history', 'none') to force a\n particular implementation.\n*/\nEmber.Location = {\n create: function(options) {\n var implementation = options && options.implementation;\n Ember.assert(\"Ember.Location.create: you must specify a 'implementation' option\", !!implementation);\n\n var implementationClass = this.implementations[implementation];\n Ember.assert(\"Ember.Location.create: \" + implementation + \" is not a valid implementation\", !!implementationClass);\n\n return implementationClass.create.apply(implementationClass, arguments);\n },\n\n registerImplementation: function(name, implementation) {\n this.implementations[name] = implementation;\n },\n\n implementations: {}\n};\n\n})();\n//@ sourceURL=ember-application/system/location");minispade.register('ember-application/system/none_location', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n Ember.NoneLocation does not interact with the browser. It is useful for\n testing, or when you need to manage state with your Router, but temporarily\n don't want it to muck with the URL (for example when you embed your\n application in a larger page).\n\n @extends Ember.Object\n*/\nEmber.NoneLocation = Ember.Object.extend(\n/** @scope Ember.NoneLocation.prototype */ {\n path: '',\n\n getURL: function() {\n return get(this, 'path');\n },\n\n setURL: function(path) {\n set(this, 'path', path);\n },\n\n onUpdateURL: function(callback) {\n // We are not wired up to the browser, so we'll never trigger the callback.\n },\n\n formatURL: function(url) {\n // The return value is not overly meaningful, but we do not want to throw\n // errors when test code renders templates containing {{action href=true}}\n // helpers.\n return url;\n }\n});\n\nEmber.Location.registerImplementation('none', Ember.NoneLocation);\n\n})();\n//@ sourceURL=ember-application/system/none_location");minispade.register('ember-debug', "(function() {/*global __fail__*/\n\nif ('undefined' === typeof Ember) {\n Ember = {};\n\n if ('undefined' !== typeof window) {\n window.Em = window.Ember = Em = Ember;\n }\n}\n\nEmber.ENV = 'undefined' === typeof ENV ? {} : ENV;\n\nif (!('MANDATORY_SETTER' in Ember.ENV)) {\n Ember.ENV.MANDATORY_SETTER = true; // default to true for debug dist\n}\n\n/**\n Define an assertion that will throw an exception if the condition is not\n met. Ember build tools will remove any calls to Ember.assert() when\n doing a production build. Example:\n\n // Test for truthiness\n Ember.assert('Must pass a valid object', obj);\n // Fail unconditionally\n Ember.assert('This code path should never be run')\n\n @static\n @function\n @param {String} desc\n A description of the assertion. This will become the text of the Error\n thrown if the assertion fails.\n\n @param {Boolean} test\n Must be truthy for the assertion to pass. If falsy, an exception will be\n thrown.\n*/\nEmber.assert = function(desc, test) {\n if (!test) throw new Error(\"assertion failed: \"+desc);\n};\n\n\n/**\n Display a warning with the provided message. Ember build tools will\n remove any calls to Ember.warn() when doing a production build.\n\n @static\n @function\n @param {String} message\n A warning to display.\n\n @param {Boolean} test\n An optional boolean. If falsy, the warning will be displayed.\n*/\nEmber.warn = function(message, test) {\n if (!test) {\n Ember.Logger.warn(\"WARNING: \"+message);\n if ('trace' in Ember.Logger) Ember.Logger.trace();\n }\n};\n\n/**\n Display a deprecation warning with the provided message and a stack trace\n (Chrome and Firefox only). Ember build tools will remove any calls to\n Ember.deprecate() when doing a production build.\n\n @static\n @function\n @param {String} message\n A description of the deprecation.\n\n @param {Boolean} test\n An optional boolean. If falsy, the deprecation will be displayed.\n*/\nEmber.deprecate = function(message, test) {\n if (Ember && Ember.TESTING_DEPRECATION) { return; }\n\n if (arguments.length === 1) { test = false; }\n if (test) { return; }\n\n if (Ember && Ember.ENV.RAISE_ON_DEPRECATION) { throw new Error(message); }\n\n var error;\n\n // When using new Error, we can't do the arguments check for Chrome. Alternatives are welcome\n try { __fail__.fail(); } catch (e) { error = e; }\n\n if (Ember.LOG_STACKTRACE_ON_DEPRECATION && error.stack) {\n var stack, stackStr = '';\n if (error['arguments']) {\n // Chrome\n stack = error.stack.replace(/^\\s+at\\s+/gm, '').\n replace(/^([^\\(]+?)([\\n$])/gm, '{anonymous}($1)$2').\n replace(/^Object.\\s*\\(([^\\)]+)\\)/gm, '{anonymous}($1)').split('\\n');\n stack.shift();\n } else {\n // Firefox\n stack = error.stack.replace(/(?:\\n@:0)?\\s+$/m, '').\n replace(/^\\(/gm, '{anonymous}(').split('\\n');\n }\n\n stackStr = \"\\n \" + stack.slice(2).join(\"\\n \");\n message = message + stackStr;\n }\n\n Ember.Logger.warn(\"DEPRECATION: \"+message);\n};\n\n\n\n/**\n Display a deprecation warning with the provided message and a stack trace\n (Chrome and Firefox only) when the wrapped method is called.\n\n Ember build tools will not remove calls to Ember.deprecateFunc(), though\n no warnings will be shown in production.\n\n @static\n @function\n @param {String} message\n A description of the deprecation.\n\n @param {Function} func\n The function to be deprecated.\n*/\nEmber.deprecateFunc = function(message, func) {\n return function() {\n Ember.deprecate(message);\n return func.apply(this, arguments);\n };\n};\n\n\nwindow.ember_assert = Ember.deprecateFunc(\"ember_assert is deprecated. Please use Ember.assert instead.\", Ember.assert);\nwindow.ember_warn = Ember.deprecateFunc(\"ember_warn is deprecated. Please use Ember.warn instead.\", Ember.warn);\nwindow.ember_deprecate = Ember.deprecateFunc(\"ember_deprecate is deprecated. Please use Ember.deprecate instead.\", Ember.deprecate);\nwindow.ember_deprecateFunc = Ember.deprecateFunc(\"ember_deprecateFunc is deprecated. Please use Ember.deprecateFunc instead.\", Ember.deprecateFunc);\n\n})();\n//@ sourceURL=ember-debug");minispade.register('ember-handlebars/controls', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/controls/checkbox\");\nminispade.require(\"ember-handlebars/controls/text_field\");\nminispade.require(\"ember-handlebars/controls/button\");\nminispade.require(\"ember-handlebars/controls/text_area\");\nminispade.require(\"ember-handlebars/controls/tabs\");\nminispade.require(\"ember-handlebars/controls/select\");\n\n})();\n//@ sourceURL=ember-handlebars/controls");minispade.register('ember-handlebars/controls/button', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/target_action_support');\n\nvar get = Ember.get, set = Ember.set;\n\nEmber.Button = Ember.View.extend(Ember.TargetActionSupport, {\n classNames: ['ember-button'],\n classNameBindings: ['isActive'],\n\n tagName: 'button',\n\n propagateEvents: false,\n\n attributeBindings: ['type', 'disabled', 'href', 'tabindex'],\n\n /** @private\n Overrides TargetActionSupport's targetObject computed\n property to use Handlebars-specific path resolution.\n */\n targetObject: Ember.computed(function() {\n var target = get(this, 'target'),\n root = get(this, 'context'),\n data = get(this, 'templateData');\n\n if (typeof target !== 'string') { return target; }\n\n return Ember.Handlebars.getPath(root, target, { data: data });\n }).property('target').cacheable(),\n\n // Defaults to 'button' if tagName is 'input' or 'button'\n type: Ember.computed(function(key, value) {\n var tagName = this.get('tagName');\n if (value !== undefined) { this._type = value; }\n if (this._type !== undefined) { return this._type; }\n if (tagName === 'input' || tagName === 'button') { return 'button'; }\n }).property('tagName').cacheable(),\n\n disabled: false,\n\n // Allow 'a' tags to act like buttons\n href: Ember.computed(function() {\n return this.get('tagName') === 'a' ? '#' : null;\n }).property('tagName').cacheable(),\n\n mouseDown: function() {\n if (!get(this, 'disabled')) {\n set(this, 'isActive', true);\n this._mouseDown = true;\n this._mouseEntered = true;\n }\n return get(this, 'propagateEvents');\n },\n\n mouseLeave: function() {\n if (this._mouseDown) {\n set(this, 'isActive', false);\n this._mouseEntered = false;\n }\n },\n\n mouseEnter: function() {\n if (this._mouseDown) {\n set(this, 'isActive', true);\n this._mouseEntered = true;\n }\n },\n\n mouseUp: function(event) {\n if (get(this, 'isActive')) {\n // Actually invoke the button's target and action.\n // This method comes from the Ember.TargetActionSupport mixin.\n this.triggerAction();\n set(this, 'isActive', false);\n }\n\n this._mouseDown = false;\n this._mouseEntered = false;\n return get(this, 'propagateEvents');\n },\n\n keyDown: function(event) {\n // Handle space or enter\n if (event.keyCode === 13 || event.keyCode === 32) {\n this.mouseDown();\n }\n },\n\n keyUp: function(event) {\n // Handle space or enter\n if (event.keyCode === 13 || event.keyCode === 32) {\n this.mouseUp();\n }\n },\n\n // TODO: Handle proper touch behavior. Including should make inactive when\n // finger moves more than 20x outside of the edge of the button (vs mouse\n // which goes inactive as soon as mouse goes out of edges.)\n\n touchStart: function(touch) {\n return this.mouseDown(touch);\n },\n\n touchEnd: function(touch) {\n return this.mouseUp(touch);\n },\n\n init: function() {\n Ember.deprecate(\"Ember.Button is deprecated and will be removed from future releases. Consider using the `{{action}}` helper.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/button");minispade.register('ember-handlebars/controls/checkbox', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/ext\");\n\nvar set = Ember.set, get = Ember.get;\n\n/**\n @class\n\n Creates an HTML input of type 'checkbox' with HTML related properties \n applied directly to the input.\n\n {{view Ember.Checkbox classNames=\"applicaton-specific-checkbox\"}}\n\n \n\n You can add a `label` tag yourself in the template where the Ember.Checkbox is being used.\n\n \n\n\n The `checked` attribute of an Ember.Checkbox object should always be set\n through the Ember object or by interacting with its rendered element representation\n via the mouse, keyboard, or touch. Updating the value of the checkbox via jQuery will\n result in the checked value of the object and its element losing synchronization.\n\n ## Layout and LayoutName properties\n Because HTML `input` elements are self closing `layout` and `layoutName` properties will\n not be applied. See `Ember.View`'s layout section for more information.\n\n @extends Ember.View\n*/\nEmber.Checkbox = Ember.View.extend({\n classNames: ['ember-checkbox'],\n\n tagName: 'input',\n\n attributeBindings: ['type', 'checked', 'disabled', 'tabindex'],\n\n type: \"checkbox\",\n checked: false,\n disabled: false,\n\n init: function() {\n this._super();\n this.on(\"change\", this, this._updateElementValue);\n },\n\n /**\n @private\n */\n _updateElementValue: function() {\n set(this, 'checked', this.$().prop('checked'));\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/checkbox");minispade.register('ember-handlebars/controls/select', "(function() {/*jshint eqeqeq:false */\n\nvar set = Ember.set, get = Ember.get;\nvar indexOf = Ember.EnumerableUtils.indexOf, indexesOf = Ember.EnumerableUtils.indexesOf;\n\n/**\n @class\n\n The Ember.Select view class renders a\n [select](https://developer.mozilla.org/en/HTML/Element/select) HTML element,\n allowing the user to choose from a list of options. The selected option(s)\n are updated live in the `selection` property, while the corresponding value\n is updated in the `value` property.\n\n ### Using Strings\n The simplest version of an Ember.Select takes an array of strings for the options\n of a select box and a valueBinding to set the value.\n\n Example:\n\n App.controller = Ember.Object.create({\n selected: null,\n content: [\n \"Yehuda\",\n \"Tom\"\n ]\n })\n\n {{view Ember.Select\n contentBinding=\"App.controller.content\"\n valueBinding=\"App.controller.selected\"\n }}\n\n Would result in the following HTML:\n\n \n\n Selecting Yehuda from the select box will set `App.controller.selected` to \"Yehuda\"\n\n ### Using Objects\n An Ember.Select can also take an array of JS or Ember objects.\n\n When using objects you need to supply optionLabelPath and optionValuePath parameters\n which will be used to get the label and value for each of the options.\n\n Usually you will bind to either the selection or the value attribute of the select.\n\n Use selectionBinding if you would like to set the whole object as a property on the target.\n Use valueBinding if you would like to set just the value.\n\n Example using selectionBinding:\n\n App.controller = Ember.Object.create({\n selectedPerson: null,\n selectedPersonId: null,\n content: [\n Ember.Object.create({firstName: \"Yehuda\", id: 1}),\n Ember.Object.create({firstName: \"Tom\", id: 2})\n ]\n })\n\n {{view Ember.Select\n contentBinding=\"App.controller.content\"\n optionLabelPath=\"content.firstName\"\n optionValuePath=\"content.id\"\n selectionBinding=\"App.controller.selectedPerson\"\n prompt=\"Please Select\"}}\n\n \n\n Selecting Yehuda here will set `App.controller.selectedPerson` to\n the Yehuda object.\n\n Example using valueBinding:\n\n {{view Ember.Select\n contentBinding=\"App.controller.content\"\n optionLabelPath=\"content.firstName\"\n optionValuePath=\"content.id\"\n valueBinding=\"App.controller.selectedPersonId\"\n prompt=\"Please Select\"}}\n\n Selecting Yehuda in this case will set `App.controller.selectedPersonId` to 1.\n\n @extends Ember.View\n*/\nEmber.Select = Ember.View.extend(\n /** @scope Ember.Select.prototype */ {\n\n tagName: 'select',\n classNames: ['ember-select'],\n defaultTemplate: Ember.Handlebars.compile('{{#if view.prompt}}{{/if}}{{#each view.content}}{{view Ember.SelectOption contentBinding=\"this\"}}{{/each}}'),\n attributeBindings: ['multiple', 'tabindex'],\n\n /**\n The `multiple` attribute of the select element. Indicates whether multiple\n options can be selected.\n\n @type Boolean\n @default false\n */\n multiple: false,\n\n /**\n The list of options.\n\n If `optionLabelPath` and `optionValuePath` are not overridden, this should\n be a list of strings, which will serve simultaneously as labels and values.\n\n Otherwise, this should be a list of objects. For instance:\n\n content: Ember.A([\n { id: 1, firstName: 'Yehuda' },\n { id: 2, firstName: 'Tom' }\n ]),\n optionLabelPath: 'content.firstName',\n optionValuePath: 'content.id'\n\n @type Array\n @default null\n */\n content: null,\n\n /**\n When `multiple` is false, the element of `content` that is currently\n selected, if any.\n\n When `multiple` is true, an array of such elements.\n\n @type Object or Array\n @default null\n */\n selection: null,\n\n /**\n In single selection mode (when `multiple` is false), value can be used to get\n the current selection's value or set the selection by it's value.\n\n It is not currently supported in multiple selection mode.\n\n @type String\n @default null\n */\n value: Ember.computed(function(key, value) {\n if (arguments.length === 2) { return value; }\n\n var valuePath = get(this, 'optionValuePath').replace(/^content\\.?/, '');\n return valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection');\n }).property('selection').cacheable(),\n\n /**\n If given, a top-most dummy option will be rendered to serve as a user\n prompt.\n\n @type String\n @default null\n */\n prompt: null,\n\n /**\n The path of the option labels. See `content`.\n\n @type String\n @default 'content'\n */\n optionLabelPath: 'content',\n\n /**\n The path of the option values. See `content`.\n\n @type String\n @default 'content'\n */\n optionValuePath: 'content',\n\n _change: function() {\n if (get(this, 'multiple')) {\n this._changeMultiple();\n } else {\n this._changeSingle();\n }\n },\n\n selectionDidChange: Ember.observer(function() {\n var selection = get(this, 'selection'),\n isArray = Ember.isArray(selection);\n if (get(this, 'multiple')) {\n if (!isArray) {\n set(this, 'selection', Ember.A([selection]));\n return;\n }\n this._selectionDidChangeMultiple();\n } else {\n this._selectionDidChangeSingle();\n }\n }, 'selection'),\n\n valueDidChange: Ember.observer(function() {\n var content = get(this, 'content'),\n value = get(this, 'value'),\n valuePath = get(this, 'optionValuePath').replace(/^content\\.?/, ''),\n selectedValue = (valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection')),\n selection;\n\n if (value !== selectedValue) {\n selection = content.find(function(obj) {\n return value === (valuePath ? get(obj, valuePath) : obj);\n });\n\n this.set('selection', selection);\n }\n }, 'value'),\n\n\n _triggerChange: function() {\n var selection = get(this, 'selection');\n\n if (selection) { this.selectionDidChange(); }\n\n this._change();\n },\n\n _changeSingle: function() {\n var selectedIndex = this.$()[0].selectedIndex,\n content = get(this, 'content'),\n prompt = get(this, 'prompt');\n\n if (!content) { return; }\n if (prompt && selectedIndex === 0) { set(this, 'selection', null); return; }\n\n if (prompt) { selectedIndex -= 1; }\n set(this, 'selection', content.objectAt(selectedIndex));\n },\n\n _changeMultiple: function() {\n var options = this.$('option:selected'),\n prompt = get(this, 'prompt'),\n offset = prompt ? 1 : 0,\n content = get(this, 'content');\n\n if (!content){ return; }\n if (options) {\n var selectedIndexes = options.map(function(){\n return this.index - offset;\n }).toArray();\n set(this, 'selection', content.objectsAt(selectedIndexes));\n }\n },\n\n _selectionDidChangeSingle: function() {\n var el = this.get('element');\n if (!el) { return; }\n\n var content = get(this, 'content'),\n selection = get(this, 'selection'),\n selectionIndex = content ? indexOf(content, selection) : -1,\n prompt = get(this, 'prompt');\n\n if (prompt) { selectionIndex += 1; }\n if (el) { el.selectedIndex = selectionIndex; }\n },\n\n _selectionDidChangeMultiple: function() {\n var content = get(this, 'content'),\n selection = get(this, 'selection'),\n selectedIndexes = content ? indexesOf(content, selection) : [-1],\n prompt = get(this, 'prompt'),\n offset = prompt ? 1 : 0,\n options = this.$('option'),\n adjusted;\n\n if (options) {\n options.each(function() {\n adjusted = this.index > -1 ? this.index + offset : -1;\n this.selected = indexOf(selectedIndexes, adjusted) > -1;\n });\n }\n },\n\n init: function() {\n this._super();\n this.on(\"didInsertElement\", this, this._triggerChange);\n this.on(\"change\", this, this._change);\n }\n});\n\nEmber.SelectOption = Ember.View.extend({\n tagName: 'option',\n attributeBindings: ['value', 'selected'],\n\n defaultTemplate: function(context, options) {\n options = { data: options.data, hash: {} };\n Ember.Handlebars.helpers.bind.call(context, \"view.label\", options);\n },\n\n init: function() {\n this.labelPathDidChange();\n this.valuePathDidChange();\n\n this._super();\n },\n\n selected: Ember.computed(function() {\n var content = get(this, 'content'),\n selection = get(this, 'parentView.selection');\n if (get(this, 'parentView.multiple')) {\n return selection && indexOf(selection, content) > -1;\n } else {\n // Primitives get passed through bindings as objects... since\n // `new Number(4) !== 4`, we use `==` below\n return content == selection;\n }\n }).property('content', 'parentView.selection').volatile(),\n\n labelPathDidChange: Ember.observer(function() {\n var labelPath = get(this, 'parentView.optionLabelPath');\n\n if (!labelPath) { return; }\n\n Ember.defineProperty(this, 'label', Ember.computed(function() {\n return get(this, labelPath);\n }).property(labelPath).cacheable());\n }, 'parentView.optionLabelPath'),\n\n valuePathDidChange: Ember.observer(function() {\n var valuePath = get(this, 'parentView.optionValuePath');\n\n if (!valuePath) { return; }\n\n Ember.defineProperty(this, 'value', Ember.computed(function() {\n return get(this, valuePath);\n }).property(valuePath).cacheable());\n }, 'parentView.optionValuePath')\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/controls/select");minispade.register('ember-handlebars/controls/tabs', "(function() {minispade.require(\"ember-handlebars/controls/tabs/tab_container_view\");\nminispade.require(\"ember-handlebars/controls/tabs/tab_pane_view\");\nminispade.require(\"ember-handlebars/controls/tabs/tab_view\");\n\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs");minispade.register('ember-handlebars/controls/tabs/tab_container_view', "(function() {Ember.TabContainerView = Ember.View.extend({\n init: function() {\n Ember.deprecate(\"Ember.TabContainerView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_container_view");minispade.register('ember-handlebars/controls/tabs/tab_pane_view', "(function() {var get = Ember.get;\n\nEmber.TabPaneView = Ember.View.extend({\n tabsContainer: Ember.computed(function() {\n return this.nearestInstanceOf(Ember.TabContainerView);\n }).property().volatile(),\n\n isVisible: Ember.computed(function() {\n return get(this, 'viewName') === get(this, 'tabsContainer.currentView');\n }).property('tabsContainer.currentView').volatile(),\n\n init: function() {\n Ember.deprecate(\"Ember.TabPaneView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_pane_view");minispade.register('ember-handlebars/controls/tabs/tab_view', "(function() {var get = Ember.get, setPath = Ember.setPath;\n\nEmber.TabView = Ember.View.extend({\n tabsContainer: Ember.computed(function() {\n return this.nearestInstanceOf(Ember.TabContainerView);\n }).property().volatile(),\n\n mouseUp: function() {\n setPath(this, 'tabsContainer.currentView', get(this, 'value'));\n },\n\n init: function() {\n Ember.deprecate(\"Ember.TabView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_view");minispade.register('ember-handlebars/controls/text_area', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/controls/text_support\");\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n The `Ember.TextArea` view class renders a\n [textarea](https://developer.mozilla.org/en/HTML/Element/textarea) element.\n It allows for binding Ember properties to the text area contents (`value`),\n live-updating as the user inputs text.\n\n ## Layout and LayoutName properties\n\n Because HTML `textarea` elements do not contain inner HTML the `layout` and `layoutName` \n properties will not be applied. See `Ember.View`'s layout section for more information.\n\n @extends Ember.View\n @extends Ember.TextSupport\n*/\nEmber.TextArea = Ember.View.extend(Ember.TextSupport,\n/** @scope Ember.TextArea.prototype */ {\n\n classNames: ['ember-text-area'],\n\n tagName: \"textarea\",\n attributeBindings: ['rows', 'cols'],\n rows: null,\n cols: null,\n\n _updateElementValue: Ember.observer(function() {\n // We do this check so cursor position doesn't get affected in IE\n var value = get(this, 'value'),\n $el = this.$();\n if ($el && value !== $el.val()) {\n $el.val(value);\n }\n }, 'value'),\n\n /** @private */\n init: function() {\n this._super();\n this.on(\"didInsertElement\", this, this._updateElementValue);\n }\n\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_area");minispade.register('ember-handlebars/controls/text_field', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/controls/text_support\");\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n The `Ember.TextField` view class renders a text\n [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It\n allows for binding Ember properties to the text field contents (`value`),\n live-updating as the user inputs text.\n\n Example:\n\n {{view Ember.TextField valueBinding=\"firstName\"}}\n\n ## Layout and LayoutName properties\n Because HTML `input` elements are self closing `layout` and `layoutName` properties will\n not be applied. See `Ember.View`'s layout section for more information.\n\n @extends Ember.View\n @extends Ember.TextSupport\n*/\nEmber.TextField = Ember.View.extend(Ember.TextSupport,\n /** @scope Ember.TextField.prototype */ {\n\n classNames: ['ember-text-field'],\n tagName: \"input\",\n attributeBindings: ['type', 'value', 'size'],\n\n /**\n The value attribute of the input element. As the user inputs text, this\n property is updated live.\n\n @type String\n @default \"\"\n */\n value: \"\",\n\n /**\n The type attribute of the input element.\n\n @type String\n @default \"text\"\n */\n type: \"text\",\n\n /**\n The size of the text field in characters.\n\n @type String\n @default null\n */\n size: null\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_field");minispade.register('ember-handlebars/controls/text_support', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\n\nvar get = Ember.get, set = Ember.set;\n\n/** @class */\nEmber.TextSupport = Ember.Mixin.create(\n/** @scope Ember.TextSupport.prototype */ {\n\n value: \"\",\n\n attributeBindings: ['placeholder', 'disabled', 'maxlength', 'tabindex'],\n placeholder: null,\n disabled: false,\n maxlength: null,\n\n insertNewline: Ember.K,\n cancel: Ember.K,\n\n /** @private */\n init: function() {\n this._super();\n this.on(\"focusOut\", this, this._elementValueDidChange);\n this.on(\"change\", this, this._elementValueDidChange);\n this.on(\"keyUp\", this, this.interpretKeyEvents);\n },\n\n /**\n @private\n */\n interpretKeyEvents: function(event) {\n var map = Ember.TextSupport.KEY_EVENTS;\n var method = map[event.keyCode];\n\n this._elementValueDidChange();\n if (method) { return this[method](event); }\n },\n\n _elementValueDidChange: function() {\n set(this, 'value', this.$().val());\n }\n\n});\n\nEmber.TextSupport.KEY_EVENTS = {\n 13: 'insertNewline',\n 27: 'cancel'\n};\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_support");minispade.register('ember-handlebars/ext', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\nminispade.require(\"ember-views/system/render_buffer\");\n\nvar objectCreate = Ember.create;\n\n/**\n @namespace\n @name Handlebars\n @private\n*/\n\n/**\n @namespace\n @name Handlebars.helpers\n @description Helpers for Handlebars templates\n*/\n\nEmber.assert(\"Ember Handlebars requires Handlebars 1.0.beta.5 or greater\", window.Handlebars && window.Handlebars.VERSION.match(/^1\\.0\\.beta\\.[56789]$|^1\\.0\\.rc\\.[123456789]+/));\n\n/**\n @class\n\n Prepares the Handlebars templating library for use inside Ember's view\n system.\n\n The Ember.Handlebars object is the standard Handlebars library, extended to use\n Ember's get() method instead of direct property access, which allows\n computed properties to be used inside templates.\n\n To create an Ember.Handlebars template, call Ember.Handlebars.compile(). This will\n return a function that can be used by Ember.View for rendering.\n*/\nEmber.Handlebars = objectCreate(Handlebars);\n\nEmber.Handlebars.helpers = objectCreate(Handlebars.helpers);\n\n/**\n Override the the opcode compiler and JavaScript compiler for Handlebars.\n @private\n*/\nEmber.Handlebars.Compiler = function() {};\nEmber.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype);\nEmber.Handlebars.Compiler.prototype.compiler = Ember.Handlebars.Compiler;\n\n/** @private */\nEmber.Handlebars.JavaScriptCompiler = function() {};\nEmber.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype);\nEmber.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler;\nEmber.Handlebars.JavaScriptCompiler.prototype.namespace = \"Ember.Handlebars\";\n\n\nEmber.Handlebars.JavaScriptCompiler.prototype.initializeBuffer = function() {\n return \"''\";\n};\n\n/**\n Override the default buffer for Ember Handlebars. By default, Handlebars creates\n an empty String at the beginning of each invocation and appends to it. Ember's\n Handlebars overrides this to append to a single shared buffer.\n\n @private\n*/\nEmber.Handlebars.JavaScriptCompiler.prototype.appendToBuffer = function(string) {\n return \"data.buffer.push(\"+string+\");\";\n};\n\n/**\n Rewrite simple mustaches from {{foo}} to {{bind \"foo\"}}. This means that all simple\n mustaches in Ember's Handlebars will also set up an observer to keep the DOM\n up to date when the underlying property changes.\n\n @private\n*/\nEmber.Handlebars.Compiler.prototype.mustache = function(mustache) {\n if (mustache.params.length || mustache.hash) {\n return Handlebars.Compiler.prototype.mustache.call(this, mustache);\n } else {\n var id = new Handlebars.AST.IdNode(['_triageMustache']);\n\n // Update the mustache node to include a hash value indicating whether the original node\n // was escaped. This will allow us to properly escape values when the underlying value\n // changes and we need to re-render the value.\n if(!mustache.escaped) {\n mustache.hash = mustache.hash || new Handlebars.AST.HashNode([]);\n mustache.hash.pairs.push([\"unescaped\", new Handlebars.AST.StringNode(\"true\")]);\n }\n mustache = new Handlebars.AST.MustacheNode([id].concat([mustache.id]), mustache.hash, !mustache.escaped);\n return Handlebars.Compiler.prototype.mustache.call(this, mustache);\n }\n};\n\n/**\n Used for precompilation of Ember Handlebars templates. This will not be used during normal\n app execution.\n\n @param {String} string The template to precompile\n*/\nEmber.Handlebars.precompile = function(string) {\n var ast = Handlebars.parse(string);\n\n var options = {\n knownHelpers: {\n action: true,\n unbound: true,\n bindAttr: true,\n template: true,\n view: true,\n _triageMustache: true\n },\n data: true,\n stringParams: true\n };\n\n var environment = new Ember.Handlebars.Compiler().compile(ast, options);\n return new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);\n};\n\n/**\n The entry point for Ember Handlebars. This replaces the default Handlebars.compile and turns on\n template-local data and String parameters.\n\n @param {String} string The template to compile\n*/\nEmber.Handlebars.compile = function(string) {\n var ast = Handlebars.parse(string);\n var options = { data: true, stringParams: true };\n var environment = new Ember.Handlebars.Compiler().compile(ast, options);\n var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);\n\n return Handlebars.template(templateSpec);\n};\n\n/**\n If a path starts with a reserved keyword, returns the root\n that should be used.\n\n @private\n*/\nvar normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) {\n var keywords = (data && data.keywords) || {},\n keyword, isKeyword;\n\n // Get the first segment of the path. For example, if the\n // path is \"foo.bar.baz\", returns \"foo\".\n keyword = path.split('.', 1)[0];\n\n // Test to see if the first path is a keyword that has been\n // passed along in the view's data hash. If so, we will treat\n // that object as the new root.\n if (keywords.hasOwnProperty(keyword)) {\n // Look up the value in the template's data hash.\n root = keywords[keyword];\n isKeyword = true;\n\n // Handle cases where the entire path is the reserved\n // word. In that case, return the object itself.\n if (path === keyword) {\n path = '';\n } else {\n // Strip the keyword from the path and look up\n // the remainder from the newly found root.\n path = path.substr(keyword.length+1);\n }\n }\n\n return { root: root, path: path, isKeyword: isKeyword };\n};\n/**\n Lookup both on root and on window. If the path starts with\n a keyword, the corresponding object will be looked up in the\n template's data hash and used to resolve the path.\n\n @param {Object} root The object to look up the property on\n @param {String} path The path to be lookedup\n @param {Object} options The template's option hash\n*/\n\nEmber.Handlebars.getPath = function(root, path, options) {\n var data = options && options.data,\n normalizedPath = normalizePath(root, path, data),\n value;\n\n // In cases where the path begins with a keyword, change the\n // root to the value represented by that keyword, and ensure\n // the path is relative to it.\n root = normalizedPath.root;\n path = normalizedPath.path;\n\n value = Ember.get(root, path);\n\n if (value === undefined && root !== window && Ember.isGlobalPath(path)) {\n value = Ember.get(window, path);\n }\n return value;\n};\n\n/**\n Registers a helper in Handlebars that will be called if no property with the\n given name can be found on the current context object, and no helper with\n that name is registered.\n\n This throws an exception with a more helpful error message so the user can\n track down where the problem is happening.\n\n @name Handlebars.helpers.helperMissing\n @param {String} path\n @param {Hash} options\n*/\nEmber.Handlebars.registerHelper('helperMissing', function(path, options) {\n var error, view = \"\";\n\n error = \"%@ Handlebars error: Could not find property '%@' on object %@.\";\n if (options.data){\n view = options.data.view;\n }\n throw new Ember.Error(Ember.String.fmt(error, [view, path, this]));\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/ext");minispade.register('ember-handlebars/helpers', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/helpers/binding\");\nminispade.require(\"ember-handlebars/helpers/collection\");\nminispade.require(\"ember-handlebars/helpers/view\");\nminispade.require(\"ember-handlebars/helpers/unbound\");\nminispade.require(\"ember-handlebars/helpers/debug\");\nminispade.require(\"ember-handlebars/helpers/each\");\nminispade.require(\"ember-handlebars/helpers/template\");\nminispade.require(\"ember-handlebars/helpers/action\");\nminispade.require(\"ember-handlebars/helpers/yield\");\nminispade.require(\"ember-handlebars/helpers/outlet\");\n\n})();\n//@ sourceURL=ember-handlebars/helpers");minispade.register('ember-handlebars/helpers/action', "(function() {minispade.require('ember-handlebars/ext');\n\nvar EmberHandlebars = Ember.Handlebars,\n getPath = EmberHandlebars.getPath,\n get = Ember.get,\n a_slice = Array.prototype.slice;\n\nvar ActionHelper = EmberHandlebars.ActionHelper = {\n registeredActions: {}\n};\n\nActionHelper.registerAction = function(actionName, options) {\n var actionId = (++Ember.$.uuid).toString();\n\n ActionHelper.registeredActions[actionId] = {\n eventName: options.eventName,\n handler: function(event) {\n var modifier = event.shiftKey || event.metaKey || event.altKey || event.ctrlKey,\n secondaryClick = event.which > 1, // IE9 may return undefined\n nonStandard = modifier || secondaryClick;\n\n if (options.link && nonStandard) {\n // Allow the browser to handle special link clicks normally\n return;\n }\n\n event.preventDefault();\n\n event.view = options.view;\n\n if (options.hasOwnProperty('context')) {\n event.context = options.context;\n }\n\n if (options.hasOwnProperty('contexts')) {\n event.contexts = options.contexts;\n }\n\n var target = options.target;\n\n // Check for StateManager (or compatible object)\n if (target.isState && typeof target.send === 'function') {\n return target.send(actionName, event);\n } else {\n Ember.assert(Ember.String.fmt('Target %@ does not have action %@', [target, actionName]), target[actionName]);\n return target[actionName].call(target, event);\n }\n }\n };\n\n options.view.on('willRerender', function() {\n delete ActionHelper.registeredActions[actionId];\n });\n\n return actionId;\n};\n\n/**\n The `{{action}}` helper registers an HTML element within a template for\n DOM event handling and forwards that interaction to the Application's router,\n the template's `Ember.View` instance, or supplied `target` option (see 'Specifiying a Target').\n \n User interaction with that element will invoke the supplied action name on\n the appropriate target.\n\n Given the following Handlebars template on the page\n\n \n\n And application code\n\n AView = Ember.View.extend({\n templateName; 'a-template',\n anActionName: function(event){}\n });\n\n aView = AView.create();\n aView.appendTo('body');\n\n Will results in the following rendered HTML\n\n
\n
\n click me\n
\n
\n\n Clicking \"click me\" will trigger the `anActionName` method of the `aView`\n object with a `jQuery.Event` object as its argument. The `jQuery.Event`\n object will be extended to include a `view` property that is set to the\n original view interacted with (in this case the `aView` object).\n\n ### Event Propagation\n\n Events triggered through the action helper will automatically have\n `.preventDefault()` called on them. You do not need to do so in your event\n handlers. To stop propagation of the event, simply return `false` from your\n handler.\n\n If you need the default handler to trigger you should either register your\n own event handler, or use event methods on your view class. See Ember.View\n 'Responding to Browser Events' for more information.\n \n ### Specifying DOM event type\n\n By default the `{{action}}` helper registers for DOM `click` events. You can\n supply an `on` option to the helper to specify a different DOM event name:\n\n \n\n See Ember.View 'Responding to Browser Events' for a list of\n acceptable DOM event names.\n\n Because `{{action}}` depends on Ember's event dispatch system it will only\n function if an `Ember.EventDispatcher` instance is available. An\n `Ember.EventDispatcher` instance will be created when a new\n `Ember.Application` is created. Having an instance of `Ember.Application`\n will satisfy this requirement.\n \n \n ### Specifying a Target\n There are several possible target objects for `{{action}}` helpers:\n \n In a typical `Ember.Router`-backed Application where views are managed\n through use of the `{{outlet}}` helper, actions will be forwarded to the\n current state of the Applications's Router. See Ember.Router 'Responding\n to User-initiated Events' for more information.\n \n If you manaully set the `target` property on the controller of a template's\n `Ember.View` instance, the specifed `controller.target` will become the target\n for any actions. Likely custom values for a controller's `target` are the\n controller itself or a StateManager other than the Application's Router.\n \n If the templates's view lacks a controller property the view itself is the target.\n \n Finally, a `target` option can be provided to the helper to change which object\n will receive the method call. This option must be a string representing a\n path to an object:\n\n \n\n Clicking \"click me\" in the rendered HTML of the above template will trigger\n the `anActionName` method of the object at `MyApplication.someObject`.\n The first argument to this method will be a `jQuery.Event` extended to\n include a `view` property that is set to the original view interacted with.\n\n A path relative to the template's `Ember.View` instance can also be used as\n a target:\n\n \n\n Clicking \"click me\" in the rendered HTML of the above template will trigger\n the `anActionName` method of the view's parent view.\n\n The `{{action}}` helper is `Ember.StateManager` aware. If the target of the\n action is an `Ember.StateManager` instance `{{action}}` will use the `send`\n functionality of StateManagers. The documentation for `Ember.StateManager`\n has additional information about this use.\n\n If an action's target does not implement a method that matches the supplied\n action name an error will be thrown.\n\n \n\n With the following application code\n\n AView = Ember.View.extend({\n templateName; 'a-template',\n // note: no method 'aMethodNameThatIsMissing'\n anActionName: function(event){}\n });\n\n aView = AView.create();\n aView.appendTo('body');\n\n Will throw `Uncaught TypeError: Cannot call method 'call' of undefined` when\n \"click me\" is clicked.\n \n ### Specifying a context\n\n By default the `{{action}}` helper passes the current Handlebars context\n along in the `jQuery.Event` object. You may specify an alternate object to\n pass as the context by providing a property path:\n\n \n\n @name Handlebars.helpers.action\n @param {String} actionName\n @param {Object...} contexts\n @param {Hash} options\n*/\nEmberHandlebars.registerHelper('action', function(actionName) {\n var options = arguments[arguments.length - 1],\n contexts = a_slice.call(arguments, 1, -1);\n\n var hash = options.hash,\n view = options.data.view,\n target, controller, link;\n\n // create a hash to pass along to registerAction\n var action = {\n eventName: hash.on || \"click\"\n };\n\n action.view = view = get(view, 'concreteView');\n\n if (hash.target) {\n target = getPath(this, hash.target, options);\n } else if (controller = options.data.keywords.controller) {\n target = get(controller, 'target');\n }\n\n action.target = target = target || view;\n\n if (contexts.length) {\n action.contexts = contexts = Ember.EnumerableUtils.map(contexts, function(context) {\n return getPath(this, context, options);\n }, this);\n action.context = contexts[0];\n }\n\n var output = [], url;\n\n if (hash.href && target.urlForEvent) {\n url = target.urlForEvent.apply(target, [actionName].concat(contexts));\n output.push('href=\"' + url + '\"');\n action.link = true;\n }\n\n var actionId = ActionHelper.registerAction(actionName, action);\n output.push('data-ember-action=\"' + actionId + '\"');\n\n return new EmberHandlebars.SafeString(output.join(\" \"));\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/action");minispade.register('ember-handlebars/helpers/binding', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-handlebars/ext');\nminispade.require('ember-handlebars/views/handlebars_bound_view');\nminispade.require('ember-handlebars/views/metamorph_view');\n\nvar get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\nvar getPath = Ember.Handlebars.getPath, normalizePath = Ember.Handlebars.normalizePath;\nvar forEach = Ember.ArrayPolyfills.forEach;\n\nvar EmberHandlebars = Ember.Handlebars, helpers = EmberHandlebars.helpers;\n\n// Binds a property into the DOM. This will create a hook in DOM that the\n// KVO system will look for and update if the property changes.\n/** @private */\nfunction bind(property, options, preserveContext, shouldDisplay, valueNormalizer) {\n var data = options.data,\n fn = options.fn,\n inverse = options.inverse,\n view = data.view,\n currentContext = this,\n pathRoot, path, normalized;\n\n normalized = normalizePath(currentContext, property, data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n\n // Set up observers for observable objects\n if ('object' === typeof this) {\n // Create the view that will wrap the output of this template/property\n // and add it to the nearest view's childViews array.\n // See the documentation of Ember._HandlebarsBoundView for more.\n var bindView = view.createChildView(Ember._HandlebarsBoundView, {\n preserveContext: preserveContext,\n shouldDisplayFunc: shouldDisplay,\n valueNormalizerFunc: valueNormalizer,\n displayTemplate: fn,\n inverseTemplate: inverse,\n path: path,\n pathRoot: pathRoot,\n previousContext: currentContext,\n isEscaped: !options.hash.unescaped,\n templateData: options.data\n });\n\n view.appendChild(bindView);\n\n /** @private */\n var observer = function() {\n Ember.run.once(bindView, 'rerenderIfNeeded');\n };\n\n // Observes the given property on the context and\n // tells the Ember._HandlebarsBoundView to re-render. If property\n // is an empty string, we are printing the current context\n // object ({{this}}) so updating it is not our responsibility.\n if (path !== '') {\n Ember.addObserver(pathRoot, path, observer);\n }\n } else {\n // The object is not observable, so just render it out and\n // be done with it.\n data.buffer.push(getPath(pathRoot, path, options));\n }\n}\n\n/**\n '_triageMustache' is used internally select between a binding and helper for\n the given context. Until this point, it would be hard to determine if the\n mustache is a property reference or a regular helper reference. This triage\n helper resolves that.\n\n This would not be typically invoked by directly.\n\n @private\n @name Handlebars.helpers._triageMustache\n @param {String} property Property/helperID to triage\n @param {Function} fn Context to provide for rendering\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('_triageMustache', function(property, fn) {\n Ember.assert(\"You cannot pass more than one argument to the _triageMustache helper\", arguments.length <= 2);\n if (helpers[property]) {\n return helpers[property].call(this, fn);\n }\n else {\n return helpers.bind.apply(this, arguments);\n }\n});\n\n/**\n `bind` can be used to display a value, then update that value if it\n changes. For example, if you wanted to print the `title` property of\n `content`:\n\n {{bind \"content.title\"}}\n\n This will return the `title` property as a string, then create a new\n observer at the specified path. If it changes, it will update the value in\n DOM. Note that if you need to support IE7 and IE8 you must modify the\n model objects properties using Ember.get() and Ember.set() for this to work as\n it relies on Ember's KVO system. For all other browsers this will be handled\n for you automatically.\n\n @private\n @name Handlebars.helpers.bind\n @param {String} property Property to bind\n @param {Function} fn Context to provide for rendering\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('bind', function(property, fn) {\n Ember.assert(\"You cannot pass more than one argument to the bind helper\", arguments.length <= 2);\n\n var context = (fn.contexts && fn.contexts[0]) || this;\n\n return bind.call(context, property, fn, false, function(result) {\n return !Ember.none(result);\n });\n});\n\n/**\n Use the `boundIf` helper to create a conditional that re-evaluates\n whenever the bound value changes.\n\n {{#boundIf \"content.shouldDisplayTitle\"}}\n {{content.title}}\n {{/boundIf}}\n\n @private\n @name Handlebars.helpers.boundIf\n @param {String} property Property to bind\n @param {Function} fn Context to provide for rendering\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('boundIf', function(property, fn) {\n var context = (fn.contexts && fn.contexts[0]) || this;\n var func = function(result) {\n if (Ember.typeOf(result) === 'array') {\n return get(result, 'length') !== 0;\n } else {\n return !!result;\n }\n };\n\n return bind.call(context, property, fn, true, func, func);\n});\n\n/**\n @name Handlebars.helpers.with\n @param {Function} context\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('with', function(context, options) {\n if (arguments.length === 4) {\n var keywordName, path, rootPath, normalized;\n\n Ember.assert(\"If you pass more than one argument to the with helper, it must be in the form #with foo as bar\", arguments[1] === \"as\");\n options = arguments[3];\n keywordName = arguments[2];\n path = arguments[0];\n\n Ember.assert(\"You must pass a block to the with helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n if (Ember.isGlobalPath(path)) {\n Ember.bind(options.data.keywords, keywordName, path);\n } else {\n normalized = normalizePath(this, path, options.data);\n path = normalized.path;\n rootPath = normalized.root;\n\n // This is a workaround for the fact that you cannot bind separate objects\n // together. When we implement that functionality, we should use it here.\n var contextKey = Ember.$.expando + Ember.guidFor(rootPath);\n options.data.keywords[contextKey] = rootPath;\n\n // if the path is '' (\"this\"), just bind directly to the current context\n var contextPath = path ? contextKey + '.' + path : contextKey;\n Ember.bind(options.data.keywords, keywordName, contextPath);\n }\n\n return bind.call(this, path, options.fn, true, function(result) {\n return !Ember.none(result);\n });\n } else {\n Ember.assert(\"You must pass exactly one argument to the with helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the with helper\", options.fn && options.fn !== Handlebars.VM.noop);\n return helpers.bind.call(options.contexts[0], context, options);\n }\n});\n\n\n/**\n @name Handlebars.helpers.if\n @param {Function} context\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('if', function(context, options) {\n Ember.assert(\"You must pass exactly one argument to the if helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the if helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n return helpers.boundIf.call(options.contexts[0], context, options);\n});\n\n/**\n @name Handlebars.helpers.unless\n @param {Function} context\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('unless', function(context, options) {\n Ember.assert(\"You must pass exactly one argument to the unless helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the unless helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n var fn = options.fn, inverse = options.inverse;\n\n options.fn = inverse;\n options.inverse = fn;\n\n return helpers.boundIf.call(options.contexts[0], context, options);\n});\n\n/**\n `bindAttr` allows you to create a binding between DOM element attributes and\n Ember objects. For example:\n\n \"imageTitle\"}}\n\n @name Handlebars.helpers.bindAttr\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('bindAttr', function(options) {\n\n var attrs = options.hash;\n\n Ember.assert(\"You must specify at least one hash argument to bindAttr\", !!Ember.keys(attrs).length);\n\n var view = options.data.view;\n var ret = [];\n var ctx = this;\n\n // Generate a unique id for this element. This will be added as a\n // data attribute to the element so it can be looked up when\n // the bound property changes.\n var dataId = ++Ember.$.uuid;\n\n // Handle classes differently, as we can bind multiple classes\n var classBindings = attrs['class'];\n if (classBindings !== null && classBindings !== undefined) {\n var classResults = EmberHandlebars.bindClasses(this, classBindings, view, dataId, options);\n ret.push('class=\"' + Handlebars.Utils.escapeExpression(classResults.join(' ')) + '\"');\n delete attrs['class'];\n }\n\n var attrKeys = Ember.keys(attrs);\n\n // For each attribute passed, create an observer and emit the\n // current value of the property as an attribute.\n forEach.call(attrKeys, function(attr) {\n var path = attrs[attr],\n pathRoot, normalized;\n\n Ember.assert(fmt(\"You must provide a String for a bound attribute, not %@\", [path]), typeof path === 'string');\n\n normalized = normalizePath(ctx, path, options.data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n\n var value = (path === 'this') ? pathRoot : getPath(pathRoot, path, options),\n type = Ember.typeOf(value);\n\n Ember.assert(fmt(\"Attributes must be numbers, strings or booleans, not %@\", [value]), value === null || value === undefined || type === 'number' || type === 'string' || type === 'boolean');\n\n var observer, invoker;\n\n /** @private */\n observer = function observer() {\n var result = getPath(pathRoot, path, options);\n\n Ember.assert(fmt(\"Attributes must be numbers, strings or booleans, not %@\", [result]), result === null || result === undefined || typeof result === 'number' || typeof result === 'string' || typeof result === 'boolean');\n\n var elem = view.$(\"[data-bindattr-\" + dataId + \"='\" + dataId + \"']\");\n\n // If we aren't able to find the element, it means the element\n // to which we were bound has been removed from the view.\n // In that case, we can assume the template has been re-rendered\n // and we need to clean up the observer.\n if (elem.length === 0) {\n Ember.removeObserver(pathRoot, path, invoker);\n return;\n }\n\n Ember.View.applyAttributeBindings(elem, attr, result);\n };\n\n /** @private */\n invoker = function() {\n Ember.run.once(observer);\n };\n\n // Add an observer to the view for when the property changes.\n // When the observer fires, find the element using the\n // unique data id and update the attribute to the new value.\n if (path !== 'this') {\n Ember.addObserver(pathRoot, path, invoker);\n }\n\n // if this changes, also change the logic in ember-views/lib/views/view.js\n if ((type === 'string' || (type === 'number' && !isNaN(value)))) {\n ret.push(attr + '=\"' + Handlebars.Utils.escapeExpression(value) + '\"');\n } else if (value && type === 'boolean') {\n // The developer controls the attr name, so it should always be safe\n ret.push(attr + '=\"' + attr + '\"');\n }\n }, this);\n\n // Add the unique identifier\n // NOTE: We use all lower-case since Firefox has problems with mixed case in SVG\n ret.push('data-bindattr-' + dataId + '=\"' + dataId + '\"');\n return new EmberHandlebars.SafeString(ret.join(' '));\n});\n\n/**\n Helper that, given a space-separated string of property paths and a context,\n returns an array of class names. Calling this method also has the side\n effect of setting up observers at those property paths, such that if they\n change, the correct class name will be reapplied to the DOM element.\n\n For example, if you pass the string \"fooBar\", it will first look up the\n \"fooBar\" value of the context. If that value is true, it will add the\n \"foo-bar\" class to the current element (i.e., the dasherized form of\n \"fooBar\"). If the value is a string, it will add that string as the class.\n Otherwise, it will not add any new class name.\n\n @param {Ember.Object} context\n The context from which to lookup properties\n\n @param {String} classBindings\n A string, space-separated, of class bindings to use\n\n @param {Ember.View} view\n The view in which observers should look for the element to update\n\n @param {Srting} bindAttrId\n Optional bindAttr id used to lookup elements\n\n @returns {Array} An array of class names to add\n*/\nEmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, options) {\n var ret = [], newClass, value, elem;\n\n // Helper method to retrieve the property from the context and\n // determine which class string to return, based on whether it is\n // a Boolean or not.\n var classStringForPath = function(root, parsedPath, options) {\n var val,\n path = parsedPath.path;\n\n if (path === 'this') {\n val = root;\n } else if (path === '') {\n val = true;\n } else {\n val = getPath(root, path, options);\n }\n\n return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);\n };\n\n // For each property passed, loop through and setup\n // an observer.\n forEach.call(classBindings.split(' '), function(binding) {\n\n // Variable in which the old class value is saved. The observer function\n // closes over this variable, so it knows which string to remove when\n // the property changes.\n var oldClass;\n\n var observer, invoker;\n\n var parsedPath = Ember.View._parsePropertyPath(binding),\n path = parsedPath.path,\n pathRoot = context,\n normalized;\n\n if (path !== '' && path !== 'this') {\n normalized = normalizePath(context, path, options.data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n }\n\n // Set up an observer on the context. If the property changes, toggle the\n // class name.\n /** @private */\n observer = function() {\n // Get the current value of the property\n newClass = classStringForPath(pathRoot, parsedPath, options);\n elem = bindAttrId ? view.$(\"[data-bindattr-\" + bindAttrId + \"='\" + bindAttrId + \"']\") : view.$();\n\n // If we can't find the element anymore, a parent template has been\n // re-rendered and we've been nuked. Remove the observer.\n if (elem.length === 0) {\n Ember.removeObserver(pathRoot, path, invoker);\n } else {\n // If we had previously added a class to the element, remove it.\n if (oldClass) {\n elem.removeClass(oldClass);\n }\n\n // If necessary, add a new class. Make sure we keep track of it so\n // it can be removed in the future.\n if (newClass) {\n elem.addClass(newClass);\n oldClass = newClass;\n } else {\n oldClass = null;\n }\n }\n };\n\n /** @private */\n invoker = function() {\n Ember.run.once(observer);\n };\n\n if (path !== '' && path !== 'this') {\n Ember.addObserver(pathRoot, path, invoker);\n }\n\n // We've already setup the observer; now we just need to figure out the\n // correct behavior right now on the first pass through.\n value = classStringForPath(pathRoot, parsedPath, options);\n\n if (value) {\n ret.push(value);\n\n // Make sure we save the current value so that it can be removed if the\n // observer fires.\n oldClass = value;\n }\n });\n\n return ret;\n};\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/binding");minispade.register('ember-handlebars/helpers/collection', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\n\n// TODO: Don't require all of this module\nminispade.require('ember-handlebars');\nminispade.require('ember-handlebars/helpers/view');\n\nvar get = Ember.get, getPath = Ember.Handlebars.getPath, fmt = Ember.String.fmt;\n\n/**\n `{{collection}}` is a `Ember.Handlebars` helper for adding instances of\n `Ember.CollectionView` to a template. See `Ember.CollectionView` for additional\n information on how a `CollectionView` functions.\n\n `{{collection}}`'s primary use is as a block helper with a `contentBinding` option\n pointing towards an `Ember.Array`-compatible object. An `Ember.View` instance will\n be created for each item in its `content` property. Each view will have its own\n `content` property set to the appropriate item in the collection.\n\n The provided block will be applied as the template for each item's view.\n\n Given an empty `` the following template:\n\n \n\n And the following application code\n\n App = Ember.Application.create()\n App.items = [\n Ember.Object.create({name: 'Dave'}),\n Ember.Object.create({name: 'Mary'}),\n Ember.Object.create({name: 'Sara'})\n ]\n\n Will result in the HTML structure below\n\n
\n
Hi Dave
\n
Hi Mary
\n
Hi Sara
\n
\n\n ### Blockless Use\n If you provide an `itemViewClass` option that has its own `template` you can omit\n the block.\n\n The following template:\n\n \n\n And application code\n\n App = Ember.Application.create()\n App.items = [\n Ember.Object.create({name: 'Dave'}),\n Ember.Object.create({name: 'Mary'}),\n Ember.Object.create({name: 'Sara'})\n ]\n\n App.AnItemView = Ember.View.extend({\n template: Ember.Handlebars.compile(\"Greetings {{content.name}}\")\n })\n\n Will result in the HTML structure below\n\n
\n
Greetings Dave
\n
Greetings Mary
\n
Greetings Sara
\n
\n\n ### Specifying a CollectionView subclass\n By default the `{{collection}}` helper will create an instance of `Ember.CollectionView`.\n You can supply a `Ember.CollectionView` subclass to the helper by passing it\n as the first argument:\n\n \n\n\n ### Forwarded `item.*`-named Options\n As with the `{{view}}`, helper options passed to the `{{collection}}` will be set on\n the resulting `Ember.CollectionView` as properties. Additionally, options prefixed with\n `item` will be applied to the views rendered for each item (note the camelcasing):\n\n \n\n Will result in the following HTML structure:\n\n
\n

Howdy Dave

\n

Howdy Mary

\n

Howdy Sara

\n
\n \n @name Handlebars.helpers.collection\n @param {String} path\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmber.Handlebars.registerHelper('collection', function(path, options) {\n // If no path is provided, treat path param as options.\n if (path && path.data && path.data.isRenderData) {\n options = path;\n path = undefined;\n Ember.assert(\"You cannot pass more than one argument to the collection helper\", arguments.length === 1);\n } else {\n Ember.assert(\"You cannot pass more than one argument to the collection helper\", arguments.length === 2);\n }\n\n var fn = options.fn;\n var data = options.data;\n var inverse = options.inverse;\n\n // If passed a path string, convert that into an object.\n // Otherwise, just default to the standard class.\n var collectionClass;\n collectionClass = path ? getPath(this, path, options) : Ember.CollectionView;\n Ember.assert(fmt(\"%@ #collection: Could not find collection class %@\", [data.view, path]), !!collectionClass);\n\n var hash = options.hash, itemHash = {}, match;\n\n // Extract item view class if provided else default to the standard class\n var itemViewClass, itemViewPath = hash.itemViewClass;\n var collectionPrototype = collectionClass.proto();\n delete hash.itemViewClass;\n itemViewClass = itemViewPath ? getPath(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass;\n Ember.assert(fmt(\"%@ #collection: Could not find itemViewClass %@\", [data.view, itemViewPath]), !!itemViewClass);\n\n // Go through options passed to the {{collection}} helper and extract options\n // that configure item views instead of the collection itself.\n for (var prop in hash) {\n if (hash.hasOwnProperty(prop)) {\n match = prop.match(/^item(.)(.*)$/);\n\n if(match) {\n // Convert itemShouldFoo -> shouldFoo\n itemHash[match[1].toLowerCase() + match[2]] = hash[prop];\n // Delete from hash as this will end up getting passed to the\n // {{view}} helper method.\n delete hash[prop];\n }\n }\n }\n\n var tagName = hash.tagName || collectionPrototype.tagName;\n\n if (fn) {\n itemHash.template = fn;\n delete options.fn;\n }\n\n var emptyViewClass;\n if (inverse && inverse !== Handlebars.VM.noop) {\n emptyViewClass = get(collectionPrototype, 'emptyViewClass');\n emptyViewClass = emptyViewClass.extend({\n template: inverse,\n tagName: itemHash.tagName\n });\n } else if (hash.emptyViewClass) {\n emptyViewClass = getPath(this, hash.emptyViewClass, options);\n }\n hash.emptyView = emptyViewClass;\n\n if (hash.eachHelper === 'each') {\n itemHash._context = Ember.computed(function() {\n return get(this, 'content');\n }).property('content');\n delete hash.eachHelper;\n }\n\n var viewOptions = Ember.Handlebars.ViewHelper.propertiesFromHTMLOptions({ data: data, hash: itemHash }, this);\n hash.itemViewClass = itemViewClass.extend(viewOptions);\n\n return Ember.Handlebars.helpers.view.call(this, collectionClass, options);\n});\n\n\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/collection");minispade.register('ember-handlebars/helpers/debug', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n/*jshint debug:true*/\nminispade.require('ember-handlebars/ext');\n\nvar getPath = Ember.Handlebars.getPath, normalizePath = Ember.Handlebars.normalizePath;\n\n/**\n `log` allows you to output the value of a value in the current rendering\n context.\n\n {{log myVariable}}\n\n @name Handlebars.helpers.log\n @param {String} property\n*/\nEmber.Handlebars.registerHelper('log', function(property, options) {\n var context = (options.contexts && options.contexts[0]) || this,\n normalized = normalizePath(context, property, options.data),\n pathRoot = normalized.root,\n path = normalized.path,\n value = (path === 'this') ? pathRoot : getPath(pathRoot, path, options);\n Ember.Logger.log(value);\n});\n\n/**\n The `debugger` helper executes the `debugger` statement in the current\n context.\n\n {{debugger}}\n\n @name Handlebars.helpers.debugger\n @param {String} property\n*/\nEmber.Handlebars.registerHelper('debugger', function() {\n debugger;\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/debug");minispade.register('ember-handlebars/helpers/each', "(function() {minispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/collection_view\");\nminispade.require(\"ember-handlebars/views/metamorph_view\");\n\nvar get = Ember.get, set = Ember.set;\n\nEmber.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, {\n itemViewClass: Ember._MetamorphView,\n emptyViewClass: Ember._MetamorphView,\n\n createChildView: function(view, attrs) {\n view = this._super(view, attrs);\n\n // At the moment, if a container view subclass wants\n // to insert keywords, it is responsible for cloning\n // the keywords hash. This will be fixed momentarily.\n var keyword = get(this, 'keyword');\n\n if (keyword) {\n var data = get(view, 'templateData');\n\n data = Ember.copy(data);\n data.keywords = view.cloneKeywords();\n set(view, 'templateData', data);\n\n var content = get(view, 'content');\n\n // In this case, we do not bind, because the `content` of\n // a #each item cannot change.\n data.keywords[keyword] = content;\n }\n\n return view;\n }\n});\n\nEmber.Handlebars.registerHelper('each', function(path, options) {\n if (arguments.length === 4) {\n Ember.assert(\"If you pass more than one argument to the each helper, it must be in the form #each foo in bar\", arguments[1] === \"in\");\n\n var keywordName = arguments[0];\n\n options = arguments[3];\n path = arguments[2];\n if (path === '') { path = \"this\"; }\n\n options.hash.keyword = keywordName;\n } else {\n options.hash.eachHelper = 'each';\n }\n\n Ember.assert(\"You must pass a block to the each helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n options.hash.contentBinding = path;\n // Set up emptyView as a metamorph with no tag\n //options.hash.emptyViewClass = Ember._MetamorphView;\n\n return Ember.Handlebars.helpers.collection.call(this, 'Ember.Handlebars.EachView', options);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/each");minispade.register('ember-handlebars/helpers/outlet', "(function() {minispade.require('ember-handlebars/helpers/view');\n\n/**\n The `outlet` helper allows you to specify that the current\n view's controller will fill in the view for a given area.\n\n {{outlet}}\n\n By default, when the the current controller's `view`\n property changes, the outlet will replace its current\n view with the new view.\n\n controller.set('view', someView);\n\n You can also specify a particular name, other than view:\n\n {{outlet masterView}}\n {{outlet detailView}}\n\n Then, you can control several outlets from a single\n controller:\n\n controller.set('masterView', postsView);\n controller.set('detailView', postView);\n\n @name Handlebars.helpers.outlet\n @param {String} property the property on the controller\n that holds the view for this outlet\n*/\nEmber.Handlebars.registerHelper('outlet', function(property, options) {\n if (property && property.data && property.data.isRenderData) {\n options = property;\n property = 'view';\n }\n\n options.hash.currentViewBinding = \"controller.\" + property;\n\n return Ember.Handlebars.helpers.view.call(this, Ember.ContainerView, options);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/outlet");minispade.register('ember-handlebars/helpers/template', "(function() {minispade.require('ember-handlebars/ext');\n\n/**\n `template` allows you to render a template from inside another template.\n This allows you to re-use the same template in multiple places. For example:\n\n \n\n \n\n This helper looks for templates in the global Ember.TEMPLATES hash. If you\n add <script> tags to your page with the `data-template-name` attribute set,\n they will be compiled and placed in this hash automatically.\n\n You can also manually register templates by adding them to the hash:\n\n Ember.TEMPLATES[\"my_cool_template\"] = Ember.Handlebars.compile('{{user}}');\n\n @name Handlebars.helpers.template\n @param {String} templateName the template to render\n*/\n\nEmber.Handlebars.registerHelper('template', function(name, options) {\n var template = Ember.TEMPLATES[name];\n\n Ember.assert(\"Unable to find template with name '\"+name+\"'.\", !!template);\n\n Ember.TEMPLATES[name](this, { data: options.data });\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/template");minispade.register('ember-handlebars/helpers/unbound', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\nminispade.require('ember-handlebars/ext');\n\nvar getPath = Ember.Handlebars.getPath;\n\n/**\n `unbound` allows you to output a property without binding. *Important:* The\n output will not be updated if the property changes. Use with caution.\n\n
{{unbound somePropertyThatDoesntChange}}
\n\n @name Handlebars.helpers.unbound\n @param {String} property\n @returns {String} HTML string\n*/\nEmber.Handlebars.registerHelper('unbound', function(property, fn) {\n var context = (fn.contexts && fn.contexts[0]) || this;\n return getPath(context, property, fn);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/unbound");minispade.register('ember-handlebars/helpers/view', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\n\n// TODO: Don't require the entire module\nminispade.require(\"ember-handlebars\");\n\nvar get = Ember.get, set = Ember.set;\nvar PARENT_VIEW_PATH = /^parentView\\./;\nvar EmberHandlebars = Ember.Handlebars;\nvar VIEW_PRESERVES_CONTEXT = Ember.VIEW_PRESERVES_CONTEXT;\n\n/** @private */\nEmberHandlebars.ViewHelper = Ember.Object.create({\n\n propertiesFromHTMLOptions: function(options, thisContext) {\n var hash = options.hash, data = options.data;\n var extensions = {},\n classes = hash['class'],\n dup = false;\n\n if (hash.id) {\n extensions.elementId = hash.id;\n dup = true;\n }\n\n if (classes) {\n classes = classes.split(' ');\n extensions.classNames = classes;\n dup = true;\n }\n\n if (hash.classBinding) {\n extensions.classNameBindings = hash.classBinding.split(' ');\n dup = true;\n }\n\n if (hash.classNameBindings) {\n if (extensions.classNameBindings === undefined) extensions.classNameBindings = [];\n extensions.classNameBindings = extensions.classNameBindings.concat(hash.classNameBindings.split(' '));\n dup = true;\n }\n\n if (hash.attributeBindings) {\n Ember.assert(\"Setting 'attributeBindings' via Handlebars is not allowed. Please subclass Ember.View and set it there instead.\");\n extensions.attributeBindings = null;\n dup = true;\n }\n\n if (dup) {\n hash = Ember.$.extend({}, hash);\n delete hash.id;\n delete hash['class'];\n delete hash.classBinding;\n }\n\n // Set the proper context for all bindings passed to the helper. This applies to regular attribute bindings\n // as well as class name bindings. If the bindings are local, make them relative to the current context\n // instead of the view.\n var path;\n\n // Evaluate the context of regular attribute bindings:\n for (var prop in hash) {\n if (!hash.hasOwnProperty(prop)) { continue; }\n\n // Test if the property ends in \"Binding\"\n if (Ember.IS_BINDING.test(prop) && typeof hash[prop] === 'string') {\n path = this.contextualizeBindingPath(hash[prop], data);\n if (path) { hash[prop] = path; }\n }\n }\n\n // Evaluate the context of class name bindings:\n if (extensions.classNameBindings) {\n for (var b in extensions.classNameBindings) {\n var full = extensions.classNameBindings[b];\n if (typeof full === 'string') {\n // Contextualize the path of classNameBinding so this:\n //\n // classNameBinding=\"isGreen:green\"\n //\n // is converted to this:\n //\n // classNameBinding=\"bindingContext.isGreen:green\"\n var parsedPath = Ember.View._parsePropertyPath(full);\n path = this.contextualizeBindingPath(parsedPath.path, data);\n if (path) { extensions.classNameBindings[b] = path + parsedPath.classNames; }\n }\n }\n }\n\n // Make the current template context available to the view\n // for the bindings set up above.\n extensions.bindingContext = thisContext;\n\n return Ember.$.extend(hash, extensions);\n },\n\n // Transform bindings from the current context to a context that can be evaluated within the view.\n // Returns null if the path shouldn't be changed.\n //\n // TODO: consider the addition of a prefix that would allow this method to return `path`.\n contextualizeBindingPath: function(path, data) {\n var normalized = Ember.Handlebars.normalizePath(null, path, data);\n if (normalized.isKeyword) {\n return 'templateData.keywords.' + path;\n } else if (Ember.isGlobalPath(path)) {\n return null;\n } else if (path === 'this') {\n return 'bindingContext';\n } else {\n return 'bindingContext.' + path;\n }\n },\n\n helper: function(thisContext, path, options) {\n var inverse = options.inverse,\n data = options.data,\n view = data.view,\n fn = options.fn,\n hash = options.hash,\n newView;\n\n if ('string' === typeof path) {\n newView = EmberHandlebars.getPath(thisContext, path, options);\n Ember.assert(\"Unable to find view at path '\" + path + \"'\", !!newView);\n } else {\n newView = path;\n }\n\n Ember.assert(Ember.String.fmt('You must pass a view class to the #view helper, not %@ (%@)', [path, newView]), Ember.View.detect(newView));\n\n var viewOptions = this.propertiesFromHTMLOptions(options, thisContext);\n var currentView = data.view;\n viewOptions.templateData = options.data;\n\n if (fn) {\n Ember.assert(\"You cannot provide a template block if you also specified a templateName\", !get(viewOptions, 'templateName') && !get(newView.proto(), 'templateName'));\n viewOptions.template = fn;\n }\n\n // We only want to override the `_context` computed property if there is\n // no specified controller. See View#_context for more information.\n if (VIEW_PRESERVES_CONTEXT && !newView.proto().controller && !newView.proto().controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) {\n viewOptions._context = thisContext;\n }\n\n currentView.appendChild(newView, viewOptions);\n }\n});\n\n/**\n `{{view}}` inserts a new instance of `Ember.View` into a template passing its options\n to the `Ember.View`'s `create` method and using the supplied block as the view's own template.\n\n An empty `` and the following template:\n\n \n\n Will result in HTML structure:\n\n \n \n\n
\n A span:\n \n Hello.\n \n
\n \n\n ### parentView setting\n\n The `parentView` property of the new `Ember.View` instance created through `{{view}}`\n will be set to the `Ember.View` instance of the template where `{{view}}` was called.\n\n aView = Ember.View.create({\n template: Ember.Handlebars.compile(\"{{#view}} my parent: {{parentView.elementId}} {{/view}}\")\n })\n\n aView.appendTo('body')\n \n Will result in HTML structure:\n\n
\n
\n my parent: ember1\n
\n
\n\n ### Setting CSS id and class attributes\n\n The HTML `id` attribute can be set on the `{{view}}`'s resulting element with the `id` option.\n This option will _not_ be passed to `Ember.View.create`.\n\n \n\n Results in the following HTML structure:\n\n
\n \n hello.\n \n
\n\n The HTML `class` attribute can be set on the `{{view}}`'s resulting element with\n the `class` or `classNameBindings` options. The `class` option\n will directly set the CSS `class` attribute and will not be passed to\n `Ember.View.create`. `classNameBindings` will be passed to `create` and use\n `Ember.View`'s class name binding functionality:\n\n \n\n Results in the following HTML structure:\n\n
\n \n hello.\n \n
\n\n ### Supplying a different view class\n `{{view}}` can take an optional first argument before its supplied options to specify a\n path to a custom view class.\n\n \n\n The first argument can also be a relative path. Ember will search for the view class\n starting at the `Ember.View` of the template where `{{view}}` was used as the root object:\n\n MyApp = Ember.Application.create({})\n MyApp.OuterView = Ember.View.extend({\n innerViewClass: Ember.View.extend({\n classNames: ['a-custom-view-class-as-property']\n }),\n template: Ember.Handlebars.compile('{{#view \"innerViewClass\"}} hi {{/view}}')\n })\n\n MyApp.OuterView.create().appendTo('body')\n\nWill result in the following HTML:\n\n
\n
\n hi\n
\n
\n\n ### Blockless use\n\n If you supply a custom `Ember.View` subclass that specifies its own template\n or provide a `templateName` option to `{{view}}` it can be used without supplying a block.\n Attempts to use both a `templateName` option and supply a block will throw an error.\n\n \n\n ### viewName property\n\n You can supply a `viewName` option to `{{view}}`. The `Ember.View` instance will\n be referenced as a property of its parent view by this name.\n\n aView = Ember.View.create({\n template: Ember.Handlebars.compile('{{#view viewName=\"aChildByName\"}} hi {{/view}}')\n })\n\n aView.appendTo('body')\n aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper\n\n @name Handlebars.helpers.view\n @param {String} path\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmberHandlebars.registerHelper('view', function(path, options) {\n Ember.assert(\"The view helper only takes a single argument\", arguments.length <= 2);\n\n // If no path is provided, treat path param as options.\n if (path && path.data && path.data.isRenderData) {\n options = path;\n path = \"Ember.View\";\n }\n\n return EmberHandlebars.ViewHelper.helper(this, path, options);\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/view");minispade.register('ember-handlebars/helpers/yield', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n\n When used in a Handlebars template that is assigned to an `Ember.View` instance's\n `layout` property Ember will render the layout template first, inserting the view's\n own rendered output at the `{{ yield }}` location.\n\n An empty `` and the following application code:\n\n AView = Ember.View.extend({\n classNames: ['a-view-with-layout'],\n layout: Ember.Handlebars.compile('
{{ yield }}
'),\n template: Ember.Handlebars.compile('I am wrapped')\n })\n\n aView = AView.create()\n aView.appendTo('body')\n\n Will result in the following HTML output:\n\n \n
\n
\n I am wrapped\n
\n
\n \n\n The yield helper cannot be used outside of a template assigned to an `Ember.View`'s `layout` property\n and will throw an error if attempted.\n\n BView = Ember.View.extend({\n classNames: ['a-view-with-layout'],\n template: Ember.Handlebars.compile('{{yield}}')\n })\n\n bView = BView.create()\n bView.appendTo('body')\n\n // throws\n // Uncaught Error: assertion failed: You called yield in a template that was not a layout\n\n @name Handlebars.helpers.yield\n @param {Hash} options\n @returns {String} HTML string\n*/\nEmber.Handlebars.registerHelper('yield', function(options) {\n var view = options.data.view, template;\n\n while (view && !get(view, 'layout')) {\n view = get(view, 'parentView');\n }\n\n Ember.assert(\"You called yield in a template that was not a layout\", !!view);\n\n template = get(view, 'template');\n\n if (template) { template(this, options); }\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/yield");minispade.register('ember-handlebars/loader', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\nminispade.require(\"ember-handlebars/ext\");\n\n// Find templates stored in the head tag as script tags and make them available\n// to Ember.CoreView in the global Ember.TEMPLATES object. This will be run as as\n// jQuery DOM-ready callback.\n//\n// Script tags with \"text/x-handlebars\" will be compiled\n// with Ember's Handlebars and are suitable for use as a view's template.\n// Those with type=\"text/x-raw-handlebars\" will be compiled with regular\n// Handlebars and are suitable for use in views' computed properties.\nEmber.Handlebars.bootstrap = function(ctx) {\n var selectors = 'script[type=\"text/x-handlebars\"], script[type=\"text/x-raw-handlebars\"]';\n\n Ember.$(selectors, ctx)\n .each(function() {\n // Get a reference to the script tag\n var script = Ember.$(this),\n type = script.attr('type');\n\n var compile = (script.attr('type') === 'text/x-raw-handlebars') ?\n Ember.$.proxy(Handlebars.compile, Handlebars) :\n Ember.$.proxy(Ember.Handlebars.compile, Ember.Handlebars),\n // Get the name of the script, used by Ember.View's templateName property.\n // First look for data-template-name attribute, then fall back to its\n // id if no name is found.\n templateName = script.attr('data-template-name') || script.attr('id'),\n template = compile(script.html()),\n view, viewPath, elementId, options;\n\n if (templateName) {\n // For templates which have a name, we save them and then remove them from the DOM\n Ember.TEMPLATES[templateName] = template;\n\n // Remove script tag from DOM\n script.remove();\n } else {\n if (script.parents('head').length !== 0) {\n // don't allow inline templates in the head\n throw new Ember.Error(\"Template found in without a name specified. \" +\n \"Please provide a data-template-name attribute.\\n\" +\n script.html());\n }\n\n // For templates which will be evaluated inline in the HTML document, instantiates a new\n // view, and replaces the script tag holding the template with the new\n // view's DOM representation.\n //\n // Users can optionally specify a custom view subclass to use by setting the\n // data-view attribute of the script tag.\n viewPath = script.attr('data-view');\n view = viewPath ? Ember.get(viewPath) : Ember.View;\n\n // Get the id of the script, used by Ember.View's elementId property,\n // Look for data-element-id attribute.\n elementId = script.attr('data-element-id');\n\n options = { template: template };\n if (elementId) { options.elementId = elementId; }\n\n view = view.create(options);\n\n view._insertElementLater(function() {\n script.replaceWith(this.$());\n\n // Avoid memory leak in IE\n script = null;\n });\n }\n });\n};\n\n/** @private */\nfunction bootstrap() {\n Ember.Handlebars.bootstrap( Ember.$(document) );\n}\n\n/*\n We tie this to application.load to ensure that we've at least\n attempted to bootstrap at the point that the application is loaded.\n\n We also tie this to document ready since we're guaranteed that all\n the inline templates are present at this point.\n\n There's no harm to running this twice, since we remove the templates\n from the DOM after processing.\n*/\n\nEmber.$(document).ready(bootstrap);\nEmber.onLoad('application', bootstrap);\n\n})();\n//@ sourceURL=ember-handlebars/loader");minispade.register('ember-handlebars', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-runtime\");\nminispade.require(\"ember-views\");\nminispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-handlebars/string\");\nminispade.require(\"ember-handlebars/helpers\");\nminispade.require(\"ember-handlebars/views\");\nminispade.require(\"ember-handlebars/controls\");\nminispade.require(\"ember-handlebars/loader\");\n\n})();\n//@ sourceURL=ember-handlebars");minispade.register('ember-handlebars/string', "(function() {\nEmber.String.htmlSafe = function(str) {\n return new Handlebars.SafeString(str);\n};\n\nvar htmlSafe = Ember.String.htmlSafe;\n\nif (Ember.EXTEND_PROTOTYPES) {\n\n /**\n @see Ember.String.htmlSafe\n */\n String.prototype.htmlSafe = function() {\n return htmlSafe(this);\n };\n\n}\n\n})();\n//@ sourceURL=ember-handlebars/string");minispade.register('ember-handlebars/views', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-handlebars/views/handlebars_bound_view\");\nminispade.require(\"ember-handlebars/views/metamorph_view\");\n\n})();\n//@ sourceURL=ember-handlebars/views");minispade.register('ember-handlebars/views/handlebars_bound_view', "(function() {// ==========================================================================\n// Project: Ember Handlebars Views\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Handlebars */\n\nvar get = Ember.get, set = Ember.set, getPath = Ember.Handlebars.getPath;\nminispade.require('ember-views/views/view');\nminispade.require('ember-handlebars/views/metamorph_view');\n\n/**\n @ignore\n @private\n @class\n\n Ember._HandlebarsBoundView is a private view created by the Handlebars `{{bind}}`\n helpers that is used to keep track of bound properties.\n\n Every time a property is bound using a `{{mustache}}`, an anonymous subclass\n of Ember._HandlebarsBoundView is created with the appropriate sub-template and\n context set up. When the associated property changes, just the template for\n this view will re-render.\n*/\nEmber._HandlebarsBoundView = Ember._MetamorphView.extend({\n/** @scope Ember._HandlebarsBoundView.prototype */\n\n /**\n The function used to determine if the `displayTemplate` or\n `inverseTemplate` should be rendered. This should be a function that takes\n a value and returns a Boolean.\n\n @type Function\n @default null\n */\n shouldDisplayFunc: null,\n\n /**\n Whether the template rendered by this view gets passed the context object\n of its parent template, or gets passed the value of retrieving `path`\n from the `pathRoot`.\n\n For example, this is true when using the `{{#if}}` helper, because the\n template inside the helper should look up properties relative to the same\n object as outside the block. This would be false when used with `{{#with\n foo}}` because the template should receive the object found by evaluating\n `foo`.\n\n @type Boolean\n @default false\n */\n preserveContext: false,\n\n /**\n If `preserveContext` is true, this is the object that will be used\n to render the template.\n\n @type Object\n */\n previousContext: null,\n\n /**\n The template to render when `shouldDisplayFunc` evaluates to true.\n\n @type Function\n @default null\n */\n displayTemplate: null,\n\n /**\n The template to render when `shouldDisplayFunc` evaluates to false.\n\n @type Function\n @default null\n */\n inverseTemplate: null,\n\n\n /**\n The path to look up on `pathRoot` that is passed to\n `shouldDisplayFunc` to determine which template to render.\n\n In addition, if `preserveContext` is false, the object at this path will\n be passed to the template when rendering.\n\n @type String\n @default null\n */\n path: null,\n\n /**\n The object from which the `path` will be looked up. Sometimes this is the\n same as the `previousContext`, but in cases where this view has been generated\n for paths that start with a keyword such as `view` or `controller`, the\n path root will be that resolved object.\n\n @type Object\n */\n pathRoot: null,\n\n normalizedValue: Ember.computed(function() {\n var path = get(this, 'path'),\n pathRoot = get(this, 'pathRoot'),\n valueNormalizer = get(this, 'valueNormalizerFunc'),\n result, templateData;\n\n // Use the pathRoot as the result if no path is provided. This\n // happens if the path is `this`, which gets normalized into\n // a `pathRoot` of the current Handlebars context and a path\n // of `''`.\n if (path === '') {\n result = pathRoot;\n } else {\n templateData = get(this, 'templateData');\n result = getPath(pathRoot, path, { data: templateData });\n }\n\n return valueNormalizer ? valueNormalizer(result) : result;\n }).property('path', 'pathRoot', 'valueNormalizerFunc').volatile(),\n\n rerenderIfNeeded: function() {\n if (!get(this, 'isDestroyed') && get(this, 'normalizedValue') !== this._lastNormalizedValue) {\n this.rerender();\n }\n },\n\n /**\n Determines which template to invoke, sets up the correct state based on\n that logic, then invokes the default Ember.View `render` implementation.\n\n This method will first look up the `path` key on `pathRoot`,\n then pass that value to the `shouldDisplayFunc` function. If that returns\n true, the `displayTemplate` function will be rendered to DOM. Otherwise,\n `inverseTemplate`, if specified, will be rendered.\n\n For example, if this Ember._HandlebarsBoundView represented the {{#with foo}}\n helper, it would look up the `foo` property of its context, and\n `shouldDisplayFunc` would always return true. The object found by looking\n up `foo` would be passed to `displayTemplate`.\n\n @param {Ember.RenderBuffer} buffer\n */\n render: function(buffer) {\n // If not invoked via a triple-mustache ({{{foo}}}), escape\n // the content of the template.\n var escape = get(this, 'isEscaped');\n\n var shouldDisplay = get(this, 'shouldDisplayFunc'),\n preserveContext = get(this, 'preserveContext'),\n context = get(this, 'previousContext');\n\n var inverseTemplate = get(this, 'inverseTemplate'),\n displayTemplate = get(this, 'displayTemplate');\n\n var result = get(this, 'normalizedValue');\n this._lastNormalizedValue = result;\n\n // First, test the conditional to see if we should\n // render the template or not.\n if (shouldDisplay(result)) {\n set(this, 'template', displayTemplate);\n\n // If we are preserving the context (for example, if this\n // is an #if block, call the template with the same object.\n if (preserveContext) {\n set(this, '_context', context);\n } else {\n // Otherwise, determine if this is a block bind or not.\n // If so, pass the specified object to the template\n if (displayTemplate) {\n set(this, '_context', result);\n } else {\n // This is not a bind block, just push the result of the\n // expression to the render context and return.\n if (result === null || result === undefined) {\n result = \"\";\n } else if (!(result instanceof Handlebars.SafeString)) {\n result = String(result);\n }\n\n if (escape) { result = Handlebars.Utils.escapeExpression(result); }\n buffer.push(result);\n return;\n }\n }\n } else if (inverseTemplate) {\n set(this, 'template', inverseTemplate);\n\n if (preserveContext) {\n set(this, '_context', context);\n } else {\n set(this, '_context', result);\n }\n } else {\n set(this, 'template', function() { return ''; });\n }\n\n return this._super(buffer);\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/views/handlebars_bound_view");minispade.register('ember-handlebars/views/metamorph_view', "(function() {/*jshint newcap:false*/\nminispade.require(\"metamorph\");\nminispade.require(\"ember-views/views/view\");\n\nvar set = Ember.set, get = Ember.get;\n\nvar DOMManager = {\n remove: function(view) {\n var morph = view.morph;\n if (morph.isRemoved()) { return; }\n set(view, 'element', null);\n view._lastInsert = null;\n morph.remove();\n },\n\n prepend: function(view, childView) {\n childView._insertElementLater(function() {\n var morph = view.morph;\n morph.prepend(childView.outerHTML);\n childView.outerHTML = null;\n });\n },\n\n after: function(view, nextView) {\n nextView._insertElementLater(function() {\n var morph = view.morph;\n morph.after(nextView.outerHTML);\n nextView.outerHTML = null;\n });\n },\n\n replace: function(view) {\n var morph = view.morph;\n\n view.transitionTo('preRender');\n view.clearRenderedChildren();\n var buffer = view.renderToBuffer();\n\n Ember.run.schedule('render', this, function() {\n if (get(view, 'isDestroyed')) { return; }\n view.invalidateRecursively('element');\n view._notifyWillInsertElement();\n morph.replaceWith(buffer.string());\n view.transitionTo('inDOM');\n view._notifyDidInsertElement();\n });\n },\n\n empty: function(view) {\n view.morph.html(\"\");\n }\n};\n\n// The `morph` and `outerHTML` properties are internal only\n// and not observable.\n\nEmber._Metamorph = Ember.Mixin.create({\n isVirtual: true,\n tagName: '',\n\n init: function() {\n this._super();\n this.morph = Metamorph();\n },\n\n beforeRender: function(buffer) {\n buffer.push(this.morph.startTag());\n },\n\n afterRender: function(buffer) {\n buffer.push(this.morph.endTag());\n },\n\n createElement: function() {\n var buffer = this.renderToBuffer();\n this.outerHTML = buffer.string();\n this.clearBuffer();\n },\n\n domManager: DOMManager\n});\n\nEmber._MetamorphView = Ember.View.extend(Ember._Metamorph);\n\n\n})();\n//@ sourceURL=ember-handlebars/views/metamorph_view");minispade.register('ember-metal/accessors', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\n\nvar META_KEY = Ember.META_KEY, get, set;\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER;\n\n/** @private */\nvar IS_GLOBAL = /^([A-Z$]|([0-9][A-Z$]))/;\nvar IS_GLOBAL_PATH = /^([A-Z$]|([0-9][A-Z$])).*[\\.\\*]/;\nvar HAS_THIS = /^this[\\.\\*]/;\nvar FIRST_KEY = /^([^\\.\\*]+)/;\n\n// ..........................................................\n// GET AND SET\n//\n// If we are on a platform that supports accessors we can get use those.\n// Otherwise simulate accessors by looking up the property directly on the\n// object.\n\n/** @private */\nget = function get(obj, keyName) {\n // Helpers that operate with 'this' within an #each\n if (keyName === '') {\n return obj;\n }\n\n if (!keyName && 'string'===typeof obj) {\n keyName = obj;\n obj = null;\n }\n\n if (!obj || keyName.indexOf('.') !== -1) {\n return getPath(obj, keyName);\n }\n\n Ember.assert(\"You need to provide an object and key to `get`.\", !!obj && keyName);\n\n var meta = obj[META_KEY], desc = meta && meta.descs[keyName], ret;\n if (desc) {\n return desc.get(obj, keyName);\n } else {\n if (MANDATORY_SETTER && meta && meta.watching[keyName] > 0) {\n ret = meta.values[keyName];\n } else {\n ret = obj[keyName];\n }\n\n if (ret === undefined &&\n 'object' === typeof obj && !(keyName in obj) && 'function' === typeof obj.unknownProperty) {\n return obj.unknownProperty(keyName);\n }\n\n return ret;\n }\n};\n\n/** @private */\nset = function set(obj, keyName, value, tolerant) {\n if (typeof obj === 'string') {\n Ember.assert(\"Path '\" + obj + \"' must be global if no obj is given.\", IS_GLOBAL.test(obj));\n value = keyName;\n keyName = obj;\n obj = null;\n }\n\n if (!obj || keyName.indexOf('.') !== -1) {\n return setPath(obj, keyName, value, tolerant);\n }\n\n Ember.assert(\"You need to provide an object and key to `set`.\", !!obj && keyName !== undefined);\n Ember.assert('calling set on destroyed object', !obj.isDestroyed);\n\n var meta = obj[META_KEY], desc = meta && meta.descs[keyName],\n isUnknown, currentValue;\n if (desc) {\n desc.set(obj, keyName, value);\n }\n else {\n isUnknown = 'object' === typeof obj && !(keyName in obj);\n\n // setUnknownProperty is called if `obj` is an object,\n // the property does not already exist, and the\n // `setUnknownProperty` method exists on the object\n if (isUnknown && 'function' === typeof obj.setUnknownProperty) {\n obj.setUnknownProperty(keyName, value);\n } else if (meta && meta.watching[keyName] > 0) {\n if (MANDATORY_SETTER) {\n currentValue = meta.values[keyName];\n } else {\n currentValue = obj[keyName];\n }\n // only trigger a change if the value has changed\n if (value !== currentValue) {\n Ember.propertyWillChange(obj, keyName);\n if (MANDATORY_SETTER) {\n if (currentValue === undefined && !(keyName in obj)) {\n Ember.defineProperty(obj, keyName, null, value); // setup mandatory setter\n } else {\n meta.values[keyName] = value;\n }\n } else {\n obj[keyName] = value;\n }\n Ember.propertyDidChange(obj, keyName);\n }\n } else {\n obj[keyName] = value;\n }\n }\n return value;\n};\n\n/** @private */\nfunction firstKey(path) {\n return path.match(FIRST_KEY)[0];\n}\n\n// assumes path is already normalized\n/** @private */\nfunction normalizeTuple(target, path) {\n var hasThis = HAS_THIS.test(path),\n isGlobal = !hasThis && IS_GLOBAL_PATH.test(path),\n key;\n\n if (!target || isGlobal) target = window;\n if (hasThis) path = path.slice(5);\n\n if (target === window) {\n key = firstKey(path);\n target = get(target, key);\n path = path.slice(key.length+1);\n }\n\n // must return some kind of path to be valid else other things will break.\n if (!path || path.length===0) throw new Error('Invalid Path');\n\n return [ target, path ];\n}\n\n/** @private */\nfunction getPath(root, path) {\n var hasThis, parts, tuple, idx, len;\n\n // If there is no root and path is a key name, return that\n // property from the global object.\n // E.g. get('Ember') -> Ember\n if (root === null && path.indexOf('.') === -1) { return get(window, path); }\n\n // detect complicated paths and normalize them\n hasThis = HAS_THIS.test(path);\n\n if (!root || hasThis) {\n tuple = normalizeTuple(root, path);\n root = tuple[0];\n path = tuple[1];\n tuple.length = 0;\n }\n\n parts = path.split(\".\");\n len = parts.length;\n for (idx=0; root && idx -1;\n};\n\n// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/map\n/** @private */\nvar arrayMap = isNativeFunc(Array.prototype.map) ? Array.prototype.map : function(fun /*, thisp */) {\n //\"use strict\";\n\n if (this === void 0 || this === null) {\n throw new TypeError();\n }\n\n var t = Object(this);\n var len = t.length >>> 0;\n if (typeof fun !== \"function\") {\n throw new TypeError();\n }\n\n var res = new Array(len);\n var thisp = arguments[1];\n for (var i = 0; i < len; i++) {\n if (i in t) {\n res[i] = fun.call(thisp, t[i], i, t);\n }\n }\n\n return res;\n};\n\n// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach\n/** @private */\nvar arrayForEach = isNativeFunc(Array.prototype.forEach) ? Array.prototype.forEach : function(fun /*, thisp */) {\n //\"use strict\";\n\n if (this === void 0 || this === null) {\n throw new TypeError();\n }\n\n var t = Object(this);\n var len = t.length >>> 0;\n if (typeof fun !== \"function\") {\n throw new TypeError();\n }\n\n var thisp = arguments[1];\n for (var i = 0; i < len; i++) {\n if (i in t) {\n fun.call(thisp, t[i], i, t);\n }\n }\n};\n\n/** @private */\nvar arrayIndexOf = isNativeFunc(Array.prototype.indexOf) ? Array.prototype.indexOf : function (obj, fromIndex) {\n if (fromIndex === null || fromIndex === undefined) { fromIndex = 0; }\n else if (fromIndex < 0) { fromIndex = Math.max(0, this.length + fromIndex); }\n for (var i = fromIndex, j = this.length; i < j; i++) {\n if (this[i] === obj) { return i; }\n }\n return -1;\n};\n\nEmber.ArrayPolyfills = {\n map: arrayMap,\n forEach: arrayForEach,\n indexOf: arrayIndexOf\n};\n\nvar utils = Ember.EnumerableUtils = {\n map: function(obj, callback, thisArg) {\n return obj.map ? obj.map.call(obj, callback, thisArg) : arrayMap.call(obj, callback, thisArg);\n },\n\n forEach: function(obj, callback, thisArg) {\n return obj.forEach ? obj.forEach.call(obj, callback, thisArg) : arrayForEach.call(obj, callback, thisArg);\n },\n\n indexOf: function(obj, element, index) {\n return obj.indexOf ? obj.indexOf.call(obj, element, index) : arrayIndexOf.call(obj, element, index);\n },\n\n indexesOf: function(obj, elements) {\n return elements === undefined ? [] : utils.map(elements, function(item) {\n return utils.indexOf(obj, item);\n });\n },\n\n removeObject: function(array, item) {\n var index = utils.indexOf(array, item);\n if (index !== -1) { array.splice(index, 1); }\n }\n};\n\n\nif (Ember.SHIM_ES5) {\n if (!Array.prototype.map) {\n /** @private */\n Array.prototype.map = arrayMap;\n }\n\n if (!Array.prototype.forEach) {\n /** @private */\n Array.prototype.forEach = arrayForEach;\n }\n\n if (!Array.prototype.indexOf) {\n /** @private */\n Array.prototype.indexOf = arrayIndexOf;\n }\n}\n\n})();\n//@ sourceURL=ember-metal/array");minispade.register('ember-metal/binding', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core'); // Ember.Logger\nminispade.require('ember-metal/accessors'); // get, set, trySet\nminispade.require('ember-metal/utils'); // guidFor, isArray, meta\nminispade.require('ember-metal/observer'); // addObserver, removeObserver\nminispade.require('ember-metal/run_loop'); // Ember.run.schedule\nminispade.require('ember-metal/map');\n\n// ..........................................................\n// CONSTANTS\n//\n\n/**\n @static\n\n Debug parameter you can turn on. This will log all bindings that fire to\n the console. This should be disabled in production code. Note that you\n can also enable this from the console or temporarily.\n\n @type Boolean\n @default false\n*/\nEmber.LOG_BINDINGS = false || !!Ember.ENV.LOG_BINDINGS;\n\nvar get = Ember.get,\n set = Ember.set,\n guidFor = Ember.guidFor,\n isGlobalPath = Ember.isGlobalPath;\n\n\n/** @private */\nfunction getWithGlobals(obj, path) {\n return get(isGlobalPath(path) ? window : obj, path);\n}\n\n// ..........................................................\n// BINDING\n//\n\n/** @private */\nvar Binding = function(toPath, fromPath) {\n this._direction = 'fwd';\n this._from = fromPath;\n this._to = toPath;\n this._directionMap = Ember.Map.create();\n};\n\nBinding.prototype = /** @scope Ember.Binding.prototype */ {\n /**\n This copies the Binding so it can be connected to another object.\n @returns {Ember.Binding}\n */\n copy: function () {\n var copy = new Binding(this._to, this._from);\n if (this._oneWay) { copy._oneWay = true; }\n return copy;\n },\n\n // ..........................................................\n // CONFIG\n //\n\n /**\n This will set \"from\" property path to the specified value. It will not\n attempt to resolve this property path to an actual object until you\n connect the binding.\n\n The binding will search for the property path starting at the root object\n you pass when you connect() the binding. It follows the same rules as\n `get()` - see that method for more information.\n\n @param {String} propertyPath the property path to connect to\n @returns {Ember.Binding} receiver\n */\n from: function(path) {\n this._from = path;\n return this;\n },\n\n /**\n This will set the \"to\" property path to the specified value. It will not\n attempt to resolve this property path to an actual object until you\n connect the binding.\n\n The binding will search for the property path starting at the root object\n you pass when you connect() the binding. It follows the same rules as\n `get()` - see that method for more information.\n\n @param {String|Tuple} propertyPath A property path or tuple\n @returns {Ember.Binding} this\n */\n to: function(path) {\n this._to = path;\n return this;\n },\n\n /**\n Configures the binding as one way. A one-way binding will relay changes\n on the \"from\" side to the \"to\" side, but not the other way around. This\n means that if you change the \"to\" side directly, the \"from\" side may have\n a different value.\n\n @returns {Ember.Binding} receiver\n */\n oneWay: function() {\n this._oneWay = true;\n return this;\n },\n\n /** @private */\n toString: function() {\n var oneWay = this._oneWay ? '[oneWay]' : '';\n return \"Ember.Binding<\" + guidFor(this) + \">(\" + this._from + \" -> \" + this._to + \")\" + oneWay;\n },\n\n // ..........................................................\n // CONNECT AND SYNC\n //\n\n /**\n Attempts to connect this binding instance so that it can receive and relay\n changes. This method will raise an exception if you have not set the\n from/to properties yet.\n\n @param {Object} obj The root object for this binding.\n @returns {Ember.Binding} this\n */\n connect: function(obj) {\n Ember.assert('Must pass a valid object to Ember.Binding.connect()', !!obj);\n\n var fromPath = this._from, toPath = this._to;\n Ember.trySet(obj, toPath, getWithGlobals(obj, fromPath));\n\n // add an observer on the object to be notified when the binding should be updated\n Ember.addObserver(obj, fromPath, this, this.fromDidChange);\n\n // if the binding is a two-way binding, also set up an observer on the target\n if (!this._oneWay) { Ember.addObserver(obj, toPath, this, this.toDidChange); }\n\n this._readyToSync = true;\n\n return this;\n },\n\n /**\n Disconnects the binding instance. Changes will no longer be relayed. You\n will not usually need to call this method.\n\n @param {Object} obj\n The root object you passed when connecting the binding.\n\n @returns {Ember.Binding} this\n */\n disconnect: function(obj) {\n Ember.assert('Must pass a valid object to Ember.Binding.disconnect()', !!obj);\n\n var twoWay = !this._oneWay;\n\n // remove an observer on the object so we're no longer notified of\n // changes that should update bindings.\n Ember.removeObserver(obj, this._from, this, this.fromDidChange);\n\n // if the binding is two-way, remove the observer from the target as well\n if (twoWay) { Ember.removeObserver(obj, this._to, this, this.toDidChange); }\n\n this._readyToSync = false; // disable scheduled syncs...\n return this;\n },\n\n // ..........................................................\n // PRIVATE\n //\n\n /** @private - called when the from side changes */\n fromDidChange: function(target) {\n this._scheduleSync(target, 'fwd');\n },\n\n /** @private - called when the to side changes */\n toDidChange: function(target) {\n this._scheduleSync(target, 'back');\n },\n\n /** @private */\n _scheduleSync: function(obj, dir) {\n var directionMap = this._directionMap;\n var existingDir = directionMap.get(obj);\n\n // if we haven't scheduled the binding yet, schedule it\n if (!existingDir) {\n Ember.run.schedule('sync', this, this._sync, obj);\n directionMap.set(obj, dir);\n }\n\n // If both a 'back' and 'fwd' sync have been scheduled on the same object,\n // default to a 'fwd' sync so that it remains deterministic.\n if (existingDir === 'back' && dir === 'fwd') {\n directionMap.set(obj, 'fwd');\n }\n },\n\n /** @private */\n _sync: function(obj) {\n var log = Ember.LOG_BINDINGS;\n\n // don't synchronize destroyed objects or disconnected bindings\n if (obj.isDestroyed || !this._readyToSync) { return; }\n\n // get the direction of the binding for the object we are\n // synchronizing from\n var directionMap = this._directionMap;\n var direction = directionMap.get(obj);\n\n var fromPath = this._from, toPath = this._to;\n\n directionMap.remove(obj);\n\n // if we're synchronizing from the remote object...\n if (direction === 'fwd') {\n var fromValue = getWithGlobals(obj, this._from);\n if (log) {\n Ember.Logger.log(' ', this.toString(), '->', fromValue, obj);\n }\n if (this._oneWay) {\n Ember.trySet(obj, toPath, fromValue);\n } else {\n Ember._suspendObserver(obj, toPath, this, this.toDidChange, function () {\n Ember.trySet(obj, toPath, fromValue);\n });\n }\n // if we're synchronizing *to* the remote object\n } else if (direction === 'back') {\n var toValue = get(obj, this._to);\n if (log) {\n Ember.Logger.log(' ', this.toString(), '<-', toValue, obj);\n }\n Ember._suspendObserver(obj, fromPath, this, this.fromDidChange, function () {\n Ember.trySet(Ember.isGlobalPath(fromPath) ? window : obj, fromPath, toValue);\n });\n }\n }\n\n};\n\n/** @private */\nfunction mixinProperties(to, from) {\n for (var key in from) {\n if (from.hasOwnProperty(key)) {\n to[key] = from[key];\n }\n }\n}\n\nmixinProperties(Binding,\n/** @scope Ember.Binding */ {\n\n /**\n @see Ember.Binding.prototype.from\n */\n from: function() {\n var C = this, binding = new C();\n return binding.from.apply(binding, arguments);\n },\n\n /**\n @see Ember.Binding.prototype.to\n */\n to: function() {\n var C = this, binding = new C();\n return binding.to.apply(binding, arguments);\n },\n\n /**\n Creates a new Binding instance and makes it apply in a single direction.\n A one-way binding will relay changes on the \"from\" side object (supplies\n as the `from` argument) the \"to\" side, but not the other way around.\n This means that if you change the \"to\" side directly, the \"from\" side may have\n a different value.\n\n @param {String} from from path.\n @param {Boolean} [flag] (Optional) passing nothing here will make the binding oneWay. You can\n instead pass false to disable oneWay, making the binding two way again.\n\n @see Ember.Binding.prototype.oneWay\n */\n oneWay: function(from, flag) {\n var C = this, binding = new C(null, from);\n return binding.oneWay(flag);\n }\n\n});\n\n/**\n @class\n\n An Ember.Binding connects the properties of two objects so that whenever the\n value of one property changes, the other property will be changed also.\n\n ## Automatic Creation of Bindings with `/^*Binding/`-named Properties\n You do not usually create Binding objects directly but instead describe\n bindings in your class or object definition using automatic binding detection.\n\n Properties ending in a `Binding` suffix will be converted to Ember.Binding instances.\n The value of this property should be a string representing a path to another object or\n a custom binding instanced created using Binding helpers (see \"Customizing Your Bindings\"):\n\n valueBinding: \"MyApp.someController.title\"\n\n This will create a binding from `MyApp.someController.title` to the `value`\n property of your object instance automatically. Now the two values will be\n kept in sync.\n\n ## One Way Bindings\n\n One especially useful binding customization you can use is the `oneWay()`\n helper. This helper tells Ember that you are only interested in\n receiving changes on the object you are binding from. For example, if you\n are binding to a preference and you want to be notified if the preference\n has changed, but your object will not be changing the preference itself, you\n could do:\n\n bigTitlesBinding: Ember.Binding.oneWay(\"MyApp.preferencesController.bigTitles\")\n\n This way if the value of MyApp.preferencesController.bigTitles changes the\n \"bigTitles\" property of your object will change also. However, if you\n change the value of your \"bigTitles\" property, it will not update the\n preferencesController.\n\n One way bindings are almost twice as fast to setup and twice as fast to\n execute because the binding only has to worry about changes to one side.\n\n You should consider using one way bindings anytime you have an object that\n may be created frequently and you do not intend to change a property; only\n to monitor it for changes. (such as in the example above).\n\n ## Adding Bindings Manually\n\n All of the examples above show you how to configure a custom binding, but\n the result of these customizations will be a binding template, not a fully\n active Binding instance. The binding will actually become active only when you\n instantiate the object the binding belongs to. It is useful however, to\n understand what actually happens when the binding is activated.\n\n For a binding to function it must have at least a \"from\" property and a \"to\"\n property. The from property path points to the object/key that you want to\n bind from while the to path points to the object/key you want to bind to.\n\n When you define a custom binding, you are usually describing the property\n you want to bind from (such as \"MyApp.someController.value\" in the examples\n above). When your object is created, it will automatically assign the value\n you want to bind \"to\" based on the name of your binding key. In the\n examples above, during init, Ember objects will effectively call\n something like this on your binding:\n\n binding = Ember.Binding.from(this.valueBinding).to(\"value\");\n\n This creates a new binding instance based on the template you provide, and\n sets the to path to the \"value\" property of the new object. Now that the\n binding is fully configured with a \"from\" and a \"to\", it simply needs to be\n connected to become active. This is done through the connect() method:\n\n binding.connect(this);\n\n Note that when you connect a binding you pass the object you want it to be\n connected to. This object will be used as the root for both the from and\n to side of the binding when inspecting relative paths. This allows the\n binding to be automatically inherited by subclassed objects as well.\n\n Now that the binding is connected, it will observe both the from and to side\n and relay changes.\n\n If you ever needed to do so (you almost never will, but it is useful to\n understand this anyway), you could manually create an active binding by\n using the Ember.bind() helper method. (This is the same method used by\n to setup your bindings on objects):\n\n Ember.bind(MyApp.anotherObject, \"value\", \"MyApp.someController.value\");\n\n Both of these code fragments have the same effect as doing the most friendly\n form of binding creation like so:\n\n MyApp.anotherObject = Ember.Object.create({\n valueBinding: \"MyApp.someController.value\",\n\n // OTHER CODE FOR THIS OBJECT...\n\n });\n\n Ember's built in binding creation method makes it easy to automatically\n create bindings for you. You should always use the highest-level APIs\n available, even if you understand how it works underneath.\n\n @since Ember 0.9\n*/\nEmber.Binding = Binding;\n\n/**\n Global helper method to create a new binding. Just pass the root object\n along with a to and from path to create and connect the binding.\n\n @param {Object} obj\n The root object of the transform.\n\n @param {String} to\n The path to the 'to' side of the binding. Must be relative to obj.\n\n @param {String} from\n The path to the 'from' side of the binding. Must be relative to obj or\n a global path.\n\n @returns {Ember.Binding} binding instance\n*/\nEmber.bind = function(obj, to, from) {\n return new Ember.Binding(to, from).connect(obj);\n};\n\nEmber.oneWay = function(obj, to, from) {\n return new Ember.Binding(to, from).oneWay().connect(obj);\n};\n\n})();\n//@ sourceURL=ember-metal/binding");minispade.register('ember-metal/computed', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/watching');\n\n\nEmber.warn(\"Computed properties will soon be cacheable by default. To enable this in your app, set `ENV.CP_DEFAULT_CACHEABLE = true`.\", Ember.CP_DEFAULT_CACHEABLE);\n\n\nvar get = Ember.get,\n metaFor = Ember.meta,\n guidFor = Ember.guidFor,\n a_slice = [].slice,\n o_create = Ember.create,\n META_KEY = Ember.META_KEY,\n watch = Ember.watch,\n unwatch = Ember.unwatch;\n\n// ..........................................................\n// DEPENDENT KEYS\n//\n\n// data structure:\n// meta.deps = {\n// 'depKey': {\n// 'keyName': count,\n// __emberproto__: SRC_OBJ [to detect clones]\n// },\n// __emberproto__: SRC_OBJ\n// }\n\n/**\n @private\n\n This function returns a map of unique dependencies for a\n given object and key.\n*/\nfunction keysForDep(obj, depsMeta, depKey) {\n var keys = depsMeta[depKey];\n if (!keys) {\n // if there are no dependencies yet for a the given key\n // create a new empty list of dependencies for the key\n keys = depsMeta[depKey] = { __emberproto__: obj };\n } else if (keys.__emberproto__ !== obj) {\n // otherwise if the dependency list is inherited from\n // a superclass, clone the hash\n keys = depsMeta[depKey] = o_create(keys);\n keys.__emberproto__ = obj;\n }\n return keys;\n}\n\n/**\n @private\n\n return obj[META_KEY].deps\n */\nfunction metaForDeps(obj, meta) {\n var deps = meta.deps;\n // If the current object has no dependencies...\n if (!deps) {\n // initialize the dependencies with a pointer back to\n // the current object\n deps = meta.deps = { __emberproto__: obj };\n } else if (deps.__emberproto__ !== obj) {\n // otherwise if the dependencies are inherited from the\n // object's superclass, clone the deps\n deps = meta.deps = o_create(deps);\n deps.__emberproto__ = obj;\n }\n return deps;\n}\n\n/** @private */\nfunction addDependentKeys(desc, obj, keyName, meta) {\n // the descriptor has a list of dependent keys, so\n // add all of its dependent keys.\n var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys;\n if (!depKeys) return;\n\n depsMeta = metaForDeps(obj, meta);\n\n for(idx = 0, len = depKeys.length; idx < len; idx++) {\n depKey = depKeys[idx];\n // Lookup keys meta for depKey\n keys = keysForDep(obj, depsMeta, depKey);\n // Increment the number of times depKey depends on keyName.\n keys[keyName] = (keys[keyName] || 0) + 1;\n // Watch the depKey\n watch(obj, depKey);\n }\n}\n\n/** @private */\nfunction removeDependentKeys(desc, obj, keyName, meta) {\n // the descriptor has a list of dependent keys, so\n // add all of its dependent keys.\n var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys;\n if (!depKeys) return;\n\n depsMeta = metaForDeps(obj, meta);\n\n for(idx = 0, len = depKeys.length; idx < len; idx++) {\n depKey = depKeys[idx];\n // Lookup keys meta for depKey\n keys = keysForDep(obj, depsMeta, depKey);\n // Increment the number of times depKey depends on keyName.\n keys[keyName] = (keys[keyName] || 0) - 1;\n // Watch the depKey\n unwatch(obj, depKey);\n }\n}\n\n// ..........................................................\n// COMPUTED PROPERTY\n//\n\n/** @private */\nfunction ComputedProperty(func, opts) {\n this.func = func;\n this._cacheable = (opts && opts.cacheable !== undefined) ? opts.cacheable : Ember.CP_DEFAULT_CACHEABLE;\n this._dependentKeys = opts && opts.dependentKeys;\n}\n\n/**\n @constructor\n*/\nEmber.ComputedProperty = ComputedProperty;\nComputedProperty.prototype = new Ember.Descriptor();\n\n/**\n @extends Ember.ComputedProperty\n @private\n*/\nvar ComputedPropertyPrototype = ComputedProperty.prototype;\n\n/**\n Call on a computed property to set it into cacheable mode. When in this\n mode the computed property will automatically cache the return value of\n your function until one of the dependent keys changes.\n\n MyApp.president = Ember.Object.create({\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // After calculating the value of this function, Ember.js will\n // return that value without re-executing this function until\n // one of the dependent properties change.\n }.property('firstName', 'lastName').cacheable()\n });\n\n Properties are cacheable by default.\n\n @memberOf Ember.ComputedProperty.prototype\n @name cacheable\n @function\n @param {Boolean} aFlag optional set to false to disable caching\n @returns {Ember.ComputedProperty} receiver\n*/\nComputedPropertyPrototype.cacheable = function(aFlag) {\n this._cacheable = aFlag !== false;\n return this;\n};\n\n/**\n Call on a computed property to set it into non-cached mode. When in this\n mode the computed property will not automatically cache the return value.\n\n MyApp.outsideService = Ember.Object.create({\n value: function() {\n return OutsideService.getValue();\n }.property().volatile()\n });\n\n @memberOf Ember.ComputedProperty.prototype\n @name volatile\n @function\n @returns {Ember.ComputedProperty} receiver\n*/\nComputedPropertyPrototype.volatile = function() {\n return this.cacheable(false);\n};\n\n/**\n Sets the dependent keys on this computed property. Pass any number of\n arguments containing key paths that this computed property depends on.\n\n MyApp.president = Ember.Object.create({\n fullName: Ember.computed(function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Tell Ember.js that this computed property depends on firstName\n // and lastName\n }).property('firstName', 'lastName')\n });\n\n @memberOf Ember.ComputedProperty.prototype\n @name property\n @function\n @param {String} path... zero or more property paths\n @returns {Ember.ComputedProperty} receiver\n*/\nComputedPropertyPrototype.property = function() {\n var args = [];\n for (var i = 0, l = arguments.length; i < l; i++) {\n args.push(arguments[i]);\n }\n this._dependentKeys = args;\n return this;\n};\n\n/**\n In some cases, you may want to annotate computed properties with additional\n metadata about how they function or what values they operate on. For example,\n computed property functions may close over variables that are then no longer\n available for introspection.\n\n You can pass a hash of these values to a computed property like this:\n\n person: function() {\n var personId = this.get('personId');\n return App.Person.create({ id: personId });\n }.property().meta({ type: App.Person })\n\n The hash that you pass to the `meta()` function will be saved on the\n computed property descriptor under the `_meta` key. Ember runtime\n exposes a public API for retrieving these values from classes,\n via the `metaForProperty()` function.\n\n @memberOf Ember.ComputedProperty.prototype\n @name meta\n @function\n @param {Hash} meta\n @returns {Ember.ComputedProperty} property descriptor instance\n*/\n\nComputedPropertyPrototype.meta = function(meta) {\n if (arguments.length === 0) {\n return this._meta || {};\n } else {\n this._meta = meta;\n return this;\n }\n};\n\n/** @private - impl descriptor API */\nComputedPropertyPrototype.willWatch = function(obj, keyName) {\n // watch already creates meta for this instance\n var meta = obj[META_KEY];\n Ember.assert('watch should have setup meta to be writable', meta.source === obj);\n if (!(keyName in meta.cache)) {\n addDependentKeys(this, obj, keyName, meta);\n }\n};\n\nComputedPropertyPrototype.didUnwatch = function(obj, keyName) {\n var meta = obj[META_KEY];\n Ember.assert('unwatch should have setup meta to be writable', meta.source === obj);\n if (!(keyName in meta.cache)) {\n // unwatch already creates meta for this instance\n removeDependentKeys(this, obj, keyName, meta);\n }\n};\n\n/** @private - impl descriptor API */\nComputedPropertyPrototype.didChange = function(obj, keyName) {\n // _suspended is set via a CP.set to ensure we don't clear\n // the cached value set by the setter\n if (this._cacheable && this._suspended !== obj) {\n var meta = metaFor(obj);\n if (keyName in meta.cache) {\n delete meta.cache[keyName];\n if (!meta.watching[keyName]) {\n removeDependentKeys(this, obj, keyName, meta);\n }\n }\n }\n};\n\n/** @private - impl descriptor API */\nComputedPropertyPrototype.get = function(obj, keyName) {\n var ret, cache, meta;\n if (this._cacheable) {\n meta = metaFor(obj);\n cache = meta.cache;\n if (keyName in cache) { return cache[keyName]; }\n ret = cache[keyName] = this.func.call(obj, keyName);\n if (!meta.watching[keyName]) {\n addDependentKeys(this, obj, keyName, meta);\n }\n } else {\n ret = this.func.call(obj, keyName);\n }\n return ret;\n};\n\n/** @private - impl descriptor API */\nComputedPropertyPrototype.set = function(obj, keyName, value) {\n var cacheable = this._cacheable,\n meta = metaFor(obj, cacheable),\n watched = meta.watching[keyName],\n oldSuspended = this._suspended,\n hadCachedValue,\n ret;\n\n this._suspended = obj;\n\n if (watched) { Ember.propertyWillChange(obj, keyName); }\n if (cacheable) {\n if (keyName in meta.cache) {\n delete meta.cache[keyName];\n hadCachedValue = true;\n }\n }\n ret = this.func.call(obj, keyName, value);\n if (cacheable) {\n if (!watched && !hadCachedValue) {\n addDependentKeys(this, obj, keyName, meta);\n }\n meta.cache[keyName] = ret;\n }\n if (watched) { Ember.propertyDidChange(obj, keyName); }\n this._suspended = oldSuspended;\n return ret;\n};\n\n/** @private - called when property is defined */\nComputedPropertyPrototype.setup = function(obj, keyName) {\n var meta = obj[META_KEY];\n if (meta && meta.watching[keyName]) {\n addDependentKeys(this, obj, keyName, metaFor(obj));\n }\n};\n\n/** @private - called before property is overridden */\nComputedPropertyPrototype.teardown = function(obj, keyName) {\n var meta = metaFor(obj);\n\n if (meta.watching[keyName] || keyName in meta.cache) {\n removeDependentKeys(this, obj, keyName, meta);\n }\n\n if (this._cacheable) { delete meta.cache[keyName]; }\n\n return null; // no value to restore\n};\n\n/**\n This helper returns a new property descriptor that wraps the passed\n computed property function. You can use this helper to define properties\n with mixins or via Ember.defineProperty().\n\n The function you pass will be used to both get and set property values.\n The function should accept two parameters, key and value. If value is not\n undefined you should set the value first. In either case return the\n current value of the property.\n\n @param {Function} func\n The computed property function.\n\n @returns {Ember.ComputedProperty} property descriptor instance\n*/\nEmber.computed = function(func) {\n var args;\n\n if (arguments.length > 1) {\n args = a_slice.call(arguments, 0, -1);\n func = a_slice.call(arguments, -1)[0];\n }\n\n var cp = new ComputedProperty(func);\n\n if (args) {\n cp.property.apply(cp, args);\n }\n\n return cp;\n};\n\n/**\n Returns the cached value for a property, if one exists.\n This can be useful for peeking at the value of a computed\n property that is generated lazily, without accidentally causing\n it to be created.\n\n @param {Object} obj the object whose property you want to check\n @param {String} key the name of the property whose cached value you want\n to return\n\n*/\nEmber.cacheFor = function cacheFor(obj, key) {\n var cache = metaFor(obj, false).cache;\n\n if (cache && key in cache) {\n return cache[key];\n }\n};\n\nEmber.computed.not = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n return !get(this, dependentKey);\n }).cacheable();\n};\n\nEmber.computed.empty = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n var val = get(this, dependentKey);\n return val === undefined || val === null || val === '' || (Ember.isArray(val) && get(val, 'length') === 0);\n }).cacheable();\n};\n\nEmber.computed.bool = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n return !!get(this, dependentKey);\n }).cacheable();\n};\n\n})();\n//@ sourceURL=ember-metal/computed");minispade.register('ember-metal/core', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals Em:true ENV */\n\nif ('undefined' === typeof Ember) {\n // Create core object. Make it act like an instance of Ember.Namespace so that\n // objects assigned to it are given a sane string representation.\n Ember = {};\n}\n\n/**\n @namespace\n @name Ember\n @version 1.0.pre\n\n All Ember methods and functions are defined inside of this namespace.\n You generally should not add new properties to this namespace as it may be\n overwritten by future versions of Ember.\n\n You can also use the shorthand \"Em\" instead of \"Ember\".\n\n Ember-Runtime is a framework that provides core functions for\n Ember including cross-platform functions, support for property\n observing and objects. Its focus is on small size and performance. You can\n use this in place of or along-side other cross-platform libraries such as\n jQuery.\n\n The core Runtime framework is based on the jQuery API with a number of\n performance optimizations.\n*/\n\n// aliases needed to keep minifiers from removing the global context\nif ('undefined' !== typeof window) {\n window.Em = window.Ember = Em = Ember;\n}\n\n// Make sure these are set whether Ember was already defined or not\n\nEmber.isNamespace = true;\n\nEmber.toString = function() { return \"Ember\"; };\n\n\n/**\n @static\n @type String\n @default '1.0.pre'\n @constant\n*/\nEmber.VERSION = '1.0.pre';\n\n/**\n @static\n @type Hash\n @constant\n\n Standard environmental variables. You can define these in a global `ENV`\n variable before loading Ember to control various configuration\n settings.\n*/\nEmber.ENV = Ember.ENV || ('undefined' === typeof ENV ? {} : ENV);\n\nEmber.config = Ember.config || {};\n\n// ..........................................................\n// BOOTSTRAP\n//\n\n/**\n @static\n @type Boolean\n @default true\n @constant\n\n Determines whether Ember should enhances some built-in object\n prototypes to provide a more friendly API. If enabled, a few methods\n will be added to Function, String, and Array. Object.prototype will not be\n enhanced, which is the one that causes most troubles for people.\n\n In general we recommend leaving this option set to true since it rarely\n conflicts with other code. If you need to turn it off however, you can\n define an ENV.EXTEND_PROTOTYPES config to disable it.\n*/\nEmber.EXTEND_PROTOTYPES = (Ember.ENV.EXTEND_PROTOTYPES !== false);\n\n/**\n @static\n @type Boolean\n @default true\n @constant\n\n Determines whether Ember logs a full stack trace during deprecation warnings\n*/\nEmber.LOG_STACKTRACE_ON_DEPRECATION = (Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION !== false);\n\n/**\n @static\n @type Boolean\n @default Ember.EXTEND_PROTOTYPES\n @constant\n\n Determines whether Ember should add ECMAScript 5 shims to older browsers.\n*/\nEmber.SHIM_ES5 = (Ember.ENV.SHIM_ES5 === false) ? false : Ember.EXTEND_PROTOTYPES;\n\n\n/**\n @static\n @type Boolean\n @default true\n @constant\n\n Determines whether computed properties are cacheable by default.\n This option will be removed for the 1.1 release.\n\n When caching is enabled by default, you can use `volatile()` to disable\n caching on individual computed properties.\n*/\nEmber.CP_DEFAULT_CACHEABLE = (Ember.ENV.CP_DEFAULT_CACHEABLE !== false);\n\n/**\n @static\n @type Boolean\n @default true\n @constant\n\n Determines whether views render their templates using themselves\n as the context, or whether it is inherited from the parent. This option\n will be removed in the 1.1 release.\n\n If you need to update your application to use the new context rules, simply\n prefix property access with `view.`:\n\n // Before:\n {{#each App.photosController}}\n Photo Title: {{title}}\n {{#view App.InfoView contentBinding=\"this\"}}\n {{content.date}}\n {{content.cameraType}}\n {{otherViewProperty}}\n {{/view}}\n {{/each}}\n\n // After:\n {{#each App.photosController}}\n Photo Title: {{title}}\n {{#view App.InfoView}}\n {{date}}\n {{cameraType}}\n {{view.otherViewProperty}}\n {{/view}}\n {{/each}}\n*/\nEmber.VIEW_PRESERVES_CONTEXT = (Ember.ENV.VIEW_PRESERVES_CONTEXT !== false);\n\n/**\n Empty function. Useful for some operations.\n\n @returns {Object}\n @private\n*/\nEmber.K = function() { return this; };\n\n/**\n @namespace\n @name window\n @description The global window object\n*/\n\n\n// Stub out the methods defined by the ember-debug package in case it's not loaded\n\nif ('undefined' === typeof Ember.assert) { Ember.assert = Ember.K; }\nif ('undefined' === typeof Ember.warn) { Ember.warn = Ember.K; }\nif ('undefined' === typeof Ember.deprecate) { Ember.deprecate = Ember.K; }\nif ('undefined' === typeof Ember.deprecateFunc) {\n Ember.deprecateFunc = function(_, func) { return func; };\n}\n\n// These are deprecated but still supported\n\nif ('undefined' === typeof ember_assert) { window.ember_assert = Ember.K; }\nif ('undefined' === typeof ember_warn) { window.ember_warn = Ember.K; }\nif ('undefined' === typeof ember_deprecate) { window.ember_deprecate = Ember.K; }\nif ('undefined' === typeof ember_deprecateFunc) {\n /** @private */\n window.ember_deprecateFunc = function(_, func) { return func; };\n}\n\n\n// ..........................................................\n// LOGGER\n//\n\n/**\n @class\n\n Inside Ember-Metal, simply uses the window.console object.\n Override this to provide more robust logging functionality.\n*/\nEmber.Logger = window.console || { log: Ember.K, warn: Ember.K, error: Ember.K, info: Ember.K, debug: Ember.K };\n\n})();\n//@ sourceURL=ember-metal/core");minispade.register('ember-metal/events', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\n\nvar o_create = Ember.create,\n meta = Ember.meta,\n metaPath = Ember.metaPath,\n guidFor = Ember.guidFor,\n a_slice = [].slice;\n\n/**\n The event system uses a series of nested hashes to store listeners on an\n object. When a listener is registered, or when an event arrives, these\n hashes are consulted to determine which target and action pair to invoke.\n\n The hashes are stored in the object's meta hash, and look like this:\n\n // Object's meta hash\n {\n listeners: { // variable name: `listenerSet`\n \"foo:changed\": { // variable name: `targetSet`\n [targetGuid]: { // variable name: `actionSet`\n [methodGuid]: { // variable name: `action`\n target: [Object object],\n method: [Function function]\n }\n }\n }\n }\n }\n\n*/\n\n// Gets the set of all actions, keyed on the guid of each action's\n// method property.\n/** @private */\nfunction actionSetFor(obj, eventName, target, writable) {\n return metaPath(obj, ['listeners', eventName, guidFor(target)], writable);\n}\n\n// Gets the set of all targets, keyed on the guid of each action's\n// target property.\n/** @private */\nfunction targetSetFor(obj, eventName) {\n var listenerSet = meta(obj, false).listeners;\n if (!listenerSet) { return false; }\n\n return listenerSet[eventName] || false;\n}\n\n// TODO: This knowledge should really be a part of the\n// meta system.\nvar SKIP_PROPERTIES = { __ember_source__: true };\n\n/** @private */\nfunction iterateSet(obj, eventName, callback, params) {\n var targetSet = targetSetFor(obj, eventName);\n if (!targetSet) { return false; }\n // Iterate through all elements of the target set\n for(var targetGuid in targetSet) {\n if (SKIP_PROPERTIES[targetGuid]) { continue; }\n\n var actionSet = targetSet[targetGuid];\n if (actionSet) {\n // Iterate through the elements of the action set\n for(var methodGuid in actionSet) {\n if (SKIP_PROPERTIES[methodGuid]) { continue; }\n\n var action = actionSet[methodGuid];\n if (action) {\n if (callback(action, params, obj) === true) {\n return true;\n }\n }\n }\n }\n }\n return false;\n}\n\n/** @private */\nfunction invokeAction(action, params, sender) {\n var method = action.method, target = action.target;\n // If there is no target, the target is the object\n // on which the event was fired.\n if (!target) { target = sender; }\n if ('string' === typeof method) { method = target[method]; }\n if (params) {\n method.apply(target, params);\n } else {\n method.apply(target);\n }\n}\n\n/**\n The sendEvent arguments > 2 are passed to an event listener.\n\n @memberOf Ember\n*/\nfunction addListener(obj, eventName, target, method) {\n Ember.assert(\"You must pass at least an object and event name to Ember.addListener\", !!obj && !!eventName);\n\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var actionSet = actionSetFor(obj, eventName, target, true),\n methodGuid = guidFor(method);\n\n if (!actionSet[methodGuid]) {\n actionSet[methodGuid] = { target: target, method: method };\n }\n\n if ('function' === typeof obj.didAddListener) {\n obj.didAddListener(eventName, target, method);\n }\n}\n\n/** @memberOf Ember */\nfunction removeListener(obj, eventName, target, method) {\n Ember.assert(\"You must pass at least an object and event name to Ember.removeListener\", !!obj && !!eventName);\n\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var actionSet = actionSetFor(obj, eventName, target, true),\n methodGuid = guidFor(method);\n\n // we can't simply delete this parameter, because if we do, we might\n // re-expose the property from the prototype chain.\n if (actionSet && actionSet[methodGuid]) { actionSet[methodGuid] = null; }\n\n if ('function' === typeof obj.didRemoveListener) {\n obj.didRemoveListener(eventName, target, method);\n }\n}\n\n// Suspend listener during callback.\n//\n// This should only be used by the target of the event listener\n// when it is taking an action that would cause the event, e.g.\n// an object might suspend its property change listener while it is\n// setting that property.\n/** @private */\nfunction suspendListener(obj, eventName, target, method, callback) {\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var actionSet = actionSetFor(obj, eventName, target, true),\n methodGuid = guidFor(method),\n action = actionSet && actionSet[methodGuid];\n\n actionSet[methodGuid] = null;\n try {\n return callback.call(target);\n } finally {\n actionSet[methodGuid] = action;\n }\n}\n\n// returns a list of currently watched events\n/** @memberOf Ember */\nfunction watchedEvents(obj) {\n var listeners = meta(obj, false).listeners, ret = [];\n\n if (listeners) {\n for(var eventName in listeners) {\n if (!SKIP_PROPERTIES[eventName] && listeners[eventName]) {\n ret.push(eventName);\n }\n }\n }\n return ret;\n}\n\n/** @memberOf Ember */\nfunction sendEvent(obj, eventName, params) {\n // first give object a chance to handle it\n if (obj !== Ember && 'function' === typeof obj.sendEvent) {\n obj.sendEvent(eventName, params);\n }\n\n iterateSet(obj, eventName, invokeAction, params);\n return true;\n}\n\n/** @memberOf Ember */\nfunction deferEvent(obj, eventName, params) {\n var actions = [];\n iterateSet(obj, eventName, function (action) {\n actions.push(action);\n });\n\n return function() {\n if (obj.isDestroyed) { return; }\n\n if (obj !== Ember && 'function' === typeof obj.sendEvent) {\n obj.sendEvent(eventName, params);\n }\n\n for (var i=0, len=actions.length; i < len; ++i) {\n invokeAction(actions[i], params, obj);\n }\n };\n}\n\n/** @memberOf Ember */\nfunction hasListeners(obj, eventName) {\n if (iterateSet(obj, eventName, function() { return true; })) {\n return true;\n }\n\n // no listeners! might as well clean this up so it is faster later.\n var set = metaPath(obj, ['listeners'], true);\n set[eventName] = null;\n\n return false;\n}\n\n/** @memberOf Ember */\nfunction listenersFor(obj, eventName) {\n var ret = [];\n iterateSet(obj, eventName, function (action) {\n ret.push([action.target, action.method]);\n });\n return ret;\n}\n\nEmber.addListener = addListener;\nEmber.removeListener = removeListener;\nEmber._suspendListener = suspendListener;\nEmber.sendEvent = sendEvent;\nEmber.hasListeners = hasListeners;\nEmber.watchedEvents = watchedEvents;\nEmber.listenersFor = listenersFor;\nEmber.deferEvent = deferEvent;\n\n})();\n//@ sourceURL=ember-metal/events");minispade.register('ember-metal', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/map');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/accessors');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/computed');\nminispade.require('ember-metal/watching');\nminispade.require('ember-metal/events');\nminispade.require('ember-metal/observer');\nminispade.require('ember-metal/mixin');\nminispade.require('ember-metal/binding');\nminispade.require('ember-metal/run_loop');\n\n})();\n//@ sourceURL=ember-metal");minispade.register('ember-metal/map', "(function() {/**\n JavaScript (before ES6) does not have a Map implementation. Objects,\n which are often used as dictionaries, may only have Strings as keys.\n\n Because Ember has a way to get a unique identifier for every object\n via `Ember.guidFor`, we can implement a performant Map with arbitrary\n keys. Because it is commonly used in low-level bookkeeping, Map is\n implemented as a pure JavaScript object for performance.\n\n This implementation follows the current iteration of the ES6 proposal\n for maps (http://wiki.ecmascript.org/doku.php?id=harmony:simple_maps_and_sets),\n with two exceptions. First, because we need our implementation to be\n pleasant on older browsers, we do not use the `delete` name (using\n `remove` instead). Second, as we do not have the luxury of in-VM\n iteration, we implement a forEach method for iteration.\n\n Map is mocked out to look like an Ember object, so you can do\n `Ember.Map.create()` for symmetry with other Ember classes.\n*/\nminispade.require('ember-metal/array');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/core');\n\n/** @private */\nvar guidFor = Ember.guidFor,\n indexOf = Ember.ArrayPolyfills.indexOf;\n\nvar copy = function(obj) {\n var output = {};\n\n for (var prop in obj) {\n if (obj.hasOwnProperty(prop)) { output[prop] = obj[prop]; }\n }\n\n return output;\n};\n\nvar copyMap = function(original, newObject) {\n var keys = original.keys.copy(),\n values = copy(original.values);\n\n newObject.keys = keys;\n newObject.values = values;\n\n return newObject;\n};\n\n// This class is used internally by Ember.js and Ember Data.\n// Please do not use it at this time. We plan to clean it up\n// and add many tests soon.\nvar OrderedSet = Ember.OrderedSet = function() {\n this.clear();\n};\n\nOrderedSet.create = function() {\n return new OrderedSet();\n};\n\nOrderedSet.prototype = {\n clear: function() {\n this.presenceSet = {};\n this.list = [];\n },\n\n add: function(obj) {\n var guid = guidFor(obj),\n presenceSet = this.presenceSet,\n list = this.list;\n\n if (guid in presenceSet) { return; }\n\n presenceSet[guid] = true;\n list.push(obj);\n },\n\n remove: function(obj) {\n var guid = guidFor(obj),\n presenceSet = this.presenceSet,\n list = this.list;\n\n delete presenceSet[guid];\n\n var index = indexOf.call(list, obj);\n if (index > -1) {\n list.splice(index, 1);\n }\n },\n\n isEmpty: function() {\n return this.list.length === 0;\n },\n\n forEach: function(fn, self) {\n // allow mutation during iteration\n var list = this.list.slice();\n\n for (var i = 0, j = list.length; i < j; i++) {\n fn.call(self, list[i]);\n }\n },\n\n toArray: function() {\n return this.list.slice();\n },\n\n copy: function() {\n var set = new OrderedSet();\n\n set.presenceSet = copy(this.presenceSet);\n set.list = this.list.slice();\n\n return set;\n }\n};\n\n/**\n A Map stores values indexed by keys. Unlike JavaScript's\n default Objects, the keys of a Map can be any JavaScript\n object.\n\n Internally, a Map has two data structures:\n\n `keys`: an OrderedSet of all of the existing keys\n `values`: a JavaScript Object indexed by the\n Ember.guidFor(key)\n\n When a key/value pair is added for the first time, we\n add the key to the `keys` OrderedSet, and create or\n replace an entry in `values`. When an entry is deleted,\n we delete its entry in `keys` and `values`.\n*/\n\n/** @private */\nvar Map = Ember.Map = function() {\n this.keys = Ember.OrderedSet.create();\n this.values = {};\n};\n\nMap.create = function() {\n return new Map();\n};\n\nMap.prototype = {\n /**\n Retrieve the value associated with a given key.\n\n @param {anything} key\n @return {anything} the value associated with the key, or undefined\n */\n get: function(key) {\n var values = this.values,\n guid = guidFor(key);\n\n return values[guid];\n },\n\n /**\n Adds a value to the map. If a value for the given key has already been\n provided, the new value will replace the old value.\n\n @param {anything} key\n @param {anything} value\n */\n set: function(key, value) {\n var keys = this.keys,\n values = this.values,\n guid = guidFor(key);\n\n keys.add(key);\n values[guid] = value;\n },\n\n /**\n Removes a value from the map for an associated key.\n\n @param {anything} key\n @returns {Boolean} true if an item was removed, false otherwise\n */\n remove: function(key) {\n // don't use ES6 \"delete\" because it will be annoying\n // to use in browsers that are not ES6 friendly;\n var keys = this.keys,\n values = this.values,\n guid = guidFor(key),\n value;\n\n if (values.hasOwnProperty(guid)) {\n keys.remove(key);\n value = values[guid];\n delete values[guid];\n return true;\n } else {\n return false;\n }\n },\n\n /**\n Check whether a key is present.\n\n @param {anything} key\n @returns {Boolean} true if the item was present, false otherwise\n */\n has: function(key) {\n var values = this.values,\n guid = guidFor(key);\n\n return values.hasOwnProperty(guid);\n },\n\n /**\n Iterate over all the keys and values. Calls the function once\n for each key, passing in the key and value, in that order.\n\n The keys are guaranteed to be iterated over in insertion order.\n\n @param {Function} callback\n @param {anything} self if passed, the `this` value inside the\n callback. By default, `this` is the map.\n */\n forEach: function(callback, self) {\n var keys = this.keys,\n values = this.values;\n\n keys.forEach(function(key) {\n var guid = guidFor(key);\n callback.call(self, key, values[guid]);\n });\n },\n\n copy: function() {\n return copyMap(this, new Map());\n }\n};\n\nvar MapWithDefault = Ember.MapWithDefault = function(options) {\n Map.call(this);\n this.defaultValue = options.defaultValue;\n};\n\nMapWithDefault.create = function(options) {\n if (options) {\n return new MapWithDefault(options);\n } else {\n return new Map();\n }\n};\n\nMapWithDefault.prototype = Ember.create(Map.prototype);\n\nMapWithDefault.prototype.get = function(key) {\n var hasValue = this.has(key);\n\n if (hasValue) {\n return Map.prototype.get.call(this, key);\n } else {\n var defaultValue = this.defaultValue(key);\n this.set(key, defaultValue);\n return defaultValue;\n }\n};\n\nMapWithDefault.prototype.copy = function() {\n return copyMap(this, new MapWithDefault({\n defaultValue: this.defaultValue\n }));\n};\n\n})();\n//@ sourceURL=ember-metal/map");minispade.register('ember-metal/mixin', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/accessors');\nminispade.require('ember-metal/computed');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/observer');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/array');\nminispade.require('ember-metal/binding');\n\nvar Mixin, REQUIRED, Alias,\n classToString, superClassString,\n a_map = Ember.ArrayPolyfills.map,\n a_indexOf = Ember.ArrayPolyfills.indexOf,\n a_forEach = Ember.ArrayPolyfills.forEach,\n a_slice = [].slice,\n EMPTY_META = {}, // dummy for non-writable meta\n META_SKIP = { __emberproto__: true, __ember_count__: true },\n o_create = Ember.create,\n defineProperty = Ember.defineProperty,\n guidFor = Ember.guidFor;\n\n/** @private */\nfunction mixinsMeta(obj) {\n var m = Ember.meta(obj, true), ret = m.mixins;\n if (!ret) {\n ret = m.mixins = { __emberproto__: obj };\n } else if (ret.__emberproto__ !== obj) {\n ret = m.mixins = o_create(ret);\n ret.__emberproto__ = obj;\n }\n return ret;\n}\n\n/** @private */\nfunction initMixin(mixin, args) {\n if (args && args.length > 0) {\n mixin.mixins = a_map.call(args, function(x) {\n if (x instanceof Mixin) { return x; }\n\n // Note: Manually setup a primitive mixin here. This is the only\n // way to actually get a primitive mixin. This way normal creation\n // of mixins will give you combined mixins...\n var mixin = new Mixin();\n mixin.properties = x;\n return mixin;\n });\n }\n return mixin;\n}\n\n/** @private */\nfunction isMethod(obj) {\n return 'function' === typeof obj &&\n obj.isMethod !== false &&\n obj !== Boolean && obj !== Object && obj !== Number && obj !== Array && obj !== Date && obj !== String;\n}\n\n/** @private */\nfunction mergeMixins(mixins, m, descs, values, base) {\n var len = mixins.length, idx, mixin, guid, props, value, key, ovalue, concats;\n\n /** @private */\n function removeKeys(keyName) {\n delete descs[keyName];\n delete values[keyName];\n }\n\n for(idx=0; idx < len; idx++) {\n mixin = mixins[idx];\n Ember.assert('Expected hash or Mixin instance, got ' + Object.prototype.toString.call(mixin), typeof mixin === 'object' && mixin !== null && Object.prototype.toString.call(mixin) !== '[object Array]');\n\n if (mixin instanceof Mixin) {\n guid = guidFor(mixin);\n if (m[guid]) { continue; }\n m[guid] = mixin;\n props = mixin.properties;\n } else {\n props = mixin; // apply anonymous mixin properties\n }\n\n if (props) {\n // reset before adding each new mixin to pickup concats from previous\n concats = values.concatenatedProperties || base.concatenatedProperties;\n if (props.concatenatedProperties) {\n concats = concats ? concats.concat(props.concatenatedProperties) : props.concatenatedProperties;\n }\n\n for (key in props) {\n if (!props.hasOwnProperty(key)) { continue; }\n value = props[key];\n if (value instanceof Ember.Descriptor) {\n if (value === REQUIRED && descs[key]) { continue; }\n\n descs[key] = value;\n values[key] = undefined;\n } else {\n // impl super if needed...\n if (isMethod(value)) {\n ovalue = descs[key] === undefined && values[key];\n if (!ovalue) { ovalue = base[key]; }\n if ('function' !== typeof ovalue) { ovalue = null; }\n if (ovalue) {\n var o = value.__ember_observes__, ob = value.__ember_observesBefore__;\n value = Ember.wrap(value, ovalue);\n value.__ember_observes__ = o;\n value.__ember_observesBefore__ = ob;\n }\n } else if ((concats && a_indexOf.call(concats, key) >= 0) || key === 'concatenatedProperties') {\n var baseValue = values[key] || base[key];\n value = baseValue ? baseValue.concat(value) : Ember.makeArray(value);\n }\n\n descs[key] = undefined;\n values[key] = value;\n }\n }\n\n // manually copy toString() because some JS engines do not enumerate it\n if (props.hasOwnProperty('toString')) {\n base.toString = props.toString;\n }\n\n } else if (mixin.mixins) {\n mergeMixins(mixin.mixins, m, descs, values, base);\n if (mixin._without) { a_forEach.call(mixin._without, removeKeys); }\n }\n }\n}\n\n/** @private */\nfunction writableReq(obj) {\n var m = Ember.meta(obj), req = m.required;\n if (!req || req.__emberproto__ !== obj) {\n req = m.required = req ? o_create(req) : { __ember_count__: 0 };\n req.__emberproto__ = obj;\n }\n return req;\n}\n\nvar IS_BINDING = Ember.IS_BINDING = /^.+Binding$/;\n\n/** @private */\nfunction detectBinding(obj, key, value, m) {\n if (IS_BINDING.test(key)) {\n var bindings = m.bindings;\n if (!bindings) {\n bindings = m.bindings = { __emberproto__: obj };\n } else if (bindings.__emberproto__ !== obj) {\n bindings = m.bindings = o_create(m.bindings);\n bindings.__emberproto__ = obj;\n }\n bindings[key] = value;\n }\n}\n\n/** @private */\nfunction connectBindings(obj, m) {\n // TODO Mixin.apply(instance) should disconnect binding if exists\n var bindings = m.bindings, key, binding, to;\n if (bindings) {\n for (key in bindings) {\n binding = key !== '__emberproto__' && bindings[key];\n if (binding) {\n to = key.slice(0, -7); // strip Binding off end\n if (binding instanceof Ember.Binding) {\n binding = binding.copy(); // copy prototypes' instance\n binding.to(to);\n } else { // binding is string path\n binding = new Ember.Binding(to, binding);\n }\n binding.connect(obj);\n obj[key] = binding;\n }\n }\n // mark as applied\n m.bindings = { __emberproto__: obj };\n }\n}\n\nfunction finishPartial(obj, m) {\n connectBindings(obj, m || Ember.meta(obj));\n return obj;\n}\n\n/** @private */\nfunction applyMixin(obj, mixins, partial) {\n var descs = {}, values = {}, m = Ember.meta(obj), req = m.required,\n key, value, desc, prevValue, paths, len, idx;\n\n // Go through all mixins and hashes passed in, and:\n //\n // * Handle concatenated properties\n // * Set up _super wrapping if necessary\n // * Set up computed property descriptors\n // * Copying `toString` in broken browsers\n mergeMixins(mixins, mixinsMeta(obj), descs, values, obj);\n\n for(key in values) {\n if (key === 'contructor') { continue; }\n if (!values.hasOwnProperty(key)) { continue; }\n\n desc = descs[key];\n value = values[key];\n\n if (desc === REQUIRED) {\n if (!(key in obj)) {\n Ember.assert('Required property not defined: '+key, !!partial);\n\n // for partial applies add to hash of required keys\n req = writableReq(obj);\n req.__ember_count__++;\n req[key] = true;\n }\n } else {\n while (desc && desc instanceof Alias) {\n var altKey = desc.methodName;\n if (descs[altKey] || values[altKey]) {\n value = values[altKey];\n desc = descs[altKey];\n } else if (m.descs[altKey]) {\n desc = m.descs[altKey];\n value = undefined;\n } else {\n desc = undefined;\n value = obj[altKey];\n }\n }\n\n if (desc === undefined && value === undefined) { continue; }\n\n prevValue = obj[key];\n\n if ('function' === typeof prevValue) {\n if ((paths = prevValue.__ember_observesBefore__)) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.removeBeforeObserver(obj, paths[idx], null, key);\n }\n } else if ((paths = prevValue.__ember_observes__)) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.removeObserver(obj, paths[idx], null, key);\n }\n }\n }\n\n detectBinding(obj, key, value, m);\n\n defineProperty(obj, key, desc, value, m);\n\n if ('function' === typeof value) {\n if (paths = value.__ember_observesBefore__) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.addBeforeObserver(obj, paths[idx], null, key);\n }\n } else if (paths = value.__ember_observes__) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.addObserver(obj, paths[idx], null, key);\n }\n }\n }\n\n if (req && req[key]) {\n req = writableReq(obj);\n req.__ember_count__--;\n req[key] = false;\n }\n }\n }\n\n if (!partial) { // don't apply to prototype\n finishPartial(obj, m);\n }\n\n // Make sure no required attrs remain\n if (!partial && req && req.__ember_count__>0) {\n var keys = [];\n for (key in req) {\n if (META_SKIP[key]) { continue; }\n keys.push(key);\n }\n // TODO: Remove surrounding if clause from production build\n Ember.assert('Required properties not defined: '+keys.join(','));\n }\n return obj;\n}\n\nEmber.mixin = function(obj) {\n var args = a_slice.call(arguments, 1);\n applyMixin(obj, args, false);\n return obj;\n};\n\n/**\n @class\n\n The `Ember.Mixin` class allows you to create mixins, whose properties can be\n added to other classes. For instance,\n\n App.Editable = Ember.Mixin.create({\n edit: function() {\n console.log('starting to edit');\n this.set('isEditing', true);\n },\n isEditing: false\n });\n\n // Mix mixins into classes by passing them as the first arguments to\n // .extend or .create.\n App.CommentView = Ember.View.extend(App.Editable, {\n template: Ember.Handlebars.compile('{{#if isEditing}}...{{else}}...{{/if}}')\n });\n\n commentView = App.CommentView.create();\n commentView.edit(); // => outputs 'starting to edit'\n\n Note that Mixins are created with `Ember.Mixin.create`, not\n `Ember.Mixin.extend`.\n*/\nEmber.Mixin = function() { return initMixin(this, arguments); };\n\n/** @private */\nMixin = Ember.Mixin;\n\n/** @private */\nMixin._apply = applyMixin;\n\nMixin.applyPartial = function(obj) {\n var args = a_slice.call(arguments, 1);\n return applyMixin(obj, args, true);\n};\n\nMixin.finishPartial = finishPartial;\n\nMixin.create = function() {\n classToString.processed = false;\n var M = this;\n return initMixin(new M(), arguments);\n};\n\nvar MixinPrototype = Mixin.prototype;\n\nMixinPrototype.reopen = function() {\n var mixin, tmp;\n\n if (this.properties) {\n mixin = Mixin.create();\n mixin.properties = this.properties;\n delete this.properties;\n this.mixins = [mixin];\n } else if (!this.mixins) {\n this.mixins = [];\n }\n\n var len = arguments.length, mixins = this.mixins, idx;\n\n for(idx=0; idx < len; idx++) {\n mixin = arguments[idx];\n Ember.assert('Expected hash or Mixin instance, got ' + Object.prototype.toString.call(mixin), typeof mixin === 'object' && mixin !== null && Object.prototype.toString.call(mixin) !== '[object Array]');\n\n if (mixin instanceof Mixin) {\n mixins.push(mixin);\n } else {\n tmp = Mixin.create();\n tmp.properties = mixin;\n mixins.push(tmp);\n }\n }\n\n return this;\n};\n\nMixinPrototype.apply = function(obj) {\n return applyMixin(obj, [this], false);\n};\n\nMixinPrototype.applyPartial = function(obj) {\n return applyMixin(obj, [this], true);\n};\n\n/** @private */\nfunction _detect(curMixin, targetMixin, seen) {\n var guid = guidFor(curMixin);\n\n if (seen[guid]) { return false; }\n seen[guid] = true;\n\n if (curMixin === targetMixin) { return true; }\n var mixins = curMixin.mixins, loc = mixins ? mixins.length : 0;\n while (--loc >= 0) {\n if (_detect(mixins[loc], targetMixin, seen)) { return true; }\n }\n return false;\n}\n\nMixinPrototype.detect = function(obj) {\n if (!obj) { return false; }\n if (obj instanceof Mixin) { return _detect(obj, this, {}); }\n var mixins = Ember.meta(obj, false).mixins;\n if (mixins) {\n return !!mixins[guidFor(this)];\n }\n return false;\n};\n\nMixinPrototype.without = function() {\n var ret = new Mixin(this);\n ret._without = a_slice.call(arguments);\n return ret;\n};\n\n/** @private */\nfunction _keys(ret, mixin, seen) {\n if (seen[guidFor(mixin)]) { return; }\n seen[guidFor(mixin)] = true;\n\n if (mixin.properties) {\n var props = mixin.properties;\n for (var key in props) {\n if (props.hasOwnProperty(key)) { ret[key] = true; }\n }\n } else if (mixin.mixins) {\n a_forEach.call(mixin.mixins, function(x) { _keys(ret, x, seen); });\n }\n}\n\nMixinPrototype.keys = function() {\n var keys = {}, seen = {}, ret = [];\n _keys(keys, this, seen);\n for(var key in keys) {\n if (keys.hasOwnProperty(key)) { ret.push(key); }\n }\n return ret;\n};\n\n/** @private - make Mixin's have nice displayNames */\n\nvar NAME_KEY = Ember.GUID_KEY+'_name';\nvar get = Ember.get;\n\n/** @private */\nfunction processNames(paths, root, seen) {\n var idx = paths.length;\n for(var key in root) {\n if (!root.hasOwnProperty || !root.hasOwnProperty(key)) { continue; }\n var obj = root[key];\n paths[idx] = key;\n\n if (obj && obj.toString === classToString) {\n obj[NAME_KEY] = paths.join('.');\n } else if (obj && get(obj, 'isNamespace')) {\n if (seen[guidFor(obj)]) { continue; }\n seen[guidFor(obj)] = true;\n processNames(paths, obj, seen);\n }\n }\n paths.length = idx; // cut out last item\n}\n\n/** @private */\nfunction findNamespaces() {\n var Namespace = Ember.Namespace, obj, isNamespace;\n\n if (Namespace.PROCESSED) { return; }\n\n for (var prop in window) {\n // get(window.globalStorage, 'isNamespace') would try to read the storage for domain isNamespace and cause exception in Firefox.\n // globalStorage is a storage obsoleted by the WhatWG storage specification. See https://developer.mozilla.org/en/DOM/Storage#globalStorage\n if (prop === \"globalStorage\" && window.StorageList && window.globalStorage instanceof window.StorageList) { continue; }\n // Unfortunately, some versions of IE don't support window.hasOwnProperty\n if (window.hasOwnProperty && !window.hasOwnProperty(prop)) { continue; }\n\n // At times we are not allowed to access certain properties for security reasons.\n // There are also times where even if we can access them, we are not allowed to access their properties.\n try {\n obj = window[prop];\n isNamespace = obj && get(obj, 'isNamespace');\n } catch (e) {\n continue;\n }\n\n if (isNamespace) {\n Ember.deprecate(\"Namespaces should not begin with lowercase.\", /^[A-Z]/.test(prop));\n obj[NAME_KEY] = prop;\n }\n }\n}\n\nEmber.identifyNamespaces = findNamespaces;\n\n/** @private */\nsuperClassString = function(mixin) {\n var superclass = mixin.superclass;\n if (superclass) {\n if (superclass[NAME_KEY]) { return superclass[NAME_KEY]; }\n else { return superClassString(superclass); }\n } else {\n return;\n }\n};\n\n/** @private */\nclassToString = function() {\n var Namespace = Ember.Namespace, namespace;\n\n // TODO: Namespace should really be in Metal\n if (Namespace) {\n if (!this[NAME_KEY] && !classToString.processed) {\n if (!Namespace.PROCESSED) {\n findNamespaces();\n Namespace.PROCESSED = true;\n }\n\n classToString.processed = true;\n\n var namespaces = Namespace.NAMESPACES;\n for (var i=0, l=namespaces.length; i 0;\n\n if (existingDesc instanceof Ember.Descriptor) {\n existingDesc.teardown(obj, keyName);\n }\n\n if (desc instanceof Ember.Descriptor) {\n value = desc;\n\n descs[keyName] = desc;\n if (MANDATORY_SETTER && watching) {\n objectDefineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n writable: true,\n value: undefined // make enumerable\n });\n } else {\n obj[keyName] = undefined; // make enumerable\n }\n desc.setup(obj, keyName);\n } else {\n descs[keyName] = undefined; // shadow descriptor in proto\n if (desc == null) {\n value = data;\n\n if (MANDATORY_SETTER && watching) {\n meta.values[keyName] = data;\n objectDefineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n set: function() {\n Ember.assert('Must use Ember.set() to access this property', false);\n },\n get: function() {\n var meta = this[META_KEY];\n return meta && meta.values[keyName];\n }\n });\n } else {\n obj[keyName] = data;\n }\n } else {\n value = desc;\n\n // compatibility with ES5\n objectDefineProperty(obj, keyName, desc);\n }\n }\n\n // if key is being watched, override chains that\n // were initialized with the prototype\n if (watching) { Ember.overrideChains(obj, keyName, meta); }\n\n // The `value` passed to the `didDefineProperty` hook is\n // either the descriptor or data, whichever was passed.\n if (obj.didDefineProperty) { obj.didDefineProperty(obj, keyName, value); }\n\n return this;\n};\n\n\n})();\n//@ sourceURL=ember-metal/properties");minispade.register('ember-metal/run_loop', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2010 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core'); // Ember.Logger\nminispade.require('ember-metal/watching'); // Ember.watch.flushPending\nminispade.require('ember-metal/observer'); // Ember.beginPropertyChanges, Ember.endPropertyChanges\nminispade.require('ember-metal/utils'); // Ember.guidFor\n\n// ..........................................................\n// HELPERS\n//\n\nvar slice = [].slice,\n forEach = Ember.ArrayPolyfills.forEach;\n\n// invokes passed params - normalizing so you can pass target/func,\n// target/string or just func\n/** @private */\nfunction invoke(target, method, args, ignore) {\n\n if (method === undefined) {\n method = target;\n target = undefined;\n }\n\n if ('string' === typeof method) { method = target[method]; }\n if (args && ignore > 0) {\n args = args.length > ignore ? slice.call(args, ignore) : null;\n }\n\n // Unfortunately in some browsers we lose the backtrace if we rethrow the existing error,\n // so in the event that we don't have an `onerror` handler we don't wrap in a try/catch\n if ('function' === typeof Ember.onerror) {\n try {\n // IE8's Function.prototype.apply doesn't accept undefined/null arguments.\n return method.apply(target || this, args || []);\n } catch (error) {\n Ember.onerror(error);\n }\n } else {\n // IE8's Function.prototype.apply doesn't accept undefined/null arguments.\n return method.apply(target || this, args || []);\n }\n}\n\n\n// ..........................................................\n// RUNLOOP\n//\n\nvar timerMark; // used by timers...\n\n/** @private */\nvar RunLoop = function(prev) {\n this._prev = prev || null;\n this.onceTimers = {};\n};\n\nRunLoop.prototype = {\n end: function() {\n this.flush();\n },\n\n prev: function() {\n return this._prev;\n },\n\n // ..........................................................\n // Delayed Actions\n //\n\n schedule: function(queueName, target, method) {\n var queues = this._queues, queue;\n if (!queues) { queues = this._queues = {}; }\n queue = queues[queueName];\n if (!queue) { queue = queues[queueName] = []; }\n\n var args = arguments.length > 3 ? slice.call(arguments, 3) : null;\n queue.push({ target: target, method: method, args: args });\n return this;\n },\n\n flush: function(queueName) {\n var queueNames, idx, len, queue, log;\n\n if (!this._queues) { return this; } // nothing to do\n\n function iter(item) {\n invoke(item.target, item.method, item.args);\n }\n\n Ember.watch.flushPending(); // make sure all chained watchers are setup\n\n if (queueName) {\n while (this._queues && (queue = this._queues[queueName])) {\n this._queues[queueName] = null;\n\n // the sync phase is to allow property changes to propagate. don't\n // invoke observers until that is finished.\n if (queueName === 'sync') {\n log = Ember.LOG_BINDINGS;\n if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); }\n\n Ember.beginPropertyChanges();\n try {\n forEach.call(queue, iter);\n } finally {\n Ember.endPropertyChanges();\n }\n\n if (log) { Ember.Logger.log('End: Flush Sync Queue'); }\n\n } else {\n forEach.call(queue, iter);\n }\n }\n\n } else {\n queueNames = Ember.run.queues;\n len = queueNames.length;\n idx = 0;\n\n outerloop:\n while (idx < len) {\n queueName = queueNames[idx];\n queue = this._queues && this._queues[queueName];\n delete this._queues[queueName];\n\n if (queue) {\n // the sync phase is to allow property changes to propagate. don't\n // invoke observers until that is finished.\n if (queueName === 'sync') {\n log = Ember.LOG_BINDINGS;\n if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); }\n\n Ember.beginPropertyChanges();\n try {\n forEach.call(queue, iter);\n } finally {\n Ember.endPropertyChanges();\n }\n\n if (log) { Ember.Logger.log('End: Flush Sync Queue'); }\n } else {\n forEach.call(queue, iter);\n }\n }\n\n // Loop through prior queues\n for (var i = 0; i <= idx; i++) {\n if (this._queues && this._queues[queueNames[i]]) {\n // Start over at the first queue with contents\n idx = i;\n continue outerloop;\n }\n }\n\n idx++;\n }\n }\n\n timerMark = null;\n\n return this;\n }\n\n};\n\nEmber.RunLoop = RunLoop;\n\n// ..........................................................\n// Ember.run - this is ideally the only public API the dev sees\n//\n/**\n* @namespace Ember.run is both a function and a namespace for\n* RunLoop-related functions.\n* @name Ember.run\n*/\n\n/**\n Runs the passed target and method inside of a RunLoop, ensuring any\n deferred actions including bindings and views updates are flushed at the\n end.\n\n Normally you should not need to invoke this method yourself. However if\n you are implementing raw event handlers when interfacing with other\n libraries or plugins, you should probably wrap all of your code inside this\n call.\n\n Ember.run(function(){\n // code to be execute within a RunLoop \n });\n\n @name run\n @methodOf Ember.run\n @param {Object} target\n (Optional) target of method to call\n\n @param {Function|String} method\n Method to invoke. May be a function or a string. If you pass a string\n then it will be looked up on the passed target.\n\n @param {Object...} args\n Any additional arguments you wish to pass to the method.\n\n @returns {Object} return value from invoking the passed function.\n*/\nEmber.run = function(target, method) {\n var ret, loop;\n run.begin();\n try {\n if (target || method) { ret = invoke(target, method, arguments, 2); }\n } finally {\n run.end();\n }\n return ret;\n};\n\n/** @private */\nvar run = Ember.run;\n\n\n/**\n Begins a new RunLoop. Any deferred actions invoked after the begin will\n be buffered until you invoke a matching call to Ember.run.end(). This is\n an lower-level way to use a RunLoop instead of using Ember.run().\n\n Ember.run.begin();\n // code to be execute within a RunLoop \n Ember.run.end();\n\n\n @returns {void}\n*/\nEmber.run.begin = function() {\n run.currentRunLoop = new RunLoop(run.currentRunLoop);\n};\n\n/**\n Ends a RunLoop. This must be called sometime after you call Ember.run.begin()\n to flush any deferred actions. This is a lower-level way to use a RunLoop\n instead of using Ember.run().\n\n Ember.run.begin();\n // code to be execute within a RunLoop \n Ember.run.end();\n\n @returns {void}\n*/\nEmber.run.end = function() {\n Ember.assert('must have a current run loop', run.currentRunLoop);\n try {\n run.currentRunLoop.end();\n }\n finally {\n run.currentRunLoop = run.currentRunLoop.prev();\n }\n};\n\n/**\n Array of named queues. This array determines the order in which queues\n are flushed at the end of the RunLoop. You can define your own queues by\n simply adding the queue name to this array. Normally you should not need\n to inspect or modify this property.\n\n @type Array\n @default ['sync', 'actions', 'destroy', 'timers']\n*/\nEmber.run.queues = ['sync', 'actions', 'destroy', 'timers'];\n\n/**\n Adds the passed target/method and any optional arguments to the named\n queue to be executed at the end of the RunLoop. If you have not already\n started a RunLoop when calling this method one will be started for you\n automatically.\n\n At the end of a RunLoop, any methods scheduled in this way will be invoked.\n Methods will be invoked in an order matching the named queues defined in\n the run.queues property.\n\n Ember.run.schedule('timers', this, function(){\n // this will be executed at the end of the RunLoop, when timers are run\n console.log(\"scheduled on timers queue\");\n });\n Ember.run.schedule('sync', this, function(){\n // this will be executed at the end of the RunLoop, when bindings are synced\n console.log(\"scheduled on sync queue\");\n });\n // Note the functions will be run in order based on the run queues order. Output would be:\n // scheduled on sync queue\n // scheduled on timers queue\n\n @param {String} queue\n The name of the queue to schedule against. Default queues are 'sync' and\n 'actions'\n\n @param {Object} target\n (Optional) target object to use as the context when invoking a method.\n\n @param {String|Function} method\n The method to invoke. If you pass a string it will be resolved on the\n target object at the time the scheduled item is invoked allowing you to\n change the target function.\n\n @param {Object} arguments...\n Optional arguments to be passed to the queued method.\n\n @returns {void}\n*/\nEmber.run.schedule = function(queue, target, method) {\n var loop = run.autorun();\n loop.schedule.apply(loop, arguments);\n};\n\nvar scheduledAutorun;\n/** @private */\nfunction autorun() {\n scheduledAutorun = null;\n if (run.currentRunLoop) { run.end(); }\n}\n\n// Used by global test teardown\n/** @private */\nEmber.run.hasScheduledTimers = function() {\n return !!(scheduledAutorun || scheduledLater || scheduledNext);\n};\n\n// Used by global test teardown\n/** @private */\nEmber.run.cancelTimers = function () {\n if (scheduledAutorun) {\n clearTimeout(scheduledAutorun);\n scheduledAutorun = null;\n }\n if (scheduledLater) {\n clearTimeout(scheduledLater);\n scheduledLater = null;\n }\n if (scheduledNext) {\n clearTimeout(scheduledNext);\n scheduledNext = null;\n }\n timers = {};\n};\n\n/**\n Begins a new RunLoop if necessary and schedules a timer to flush the\n RunLoop at a later time. This method is used by parts of Ember to\n ensure the RunLoop always finishes. You normally do not need to call this\n method directly. Instead use Ember.run().\n\n Ember.run.autorun();\n\n @returns {Ember.RunLoop} the new current RunLoop\n*/\nEmber.run.autorun = function() {\n if (!run.currentRunLoop) {\n Ember.assert(\"You have turned on testing mode, which disabled the run-loop's autorun. You will need to wrap any code with asynchronous side-effects in an Ember.run\", !Ember.testing);\n\n run.begin();\n\n if (!scheduledAutorun) {\n scheduledAutorun = setTimeout(autorun, 1);\n }\n }\n\n return run.currentRunLoop;\n};\n\n/**\n Immediately flushes any events scheduled in the 'sync' queue. Bindings\n use this queue so this method is a useful way to immediately force all\n bindings in the application to sync.\n\n You should call this method anytime you need any changed state to propagate\n throughout the app immediately without repainting the UI.\n\n Ember.run.sync();\n\n @returns {void}\n*/\nEmber.run.sync = function() {\n run.autorun();\n run.currentRunLoop.flush('sync');\n};\n\n// ..........................................................\n// TIMERS\n//\n\nvar timers = {}; // active timers...\n\nvar scheduledLater;\n/** @private */\nfunction invokeLaterTimers() {\n scheduledLater = null;\n var now = (+ new Date()), earliest = -1;\n for (var key in timers) {\n if (!timers.hasOwnProperty(key)) { continue; }\n var timer = timers[key];\n if (timer && timer.expires) {\n if (now >= timer.expires) {\n delete timers[key];\n invoke(timer.target, timer.method, timer.args, 2);\n } else {\n if (earliest<0 || (timer.expires < earliest)) earliest=timer.expires;\n }\n }\n }\n\n // schedule next timeout to fire...\n if (earliest > 0) { scheduledLater = setTimeout(invokeLaterTimers, earliest-(+ new Date())); }\n}\n\n/**\n Invokes the passed target/method and optional arguments after a specified\n period if time. The last parameter of this method must always be a number\n of milliseconds.\n\n You should use this method whenever you need to run some action after a\n period of time instead of using setTimeout(). This method will ensure that\n items that expire during the same script execution cycle all execute\n together, which is often more efficient than using a real setTimeout.\n\n Ember.run.later(myContext, function(){\n // code here will execute within a RunLoop in about 500ms with this == myContext\n }, 500);\n\n @param {Object} target\n (optional) target of method to invoke\n\n @param {Function|String} method\n The method to invoke. If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object...} args\n Optional arguments to pass to the timeout.\n\n @param {Number} wait\n Number of milliseconds to wait.\n\n @returns {String} a string you can use to cancel the timer in Ember.run.cancel() later.\n*/\nEmber.run.later = function(target, method) {\n var args, expires, timer, guid, wait;\n\n // setTimeout compatibility...\n if (arguments.length===2 && 'function' === typeof target) {\n wait = method;\n method = target;\n target = undefined;\n args = [target, method];\n } else {\n args = slice.call(arguments);\n wait = args.pop();\n }\n\n expires = (+ new Date()) + wait;\n timer = { target: target, method: method, expires: expires, args: args };\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n run.once(timers, invokeLaterTimers);\n return guid;\n};\n\n/** @private */\nfunction invokeOnceTimer(guid, onceTimers) {\n if (onceTimers[this.tguid]) { delete onceTimers[this.tguid][this.mguid]; }\n if (timers[guid]) { invoke(this.target, this.method, this.args, 2); }\n delete timers[guid];\n}\n\n/**\n Schedules an item to run one time during the current RunLoop. Calling\n this method with the same target/method combination will have no effect.\n\n Note that although you can pass optional arguments these will not be\n considered when looking for duplicates. New arguments will replace previous\n calls.\n\n Ember.run(function(){\n var doFoo = function() { foo(); }\n Ember.run.once(myContext, doFoo);\n Ember.run.once(myContext, doFoo);\n // doFoo will only be executed once at the end of the RunLoop\n });\n\n @param {Object} target\n (optional) target of method to invoke\n\n @param {Function|String} method\n The method to invoke. If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object...} args\n Optional arguments to pass to the timeout.\n\n\n @returns {Object} timer\n*/\nEmber.run.once = function(target, method) {\n var tguid = Ember.guidFor(target),\n mguid = Ember.guidFor(method),\n onceTimers = run.autorun().onceTimers,\n guid = onceTimers[tguid] && onceTimers[tguid][mguid],\n timer;\n\n if (guid && timers[guid]) {\n timers[guid].args = slice.call(arguments); // replace args\n } else {\n timer = {\n target: target,\n method: method,\n args: slice.call(arguments),\n tguid: tguid,\n mguid: mguid\n };\n\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n if (!onceTimers[tguid]) { onceTimers[tguid] = {}; }\n onceTimers[tguid][mguid] = guid; // so it isn't scheduled more than once\n\n run.schedule('actions', timer, invokeOnceTimer, guid, onceTimers);\n }\n\n return guid;\n};\n\nvar scheduledNext;\n/** @private */\nfunction invokeNextTimers() {\n scheduledNext = null;\n for(var key in timers) {\n if (!timers.hasOwnProperty(key)) { continue; }\n var timer = timers[key];\n if (timer.next) {\n delete timers[key];\n invoke(timer.target, timer.method, timer.args, 2);\n }\n }\n}\n\n/**\n Schedules an item to run after control has been returned to the system.\n This is often equivalent to calling setTimeout(function...,1).\n\n Ember.run.next(myContext, function(){\n // code to be executed in the next RunLoop, which will be scheduled after the current one\n });\n\n @param {Object} target\n (optional) target of method to invoke\n\n @param {Function|String} method\n The method to invoke. If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object...} args\n Optional arguments to pass to the timeout.\n\n @returns {Object} timer\n*/\nEmber.run.next = function(target, method) {\n var guid,\n timer = {\n target: target,\n method: method,\n args: slice.call(arguments),\n next: true\n };\n\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n\n if (!scheduledNext) { scheduledNext = setTimeout(invokeNextTimers, 1); }\n return guid;\n};\n\n/**\n Cancels a scheduled item. Must be a value returned by `Ember.run.later()`,\n `Ember.run.once()`, or `Ember.run.next()`.\n\n var runNext = Ember.run.next(myContext, function(){\n // will not be executed\n });\n Ember.run.cancel(runNext);\n\n var runLater = Ember.run.later(myContext, function(){\n // will not be executed\n }, 500);\n Ember.run.cancel(runLater);\n\n var runOnce = Ember.run.once(myContext, function(){\n // will not be executed\n });\n Ember.run.cancel(runOnce);\n\n @param {Object} timer\n Timer object to cancel\n\n @returns {void}\n*/\nEmber.run.cancel = function(timer) {\n delete timers[timer];\n};\n\n})();\n//@ sourceURL=ember-metal/run_loop");minispade.register('ember-metal/utils', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\n\nvar o_defineProperty = Ember.platform.defineProperty,\n o_create = Ember.create,\n // Used for guid generation...\n GUID_KEY = '__ember'+ (+ new Date()),\n uuid = 0,\n numberCache = [],\n stringCache = {};\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER;\n\n/**\n @private\n @static\n @type String\n @constant\n\n A unique key used to assign guids and other private metadata to objects.\n If you inspect an object in your browser debugger you will often see these.\n They can be safely ignored.\n\n On browsers that support it, these properties are added with enumeration\n disabled so they won't show up when you iterate over your properties.\n*/\nEmber.GUID_KEY = GUID_KEY;\n\nvar GUID_DESC = {\n writable: false,\n configurable: false,\n enumerable: false,\n value: null\n};\n\n/**\n @private\n\n Generates a new guid, optionally saving the guid to the object that you\n pass in. You will rarely need to use this method. Instead you should\n call Ember.guidFor(obj), which return an existing guid if available.\n\n @param {Object} obj\n Optional object the guid will be used for. If passed in, the guid will\n be saved on the object and reused whenever you pass the same object\n again.\n\n If no object is passed, just generate a new guid.\n\n @param {String} prefix\n Optional prefix to place in front of the guid. Useful when you want to\n separate the guid into separate namespaces.\n\n @returns {String} the guid\n*/\nEmber.generateGuid = function generateGuid(obj, prefix) {\n if (!prefix) prefix = 'ember';\n var ret = (prefix + (uuid++));\n if (obj) {\n GUID_DESC.value = ret;\n o_defineProperty(obj, GUID_KEY, GUID_DESC);\n }\n return ret ;\n};\n\n/**\n @private\n\n Returns a unique id for the object. If the object does not yet have\n a guid, one will be assigned to it. You can call this on any object,\n Ember.Object-based or not, but be aware that it will add a _guid property.\n\n You can also use this method on DOM Element objects.\n\n @method\n @param obj {Object} any object, string, number, Element, or primitive\n @returns {String} the unique guid for this instance.\n*/\nEmber.guidFor = function guidFor(obj) {\n\n // special cases where we don't want to add a key to object\n if (obj === undefined) return \"(undefined)\";\n if (obj === null) return \"(null)\";\n\n var cache, ret;\n var type = typeof obj;\n\n // Don't allow prototype changes to String etc. to change the guidFor\n switch(type) {\n case 'number':\n ret = numberCache[obj];\n if (!ret) ret = numberCache[obj] = 'nu'+obj;\n return ret;\n\n case 'string':\n ret = stringCache[obj];\n if (!ret) ret = stringCache[obj] = 'st'+(uuid++);\n return ret;\n\n case 'boolean':\n return obj ? '(true)' : '(false)';\n\n default:\n if (obj[GUID_KEY]) return obj[GUID_KEY];\n if (obj === Object) return '(Object)';\n if (obj === Array) return '(Array)';\n ret = 'ember'+(uuid++);\n GUID_DESC.value = ret;\n o_defineProperty(obj, GUID_KEY, GUID_DESC);\n return ret;\n }\n};\n\n// ..........................................................\n// META\n//\n\nvar META_DESC = {\n writable: true,\n configurable: false,\n enumerable: false,\n value: null\n};\n\nvar META_KEY = Ember.GUID_KEY+'_meta';\n\n/**\n The key used to store meta information on object for property observing.\n\n @static\n @type String\n*/\nEmber.META_KEY = META_KEY;\n\n// Placeholder for non-writable metas.\nvar EMPTY_META = {\n descs: {},\n watching: {}\n};\n\nif (MANDATORY_SETTER) { EMPTY_META.values = {}; }\n\nEmber.EMPTY_META = EMPTY_META;\n\nif (Object.freeze) Object.freeze(EMPTY_META);\n\nvar isDefinePropertySimulated = Ember.platform.defineProperty.isSimulated;\n\nfunction Meta(obj) {\n this.descs = {};\n this.watching = {};\n this.cache = {};\n this.source = obj;\n}\n\nif (isDefinePropertySimulated) {\n // on platforms that don't support enumerable false\n // make meta fail jQuery.isPlainObject() to hide from\n // jQuery.extend() by having a property that fails\n // hasOwnProperty check.\n Meta.prototype.__preventPlainObject__ = true;\n}\n\n/**\n @private\n @function\n\n Retrieves the meta hash for an object. If 'writable' is true ensures the\n hash is writable for this object as well.\n\n The meta object contains information about computed property descriptors as\n well as any watched properties and other information. You generally will\n not access this information directly but instead work with higher level\n methods that manipulate this hash indirectly.\n\n @param {Object} obj\n The object to retrieve meta for\n\n @param {Boolean} writable\n Pass false if you do not intend to modify the meta hash, allowing the\n method to avoid making an unnecessary copy.\n\n @returns {Hash}\n*/\nEmber.meta = function meta(obj, writable) {\n\n var ret = obj[META_KEY];\n if (writable===false) return ret || EMPTY_META;\n\n if (!ret) {\n if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC);\n\n ret = new Meta(obj);\n\n if (MANDATORY_SETTER) { ret.values = {}; }\n\n obj[META_KEY] = ret;\n\n // make sure we don't accidentally try to create constructor like desc\n ret.descs.constructor = null;\n\n } else if (ret.source !== obj) {\n if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC);\n\n ret = o_create(ret);\n ret.descs = o_create(ret.descs);\n ret.watching = o_create(ret.watching);\n ret.cache = {};\n ret.source = obj;\n\n if (MANDATORY_SETTER) { ret.values = o_create(ret.values); }\n\n obj[META_KEY] = ret;\n }\n return ret;\n};\n\nEmber.getMeta = function getMeta(obj, property) {\n var meta = Ember.meta(obj, false);\n return meta[property];\n};\n\nEmber.setMeta = function setMeta(obj, property, value) {\n var meta = Ember.meta(obj, true);\n meta[property] = value;\n return value;\n};\n\n/**\n @private\n\n In order to store defaults for a class, a prototype may need to create\n a default meta object, which will be inherited by any objects instantiated\n from the class's constructor.\n\n However, the properties of that meta object are only shallow-cloned,\n so if a property is a hash (like the event system's `listeners` hash),\n it will by default be shared across all instances of that class.\n\n This method allows extensions to deeply clone a series of nested hashes or\n other complex objects. For instance, the event system might pass\n ['listeners', 'foo:change', 'ember157'] to `prepareMetaPath`, which will\n walk down the keys provided.\n\n For each key, if the key does not exist, it is created. If it already\n exists and it was inherited from its constructor, the constructor's\n key is cloned.\n\n You can also pass false for `writable`, which will simply return\n undefined if `prepareMetaPath` discovers any part of the path that\n shared or undefined.\n\n @param {Object} obj The object whose meta we are examining\n @param {Array} path An array of keys to walk down\n @param {Boolean} writable whether or not to create a new meta\n (or meta property) if one does not already exist or if it's\n shared with its constructor\n*/\nEmber.metaPath = function metaPath(obj, path, writable) {\n var meta = Ember.meta(obj, writable), keyName, value;\n\n for (var i=0, l=path.length; i []\n Ember.makeArray(null); => []\n Ember.makeArray(undefined); => []\n Ember.makeArray('lindsay'); => ['lindsay']\n Ember.makeArray([1,2,42]); => [1,2,42]\n\n var controller = Ember.ArrayProxy.create({ content: [] });\n Ember.makeArray(controller) === controller; => true\n\n @param {Object} obj the object\n @returns {Array}\n*/\nEmber.makeArray = function(obj) {\n if (obj === null || obj === undefined) { return []; }\n return Ember.isArray(obj) ? obj : [obj];\n};\n\nfunction canInvoke(obj, methodName) {\n return !!(obj && typeof obj[methodName] === 'function');\n}\n\n/**\n Checks to see if the `methodName` exists on the `obj`.\n\n @function\n\n @param {Object} obj The object to check for the method\n @param {String} methodName The method name to check for\n*/\nEmber.canInvoke = canInvoke;\n\n/**\n Checks to see if the `methodName` exists on the `obj`,\n and if it does, invokes it with the arguments passed.\n\n @function\n\n @param {Object} obj The object to check for the method\n @param {String} methodName The method name to check for\n @param {Array} args The arguments to pass to the method\n\n @returns {Boolean} true if the method does not return false\n @returns {Boolean} false otherwise\n*/\nEmber.tryInvoke = function(obj, methodName, args) {\n if (canInvoke(obj, methodName)) {\n return obj[methodName].apply(obj, args);\n }\n};\n\n})();\n//@ sourceURL=ember-metal/utils");minispade.register('ember-metal/watching', "(function() {// ==========================================================================\n// Project: Ember Metal\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/accessors');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/observer');\nminispade.require('ember-metal/array');\n\nvar guidFor = Ember.guidFor, // utils.js\n metaFor = Ember.meta, // utils.js\n get = Ember.get, // accessors.js\n set = Ember.set, // accessors.js\n normalizeTuple = Ember.normalizeTuple, // accessors.js\n GUID_KEY = Ember.GUID_KEY, // utils.js\n META_KEY = Ember.META_KEY, // utils.js\n // circular reference observer depends on Ember.watch\n // we should move change events to this file or its own property_events.js\n notifyObservers = Ember.notifyObservers, // observer.js\n forEach = Ember.ArrayPolyfills.forEach, // array.js\n FIRST_KEY = /^([^\\.\\*]+)/,\n IS_PATH = /[\\.\\*]/;\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER,\no_defineProperty = Ember.platform.defineProperty;\n\n/** @private */\nfunction firstKey(path) {\n return path.match(FIRST_KEY)[0];\n}\n\n// returns true if the passed path is just a keyName\n/** @private */\nfunction isKeyName(path) {\n return path==='*' || !IS_PATH.test(path);\n}\n\n// ..........................................................\n// DEPENDENT KEYS\n//\n\nvar DEP_SKIP = { __emberproto__: true }; // skip some keys and toString\n\n/** @private */\nfunction iterDeps(method, obj, depKey, seen, meta) {\n\n var guid = guidFor(obj);\n if (!seen[guid]) seen[guid] = {};\n if (seen[guid][depKey]) return;\n seen[guid][depKey] = true;\n\n var deps = meta.deps;\n deps = deps && deps[depKey];\n if (deps) {\n for(var key in deps) {\n if (DEP_SKIP[key]) continue;\n method(obj, key);\n }\n }\n}\n\n\nvar WILL_SEEN, DID_SEEN;\n\n// called whenever a property is about to change to clear the cache of any dependent keys (and notify those properties of changes, etc...)\n/** @private */\nfunction dependentKeysWillChange(obj, depKey, meta) {\n if (obj.isDestroying) { return; }\n\n var seen = WILL_SEEN, top = !seen;\n if (top) { seen = WILL_SEEN = {}; }\n iterDeps(propertyWillChange, obj, depKey, seen, meta);\n if (top) { WILL_SEEN = null; }\n}\n\n// called whenever a property has just changed to update dependent keys\n/** @private */\nfunction dependentKeysDidChange(obj, depKey, meta) {\n if (obj.isDestroying) { return; }\n\n var seen = DID_SEEN, top = !seen;\n if (top) { seen = DID_SEEN = {}; }\n iterDeps(propertyDidChange, obj, depKey, seen, meta);\n if (top) { DID_SEEN = null; }\n}\n\n// ..........................................................\n// CHAIN\n//\n\n/** @private */\nfunction addChainWatcher(obj, keyName, node) {\n if (!obj || ('object' !== typeof obj)) return; // nothing to do\n var m = metaFor(obj);\n var nodes = m.chainWatchers;\n if (!nodes || nodes.__emberproto__ !== obj) {\n nodes = m.chainWatchers = { __emberproto__: obj };\n }\n\n if (!nodes[keyName]) { nodes[keyName] = {}; }\n nodes[keyName][guidFor(node)] = node;\n Ember.watch(obj, keyName);\n}\n\n/** @private */\nfunction removeChainWatcher(obj, keyName, node) {\n if (!obj || 'object' !== typeof obj) { return; } // nothing to do\n var m = metaFor(obj, false),\n nodes = m.chainWatchers;\n if (!nodes || nodes.__emberproto__ !== obj) { return; } //nothing to do\n if (nodes[keyName]) { delete nodes[keyName][guidFor(node)]; }\n Ember.unwatch(obj, keyName);\n}\n\nvar pendingQueue = [];\n\n// attempts to add the pendingQueue chains again. If some of them end up\n// back in the queue and reschedule is true, schedules a timeout to try\n// again.\n/** @private */\nfunction flushPendingChains() {\n if (pendingQueue.length === 0) { return; } // nothing to do\n\n var queue = pendingQueue;\n pendingQueue = [];\n\n forEach.call(queue, function(q) { q[0].add(q[1]); });\n\n Ember.warn('Watching an undefined global, Ember expects watched globals to be setup by the time the run loop is flushed, check for typos', pendingQueue.length === 0);\n}\n\n/** @private */\nfunction isProto(pvalue) {\n return metaFor(pvalue, false).proto === pvalue;\n}\n\n// A ChainNode watches a single key on an object. If you provide a starting\n// value for the key then the node won't actually watch it. For a root node\n// pass null for parent and key and object for value.\n/** @private */\nvar ChainNode = function(parent, key, value, separator) {\n var obj;\n this._parent = parent;\n this._key = key;\n\n // _watching is true when calling get(this._parent, this._key) will\n // return the value of this node.\n //\n // It is false for the root of a chain (because we have no parent)\n // and for global paths (because the parent node is the object with\n // the observer on it)\n this._watching = value===undefined;\n\n this._value = value;\n this._separator = separator || '.';\n this._paths = {};\n if (this._watching) {\n this._object = parent.value();\n if (this._object) { addChainWatcher(this._object, this._key, this); }\n }\n\n // Special-case: the EachProxy relies on immediate evaluation to\n // establish its observers.\n //\n // TODO: Replace this with an efficient callback that the EachProxy\n // can implement.\n if (this._parent && this._parent._key === '@each') {\n this.value();\n }\n};\n\nvar ChainNodePrototype = ChainNode.prototype;\n\nChainNodePrototype.value = function() {\n if (this._value === undefined && this._watching) {\n var obj = this._parent.value();\n this._value = (obj && !isProto(obj)) ? get(obj, this._key) : undefined;\n }\n return this._value;\n};\n\nChainNodePrototype.destroy = function() {\n if (this._watching) {\n var obj = this._object;\n if (obj) { removeChainWatcher(obj, this._key, this); }\n this._watching = false; // so future calls do nothing\n }\n};\n\n// copies a top level object only\nChainNodePrototype.copy = function(obj) {\n var ret = new ChainNode(null, null, obj, this._separator),\n paths = this._paths, path;\n for (path in paths) {\n if (paths[path] <= 0) { continue; } // this check will also catch non-number vals.\n ret.add(path);\n }\n return ret;\n};\n\n// called on the root node of a chain to setup watchers on the specified\n// path.\nChainNodePrototype.add = function(path) {\n var obj, tuple, key, src, separator, paths;\n\n paths = this._paths;\n paths[path] = (paths[path] || 0) + 1;\n\n obj = this.value();\n tuple = normalizeTuple(obj, path);\n\n // the path was a local path\n if (tuple[0] && tuple[0] === obj) {\n path = tuple[1];\n key = firstKey(path);\n path = path.slice(key.length+1);\n\n // global path, but object does not exist yet.\n // put into a queue and try to connect later.\n } else if (!tuple[0]) {\n pendingQueue.push([this, path]);\n tuple.length = 0;\n return;\n\n // global path, and object already exists\n } else {\n src = tuple[0];\n key = path.slice(0, 0-(tuple[1].length+1));\n separator = path.slice(key.length, key.length+1);\n path = tuple[1];\n }\n\n tuple.length = 0;\n this.chain(key, path, src, separator);\n};\n\n// called on the root node of a chain to teardown watcher on the specified\n// path\nChainNodePrototype.remove = function(path) {\n var obj, tuple, key, src, paths;\n\n paths = this._paths;\n if (paths[path] > 0) { paths[path]--; }\n\n obj = this.value();\n tuple = normalizeTuple(obj, path);\n if (tuple[0] === obj) {\n path = tuple[1];\n key = firstKey(path);\n path = path.slice(key.length+1);\n } else {\n src = tuple[0];\n key = path.slice(0, 0-(tuple[1].length+1));\n path = tuple[1];\n }\n\n tuple.length = 0;\n this.unchain(key, path);\n};\n\nChainNodePrototype.count = 0;\n\nChainNodePrototype.chain = function(key, path, src, separator) {\n var chains = this._chains, node;\n if (!chains) { chains = this._chains = {}; }\n\n node = chains[key];\n if (!node) { node = chains[key] = new ChainNode(this, key, src, separator); }\n node.count++; // count chains...\n\n // chain rest of path if there is one\n if (path && path.length>0) {\n key = firstKey(path);\n path = path.slice(key.length+1);\n node.chain(key, path); // NOTE: no src means it will observe changes...\n }\n};\n\nChainNodePrototype.unchain = function(key, path) {\n var chains = this._chains, node = chains[key];\n\n // unchain rest of path first...\n if (path && path.length>1) {\n key = firstKey(path);\n path = path.slice(key.length+1);\n node.unchain(key, path);\n }\n\n // delete node if needed.\n node.count--;\n if (node.count<=0) {\n delete chains[node._key];\n node.destroy();\n }\n\n};\n\nChainNodePrototype.willChange = function() {\n var chains = this._chains;\n if (chains) {\n for(var key in chains) {\n if (!chains.hasOwnProperty(key)) { continue; }\n chains[key].willChange();\n }\n }\n\n if (this._parent) { this._parent.chainWillChange(this, this._key, 1); }\n};\n\nChainNodePrototype.chainWillChange = function(chain, path, depth) {\n if (this._key) { path = this._key + this._separator + path; }\n\n if (this._parent) {\n this._parent.chainWillChange(this, path, depth+1);\n } else {\n if (depth > 1) { Ember.propertyWillChange(this.value(), path); }\n path = 'this.' + path;\n if (this._paths[path] > 0) { Ember.propertyWillChange(this.value(), path); }\n }\n};\n\nChainNodePrototype.chainDidChange = function(chain, path, depth) {\n if (this._key) { path = this._key + this._separator + path; }\n if (this._parent) {\n this._parent.chainDidChange(this, path, depth+1);\n } else {\n if (depth > 1) { Ember.propertyDidChange(this.value(), path); }\n path = 'this.' + path;\n if (this._paths[path] > 0) { Ember.propertyDidChange(this.value(), path); }\n }\n};\n\nChainNodePrototype.didChange = function(suppressEvent) {\n // invalidate my own value first.\n if (this._watching) {\n var obj = this._parent.value();\n if (obj !== this._object) {\n removeChainWatcher(this._object, this._key, this);\n this._object = obj;\n addChainWatcher(obj, this._key, this);\n }\n this._value = undefined;\n\n // Special-case: the EachProxy relies on immediate evaluation to\n // establish its observers.\n if (this._parent && this._parent._key === '@each')\n this.value();\n }\n\n // then notify chains...\n var chains = this._chains;\n if (chains) {\n for(var key in chains) {\n if (!chains.hasOwnProperty(key)) { continue; }\n chains[key].didChange(suppressEvent);\n }\n }\n\n if (suppressEvent) { return; }\n\n // and finally tell parent about my path changing...\n if (this._parent) { this._parent.chainDidChange(this, this._key, 1); }\n};\n\n// get the chains for the current object. If the current object has\n// chains inherited from the proto they will be cloned and reconfigured for\n// the current object.\n/** @private */\nfunction chainsFor(obj) {\n var m = metaFor(obj), ret = m.chains;\n if (!ret) {\n ret = m.chains = new ChainNode(null, null, obj);\n } else if (ret.value() !== obj) {\n ret = m.chains = ret.copy(obj);\n }\n return ret;\n}\n\n/** @private */\nfunction notifyChains(obj, m, keyName, methodName, arg) {\n var nodes = m.chainWatchers;\n\n if (!nodes || nodes.__emberproto__ !== obj) { return; } // nothing to do\n\n nodes = nodes[keyName];\n if (!nodes) { return; }\n\n for(var key in nodes) {\n if (!nodes.hasOwnProperty(key)) { continue; }\n nodes[key][methodName](arg);\n }\n}\n\nEmber.overrideChains = function(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'didChange', true);\n};\n\n/** @private */\nfunction chainsWillChange(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'willChange');\n}\n\n/** @private */\nfunction chainsDidChange(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'didChange');\n}\n\n// ..........................................................\n// WATCH\n//\n\n/**\n @private\n\n Starts watching a property on an object. Whenever the property changes,\n invokes Ember.propertyWillChange and Ember.propertyDidChange. This is the\n primitive used by observers and dependent keys; usually you will never call\n this method directly but instead use higher level methods like\n Ember.addObserver().\n*/\nEmber.watch = function(obj, keyName) {\n // can't watch length on Array - it is special...\n if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; }\n\n var m = metaFor(obj), watching = m.watching, desc;\n\n // activate watching first time\n if (!watching[keyName]) {\n watching[keyName] = 1;\n if (isKeyName(keyName)) {\n desc = m.descs[keyName];\n if (desc && desc.willWatch) { desc.willWatch(obj, keyName); }\n\n if ('function' === typeof obj.willWatchProperty) {\n obj.willWatchProperty(keyName);\n }\n\n if (MANDATORY_SETTER && keyName in obj) {\n m.values[keyName] = obj[keyName];\n o_defineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n set: function() {\n Ember.assert('Must use Ember.set() to access this property', false);\n },\n get: function() {\n var meta = this[META_KEY];\n return meta && meta.values[keyName];\n }\n });\n }\n } else {\n chainsFor(obj).add(keyName);\n }\n\n } else {\n watching[keyName] = (watching[keyName] || 0) + 1;\n }\n return this;\n};\n\nEmber.isWatching = function isWatching(obj, key) {\n var meta = obj[META_KEY];\n return (meta && meta.watching[key]) > 0;\n};\n\nEmber.watch.flushPending = flushPendingChains;\n\n/** @private */\nEmber.unwatch = function(obj, keyName) {\n // can't watch length on Array - it is special...\n if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; }\n\n var m = metaFor(obj), watching = m.watching, desc;\n\n if (watching[keyName] === 1) {\n watching[keyName] = 0;\n\n if (isKeyName(keyName)) {\n desc = m.descs[keyName];\n if (desc && desc.didUnwatch) { desc.didUnwatch(obj, keyName); }\n\n if ('function' === typeof obj.didUnwatchProperty) {\n obj.didUnwatchProperty(keyName);\n }\n\n if (MANDATORY_SETTER && keyName in obj) {\n o_defineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n writable: true,\n value: m.values[keyName]\n });\n delete m.values[keyName];\n }\n } else {\n chainsFor(obj).remove(keyName);\n }\n\n } else if (watching[keyName]>1) {\n watching[keyName]--;\n }\n\n return this;\n};\n\n/**\n @private\n\n Call on an object when you first beget it from another object. This will\n setup any chained watchers on the object instance as needed. This method is\n safe to call multiple times.\n*/\nEmber.rewatch = function(obj) {\n var m = metaFor(obj, false), chains = m.chains;\n\n // make sure the object has its own guid.\n if (GUID_KEY in obj && !obj.hasOwnProperty(GUID_KEY)) {\n Ember.generateGuid(obj, 'ember');\n }\n\n // make sure any chained watchers update.\n if (chains && chains.value() !== obj) {\n m.chains = chains.copy(obj);\n }\n\n return this;\n};\n\nEmber.finishChains = function(obj) {\n var m = metaFor(obj, false), chains = m.chains;\n if (chains) {\n if (chains.value() !== obj) {\n m.chains = chains = chains.copy(obj);\n }\n chains.didChange(true);\n }\n};\n\n// ..........................................................\n// PROPERTY CHANGES\n//\n\n/**\n This function is called just before an object property is about to change.\n It will notify any before observers and prepare caches among other things.\n\n Normally you will not need to call this method directly but if for some\n reason you can't directly watch a property you can invoke this method\n manually along with `Ember.propertyDidChange()` which you should call just\n after the property value changes.\n\n @memberOf Ember\n\n @param {Object} obj\n The object with the property that will change\n\n @param {String} keyName\n The property key (or path) that will change.\n\n @returns {void}\n*/\nfunction propertyWillChange(obj, keyName, value) {\n var m = metaFor(obj, false),\n watching = m.watching[keyName] > 0 || keyName === 'length',\n proto = m.proto,\n desc = m.descs[keyName];\n\n if (!watching) { return; }\n if (proto === obj) { return; }\n if (desc && desc.willChange) { desc.willChange(obj, keyName); }\n dependentKeysWillChange(obj, keyName, m);\n chainsWillChange(obj, keyName, m);\n Ember.notifyBeforeObservers(obj, keyName);\n}\n\nEmber.propertyWillChange = propertyWillChange;\n\n/**\n This function is called just after an object property has changed.\n It will notify any observers and clear caches among other things.\n\n Normally you will not need to call this method directly but if for some\n reason you can't directly watch a property you can invoke this method\n manually along with `Ember.propertyWilLChange()` which you should call just\n before the property value changes.\n\n @memberOf Ember\n\n @param {Object} obj\n The object with the property that will change\n\n @param {String} keyName\n The property key (or path) that will change.\n\n @returns {void}\n*/\nfunction propertyDidChange(obj, keyName) {\n var m = metaFor(obj, false),\n watching = m.watching[keyName] > 0 || keyName === 'length',\n proto = m.proto,\n desc = m.descs[keyName];\n\n if (proto === obj) { return; }\n\n // shouldn't this mean that we're watching this key?\n if (desc && desc.didChange) { desc.didChange(obj, keyName); }\n if (!watching && keyName !== 'length') { return; }\n\n dependentKeysDidChange(obj, keyName, m);\n chainsDidChange(obj, keyName, m);\n Ember.notifyObservers(obj, keyName);\n}\n\nEmber.propertyDidChange = propertyDidChange;\n\nvar NODE_STACK = [];\n\n/**\n Tears down the meta on an object so that it can be garbage collected.\n Multiple calls will have no effect.\n\n @param {Object} obj the object to destroy\n @returns {void}\n*/\nEmber.destroy = function (obj) {\n var meta = obj[META_KEY], node, nodes, key, nodeObject;\n if (meta) {\n obj[META_KEY] = null;\n // remove chainWatchers to remove circular references that would prevent GC\n node = meta.chains;\n if (node) {\n NODE_STACK.push(node);\n // process tree\n while (NODE_STACK.length > 0) {\n node = NODE_STACK.pop();\n // push children\n nodes = node._chains;\n if (nodes) {\n for (key in nodes) {\n if (nodes.hasOwnProperty(key)) {\n NODE_STACK.push(nodes[key]);\n }\n }\n }\n // remove chainWatcher in node object\n if (node._watching) {\n nodeObject = node._object;\n if (nodeObject) {\n removeChainWatcher(nodeObject, node._key, node);\n }\n }\n }\n }\n }\n};\n\n})();\n//@ sourceURL=ember-metal/watching");minispade.register('ember-routing', "(function() {// ==========================================================================\n// Project: Ember Routing\n// Copyright: ©2012 Tilde Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-states');\nminispade.require('ember-routing/route');\nminispade.require('ember-routing/router');\n\n})();\n//@ sourceURL=ember-routing");minispade.register('ember-routing/resolved_state', "(function() {var get = Ember.get;\n\nEmber._ResolvedState = Ember.Object.extend({\n manager: null,\n state: null,\n match: null,\n\n object: Ember.computed(function(key, value) {\n if (arguments.length === 2) {\n this._object = value;\n return value;\n } else {\n if (this._object) {\n return this._object;\n } else {\n var state = get(this, 'state'),\n match = get(this, 'match'),\n manager = get(this, 'manager');\n return state.deserialize(manager, match.hash);\n }\n }\n }).property(),\n\n hasPromise: Ember.computed(function() {\n return Ember.canInvoke(get(this, 'object'), 'then');\n }).property('object'),\n\n promise: Ember.computed(function() {\n var object = get(this, 'object');\n if (Ember.canInvoke(object, 'then')) {\n return object;\n } else {\n return {\n then: function(success) { success(object); }\n };\n }\n }).property('object'),\n\n transition: function() {\n var manager = get(this, 'manager'),\n path = get(this, 'state.path'),\n object = get(this, 'object');\n manager.transitionTo(path, object);\n }\n});\n\n})();\n//@ sourceURL=ember-routing/resolved_state");minispade.register('ember-routing/routable', "(function() {minispade.require('ember-routing/resolved_state');\n\nvar get = Ember.get;\n\n// The Ember Routable mixin assumes the existance of a simple\n// routing shim that supports the following three behaviors:\n//\n// * .getURL() - this is called when the page loads\n// * .setURL(newURL) - this is called from within the state\n// manager when the state changes to a routable state\n// * .onURLChange(callback) - this happens when the user presses\n// the back or forward button\n\nvar paramForClass = function(classObject) {\n var className = classObject.toString(),\n parts = className.split(\".\"),\n last = parts[parts.length - 1];\n\n return Ember.String.underscore(last) + \"_id\";\n};\n\nvar merge = function(original, hash) {\n for (var prop in hash) {\n if (!hash.hasOwnProperty(prop)) { continue; }\n if (original.hasOwnProperty(prop)) { continue; }\n\n original[prop] = hash[prop];\n }\n};\n\n/**\n @class\n @extends Ember.Mixin\n*/\nEmber.Routable = Ember.Mixin.create({\n init: function() {\n var redirection;\n this.on('connectOutlets', this, this.stashContext);\n\n if (redirection = get(this, 'redirectsTo')) {\n Ember.assert(\"You cannot use `redirectsTo` if you already have a `connectOutlets` method\", this.connectOutlets === Ember.K);\n\n this.connectOutlets = function(router) {\n router.transitionTo(redirection);\n };\n }\n\n // normalize empty route to '/'\n var route = get(this, 'route');\n if (route === '') {\n route = '/';\n }\n\n this._super();\n\n Ember.assert(\"You cannot use `redirectsTo` on a state that has child states\", !redirection || (!!redirection && !!get(this, 'isLeaf')));\n },\n\n /**\n @private\n\n Whenever a routable state is entered, the context it was entered with\n is stashed so that we can regenerate the state's `absoluteURL` on\n demand.\n */\n stashContext: function(manager, context) {\n var serialized = this.serialize(manager, context);\n Ember.assert('serialize must return a hash', !serialized || typeof serialized === 'object');\n\n manager.setStateMeta(this, 'context', context);\n manager.setStateMeta(this, 'serialized', serialized);\n\n if (get(this, 'isRoutable') && !get(manager, 'isRouting')) {\n this.updateRoute(manager, get(manager, 'location'));\n }\n },\n\n /**\n @private\n\n Whenever a routable state is entered, the router's location object\n is notified to set the URL to the current absolute path.\n\n In general, this will update the browser's URL.\n */\n updateRoute: function(manager, location) {\n if (get(this, 'isLeafRoute')) {\n var path = this.absoluteRoute(manager);\n location.setURL(path);\n }\n },\n\n /**\n @private\n\n Get the absolute route for the current state and a given\n hash.\n\n This method is private, as it expects a serialized hash,\n not the original context object.\n */\n absoluteRoute: function(manager, hash) {\n var parentState = get(this, 'parentState');\n var path = '', generated;\n\n // If the parent state is routable, use its current path\n // as this route's prefix.\n if (get(parentState, 'isRoutable')) {\n path = parentState.absoluteRoute(manager, hash);\n }\n\n var matcher = get(this, 'routeMatcher'),\n serialized = manager.getStateMeta(this, 'serialized');\n\n // merge the existing serialized object in with the passed\n // in hash.\n hash = hash || {};\n merge(hash, serialized);\n\n generated = matcher && matcher.generate(hash);\n\n if (generated) {\n path = path + '/' + generated;\n }\n\n return path;\n },\n\n /**\n @private\n\n At the moment, a state is routable if it has a string `route`\n property. This heuristic may change.\n */\n isRoutable: Ember.computed(function() {\n return typeof get(this, 'route') === 'string';\n }).cacheable(),\n\n /**\n @private\n\n Determine if this is the last routeable state\n */\n isLeafRoute: Ember.computed(function() {\n if (get(this, 'isLeaf')) { return true; }\n return !get(this, 'childStates').findProperty('isRoutable');\n }).cacheable(),\n\n /**\n @private\n\n A _RouteMatcher object generated from the current route's `route`\n string property.\n */\n routeMatcher: Ember.computed(function() {\n var route = get(this, 'route');\n if (route) {\n return Ember._RouteMatcher.create({ route: route });\n }\n }).cacheable(),\n\n /**\n @private\n\n Check whether the route has dynamic segments and therefore takes\n a context.\n */\n hasContext: Ember.computed(function() {\n var routeMatcher = get(this, 'routeMatcher');\n if (routeMatcher) {\n return routeMatcher.identifiers.length > 0;\n }\n }).cacheable(),\n\n /**\n @private\n\n The model class associated with the current state. This property\n uses the `modelType` property, in order to allow it to be\n specified as a String.\n */\n modelClass: Ember.computed(function() {\n var modelType = get(this, 'modelType');\n\n if (typeof modelType === 'string') {\n return Ember.get(window, modelType);\n } else {\n return modelType;\n }\n }).cacheable(),\n\n /**\n @private\n\n Get the model class for the state. The heuristic is:\n\n * The state must have a single dynamic segment\n * The dynamic segment must end in `_id`\n * A dynamic segment like `blog_post_id` is converted into `BlogPost`\n * The name is then looked up on the passed in namespace\n\n The process of initializing an application with a router will\n pass the application's namespace into the router, which will be\n used here.\n */\n modelClassFor: function(namespace) {\n var modelClass, routeMatcher, identifiers, match, className;\n\n // if an explicit modelType was specified, use that\n if (modelClass = get(this, 'modelClass')) { return modelClass; }\n\n // if the router has no lookup namespace, we won't be able to guess\n // the modelType\n if (!namespace) { return; }\n\n // make sure this state is actually a routable state\n routeMatcher = get(this, 'routeMatcher');\n if (!routeMatcher) { return; }\n\n // only guess modelType for states with a single dynamic segment\n // (no more, no fewer)\n identifiers = routeMatcher.identifiers;\n if (identifiers.length !== 2) { return; }\n\n // extract the `_id` from the end of the dynamic segment; if the\n // dynamic segment does not end in `_id`, we can't guess the\n // modelType\n match = identifiers[1].match(/^(.*)_id$/);\n if (!match) { return; }\n\n // convert the underscored type into a class form and look it up\n // on the router's namespace\n className = Ember.String.classify(match[1]);\n return get(namespace, className);\n },\n\n /**\n The default method that takes a `params` object and converts\n it into an object.\n\n By default, a params hash that looks like `{ post_id: 1 }`\n will be looked up as `namespace.Post.find(1)`. This is\n designed to work seamlessly with Ember Data, but will work\n fine with any class that has a `find` method.\n */\n deserialize: function(manager, params) {\n var modelClass, routeMatcher, param;\n\n if (modelClass = this.modelClassFor(get(manager, 'namespace'))) {\n Ember.assert(\"Expected \"+modelClass.toString()+\" to implement `find` for use in '\"+this.get('path')+\"' `deserialize`. Please implement the `find` method or overwrite `deserialize`.\", modelClass.find);\n return modelClass.find(params[paramForClass(modelClass)]);\n }\n\n return params;\n },\n\n /**\n The default method that takes an object and converts it into\n a params hash.\n\n By default, if there is a single dynamic segment named\n `blog_post_id` and the object is a `BlogPost` with an\n `id` of `12`, the serialize method will produce:\n\n { blog_post_id: 12 }\n */\n serialize: function(manager, context) {\n var modelClass, routeMatcher, namespace, param, id;\n\n if (Ember.empty(context)) { return ''; }\n\n if (modelClass = this.modelClassFor(get(manager, 'namespace'))) {\n param = paramForClass(modelClass);\n id = get(context, 'id');\n context = {};\n context[param] = id;\n }\n\n return context;\n },\n\n /**\n @private\n */\n resolvePath: function(manager, path) {\n if (get(this, 'isLeafRoute')) { return Ember.A(); }\n\n var childStates = get(this, 'childStates'), match;\n\n childStates = Ember.A(childStates.filterProperty('isRoutable'));\n\n childStates = childStates.sort(function(a, b) {\n var aDynamicSegments = get(a, 'routeMatcher.identifiers.length'),\n bDynamicSegments = get(b, 'routeMatcher.identifiers.length'),\n aRoute = get(a, 'route'),\n bRoute = get(b, 'route');\n\n if (aRoute.indexOf(bRoute) === 0) {\n return -1;\n } else if (bRoute.indexOf(aRoute) === 0) {\n return 1;\n }\n\n if (aDynamicSegments !== bDynamicSegments) {\n return aDynamicSegments - bDynamicSegments;\n }\n\n return get(b, 'route.length') - get(a, 'route.length');\n });\n\n var state = childStates.find(function(state) {\n var matcher = get(state, 'routeMatcher');\n if (match = matcher.match(path)) { return true; }\n });\n\n Ember.assert(\"Could not find state for path \" + path, !!state);\n\n var resolvedState = Ember._ResolvedState.create({\n manager: manager,\n state: state,\n match: match\n });\n\n var states = state.resolvePath(manager, match.remaining);\n\n return Ember.A([resolvedState]).pushObjects(states);\n },\n\n /**\n @private\n\n Once `unroute` has finished unwinding, `routePath` will be called\n with the remainder of the route.\n\n For example, if you were in the /posts/1/comments state, and you\n moved into the /posts/2/comments state, `routePath` will be called\n on the state whose path is `/posts` with the path `/2/comments`.\n */\n routePath: function(manager, path) {\n if (get(this, 'isLeafRoute')) { return; }\n\n var resolvedStates = this.resolvePath(manager, path),\n hasPromises = resolvedStates.some(function(s) { return get(s, 'hasPromise'); });\n\n function runTransition() {\n resolvedStates.forEach(function(rs) { rs.transition(); });\n }\n\n if (hasPromises) {\n manager.transitionTo('loading');\n\n Ember.assert('Loading state should be the child of a route', Ember.Routable.detect(get(manager, 'currentState.parentState')));\n Ember.assert('Loading state should not be a route', !Ember.Routable.detect(get(manager, 'currentState')));\n\n manager.handleStatePromises(resolvedStates, runTransition);\n } else {\n runTransition();\n }\n },\n\n /**\n @private\n\n When you move to a new route by pressing the back\n or forward button, this method is called first.\n\n Its job is to move the state manager into a parent\n state of the state it will eventually move into.\n */\n unroutePath: function(router, path) {\n var parentState = get(this, 'parentState');\n\n // If we're at the root state, we're done\n if (parentState === router) {\n return;\n }\n\n path = path.replace(/^(?=[^\\/])/, \"/\");\n var absolutePath = this.absoluteRoute(router);\n\n var route = get(this, 'route');\n\n // If the current path is empty, move up one state,\n // because the index ('/') state must be a leaf node.\n if (route !== '/') {\n // If the current path is a prefix of the path we're trying\n // to go to, we're done.\n var index = path.indexOf(absolutePath),\n next = path.charAt(absolutePath.length);\n\n if (index === 0 && (next === \"/\" || next === \"\")) {\n return;\n }\n }\n\n // Transition to the parent and call unroute again.\n router.enterState({\n exitStates: [this],\n enterStates: [],\n finalState: parentState\n });\n\n router.send('unroutePath', path);\n },\n\n /**\n The `connectOutlets` event will be triggered once a\n state has been entered. It will be called with the\n route's context.\n */\n connectOutlets: Ember.K,\n\n /**\n The `navigateAway` event will be triggered when the\n URL changes due to the back/forward button\n */\n navigateAway: Ember.K\n});\n\n})();\n//@ sourceURL=ember-routing/routable");minispade.register('ember-routing/route', "(function() {minispade.require('ember-routing/routable');\n\n/**\n @class\n @extends Ember.Routable\n*/\nEmber.Route = Ember.State.extend(Ember.Routable);\n\n})();\n//@ sourceURL=ember-routing/route");minispade.register('ember-routing/route_matcher', "(function() {var escapeForRegex = function(text) {\n return text.replace(/[\\-\\[\\]{}()*+?.,\\\\\\^\\$|#\\s]/g, \"\\\\$&\");\n};\n\nEmber._RouteMatcher = Ember.Object.extend({\n state: null,\n\n init: function() {\n var route = this.route,\n identifiers = [],\n count = 1,\n escaped;\n\n // Strip off leading slash if present\n if (route.charAt(0) === '/') {\n route = this.route = route.substr(1);\n }\n\n escaped = escapeForRegex(route);\n\n var regex = escaped.replace(/:([a-z_]+)(?=$|\\/)/gi, function(match, id) {\n identifiers[count++] = id;\n return \"([^/]+)\";\n });\n\n this.identifiers = identifiers;\n this.regex = new RegExp(\"^/?\" + regex);\n },\n\n match: function(path) {\n var match = path.match(this.regex);\n\n if (match) {\n var identifiers = this.identifiers,\n hash = {};\n\n for (var i=1, l=identifiers.length; i 0 ? hash : null\n };\n }\n },\n\n generate: function(hash) {\n var identifiers = this.identifiers, route = this.route, id;\n for (var i=1, l=identifiers.length; i\n

{{title}}

\n \n\n Will delegate `click` events on the rendered `h1` to the application's router instance. In this case the\n `anActionOnTheRouter` method of the state at 'root.aRoute' will be called with the view's controller\n as the context argument. This context will be passed to the `connectOutlets` as its second argument.\n\n Different `context` can be supplied from within the `{{action}}` helper, allowing specific context passing\n between application states:\n\n \n\n See Handlebars.helpers.action for additional usage examples.\n\n\n ## Changing View Hierarchy in Response To State Change\n Changes in application state that change the URL should be accompanied by associated changes in view\n hierarchy. This can be accomplished by calling 'connectOutlet' on the injected controller singletons from\n within the 'connectOutlets' event of an Ember.Route:\n\n App = Ember.Application.create({\n OneController: Ember.ObjectController.extend(),\n OneView: Ember.View.extend(),\n\n AnotherController: Ember.ObjectController.extend(),\n AnotherView: Ember.View.extend(),\n\n Router: Ember.Router.extend({\n root: Ember.Route.extend({\n aRoute: Ember.Route.extend({\n route: '/',\n connectOutlets: function(router, context) {\n router.get('oneController').connectOutlet('another');\n },\n })\n })\n })\n });\n App.initialize();\n\n\n This will detect the '{{outlet}}' portion of `oneController`'s view (an instance of `App.OneView`) and\n fill it with a rendered instance of `App.AnotherView` whose `context` will be the single instance of\n `App.AnotherController` stored on the router in the `anotherController` property.\n\n For more information about Outlets, see `Ember.Handlebars.helpers.outlet`. For additional information on\n the `connectOutlet` method, see `Ember.Controller.connectOutlet`. For more information on\n controller injections, see `Ember.Application#initialize()`. For additional information about view context,\n see `Ember.View`.\n\n @extends Ember.StateManager\n*/\nEmber.Router = Ember.StateManager.extend(\n/** @scope Ember.Router.prototype */ {\n\n /**\n @property {String}\n @default 'root'\n */\n initialState: 'root',\n\n /**\n The `Ember.Location` implementation to be used to manage the application\n URL state. The following values are supported:\n\n * 'hash': Uses URL fragment identifiers (like #/blog/1) for routing.\n * 'none': Does not read or set the browser URL, but still allows for\n routing to happen. Useful for testing.\n\n @type String\n @default 'hash'\n */\n location: 'hash',\n\n /**\n This is only used when a history location is used so that applications that\n don't live at the root of the domain can append paths to their root.\n\n @type String\n @default '/'\n */\n\n rootURL: '/',\n\n /**\n On router, transitionEvent should be called connectOutlets\n\n @property {String}\n @default 'connectOutlets'\n */\n transitionEvent: 'connectOutlets',\n\n transitionTo: function() {\n this.abortRoutingPromises();\n this._super.apply(this, arguments);\n },\n\n route: function(path) {\n this.abortRoutingPromises();\n\n set(this, 'isRouting', true);\n\n var routableState;\n\n try {\n path = path.replace(/^(?=[^\\/])/, \"/\");\n\n this.send('navigateAway');\n this.send('unroutePath', path);\n\n routableState = get(this, 'currentState');\n while (routableState && !routableState.get('isRoutable')) {\n routableState = get(routableState, 'parentState');\n }\n var currentURL = routableState ? routableState.absoluteRoute(this) : '';\n var rest = path.substr(currentURL.length);\n\n this.send('routePath', rest);\n } finally {\n set(this, 'isRouting', false);\n }\n\n routableState = get(this, 'currentState');\n while (routableState && !routableState.get('isRoutable')) {\n routableState = get(routableState, 'parentState');\n }\n\n if (routableState) {\n routableState.updateRoute(this, get(this, 'location'));\n }\n },\n\n urlFor: function(path, hash) {\n var currentState = get(this, 'currentState') || this,\n state = this.findStateByPath(currentState, path);\n\n Ember.assert(Ember.String.fmt(\"Could not find route with path '%@'\", [path]), !!state);\n Ember.assert(\"To get a URL for a state, it must have a `route` property.\", !!get(state, 'routeMatcher'));\n\n var location = get(this, 'location'),\n absoluteRoute = state.absoluteRoute(this, hash);\n\n return location.formatURL(absoluteRoute);\n },\n\n urlForEvent: function(eventName) {\n var contexts = Array.prototype.slice.call(arguments, 1);\n var currentState = get(this, 'currentState');\n var targetStateName = currentState.lookupEventTransition(eventName);\n\n Ember.assert(Ember.String.fmt(\"You must specify a target state for event '%@' in order to link to it in the current state '%@'.\", [eventName, get(currentState, 'path')]), !!targetStateName);\n\n var targetState = this.findStateByPath(currentState, targetStateName);\n\n Ember.assert(\"Your target state name \" + targetStateName + \" for event \" + eventName + \" did not resolve to a state\", !!targetState);\n\n var hash = this.serializeRecursively(targetState, contexts, {});\n\n return this.urlFor(targetStateName, hash);\n },\n\n /** @private */\n serializeRecursively: function(state, contexts, hash) {\n var parentState,\n context = get(state, 'hasContext') ? contexts.pop() : null;\n merge(hash, state.serialize(this, context));\n parentState = state.get(\"parentState\");\n if (parentState && parentState instanceof Ember.Route) {\n return this.serializeRecursively(parentState, contexts, hash);\n } else {\n return hash;\n }\n },\n\n abortRoutingPromises: function() {\n if (this._routingPromises) {\n this._routingPromises.abort();\n this._routingPromises = null;\n }\n },\n\n /**\n @private\n */\n handleStatePromises: function(states, complete) {\n this.abortRoutingPromises();\n\n this.set('isLocked', true);\n\n var manager = this;\n\n this._routingPromises = Ember._PromiseChain.create({\n promises: states.slice(),\n\n successCallback: function() {\n manager.set('isLocked', false);\n complete();\n },\n\n failureCallback: function() {\n throw \"Unable to load object\";\n },\n\n promiseSuccessCallback: function(item, args) {\n set(item, 'object', args[0]);\n },\n\n abortCallback: function() {\n manager.set('isLocked', false);\n }\n }).start();\n },\n\n /** @private */\n init: function() {\n this._super();\n\n var location = get(this, 'location'),\n rootURL = get(this, 'rootURL');\n\n if ('string' === typeof location) {\n set(this, 'location', Ember.Location.create({\n implementation: location,\n rootURL: rootURL\n }));\n }\n },\n\n /** @private */\n willDestroy: function() {\n get(this, 'location').destroy();\n }\n});\n\n})();\n//@ sourceURL=ember-routing/router");minispade.register('ember-runtime/controllers', "(function() {minispade.require('ember-runtime/controllers/array_controller');\nminispade.require('ember-runtime/controllers/object_controller');\nminispade.require('ember-runtime/controllers/controller');\n\n})();\n//@ sourceURL=ember-runtime/controllers");minispade.register('ember-runtime/controllers/array_controller', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/array_proxy');\nminispade.require('ember-runtime/controllers/controller');\nminispade.require('ember-runtime/mixins/sortable');\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n Ember.ArrayController provides a way for you to publish a collection of objects\n so that you can easily bind to the collection from a Handlebars #each helper,\n an Ember.CollectionView, or other controllers.\n\n The advantage of using an ArrayController is that you only have to set up\n your view bindings once; to change what's displayed, simply swap out the\n `content` property on the controller.\n\n For example, imagine you wanted to display a list of items fetched via an XHR\n request. Create an Ember.ArrayController and set its `content` property:\n\n MyApp.listController = Ember.ArrayController.create();\n\n $.get('people.json', function(data) {\n MyApp.listController.set('content', data);\n });\n\n Then, create a view that binds to your new controller:\n\n {{#each MyApp.listController}}\n {{firstName}} {{lastName}}\n {{/each}}\n\n Although you are binding to the controller, the behavior of this controller\n is to pass through any methods or properties to the underlying array. This\n capability comes from `Ember.ArrayProxy`, which this class inherits from.\n\n Note: As of this writing, `ArrayController` does not add any functionality\n to its superclass, `ArrayProxy`. The Ember team plans to add additional\n controller-specific functionality in the future, e.g. single or multiple\n selection support. If you are creating something that is conceptually a\n controller, use this class.\n\n @extends Ember.ArrayProxy\n*/\n\nEmber.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin,\n Ember.SortableMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/array_controller");minispade.register('ember-runtime/controllers/controller', "(function() {minispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/system/string');\n\nEmber.ControllerMixin = Ember.Mixin.create({\n /**\n The object to which events from the view should be sent.\n\n For example, when a Handlebars template uses the `{{action}}` helper,\n it will attempt to send the event to the view's controller's `target`.\n\n By default, a controller's `target` is set to the router after it is\n instantiated by `Ember.Application#initialize`.\n */\n target: null,\n store: null\n});\n\nEmber.Controller = Ember.Object.extend(Ember.ControllerMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/controller");minispade.register('ember-runtime/controllers/object_controller', "(function() {minispade.require('ember-runtime/system/object_proxy');\nminispade.require('ember-runtime/controllers/controller');\n\nEmber.ObjectController = Ember.ObjectProxy.extend(Ember.ControllerMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/object_controller");minispade.register('ember-runtime/core', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n/*globals ENV */\nminispade.require('ember-metal');\n\nvar indexOf = Ember.EnumerableUtils.indexOf;\n\n// ........................................\n// TYPING & ARRAY MESSAGING\n//\n\nvar TYPE_MAP = {};\nvar t = \"Boolean Number String Function Array Date RegExp Object\".split(\" \");\nEmber.ArrayPolyfills.forEach.call(t, function(name) {\n TYPE_MAP[ \"[object \" + name + \"]\" ] = name.toLowerCase();\n});\n\nvar toString = Object.prototype.toString;\n\n/**\n Returns a consistent type for the passed item.\n\n Use this instead of the built-in Ember.typeOf() to get the type of an item.\n It will return the same result across all browsers and includes a bit\n more detail. Here is what will be returned:\n\n | Return Value | Meaning |\n |---------------|------------------------------------------------------|\n | 'string' | String primitive |\n | 'number' | Number primitive |\n | 'boolean' | Boolean primitive |\n | 'null' | Null value |\n | 'undefined' | Undefined value |\n | 'function' | A function |\n | 'array' | An instance of Array |\n | 'class' | A Ember class (created using Ember.Object.extend()) |\n | 'instance' | A Ember object instance |\n | 'error' | An instance of the Error object |\n | 'object' | A JavaScript object not inheriting from Ember.Object |\n\n Examples:\n\n Ember.typeOf(); => 'undefined'\n Ember.typeOf(null); => 'null'\n Ember.typeOf(undefined); => 'undefined'\n Ember.typeOf('michael'); => 'string'\n Ember.typeOf(101); => 'number'\n Ember.typeOf(true); => 'boolean'\n Ember.typeOf(Ember.makeArray); => 'function'\n Ember.typeOf([1,2,90]); => 'array'\n Ember.typeOf(Ember.Object.extend()); => 'class'\n Ember.typeOf(Ember.Object.create()); => 'instance'\n Ember.typeOf(new Error('teamocil')); => 'error'\n\n // \"normal\" JavaScript object\n Ember.typeOf({a: 'b'}); => 'object'\n\n @param item {Object} the item to check\n @returns {String} the type\n*/\nEmber.typeOf = function(item) {\n var ret;\n\n ret = (item === null || item === undefined) ? String(item) : TYPE_MAP[toString.call(item)] || 'object';\n\n if (ret === 'function') {\n if (Ember.Object && Ember.Object.detect(item)) ret = 'class';\n } else if (ret === 'object') {\n if (item instanceof Error) ret = 'error';\n else if (Ember.Object && item instanceof Ember.Object) ret = 'instance';\n else ret = 'object';\n }\n\n return ret;\n};\n\n/**\n Returns true if the passed value is null or undefined. This avoids errors\n from JSLint complaining about use of ==, which can be technically\n confusing.\n\n Ember.none(); => true\n Ember.none(null); => true\n Ember.none(undefined); => true\n Ember.none(''); => false\n Ember.none([]); => false\n Ember.none(function(){}); => false\n\n @param {Object} obj Value to test\n @returns {Boolean}\n*/\nEmber.none = function(obj) {\n return obj === null || obj === undefined;\n};\n\n/**\n Verifies that a value is null or an empty string | array | function.\n\n Constrains the rules on `Ember.none` by returning false for empty\n string and empty arrays.\n\n Ember.empty(); => true\n Ember.empty(null); => true\n Ember.empty(undefined); => true\n Ember.empty(''); => true\n Ember.empty([]); => true\n Ember.empty('tobias fünke'); => false\n Ember.empty([0,1,2]); => false\n\n @param {Object} obj Value to test\n @returns {Boolean}\n*/\nEmber.empty = function(obj) {\n return obj === null || obj === undefined || (obj.length === 0 && typeof obj !== 'function');\n};\n\n/**\n This will compare two javascript values of possibly different types.\n It will tell you which one is greater than the other by returning:\n\n - -1 if the first is smaller than the second,\n - 0 if both are equal,\n - 1 if the first is greater than the second.\n\n The order is calculated based on Ember.ORDER_DEFINITION, if types are different.\n In case they have the same type an appropriate comparison for this type is made.\n\n Ember.compare('hello', 'hello'); => 0\n Ember.compare('abc', 'dfg'); => -1\n Ember.compare(2, 1); => 1\n\n @param {Object} v First value to compare\n @param {Object} w Second value to compare\n @returns {Number} -1 if v < w, 0 if v = w and 1 if v > w.\n*/\nEmber.compare = function compare(v, w) {\n if (v === w) { return 0; }\n\n var type1 = Ember.typeOf(v);\n var type2 = Ember.typeOf(w);\n\n var Comparable = Ember.Comparable;\n if (Comparable) {\n if (type1==='instance' && Comparable.detect(v.constructor)) {\n return v.constructor.compare(v, w);\n }\n\n if (type2 === 'instance' && Comparable.detect(w.constructor)) {\n return 1-w.constructor.compare(w, v);\n }\n }\n\n // If we haven't yet generated a reverse-mapping of Ember.ORDER_DEFINITION,\n // do so now.\n var mapping = Ember.ORDER_DEFINITION_MAPPING;\n if (!mapping) {\n var order = Ember.ORDER_DEFINITION;\n mapping = Ember.ORDER_DEFINITION_MAPPING = {};\n var idx, len;\n for (idx = 0, len = order.length; idx < len; ++idx) {\n mapping[order[idx]] = idx;\n }\n\n // We no longer need Ember.ORDER_DEFINITION.\n delete Ember.ORDER_DEFINITION;\n }\n\n var type1Index = mapping[type1];\n var type2Index = mapping[type2];\n\n if (type1Index < type2Index) { return -1; }\n if (type1Index > type2Index) { return 1; }\n\n // types are equal - so we have to check values now\n switch (type1) {\n case 'boolean':\n case 'number':\n if (v < w) { return -1; }\n if (v > w) { return 1; }\n return 0;\n\n case 'string':\n var comp = v.localeCompare(w);\n if (comp < 0) { return -1; }\n if (comp > 0) { return 1; }\n return 0;\n\n case 'array':\n var vLen = v.length;\n var wLen = w.length;\n var l = Math.min(vLen, wLen);\n var r = 0;\n var i = 0;\n while (r === 0 && i < l) {\n r = compare(v[i],w[i]);\n i++;\n }\n if (r !== 0) { return r; }\n\n // all elements are equal now\n // shorter array should be ordered first\n if (vLen < wLen) { return -1; }\n if (vLen > wLen) { return 1; }\n // arrays are equal now\n return 0;\n\n case 'instance':\n if (Ember.Comparable && Ember.Comparable.detect(v)) {\n return v.compare(v, w);\n }\n return 0;\n\n case 'date':\n var vNum = v.getTime();\n var wNum = w.getTime();\n if (vNum < wNum) { return -1; }\n if (vNum > wNum) { return 1; }\n return 0;\n\n default:\n return 0;\n }\n};\n\n/** @private */\nfunction _copy(obj, deep, seen, copies) {\n var ret, loc, key;\n\n // primitive data types are immutable, just return them.\n if ('object' !== typeof obj || obj===null) return obj;\n\n // avoid cyclical loops\n if (deep && (loc=indexOf(seen, obj))>=0) return copies[loc];\n\n Ember.assert('Cannot clone an Ember.Object that does not implement Ember.Copyable', !(obj instanceof Ember.Object) || (Ember.Copyable && Ember.Copyable.detect(obj)));\n\n // IMPORTANT: this specific test will detect a native array only. Any other\n // object will need to implement Copyable.\n if (Ember.typeOf(obj) === 'array') {\n ret = obj.slice();\n if (deep) {\n loc = ret.length;\n while(--loc>=0) ret[loc] = _copy(ret[loc], deep, seen, copies);\n }\n } else if (Ember.Copyable && Ember.Copyable.detect(obj)) {\n ret = obj.copy(deep, seen, copies);\n } else {\n ret = {};\n for(key in obj) {\n if (!obj.hasOwnProperty(key)) continue;\n ret[key] = deep ? _copy(obj[key], deep, seen, copies) : obj[key];\n }\n }\n\n if (deep) {\n seen.push(obj);\n copies.push(ret);\n }\n\n return ret;\n}\n\n/**\n Creates a clone of the passed object. This function can take just about\n any type of object and create a clone of it, including primitive values\n (which are not actually cloned because they are immutable).\n\n If the passed object implements the clone() method, then this function\n will simply call that method and return the result.\n\n @param {Object} object The object to clone\n @param {Boolean} deep If true, a deep copy of the object is made\n @returns {Object} The cloned object\n*/\nEmber.copy = function(obj, deep) {\n // fast paths\n if ('object' !== typeof obj || obj===null) return obj; // can't copy primitives\n if (Ember.Copyable && Ember.Copyable.detect(obj)) return obj.copy(deep);\n return _copy(obj, deep, deep ? [] : null, deep ? [] : null);\n};\n\n/**\n Convenience method to inspect an object. This method will attempt to\n convert the object into a useful string description.\n\n @param {Object} obj The object you want to inspect.\n @returns {String} A description of the object\n*/\nEmber.inspect = function(obj) {\n var v, ret = [];\n for(var key in obj) {\n if (obj.hasOwnProperty(key)) {\n v = obj[key];\n if (v === 'toString') { continue; } // ignore useless items\n if (Ember.typeOf(v) === 'function') { v = \"function() { ... }\"; }\n ret.push(key + \": \" + v);\n }\n }\n return \"{\" + ret.join(\" , \") + \"}\";\n};\n\n/**\n Compares two objects, returning true if they are logically equal. This is\n a deeper comparison than a simple triple equal. For sets it will compare the\n internal objects. For any other object that implements `isEqual()` it will \n respect that method.\n\n Ember.isEqual('hello', 'hello'); => true\n Ember.isEqual(1, 2); => false\n Ember.isEqual([4,2], [4,2]); => false\n\n @param {Object} a first object to compare\n @param {Object} b second object to compare\n @returns {Boolean}\n*/\nEmber.isEqual = function(a, b) {\n if (a && 'function'===typeof a.isEqual) return a.isEqual(b);\n return a === b;\n};\n\n/**\n @private\n Used by Ember.compare\n*/\nEmber.ORDER_DEFINITION = Ember.ENV.ORDER_DEFINITION || [\n 'undefined',\n 'null',\n 'boolean',\n 'number',\n 'string',\n 'array',\n 'object',\n 'instance',\n 'function',\n 'class',\n 'date'\n];\n\n/**\n Returns all of the keys defined on an object or hash. This is useful\n when inspecting objects for debugging. On browsers that support it, this\n uses the native Object.keys implementation.\n\n @function\n @param {Object} obj\n @returns {Array} Array containing keys of obj\n*/\nEmber.keys = Object.keys;\n\nif (!Ember.keys) {\n Ember.keys = function(obj) {\n var ret = [];\n for(var key in obj) {\n if (obj.hasOwnProperty(key)) { ret.push(key); }\n }\n return ret;\n };\n}\n\n// ..........................................................\n// ERROR\n//\n\n/**\n @class\n\n A subclass of the JavaScript Error object for use in Ember.\n*/\nEmber.Error = function() {\n var tmp = Error.prototype.constructor.apply(this, arguments);\n\n for (var p in tmp) {\n if (tmp.hasOwnProperty(p)) { this[p] = tmp[p]; }\n }\n this.message = tmp.message;\n};\n\nEmber.Error.prototype = Ember.create(Error.prototype);\n\n})();\n//@ sourceURL=ember-runtime/core");minispade.register('ember-runtime/ext', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/ext/string');\nminispade.require('ember-runtime/ext/function');\n\n})();\n//@ sourceURL=ember-runtime/ext");minispade.register('ember-runtime/ext/function', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/core');\n\nvar a_slice = Array.prototype.slice;\n\nif (Ember.EXTEND_PROTOTYPES) {\n\n /**\n The `property` extension of Javascript's Function prototype is available\n when Ember.EXTEND_PROTOTYPES is true, which is the default. \n\n Computed properties allow you to treat a function like a property:\n\n MyApp.president = Ember.Object.create({\n firstName: \"Barack\",\n lastName: \"Obama\",\n\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Call this flag to mark the function as a property\n }.property()\n });\n\n MyApp.president.get('fullName'); => \"Barack Obama\"\n\n Treating a function like a property is useful because they can work with\n bindings, just like any other property.\n\n Many computed properties have dependencies on other properties. For\n example, in the above example, the `fullName` property depends on\n `firstName` and `lastName` to determine its value. You can tell Ember.js\n about these dependencies like this:\n\n MyApp.president = Ember.Object.create({\n firstName: \"Barack\",\n lastName: \"Obama\",\n\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Tell Ember.js that this computed property depends on firstName\n // and lastName\n }.property('firstName', 'lastName')\n });\n\n Make sure you list these dependencies so Ember.js knows when to update\n bindings that connect to a computed property. Changing a dependency\n will not immediately trigger an update of the computed property, but\n will instead clear the cache so that it is updated when the next `get`\n is called on the property.\n\n Note: you will usually want to use `property(...)` with `cacheable()`.\n\n @see Ember.ComputedProperty\n @see Ember.computed\n */\n Function.prototype.property = function() {\n var ret = Ember.computed(this);\n return ret.property.apply(ret, arguments);\n };\n\n /**\n The `observes` extension of Javascript's Function prototype is available\n when Ember.EXTEND_PROTOTYPES is true, which is the default. \n\n You can observe property changes simply by adding the `observes`\n call to the end of your method declarations in classes that you write.\n For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property changes\n }.observes('value')\n });\n \n @see Ember.Observable\n */\n Function.prototype.observes = function() {\n this.__ember_observes__ = a_slice.call(arguments);\n return this;\n };\n\n /**\n The `observesBefore` extension of Javascript's Function prototype is\n available when Ember.EXTEND_PROTOTYPES is true, which is the default. \n\n You can get notified when a property changes is about to happen by\n by adding the `observesBefore` call to the end of your method\n declarations in classes that you write. For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property is about to change\n }.observesBefore('value')\n });\n \n @see Ember.Observable\n */\n Function.prototype.observesBefore = function() {\n this.__ember_observesBefore__ = a_slice.call(arguments);\n return this;\n };\n\n}\n\n\n})();\n//@ sourceURL=ember-runtime/ext/function");minispade.register('ember-runtime/ext/string', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/core');\nminispade.require('ember-runtime/system/string');\n\n\n\nvar fmt = Ember.String.fmt,\n w = Ember.String.w,\n loc = Ember.String.loc,\n camelize = Ember.String.camelize,\n decamelize = Ember.String.decamelize,\n dasherize = Ember.String.dasherize,\n underscore = Ember.String.underscore;\n\nif (Ember.EXTEND_PROTOTYPES) {\n\n /**\n @see Ember.String.fmt\n */\n String.prototype.fmt = function() {\n return fmt(this, arguments);\n };\n\n /**\n @see Ember.String.w\n */\n String.prototype.w = function() {\n return w(this);\n };\n\n /**\n @see Ember.String.loc\n */\n String.prototype.loc = function() {\n return loc(this, arguments);\n };\n\n /**\n @see Ember.String.camelize\n */\n String.prototype.camelize = function() {\n return camelize(this);\n };\n\n /**\n @see Ember.String.decamelize\n */\n String.prototype.decamelize = function() {\n return decamelize(this);\n };\n\n /**\n @see Ember.String.dasherize\n */\n String.prototype.dasherize = function() {\n return dasherize(this);\n };\n\n /**\n @see Ember.String.underscore\n */\n String.prototype.underscore = function() {\n return underscore(this);\n };\n\n}\n\n\n})();\n//@ sourceURL=ember-runtime/ext/string");minispade.register('ember-runtime/license', "(function() {/**\n * @license\n * ==========================================================================\n * Ember\n * Copyright ©2006-2011, Strobe Inc. and contributors.\n * Portions copyright ©2008-2011 Apple Inc. All rights reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a\n * copy of this software and associated documentation files (the \"Software\"),\n * to deal in the Software without restriction, including without limitation\n * the rights to use, copy, modify, merge, publish, distribute, sublicense,\n * and/or sell copies of the Software, and to permit persons to whom the\n * Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n * DEALINGS IN THE SOFTWARE.\n *\n * For more information about Ember, visit http://www.emberjs.com\n *\n * ==========================================================================\n */\n\n})();\n//@ sourceURL=ember-runtime/license");minispade.register('ember-runtime', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/license');\nminispade.require('ember-metal');\nminispade.require('ember-runtime/core');\nminispade.require('ember-runtime/ext');\nminispade.require('ember-runtime/mixins');\nminispade.require('ember-runtime/system');\nminispade.require('ember-runtime/controllers');\n\n})();\n//@ sourceURL=ember-runtime");minispade.register('ember-runtime/mixins', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/array');\nminispade.require('ember-runtime/mixins/comparable');\nminispade.require('ember-runtime/mixins/copyable');\nminispade.require('ember-runtime/mixins/enumerable');\nminispade.require('ember-runtime/mixins/freezable');\nminispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\nminispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/mixins/target_action_support');\nminispade.require('ember-runtime/mixins/evented');\n\n})();\n//@ sourceURL=ember-runtime/mixins");minispade.register('ember-runtime/mixins/array', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/enumerable');\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set, meta = Ember.meta, map = Ember.EnumerableUtils.map, cacheFor = Ember.cacheFor;\n\n/** @private */\nfunction none(obj) { return obj===null || obj===undefined; }\n\n// ..........................................................\n// ARRAY\n//\n/**\n @namespace\n\n This module implements Observer-friendly Array-like behavior. This mixin is\n picked up by the Array class as well as other controllers, etc. that want to\n appear to be arrays.\n\n Unlike Ember.Enumerable, this mixin defines methods specifically for\n collections that provide index-ordered access to their contents. When you\n are designing code that needs to accept any kind of Array-like object, you\n should use these methods instead of Array primitives because these will\n properly notify observers of changes to the array.\n\n Although these methods are efficient, they do add a layer of indirection to\n your application so it is a good idea to use them only when you need the\n flexibility of using both true JavaScript arrays and \"virtual\" arrays such\n as controllers and collections.\n\n You can use the methods defined in this module to access and modify array\n contents in a KVO-friendly way. You can also be notified whenever the\n membership if an array changes by changing the syntax of the property to\n .observes('*myProperty.[]') .\n\n To support Ember.Array in your own class, you must override two\n primitives to use it: replace() and objectAt().\n\n Note that the Ember.Array mixin also incorporates the Ember.Enumerable mixin. All\n Ember.Array-like objects are also enumerable.\n\n @extends Ember.Enumerable\n @since Ember 0.9.0\n*/\nEmber.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.prototype */ {\n\n /** @private - compatibility */\n isSCArray: true,\n\n /**\n @field {Number} length\n\n Your array must support the length property. Your replace methods should\n set this property whenever it changes.\n */\n length: Ember.required(),\n\n /**\n Returns the object at the given index. If the given index is negative or\n is greater or equal than the array length, returns `undefined`.\n\n This is one of the primitives you must implement to support `Ember.Array`.\n If your object supports retrieving the value of an array item using `get()`\n (i.e. `myArray.get(0)`), then you do not need to implement this method\n yourself.\n\n var arr = ['a', 'b', 'c', 'd'];\n arr.objectAt(0); => \"a\"\n arr.objectAt(3); => \"d\"\n arr.objectAt(-1); => undefined\n arr.objectAt(4); => undefined\n arr.objectAt(5); => undefined\n\n @param {Number} idx\n The index of the item to return.\n */\n objectAt: function(idx) {\n if ((idx < 0) || (idx>=get(this, 'length'))) return undefined ;\n return get(this, idx);\n },\n\n /**\n This returns the objects at the specified indexes, using `objectAt`.\n\n var arr = ['a', 'b', 'c', 'd'];\n arr.objectsAt([0, 1, 2]) => [\"a\", \"b\", \"c\"]\n arr.objectsAt([2, 3, 4]) => [\"c\", \"d\", undefined]\n\n @param {Array} indexes\n An array of indexes of items to return.\n */\n objectsAt: function(indexes) {\n var self = this;\n return map(indexes, function(idx){ return self.objectAt(idx); });\n },\n\n /** @private (nodoc) - overrides Ember.Enumerable version */\n nextObject: function(idx) {\n return this.objectAt(idx);\n },\n\n /**\n @field []\n\n This is the handler for the special array content property. If you get\n this property, it will return this. If you set this property it a new\n array, it will replace the current content.\n\n This property overrides the default property defined in Ember.Enumerable.\n */\n '[]': Ember.computed(function(key, value) {\n if (value !== undefined) this.replace(0, get(this, 'length'), value) ;\n return this ;\n }).property().cacheable(),\n\n firstObject: Ember.computed(function() {\n return this.objectAt(0);\n }).property().cacheable(),\n\n lastObject: Ember.computed(function() {\n return this.objectAt(get(this, 'length')-1);\n }).property().cacheable(),\n\n /** @private (nodoc) - optimized version from Enumerable */\n contains: function(obj){\n return this.indexOf(obj) >= 0;\n },\n\n // Add any extra methods to Ember.Array that are native to the built-in Array.\n /**\n Returns a new array that is a slice of the receiver. This implementation\n uses the observable array methods to retrieve the objects for the new\n slice.\n\n var arr = ['red', 'green', 'blue'];\n arr.slice(0); => ['red', 'green', 'blue']\n arr.slice(0, 2); => ['red', 'green']\n arr.slice(1, 100); => ['green', 'blue']\n\n @param beginIndex {Integer} (Optional) index to begin slicing from.\n @param endIndex {Integer} (Optional) index to end the slice at.\n @returns {Array} New array with specified slice\n */\n slice: function(beginIndex, endIndex) {\n var ret = [];\n var length = get(this, 'length') ;\n if (none(beginIndex)) beginIndex = 0 ;\n if (none(endIndex) || (endIndex > length)) endIndex = length ;\n while(beginIndex < endIndex) {\n ret[ret.length] = this.objectAt(beginIndex++) ;\n }\n return ret ;\n },\n\n /**\n Returns the index of the given object's first occurrence.\n If no startAt argument is given, the starting location to\n search is 0. If it's negative, will count backward from\n the end of the array. Returns -1 if no match is found.\n\n var arr = [\"a\", \"b\", \"c\", \"d\", \"a\"];\n arr.indexOf(\"a\"); => 0\n arr.indexOf(\"z\"); => -1\n arr.indexOf(\"a\", 2); => 4\n arr.indexOf(\"a\", -1); => 4\n arr.indexOf(\"b\", 3); => -1\n arr.indexOf(\"a\", 100); => -1\n\n @param {Object} object the item to search for\n @param {Number} startAt optional starting location to search, default 0\n @returns {Number} index or -1 if not found\n */\n indexOf: function(object, startAt) {\n var idx, len = get(this, 'length');\n\n if (startAt === undefined) startAt = 0;\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx 4\n arr.lastIndexOf(\"z\"); => -1\n arr.lastIndexOf(\"a\", 2); => 0\n arr.lastIndexOf(\"a\", -1); => 4\n arr.lastIndexOf(\"b\", 3); => 1\n arr.lastIndexOf(\"a\", 100); => 4\n\n @param {Object} object the item to search for\n @param {Number} startAt optional starting location to search, default 0\n @returns {Number} index or -1 if not found\n */\n lastIndexOf: function(object, startAt) {\n var idx, len = get(this, 'length');\n\n if (startAt === undefined || startAt >= len) startAt = len-1;\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx>=0;idx--) {\n if (this.objectAt(idx) === object) return idx ;\n }\n return -1;\n },\n\n // ..........................................................\n // ARRAY OBSERVERS\n //\n\n /**\n Adds an array observer to the receiving array. The array observer object\n normally must implement two methods:\n\n * `arrayWillChange(start, removeCount, addCount)` - This method will be\n called just before the array is modified.\n * `arrayDidChange(start, removeCount, addCount)` - This method will be\n called just after the array is modified.\n\n Both callbacks will be passed the starting index of the change as well a\n a count of the items to be removed and added. You can use these callbacks\n to optionally inspect the array during the change, clear caches, or do\n any other bookkeeping necessary.\n\n In addition to passing a target, you can also include an options hash\n which you can use to override the method names that will be invoked on the\n target.\n\n @param {Object} target\n The observer object.\n\n @param {Hash} opts\n Optional hash of configuration options including willChange, didChange,\n and a context option.\n\n @returns {Ember.Array} receiver\n */\n addArrayObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'arrayWillChange',\n didChange = (opts && opts.didChange) || 'arrayDidChange';\n\n var hasObservers = get(this, 'hasArrayObservers');\n if (!hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers');\n Ember.addListener(this, '@array:before', target, willChange);\n Ember.addListener(this, '@array:change', target, didChange);\n if (!hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers');\n return this;\n },\n\n /**\n Removes an array observer from the object if the observer is current\n registered. Calling this method multiple times with the same object will\n have no effect.\n\n @param {Object} target\n The object observing the array.\n\n @returns {Ember.Array} receiver\n */\n removeArrayObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'arrayWillChange',\n didChange = (opts && opts.didChange) || 'arrayDidChange';\n\n var hasObservers = get(this, 'hasArrayObservers');\n if (hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers');\n Ember.removeListener(this, '@array:before', target, willChange);\n Ember.removeListener(this, '@array:change', target, didChange);\n if (hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers');\n return this;\n },\n\n /**\n Becomes true whenever the array currently has observers watching changes\n on the array.\n\n @type Boolean\n */\n hasArrayObservers: Ember.computed(function() {\n return Ember.hasListeners(this, '@array:change') || Ember.hasListeners(this, '@array:before');\n }).property().cacheable(),\n\n /**\n If you are implementing an object that supports Ember.Array, call this\n method just before the array content changes to notify any observers and\n invalidate any related properties. Pass the starting index of the change\n as well as a delta of the amounts to change.\n\n @param {Number} startIdx\n The starting index in the array that will change.\n\n @param {Number} removeAmt\n The number of items that will be removed. If you pass null assumes 0\n\n @param {Number} addAmt\n The number of items that will be added. If you pass null assumes 0.\n\n @returns {Ember.Array} receiver\n */\n arrayContentWillChange: function(startIdx, removeAmt, addAmt) {\n\n // if no args are passed assume everything changes\n if (startIdx===undefined) {\n startIdx = 0;\n removeAmt = addAmt = -1;\n } else {\n if (removeAmt === undefined) removeAmt=-1;\n if (addAmt === undefined) addAmt=-1;\n }\n\n // Make sure the @each proxy is set up if anyone is observing @each\n if (Ember.isWatching(this, '@each')) { get(this, '@each'); }\n\n Ember.sendEvent(this, '@array:before', [this, startIdx, removeAmt, addAmt]);\n\n var removing, lim;\n if (startIdx>=0 && removeAmt>=0 && get(this, 'hasEnumerableObservers')) {\n removing = [];\n lim = startIdx+removeAmt;\n for(var idx=startIdx;idx=0 && addAmt>=0 && get(this, 'hasEnumerableObservers')) {\n adding = [];\n lim = startIdx+addAmt;\n for(var idx=startIdx;idx b`\n\n Default implementation raises an exception.\n\n @param a {Object} the first object to compare\n @param b {Object} the second object to compare\n @returns {Integer} the result of the comparison\n */\n compare: Ember.required(Function)\n\n});\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/comparable");minispade.register('ember-runtime/mixins/copyable', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2010 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/string');\n\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @namespace\n\n Implements some standard methods for copying an object. Add this mixin to\n any object you create that can create a copy of itself. This mixin is\n added automatically to the built-in array.\n\n You should generally implement the copy() method to return a copy of the\n receiver.\n\n Note that frozenCopy() will only work if you also implement Ember.Freezable.\n\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Copyable = Ember.Mixin.create(\n/** @scope Ember.Copyable.prototype */ {\n\n /**\n Override to return a copy of the receiver. Default implementation raises\n an exception.\n\n @function\n @param deep {Boolean} if true, a deep copy of the object should be made\n @returns {Object} copy of receiver\n */\n copy: Ember.required(Function),\n\n /**\n If the object implements Ember.Freezable, then this will return a new copy\n if the object is not frozen and the receiver if the object is frozen.\n\n Raises an exception if you try to call this method on a object that does\n not support freezing.\n\n You should use this method whenever you want a copy of a freezable object\n since a freezable object can simply return itself without actually\n consuming more memory.\n\n @returns {Object} copy of receiver or receiver\n */\n frozenCopy: function() {\n if (Ember.Freezable && Ember.Freezable.detect(this)) {\n return get(this, 'isFrozen') ? this : this.copy().freeze();\n } else {\n throw new Error(Ember.String.fmt(\"%@ does not support freezing\", [this]));\n }\n }\n});\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/copyable");minispade.register('ember-runtime/mixins/enumerable', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n\n\n\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set;\nvar a_slice = Array.prototype.slice;\nvar a_indexOf = Ember.EnumerableUtils.indexOf;\n\nvar contexts = [];\n/** @private */\nfunction popCtx() {\n return contexts.length===0 ? {} : contexts.pop();\n}\n\n/** @private */\nfunction pushCtx(ctx) {\n contexts.push(ctx);\n return null;\n}\n\n/** @private */\nfunction iter(key, value) {\n var valueProvided = arguments.length === 2;\n\n function i(item) {\n var cur = get(item, key);\n return valueProvided ? value===cur : !!cur;\n }\n return i ;\n}\n\n/**\n @class\n\n This mixin defines the common interface implemented by enumerable objects\n in Ember. Most of these methods follow the standard Array iteration\n API defined up to JavaScript 1.8 (excluding language-specific features that\n cannot be emulated in older versions of JavaScript).\n\n This mixin is applied automatically to the Array class on page load, so you\n can use any of these methods on simple arrays. If Array already implements\n one of these methods, the mixin will not override them.\n\n h3. Writing Your Own Enumerable\n\n To make your own custom class enumerable, you need two items:\n\n 1. You must have a length property. This property should change whenever\n the number of items in your enumerable object changes. If you using this\n with an Ember.Object subclass, you should be sure to change the length\n property using set().\n\n 2. If you must implement nextObject(). See documentation.\n\n Once you have these two methods implement, apply the Ember.Enumerable mixin\n to your class and you will be able to enumerate the contents of your object\n like any other collection.\n\n h3. Using Ember Enumeration with Other Libraries\n\n Many other libraries provide some kind of iterator or enumeration like\n facility. This is often where the most common API conflicts occur.\n Ember's API is designed to be as friendly as possible with other\n libraries by implementing only methods that mostly correspond to the\n JavaScript 1.8 API.\n\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Enumerable = Ember.Mixin.create(\n /** @scope Ember.Enumerable.prototype */ {\n\n /** @private - compatibility */\n isEnumerable: true,\n\n /**\n Implement this method to make your class enumerable.\n\n This method will be call repeatedly during enumeration. The index value\n will always begin with 0 and increment monotonically. You don't have to\n rely on the index value to determine what object to return, but you should\n always check the value and start from the beginning when you see the\n requested index is 0.\n\n The previousObject is the object that was returned from the last call\n to nextObject for the current iteration. This is a useful way to\n manage iteration if you are tracing a linked list, for example.\n\n Finally the context parameter will always contain a hash you can use as\n a \"scratchpad\" to maintain any other state you need in order to iterate\n properly. The context object is reused and is not reset between\n iterations so make sure you setup the context with a fresh state whenever\n the index parameter is 0.\n\n Generally iterators will continue to call nextObject until the index\n reaches the your current length-1. If you run out of data before this\n time for some reason, you should simply return undefined.\n\n The default implementation of this method simply looks up the index.\n This works great on any Array-like objects.\n\n @param {Number} index the current index of the iteration\n @param {Object} previousObject the value returned by the last call to nextObject.\n @param {Object} context a context object you can use to maintain state.\n @returns {Object} the next object in the iteration or undefined\n */\n nextObject: Ember.required(Function),\n\n /**\n Helper method returns the first object from a collection. This is usually\n used by bindings and other parts of the framework to extract a single\n object if the enumerable contains only one item.\n\n If you override this method, you should implement it so that it will\n always return the same value each time it is called. If your enumerable\n contains only one object, this method should always return that object.\n If your enumerable is empty, this method should return undefined.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.firstObject(); => \"a\"\n\n var arr = [];\n arr.firstObject(); => undefined\n\n @returns {Object} the object or undefined\n */\n firstObject: Ember.computed(function() {\n if (get(this, 'length')===0) return undefined ;\n\n // handle generic enumerables\n var context = popCtx(), ret;\n ret = this.nextObject(0, null, context);\n pushCtx(context);\n return ret ;\n }).property('[]').cacheable(),\n\n /**\n Helper method returns the last object from a collection. If your enumerable\n contains only one object, this method should always return that object.\n If your enumerable is empty, this method should return undefined.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.lastObject(); => \"c\"\n\n var arr = [];\n arr.lastObject(); => undefined\n\n @returns {Object} the last object or undefined\n */\n lastObject: Ember.computed(function() {\n var len = get(this, 'length');\n if (len===0) return undefined ;\n var context = popCtx(), idx=0, cur, last = null;\n do {\n last = cur;\n cur = this.nextObject(idx++, last, context);\n } while (cur !== undefined);\n pushCtx(context);\n return last;\n }).property('[]').cacheable(),\n\n /**\n Returns true if the passed object can be found in the receiver. The\n default version will iterate through the enumerable until the object\n is found. You may want to override this with a more efficient version.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.contains(\"a\"); => true\n arr.contains(\"z\"); => false\n\n @param {Object} obj\n The object to search for.\n\n @returns {Boolean} true if object is found in enumerable.\n */\n contains: function(obj) {\n return this.find(function(item) { return item===obj; }) !== undefined;\n },\n\n /**\n Iterates through the enumerable, calling the passed function on each\n item. This method corresponds to the forEach() method defined in\n JavaScript 1.6.\n\n The callback method you provide should have the following signature (all\n parameters are optional):\n\n function(item, index, enumerable);\n\n - *item* is the current item in the iteration.\n - *index* is the current index in the iteration\n - *enumerable* is the enumerable object itself.\n\n Note that in addition to a callback, you can also pass an optional target\n object that will be set as \"this\" on the context. This is a good way\n to give your iterator function access to the current object.\n\n @param {Function} callback The callback to execute\n @param {Object} [target] The target object to use\n @returns {Object} receiver\n */\n forEach: function(callback, target) {\n if (typeof callback !== \"function\") throw new TypeError() ;\n var len = get(this, 'length'), last = null, context = popCtx();\n\n if (target === undefined) target = null;\n\n for(var idx=0;idx1) args = a_slice.call(arguments, 1);\n\n this.forEach(function(x, idx) {\n var method = x && x[methodName];\n if ('function' === typeof method) {\n ret[idx] = args ? method.apply(x, args) : method.call(x);\n }\n }, this);\n\n return ret;\n },\n\n /**\n Simply converts the enumerable into a genuine array. The order is not\n guaranteed. Corresponds to the method implemented by Prototype.\n\n @returns {Array} the enumerable as an array.\n */\n toArray: function() {\n var ret = [];\n this.forEach(function(o, idx) { ret[idx] = o; });\n return ret ;\n },\n\n /**\n Returns a copy of the array with all null elements removed.\n\n var arr = [\"a\", null, \"c\", null];\n arr.compact(); => [\"a\", \"c\"]\n\n @returns {Array} the array without null elements.\n */\n compact: function() { return this.without(null); },\n\n /**\n Returns a new enumerable that excludes the passed value. The default\n implementation returns an array regardless of the receiver type unless\n the receiver does not contain the value.\n\n var arr = [\"a\", \"b\", \"a\", \"c\"];\n arr.without(\"a\"); => [\"b\", \"c\"]\n\n @param {Object} value\n @returns {Ember.Enumerable}\n */\n without: function(value) {\n if (!this.contains(value)) return this; // nothing to do\n var ret = [] ;\n this.forEach(function(k) {\n if (k !== value) ret[ret.length] = k;\n }) ;\n return ret ;\n },\n\n /**\n Returns a new enumerable that contains only unique values. The default\n implementation returns an array regardless of the receiver type.\n\n var arr = [\"a\", \"a\", \"b\", \"b\"];\n arr.uniq(); => [\"a\", \"b\"]\n\n @returns {Ember.Enumerable}\n */\n uniq: function() {\n var ret = [];\n this.forEach(function(k){\n if (a_indexOf(ret, k)<0) ret.push(k);\n });\n return ret;\n },\n\n /**\n This property will trigger anytime the enumerable's content changes.\n You can observe this property to be notified of changes to the enumerables\n content.\n\n For plain enumerables, this property is read only. Ember.Array overrides\n this method.\n\n @type Ember.Array\n */\n '[]': Ember.computed(function(key, value) {\n return this;\n }).property().cacheable(),\n\n // ..........................................................\n // ENUMERABLE OBSERVERS\n //\n\n /**\n Registers an enumerable observer. Must implement Ember.EnumerableObserver\n mixin.\n */\n addEnumerableObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'enumerableWillChange',\n didChange = (opts && opts.didChange) || 'enumerableDidChange';\n\n var hasObservers = get(this, 'hasEnumerableObservers');\n if (!hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers');\n Ember.addListener(this, '@enumerable:before', target, willChange);\n Ember.addListener(this, '@enumerable:change', target, didChange);\n if (!hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers');\n return this;\n },\n\n /**\n Removes a registered enumerable observer.\n */\n removeEnumerableObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'enumerableWillChange',\n didChange = (opts && opts.didChange) || 'enumerableDidChange';\n\n var hasObservers = get(this, 'hasEnumerableObservers');\n if (hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers');\n Ember.removeListener(this, '@enumerable:before', target, willChange);\n Ember.removeListener(this, '@enumerable:change', target, didChange);\n if (hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers');\n return this;\n },\n\n /**\n Becomes true whenever the array currently has observers watching changes\n on the array.\n\n @type Boolean\n */\n hasEnumerableObservers: Ember.computed(function() {\n return Ember.hasListeners(this, '@enumerable:change') || Ember.hasListeners(this, '@enumerable:before');\n }).property().cacheable(),\n\n\n /**\n Invoke this method just before the contents of your enumerable will\n change. You can either omit the parameters completely or pass the objects\n to be removed or added if available or just a count.\n\n @param {Ember.Enumerable|Number} removing\n An enumerable of the objects to be removed or the number of items to\n be removed.\n\n @param {Ember.Enumerable|Number} adding\n An enumerable of the objects to be added or the number of items to be\n added.\n\n @returns {Ember.Enumerable} receiver\n */\n enumerableContentWillChange: function(removing, adding) {\n\n var removeCnt, addCnt, hasDelta;\n\n if ('number' === typeof removing) removeCnt = removing;\n else if (removing) removeCnt = get(removing, 'length');\n else removeCnt = removing = -1;\n\n if ('number' === typeof adding) addCnt = adding;\n else if (adding) addCnt = get(adding,'length');\n else addCnt = adding = -1;\n\n hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0;\n\n if (removing === -1) removing = null;\n if (adding === -1) adding = null;\n\n Ember.propertyWillChange(this, '[]');\n if (hasDelta) Ember.propertyWillChange(this, 'length');\n Ember.sendEvent(this, '@enumerable:before', [this, removing, adding]);\n\n return this;\n },\n\n /**\n Invoke this method when the contents of your enumerable has changed.\n This will notify any observers watching for content changes. If your are\n implementing an ordered enumerable (such as an array), also pass the\n start and end values where the content changed so that it can be used to\n notify range observers.\n\n @param {Number} start\n optional start offset for the content change. For unordered\n enumerables, you should always pass -1.\n\n @param {Ember.Enumerable|Number} removing\n An enumerable of the objects to be removed or the number of items to\n be removed.\n\n @param {Ember.Enumerable|Number} adding\n An enumerable of the objects to be added or the number of items to be\n added.\n\n @returns {Object} receiver\n */\n enumerableContentDidChange: function(removing, adding) {\n var notify = this.propertyDidChange, removeCnt, addCnt, hasDelta;\n\n if ('number' === typeof removing) removeCnt = removing;\n else if (removing) removeCnt = get(removing, 'length');\n else removeCnt = removing = -1;\n\n if ('number' === typeof adding) addCnt = adding;\n else if (adding) addCnt = get(adding, 'length');\n else addCnt = adding = -1;\n\n hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0;\n\n if (removing === -1) removing = null;\n if (adding === -1) adding = null;\n\n Ember.sendEvent(this, '@enumerable:change', [this, removing, adding]);\n if (hasDelta) Ember.propertyDidChange(this, 'length');\n Ember.propertyDidChange(this, '[]');\n\n return this ;\n }\n\n}) ;\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/enumerable");minispade.register('ember-runtime/mixins/evented', "(function() {/**\n @class\n\n @extends Ember.Mixin\n */\nEmber.Evented = Ember.Mixin.create(\n /** @scope Ember.Evented.prototype */ {\n on: function(name, target, method) {\n Ember.addListener(this, name, target, method);\n },\n\n one: function(name, target, method) {\n if (!method) {\n method = target;\n target = null;\n }\n\n var self = this;\n var wrapped = function() {\n Ember.removeListener(self, name, target, wrapped);\n\n if ('string' === typeof method) { method = this[method]; }\n\n // Internally, a `null` target means that the target is\n // the first parameter to addListener. That means that\n // the `this` passed into this function is the target\n // determined by the event system.\n method.apply(this, arguments);\n };\n\n this.on(name, target, wrapped);\n },\n\n trigger: function(name) {\n var args = [], i, l;\n for (i = 1, l = arguments.length; i < l; i++) {\n args.push(arguments[i]);\n }\n Ember.sendEvent(this, name, args);\n },\n\n fire: function(name) {\n Ember.deprecate(\"Ember.Evented#fire() has been deprecated in favor of trigger() for compatibility with jQuery. It will be removed in 1.0. Please update your code to call trigger() instead.\");\n this.trigger.apply(this, arguments);\n },\n\n off: function(name, target, method) {\n Ember.removeListener(this, name, target, method);\n },\n\n has: function(name) {\n return Ember.hasListeners(this, name);\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/evented");minispade.register('ember-runtime/mixins/freezable', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2010 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n\n\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @namespace\n\n The Ember.Freezable mixin implements some basic methods for marking an object\n as frozen. Once an object is frozen it should be read only. No changes\n may be made the internal state of the object.\n\n ## Enforcement\n\n To fully support freezing in your subclass, you must include this mixin and\n override any method that might alter any property on the object to instead\n raise an exception. You can check the state of an object by checking the\n isFrozen property.\n\n Although future versions of JavaScript may support language-level freezing\n object objects, that is not the case today. Even if an object is freezable,\n it is still technically possible to modify the object, even though it could\n break other parts of your application that do not expect a frozen object to\n change. It is, therefore, very important that you always respect the\n isFrozen property on all freezable objects.\n\n ## Example Usage\n\n The example below shows a simple object that implement the Ember.Freezable\n protocol.\n\n Contact = Ember.Object.extend(Ember.Freezable, {\n\n firstName: null,\n\n lastName: null,\n\n // swaps the names\n swapNames: function() {\n if (this.get('isFrozen')) throw Ember.FROZEN_ERROR;\n var tmp = this.get('firstName');\n this.set('firstName', this.get('lastName'));\n this.set('lastName', tmp);\n return this;\n }\n\n });\n\n c = Context.create({ firstName: \"John\", lastName: \"Doe\" });\n c.swapNames(); => returns c\n c.freeze();\n c.swapNames(); => EXCEPTION\n\n ## Copying\n\n Usually the Ember.Freezable protocol is implemented in cooperation with the\n Ember.Copyable protocol, which defines a frozenCopy() method that will return\n a frozen object, if the object implements this method as well.\n\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Freezable = Ember.Mixin.create(\n/** @scope Ember.Freezable.prototype */ {\n\n /**\n Set to true when the object is frozen. Use this property to detect whether\n your object is frozen or not.\n\n @type Boolean\n */\n isFrozen: false,\n\n /**\n Freezes the object. Once this method has been called the object should\n no longer allow any properties to be edited.\n\n @returns {Object} receiver\n */\n freeze: function() {\n if (get(this, 'isFrozen')) return this;\n set(this, 'isFrozen', true);\n return this;\n }\n\n});\n\nEmber.FROZEN_ERROR = \"Frozen object cannot be modified.\";\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/freezable");minispade.register('ember-runtime/mixins/mutable_array', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/array');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\n\n// ..........................................................\n// CONSTANTS\n//\n\nvar OUT_OF_RANGE_EXCEPTION = \"Index out of range\" ;\nvar EMPTY = [];\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach;\n\n/**\n @class\n\n This mixin defines the API for modifying array-like objects. These methods\n can be applied only to a collection that keeps its items in an ordered set.\n\n Note that an Array can change even if it does not implement this mixin.\n For example, one might implement a SparseArray that cannot be directly\n modified, but if its underlying enumerable changes, it will change also.\n\n @extends Ember.Mixin\n @extends Ember.Array\n @extends Ember.MutableEnumerable\n*/\nEmber.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable,\n /** @scope Ember.MutableArray.prototype */ {\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n This is one of the primitives you must implement to support Ember.Array. You\n should replace amt objects started at idx with the objects in the passed\n array. You should also call this.enumerableContentDidChange() ;\n\n @function\n\n @param {Number} idx\n Starting index in the array to replace. If idx >= length, then append\n to the end of the array.\n\n @param {Number} amt\n Number of elements that should be removed from the array, starting at\n *idx*.\n\n @param {Array} objects\n An array of zero or more objects that should be inserted into the array\n at *idx*\n */\n replace: Ember.required(),\n\n /**\n Remove all elements from self. This is useful if you\n want to reuse an existing array without having to recreate it.\n\n var colors = [\"red\", \"green\", \"blue\"];\n color.length(); => 3\n colors.clear(); => []\n colors.length(); => 0\n\n @returns {Ember.Array} An empty Array. \n */\n clear: function () {\n var len = get(this, 'length');\n if (len === 0) return this;\n this.replace(0, len, EMPTY);\n return this;\n },\n\n /**\n This will use the primitive replace() method to insert an object at the\n specified index.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.insertAt(2, \"yellow\"); => [\"red\", \"green\", \"yellow\", \"blue\"]\n colors.insertAt(5, \"orange\"); => Error: Index out of range\n\n @param {Number} idx index of insert the object at.\n @param {Object} object object to insert\n */\n insertAt: function(idx, object) {\n if (idx > get(this, 'length')) throw new Error(OUT_OF_RANGE_EXCEPTION) ;\n this.replace(idx, 0, [object]) ;\n return this ;\n },\n\n /**\n Remove an object at the specified index using the replace() primitive\n method. You can pass either a single index, or a start and a length.\n\n If you pass a start and length that is beyond the\n length this method will throw an Ember.OUT_OF_RANGE_EXCEPTION\n\n var colors = [\"red\", \"green\", \"blue\", \"yellow\", \"orange\"];\n colors.removeAt(0); => [\"green\", \"blue\", \"yellow\", \"orange\"]\n colors.removeAt(2, 2); => [\"green\", \"blue\"]\n colors.removeAt(4, 2); => Error: Index out of range\n\n @param {Number} start index, start of range\n @param {Number} len length of passing range\n @returns {Object} receiver\n */\n removeAt: function(start, len) {\n\n var delta = 0;\n\n if ('number' === typeof start) {\n\n if ((start < 0) || (start >= get(this, 'length'))) {\n throw new Error(OUT_OF_RANGE_EXCEPTION);\n }\n\n // fast case\n if (len === undefined) len = 1;\n this.replace(start, len, EMPTY);\n }\n\n return this ;\n },\n\n /**\n Push the object onto the end of the array. Works just like push() but it\n is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.pushObject(\"black\"); => [\"red\", \"green\", \"blue\", \"black\"]\n colors.pushObject([\"yellow\", \"orange\"]); => [\"red\", \"green\", \"blue\", \"black\", [\"yellow\", \"orange\"]]\n\n */\n pushObject: function(obj) {\n this.insertAt(get(this, 'length'), obj) ;\n return obj ;\n },\n\n /**\n Add the objects in the passed numerable to the end of the array. Defers\n notifying observers of the change until all objects are added.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.pushObjects(\"black\"); => [\"red\", \"green\", \"blue\", \"black\"]\n colors.pushObjects([\"yellow\", \"orange\"]); => [\"red\", \"green\", \"blue\", \"black\", \"yellow\", \"orange\"]\n\n @param {Ember.Enumerable} objects the objects to add\n @returns {Ember.Array} receiver\n */\n pushObjects: function(objects) {\n this.replace(get(this, 'length'), 0, objects);\n return this;\n },\n\n /**\n Pop object from array or nil if none are left. Works just like pop() but\n it is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.popObject(); => \"blue\"\n console.log(colors); => [\"red\", \"green\"]\n\n */\n popObject: function() {\n var len = get(this, 'length') ;\n if (len === 0) return null ;\n\n var ret = this.objectAt(len-1) ;\n this.removeAt(len-1, 1) ;\n return ret ;\n },\n\n /**\n Shift an object from start of array or nil if none are left. Works just\n like shift() but it is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.shiftObject(); => \"red\"\n console.log(colors); => [\"green\", \"blue\"]\n\n */\n shiftObject: function() {\n if (get(this, 'length') === 0) return null ;\n var ret = this.objectAt(0) ;\n this.removeAt(0) ;\n return ret ;\n },\n\n /**\n Unshift an object to start of array. Works just like unshift() but it is\n KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.unshiftObject(\"yellow\"); => [\"yellow\", \"red\", \"green\", \"blue\"]\n colors.unshiftObject([\"black\", \"white\"]); => [[\"black\", \"white\"], \"yellow\", \"red\", \"green\", \"blue\"]\n\n */\n unshiftObject: function(obj) {\n this.insertAt(0, obj) ;\n return obj ;\n },\n\n /**\n Adds the named objects to the beginning of the array. Defers notifying\n observers until all objects have been added.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.unshiftObjects([\"black\", \"white\"]); => [\"black\", \"white\", \"red\", \"green\", \"blue\"]\n colors.unshiftObjects(\"yellow\"); => Type Error: 'undefined' is not a function\n\n @param {Ember.Enumerable} objects the objects to add\n @returns {Ember.Array} receiver\n */\n unshiftObjects: function(objects) {\n this.replace(0, 0, objects);\n return this;\n },\n\n /**\n Reverse objects in the array. Works just like reverse() but it is\n KVO-compliant.\n\n @return {Ember.Array} receiver\n */\n reverseObjects: function() {\n var len = get(this, 'length');\n if (len === 0) return this;\n var objects = this.toArray().reverse();\n this.replace(0, len, objects);\n return this;\n },\n\n // ..........................................................\n // IMPLEMENT Ember.MutableEnumerable\n //\n\n /** @private (nodoc) */\n removeObject: function(obj) {\n var loc = get(this, 'length') || 0;\n while(--loc >= 0) {\n var curObject = this.objectAt(loc) ;\n if (curObject === obj) this.removeAt(loc) ;\n }\n return this ;\n },\n\n /** @private (nodoc) */\n addObject: function(obj) {\n if (!this.contains(obj)) this.pushObject(obj);\n return this ;\n }\n\n});\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/mutable_array");minispade.register('ember-runtime/mixins/mutable_enumerable', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/enumerable');\n\nvar forEach = Ember.EnumerableUtils.forEach;\n\n/**\n @class\n\n This mixin defines the API for modifying generic enumerables. These methods\n can be applied to an object regardless of whether it is ordered or\n unordered.\n\n Note that an Enumerable can change even if it does not implement this mixin.\n For example, a MappedEnumerable cannot be directly modified but if its\n underlying enumerable changes, it will change also.\n\n ## Adding Objects\n\n To add an object to an enumerable, use the addObject() method. This\n method will only add the object to the enumerable if the object is not\n already present and the object if of a type supported by the enumerable.\n\n set.addObject(contact);\n\n ## Removing Objects\n\n To remove an object form an enumerable, use the removeObject() method. This\n will only remove the object if it is already in the enumerable, otherwise\n this method has no effect.\n\n set.removeObject(contact);\n\n ## Implementing In Your Own Code\n\n If you are implementing an object and want to support this API, just include\n this mixin in your class and implement the required methods. In your unit\n tests, be sure to apply the Ember.MutableEnumerableTests to your object.\n\n @extends Ember.Mixin\n @extends Ember.Enumerable\n*/\nEmber.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable,\n /** @scope Ember.MutableEnumerable.prototype */ {\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n Attempts to add the passed object to the receiver if the object is not\n already present in the collection. If the object is present, this method\n has no effect.\n\n If the passed object is of a type not supported by the receiver\n then this method should raise an exception.\n\n @function\n\n @param {Object} object\n The object to add to the enumerable.\n\n @returns {Object} the passed object\n */\n addObject: Ember.required(Function),\n\n /**\n Adds each object in the passed enumerable to the receiver.\n\n @param {Ember.Enumerable} objects the objects to add.\n @returns {Object} receiver\n */\n addObjects: function(objects) {\n Ember.beginPropertyChanges(this);\n forEach(objects, function(obj) { this.addObject(obj); }, this);\n Ember.endPropertyChanges(this);\n return this;\n },\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n Attempts to remove the passed object from the receiver collection if the\n object is in present in the collection. If the object is not present,\n this method has no effect.\n\n If the passed object is of a type not supported by the receiver\n then this method should raise an exception.\n\n @function\n\n @param {Object} object\n The object to remove from the enumerable.\n\n @returns {Object} the passed object\n */\n removeObject: Ember.required(Function),\n\n\n /**\n Removes each objects in the passed enumerable from the receiver.\n\n @param {Ember.Enumerable} objects the objects to remove\n @returns {Object} receiver\n */\n removeObjects: function(objects) {\n Ember.beginPropertyChanges(this);\n forEach(objects, function(obj) { this.removeObject(obj); }, this);\n Ember.endPropertyChanges(this);\n return this;\n }\n\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/mutable_enumerable");minispade.register('ember-runtime/mixins/observable', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\nvar get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty;\n\n/**\n @class\n\n ## Overview\n \n This mixin provides properties and property observing functionality, core\n features of the Ember object model.\n \n Properties and observers allow one object to observe changes to a\n property on another object. This is one of the fundamental ways that\n models, controllers and views communicate with each other in an Ember\n application.\n \n Any object that has this mixin applied can be used in observer\n operations. That includes Ember.Object and most objects you will\n interact with as you write your Ember application.\n\n Note that you will not generally apply this mixin to classes yourself,\n but you will use the features provided by this module frequently, so it\n is important to understand how to use it.\n \n ## Using get() and set()\n \n Because of Ember's support for bindings and observers, you will always\n access properties using the get method, and set properties using the\n set method. This allows the observing objects to be notified and\n computed properties to be handled properly.\n \n More documentation about `get` and `set` are below.\n \n ## Observing Property Changes\n\n You typically observe property changes simply by adding the `observes`\n call to the end of your method declarations in classes that you write.\n For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property changes\n }.observes('value')\n });\n \n Although this is the most common way to add an observer, this capability\n is actually built into the Ember.Object class on top of two methods\n defined in this mixin: `addObserver` and `removeObserver`. You can use\n these two methods to add and remove observers yourself if you need to\n do so at runtime.\n\n To add an observer for a property, call:\n\n object.addObserver('propertyKey', targetObject, targetAction)\n\n This will call the `targetAction` method on the `targetObject` to be called\n whenever the value of the `propertyKey` changes.\n \n Note that if `propertyKey` is a computed property, the observer will be \n called when any of the property dependencies are changed, even if the \n resulting value of the computed property is unchanged. This is necessary\n because computed properties are not computed until `get` is called.\n \n @extends Ember.Mixin\n*/\nEmber.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ {\n\n /** @private - compatibility */\n isObserverable: true,\n\n /**\n Retrieves the value of a property from the object.\n\n This method is usually similar to using object[keyName] or object.keyName,\n however it supports both computed properties and the unknownProperty\n handler.\n \n Because `get` unifies the syntax for accessing all these kinds\n of properties, it can make many refactorings easier, such as replacing a\n simple property with a computed property, or vice versa.\n\n ### Computed Properties\n\n Computed properties are methods defined with the `property` modifier\n declared at the end, such as:\n\n fullName: function() {\n return this.getEach('firstName', 'lastName').compact().join(' ');\n }.property('firstName', 'lastName')\n\n When you call `get` on a computed property, the function will be\n called and the return value will be returned instead of the function\n itself.\n\n ### Unknown Properties\n\n Likewise, if you try to call `get` on a property whose value is\n undefined, the unknownProperty() method will be called on the object.\n If this method returns any value other than undefined, it will be returned\n instead. This allows you to implement \"virtual\" properties that are\n not defined upfront.\n\n @param {String} key The property to retrieve\n @returns {Object} The property value or undefined.\n */\n get: function(keyName) {\n return get(this, keyName);\n },\n\n /**\n To get multiple properties at once, call getProperties\n with a list of strings or an array:\n\n record.getProperties('firstName', 'lastName', 'zipCode'); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' }\n\n is equivalent to:\n\n record.getProperties(['firstName', 'lastName', 'zipCode']); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' }\n\n @param {String...|Array} list of keys to get\n @returns {Hash}\n */\n getProperties: function() {\n var ret = {};\n var propertyNames = arguments;\n if (arguments.length === 1 && Ember.typeOf(arguments[0]) === 'array') {\n propertyNames = arguments[0];\n }\n for(var i = 0; i < propertyNames.length; i++) {\n ret[propertyNames[i]] = get(this, propertyNames[i]);\n }\n return ret;\n },\n\n /**\n Sets the provided key or path to the value.\n\n This method is generally very similar to calling object[key] = value or\n object.key = value, except that it provides support for computed\n properties, the unknownProperty() method and property observers.\n\n ### Computed Properties\n\n If you try to set a value on a key that has a computed property handler\n defined (see the get() method for an example), then set() will call\n that method, passing both the value and key instead of simply changing\n the value itself. This is useful for those times when you need to\n implement a property that is composed of one or more member\n properties.\n\n ### Unknown Properties\n\n If you try to set a value on a key that is undefined in the target\n object, then the unknownProperty() handler will be called instead. This\n gives you an opportunity to implement complex \"virtual\" properties that\n are not predefined on the object. If unknownProperty() returns\n undefined, then set() will simply set the value on the object.\n\n ### Property Observers\n\n In addition to changing the property, set() will also register a\n property change with the object. Unless you have placed this call\n inside of a beginPropertyChanges() and endPropertyChanges(), any \"local\"\n observers (i.e. observer methods declared on the same object), will be\n called immediately. Any \"remote\" observers (i.e. observer methods\n declared on another object) will be placed in a queue and called at a\n later time in a coalesced manner.\n\n ### Chaining\n\n In addition to property changes, set() returns the value of the object\n itself so you can do chaining like this:\n\n record.set('firstName', 'Charles').set('lastName', 'Jolley');\n\n @param {String} key The property to set\n @param {Object} value The value to set or null.\n @returns {Ember.Observable}\n */\n set: function(keyName, value) {\n set(this, keyName, value);\n return this;\n },\n\n /**\n To set multiple properties at once, call setProperties\n with a Hash:\n\n record.setProperties({ firstName: 'Charles', lastName: 'Jolley' });\n\n @param {Hash} hash the hash of keys and values to set\n @returns {Ember.Observable}\n */\n setProperties: function(hash) {\n return Ember.setProperties(this, hash);\n },\n\n /**\n Begins a grouping of property changes.\n\n You can use this method to group property changes so that notifications\n will not be sent until the changes are finished. If you plan to make a\n large number of changes to an object at one time, you should call this\n method at the beginning of the changes to begin deferring change\n notifications. When you are done making changes, call endPropertyChanges()\n to deliver the deferred change notifications and end deferring.\n\n @returns {Ember.Observable}\n */\n beginPropertyChanges: function() {\n Ember.beginPropertyChanges();\n return this;\n },\n\n /**\n Ends a grouping of property changes.\n\n You can use this method to group property changes so that notifications\n will not be sent until the changes are finished. If you plan to make a\n large number of changes to an object at one time, you should call\n beginPropertyChanges() at the beginning of the changes to defer change\n notifications. When you are done making changes, call this method to\n deliver the deferred change notifications and end deferring.\n\n @returns {Ember.Observable}\n */\n endPropertyChanges: function() {\n Ember.endPropertyChanges();\n return this;\n },\n\n /**\n Notify the observer system that a property is about to change.\n\n Sometimes you need to change a value directly or indirectly without\n actually calling get() or set() on it. In this case, you can use this\n method and propertyDidChange() instead. Calling these two methods\n together will notify all observers that the property has potentially\n changed value.\n\n Note that you must always call propertyWillChange and propertyDidChange as\n a pair. If you do not, it may get the property change groups out of order\n and cause notifications to be delivered more often than you would like.\n\n @param {String} key The property key that is about to change.\n @returns {Ember.Observable}\n */\n propertyWillChange: function(keyName){\n Ember.propertyWillChange(this, keyName);\n return this;\n },\n\n /**\n Notify the observer system that a property has just changed.\n\n Sometimes you need to change a value directly or indirectly without\n actually calling get() or set() on it. In this case, you can use this\n method and propertyWillChange() instead. Calling these two methods\n together will notify all observers that the property has potentially\n changed value.\n\n Note that you must always call propertyWillChange and propertyDidChange as\n a pair. If you do not, it may get the property change groups out of order\n and cause notifications to be delivered more often than you would like.\n\n @param {String} keyName The property key that has just changed.\n @returns {Ember.Observable}\n */\n propertyDidChange: function(keyName) {\n Ember.propertyDidChange(this, keyName);\n return this;\n },\n \n /**\n Convenience method to call `propertyWillChange` and `propertyDidChange` in\n succession.\n \n @param {String} keyName The property key to be notified about.\n @returns {Ember.Observable}\n */\n notifyPropertyChange: function(keyName) {\n this.propertyWillChange(keyName);\n this.propertyDidChange(keyName);\n return this;\n },\n\n addBeforeObserver: function(key, target, method) {\n Ember.addBeforeObserver(this, key, target, method);\n },\n\n /**\n Adds an observer on a property.\n\n This is the core method used to register an observer for a property.\n\n Once you call this method, anytime the key's value is set, your observer\n will be notified. Note that the observers are triggered anytime the\n value is set, regardless of whether it has actually changed. Your\n observer should be prepared to handle that.\n\n You can also pass an optional context parameter to this method. The\n context will be passed to your observer method whenever it is triggered.\n Note that if you add the same target/method pair on a key multiple times\n with different context parameters, your observer will only be called once\n with the last context you passed.\n\n ### Observer Methods\n\n Observer methods you pass should generally have the following signature if\n you do not pass a \"context\" parameter:\n\n fooDidChange: function(sender, key, value, rev);\n\n The sender is the object that changed. The key is the property that\n changes. The value property is currently reserved and unused. The rev\n is the last property revision of the object when it changed, which you can\n use to detect if the key value has really changed or not.\n\n If you pass a \"context\" parameter, the context will be passed before the\n revision like so:\n\n fooDidChange: function(sender, key, value, context, rev);\n\n Usually you will not need the value, context or revision parameters at\n the end. In this case, it is common to write observer methods that take\n only a sender and key value as parameters or, if you aren't interested in\n any of these values, to write an observer that has no parameters at all.\n\n @param {String} key The key to observer\n @param {Object} target The target object to invoke\n @param {String|Function} method The method to invoke.\n @returns {Ember.Object} self\n */\n addObserver: function(key, target, method) {\n Ember.addObserver(this, key, target, method);\n },\n\n /**\n Remove an observer you have previously registered on this object. Pass\n the same key, target, and method you passed to addObserver() and your\n target will no longer receive notifications.\n\n @param {String} key The key to observer\n @param {Object} target The target object to invoke\n @param {String|Function} method The method to invoke.\n @returns {Ember.Observable} receiver\n */\n removeObserver: function(key, target, method) {\n Ember.removeObserver(this, key, target, method);\n },\n\n /**\n Returns true if the object currently has observers registered for a\n particular key. You can use this method to potentially defer performing\n an expensive action until someone begins observing a particular property\n on the object.\n\n @param {String} key Key to check\n @returns {Boolean}\n */\n hasObserverFor: function(key) {\n return Ember.hasListeners(this, key+':change');\n },\n\n /**\n This method will be called when a client attempts to get the value of a\n property that has not been defined in one of the typical ways. Override\n this method to create \"virtual\" properties.\n \n @param {String} key The name of the unknown property that was requested.\n @returns {Object} The property value or undefined. Default is undefined.\n */\n unknownProperty: function(key) {\n return undefined;\n },\n\n /**\n This method will be called when a client attempts to set the value of a\n property that has not been defined in one of the typical ways. Override\n this method to create \"virtual\" properties.\n \n @param {String} key The name of the unknown property to be set.\n @param {Object} value The value the unknown property is to be set to.\n */\n setUnknownProperty: function(key, value) {\n defineProperty(this, key);\n set(this, key, value);\n },\n\n /**\n @deprecated\n @param {String} path The property path to retrieve\n @returns {Object} The property value or undefined.\n */\n getPath: function(path) {\n Ember.deprecate(\"getPath is deprecated since get now supports paths\");\n return this.get(path);\n },\n\n /**\n @deprecated\n @param {String} path The path to the property that will be set\n @param {Object} value The value to set or null.\n @returns {Ember.Observable}\n */\n setPath: function(path, value) {\n Ember.deprecate(\"setPath is deprecated since set now supports paths\");\n return this.set(path, value);\n },\n\n /**\n Retrieves the value of a property, or a default value in the case that the property\n returns undefined.\n \n person.getWithDefault('lastName', 'Doe');\n \n @param {String} keyName The name of the property to retrieve\n @param {Object} defaultValue The value to return if the property value is undefined\n @returns {Object} The property value or the defaultValue.\n */\n getWithDefault: function(keyName, defaultValue) {\n return Ember.getWithDefault(this, keyName, defaultValue);\n },\n\n /**\n Set the value of a property to the current value plus some amount.\n \n person.incrementProperty('age');\n team.incrementProperty('score', 2);\n \n @param {String} keyName The name of the property to increment\n @param {Object} increment The amount to increment by. Defaults to 1\n @returns {Object} The new property value\n */\n incrementProperty: function(keyName, increment) {\n if (!increment) { increment = 1; }\n set(this, keyName, (get(this, keyName) || 0)+increment);\n return get(this, keyName);\n },\n \n /**\n Set the value of a property to the current value minus some amount.\n \n player.decrementProperty('lives');\n orc.decrementProperty('health', 5);\n \n @param {String} keyName The name of the property to decrement\n @param {Object} increment The amount to decrement by. Defaults to 1\n @returns {Object} The new property value\n */\n decrementProperty: function(keyName, increment) {\n if (!increment) { increment = 1; }\n set(this, keyName, (get(this, keyName) || 0)-increment);\n return get(this, keyName);\n },\n\n /**\n Set the value of a boolean property to the opposite of it's\n current value.\n \n starship.toggleProperty('warpDriveEnaged');\n \n @param {String} keyName The name of the property to toggle\n @returns {Object} The new property value\n */\n toggleProperty: function(keyName) {\n set(this, keyName, !get(this, keyName));\n return get(this, keyName);\n },\n\n /**\n Returns the cached value of a computed property, if it exists.\n This allows you to inspect the value of a computed property\n without accidentally invoking it if it is intended to be\n generated lazily.\n\n @param {String} keyName\n @returns {Object} The cached value of the computed property, if any\n */\n cacheFor: function(keyName) {\n return Ember.cacheFor(this, keyName);\n },\n\n /** @private - intended for debugging purposes */\n observersForKey: function(keyName) {\n return Ember.observersFor(this, keyName);\n }\n});\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/observable");minispade.register('ember-runtime/mixins/sortable', "(function() {var get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach;\n\n/**\n @class\n\n @extends Ember.Mixin\n @extends Ember.MutableEnumerable\n*/\nEmber.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable,\n /** @scope Ember.Observable.prototype */ {\n sortProperties: null,\n sortAscending: true,\n\n addObject: function(obj) {\n var content = get(this, 'content');\n content.pushObject(obj);\n },\n\n removeObject: function(obj) {\n var content = get(this, 'content');\n content.removeObject(obj);\n },\n\n orderBy: function(item1, item2) {\n var result = 0,\n sortProperties = get(this, 'sortProperties'),\n sortAscending = get(this, 'sortAscending');\n\n Ember.assert(\"you need to define `sortProperties`\", !!sortProperties);\n\n forEach(sortProperties, function(propertyName) {\n if (result === 0) {\n result = Ember.compare(get(item1, propertyName), get(item2, propertyName));\n if ((result !== 0) && !sortAscending) {\n result = (-1) * result;\n }\n }\n });\n\n return result;\n },\n\n destroy: function() {\n var content = get(this, 'content'),\n sortProperties = get(this, 'sortProperties');\n\n if (content && sortProperties) {\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n return this._super();\n },\n\n isSorted: Ember.computed('sortProperties', function() {\n return !!get(this, 'sortProperties');\n }),\n\n arrangedContent: Ember.computed('content', 'sortProperties.@each', function(key, value) {\n var content = get(this, 'content'),\n isSorted = get(this, 'isSorted'),\n sortProperties = get(this, 'sortProperties'),\n self = this;\n\n if (content && isSorted) {\n content = content.slice();\n content.sort(function(item1, item2) {\n return self.orderBy(item1, item2);\n });\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n return Ember.A(content);\n }\n\n return content;\n }).cacheable(),\n\n _contentWillChange: Ember.beforeObserver(function() {\n var content = get(this, 'content'),\n sortProperties = get(this, 'sortProperties');\n\n if (content && sortProperties) {\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n this._super();\n }, 'content'),\n\n sortAscendingWillChange: Ember.beforeObserver(function() {\n this._lastSortAscending = get(this, 'sortAscending');\n }, 'sortAscending'),\n\n sortAscendingDidChange: Ember.observer(function() {\n if (get(this, 'sortAscending') !== this._lastSortAscending) {\n var arrangedContent = get(this, 'arrangedContent');\n arrangedContent.reverseObjects();\n }\n }, 'sortAscending'),\n\n contentArrayWillChange: function(array, idx, removedCount, addedCount) {\n var isSorted = get(this, 'isSorted');\n\n if (isSorted) {\n var arrangedContent = get(this, 'arrangedContent');\n var removedObjects = array.slice(idx, idx+removedCount);\n var sortProperties = get(this, 'sortProperties');\n\n forEach(removedObjects, function(item) {\n arrangedContent.removeObject(item);\n\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n });\n }\n\n return this._super(array, idx, removedCount, addedCount);\n },\n\n contentArrayDidChange: function(array, idx, removedCount, addedCount) {\n var isSorted = get(this, 'isSorted'),\n sortProperties = get(this, 'sortProperties');\n\n if (isSorted) {\n var addedObjects = array.slice(idx, idx+addedCount);\n var arrangedContent = get(this, 'arrangedContent');\n\n forEach(addedObjects, function(item) {\n this.insertItemSorted(item);\n\n forEach(sortProperties, function(sortProperty) {\n Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n return this._super(array, idx, removedCount, addedCount);\n },\n\n insertItemSorted: function(item) {\n var arrangedContent = get(this, 'arrangedContent');\n var length = get(arrangedContent, 'length');\n\n var idx = this._binarySearch(item, 0, length);\n arrangedContent.insertAt(idx, item);\n },\n\n contentItemSortPropertyDidChange: function(item) {\n var arrangedContent = get(this, 'arrangedContent'),\n index = arrangedContent.indexOf(item);\n\n arrangedContent.removeObject(item);\n this.insertItemSorted(item);\n },\n\n _binarySearch: function(item, low, high) {\n var mid, midItem, res, arrangedContent;\n\n if (low === high) {\n return low;\n }\n\n arrangedContent = get(this, 'arrangedContent');\n\n mid = low + Math.floor((high - low) / 2);\n midItem = arrangedContent.objectAt(mid);\n\n res = this.orderBy(midItem, item);\n\n if (res < 0) {\n return this._binarySearch(item, mid+1, high);\n } else if (res > 0) {\n return this._binarySearch(item, low, mid);\n }\n\n return mid;\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/sortable");minispade.register('ember-runtime/mixins/target_action_support', "(function() {var get = Ember.get, set = Ember.set;\n\nEmber.TargetActionSupport = Ember.Mixin.create({\n target: null,\n action: null,\n\n targetObject: Ember.computed(function() {\n var target = get(this, 'target');\n\n if (Ember.typeOf(target) === \"string\") {\n var value = get(this, target);\n if (value === undefined) { value = get(window, target); }\n return value;\n } else {\n return target;\n }\n }).property('target').cacheable(),\n\n triggerAction: function() {\n var action = get(this, 'action'),\n target = get(this, 'targetObject');\n\n if (target && action) {\n var ret;\n\n if (typeof target.send === 'function') {\n ret = target.send(action, this);\n } else {\n if (typeof action === 'string') {\n action = target[action];\n }\n ret = action.call(target, this);\n }\n if (ret !== false) ret = true;\n\n return ret;\n } else {\n return false;\n }\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/target_action_support");minispade.register('ember-runtime/system', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/application');\nminispade.require('ember-runtime/system/array_proxy');\nminispade.require('ember-runtime/system/object_proxy');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/system/each_proxy');\nminispade.require('ember-runtime/system/namespace');\nminispade.require('ember-runtime/system/native_array');\nminispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/system/set');\nminispade.require('ember-runtime/system/string');\nminispade.require('ember-runtime/system/promise_chain');\nminispade.require('ember-runtime/system/lazy_load');\n\n})();\n//@ sourceURL=ember-runtime/system");minispade.register('ember-runtime/system/application', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/namespace');\n\n/**\n @private\n\n Defines a namespace that will contain an executable application. This is\n very similar to a normal namespace except that it is expected to include at\n least a 'ready' function which can be run to initialize the application.\n\n Currently Ember.Application is very similar to Ember.Namespace. However, this\n class may be augmented by additional frameworks so it is important to use\n this instance when building new applications.\n\n # Example Usage\n\n MyApp = Ember.Application.create({\n VERSION: '1.0.0',\n store: Ember.Store.create().from(Ember.fixtures)\n });\n\n MyApp.ready = function() {\n //..init code goes here...\n }\n\n*/\nEmber.Application = Ember.Namespace.extend();\n\n\n})();\n//@ sourceURL=ember-runtime/system/application");minispade.register('ember-runtime/system/array_proxy', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/system/object');\n\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n An ArrayProxy wraps any other object that implements Ember.Array and/or\n Ember.MutableArray, forwarding all requests. This makes it very useful for\n a number of binding use cases or other cases where being able to swap\n out the underlying array is useful.\n\n A simple example of usage:\n\n var pets = ['dog', 'cat', 'fish'];\n var ap = Ember.ArrayProxy.create({ content: Ember.A(pets) });\n ap.get('firstObject'); // => 'dog'\n ap.set('content', ['amoeba', 'paramecium']);\n ap.get('firstObject'); // => 'amoeba'\n\n This class can also be useful as a layer to transform the contents of\n an array, as they are accessed. This can be done by overriding\n `objectAtContent`:\n\n var pets = ['dog', 'cat', 'fish'];\n var ap = Ember.ArrayProxy.create({\n content: Ember.A(pets),\n objectAtContent: function(idx) {\n return this.get('content').objectAt(idx).toUpperCase();\n }\n });\n ap.get('firstObject'); // => 'DOG'\n\n\n @extends Ember.Object\n @extends Ember.Array\n @extends Ember.MutableArray\n*/\nEmber.ArrayProxy = Ember.Object.extend(Ember.MutableArray,\n/** @scope Ember.ArrayProxy.prototype */ {\n\n /**\n The content array. Must be an object that implements Ember.Array and/or\n Ember.MutableArray.\n\n @type Ember.Array\n */\n content: null,\n\n /**\n The array that the proxy pretends to be. In the default `ArrayProxy`\n implementation, this and `content` are the same. Subclasses of `ArrayProxy`\n can override this property to provide things like sorting and filtering.\n */\n arrangedContent: Ember.computed('content', function() {\n return get(this, 'content');\n }).cacheable(),\n\n /**\n Should actually retrieve the object at the specified index from the\n content. You can override this method in subclasses to transform the\n content item to something new.\n\n This method will only be called if content is non-null.\n\n @param {Number} idx\n The index to retrieve.\n\n @returns {Object} the value or undefined if none found\n */\n objectAtContent: function(idx) {\n return get(this, 'arrangedContent').objectAt(idx);\n },\n\n /**\n Should actually replace the specified objects on the content array.\n You can override this method in subclasses to transform the content item\n into something new.\n\n This method will only be called if content is non-null.\n\n @param {Number} idx\n The starting index\n\n @param {Number} amt\n The number of items to remove from the content.\n\n @param {Array} objects\n Optional array of objects to insert or null if no objects.\n\n @returns {void}\n */\n replaceContent: function(idx, amt, objects) {\n get(this, 'arrangedContent').replace(idx, amt, objects);\n },\n\n /**\n Invoked when the content property is about to change. Notifies observers that the\n entire array content will change.\n */\n _contentWillChange: Ember.beforeObserver(function() {\n var content = get(this, 'content');\n\n if (content) {\n content.removeArrayObserver(this, {\n willChange: 'contentArrayWillChange',\n didChange: 'contentArrayDidChange'\n });\n }\n }, 'content'),\n\n\n contentArrayWillChange: Ember.K,\n contentArrayDidChange: Ember.K,\n\n /**\n Invoked when the content property changes. Notifies observers that the\n entire array content has changed.\n */\n _contentDidChange: Ember.observer(function() {\n var content = get(this, 'content'),\n len = content ? get(content, 'length') : 0;\n\n Ember.assert(\"Can't set ArrayProxy's content to itself\", content !== this);\n\n if (content) {\n content.addArrayObserver(this, {\n willChange: 'contentArrayWillChange',\n didChange: 'contentArrayDidChange'\n });\n }\n }, 'content'),\n\n _arrangedContentWillChange: Ember.beforeObserver(function() {\n var arrangedContent = get(this, 'arrangedContent'),\n len = arrangedContent ? get(arrangedContent, 'length') : 0;\n\n this.arrangedContentArrayWillChange(this, 0, len, undefined);\n\n if (arrangedContent) {\n arrangedContent.removeArrayObserver(this, {\n willChange: 'arrangedContentArrayWillChange',\n didChange: 'arrangedContentArrayDidChange'\n });\n }\n }, 'arrangedContent'),\n\n _arrangedContentDidChange: Ember.observer(function() {\n var arrangedContent = get(this, 'arrangedContent'),\n len = arrangedContent ? get(arrangedContent, 'length') : 0;\n\n Ember.assert(\"Can't set ArrayProxy's content to itself\", arrangedContent !== this);\n\n if (arrangedContent) {\n arrangedContent.addArrayObserver(this, {\n willChange: 'arrangedContentArrayWillChange',\n didChange: 'arrangedContentArrayDidChange'\n });\n }\n\n this.arrangedContentArrayDidChange(this, 0, undefined, len);\n }, 'arrangedContent'),\n\n /** @private (nodoc) */\n objectAt: function(idx) {\n return get(this, 'content') && this.objectAtContent(idx);\n },\n\n /** @private (nodoc) */\n length: Ember.computed(function() {\n var arrangedContent = get(this, 'arrangedContent');\n return arrangedContent ? get(arrangedContent, 'length') : 0;\n // No dependencies since Enumerable notifies length of change\n }).property().cacheable(),\n\n /** @private (nodoc) */\n replace: function(idx, amt, objects) {\n if (get(this, 'content')) this.replaceContent(idx, amt, objects);\n return this;\n },\n\n /** @private (nodoc) */\n arrangedContentArrayWillChange: function(item, idx, removedCnt, addedCnt) {\n this.arrayContentWillChange(idx, removedCnt, addedCnt);\n },\n\n /** @private (nodoc) */\n arrangedContentArrayDidChange: function(item, idx, removedCnt, addedCnt) {\n this.arrayContentDidChange(idx, removedCnt, addedCnt);\n },\n\n /** @private (nodoc) */\n init: function() {\n this._super();\n this._contentWillChange();\n this._contentDidChange();\n this._arrangedContentWillChange();\n this._arrangedContentDidChange();\n }\n\n});\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/array_proxy");minispade.register('ember-runtime/system/core_object', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n\n\n// NOTE: this object should never be included directly. Instead use Ember.\n// Ember.Object. We only define this separately so that Ember.Set can depend on it\n\n\n\nvar classToString = Ember.Mixin.prototype.toString;\nvar set = Ember.set, get = Ember.get;\nvar o_create = Ember.create,\n o_defineProperty = Ember.platform.defineProperty,\n a_slice = Array.prototype.slice,\n meta = Ember.meta,\n rewatch = Ember.rewatch,\n finishChains = Ember.finishChains,\n finishPartial = Ember.Mixin.finishPartial,\n reopen = Ember.Mixin.prototype.reopen;\n\nvar undefinedDescriptor = {\n configurable: true,\n writable: true,\n enumerable: false,\n value: undefined\n};\n\n/** @private */\nfunction makeCtor() {\n\n // Note: avoid accessing any properties on the object since it makes the\n // method a lot faster. This is glue code so we want it to be as fast as\n // possible.\n\n var wasApplied = false, initMixins;\n\n var Class = function() {\n if (!wasApplied) {\n Class.proto(); // prepare prototype...\n }\n var m = Ember.meta(this);\n m.proto = this;\n if (initMixins) {\n this.reopen.apply(this, initMixins);\n initMixins = null;\n }\n o_defineProperty(this, Ember.GUID_KEY, undefinedDescriptor);\n o_defineProperty(this, '_super', undefinedDescriptor);\n finishPartial(this, m);\n delete m.proto;\n finishChains(this);\n this.init.apply(this, arguments);\n };\n\n Class.toString = classToString;\n Class.willReopen = function() {\n if (wasApplied) {\n Class.PrototypeMixin = Ember.Mixin.create(Class.PrototypeMixin);\n }\n\n wasApplied = false;\n };\n Class._initMixins = function(args) { initMixins = args; };\n\n Class.proto = function() {\n var superclass = Class.superclass;\n if (superclass) { superclass.proto(); }\n\n if (!wasApplied) {\n wasApplied = true;\n Class.PrototypeMixin.applyPartial(Class.prototype);\n rewatch(Class.prototype);\n }\n\n return this.prototype;\n };\n\n return Class;\n\n}\n\nvar CoreObject = makeCtor();\n\nCoreObject.PrototypeMixin = Ember.Mixin.create(\n/** @scope Ember.CoreObject.prototype */ {\n\n reopen: function() {\n Ember.Mixin._apply(this, arguments, true);\n return this;\n },\n\n isInstance: true,\n\n /** @private */\n init: function() {},\n\n /** @field */\n isDestroyed: false,\n\n /** @field */\n isDestroying: false,\n\n /**\n Destroys an object by setting the isDestroyed flag and removing its\n metadata, which effectively destroys observers and bindings.\n\n If you try to set a property on a destroyed object, an exception will be\n raised.\n\n Note that destruction is scheduled for the end of the run loop and does not\n happen immediately.\n\n @returns {Ember.Object} receiver\n */\n destroy: function() {\n if (this.isDestroying) { return; }\n\n this.isDestroying = true;\n\n if (this.willDestroy) { this.willDestroy(); }\n\n set(this, 'isDestroyed', true);\n Ember.run.schedule('destroy', this, this._scheduledDestroy);\n return this;\n },\n\n /**\n Invoked by the run loop to actually destroy the object. This is\n scheduled for execution by the `destroy` method.\n\n @private\n */\n _scheduledDestroy: function() {\n Ember.destroy(this);\n if (this.didDestroy) { this.didDestroy(); }\n },\n\n bind: function(to, from) {\n if (!(from instanceof Ember.Binding)) { from = Ember.Binding.from(from); }\n from.to(to).connect(this);\n return from;\n },\n\n toString: function() {\n return '<'+this.constructor.toString()+':'+Ember.guidFor(this)+'>';\n }\n});\n\nif (Ember.config.overridePrototypeMixin) {\n Ember.config.overridePrototypeMixin(CoreObject.PrototypeMixin);\n}\n\nCoreObject.__super__ = null;\n\nvar ClassMixin = Ember.Mixin.create(\n/** @scope Ember.ClassMixin.prototype */ {\n\n ClassMixin: Ember.required(),\n\n PrototypeMixin: Ember.required(),\n\n isClass: true,\n\n isMethod: false,\n\n extend: function() {\n var Class = makeCtor(), proto;\n Class.ClassMixin = Ember.Mixin.create(this.ClassMixin);\n Class.PrototypeMixin = Ember.Mixin.create(this.PrototypeMixin);\n\n Class.ClassMixin.ownerConstructor = Class;\n Class.PrototypeMixin.ownerConstructor = Class;\n\n reopen.apply(Class.PrototypeMixin, arguments);\n\n Class.superclass = this;\n Class.__super__ = this.prototype;\n\n proto = Class.prototype = o_create(this.prototype);\n proto.constructor = Class;\n Ember.generateGuid(proto, 'ember');\n meta(proto).proto = proto; // this will disable observers on prototype\n\n Class.ClassMixin.apply(Class);\n return Class;\n },\n\n create: function() {\n var C = this;\n if (arguments.length>0) { this._initMixins(arguments); }\n return new C();\n },\n\n reopen: function() {\n this.willReopen();\n reopen.apply(this.PrototypeMixin, arguments);\n return this;\n },\n\n reopenClass: function() {\n reopen.apply(this.ClassMixin, arguments);\n Ember.Mixin._apply(this, arguments, false);\n return this;\n },\n\n detect: function(obj) {\n if ('function' !== typeof obj) { return false; }\n while(obj) {\n if (obj===this) { return true; }\n obj = obj.superclass;\n }\n return false;\n },\n\n detectInstance: function(obj) {\n return obj instanceof this;\n },\n\n /**\n In some cases, you may want to annotate computed properties with additional\n metadata about how they function or what values they operate on. For example,\n computed property functions may close over variables that are then no longer\n available for introspection.\n\n You can pass a hash of these values to a computed property like this:\n\n person: function() {\n var personId = this.get('personId');\n return App.Person.create({ id: personId });\n }.property().meta({ type: App.Person })\n\n Once you've done this, you can retrieve the values saved to the computed\n property from your class like this:\n\n MyClass.metaForProperty('person');\n\n This will return the original hash that was passed to `meta()`.\n */\n metaForProperty: function(key) {\n var desc = meta(this.proto(), false).descs[key];\n\n Ember.assert(\"metaForProperty() could not find a computed property with key '\"+key+\"'.\", !!desc && desc instanceof Ember.ComputedProperty);\n return desc._meta || {};\n },\n\n /**\n Iterate over each computed property for the class, passing its name\n and any associated metadata (see `metaForProperty`) to the callback.\n */\n eachComputedProperty: function(callback, binding) {\n var proto = this.proto(),\n descs = meta(proto).descs,\n empty = {},\n property;\n\n for (var name in descs) {\n property = descs[name];\n\n if (property instanceof Ember.ComputedProperty) {\n callback.call(binding || this, name, property._meta || empty);\n }\n }\n }\n\n});\n\nif (Ember.config.overrideClassMixin) {\n Ember.config.overrideClassMixin(ClassMixin);\n}\n\nCoreObject.ClassMixin = ClassMixin;\nClassMixin.apply(CoreObject);\n\n/**\n @class\n*/\nEmber.CoreObject = CoreObject;\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/core_object");minispade.register('ember-runtime/system/each_proxy', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/mixins/array');\n\n\n\nvar set = Ember.set, get = Ember.get, guidFor = Ember.guidFor;\nvar forEach = Ember.EnumerableUtils.forEach;\n\nvar EachArray = Ember.Object.extend(Ember.Array, {\n\n init: function(content, keyName, owner) {\n this._super();\n this._keyName = keyName;\n this._owner = owner;\n this._content = content;\n },\n\n objectAt: function(idx) {\n var item = this._content.objectAt(idx);\n return item && get(item, this._keyName);\n },\n\n length: Ember.computed(function() {\n var content = this._content;\n return content ? get(content, 'length') : 0;\n }).property().cacheable()\n\n});\n\nvar IS_OBSERVER = /^.+:(before|change)$/;\n\n/** @private */\nfunction addObserverForContentKey(content, keyName, proxy, idx, loc) {\n var objects = proxy._objects, guid;\n if (!objects) objects = proxy._objects = {};\n\n while(--loc>=idx) {\n var item = content.objectAt(loc);\n if (item) {\n Ember.addBeforeObserver(item, keyName, proxy, 'contentKeyWillChange');\n Ember.addObserver(item, keyName, proxy, 'contentKeyDidChange');\n\n // keep track of the indicies each item was found at so we can map\n // it back when the obj changes.\n guid = guidFor(item);\n if (!objects[guid]) objects[guid] = [];\n objects[guid].push(loc);\n }\n }\n}\n\n/** @private */\nfunction removeObserverForContentKey(content, keyName, proxy, idx, loc) {\n var objects = proxy._objects;\n if (!objects) objects = proxy._objects = {};\n var indicies, guid;\n\n while(--loc>=idx) {\n var item = content.objectAt(loc);\n if (item) {\n Ember.removeBeforeObserver(item, keyName, proxy, 'contentKeyWillChange');\n Ember.removeObserver(item, keyName, proxy, 'contentKeyDidChange');\n\n guid = guidFor(item);\n indicies = objects[guid];\n indicies[indicies.indexOf(loc)] = null;\n }\n }\n}\n\n/**\n @private\n @class\n\n This is the object instance returned when you get the @each property on an\n array. It uses the unknownProperty handler to automatically create\n EachArray instances for property names.\n\n @extends Ember.Object\n*/\nEmber.EachProxy = Ember.Object.extend({\n\n init: function(content) {\n this._super();\n this._content = content;\n content.addArrayObserver(this);\n\n // in case someone is already observing some keys make sure they are\n // added\n forEach(Ember.watchedEvents(this), function(eventName) {\n this.didAddListener(eventName);\n }, this);\n },\n\n /**\n You can directly access mapped properties by simply requesting them.\n The unknownProperty handler will generate an EachArray of each item.\n */\n unknownProperty: function(keyName, value) {\n var ret;\n ret = new EachArray(this._content, keyName, this);\n Ember.defineProperty(this, keyName, null, ret);\n this.beginObservingContentKey(keyName);\n return ret;\n },\n\n // ..........................................................\n // ARRAY CHANGES\n // Invokes whenever the content array itself changes.\n\n arrayWillChange: function(content, idx, removedCnt, addedCnt) {\n var keys = this._keys, key, array, lim;\n\n lim = removedCnt>0 ? idx+removedCnt : -1;\n Ember.beginPropertyChanges(this);\n\n for(key in keys) {\n if (!keys.hasOwnProperty(key)) { continue; }\n\n if (lim>0) removeObserverForContentKey(content, key, this, idx, lim);\n\n Ember.propertyWillChange(this, key);\n }\n\n Ember.propertyWillChange(this._content, '@each');\n Ember.endPropertyChanges(this);\n },\n\n arrayDidChange: function(content, idx, removedCnt, addedCnt) {\n var keys = this._keys, key, array, lim;\n\n lim = addedCnt>0 ? idx+addedCnt : -1;\n Ember.beginPropertyChanges(this);\n\n for(key in keys) {\n if (!keys.hasOwnProperty(key)) { continue; }\n\n if (lim>0) addObserverForContentKey(content, key, this, idx, lim);\n\n Ember.propertyDidChange(this, key);\n }\n\n Ember.propertyDidChange(this._content, '@each');\n Ember.endPropertyChanges(this);\n },\n\n // ..........................................................\n // LISTEN FOR NEW OBSERVERS AND OTHER EVENT LISTENERS\n // Start monitoring keys based on who is listening...\n\n didAddListener: function(eventName) {\n if (IS_OBSERVER.test(eventName)) {\n this.beginObservingContentKey(eventName.slice(0, -7));\n }\n },\n\n didRemoveListener: function(eventName) {\n if (IS_OBSERVER.test(eventName)) {\n this.stopObservingContentKey(eventName.slice(0, -7));\n }\n },\n\n // ..........................................................\n // CONTENT KEY OBSERVING\n // Actual watch keys on the source content.\n\n beginObservingContentKey: function(keyName) {\n var keys = this._keys;\n if (!keys) keys = this._keys = {};\n if (!keys[keyName]) {\n keys[keyName] = 1;\n var content = this._content,\n len = get(content, 'length');\n addObserverForContentKey(content, keyName, this, 0, len);\n } else {\n keys[keyName]++;\n }\n },\n\n stopObservingContentKey: function(keyName) {\n var keys = this._keys;\n if (keys && (keys[keyName]>0) && (--keys[keyName]<=0)) {\n var content = this._content,\n len = get(content, 'length');\n removeObserverForContentKey(content, keyName, this, 0, len);\n }\n },\n\n contentKeyWillChange: function(obj, keyName) {\n Ember.propertyWillChange(this, keyName);\n },\n\n contentKeyDidChange: function(obj, keyName) {\n Ember.propertyDidChange(this, keyName);\n }\n\n});\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/each_proxy");minispade.register('ember-runtime/system/lazy_load', "(function() {var loadHooks = {};\nvar loaded = {};\n\nEmber.onLoad = function(name, callback) {\n var object;\n\n loadHooks[name] = loadHooks[name] || Ember.A();\n loadHooks[name].pushObject(callback);\n\n if (object = loaded[name]) {\n callback(object);\n }\n};\n\nEmber.runLoadHooks = function(name, object) {\n var hooks;\n\n loaded[name] = object;\n\n if (hooks = loadHooks[name]) {\n loadHooks[name].forEach(function(callback) {\n callback(object);\n });\n }\n};\n\n})();\n//@ sourceURL=ember-runtime/system/lazy_load");minispade.register('ember-runtime/system/namespace', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/object');\n\nvar indexOf = Ember.ArrayPolyfills.indexOf;\n\n/**\n @private\n A Namespace is an object usually used to contain other objects or methods\n such as an application or framework. Create a namespace anytime you want\n to define one of these new containers.\n\n # Example Usage\n\n MyFramework = Ember.Namespace.create({\n VERSION: '1.0.0'\n });\n\n*/\nEmber.Namespace = Ember.Object.extend({\n isNamespace: true,\n\n init: function() {\n Ember.Namespace.NAMESPACES.push(this);\n Ember.Namespace.PROCESSED = false;\n },\n\n toString: function() {\n Ember.identifyNamespaces();\n return this[Ember.GUID_KEY+'_name'];\n },\n\n destroy: function() {\n var namespaces = Ember.Namespace.NAMESPACES;\n window[this.toString()] = undefined;\n namespaces.splice(indexOf.call(namespaces, this), 1);\n this._super();\n }\n});\n\nEmber.Namespace.NAMESPACES = [Ember];\nEmber.Namespace.PROCESSED = false;\n\n})();\n//@ sourceURL=ember-runtime/system/namespace");minispade.register('ember-runtime/system/native_array', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/mixins/copyable');\n\n\n\nvar get = Ember.get, set = Ember.set;\n\n// Add Ember.Array to Array.prototype. Remove methods with native\n// implementations and supply some more optimized versions of generic methods\n// because they are so common.\nvar NativeArray = Ember.Mixin.create(Ember.MutableArray, Ember.Observable, Ember.Copyable, {\n\n // because length is a built-in property we need to know to just get the\n // original property.\n get: function(key) {\n if (key==='length') return this.length;\n else if ('number' === typeof key) return this[key];\n else return this._super(key);\n },\n\n objectAt: function(idx) {\n return this[idx];\n },\n\n // primitive for array support.\n replace: function(idx, amt, objects) {\n\n if (this.isFrozen) throw Ember.FROZEN_ERROR ;\n\n // if we replaced exactly the same number of items, then pass only the\n // replaced range. Otherwise, pass the full remaining array length\n // since everything has shifted\n var len = objects ? get(objects, 'length') : 0;\n this.arrayContentWillChange(idx, amt, len);\n\n if (!objects || objects.length === 0) {\n this.splice(idx, amt) ;\n } else {\n var args = [idx, amt].concat(objects) ;\n this.splice.apply(this,args) ;\n }\n\n this.arrayContentDidChange(idx, amt, len);\n return this ;\n },\n\n // If you ask for an unknown property, then try to collect the value\n // from member items.\n unknownProperty: function(key, value) {\n var ret;// = this.reducedProperty(key, value) ;\n if ((value !== undefined) && ret === undefined) {\n ret = this[key] = value;\n }\n return ret ;\n },\n\n // If browser did not implement indexOf natively, then override with\n // specialized version\n indexOf: function(object, startAt) {\n var idx, len = this.length;\n\n if (startAt === undefined) startAt = 0;\n else startAt = (startAt < 0) ? Math.ceil(startAt) : Math.floor(startAt);\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx=0;idx--) {\n if (this[idx] === object) return idx ;\n }\n return -1;\n },\n\n copy: function() {\n return this.slice();\n }\n});\n\n// Remove any methods implemented natively so we don't override them\nvar ignore = ['length'];\nEmber.EnumerableUtils.forEach(NativeArray.keys(), function(methodName) {\n if (Array.prototype[methodName]) ignore.push(methodName);\n});\n\nif (ignore.length>0) {\n NativeArray = NativeArray.without.apply(NativeArray, ignore);\n}\n\n/**\n The NativeArray mixin contains the properties needed to to make the native\n Array support Ember.MutableArray and all of its dependent APIs. Unless you\n have Ember.EXTEND_PROTOTYPES set to false, this will be applied automatically.\n Otherwise you can apply the mixin at anytime by calling\n `Ember.NativeArray.activate`.\n\n @namespace\n @extends Ember.MutableArray\n @extends Ember.Array\n @extends Ember.Enumerable\n @extends Ember.MutableEnumerable\n @extends Ember.Copyable\n @extends Ember.Freezable\n*/\nEmber.NativeArray = NativeArray;\n\n/**\n Creates an Ember.NativeArray from an Array like object.\n Does not modify the original object.\n\n @returns {Ember.NativeArray}\n*/\nEmber.A = function(arr){\n if (arr === undefined) { arr = []; }\n return Ember.NativeArray.apply(arr);\n};\n\n/**\n Activates the mixin on the Array.prototype if not already applied. Calling\n this method more than once is safe.\n\n @returns {void}\n*/\nEmber.NativeArray.activate = function() {\n NativeArray.apply(Array.prototype);\n\n Ember.A = function(arr) { return arr || []; };\n};\n\nif (Ember.EXTEND_PROTOTYPES) Ember.NativeArray.activate();\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/native_array");minispade.register('ember-runtime/system/object', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/system/set');\n\n/**\n @class\n\n `Ember.Object` is the main base class for all Ember objects. It is a subclass\n of `Ember.CoreObject` with the `Ember.Observable` mixin applied. For details,\n see the documentation for each of these.\n\n @extends Ember.CoreObject\n @extends Ember.Observable\n*/\nEmber.Object = Ember.CoreObject.extend(Ember.Observable);\n\n})();\n//@ sourceURL=ember-runtime/system/object");minispade.register('ember-runtime/system/object_proxy', "(function() {minispade.require('ember-runtime/system/object');\n\nvar get = Ember.get,\n set = Ember.set,\n fmt = Ember.String.fmt,\n addBeforeObserver = Ember.addBeforeObserver,\n addObserver = Ember.addObserver,\n removeBeforeObserver = Ember.removeBeforeObserver,\n removeObserver = Ember.removeObserver,\n propertyWillChange = Ember.propertyWillChange,\n propertyDidChange = Ember.propertyDidChange;\n\nfunction contentPropertyWillChange(content, contentKey) {\n var key = contentKey.slice(8); // remove \"content.\"\n if (key in this) { return; } // if shadowed in proxy\n propertyWillChange(this, key);\n}\n\nfunction contentPropertyDidChange(content, contentKey) {\n var key = contentKey.slice(8); // remove \"content.\"\n if (key in this) { return; } // if shadowed in proxy\n propertyDidChange(this, key);\n}\n\n/**\n @class\n\n `Ember.ObjectProxy` forwards all properties not defined by the proxy itself\n to a proxied `content` object.\n\n object = Ember.Object.create({\n name: 'Foo'\n });\n proxy = Ember.ObjectProxy.create({\n content: object\n });\n\n // Access and change existing properties\n proxy.get('name') // => 'Foo'\n proxy.set('name', 'Bar');\n object.get('name') // => 'Bar'\n\n // Create new 'description' property on `object`\n proxy.set('description', 'Foo is a whizboo baz');\n object.get('description') // => 'Foo is a whizboo baz'\n\n While `content` is unset, setting a property to be delegated will throw an Error.\n\n proxy = Ember.ObjectProxy.create({\n content: null,\n flag: null\n });\n proxy.set('flag', true);\n proxy.get('flag'); // => true\n proxy.get('foo'); // => undefined\n proxy.set('foo', 'data'); // throws Error\n\n Delegated properties can be bound to and will change when content is updated.\n\n Computed properties on the proxy itself can depend on delegated properties.\n\n ProxyWithComputedProperty = Ember.ObjectProxy.extend({\n fullName: function () {\n var firstName = this.get('firstName'),\n lastName = this.get('lastName');\n if (firstName && lastName) {\n return firstName + ' ' + lastName;\n }\n return firstName || lastName;\n }.property('firstName', 'lastName')\n });\n proxy = ProxyWithComputedProperty.create();\n proxy.get('fullName'); => undefined\n proxy.set('content', {\n firstName: 'Tom', lastName: 'Dale'\n }); // triggers property change for fullName on proxy\n proxy.get('fullName'); => 'Tom Dale'\n*/\nEmber.ObjectProxy = Ember.Object.extend(\n/** @scope Ember.ObjectProxy.prototype */ {\n /**\n The object whose properties will be forwarded.\n\n @type Ember.Object\n @default null\n */\n content: null,\n _contentDidChange: Ember.observer(function() {\n Ember.assert(\"Can't set ObjectProxy's content to itself\", this.get('content') !== this);\n }, 'content'),\n /** @private */\n willWatchProperty: function (key) {\n var contentKey = 'content.' + key;\n addBeforeObserver(this, contentKey, null, contentPropertyWillChange);\n addObserver(this, contentKey, null, contentPropertyDidChange);\n },\n /** @private */\n didUnwatchProperty: function (key) {\n var contentKey = 'content.' + key;\n removeBeforeObserver(this, contentKey, null, contentPropertyWillChange);\n removeObserver(this, contentKey, null, contentPropertyDidChange);\n },\n /** @private */\n unknownProperty: function (key) {\n var content = get(this, 'content');\n if (content) {\n return get(content, key);\n }\n },\n /** @private */\n setUnknownProperty: function (key, value) {\n var content = get(this, 'content');\n Ember.assert(fmt(\"Cannot delegate set('%@', %@) to the 'content' property of object proxy %@: its 'content' is undefined.\", [key, value, this]), content);\n return set(content, key, value);\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/system/object_proxy");minispade.register('ember-runtime/system/promise_chain', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/system/object');\n\nvar get = Ember.get, set = Ember.set;\n\nEmber._PromiseChain = Ember.Object.extend({\n promises: null,\n failureCallback: Ember.K,\n successCallback: Ember.K,\n abortCallback: Ember.K,\n promiseSuccessCallback: Ember.K,\n\n /**\n @private\n */\n runNextPromise: function() {\n if (get(this, 'isDestroyed')) { return; }\n\n var item = get(this, 'promises').shiftObject();\n if (item) {\n var promise = get(item, 'promise') || item;\n Ember.assert(\"Cannot find promise to invoke\", Ember.canInvoke(promise, 'then'));\n\n var self = this;\n\n var successCallback = function() {\n self.promiseSuccessCallback.call(this, item, arguments);\n self.runNextPromise();\n };\n\n var failureCallback = get(self, 'failureCallback');\n\n promise.then(successCallback, failureCallback);\n } else {\n this.successCallback();\n }\n },\n\n start: function() {\n this.runNextPromise();\n return this;\n },\n\n abort: function() {\n this.abortCallback();\n this.destroy();\n },\n\n init: function() {\n set(this, 'promises', Ember.A(get(this, 'promises')));\n this._super();\n }\n});\n\n\n})();\n//@ sourceURL=ember-runtime/system/promise_chain");minispade.register('ember-runtime/system/set', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime/core');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\nminispade.require('ember-runtime/mixins/copyable');\nminispade.require('ember-runtime/mixins/freezable');\n\nvar get = Ember.get, set = Ember.set, guidFor = Ember.guidFor, none = Ember.none;\n\n/**\n @class\n\n An unordered collection of objects.\n\n A Set works a bit like an array except that its items are not ordered.\n You can create a set to efficiently test for membership for an object. You\n can also iterate through a set just like an array, even accessing objects\n by index, however there is no guarantee as to their order.\n\n All Sets are observable via the Enumerable Observer API - which works\n on any enumerable object including both Sets and Arrays.\n\n ## Creating a Set\n\n You can create a set like you would most objects using\n `new Ember.Set()`. Most new sets you create will be empty, but you can\n also initialize the set with some content by passing an array or other\n enumerable of objects to the constructor.\n\n Finally, you can pass in an existing set and the set will be copied. You\n can also create a copy of a set by calling `Ember.Set#copy()`.\n\n #js\n // creates a new empty set\n var foundNames = new Ember.Set();\n\n // creates a set with four names in it.\n var names = new Ember.Set([\"Charles\", \"Tom\", \"Juan\", \"Alex\"]); // :P\n\n // creates a copy of the names set.\n var namesCopy = new Ember.Set(names);\n\n // same as above.\n var anotherNamesCopy = names.copy();\n\n ## Adding/Removing Objects\n\n You generally add or remove objects from a set using `add()` or\n `remove()`. You can add any type of object including primitives such as\n numbers, strings, and booleans.\n\n Unlike arrays, objects can only exist one time in a set. If you call `add()`\n on a set with the same object multiple times, the object will only be added\n once. Likewise, calling `remove()` with the same object multiple times will\n remove the object the first time and have no effect on future calls until\n you add the object to the set again.\n\n NOTE: You cannot add/remove null or undefined to a set. Any attempt to do so\n will be ignored.\n\n In addition to add/remove you can also call `push()`/`pop()`. Push behaves\n just like `add()` but `pop()`, unlike `remove()` will pick an arbitrary\n object, remove it and return it. This is a good way to use a set as a job\n queue when you don't care which order the jobs are executed in.\n\n ## Testing for an Object\n\n To test for an object's presence in a set you simply call\n `Ember.Set#contains()`.\n\n ## Observing changes\n\n When using `Ember.Set`, you can observe the `\"[]\"` property to be\n alerted whenever the content changes. You can also add an enumerable\n observer to the set to be notified of specific objects that are added and\n removed from the set. See `Ember.Enumerable` for more information on\n enumerables.\n\n This is often unhelpful. If you are filtering sets of objects, for instance,\n it is very inefficient to re-filter all of the items each time the set\n changes. It would be better if you could just adjust the filtered set based\n on what was changed on the original set. The same issue applies to merging\n sets, as well.\n\n ## Other Methods\n\n `Ember.Set` primary implements other mixin APIs. For a complete reference\n on the methods you will use with `Ember.Set`, please consult these mixins.\n The most useful ones will be `Ember.Enumerable` and\n `Ember.MutableEnumerable` which implement most of the common iterator\n methods you are used to on Array.\n\n Note that you can also use the `Ember.Copyable` and `Ember.Freezable`\n APIs on `Ember.Set` as well. Once a set is frozen it can no longer be\n modified. The benefit of this is that when you call frozenCopy() on it,\n Ember will avoid making copies of the set. This allows you to write\n code that can know with certainty when the underlying set data will or\n will not be modified.\n\n @extends Ember.Enumerable\n @extends Ember.MutableEnumerable\n @extends Ember.Copyable\n @extends Ember.Freezable\n\n @since Ember 0.9\n*/\nEmber.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Ember.Freezable,\n /** @scope Ember.Set.prototype */ {\n\n // ..........................................................\n // IMPLEMENT ENUMERABLE APIS\n //\n\n /**\n This property will change as the number of objects in the set changes.\n\n @type number\n @default 0\n */\n length: 0,\n\n /**\n Clears the set. This is useful if you want to reuse an existing set\n without having to recreate it.\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.length; => 3\n colors.clear();\n colors.length; => 0\n\n @returns {Ember.Set} An empty Set\n */\n clear: function() {\n if (this.isFrozen) { throw new Error(Ember.FROZEN_ERROR); }\n\n var len = get(this, 'length');\n if (len === 0) { return this; }\n\n var guid;\n\n this.enumerableContentWillChange(len, 0);\n Ember.propertyWillChange(this, 'firstObject');\n Ember.propertyWillChange(this, 'lastObject');\n\n for (var i=0; i < len; i++){\n guid = guidFor(this[i]);\n delete this[guid];\n delete this[i];\n }\n\n set(this, 'length', 0);\n\n Ember.propertyDidChange(this, 'firstObject');\n Ember.propertyDidChange(this, 'lastObject');\n this.enumerableContentDidChange(len, 0);\n\n return this;\n },\n\n /**\n Returns true if the passed object is also an enumerable that contains the\n same objects as the receiver.\n\n var colors = [\"red\", \"green\", \"blue\"],\n same_colors = new Ember.Set(colors);\n same_colors.isEqual(colors); => true\n same_colors.isEqual([\"purple\", \"brown\"]); => false\n\n @param {Ember.Set} obj the other object.\n @returns {Boolean}\n */\n isEqual: function(obj) {\n // fail fast\n if (!Ember.Enumerable.detect(obj)) return false;\n\n var loc = get(this, 'length');\n if (get(obj, 'length') !== loc) return false;\n\n while(--loc >= 0) {\n if (!obj.contains(this[loc])) return false;\n }\n\n return true;\n },\n\n /**\n Adds an object to the set. Only non-null objects can be added to a set\n and those can only be added once. If the object is already in the set or\n the passed value is null this method will have no effect.\n\n This is an alias for `Ember.MutableEnumerable.addObject()`.\n\n var colors = new Ember.Set();\n colors.add(\"blue\"); => [\"blue\"]\n colors.add(\"blue\"); => [\"blue\"]\n colors.add(\"red\"); => [\"blue\", \"red\"]\n colors.add(null); => [\"blue\", \"red\"]\n colors.add(undefined); => [\"blue\", \"red\"]\n\n @function\n @param {Object} obj The object to add.\n @returns {Ember.Set} The set itself.\n */\n add: Ember.alias('addObject'),\n\n /**\n Removes the object from the set if it is found. If you pass a null value\n or an object that is already not in the set, this method will have no\n effect. This is an alias for `Ember.MutableEnumerable.removeObject()`.\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.remove(\"red\"); => [\"blue\", \"green\"]\n colors.remove(\"purple\"); => [\"blue\", \"green\"]\n colors.remove(null); => [\"blue\", \"green\"]\n\n @function\n @param {Object} obj The object to remove\n @returns {Ember.Set} The set itself.\n */\n remove: Ember.alias('removeObject'),\n\n /**\n Removes the last element from the set and returns it, or null if it's empty.\n\n var colors = new Ember.Set([\"green\", \"blue\"]);\n colors.pop(); => \"blue\"\n colors.pop(); => \"green\"\n colors.pop(); => null\n\n @returns {Object} The removed object from the set or null.\n */\n pop: function() {\n if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR);\n var obj = this.length > 0 ? this[this.length-1] : null;\n this.remove(obj);\n return obj;\n },\n\n /**\n Inserts the given object on to the end of the set. It returns\n the set itself.\n\n This is an alias for `Ember.MutableEnumerable.addObject()`.\n\n var colors = new Ember.Set();\n colors.push(\"red\"); => [\"red\"]\n colors.push(\"green\"); => [\"red\", \"green\"]\n colors.push(\"blue\"); => [\"red\", \"green\", \"blue\"]\n\n @function\n @returns {Ember.Set} The set itself.\n */\n push: Ember.alias('addObject'),\n\n /**\n Removes the last element from the set and returns it, or null if it's empty.\n\n This is an alias for `Ember.Set.pop()`.\n\n var colors = new Ember.Set([\"green\", \"blue\"]);\n colors.shift(); => \"blue\"\n colors.shift(); => \"green\"\n colors.shift(); => null\n\n @function\n @returns {Object} The removed object from the set or null.\n */\n shift: Ember.alias('pop'),\n\n /**\n Inserts the given object on to the end of the set. It returns\n the set itself.\n\n This is an alias of `Ember.Set.push()`\n\n var colors = new Ember.Set();\n colors.unshift(\"red\"); => [\"red\"]\n colors.unshift(\"green\"); => [\"red\", \"green\"]\n colors.unshift(\"blue\"); => [\"red\", \"green\", \"blue\"]\n\n @function\n @returns {Ember.Set} The set itself.\n */\n unshift: Ember.alias('push'),\n\n /**\n Adds each object in the passed enumerable to the set.\n\n This is an alias of `Ember.MutableEnumerable.addObjects()`\n\n var colors = new Ember.Set();\n colors.addEach([\"red\", \"green\", \"blue\"]); => [\"red\", \"green\", \"blue\"]\n\n @function\n @param {Ember.Enumerable} objects the objects to add.\n @returns {Ember.Set} The set itself.\n */\n addEach: Ember.alias('addObjects'),\n\n /**\n Removes each object in the passed enumerable to the set.\n\n This is an alias of `Ember.MutableEnumerable.removeObjects()`\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.removeEach([\"red\", \"blue\"]); => [\"green\"]\n\n @function\n @param {Ember.Enumerable} objects the objects to remove.\n @returns {Ember.Set} The set itself.\n */\n removeEach: Ember.alias('removeObjects'),\n\n // ..........................................................\n // PRIVATE ENUMERABLE SUPPORT\n //\n\n /** @private */\n init: function(items) {\n this._super();\n if (items) this.addObjects(items);\n },\n\n /** @private (nodoc) - implement Ember.Enumerable */\n nextObject: function(idx) {\n return this[idx];\n },\n\n /** @private - more optimized version */\n firstObject: Ember.computed(function() {\n return this.length > 0 ? this[0] : undefined;\n }).property().cacheable(),\n\n /** @private - more optimized version */\n lastObject: Ember.computed(function() {\n return this.length > 0 ? this[this.length-1] : undefined;\n }).property().cacheable(),\n\n /** @private (nodoc) - implements Ember.MutableEnumerable */\n addObject: function(obj) {\n if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR);\n if (none(obj)) return this; // nothing to do\n\n var guid = guidFor(obj),\n idx = this[guid],\n len = get(this, 'length'),\n added ;\n\n if (idx>=0 && idx=0 && idx=0;\n },\n\n /** @private (nodoc) */\n copy: function() {\n var C = this.constructor, ret = new C(), loc = get(this, 'length');\n set(ret, 'length', loc);\n while(--loc>=0) {\n ret[loc] = this[loc];\n ret[guidFor(this[loc])] = loc;\n }\n return ret;\n },\n\n /** @private */\n toString: function() {\n var len = this.length, idx, array = [];\n for(idx = 0; idx < len; idx++) {\n array[idx] = this[idx];\n }\n return \"Ember.Set<%@>\".fmt(array.join(','));\n }\n\n});\n\n})();\n//@ sourceURL=ember-runtime/system/set");minispade.register('ember-runtime/system/string', "(function() {// ==========================================================================\n// Project: Ember Runtime\n// Copyright: ©2011 Strobe Inc.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n/** @private **/\nvar STRING_DASHERIZE_REGEXP = (/[ _]/g);\nvar STRING_DASHERIZE_CACHE = {};\nvar STRING_DECAMELIZE_REGEXP = (/([a-z])([A-Z])/g);\nvar STRING_CAMELIZE_REGEXP = (/(\\-|_|\\s)+(.)?/g);\nvar STRING_UNDERSCORE_REGEXP_1 = (/([a-z\\d])([A-Z]+)/g);\nvar STRING_UNDERSCORE_REGEXP_2 = (/\\-|\\s+/g);\n\n/**\n Defines the hash of localized strings for the current language. Used by\n the `Ember.String.loc()` helper. To localize, add string values to this\n hash.\n\n @type Hash\n*/\nEmber.STRINGS = {};\n\n/**\n Defines string helper methods including string formatting and localization.\n Unless Ember.EXTEND_PROTOTYPES = false these methods will also be added to the\n String.prototype as well.\n\n @namespace\n*/\nEmber.String = {\n\n /**\n Apply formatting options to the string. This will look for occurrences\n of %@ in your string and substitute them with the arguments you pass into\n this method. If you want to control the specific order of replacement,\n you can add a number after the key as well to indicate which argument\n you want to insert.\n\n Ordered insertions are most useful when building loc strings where values\n you need to insert may appear in different orders.\n\n \"Hello %@ %@\".fmt('John', 'Doe') => \"Hello John Doe\"\n \"Hello %@2, %@1\".fmt('John', 'Doe') => \"Hello Doe, John\"\n\n @param {Object...} [args]\n @returns {String} formatted string\n */\n fmt: function(str, formats) {\n // first, replace any ORDERED replacements.\n var idx = 0; // the current index for non-numerical replacements\n return str.replace(/%@([0-9]+)?/g, function(s, argIndex) {\n argIndex = (argIndex) ? parseInt(argIndex,0) - 1 : idx++ ;\n s = formats[argIndex];\n return ((s === null) ? '(null)' : (s === undefined) ? '' : s).toString();\n }) ;\n },\n\n /**\n Formats the passed string, but first looks up the string in the localized\n strings hash. This is a convenient way to localize text. See\n `Ember.String.fmt()` for more information on formatting.\n\n Note that it is traditional but not required to prefix localized string\n keys with an underscore or other character so you can easily identify\n localized strings.\n\n Ember.STRINGS = {\n '_Hello World': 'Bonjour le monde',\n '_Hello %@ %@': 'Bonjour %@ %@'\n };\n\n Ember.String.loc(\"_Hello World\");\n => 'Bonjour le monde';\n\n Ember.String.loc(\"_Hello %@ %@\", [\"John\", \"Smith\"]);\n => \"Bonjour John Smith\";\n\n @param {String} str\n The string to format\n\n @param {Array} formats\n Optional array of parameters to interpolate into string.\n\n @returns {String} formatted string\n */\n loc: function(str, formats) {\n str = Ember.STRINGS[str] || str;\n return Ember.String.fmt(str, formats) ;\n },\n\n /**\n Splits a string into separate units separated by spaces, eliminating any\n empty strings in the process. This is a convenience method for split that\n is mostly useful when applied to the String.prototype.\n\n Ember.String.w(\"alpha beta gamma\").forEach(function(key) {\n console.log(key);\n });\n > alpha\n > beta\n > gamma\n\n @param {String} str \n The string to split\n\n @returns {String} split string\n */\n w: function(str) { return str.split(/\\s+/); },\n\n /**\n Converts a camelized string into all lower case separated by underscores.\n \n 'innerHTML'.decamelize() => 'inner_html'\n 'action_name'.decamelize() => 'action_name'\n 'css-class-name'.decamelize() => 'css-class-name'\n 'my favorite items'.decamelize() => 'my favorite items'\n\n @param {String} str\n The string to decamelize.\n\n @returns {String} the decamelized string.\n */\n decamelize: function(str) {\n return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase();\n },\n\n /**\n Replaces underscores or spaces with dashes.\n \n 'innerHTML'.dasherize() => 'inner-html'\n 'action_name'.dasherize() => 'action-name'\n 'css-class-name'.dasherize() => 'css-class-name'\n 'my favorite items'.dasherize() => 'my-favorite-items'\n\n @param {String} str\n The string to dasherize.\n\n @returns {String} the dasherized string.\n */\n dasherize: function(str) {\n var cache = STRING_DASHERIZE_CACHE,\n ret = cache[str];\n\n if (ret) {\n return ret;\n } else {\n ret = Ember.String.decamelize(str).replace(STRING_DASHERIZE_REGEXP,'-');\n cache[str] = ret;\n }\n\n return ret;\n },\n\n /**\n Returns the lowerCaseCamel form of a string.\n\n 'innerHTML'.camelize() => 'innerHTML'\n 'action_name'.camelize() => 'actionName'\n 'css-class-name'.camelize() => 'cssClassName'\n 'my favorite items'.camelize() => 'myFavoriteItems'\n\n @param {String} str\n The string to camelize.\n\n @returns {String} the camelized string.\n */\n camelize: function(str) {\n return str.replace(STRING_CAMELIZE_REGEXP, function(match, separator, chr) {\n return chr ? chr.toUpperCase() : '';\n });\n },\n\n /**\n Returns the UpperCamelCase form of a string.\n\n 'innerHTML'.classify() => 'InnerHTML'\n 'action_name'.classify() => 'ActionName'\n 'css-class-name'.classify() => 'CssClassName'\n 'my favorite items'.classift() => 'MyFavoriteItems'\n */\n classify: function(str) {\n var camelized = Ember.String.camelize(str);\n return camelized.charAt(0).toUpperCase() + camelized.substr(1);\n },\n\n /**\n More general than decamelize. Returns the lower_case_and_underscored\n form of a string.\n\n 'innerHTML'.underscore() => 'inner_html'\n 'action_name'.underscore() => 'action_name'\n 'css-class-name'.underscore() => 'css_class_name'\n 'my favorite items'.underscore() => 'my_favorite_items'\n\n @param {String} str\n The string to underscore.\n\n @returns {String} the underscored string.\n */\n underscore: function(str) {\n return str.replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2').\n replace(STRING_UNDERSCORE_REGEXP_2, '_').toLowerCase();\n }\n};\n\n})();\n//@ sourceURL=ember-runtime/system/string");minispade.register('ember-states', "(function() {// ==========================================================================\n// Project: Ember Statecharts\n// Copyright: ©2011 Living Social Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-runtime');\nminispade.require('ember-states/state_manager');\nminispade.require('ember-states/state');\n\n})();\n//@ sourceURL=ember-states");minispade.register('ember-states/state', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n @class\n\n @extends Ember.Object\n*/\nEmber.State = Ember.Object.extend(Ember.Evented,\n/** @scope Ember.State.prototype */{\n isState: true,\n\n /**\n A reference to the parent state.\n\n @type Ember.State\n */\n parentState: null,\n start: null,\n\n /**\n The name of this state.\n\n @type String\n */\n name: null,\n\n /**\n The full path to this state.\n\n @type String\n @readOnly\n */\n path: Ember.computed(function() {\n var parentPath = get(this, 'parentState.path'),\n path = get(this, 'name');\n\n if (parentPath) {\n path = parentPath + '.' + path;\n }\n\n return path;\n }).property().cacheable(),\n\n /**\n @private\n\n Override the default event firing from Ember.Evented to\n also call methods with the given name.\n */\n trigger: function(name) {\n if (this[name]) {\n this[name].apply(this, [].slice.call(arguments, 1));\n }\n this._super.apply(this, arguments);\n },\n\n /** @private */\n init: function() {\n var states = get(this, 'states'), foundStates;\n set(this, 'childStates', Ember.A());\n set(this, 'eventTransitions', get(this, 'eventTransitions') || {});\n\n var name, value, transitionTarget;\n\n // As a convenience, loop over the properties\n // of this state and look for any that are other\n // Ember.State instances or classes, and move them\n // to the `states` hash. This avoids having to\n // create an explicit separate hash.\n\n if (!states) {\n states = {};\n\n for (name in this) {\n if (name === \"constructor\") { continue; }\n\n if (value = this[name]) {\n if (transitionTarget = value.transitionTarget) {\n this.eventTransitions[name] = transitionTarget;\n }\n\n this.setupChild(states, name, value);\n }\n }\n\n set(this, 'states', states);\n } else {\n for (name in states) {\n this.setupChild(states, name, states[name]);\n }\n }\n\n set(this, 'pathsCache', {});\n set(this, 'pathsCacheNoContext', {});\n },\n\n /** @private */\n setupChild: function(states, name, value) {\n if (!value) { return false; }\n\n if (value.isState) {\n set(value, 'name', name);\n } else if (Ember.State.detect(value)) {\n value = value.create({\n name: name\n });\n }\n\n if (value.isState) {\n set(value, 'parentState', this);\n get(this, 'childStates').pushObject(value);\n states[name] = value;\n }\n },\n\n lookupEventTransition: function(name) {\n var path, state = this;\n\n while(state && !path) {\n path = state.eventTransitions[name];\n state = state.get('parentState');\n }\n\n return path;\n },\n\n /**\n A Boolean value indicating whether the state is a leaf state\n in the state hierarchy. This is false if the state has child\n states; otherwise it is true.\n\n @type Boolean\n */\n isLeaf: Ember.computed(function() {\n return !get(this, 'childStates').length;\n }).cacheable(),\n\n /**\n A boolean value indicating whether the state takes a context.\n By default we assume all states take contexts.\n */\n hasContext: true,\n\n /**\n This is the default transition event.\n\n @event\n @param {Ember.StateManager} manager\n @param context\n @see Ember.StateManager#transitionEvent\n */\n setup: Ember.K,\n\n /**\n This event fires when the state is entered.\n\n @event\n @param {Ember.StateManager} manager\n */\n enter: Ember.K,\n\n /**\n This event fires when the state is exited.\n\n @event\n @param {Ember.StateManager} manager\n */\n exit: Ember.K\n});\n\nvar Event = Ember.$ && Ember.$.Event;\n\nEmber.State.reopenClass(\n/** @scope Ember.State */{\n\n /**\n @static\n\n Creates an action function for transitioning to the named state while preserving context.\n\n The following example StateManagers are equivalent:\n\n aManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: Ember.State.transitionTo('stateTwo')\n }),\n stateTwo: Ember.State.create({})\n })\n\n bManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: function(manager, context){\n manager.transitionTo('stateTwo', context)\n }\n }),\n stateTwo: Ember.State.create({})\n })\n\n @param {String} target\n */\n transitionTo: function(target) {\n var event = function(stateManager, context) {\n if (Event && context instanceof Event) {\n if (context.hasOwnProperty('context')) {\n context = context.context;\n } else {\n // If we received an event and it doesn't contain\n // a context, don't pass along a superfluous\n // context to the target of the event.\n return stateManager.transitionTo(target);\n }\n }\n\n stateManager.transitionTo(target, context);\n };\n\n event.transitionTarget = target;\n\n return event;\n }\n});\n\n})();\n//@ sourceURL=ember-states/state");minispade.register('ember-states/state_manager', "(function() {var get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\nvar arrayForEach = Ember.ArrayPolyfills.forEach;\nminispade.require('ember-states/state');\n\n/**\n @private\n\n A Transition takes the enter, exit and resolve states and normalizes\n them:\n\n * takes any passed in contexts into consideration\n * adds in `initialState`s\n*/\nvar Transition = function(raw) {\n this.enterStates = raw.enterStates.slice();\n this.exitStates = raw.exitStates.slice();\n this.resolveState = raw.resolveState;\n\n this.finalState = raw.enterStates[raw.enterStates.length - 1] || raw.resolveState;\n};\n\nTransition.prototype = {\n /**\n @private\n\n Normalize the passed in enter, exit and resolve states.\n\n This process also adds `finalState` and `contexts` to the Transition object.\n\n @param {Ember.StateManager} manager the state manager running the transition\n @param {Array} contexts a list of contexts passed into `transitionTo`\n */\n normalize: function(manager, contexts) {\n this.matchContextsToStates(contexts);\n this.addInitialStates();\n this.removeUnchangedContexts(manager);\n return this;\n },\n\n /**\n @private\n\n Match each of the contexts passed to `transitionTo` to a state.\n This process may also require adding additional enter and exit\n states if there are more contexts than enter states.\n\n @param {Array} contexts a list of contexts passed into `transitionTo`\n */\n matchContextsToStates: function(contexts) {\n var stateIdx = this.enterStates.length - 1,\n matchedContexts = [],\n state,\n context;\n\n // Next, we will match the passed in contexts to the states they\n // represent.\n //\n // First, assign a context to each enter state in reverse order. If\n // any contexts are left, add a parent state to the list of states\n // to enter and exit, and assign a context to the parent state.\n //\n // If there are still contexts left when the state manager is\n // reached, raise an exception.\n //\n // This allows the following:\n //\n // |- root\n // | |- post\n // | | |- comments\n // | |- about (* current state)\n //\n // For `transitionTo('post.comments', post, post.get('comments')`,\n // the first context (`post`) will be assigned to `root.post`, and\n // the second context (`post.get('comments')`) will be assigned\n // to `root.post.comments`.\n //\n // For the following:\n //\n // |- root\n // | |- post\n // | | |- index (* current state)\n // | | |- comments\n //\n // For `transitionTo('post.comments', otherPost, otherPost.get('comments')`,\n // the `` state will be added to the list of enter and exit\n // states because its context has changed.\n\n while (contexts.length > 0) {\n if (stateIdx >= 0) {\n state = this.enterStates[stateIdx--];\n } else {\n if (this.enterStates.length) {\n state = get(this.enterStates[0], 'parentState');\n if (!state) { throw \"Cannot match all contexts to states\"; }\n } else {\n // If re-entering the current state with a context, the resolve\n // state will be the current state.\n state = this.resolveState;\n }\n\n this.enterStates.unshift(state);\n this.exitStates.unshift(state);\n }\n\n // in routers, only states with dynamic segments have a context\n if (get(state, 'hasContext')) {\n context = contexts.pop();\n } else {\n context = null;\n }\n\n matchedContexts.unshift(context);\n }\n\n this.contexts = matchedContexts;\n },\n\n /**\n @private\n\n Add any `initialState`s to the list of enter states.\n */\n addInitialStates: function() {\n var finalState = this.finalState, initialState;\n\n while(true) {\n initialState = get(finalState, 'initialState') || 'start';\n finalState = get(finalState, 'states.' + initialState);\n\n if (!finalState) { break; }\n\n this.finalState = finalState;\n this.enterStates.push(finalState);\n this.contexts.push(undefined);\n }\n },\n\n /**\n @private\n\n Remove any states that were added because the number of contexts\n exceeded the number of explicit enter states, but the context has\n not changed since the last time the state was entered.\n\n @param {Ember.StateManager} manager passed in to look up the last\n context for a states\n */\n removeUnchangedContexts: function(manager) {\n // Start from the beginning of the enter states. If the state was added\n // to the list during the context matching phase, make sure the context\n // has actually changed since the last time the state was entered.\n while (this.enterStates.length > 0) {\n if (this.enterStates[0] !== this.exitStates[0]) { break; }\n\n if (this.enterStates.length === this.contexts.length) {\n if (manager.getStateMeta(this.enterStates[0], 'context') !== this.contexts[0]) { break; }\n this.contexts.shift();\n }\n\n this.resolveState = this.enterStates.shift();\n this.exitStates.shift();\n }\n }\n};\n\n/**\n @class\n\n StateManager is part of Ember's implementation of a finite state machine. A StateManager\n instance manages a number of properties that are instances of `Ember.State`,\n tracks the current active state, and triggers callbacks when states have changed.\n\n ## Defining States\n\n The states of StateManager can be declared in one of two ways. First, you can define\n a `states` property that contains all the states:\n\n managerA = Ember.StateManager.create({\n states: {\n stateOne: Ember.State.create(),\n stateTwo: Ember.State.create()\n }\n })\n\n managerA.get('states')\n // {\n // stateOne: Ember.State.create(),\n // stateTwo: Ember.State.create()\n // }\n\n You can also add instances of `Ember.State` (or an `Ember.State` subclass) directly as properties\n of a StateManager. These states will be collected into the `states` property for you.\n\n managerA = Ember.StateManager.create({\n stateOne: Ember.State.create(),\n stateTwo: Ember.State.create()\n })\n\n managerA.get('states')\n // {\n // stateOne: Ember.State.create(),\n // stateTwo: Ember.State.create()\n // }\n\n ## The Initial State\n When created a StateManager instance will immediately enter into the state\n defined as its `start` property or the state referenced by name in its\n `initialState` property:\n\n managerA = Ember.StateManager.create({\n start: Ember.State.create({})\n })\n\n managerA.get('currentState.name') // 'start'\n\n managerB = Ember.StateManager.create({\n initialState: 'beginHere',\n beginHere: Ember.State.create({})\n })\n\n managerB.get('currentState.name') // 'beginHere'\n\n Because it is a property you may also provide a computed function if you wish to derive\n an `initialState` programmatically:\n\n managerC = Ember.StateManager.create({\n initialState: function(){\n if (someLogic) {\n return 'active';\n } else {\n return 'passive';\n }\n }.property(),\n active: Ember.State.create({}),\n passive: Ember.State.create({})\n })\n\n ## Moving Between States\n A StateManager can have any number of Ember.State objects as properties\n and can have a single one of these states as its current state.\n\n Calling `transitionTo` transitions between states:\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({}),\n poweredUp: Ember.State.create({})\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n robotManager.get('currentState.name') // 'poweredUp'\n\n Before transitioning into a new state the existing `currentState` will have its\n `exit` method called with the StateManager instance as its first argument and\n an object representing the transition as its second argument.\n\n After transitioning into a new state the new `currentState` will have its\n `enter` method called with the StateManager instance as its first argument and\n an object representing the transition as its second argument.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n exit: function(stateManager){\n console.log(\"exiting the poweredDown state\")\n }\n }),\n poweredUp: Ember.State.create({\n enter: function(stateManager){\n console.log(\"entering the poweredUp state. Destroy all humans.\")\n }\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n // will log\n // 'exiting the poweredDown state'\n // 'entering the poweredUp state. Destroy all humans.'\n\n\n Once a StateManager is already in a state, subsequent attempts to enter that state will\n not trigger enter or exit method calls. Attempts to transition into a state that the\n manager does not have will result in no changes in the StateManager's current state:\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n exit: function(stateManager){\n console.log(\"exiting the poweredDown state\")\n }\n }),\n poweredUp: Ember.State.create({\n enter: function(stateManager){\n console.log(\"entering the poweredUp state. Destroy all humans.\")\n }\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n // will log\n // 'exiting the poweredDown state'\n // 'entering the poweredUp state. Destroy all humans.'\n robotManager.transitionTo('poweredUp') // no logging, no state change\n\n robotManager.transitionTo('someUnknownState') // silently fails\n robotManager.get('currentState.name') // 'poweredUp'\n\n\n Each state property may itself contain properties that are instances of Ember.State.\n The StateManager can transition to specific sub-states in a series of transitionTo method calls or\n via a single transitionTo with the full path to the specific state. The StateManager will also\n keep track of the full path to its currentState\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n charging: Ember.State.create(),\n charged: Ember.State.create()\n }),\n poweredUp: Ember.State.create({\n mobile: Ember.State.create(),\n stationary: Ember.State.create()\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n\n robotManager.transitionTo('poweredUp')\n robotManager.get('currentState.name') // 'poweredUp'\n\n robotManager.transitionTo('mobile')\n robotManager.get('currentState.name') // 'mobile'\n\n // transition via a state path\n robotManager.transitionTo('poweredDown.charging')\n robotManager.get('currentState.name') // 'charging'\n\n robotManager.get('currentState.path') // 'poweredDown.charging'\n\n Enter transition methods will be called for each state and nested child state in their\n hierarchical order. Exit methods will be called for each state and its nested states in\n reverse hierarchical order.\n\n Exit transitions for a parent state are not called when entering into one of its child states,\n only when transitioning to a new section of possible states in the hierarchy.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n enter: function(){},\n exit: function(){\n console.log(\"exited poweredDown state\")\n },\n charging: Ember.State.create({\n enter: function(){},\n exit: function(){}\n }),\n charged: Ember.State.create({\n enter: function(){\n console.log(\"entered charged state\")\n },\n exit: function(){\n console.log(\"exited charged state\")\n }\n })\n }),\n poweredUp: Ember.State.create({\n enter: function(){\n console.log(\"entered poweredUp state\")\n },\n exit: function(){},\n mobile: Ember.State.create({\n enter: function(){\n console.log(\"entered mobile state\")\n },\n exit: function(){}\n }),\n stationary: Ember.State.create({\n enter: function(){},\n exit: function(){}\n })\n })\n })\n\n\n robotManager.get('currentState.path') // 'poweredDown'\n robotManager.transitionTo('charged')\n // logs 'entered charged state'\n // but does *not* log 'exited poweredDown state'\n robotManager.get('currentState.name') // 'charged\n\n robotManager.transitionTo('poweredUp.mobile')\n // logs\n // 'exited charged state'\n // 'exited poweredDown state'\n // 'entered poweredUp state'\n // 'entered mobile state'\n\n During development you can set a StateManager's `enableLogging` property to `true` to\n receive console messages of state transitions.\n\n robotManager = Ember.StateManager.create({\n enableLogging: true\n })\n\n ## Managing currentState with Actions\n To control which transitions between states are possible for a given state, StateManager\n can receive and route action messages to its states via the `send` method. Calling to `send` with\n an action name will begin searching for a method with the same name starting at the current state\n and moving up through the parent states in a state hierarchy until an appropriate method is found\n or the StateManager instance itself is reached.\n\n If an appropriately named method is found it will be called with the state manager as the first\n argument and an optional `context` object as the second argument.\n\n managerA = Ember.StateManager.create({\n initialState: 'stateOne.substateOne.subsubstateOne',\n stateOne: Ember.State.create({\n substateOne: Ember.State.create({\n anAction: function(manager, context){\n console.log(\"an action was called\")\n },\n subsubstateOne: Ember.State.create({})\n })\n })\n })\n\n managerA.get('currentState.name') // 'subsubstateOne'\n managerA.send('anAction')\n // 'stateOne.substateOne.subsubstateOne' has no anAction method\n // so the 'anAction' method of 'stateOne.substateOne' is called\n // and logs \"an action was called\"\n // with managerA as the first argument\n // and no second argument\n\n someObject = {}\n managerA.send('anAction', someObject)\n // the 'anAction' method of 'stateOne.substateOne' is called again\n // with managerA as the first argument and\n // someObject as the second argument.\n\n\n If the StateManager attempts to send an action but does not find an appropriately named\n method in the current state or while moving upwards through the state hierarchy\n it will throw a new Ember.Error. Action detection only moves upwards through the state hierarchy\n from the current state. It does not search in other portions of the hierarchy.\n\n managerB = Ember.StateManager.create({\n initialState: 'stateOne.substateOne.subsubstateOne',\n stateOne: Ember.State.create({\n substateOne: Ember.State.create({\n subsubstateOne: Ember.State.create({})\n })\n }),\n stateTwo: Ember.State.create({\n anAction: function(manager, context){\n // will not be called below because it is\n // not a parent of the current state\n }\n })\n })\n\n managerB.get('currentState.name') // 'subsubstateOne'\n managerB.send('anAction')\n // Error: could not\n // respond to event anAction in state stateOne.substateOne.subsubstateOne.\n\n Inside of an action method the given state should delegate `transitionTo` calls on its\n StateManager.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown.charging',\n poweredDown: Ember.State.create({\n charging: Ember.State.create({\n chargeComplete: function(manager, context){\n manager.transitionTo('charged')\n }\n }),\n charged: Ember.State.create({\n boot: function(manager, context){\n manager.transitionTo('poweredUp')\n }\n })\n }),\n poweredUp: Ember.State.create({\n beginExtermination: function(manager, context){\n manager.transitionTo('rampaging')\n },\n rampaging: Ember.State.create()\n })\n })\n\n robotManager.get('currentState.name') // 'charging'\n robotManager.send('boot') // throws error, no boot action\n // in current hierarchy\n robotManager.get('currentState.name') // remains 'charging'\n\n robotManager.send('beginExtermination') // throws error, no beginExtermination\n // action in current hierarchy\n robotManager.get('currentState.name') // remains 'charging'\n\n robotManager.send('chargeComplete')\n robotManager.get('currentState.name') // 'charged'\n\n robotManager.send('boot')\n robotManager.get('currentState.name') // 'poweredUp'\n\n robotManager.send('beginExtermination', allHumans)\n robotManager.get('currentState.name') // 'rampaging'\n\n Transition actions can also be created using the `transitionTo` method of the Ember.State class. The\n following example StateManagers are equivalent:\n\n aManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: Ember.State.transitionTo('stateTwo')\n }),\n stateTwo: Ember.State.create({})\n })\n\n bManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: function(manager, context){\n manager.transitionTo('stateTwo', context)\n }\n }),\n stateTwo: Ember.State.create({})\n })\n**/\nEmber.StateManager = Ember.State.extend(\n/** @scope Ember.StateManager.prototype */ {\n\n /**\n When creating a new statemanager, look for a default state to transition\n into. This state can either be named `start`, or can be specified using the\n `initialState` property.\n */\n init: function() {\n this._super();\n\n set(this, 'stateMeta', Ember.Map.create());\n\n var initialState = get(this, 'initialState');\n\n if (!initialState && get(this, 'states.start')) {\n initialState = 'start';\n }\n\n if (initialState) {\n this.transitionTo(initialState);\n Ember.assert('Failed to transition to initial state \"' + initialState + '\"', !!get(this, 'currentState'));\n }\n },\n\n stateMetaFor: function(state) {\n var meta = get(this, 'stateMeta'),\n stateMeta = meta.get(state);\n\n if (!stateMeta) {\n stateMeta = {};\n meta.set(state, stateMeta);\n }\n\n return stateMeta;\n },\n\n setStateMeta: function(state, key, value) {\n return set(this.stateMetaFor(state), key, value);\n },\n\n getStateMeta: function(state, key) {\n return get(this.stateMetaFor(state), key);\n },\n\n /**\n The current state from among the manager's possible states. This property should\n not be set directly. Use `transitionTo` to move between states by name.\n\n @type Ember.State\n @readOnly\n */\n currentState: null,\n\n /**\n The name of transitionEvent that this stateManager will dispatch\n\n @property {String}\n @default 'setup'\n */\n transitionEvent: 'setup',\n\n /**\n If set to true, `errorOnUnhandledEvents` will cause an exception to be\n raised if you attempt to send an event to a state manager that is not\n handled by the current state or any of its parent states.\n\n @type Boolean\n @default true\n */\n errorOnUnhandledEvent: true,\n\n send: function(event, context) {\n Ember.assert('Cannot send event \"' + event + '\" while currentState is ' + get(this, 'currentState'), get(this, 'currentState'));\n return this.sendRecursively(event, get(this, 'currentState'), context);\n },\n\n sendRecursively: function(event, currentState, context) {\n var log = this.enableLogging,\n action = currentState[event];\n\n // Test to see if the action is a method that\n // can be invoked. Don't blindly check just for\n // existence, because it is possible the state\n // manager has a child state of the given name,\n // and we should still raise an exception in that\n // case.\n if (typeof action === 'function') {\n if (log) { Ember.Logger.log(fmt(\"STATEMANAGER: Sending event '%@' to state %@.\", [event, get(currentState, 'path')])); }\n return action.call(currentState, this, context);\n } else {\n var parentState = get(currentState, 'parentState');\n if (parentState) {\n return this.sendRecursively(event, parentState, context);\n } else if (get(this, 'errorOnUnhandledEvent')) {\n throw new Ember.Error(this.toString() + \" could not respond to event \" + event + \" in state \" + get(this, 'currentState.path') + \".\");\n }\n }\n },\n\n /**\n Finds a state by its state path.\n\n Example:\n\n manager = Ember.StateManager.create({\n root: Ember.State.create({\n dashboard: Ember.State.create()\n })\n });\n\n manager.getStateByPath(manager, \"root.dashboard\")\n\n // returns the dashboard state\n\n @param {Ember.State} root the state to start searching from\n @param {String} path the state path to follow\n @returns {Ember.State} the state at the end of the path\n */\n getStateByPath: function(root, path) {\n var parts = path.split('.'),\n state = root;\n\n for (var i=0, l=parts.length; i`, an attempt to\n // transition to `comments.show` will match ``.\n //\n // First, this code will look for root.posts.show.comments.show.\n // Next, it will look for root.posts.comments.show. Finally,\n // it will look for `root.comments.show`, and find the state.\n //\n // After this process, the following variables will exist:\n //\n // * resolveState: a common parent state between the current\n // and target state. In the above example, `` is the\n // `resolveState`.\n // * enterStates: a list of all of the states represented\n // by the path from the `resolveState`. For example, for\n // the path `root.comments.show`, `enterStates` would have\n // `[, ]`\n // * exitStates: a list of all of the states from the\n // `resolveState` to the `currentState`. In the above\n // example, `exitStates` would have\n // `[`, `]`.\n while (resolveState && !enterStates) {\n exitStates.unshift(resolveState);\n\n resolveState = get(resolveState, 'parentState');\n if (!resolveState) {\n enterStates = this.findStatesByPath(this, path);\n if (!enterStates) {\n Ember.assert('Could not find state for path: \"'+path+'\"');\n return;\n }\n }\n enterStates = this.findStatesByPath(resolveState, path);\n }\n\n // If the path contains some states that are parents of both the\n // current state and the target state, remove them.\n //\n // For example, in the following hierarchy:\n //\n // |- root\n // | |- post\n // | | |- index (* current)\n // | | |- show\n //\n // If the `path` is `root.post.show`, the three variables will\n // be:\n //\n // * resolveState: ``\n // * enterStates: `[, , ]`\n // * exitStates: `[, , ]`\n //\n // The goal of this code is to remove the common states, so we\n // have:\n //\n // * resolveState: ``\n // * enterStates: `[]`\n // * exitStates: `[]`\n //\n // This avoid unnecessary calls to the enter and exit transitions.\n while (enterStates.length > 0 && enterStates[0] === exitStates[0]) {\n resolveState = enterStates.shift();\n exitStates.shift();\n }\n\n // Cache the enterStates, exitStates, and resolveState for the\n // current state and the `path`.\n var transitions = currentState.pathsCache[path] = {\n exitStates: exitStates,\n enterStates: enterStates,\n resolveState: resolveState\n };\n\n return transitions;\n },\n\n triggerSetupContext: function(transitions) {\n var contexts = transitions.contexts,\n offset = transitions.enterStates.length - contexts.length,\n enterStates = transitions.enterStates,\n transitionEvent = get(this, 'transitionEvent');\n\n Ember.assert(\"More contexts provided than states\", offset >= 0);\n\n arrayForEach.call(enterStates, function(state, idx) {\n state.trigger(transitionEvent, this, contexts[idx-offset]);\n }, this);\n },\n\n getState: function(name) {\n var state = get(this, name),\n parentState = get(this, 'parentState');\n\n if (state) {\n return state;\n } else if (parentState) {\n return parentState.getState(name);\n }\n },\n\n enterState: function(transition) {\n var log = this.enableLogging;\n\n var exitStates = transition.exitStates.slice(0).reverse();\n arrayForEach.call(exitStates, function(state) {\n state.trigger('exit', this);\n }, this);\n\n arrayForEach.call(transition.enterStates, function(state) {\n if (log) { Ember.Logger.log(\"STATEMANAGER: Entering \" + get(state, 'path')); }\n state.trigger('enter', this);\n }, this);\n\n set(this, 'currentState', transition.finalState);\n }\n});\n\n})();\n//@ sourceURL=ember-states/state_manager");minispade.register('ember-views/core', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\nEmber.assert(\"Ember Views require jQuery 1.7\", window.jQuery && (window.jQuery().jquery.match(/^1\\.7(\\.\\d+)?(pre|rc\\d?)?/) || Ember.ENV.FORCE_JQUERY));\nEmber.$ = window.jQuery;\n\n})();\n//@ sourceURL=ember-views/core");minispade.register('ember-views', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\n\n/*globals jQuery*/\nminispade.require(\"ember-runtime\");\nminispade.require(\"ember-views/core\");\nminispade.require(\"ember-views/system\");\nminispade.require(\"ember-views/views\");\n\n})();\n//@ sourceURL=ember-views");minispade.register('ember-views/system', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-views/system/jquery_ext\");\nminispade.require(\"ember-views/system/render_buffer\");\nminispade.require(\"ember-views/system/event_dispatcher\");\nminispade.require(\"ember-views/system/ext\");\nminispade.require(\"ember-views/system/controller\");\n\n})();\n//@ sourceURL=ember-views/system");minispade.register('ember-views/system/controller', "(function() {var get = Ember.get, set = Ember.set;\n\nEmber.ControllerMixin.reopen({\n\n target: null,\n controllers: null,\n namespace: null,\n view: null,\n\n /**\n `connectOutlet` creates a new instance of a provided view\n class, wires it up to its associated controller, and\n assigns the new view to a property on the current controller.\n\n The purpose of this method is to enable views that use\n outlets to quickly assign new views for a given outlet.\n\n For example, an application view's template may look like\n this:\n\n

My Blog

\n {{outlet}}\n\n The view for this outlet is specified by assigning a\n `view` property to the application's controller. The\n following code will assign a new `App.PostsView` to\n that outlet:\n\n applicationController.connectOutlet('posts');\n\n In general, you will also want to assign a controller\n to the newly created view. By convention, a controller\n named `postsController` will be assigned as the view's\n controller.\n\n In an application initialized using `app.initialize(router)`,\n `connectOutlet` will look for `postsController` on the\n router. The initialization process will automatically\n create an instance of `App.PostsController` called\n `postsController`, so you don't need to do anything\n beyond `connectOutlet` to assign your view and wire it\n up to its associated controller.\n\n You can supply a `content` for the controller by supplying\n a final argument after the view class:\n\n applicationController.connectOutlet('posts', App.Post.find());\n\n You can specify a particular outlet to use. For example, if your main\n template looks like:\n\n

My Blog

\n {{outlet master}}\n {{outlet detail}}\n\n You can assign an `App.PostsView` to the master outlet:\n\n applicationController.connectOutlet({\n name: 'posts',\n outletName: 'master',\n context: App.Post.find()\n });\n\n You can write this as:\n\n applicationController.connectOutlet('master', 'posts', App.Post.find());\n\n @param {String} outletName a name for the outlet to set\n @param {String} name a view/controller pair name\n @param {Object} context a context object to assign to the\n controller's `content` property, if a controller can be\n found (optional)\n */\n connectOutlet: function(name, context) {\n // Normalize arguments. Supported arguments:\n //\n // name\n // name, context\n // outletName, name\n // outletName, name, context\n // options\n //\n // The options hash has the following keys:\n //\n // name: the name of the controller and view\n // to use. If this is passed, the name\n // determines the view and controller.\n // outletName: the name of the outlet to\n // fill in. default: 'view'\n // viewClass: the class of the view to instantiate\n // controller: the controller instance to pass\n // to the view\n // context: an object that should become the\n // controller's `content` and thus the\n // template's context.\n\n var outletName, viewClass, view, controller, options;\n\n if (Ember.typeOf(context) === 'string') {\n outletName = name;\n name = context;\n context = arguments[2];\n }\n\n if (arguments.length === 1) {\n if (Ember.typeOf(name) === 'object') {\n options = name;\n outletName = options.outletName;\n name = options.name;\n viewClass = options.viewClass;\n controller = options.controller;\n context = options.context;\n }\n } else {\n options = {};\n }\n\n outletName = outletName || 'view';\n\n Ember.assert(\"You must supply a name or a view class to connectOutlets, but not both\", (!!name && !viewClass && !controller) || (!name && !!viewClass));\n\n if (name) {\n var namespace = get(this, 'namespace'),\n controllers = get(this, 'controllers');\n\n var viewClassName = name.charAt(0).toUpperCase() + name.substr(1) + \"View\";\n viewClass = get(namespace, viewClassName);\n controller = get(controllers, name + 'Controller');\n\n Ember.assert(\"The name you supplied \" + name + \" did not resolve to a view \" + viewClassName, !!viewClass);\n Ember.assert(\"The name you supplied \" + name + \" did not resolve to a controller \" + name + 'Controller', (!!controller && !!context) || !context);\n }\n\n if (controller && context) { controller.set('content', context); }\n view = viewClass.create();\n if (controller) { set(view, 'controller', controller); }\n set(this, outletName, view);\n\n return view;\n },\n\n /**\n Convenience method to connect controllers. This method makes other controllers\n available on the controller the method was invoked on.\n\n For example, to make the `personController` and the `postController` available\n on the `overviewController`, you would call:\n\n overviewController.connectControllers('person', 'post');\n\n @param {String...} controllerNames the controllers to make available\n */\n connectControllers: function() {\n var controllers = get(this, 'controllers'),\n controllerNames = Array.prototype.slice.apply(arguments),\n controllerName;\n\n for (var i=0, l=controllerNames.length; i';\n }\n\n var childBuffers = this.childBuffers;\n\n Ember.ArrayPolyfills.forEach.call(childBuffers, function(buffer) {\n var stringy = typeof buffer === 'string';\n content += (stringy ? buffer : buffer.string());\n });\n\n if (tag) {\n return openTag + content + \"\";\n } else {\n return content;\n }\n },\n\n _escapeAttribute: function(value) {\n // Stolen shamelessly from Handlebars\n\n var escape = {\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n \"`\": \"`\"\n };\n\n var badChars = /&(?!\\w+;)|[<>\"'`]/g;\n var possible = /[&<>\"'`]/;\n\n var escapeChar = function(chr) {\n return escape[chr] || \"&\";\n };\n\n var string = value.toString();\n\n if(!possible.test(string)) { return string; }\n return string.replace(badChars, escapeChar);\n }\n\n};\n\n})();\n//@ sourceURL=ember-views/system/render_buffer");minispade.register('ember-views/views', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-views/views/states\");\nminispade.require(\"ember-views/views/container_view\");\nminispade.require(\"ember-views/views/collection_view\");\n\n})();\n//@ sourceURL=ember-views/views");minispade.register('ember-views/views/collection_view', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-views/views/container_view');\nminispade.require('ember-runtime/system/string');\n\nvar get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\n\n/**\n @class\n\n `Ember.CollectionView` is an `Ember.View` descendent responsible for managing a\n collection (an array or array-like object) by maintaing a child view object and \n associated DOM representation for each item in the array and ensuring that child\n views and their associated rendered HTML are updated when items in the array\n are added, removed, or replaced.\n\n ## Setting content\n The managed collection of objects is referenced as the `Ember.CollectionView` instance's\n `content` property.\n\n someItemsView = Ember.CollectionView.create({\n content: ['A', 'B','C']\n })\n\n The view for each item in the collection will have its `content` property set\n to the item.\n\n ## Specifying itemViewClass\n By default the view class for each item in the managed collection will be an instance\n of `Ember.View`. You can supply a different class by setting the `CollectionView`'s\n `itemViewClass` property.\n\n Given an empty `` and the following code:\n\n\n someItemsView = Ember.CollectionView.create({\n classNames: ['a-collection'],\n content: ['A','B','C'],\n itemViewClass: Ember.View.extend({\n template: Ember.Handlebars.compile(\"the letter: {{view.content}}\")\n })\n })\n\n someItemsView.appendTo('body')\n\n Will result in the following HTML structure\n\n
\n
the letter: A
\n
the letter: B
\n
the letter: C
\n
\n\n ## Automatic matching of parent/child tagNames\n\n Setting the `tagName` property of a `CollectionView` to any of \n \"ul\", \"ol\", \"table\", \"thead\", \"tbody\", \"tfoot\", \"tr\", or \"select\" will result\n in the item views receiving an appropriately matched `tagName` property.\n\n\n Given an empty `` and the following code:\n\n anUndorderedListView = Ember.CollectionView.create({\n tagName: 'ul',\n content: ['A','B','C'],\n itemViewClass: Ember.View.extend({\n template: Ember.Handlebars.compile(\"the letter: {{view.content}}\")\n })\n })\n\n anUndorderedListView.appendTo('body')\n\n Will result in the following HTML structure\n\n
    \n
  • the letter: A
    • \n
  • the letter: B
    • \n
  • the letter: C
    • \n
\n\n Additional tagName pairs can be provided by adding to `Ember.CollectionView.CONTAINER_MAP `\n\n Ember.CollectionView.CONTAINER_MAP['article'] = 'section'\n\n\n ## Empty View\n You can provide an `Ember.View` subclass to the `Ember.CollectionView` instance as its\n `emptyView` property. If the `content` property of a `CollectionView` is set to `null`\n or an empty array, an instance of this view will be the `CollectionView`s only child.\n\n aListWithNothing = Ember.CollectionView.create({\n classNames: ['nothing']\n content: null,\n emptyView: Ember.View.extend({\n template: Ember.Handlebars.compile(\"The collection is empty\")\n })\n })\n\n aListWithNothing.appendTo('body')\n\n Will result in the following HTML structure\n\n
\n
\n The collection is empty\n
\n
\n\n ## Adding and Removing items\n The `childViews` property of a `CollectionView` should not be directly manipulated. Instead,\n add, remove, replace items from its `content` property. This will trigger\n appropriate changes to its rendered HTML.\n\n ## Use in templates via the `{{collection}}` Ember.Handlebars helper\n Ember.Handlebars provides a helper specifically for adding `CollectionView`s to templates.\n See `Ember.Handlebars.collection` for more details\n\n @since Ember 0.9\n @extends Ember.ContainerView\n*/\nEmber.CollectionView = Ember.ContainerView.extend(\n/** @scope Ember.CollectionView.prototype */ {\n\n /**\n A list of items to be displayed by the Ember.CollectionView.\n\n @type Ember.Array\n @default null\n */\n content: null,\n\n /**\n @private\n\n This provides metadata about what kind of empty view class this\n collection would like if it is being instantiated from another\n system (like Handlebars)\n */\n emptyViewClass: Ember.View,\n\n /**\n An optional view to display if content is set to an empty array.\n\n @type Ember.View\n @default null\n */\n emptyView: null,\n\n /**\n @type Ember.View\n @default Ember.View\n */\n itemViewClass: Ember.View,\n\n /** @private */\n init: function() {\n var ret = this._super();\n this._contentDidChange();\n return ret;\n },\n\n _contentWillChange: Ember.beforeObserver(function() {\n var content = this.get('content');\n\n if (content) { content.removeArrayObserver(this); }\n var len = content ? get(content, 'length') : 0;\n this.arrayWillChange(content, 0, len);\n }, 'content'),\n\n /**\n @private\n\n Check to make sure that the content has changed, and if so,\n update the children directly. This is always scheduled\n asynchronously, to allow the element to be created before\n bindings have synchronized and vice versa.\n */\n _contentDidChange: Ember.observer(function() {\n var content = get(this, 'content');\n\n if (content) {\n Ember.assert(fmt(\"an Ember.CollectionView's content must implement Ember.Array. You passed %@\", [content]), Ember.Array.detect(content));\n content.addArrayObserver(this);\n }\n\n var len = content ? get(content, 'length') : 0;\n this.arrayDidChange(content, 0, null, len);\n }, 'content'),\n\n willDestroy: function() {\n var content = get(this, 'content');\n if (content) { content.removeArrayObserver(this); }\n\n this._super();\n },\n\n arrayWillChange: function(content, start, removedCount) {\n // If the contents were empty before and this template collection has an\n // empty view remove it now.\n var emptyView = get(this, 'emptyView');\n if (emptyView && emptyView instanceof Ember.View) {\n emptyView.removeFromParent();\n }\n\n // Loop through child views that correspond with the removed items.\n // Note that we loop from the end of the array to the beginning because\n // we are mutating it as we go.\n var childViews = get(this, 'childViews'), childView, idx, len;\n\n len = get(childViews, 'length');\n\n var removingAll = removedCount === len;\n\n if (removingAll) {\n this.invokeForState('empty');\n }\n\n for (idx = start + removedCount - 1; idx >= start; idx--) {\n childView = childViews[idx];\n if (removingAll) { childView.removedFromDOM = true; }\n childView.destroy();\n }\n },\n\n /**\n Called when a mutation to the underlying content array occurs.\n\n This method will replay that mutation against the views that compose the\n Ember.CollectionView, ensuring that the view reflects the model.\n\n This array observer is added in contentDidChange.\n\n @param {Array} addedObjects\n the objects that were added to the content\n\n @param {Array} removedObjects\n the objects that were removed from the content\n\n @param {Number} changeIndex\n the index at which the changes occurred\n */\n arrayDidChange: function(content, start, removed, added) {\n var itemViewClass = get(this, 'itemViewClass'),\n childViews = get(this, 'childViews'),\n addedViews = [], view, item, idx, len, itemTagName;\n\n if ('string' === typeof itemViewClass) {\n itemViewClass = get(itemViewClass);\n }\n\n Ember.assert(fmt(\"itemViewClass must be a subclass of Ember.View, not %@\", [itemViewClass]), Ember.View.detect(itemViewClass));\n\n len = content ? get(content, 'length') : 0;\n if (len) {\n for (idx = start; idx < start+added; idx++) {\n item = content.objectAt(idx);\n\n view = this.createChildView(itemViewClass, {\n content: item,\n contentIndex: idx\n });\n\n addedViews.push(view);\n }\n } else {\n var emptyView = get(this, 'emptyView');\n if (!emptyView) { return; }\n\n emptyView = this.createChildView(emptyView);\n addedViews.push(emptyView);\n set(this, 'emptyView', emptyView);\n }\n childViews.replace(start, 0, addedViews);\n },\n\n createChildView: function(view, attrs) {\n view = this._super(view, attrs);\n\n var itemTagName = get(view, 'tagName');\n var tagName = (itemTagName === null || itemTagName === undefined) ? Ember.CollectionView.CONTAINER_MAP[get(this, 'tagName')] : itemTagName;\n\n set(view, 'tagName', tagName);\n\n return view;\n }\n});\n\n/**\n @static\n\n A map of parent tags to their default child tags. You can add\n additional parent tags if you want collection views that use\n a particular parent tag to default to a child tag.\n\n @type Hash\n @constant\n*/\nEmber.CollectionView.CONTAINER_MAP = {\n ul: 'li',\n ol: 'li',\n table: 'tr',\n thead: 'tr',\n tbody: 'tr',\n tfoot: 'tr',\n tr: 'td',\n select: 'option'\n};\n\n})();\n//@ sourceURL=ember-views/views/collection_view");minispade.register('ember-views/views/container_view', "(function() {// ==========================================================================\n// Project: Ember - JavaScript Application Framework\n// Copyright: ©2006-2011 Strobe Inc. and contributors.\n// Portions ©2008-2011 Apple Inc. All rights reserved.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-views/views/view');\nvar get = Ember.get, set = Ember.set, meta = Ember.meta;\nvar forEach = Ember.EnumerableUtils.forEach;\n\nvar childViewsProperty = Ember.computed(function() {\n return get(this, '_childViews');\n}).property('_childViews').cacheable();\n\n/**\n @class\n\n A `ContainerView` is an `Ember.View` subclass that allows for manual or programatic\n management of a view's `childViews` array that will correctly update the `ContainerView`\n instance's rendered DOM representation.\n\n ## Setting Initial Child Views\n The initial array of child views can be set in one of two ways. You can provide\n a `childViews` property at creation time that contains instance of `Ember.View`:\n\n\n aContainer = Ember.ContainerView.create({\n childViews: [Ember.View.create(), Ember.View.create()]\n })\n\n You can also provide a list of property names whose values are instances of `Ember.View`:\n\n aContainer = Ember.ContainerView.create({\n childViews: ['aView', 'bView', 'cView'],\n aView: Ember.View.create(),\n bView: Ember.View.create()\n cView: Ember.View.create()\n })\n\n The two strategies can be combined:\n\n aContainer = Ember.ContainerView.create({\n childViews: ['aView', Ember.View.create()],\n aView: Ember.View.create()\n })\n\n Each child view's rendering will be inserted into the container's rendered HTML in the same\n order as its position in the `childViews` property.\n\n ## Adding and Removing Child Views\n The views in a container's `childViews` array should be added and removed by manipulating\n the `childViews` property directly.\n\n To remove a view pass that view into a `removeObject` call on the container's `childViews` property.\n\n Given an empty `` the following code\n\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n })\n\n aContainer.appendTo('body')\n\n Results in the HTML\n\n
\n
A
\n
B
\n
\n\n Removing a view\n\n aContainer.get('childViews') // [aContainer.aView, aContainer.bView]\n aContainer.get('childViews').removeObject(aContainer.get('bView'))\n aContainer.get('childViews') // [aContainer.aView]\n\n Will result in the following HTML\n\n
\n
A
\n
\n\n\n Similarly, adding a child view is accomplished by adding `Ember.View` instances to the\n container's `childViews` property.\n\n Given an empty `` the following code\n\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n })\n\n aContainer.appendTo('body')\n\n Results in the HTML\n\n
\n
A
\n
B
\n
\n\n Adding a view\n\n AnotherViewClass = Ember.View.extend({\n template: Ember.Handlebars.compile(\"Another view\")\n })\n\n aContainer.get('childViews') // [aContainer.aView, aContainer.bView]\n aContainer.get('childViews').pushObject(AnotherViewClass.create())\n aContainer.get('childViews') // [aContainer.aView, aContainer.bView, ]\n\n Will result in the following HTML\n\n
\n
A
\n
B
\n
Another view
\n
\n\n\n Direct manipulation of childViews presence or absence in the DOM via calls to\n `remove` or `removeFromParent` or calls to a container's `removeChild` may not behave\n correctly.\n\n Calling `remove()` on a child view will remove the view's HTML, but it will remain as part of its\n container's `childView`s property.\n\n Calling `removeChild()` on the container will remove the passed view instance from the container's\n `childView`s but keep its HTML within the container's rendered view.\n\n Calling `removeFromParent()` behaves as expected but should be avoided in favor of direct\n manipulation of a container's `childViews` property.\n\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n })\n\n aContainer.appendTo('body')\n\n Results in the HTML\n\n
\n
A
\n
B
\n
\n\n Calling `aContainer.get('aView').removeFromParent()` will result in the following HTML\n\n
\n
B
\n
\n\n And the `Ember.View` instance stored in `aContainer.aView` will be removed from `aContainer`'s\n `childViews` array.\n\n ## Templates and Layout\n A `template`, `templateName`, `defaultTemplate`, `layout`, `layoutName` or `defaultLayout`\n property on a container view will not result in the template or layout being rendered.\n The HTML contents of a `Ember.ContainerView`'s DOM representation will only be the rendered HTML\n of its child views.\n\n ## Binding a View to Display\n\n If you would like to display a single view in your ContainerView, you can set its `currentView`\n property. When the `currentView` property is set to a view instance, it will be added to the\n ContainerView's `childViews` array. If the `currentView` property is later changed to a\n different view, the new view will replace the old view. If `currentView` is set to `null`, the\n last `currentView` will be removed.\n\n This functionality is useful for cases where you want to bind the display of a ContainerView to\n a controller or state manager. For example, you can bind the `currentView` of a container to\n a controller like this:\n\n // Controller\n App.appController = Ember.Object.create({\n view: Ember.View.create({\n templateName: 'person_template'\n })\n });\n\n // Handlebars template\n {{view Ember.ContainerView currentViewBinding=\"App.appController.view\"}}\n\n @extends Ember.View\n*/\n\nEmber.ContainerView = Ember.View.extend({\n\n init: function() {\n this._super();\n\n var childViews = get(this, 'childViews');\n Ember.defineProperty(this, 'childViews', childViewsProperty);\n\n var _childViews = this._childViews;\n\n forEach(childViews, function(viewName, idx) {\n var view;\n\n if ('string' === typeof viewName) {\n view = get(this, viewName);\n view = this.createChildView(view);\n set(this, viewName, view);\n } else {\n view = this.createChildView(viewName);\n }\n\n _childViews[idx] = view;\n }, this);\n\n var currentView = get(this, 'currentView');\n if (currentView) _childViews.push(this.createChildView(currentView));\n\n // Make the _childViews array observable\n Ember.A(_childViews);\n\n // Sets up an array observer on the child views array. This\n // observer will detect when child views are added or removed\n // and update the DOM to reflect the mutation.\n get(this, 'childViews').addArrayObserver(this, {\n willChange: 'childViewsWillChange',\n didChange: 'childViewsDidChange'\n });\n },\n\n /**\n Instructs each child view to render to the passed render buffer.\n\n @param {Ember.RenderBuffer} buffer the buffer to render to\n @private\n */\n render: function(buffer) {\n this.forEachChildView(function(view) {\n view.renderToBuffer(buffer);\n });\n },\n\n /**\n When the container view is destroyed, tear down the child views\n array observer.\n\n @private\n */\n willDestroy: function() {\n get(this, 'childViews').removeArrayObserver(this, {\n willChange: 'childViewsWillChange',\n didChange: 'childViewsDidChange'\n });\n\n this._super();\n },\n\n /**\n When a child view is removed, destroy its element so that\n it is removed from the DOM.\n\n The array observer that triggers this action is set up in the\n `renderToBuffer` method.\n\n @private\n @param {Ember.Array} views the child views array before mutation\n @param {Number} start the start position of the mutation\n @param {Number} removed the number of child views removed\n **/\n childViewsWillChange: function(views, start, removed) {\n if (removed === 0) { return; }\n\n var changedViews = views.slice(start, start+removed);\n this.initializeViews(changedViews, null, null);\n\n this.invokeForState('childViewsWillChange', views, start, removed);\n },\n\n /**\n When a child view is added, make sure the DOM gets updated appropriately.\n\n If the view has already rendered an element, we tell the child view to\n create an element and insert it into the DOM. If the enclosing container view\n has already written to a buffer, but not yet converted that buffer into an\n element, we insert the string representation of the child into the appropriate\n place in the buffer.\n\n @private\n @param {Ember.Array} views the array of child views afte the mutation has occurred\n @param {Number} start the start position of the mutation\n @param {Number} removed the number of child views removed\n @param {Number} the number of child views added\n */\n childViewsDidChange: function(views, start, removed, added) {\n var len = get(views, 'length');\n\n // No new child views were added; bail out.\n if (added === 0) return;\n\n var changedViews = views.slice(start, start+added);\n this.initializeViews(changedViews, this, get(this, 'templateData'));\n\n // Let the current state handle the changes\n this.invokeForState('childViewsDidChange', views, start, added);\n },\n\n initializeViews: function(views, parentView, templateData) {\n forEach(views, function(view) {\n set(view, '_parentView', parentView);\n\n if (!get(view, 'templateData')) {\n set(view, 'templateData', templateData);\n }\n });\n },\n\n /**\n Schedules a child view to be inserted into the DOM after bindings have\n finished syncing for this run loop.\n\n @param {Ember.View} view the child view to insert\n @param {Ember.View} prev the child view after which the specified view should\n be inserted\n @private\n */\n _scheduleInsertion: function(view, prev) {\n if (prev) {\n prev.domManager.after(prev, view);\n } else {\n this.domManager.prepend(this, view);\n }\n },\n\n currentView: null,\n\n _currentViewWillChange: Ember.beforeObserver(function() {\n var childViews = get(this, 'childViews'),\n currentView = get(this, 'currentView');\n\n if (currentView) {\n childViews.removeObject(currentView);\n currentView.destroy();\n }\n }, 'currentView'),\n\n _currentViewDidChange: Ember.observer(function() {\n var childViews = get(this, 'childViews'),\n currentView = get(this, 'currentView');\n\n if (currentView) {\n childViews.pushObject(currentView);\n }\n }, 'currentView')\n});\n\n// Ember.ContainerView extends the default view states to provide different\n// behavior for childViewsWillChange and childViewsDidChange.\nEmber.ContainerView.states = {\n parent: Ember.View.states,\n\n inBuffer: {\n childViewsDidChange: function(parentView, views, start, added) {\n var buffer = parentView.buffer,\n startWith, prev, prevBuffer, view;\n\n // Determine where to begin inserting the child view(s) in the\n // render buffer.\n if (start === 0) {\n // If views were inserted at the beginning, prepend the first\n // view to the render buffer, then begin inserting any\n // additional views at the beginning.\n view = views[start];\n startWith = start + 1;\n view.renderToBuffer(buffer, 'prepend');\n } else {\n // Otherwise, just insert them at the same place as the child\n // views mutation.\n view = views[start - 1];\n startWith = start;\n }\n\n for (var i=startWith; i\n\n ## HTML `class` Attribute\n The HTML `class` attribute of a view's tag can be set by providing a `classNames` property\n that is set to an array of strings:\n\n MyView = Ember.View.extend({\n classNames: ['my-class', 'my-other-class']\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n `class` attribute values can also be set by providing a `classNameBindings` property\n set to an array of properties names for the view. The return value of these properties \n will be added as part of the value for the view's `class` attribute. These properties\n can be computed properties:\n\n MyView = Ember.View.extend({\n classNameBindings: ['propertyA', 'propertyB'],\n propertyA: 'from-a',\n propertyB: function(){\n if(someLogic){ return 'from-b'; }\n }.property()\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n If the value of a class name binding returns a boolean the property name itself\n will be used as the class name if the property is true. The class name will\n not be added if the value is `false` or `undefined`.\n\n MyView = Ember.View.extend({\n classNameBindings: ['hovered'],\n hovered: true\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n When using boolean class name bindings you can supply a string value other than the \n property name for use as the `class` HTML attribute by appending the preferred value after\n a \":\" character when defining the binding:\n\n MyView = Ember.View.extend({\n classNameBindings: ['awesome:so-very-cool'],\n awesome: true\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n\n Boolean value class name bindings whose property names are in a camelCase-style\n format will be converted to a dasherized format:\n\n MyView = Ember.View.extend({\n classNameBindings: ['isUrgent'],\n isUrgent: true\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n\n Class name bindings can also refer to object values that are found by\n traversing a path relative to the view itself:\n\n MyView = Ember.View.extend({\n classNameBindings: ['messages.empty']\n messages: Ember.Object.create({\n empty: true\n })\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n\n\n If you want to add a class name for a property which evaluates to true and\n and a different class name if it evaluates to false, you can pass a binding\n like this:\n\n // Applies 'enabled' class when isEnabled is true and 'disabled' when isEnabled is false\n Ember.View.create({\n classNameBindings: ['isEnabled:enabled:disabled']\n isEnabled: true\n });\n\n Will result in view instances with an HTML representation of:\n\n
\n\n When isEnabled is `false`, the resulting HTML reprensentation looks like this:\n\n
\n\n This syntax offers the convenience to add a class if a property is `false`:\n\n // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false\n Ember.View.create({\n classNameBindings: ['isEnabled::disabled']\n isEnabled: true\n });\n\n Will result in view instances with an HTML representation of:\n\n
\n\n When the `isEnabled` property on the view is set to `false`, it will result\n in view instances with an HTML representation of:\n\n
\n\n\n Updates to the the value of a class name binding will result in automatic update \n of the HTML `class` attribute in the view's rendered HTML representation.\n If the value becomes `false` or `undefined` the class name will be removed.\n\n Both `classNames` and `classNameBindings` are concatenated properties. \n See `Ember.Object` documentation for more information about concatenated properties.\n\n ## HTML Attributes\n The HTML attribute section of a view's tag can be set by providing an `attributeBindings`\n property set to an array of property names on the view. The return value of these properties\n will be used as the value of the view's HTML associated attribute:\n\n AnchorView = Ember.View.extend({\n tagName: 'a',\n attributeBindings: ['href'],\n href: 'http://google.com'\n })\n\n Will result in view instances with an HTML representation of:\n\n \n\n If the return value of an `attributeBindings` monitored property is a boolean\n the property will follow HTML's pattern of repeating the attribute's name as\n its value:\n\n MyTextInput = Ember.View.extend({\n tagName: 'input',\n attributeBindings: ['disabled'],\n disabled: true\n })\n\n Will result in view instances with an HTML representation of:\n\n \n\n `attributeBindings` can refer to computed properties:\n\n MyTextInput = Ember.View.extend({\n tagName: 'input',\n attributeBindings: ['disabled'],\n disabled: function(){\n if (someLogic) {\n return true;\n } else {\n return false;\n }\n }.property()\n })\n\n Updates to the the property of an attribute binding will result in automatic update \n of the HTML attribute in the view's rendered HTML representation.\n\n `attributeBindings` is a concatenated property. See `Ember.Object` documentation\n for more information about concatenated properties.\n\n ## Templates\n The HTML contents of a view's rendered representation are determined by its template.\n Templates can be any function that accepts an optional context parameter and returns\n a string of HTML that will be inserted within the view's tag. Most\n typically in Ember this function will be a compiled Ember.Handlebars template.\n\n AView = Ember.View.extend({\n template: Ember.Handlebars.compile('I am the template')\n })\n\n Will result in view instances with an HTML representation of:\n\n
I am the template
\n\n The default context of the compiled template will be the view instance itself:\n\n AView = Ember.View.extend({\n template: Ember.Handlebars.compile('Hello {{excitedGreeting}}')\n })\n\n aView = AView.create({\n content: Ember.Object.create({\n firstName: 'Barry'\n })\n excitedGreeting: function(){\n return this.get(\"content.firstName\") + \"!!!\"\n }\n })\n\n Will result in an HTML representation of:\n\n
Hello Barry!!!
\n\n Within an Ember application is more common to define a Handlebars templates as\n part of a page:\n\n \n\n And associate it by name using a view's `templateName` property:\n\n AView = Ember.View.extend({\n templateName: 'some-template'\n })\n\n Using a value for `templateName` that does not have a Handlebars template with a\n matching `data-template-name` attribute will throw an error.\n\n Assigning a value to both `template` and `templateName` properties will throw an error.\n\n For views classes that may have a template later defined (e.g. as the block portion of a `{{view}}`\n Handlebars helper call in another template or in a subclass), you can provide a `defaultTemplate`\n property set to compiled template function. If a template is not later provided for the view\n instance the `defaultTemplate` value will be used:\n\n AView = Ember.View.extend({\n defaultTemplate: Ember.Handlebars.compile('I was the default'),\n template: null,\n templateName: null\n })\n\n Will result in instances with an HTML representation of:\n\n
I was the default
\n\n If a `template` or `templateName` is provided it will take precedence over `defaultTemplate`:\n\n AView = Ember.View.extend({\n defaultTemplate: Ember.Handlebars.compile('I was the default')\n })\n\n aView = AView.create({\n template: Ember.Handlebars.compile('I was the template, not default')\n })\n\n Will result in the following HTML representation when rendered:\n\n
I was the template, not default
\n\n ## Layouts\n Views can have a secondary template that wraps their main template. Like\n primary templates, layouts can be any function that accepts an optional context\n parameter and returns a string of HTML that will be inserted inside view's tag. Views whose HTML\n element is self closing (e.g. ``) cannot have a layout and this property will be ignored.\n \n Most typically in Ember a layout will be a compiled Ember.Handlebars template.\n\n A view's layout can be set directly with the `layout` property or reference an\n existing Handlebars template by name with the `layoutName` property.\n\n A template used as a layout must contain a single use of the Handlebars `{{yield}}`\n helper. The HTML contents of a view's rendered `template` will be inserted at this location:\n\n AViewWithLayout = Ember.View.extend({\n layout: Ember.Handlebars.compile(\"
{{yield}}
\")\n template: Ember.Handlebars.compile(\"I got wrapped\"),\n })\n\n Will result in view instances with an HTML representation of:\n\n
\n
\n I got wrapped\n
\n
\n\n See `Handlebars.helpers.yield` for more information.\n\n ## Responding to Browser Events\n Views can respond to user-initiated events in one of three ways: method implementation, \n through an event manager, and through `{{action}}` helper use in their template or layout.\n\n ### Method Implementation\n Views can respond to user-initiated events by implementing a method that matches the\n event name. A `jQuery.Event` object will be passed as the argument to this method.\n\n AView = Ember.View.extend({\n click: function(event){\n // will be called when when an instance's\n // rendered element is clicked\n }\n })\n\n ### Event Managers\n Views can define an object as their `eventManager` property. This object can then\n implement methods that match the desired event names. Matching events that occur\n on the view's rendered HTML or the rendered HTML of any of its DOM descendants \n will trigger this method. A `jQuery.Event` object will be passed as the first \n argument to the method and an `Ember.View` object as the second. The `Ember.View`\n will be the view whose rendered HTML was interacted with. This may be the view with\n the `eventManager` property or one of its descendent views.\n\n AView = Ember.View.extend({\n eventManager: Ember.Object.create({\n doubleClick: function(event, view){\n // will be called when when an instance's\n // rendered element or any rendering\n // of this views's descendent\n // elements is clicked\n }\n })\n })\n\n\n An event defined for an event manager takes precedence over events of the same\n name handled through methods on the view.\n\n\n AView = Ember.View.extend({\n mouseEnter: function(event){\n // will never trigger.\n },\n eventManager: Ember.Object.create({\n mouseEnter: function(event, view){\n // takes presedence over AView#mouseEnter\n }\n })\n })\n\n Similarly a view's event manager will take precedence for events of any views\n rendered as a descendent. A method name that matches an event name will not be called\n if the view instance was rendered inside the HTML representation of a view that has \n an `eventManager` property defined that handles events of the name. Events not handled\n by the event manager will still trigger method calls on the descendent.\n\n OuterView = Ember.View.extend({\n template: Ember.Handlebars.compile(\"outer {{#view InnerView}}inner{{/view}} outer\"),\n eventManager: Ember.Object.create({\n mouseEnter: function(event, view){\n // view might be instance of either\n // OutsideView or InnerView depending on\n // where on the page the user interaction occured\n }\n })\n })\n\n InnerView = Ember.View.extend({\n click: function(event){\n // will be called if rendered inside\n // an OuterView because OuterView's\n // eventManager doesn't handle click events\n },\n mouseEnter: function(event){\n // will never be called if rendered inside \n // an OuterView.\n }\n })\n\n ### Handlebars `{{action}}` Helper\n See `Handlebars.helpers.action`.\n\n ### Event Names\n Possible events names for any of the responding approaches described above are:\n\n Touch events: 'touchStart', 'touchMove', 'touchEnd', 'touchCancel'\n\n Keyboard events: 'keyDown', 'keyUp', 'keyPress'\n\n Mouse events: 'mouseDown', 'mouseUp', 'contextMenu', 'click', 'doubleClick', 'mouseMove',\n 'focusIn', 'focusOut', 'mouseEnter', 'mouseLeave'\n\n Form events: 'submit', 'change', 'focusIn', 'focusOut', 'input'\n\n HTML5 drag and drop events: 'dragStart', 'drag', 'dragEnter', 'dragLeave', 'drop', 'dragEnd'\n \n ## Handlebars `{{view}}` Helper\n Other `Ember.View` instances can be included as part of a view's template by using the `{{view}}`\n Handlebars helper. See `Handlebars.helpers.view` for additional information.\n\n @extends Ember.Object\n @extends Ember.Evented\n*/\nEmber.View = Ember.Object.extend(Ember.Evented,\n/** @scope Ember.View.prototype */ {\n\n /** @private */\n concatenatedProperties: ['classNames', 'classNameBindings', 'attributeBindings'],\n\n /**\n @type Boolean\n @default true\n @constant\n */\n isView: true,\n\n // ..........................................................\n // TEMPLATE SUPPORT\n //\n\n /**\n The name of the template to lookup if no template is provided.\n\n Ember.View will look for a template with this name in this view's\n `templates` object. By default, this will be a global object\n shared in `Ember.TEMPLATES`.\n\n @type String\n @default null\n */\n templateName: null,\n\n /**\n The name of the layout to lookup if no layout is provided.\n\n Ember.View will look for a template with this name in this view's\n `templates` object. By default, this will be a global object\n shared in `Ember.TEMPLATES`.\n\n @type String\n @default null\n */\n layoutName: null,\n\n /**\n The hash in which to look for `templateName`.\n\n @type Ember.Object\n @default Ember.TEMPLATES\n */\n templates: Ember.TEMPLATES,\n\n /**\n The template used to render the view. This should be a function that\n accepts an optional context parameter and returns a string of HTML that\n will be inserted into the DOM relative to its parent view.\n\n In general, you should set the `templateName` property instead of setting\n the template yourself.\n\n @field\n @type Function\n */\n template: Ember.computed(function(key, value) {\n if (value !== undefined) { return value; }\n\n var templateName = get(this, 'templateName'),\n template = this.templateForName(templateName, 'template');\n\n return template || get(this, 'defaultTemplate');\n }).property('templateName').cacheable(),\n\n /**\n The controller managing this view. If this property is set, it will be\n made available for use by the template.\n\n @type Object\n */\n controller: Ember.computed(function(key, value) {\n var parentView;\n\n if (arguments.length === 2) {\n return value;\n } else {\n parentView = get(this, 'parentView');\n return parentView ? get(parentView, 'controller') : null;\n }\n }).property().cacheable(),\n\n /**\n A view may contain a layout. A layout is a regular template but\n supersedes the `template` property during rendering. It is the\n responsibility of the layout template to retrieve the `template`\n property from the view (or alternatively, call `Handlebars.helpers.yield`,\n `{{yield}}`) to render it in the correct location.\n\n This is useful for a view that has a shared wrapper, but which delegates\n the rendering of the contents of the wrapper to the `template` property\n on a subclass.\n\n @field\n @type Function\n */\n layout: Ember.computed(function(key, value) {\n if (arguments.length === 2) { return value; }\n\n var layoutName = get(this, 'layoutName'),\n layout = this.templateForName(layoutName, 'layout');\n\n return layout || get(this, 'defaultLayout');\n }).property('layoutName').cacheable(),\n\n templateForName: function(name, type) {\n if (!name) { return; }\n\n var templates = get(this, 'templates'),\n template = get(templates, name);\n\n if (!template) {\n throw new Ember.Error(fmt('%@ - Unable to find %@ \"%@\".', [this, type, name]));\n }\n\n return template;\n },\n\n /**\n The object from which templates should access properties.\n\n This object will be passed to the template function each time the render\n method is called, but it is up to the individual function to decide what\n to do with it.\n\n By default, this will be the view itself.\n\n @type Object\n */\n context: Ember.computed(function(key, value) {\n if (arguments.length === 2) {\n set(this, '_context', value);\n return value;\n } else {\n return get(this, '_context');\n }\n }).cacheable(),\n\n /**\n @private\n\n Private copy of the view's template context. This can be set directly\n by Handlebars without triggering the observer that causes the view\n to be re-rendered.\n\n The context of a view is looked up as follows:\n\n 1. Specified controller\n 2. Supplied context (usually by Handlebars)\n 3. `parentView`'s context (for a child of a ContainerView)\n\n The code in Handlebars that overrides the `_context` property first\n checks to see whether the view has a specified controller. This is\n something of a hack and should be revisited.\n */\n _context: Ember.computed(function(key, value) {\n var parentView, controller, context;\n\n if (arguments.length === 2) {\n return value;\n }\n\n if (VIEW_PRESERVES_CONTEXT) {\n if (controller = get(this, 'controller')) {\n return controller;\n }\n\n parentView = get(this, '_parentView');\n if (parentView) {\n return get(parentView, '_context');\n }\n }\n\n return this;\n }).cacheable(),\n\n /**\n If a value that affects template rendering changes, the view should be\n re-rendered to reflect the new value.\n\n @private\n */\n _displayPropertyDidChange: Ember.observer(function() {\n this.rerender();\n }, 'context', 'controller'),\n\n /**\n If the view is currently inserted into the DOM of a parent view, this\n property will point to the parent of the view.\n\n @type Ember.View\n @default null\n */\n parentView: Ember.computed(function() {\n var parent = get(this, '_parentView');\n\n if (parent && parent.isVirtual) {\n return get(parent, 'parentView');\n } else {\n return parent;\n }\n }).property('_parentView').volatile(),\n\n _parentView: null,\n\n // return the current view, not including virtual views\n concreteView: Ember.computed(function() {\n if (!this.isVirtual) { return this; }\n else { return get(this, 'parentView'); }\n }).property('_parentView').volatile(),\n\n /**\n If false, the view will appear hidden in DOM.\n\n @type Boolean\n @default null\n */\n isVisible: true,\n\n /**\n Array of child views. You should never edit this array directly.\n Instead, use appendChild and removeFromParent.\n\n @private\n @type Array\n @default []\n */\n childViews: childViewsProperty,\n\n _childViews: [],\n\n /**\n When it's a virtual view, we need to notify the parent that their\n childViews will change.\n */\n _childViewsWillChange: Ember.beforeObserver(function() {\n if (this.isVirtual) {\n var parentView = get(this, 'parentView');\n if (parentView) { Ember.propertyWillChange(parentView, 'childViews'); }\n }\n }, 'childViews'),\n\n /**\n When it's a virtual view, we need to notify the parent that their\n childViews did change.\n */\n _childViewsDidChange: Ember.observer(function() {\n if (this.isVirtual) {\n var parentView = get(this, 'parentView');\n if (parentView) { Ember.propertyDidChange(parentView, 'childViews'); }\n }\n }, 'childViews'),\n\n /**\n Return the nearest ancestor that is an instance of the provided\n class.\n\n @param {Class} klass Subclass of Ember.View (or Ember.View itself)\n @returns Ember.View\n */\n nearestInstanceOf: function(klass) {\n var view = get(this, 'parentView');\n\n while (view) {\n if(view instanceof klass) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor that has a given property.\n\n @param {String} property A property name\n @returns Ember.View\n */\n nearestWithProperty: function(property) {\n var view = get(this, 'parentView');\n\n while (view) {\n if (property in view) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor whose parent is an instance of\n `klass`.\n\n @param {Class} klass Subclass of Ember.View (or Ember.View itself)\n @returns Ember.View\n */\n nearestChildOf: function(klass) {\n var view = get(this, 'parentView');\n\n while (view) {\n if(get(view, 'parentView') instanceof klass) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor that is an Ember.CollectionView\n\n @returns Ember.CollectionView\n */\n collectionView: Ember.computed(function() {\n return this.nearestInstanceOf(Ember.CollectionView);\n }).cacheable(),\n\n /**\n Return the nearest ancestor that is a direct child of\n an Ember.CollectionView\n\n @returns Ember.View\n */\n itemView: Ember.computed(function() {\n return this.nearestChildOf(Ember.CollectionView);\n }).cacheable(),\n\n /**\n Return the nearest ancestor that has the property\n `content`.\n\n @returns Ember.View\n */\n contentView: Ember.computed(function() {\n return this.nearestWithProperty('content');\n }).cacheable(),\n\n /**\n @private\n\n When the parent view changes, recursively invalidate\n collectionView, itemView, and contentView\n */\n _parentViewDidChange: Ember.observer(function() {\n if (this.isDestroying) { return; }\n\n this.invokeRecursively(function(view) {\n view.propertyDidChange('collectionView');\n view.propertyDidChange('itemView');\n view.propertyDidChange('contentView');\n });\n\n if (get(this, 'parentView.controller') && !get(this, 'controller')) {\n this.notifyPropertyChange('controller');\n }\n }, '_parentView'),\n\n _controllerDidChange: Ember.observer(function() {\n if (this.isDestroying) { return; }\n\n this.forEachChildView(function(view) {\n view.propertyDidChange('controller');\n });\n }, 'controller'),\n\n cloneKeywords: function() {\n var templateData = get(this, 'templateData');\n\n var keywords = templateData ? Ember.copy(templateData.keywords) : {};\n set(keywords, 'view', get(this, 'concreteView'));\n set(keywords, 'controller', get(this, 'controller'));\n\n return keywords;\n },\n\n /**\n Called on your view when it should push strings of HTML into a\n Ember.RenderBuffer. Most users will want to override the `template`\n or `templateName` properties instead of this method.\n\n By default, Ember.View will look for a function in the `template`\n property and invoke it with the value of `context`. The value of\n `context` will be the view's controller unless you override it.\n\n @param {Ember.RenderBuffer} buffer The render buffer\n */\n render: function(buffer) {\n // If this view has a layout, it is the responsibility of the\n // the layout to render the view's template. Otherwise, render the template\n // directly.\n var template = get(this, 'layout') || get(this, 'template');\n\n if (template) {\n var context = get(this, '_context');\n var keywords = this.cloneKeywords();\n\n var data = {\n view: this,\n buffer: buffer,\n isRenderData: true,\n keywords: keywords\n };\n\n // Invoke the template with the provided template context, which\n // is the view by default. A hash of data is also passed that provides\n // the template with access to the view and render buffer.\n\n Ember.assert('template must be a function. Did you mean to call Ember.Handlebars.compile(\"...\") or specify templateName instead?', typeof template === 'function');\n // The template should write directly to the render buffer instead\n // of returning a string.\n var output = template(context, { data: data });\n\n // If the template returned a string instead of writing to the buffer,\n // push the string onto the buffer.\n if (output !== undefined) { buffer.push(output); }\n }\n },\n\n invokeForState: function(name) {\n var stateName = this.state, args, fn;\n\n // try to find the function for the state in the cache\n if (fn = invokeForState[stateName][name]) {\n args = a_slice.call(arguments);\n args[0] = this;\n\n return fn.apply(this, args);\n }\n\n // otherwise, find and cache the function for this state\n var parent = this, states = parent.states, state;\n\n while (states) {\n state = states[stateName];\n\n while (state) {\n fn = state[name];\n\n if (fn) {\n invokeForState[stateName][name] = fn;\n\n args = a_slice.call(arguments, 1);\n args.unshift(this);\n\n return fn.apply(this, args);\n }\n\n state = state.parentState;\n }\n\n states = states.parent;\n }\n },\n\n /**\n Renders the view again. This will work regardless of whether the\n view is already in the DOM or not. If the view is in the DOM, the\n rendering process will be deferred to give bindings a chance\n to synchronize.\n\n If children were added during the rendering process using `appendChild`,\n `rerender` will remove them, because they will be added again\n if needed by the next `render`.\n\n In general, if the display of your view changes, you should modify\n the DOM element directly instead of manually calling `rerender`, which can\n be slow.\n */\n rerender: function() {\n return this.invokeForState('rerender');\n },\n\n clearRenderedChildren: function() {\n var lengthBefore = this.lengthBeforeRender,\n lengthAfter = this.lengthAfterRender;\n\n // If there were child views created during the last call to render(),\n // remove them under the assumption that they will be re-created when\n // we re-render.\n\n // VIEW-TODO: Unit test this path.\n var childViews = this._childViews;\n for (var i=lengthAfter-1; i>=lengthBefore; i--) {\n if (childViews[i]) { childViews[i].destroy(); }\n }\n },\n\n /**\n @private\n\n Iterates over the view's `classNameBindings` array, inserts the value\n of the specified property into the `classNames` array, then creates an\n observer to update the view's element if the bound property ever changes\n in the future.\n */\n _applyClassNameBindings: function() {\n var classBindings = get(this, 'classNameBindings'),\n classNames = get(this, 'classNames'),\n elem, newClass, dasherizedClass;\n\n if (!classBindings) { return; }\n\n // Loop through all of the configured bindings. These will be either\n // property names ('isUrgent') or property paths relative to the view\n // ('content.isUrgent')\n a_forEach(classBindings, function(binding) {\n\n // Variable in which the old class value is saved. The observer function\n // closes over this variable, so it knows which string to remove when\n // the property changes.\n var oldClass;\n\n // Set up an observer on the context. If the property changes, toggle the\n // class name.\n var observer = function() {\n // Get the current value of the property\n newClass = this._classStringForProperty(binding);\n elem = this.$();\n\n // If we had previously added a class to the element, remove it.\n if (oldClass) {\n elem.removeClass(oldClass);\n // Also remove from classNames so that if the view gets rerendered,\n // the class doesn't get added back to the DOM.\n classNames.removeObject(oldClass);\n }\n\n // If necessary, add a new class. Make sure we keep track of it so\n // it can be removed in the future.\n if (newClass) {\n elem.addClass(newClass);\n oldClass = newClass;\n } else {\n oldClass = null;\n }\n };\n\n // Get the class name for the property at its current value\n dasherizedClass = this._classStringForProperty(binding);\n\n if (dasherizedClass) {\n // Ensure that it gets into the classNames array\n // so it is displayed when we render.\n classNames.push(dasherizedClass);\n\n // Save a reference to the class name so we can remove it\n // if the observer fires. Remember that this variable has\n // been closed over by the observer.\n oldClass = dasherizedClass;\n }\n\n // Extract just the property name from bindings like 'foo:bar'\n var parsedPath = Ember.View._parsePropertyPath(binding);\n addObserver(this, parsedPath.path, observer);\n }, this);\n },\n\n /**\n Iterates through the view's attribute bindings, sets up observers for each,\n then applies the current value of the attributes to the passed render buffer.\n\n @param {Ember.RenderBuffer} buffer\n */\n _applyAttributeBindings: function(buffer) {\n var attributeBindings = get(this, 'attributeBindings'),\n attributeValue, elem, type;\n\n if (!attributeBindings) { return; }\n\n a_forEach(attributeBindings, function(binding) {\n var split = binding.split(':'),\n property = split[0],\n attributeName = split[1] || property;\n\n // Create an observer to add/remove/change the attribute if the\n // JavaScript property changes.\n var observer = function() {\n elem = this.$();\n if (!elem) { return; }\n\n attributeValue = get(this, property);\n\n Ember.View.applyAttributeBindings(elem, attributeName, attributeValue);\n };\n\n addObserver(this, property, observer);\n\n // Determine the current value and add it to the render buffer\n // if necessary.\n attributeValue = get(this, property);\n Ember.View.applyAttributeBindings(buffer, attributeName, attributeValue);\n }, this);\n },\n\n /**\n @private\n\n Given a property name, returns a dasherized version of that\n property name if the property evaluates to a non-falsy value.\n\n For example, if the view has property `isUrgent` that evaluates to true,\n passing `isUrgent` to this method will return `\"is-urgent\"`.\n */\n _classStringForProperty: function(property) {\n var parsedPath = Ember.View._parsePropertyPath(property);\n var path = parsedPath.path;\n\n var val = get(this, path);\n if (val === undefined && Ember.isGlobalPath(path)) {\n val = get(window, path);\n }\n\n return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);\n },\n\n // ..........................................................\n // ELEMENT SUPPORT\n //\n\n /**\n Returns the current DOM element for the view.\n\n @field\n @type DOMElement\n */\n element: Ember.computed(function(key, value) {\n if (value !== undefined) {\n return this.invokeForState('setElement', value);\n } else {\n return this.invokeForState('getElement');\n }\n }).property('_parentView').cacheable(),\n\n /**\n Returns a jQuery object for this view's element. If you pass in a selector\n string, this method will return a jQuery object, using the current element\n as its buffer.\n\n For example, calling `view.$('li')` will return a jQuery object containing\n all of the `li` elements inside the DOM element of this view.\n\n @param {String} [selector] a jQuery-compatible selector string\n @returns {Ember.CoreQuery} the CoreQuery object for the DOM node\n */\n $: function(sel) {\n return this.invokeForState('$', sel);\n },\n\n /** @private */\n mutateChildViews: function(callback) {\n var childViews = this._childViews,\n idx = childViews.length,\n view;\n\n while(--idx >= 0) {\n view = childViews[idx];\n callback.call(this, view, idx);\n }\n\n return this;\n },\n\n /** @private */\n forEachChildView: function(callback) {\n var childViews = this._childViews;\n\n if (!childViews) { return this; }\n\n var len = childViews.length,\n view, idx;\n\n for(idx = 0; idx < len; idx++) {\n view = childViews[idx];\n callback.call(this, view);\n }\n\n return this;\n },\n\n /**\n Appends the view's element to the specified parent element.\n\n If the view does not have an HTML representation yet, `createElement()`\n will be called automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the given element until all bindings have\n finished synchronizing.\n\n This is not typically a function that you will need to call directly\n when building your application. You might consider using Ember.ContainerView\n instead. If you do need to use appendTo, be sure that the target element you\n are providing is associated with an Ember.Application and does not have an\n ancestor element that is associated with an Ember view.\n\n @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object\n @returns {Ember.View} receiver\n */\n appendTo: function(target) {\n // Schedule the DOM element to be created and appended to the given\n // element after bindings have synchronized.\n this._insertElementLater(function() {\n Ember.assert(\"You cannot append to an existing Ember.View. Consider using Ember.ContainerView instead.\", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));\n this.$().appendTo(target);\n });\n\n return this;\n },\n\n /**\n Replaces the content of the specified parent element with this view's element.\n If the view does not have an HTML representation yet, `createElement()`\n will be called automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the given element until all bindings have\n finished synchronizing\n\n @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object\n @returns {Ember.View} received\n */\n replaceIn: function(target) {\n Ember.assert(\"You cannot replace an existing Ember.View. Consider using Ember.ContainerView instead.\", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));\n\n this._insertElementLater(function() {\n Ember.$(target).empty();\n this.$().appendTo(target);\n });\n\n return this;\n },\n\n /**\n @private\n\n Schedules a DOM operation to occur during the next render phase. This\n ensures that all bindings have finished synchronizing before the view is\n rendered.\n\n To use, pass a function that performs a DOM operation..\n\n Before your function is called, this view and all child views will receive\n the `willInsertElement` event. After your function is invoked, this view\n and all of its child views will receive the `didInsertElement` event.\n\n view._insertElementLater(function() {\n this.createElement();\n this.$().appendTo('body');\n });\n\n @param {Function} fn the function that inserts the element into the DOM\n */\n _insertElementLater: function(fn) {\n this._lastInsert = Ember.guidFor(fn);\n Ember.run.schedule('render', this, this.invokeForState, 'insertElement', fn);\n },\n\n /**\n Appends the view's element to the document body. If the view does\n not have an HTML representation yet, `createElement()` will be called\n automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the document body until all bindings have\n finished synchronizing.\n\n @returns {Ember.View} receiver\n */\n append: function() {\n return this.appendTo(document.body);\n },\n\n /**\n Removes the view's element from the element to which it is attached.\n\n @returns {Ember.View} receiver\n */\n remove: function() {\n // What we should really do here is wait until the end of the run loop\n // to determine if the element has been re-appended to a different\n // element.\n // In the interim, we will just re-render if that happens. It is more\n // important than elements get garbage collected.\n this.destroyElement();\n this.invokeRecursively(function(view) {\n view.clearRenderedChildren();\n });\n },\n\n /**\n The ID to use when trying to locate the element in the DOM. If you do not\n set the elementId explicitly, then the view's GUID will be used instead.\n This ID must be set at the time the view is created.\n\n @type String\n @readOnly\n */\n elementId: Ember.computed(function(key, value) {\n return value !== undefined ? value : Ember.guidFor(this);\n }).cacheable(),\n\n /**\n @private\n\n TODO: Perhaps this should be removed from the production build somehow.\n */\n _elementIdDidChange: Ember.beforeObserver(function() {\n throw \"Changing a view's elementId after creation is not allowed.\";\n }, 'elementId'),\n\n /**\n Attempts to discover the element in the parent element. The default\n implementation looks for an element with an ID of elementId (or the view's\n guid if elementId is null). You can override this method to provide your\n own form of lookup. For example, if you want to discover your element\n using a CSS class name instead of an ID.\n\n @param {DOMElement} parentElement The parent's DOM element\n @returns {DOMElement} The discovered element\n */\n findElementInParentElement: function(parentElem) {\n var id = \"#\" + get(this, 'elementId');\n return Ember.$(id)[0] || Ember.$(id, parentElem)[0];\n },\n\n /**\n Creates a new renderBuffer with the passed tagName. You can override this\n method to provide further customization to the buffer if needed. Normally\n you will not need to call or override this method.\n\n @returns {Ember.RenderBuffer}\n */\n renderBuffer: function(tagName) {\n tagName = tagName || get(this, 'tagName');\n\n // Explicitly check for null or undefined, as tagName\n // may be an empty string, which would evaluate to false.\n if (tagName === null || tagName === undefined) {\n tagName = 'div';\n }\n\n return Ember.RenderBuffer(tagName);\n },\n\n /**\n Creates a DOM representation of the view and all of its\n child views by recursively calling the `render()` method.\n\n After the element has been created, `didInsertElement` will\n be called on this view and all of its child views.\n\n @returns {Ember.View} receiver\n */\n createElement: function() {\n if (get(this, 'element')) { return this; }\n\n var buffer = this.renderToBuffer();\n set(this, 'element', buffer.element());\n\n return this;\n },\n\n /**\n Called when a view is going to insert an element into the DOM.\n */\n willInsertElement: Ember.K,\n\n /**\n Called when the element of the view has been inserted into the DOM.\n Override this function to do any set up that requires an element in the\n document body.\n */\n didInsertElement: Ember.K,\n\n /**\n Called when the view is about to rerender, but before anything has\n been torn down. This is a good opportunity to tear down any manual\n observers you have installed based on the DOM state\n */\n willRerender: Ember.K,\n\n /**\n Run this callback on the current view and recursively on child views.\n\n @private\n */\n invokeRecursively: function(fn) {\n fn.call(this, this);\n\n this.forEachChildView(function(view) {\n view.invokeRecursively(fn);\n });\n },\n\n /**\n Invalidates the cache for a property on all child views.\n */\n invalidateRecursively: function(key) {\n this.forEachChildView(function(view) {\n view.propertyDidChange(key);\n });\n },\n\n /**\n @private\n\n Invokes the receiver's willInsertElement() method if it exists and then\n invokes the same on all child views.\n\n NOTE: In some cases this was called when the element existed. This no longer\n works so we let people know. We can remove this warning code later.\n */\n _notifyWillInsertElement: function() {\n this.invokeRecursively(function(view) {\n view.trigger('willInsertElement');\n });\n },\n\n /**\n @private\n\n Invokes the receiver's didInsertElement() method if it exists and then\n invokes the same on all child views.\n */\n _notifyDidInsertElement: function() {\n this.invokeRecursively(function(view) {\n view.trigger('didInsertElement');\n });\n },\n\n /**\n @private\n\n Invokes the receiver's willRerender() method if it exists and then\n invokes the same on all child views.\n */\n _notifyWillRerender: function() {\n this.invokeRecursively(function(view) {\n view.trigger('willRerender');\n });\n },\n\n /**\n Destroys any existing element along with the element for any child views\n as well. If the view does not currently have a element, then this method\n will do nothing.\n\n If you implement willDestroyElement() on your view, then this method will\n be invoked on your view before your element is destroyed to give you a\n chance to clean up any event handlers, etc.\n\n If you write a willDestroyElement() handler, you can assume that your\n didInsertElement() handler was called earlier for the same element.\n\n Normally you will not call or override this method yourself, but you may\n want to implement the above callbacks when it is run.\n\n @returns {Ember.View} receiver\n */\n destroyElement: function() {\n return this.invokeForState('destroyElement');\n },\n\n /**\n Called when the element of the view is going to be destroyed. Override\n this function to do any teardown that requires an element, like removing\n event listeners.\n */\n willDestroyElement: function() {},\n\n /**\n @private\n\n Invokes the `willDestroyElement` callback on the view and child views.\n */\n _notifyWillDestroyElement: function() {\n this.invokeRecursively(function(view) {\n view.trigger('willDestroyElement');\n });\n },\n\n /** @private (nodoc) */\n _elementWillChange: Ember.beforeObserver(function() {\n this.forEachChildView(function(view) {\n Ember.propertyWillChange(view, 'element');\n });\n }, 'element'),\n\n /**\n @private\n\n If this view's element changes, we need to invalidate the caches of our\n child views so that we do not retain references to DOM elements that are\n no longer needed.\n\n @observes element\n */\n _elementDidChange: Ember.observer(function() {\n this.forEachChildView(function(view) {\n Ember.propertyDidChange(view, 'element');\n });\n }, 'element'),\n\n /**\n Called when the parentView property has changed.\n\n @function\n */\n parentViewDidChange: Ember.K,\n\n /**\n @private\n\n Invoked by the view system when this view needs to produce an HTML\n representation. This method will create a new render buffer, if needed,\n then apply any default attributes, such as class names and visibility.\n Finally, the `render()` method is invoked, which is responsible for\n doing the bulk of the rendering.\n\n You should not need to override this method; instead, implement the\n `template` property, or if you need more control, override the `render`\n method.\n\n @param {Ember.RenderBuffer} buffer the render buffer. If no buffer is\n passed, a default buffer, using the current view's `tagName`, will\n be used.\n */\n renderToBuffer: function(parentBuffer, bufferOperation) {\n var buffer;\n\n Ember.run.sync();\n\n // Determine where in the parent buffer to start the new buffer.\n // By default, a new buffer will be appended to the parent buffer.\n // The buffer operation may be changed if the child views array is\n // mutated by Ember.ContainerView.\n bufferOperation = bufferOperation || 'begin';\n\n // If this is the top-most view, start a new buffer. Otherwise,\n // create a new buffer relative to the original using the\n // provided buffer operation (for example, `insertAfter` will\n // insert a new buffer after the \"parent buffer\").\n if (parentBuffer) {\n var tagName = get(this, 'tagName');\n if (tagName === null || tagName === undefined) {\n tagName = 'div';\n }\n\n buffer = parentBuffer[bufferOperation](tagName);\n } else {\n buffer = this.renderBuffer();\n }\n\n this.buffer = buffer;\n this.transitionTo('inBuffer', false);\n\n this.lengthBeforeRender = this._childViews.length;\n\n this.beforeRender(buffer);\n this.render(buffer);\n this.afterRender(buffer);\n\n this.lengthAfterRender = this._childViews.length;\n\n return buffer;\n },\n\n beforeRender: function(buffer) {\n this.applyAttributesToBuffer(buffer);\n },\n\n afterRender: Ember.K,\n\n /**\n @private\n */\n applyAttributesToBuffer: function(buffer) {\n // Creates observers for all registered class name and attribute bindings,\n // then adds them to the element.\n this._applyClassNameBindings();\n\n // Pass the render buffer so the method can apply attributes directly.\n // This isn't needed for class name bindings because they use the\n // existing classNames infrastructure.\n this._applyAttributeBindings(buffer);\n\n\n a_forEach(get(this, 'classNames'), function(name){ buffer.addClass(name); });\n buffer.id(get(this, 'elementId'));\n\n var role = get(this, 'ariaRole');\n if (role) {\n buffer.attr('role', role);\n }\n\n if (get(this, 'isVisible') === false) {\n buffer.style('display', 'none');\n }\n },\n\n // ..........................................................\n // STANDARD RENDER PROPERTIES\n //\n\n /**\n Tag name for the view's outer element. The tag name is only used when\n an element is first created. If you change the tagName for an element, you\n must destroy and recreate the view element.\n\n By default, the render buffer will use a `
` tag for views.\n\n @type String\n @default null\n */\n\n // We leave this null by default so we can tell the difference between\n // the default case and a user-specified tag.\n tagName: null,\n\n /**\n The WAI-ARIA role of the control represented by this view. For example, a\n button may have a role of type 'button', or a pane may have a role of\n type 'alertdialog'. This property is used by assistive software to help\n visually challenged users navigate rich web applications.\n\n The full list of valid WAI-ARIA roles is available at:\n http://www.w3.org/TR/wai-aria/roles#roles_categorization\n\n @type String\n @default null\n */\n ariaRole: null,\n\n /**\n Standard CSS class names to apply to the view's outer element. This\n property automatically inherits any class names defined by the view's\n superclasses as well.\n\n @type Array\n @default ['ember-view']\n */\n classNames: ['ember-view'],\n\n /**\n A list of properties of the view to apply as class names. If the property\n is a string value, the value of that string will be applied as a class\n name.\n\n // Applies the 'high' class to the view element\n Ember.View.create({\n classNameBindings: ['priority']\n priority: 'high'\n });\n\n If the value of the property is a Boolean, the name of that property is\n added as a dasherized class name.\n\n // Applies the 'is-urgent' class to the view element\n Ember.View.create({\n classNameBindings: ['isUrgent']\n isUrgent: true\n });\n\n If you would prefer to use a custom value instead of the dasherized\n property name, you can pass a binding like this:\n\n // Applies the 'urgent' class to the view element\n Ember.View.create({\n classNameBindings: ['isUrgent:urgent']\n isUrgent: true\n });\n\n This list of properties is inherited from the view's superclasses as well.\n\n @type Array\n @default []\n */\n classNameBindings: [],\n\n /**\n A list of properties of the view to apply as attributes. If the property is\n a string value, the value of that string will be applied as the attribute.\n\n // Applies the type attribute to the element\n // with the value \"button\", like
\n Ember.View.create({\n attributeBindings: ['type'],\n type: 'button'\n });\n\n If the value of the property is a Boolean, the name of that property is\n added as an attribute.\n\n // Renders something like
\n Ember.View.create({\n attributeBindings: ['enabled'],\n enabled: true\n });\n */\n attributeBindings: [],\n\n state: 'preRender',\n\n // .......................................................\n // CORE DISPLAY METHODS\n //\n\n /**\n @private\n\n Setup a view, but do not finish waking it up.\n - configure childViews\n - register the view with the global views hash, which is used for event\n dispatch\n */\n init: function() {\n this._super();\n\n // Register the view for event handling. This hash is used by\n // Ember.EventDispatcher to dispatch incoming events.\n if (!this.isVirtual) Ember.View.views[get(this, 'elementId')] = this;\n\n // setup child views. be sure to clone the child views array first\n this._childViews = this._childViews.slice();\n\n Ember.assert(\"Only arrays are allowed for 'classNameBindings'\", Ember.typeOf(this.classNameBindings) === 'array');\n this.classNameBindings = Ember.A(this.classNameBindings.slice());\n\n Ember.assert(\"Only arrays are allowed for 'classNames'\", Ember.typeOf(this.classNames) === 'array');\n this.classNames = Ember.A(this.classNames.slice());\n\n var viewController = get(this, 'viewController');\n if (viewController) {\n viewController = get(viewController);\n if (viewController) {\n set(viewController, 'view', this);\n }\n }\n },\n\n appendChild: function(view, options) {\n return this.invokeForState('appendChild', view, options);\n },\n\n /**\n Removes the child view from the parent view.\n\n @param {Ember.View} view\n @returns {Ember.View} receiver\n */\n removeChild: function(view) {\n // If we're destroying, the entire subtree will be\n // freed, and the DOM will be handled separately,\n // so no need to mess with childViews.\n if (this.isDestroying) { return; }\n\n // update parent node\n set(view, '_parentView', null);\n\n // remove view from childViews array.\n var childViews = this._childViews;\n\n Ember.EnumerableUtils.removeObject(childViews, view);\n\n this.propertyDidChange('childViews'); // HUH?! what happened to will change?\n\n return this;\n },\n\n /**\n Removes all children from the parentView.\n\n @returns {Ember.View} receiver\n */\n removeAllChildren: function() {\n return this.mutateChildViews(function(view) {\n this.removeChild(view);\n });\n },\n\n destroyAllChildren: function() {\n return this.mutateChildViews(function(view) {\n view.destroy();\n });\n },\n\n /**\n Removes the view from its parentView, if one is found. Otherwise\n does nothing.\n\n @returns {Ember.View} receiver\n */\n removeFromParent: function() {\n var parent = get(this, '_parentView');\n\n // Remove DOM element from parent\n this.remove();\n\n if (parent) { parent.removeChild(this); }\n return this;\n },\n\n /**\n You must call `destroy` on a view to destroy the view (and all of its\n child views). This will remove the view from any parent node, then make\n sure that the DOM element managed by the view can be released by the\n memory manager.\n */\n willDestroy: function() {\n // calling this._super() will nuke computed properties and observers,\n // so collect any information we need before calling super.\n var childViews = this._childViews,\n parent = get(this, '_parentView'),\n childLen;\n\n // destroy the element -- this will avoid each child view destroying\n // the element over and over again...\n if (!this.removedFromDOM) { this.destroyElement(); }\n\n // remove from non-virtual parent view if viewName was specified\n if (this.viewName) {\n var nonVirtualParentView = get(this, 'parentView');\n if (nonVirtualParentView) {\n set(nonVirtualParentView, this.viewName, null);\n }\n }\n\n // remove from parent if found. Don't call removeFromParent,\n // as removeFromParent will try to remove the element from\n // the DOM again.\n if (parent) { parent.removeChild(this); }\n\n this.state = 'destroyed';\n\n childLen = childViews.length;\n for (var i=childLen-1; i>=0; i--) {\n childViews[i].removedFromDOM = true;\n childViews[i].destroy();\n }\n\n // next remove view from global hash\n if (!this.isVirtual) delete Ember.View.views[get(this, 'elementId')];\n },\n\n /**\n Instantiates a view to be added to the childViews array during view\n initialization. You generally will not call this method directly unless\n you are overriding createChildViews(). Note that this method will\n automatically configure the correct settings on the new view instance to\n act as a child of the parent.\n\n @param {Class} viewClass\n @param {Hash} [attrs] Attributes to add\n @returns {Ember.View} new instance\n @test in createChildViews\n */\n createChildView: function(view, attrs) {\n if (Ember.View.detect(view)) {\n attrs = attrs || {};\n attrs._parentView = this;\n attrs.templateData = attrs.templateData || get(this, 'templateData');\n\n view = view.create(attrs);\n\n // don't set the property on a virtual view, as they are invisible to\n // consumers of the view API\n if (view.viewName) { set(get(this, 'concreteView'), view.viewName, view); }\n } else {\n Ember.assert('You must pass instance or subclass of View', view instanceof Ember.View);\n Ember.assert(\"You can only pass attributes when a class is provided\", !attrs);\n\n if (!get(view, 'templateData')) {\n set(view, 'templateData', get(this, 'templateData'));\n }\n\n set(view, '_parentView', this);\n }\n\n return view;\n },\n\n becameVisible: Ember.K,\n becameHidden: Ember.K,\n\n /**\n @private\n\n When the view's `isVisible` property changes, toggle the visibility\n element of the actual DOM element.\n */\n _isVisibleDidChange: Ember.observer(function() {\n var $el = this.$();\n if (!$el) { return; }\n\n var isVisible = get(this, 'isVisible');\n\n $el.toggle(isVisible);\n\n if (this._isAncestorHidden()) { return; }\n\n if (isVisible) {\n this._notifyBecameVisible();\n } else {\n this._notifyBecameHidden();\n }\n }, 'isVisible'),\n\n _notifyBecameVisible: function() {\n this.trigger('becameVisible');\n\n this.forEachChildView(function(view) {\n var isVisible = get(view, 'isVisible');\n\n if (isVisible || isVisible === null) {\n view._notifyBecameVisible();\n }\n });\n },\n\n _notifyBecameHidden: function() {\n this.trigger('becameHidden');\n this.forEachChildView(function(view) {\n var isVisible = get(view, 'isVisible');\n\n if (isVisible || isVisible === null) {\n view._notifyBecameHidden();\n }\n });\n },\n\n _isAncestorHidden: function() {\n var parent = get(this, 'parentView');\n\n while (parent) {\n if (get(parent, 'isVisible') === false) { return true; }\n\n parent = get(parent, 'parentView');\n }\n\n return false;\n },\n\n clearBuffer: function() {\n this.invokeRecursively(function(view) {\n this.buffer = null;\n });\n },\n\n transitionTo: function(state, children) {\n this.state = state;\n\n if (children !== false) {\n this.forEachChildView(function(view) {\n view.transitionTo(state);\n });\n }\n },\n\n /**\n @private\n\n Override the default event firing from Ember.Evented to\n also call methods with the given name.\n */\n trigger: function(name) {\n this._super.apply(this, arguments);\n var method = this[name];\n if (method) {\n var args = [], i, l;\n for (i = 1, l = arguments.length; i < l; i++) {\n args.push(arguments[i]);\n }\n return method.apply(this, args);\n }\n },\n\n has: function(name) {\n return Ember.typeOf(this[name]) === 'function' || this._super(name);\n },\n\n // .......................................................\n // EVENT HANDLING\n //\n\n /**\n @private\n\n Handle events from `Ember.EventDispatcher`\n */\n handleEvent: function(eventName, evt) {\n return this.invokeForState('handleEvent', eventName, evt);\n }\n\n});\n\n/**\n Describe how the specified actions should behave in the various\n states that a view can exist in. Possible states:\n\n * preRender: when a view is first instantiated, and after its\n element was destroyed, it is in the preRender state\n * inBuffer: once a view has been rendered, but before it has\n been inserted into the DOM, it is in the inBuffer state\n * inDOM: once a view has been inserted into the DOM it is in\n the inDOM state. A view spends the vast majority of its\n existence in this state.\n * destroyed: once a view has been destroyed (using the destroy\n method), it is in this state. No further actions can be invoked\n on a destroyed view.\n*/\n\n // in the destroyed state, everything is illegal\n\n // before rendering has begun, all legal manipulations are noops.\n\n // inside the buffer, legal manipulations are done on the buffer\n\n // once the view has been inserted into the DOM, legal manipulations\n // are done on the DOM element.\n\n/** @private */\nvar DOMManager = {\n prepend: function(view, childView) {\n childView._insertElementLater(function() {\n var element = view.$();\n element.prepend(childView.$());\n });\n },\n\n after: function(view, nextView) {\n nextView._insertElementLater(function() {\n var element = view.$();\n element.after(nextView.$());\n });\n },\n\n replace: function(view) {\n var element = get(view, 'element');\n\n set(view, 'element', null);\n\n view._insertElementLater(function() {\n Ember.$(element).replaceWith(get(view, 'element'));\n });\n },\n\n remove: function(view) {\n var elem = get(view, 'element');\n\n set(view, 'element', null);\n view._lastInsert = null;\n\n Ember.$(elem).remove();\n },\n\n empty: function(view) {\n view.$().empty();\n }\n};\n\nEmber.View.reopen({\n states: Ember.View.states,\n domManager: DOMManager\n});\n\nEmber.View.reopenClass({\n\n /**\n @private\n\n Parse a path and return an object which holds the parsed properties.\n\n For example a path like \"content.isEnabled:enabled:disabled\" wil return the\n following object:\n\n {\n path: \"content.isEnabled\",\n className: \"enabled\",\n falsyClassName: \"disabled\",\n classNames: \":enabled:disabled\"\n }\n\n */\n _parsePropertyPath: function(path) {\n var split = path.split(/:/),\n propertyPath = split[0],\n classNames = \"\",\n className,\n falsyClassName;\n\n // check if the property is defined as prop:class or prop:trueClass:falseClass\n if (split.length > 1) {\n className = split[1];\n if (split.length === 3) { falsyClassName = split[2]; }\n\n classNames = ':' + className;\n if (falsyClassName) { classNames += \":\" + falsyClassName; }\n }\n\n return {\n path: propertyPath,\n classNames: classNames,\n className: (className === '') ? undefined : className,\n falsyClassName: falsyClassName\n };\n },\n\n /**\n @private\n\n Get the class name for a given value, based on the path, optional className\n and optional falsyClassName.\n\n - if the value is truthy and a className is defined, the className is returned\n - if the value is true, the dasherized last part of the supplied path is returned\n - if the value is false and a falsyClassName is supplied, the falsyClassName is returned\n - if the value is truthy, the value is returned\n - if none of the above rules apply, null is returned\n\n */\n _classStringForValue: function(path, val, className, falsyClassName) {\n // If the value is truthy and we're using the colon syntax,\n // we should return the className directly\n if (!!val && className) {\n return className;\n\n // If value is a Boolean and true, return the dasherized property\n // name.\n } else if (val === true) {\n // catch syntax like isEnabled::not-enabled\n if (val === true && !className && falsyClassName) { return null; }\n\n // Normalize property path to be suitable for use\n // as a class name. For exaple, content.foo.barBaz\n // becomes bar-baz.\n var parts = path.split('.');\n return Ember.String.dasherize(parts[parts.length-1]);\n\n // If the value is false and a falsyClassName is specified, return it\n } else if (val === false && falsyClassName) {\n return falsyClassName;\n\n // If the value is not false, undefined, or null, return the current\n // value of the property.\n } else if (val !== false && val !== undefined && val !== null) {\n return val;\n\n // Nothing to display. Return null so that the old class is removed\n // but no new class is added.\n } else {\n return null;\n }\n }\n});\n\n// Create a global view hash.\nEmber.View.views = {};\n\n// If someone overrides the child views computed property when\n// defining their class, we want to be able to process the user's\n// supplied childViews and then restore the original computed property\n// at view initialization time. This happens in Ember.ContainerView's init\n// method.\nEmber.View.childViewsProperty = childViewsProperty;\n\nEmber.View.applyAttributeBindings = function(elem, name, value) {\n var type = Ember.typeOf(value);\n var currentValue = elem.attr(name);\n\n // if this changes, also change the logic in ember-handlebars/lib/helpers/binding.js\n if ((type === 'string' || (type === 'number' && !isNaN(value))) && value !== currentValue) {\n elem.attr(name, value);\n } else if (value && type === 'boolean') {\n elem.attr(name, name);\n } else if (!value) {\n elem.removeAttr(name);\n }\n};\n\n})();\n//@ sourceURL=ember-views/views/view");minispade.register('ember-viewstates', "(function() {// ==========================================================================\n// Project: Ember Statecharts\n// Copyright: ©2011 Living Social Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-views');\nminispade.require('ember-states');\nminispade.require('ember-viewstates/state_manager')\nminispade.require('ember-viewstates/view_state');\n\n})();\n//@ sourceURL=ember-viewstates");minispade.register('ember-viewstates/state_manager', "(function() {var get = Ember.get;\n\nEmber.StateManager.reopen(\n/** @scope Ember.StateManager.prototype */ {\n\n /**\n If the current state is a view state or the descendent of a view state,\n this property will be the view associated with it. If there is no\n view state active in this state manager, this value will be null.\n\n @type Ember.View\n */\n currentView: Ember.computed(function() {\n var currentState = get(this, 'currentState'),\n view;\n\n while (currentState) {\n // TODO: Remove this when view state is removed\n if (get(currentState, 'isViewState')) {\n view = get(currentState, 'view');\n if (view) { return view; }\n }\n\n currentState = get(currentState, 'parentState');\n }\n\n return null;\n }).property('currentState').cacheable()\n\n});\n\n})();\n//@ sourceURL=ember-viewstates/state_manager");minispade.register('ember-viewstates/view_state', "(function() {minispade.require('ember-states/state');\n\nvar get = Ember.get, set = Ember.set;\n/**\n @class\n @deprecated\n\n Ember.ViewState extends Ember.State to control the presence of a childView within a\n container based on the current state of the ViewState's StateManager.\n\n ## Interactions with Ember's View System.\n When combined with instances of `Ember.StateManager`, ViewState is designed to\n interact with Ember's view system to control which views are added to\n and removed from the DOM based on the manager's current state.\n\n By default, a StateManager will manage views inside the 'body' element. This can be\n customized by setting the `rootElement` property to a CSS selector of an existing\n HTML element you would prefer to receive view rendering.\n\n\n viewStates = Ember.StateManager.create({\n rootElement: '#some-other-element'\n })\n\n You can also specify a particular instance of `Ember.ContainerView` you would like to receive\n view rendering by setting the `rootView` property. You will be responsible for placing\n this element into the DOM yourself.\n\n aLayoutView = Ember.ContainerView.create()\n\n // make sure this view instance is added to the browser\n aLayoutView.appendTo('body')\n\n App.viewStates = Ember.StateManager.create({\n rootView: aLayoutView\n })\n\n\n Once you have an instance of StateManager controlling a view, you can provide states\n that are instances of `Ember.ViewState`. When the StateManager enters a state\n that is an instance of `Ember.ViewState` that `ViewState`'s `view` property will be\n instantiated and inserted into the StateManager's `rootView` or `rootElement`.\n When a state is exited, the `ViewState`'s view will be removed from the StateManager's\n view.\n\n ContactListView = Ember.View.extend({\n classNames: ['my-contacts-css-class'],\n template: Ember.Handlebars.compile('

People

')\n })\n\n PhotoListView = Ember.View.extend({\n classNames: ['my-photos-css-class'],\n template: Ember.Handlebars.compile('

Photos

')\n })\n\n viewStates = Ember.StateManager.create({\n showingPeople: Ember.ViewState.create({\n view: ContactListView\n }),\n showingPhotos: Ember.ViewState.create({\n view: PhotoListView\n })\n })\n\n viewStates.transitionTo('showingPeople')\n\n The above code will change the rendered HTML from\n\n \n\n to\n\n \n
\n

People

\n
\n \n\n Changing the current state via `transitionTo` from `showingPeople` to\n `showingPhotos` will remove the `showingPeople` view and add the `showingPhotos` view:\n\n viewStates.transitionTo('showingPhotos')\n\n will change the rendered HTML to\n\n \n
\n

Photos

\n
\n \n\n\n When entering nested `ViewState`s, each state's view will be draw into the the StateManager's\n `rootView` or `rootElement` as siblings.\n\n\n ContactListView = Ember.View.extend({\n classNames: ['my-contacts-css-class'],\n template: Ember.Handlebars.compile('

People

')\n })\n\n EditAContactView = Ember.View.extend({\n classNames: ['editing-a-contact-css-class'],\n template: Ember.Handlebars.compile('Editing...')\n })\n\n viewStates = Ember.StateManager.create({\n showingPeople: Ember.ViewState.create({\n view: ContactListView,\n\n withEditingPanel: Ember.ViewState.create({\n view: EditAContactView\n })\n })\n })\n\n\n viewStates.transitionTo('showingPeople.withEditingPanel')\n\n\n Will result in the following rendered HTML:\n\n \n
\n

People

\n
\n\n
\n Editing...\n
\n \n\n\n ViewState views are added and removed from their StateManager's view via their\n `enter` and `exit` methods. If you need to override these methods, be sure to call\n `_super` to maintain the adding and removing behavior:\n\n viewStates = Ember.StateManager.create({\n aState: Ember.ViewState.create({\n view: Ember.View.extend({}),\n enter: function(manager){\n // calling _super ensures this view will be\n // properly inserted\n this._super(manager);\n\n // now you can do other things\n }\n })\n })\n\n ## Managing Multiple Sections of A Page With States\n Multiple StateManagers can be combined to control multiple areas of an application's rendered views.\n Given the following HTML body:\n\n \n \n
\n
\n \n\n You could separately manage view state for each section with two StateManagers\n\n navigationStates = Ember.StateManager.create({\n rootElement: '#sidebar-nav',\n userAuthenticated: Em.ViewState.create({\n view: Ember.View.extend({})\n }),\n userNotAuthenticated: Em.ViewState.create({\n view: Ember.View.extend({})\n })\n })\n\n contentStates = Ember.StateManager.create({\n rootElement: '#content-area',\n books: Em.ViewState.create({\n view: Ember.View.extend({})\n }),\n music: Em.ViewState.create({\n view: Ember.View.extend({})\n })\n })\n\n\n If you prefer to start with an empty body and manage state programmatically you\n can also take advantage of StateManager's `rootView` property and the ability of\n `Ember.ContainerView`s to manually manage their child views.\n\n\n dashboard = Ember.ContainerView.create({\n childViews: ['navigationAreaView', 'contentAreaView'],\n navigationAreaView: Ember.ContainerView.create({}),\n contentAreaView: Ember.ContainerView.create({})\n })\n\n navigationStates = Ember.StateManager.create({\n rootView: dashboard.get('navigationAreaView'),\n userAuthenticated: Em.ViewState.create({\n view: Ember.View.extend({})\n }),\n userNotAuthenticated: Em.ViewState.create({\n view: Ember.View.extend({})\n })\n })\n\n contentStates = Ember.StateManager.create({\n rootView: dashboard.get('contentAreaView'),\n books: Em.ViewState.create({\n view: Ember.View.extend({})\n }),\n music: Em.ViewState.create({\n view: Ember.View.extend({})\n })\n })\n\n dashboard.appendTo('body')\n\n ## User Manipulation of State via `{{action}}` Helpers\n The Handlebars `{{action}}` helper is StateManager-aware and will use StateManager action sending\n to connect user interaction to action-based state transitions.\n\n Given the following body and handlebars template\n\n \n \n \n\n And application code\n\n App = Ember.Application.create()\n App.appStates = Ember.StateManager.create({\n initialState: 'aState',\n aState: Ember.State.create({\n anAction: function(manager, context){}\n }),\n bState: Ember.State.create({})\n })\n\n A user initiated click or touch event on \"Go\" will trigger the 'anAction' method of\n `App.appStates.aState` with `App.appStates` as the first argument and a\n `jQuery.Event` object as the second object. The `jQuery.Event` will include a property\n `view` that references the `Ember.View` object that was interacted with.\n\n**/\nEmber.ViewState = Ember.State.extend(\n/** @scope Ember.ViewState.prototype */ {\n isViewState: true,\n\n init: function() {\n Ember.deprecate(\"Ember.ViewState is deprecated and will be removed from future releases. Consider using the outlet pattern to display nested views instead. For more information, see http://emberjs.com/guides/outlets/.\");\n return this._super();\n },\n\n enter: function(stateManager) {\n var view = get(this, 'view'), root, childViews;\n\n if (view) {\n if (Ember.View.detect(view)) {\n view = view.create();\n set(this, 'view', view);\n }\n\n Ember.assert('view must be an Ember.View', view instanceof Ember.View);\n\n root = stateManager.get('rootView');\n\n if (root) {\n childViews = get(root, 'childViews');\n childViews.pushObject(view);\n } else {\n root = stateManager.get('rootElement') || 'body';\n view.appendTo(root);\n }\n }\n },\n\n exit: function(stateManager) {\n var view = get(this, 'view');\n\n if (view) {\n // If the view has a parent view, then it is\n // part of a view hierarchy and should be removed\n // from its parent.\n if (get(view, 'parentView')) {\n view.removeFromParent();\n } else {\n\n // Otherwise, the view is a \"root view\" and\n // was appended directly to the DOM.\n view.remove();\n }\n }\n }\n});\n\n})();\n//@ sourceURL=ember-viewstates/view_state");minispade.register('ember', "(function() {// ==========================================================================\n// Project: Ember\n// Copyright: ©2011 Strobe Inc. and contributors.\n// License: Licensed under MIT license (see license.js)\n// ==========================================================================\nminispade.require('ember-metal');\nminispade.require('ember-views');\nminispade.require('ember-handlebars');\n\n})();\n//@ sourceURL=ember");minispade.register('metamorph', "(function() {// ==========================================================================\n// Project: metamorph\n// Copyright: ©2011 My Company Inc. All rights reserved.\n// ==========================================================================\n\n(function(window) {\n\n var K = function(){},\n guid = 0,\n document = window.document,\n\n // Feature-detect the W3C range API, the extended check is for IE9 which only partially supports ranges\n supportsRange = ('createRange' in document) && (typeof Range !== 'undefined') && Range.prototype.createContextualFragment,\n\n // Internet Explorer prior to 9 does not allow setting innerHTML if the first element\n // is a \"zero-scope\" element. This problem can be worked around by making\n // the first node an invisible text node. We, like Modernizr, use ­\n needsShy = (function(){\n var testEl = document.createElement('div');\n testEl.innerHTML = \"
\";\n testEl.firstChild.innerHTML = \"\";\n return testEl.firstChild.innerHTML === '';\n })();\n\n // Constructor that supports either Metamorph('foo') or new\n // Metamorph('foo');\n //\n // Takes a string of HTML as the argument.\n\n var Metamorph = function(html) {\n var self;\n\n if (this instanceof Metamorph) {\n self = this;\n } else {\n self = new K();\n }\n\n self.innerHTML = html;\n var myGuid = 'metamorph-'+(guid++);\n self.start = myGuid + '-start';\n self.end = myGuid + '-end';\n\n return self;\n };\n\n K.prototype = Metamorph.prototype;\n\n var rangeFor, htmlFunc, removeFunc, outerHTMLFunc, appendToFunc, afterFunc, prependFunc, startTagFunc, endTagFunc;\n\n outerHTMLFunc = function() {\n return this.startTag() + this.innerHTML + this.endTag();\n };\n\n startTagFunc = function() {\n return \"\";\n };\n\n endTagFunc = function() {\n return \"\";\n };\n\n // If we have the W3C range API, this process is relatively straight forward.\n if (supportsRange) {\n\n // Get a range for the current morph. Optionally include the starting and\n // ending placeholders.\n rangeFor = function(morph, outerToo) {\n var range = document.createRange();\n var before = document.getElementById(morph.start);\n var after = document.getElementById(morph.end);\n\n if (outerToo) {\n range.setStartBefore(before);\n range.setEndAfter(after);\n } else {\n range.setStartAfter(before);\n range.setEndBefore(after);\n }\n\n return range;\n };\n\n htmlFunc = function(html, outerToo) {\n // get a range for the current metamorph object\n var range = rangeFor(this, outerToo);\n\n // delete the contents of the range, which will be the\n // nodes between the starting and ending placeholder.\n range.deleteContents();\n\n // create a new document fragment for the HTML\n var fragment = range.createContextualFragment(html);\n\n // insert the fragment into the range\n range.insertNode(fragment);\n };\n\n removeFunc = function() {\n // get a range for the current metamorph object including\n // the starting and ending placeholders.\n var range = rangeFor(this, true);\n\n // delete the entire range.\n range.deleteContents();\n };\n\n appendToFunc = function(node) {\n var range = document.createRange();\n range.setStart(node);\n range.collapse(false);\n var frag = range.createContextualFragment(this.outerHTML());\n node.appendChild(frag);\n };\n\n afterFunc = function(html) {\n var range = document.createRange();\n var after = document.getElementById(this.end);\n\n range.setStartAfter(after);\n range.setEndAfter(after);\n\n var fragment = range.createContextualFragment(html);\n range.insertNode(fragment);\n };\n\n prependFunc = function(html) {\n var range = document.createRange();\n var start = document.getElementById(this.start);\n\n range.setStartAfter(start);\n range.setEndAfter(start);\n\n var fragment = range.createContextualFragment(html);\n range.insertNode(fragment);\n };\n\n } else {\n /**\n * This code is mostly taken from jQuery, with one exception. In jQuery's case, we\n * have some HTML and we need to figure out how to convert it into some nodes.\n *\n * In this case, jQuery needs to scan the HTML looking for an opening tag and use\n * that as the key for the wrap map. In our case, we know the parent node, and\n * can use its type as the key for the wrap map.\n **/\n var wrapMap = {\n select: [ 1, \"\" ],\n fieldset: [ 1, \"
\", \"
\" ],\n table: [ 1, \"\", \"
\" ],\n tbody: [ 2, \"\", \"
\" ],\n tr: [ 3, \"\", \"
\" ],\n colgroup: [ 2, \"\", \"
\" ],\n map: [ 1, \"\", \"\" ],\n _default: [ 0, \"\", \"\" ]\n };\n\n /**\n * Given a parent node and some HTML, generate a set of nodes. Return the first\n * node, which will allow us to traverse the rest using nextSibling.\n *\n * We need to do this because innerHTML in IE does not really parse the nodes.\n **/\n var firstNodeFor = function(parentNode, html) {\n var arr = wrapMap[parentNode.tagName.toLowerCase()] || wrapMap._default;\n var depth = arr[0], start = arr[1], end = arr[2];\n\n if (needsShy) { html = '­'+html; }\n\n var element = document.createElement('div');\n element.innerHTML = start + html + end;\n\n for (var i=0; i<=depth; i++) {\n element = element.firstChild;\n }\n\n // Look for ­ to remove it.\n if (needsShy) {\n var shyElement = element;\n\n // Sometimes we get nameless elements with the shy inside\n while (shyElement.nodeType === 1 && !shyElement.nodeName) {\n shyElement = shyElement.firstChild;\n }\n\n // At this point it's the actual unicode character.\n if (shyElement.nodeType === 3 && shyElement.nodeValue.charAt(0) === \"\\u00AD\") {\n shyElement.nodeValue = shyElement.nodeValue.slice(1);\n }\n }\n\n return element;\n };\n\n /**\n * In some cases, Internet Explorer can create an anonymous node in\n * the hierarchy with no tagName. You can create this scenario via:\n *\n * div = document.createElement(\"div\");\n * div.innerHTML = \"­
hi
\";\n * div.firstChild.firstChild.tagName //=> \"\"\n *\n * If our script markers are inside such a node, we need to find that\n * node and use *it* as the marker.\n **/\n var realNode = function(start) {\n while (start.parentNode.tagName === \"\") {\n start = start.parentNode;\n }\n\n return start;\n };\n\n /**\n * When automatically adding a tbody, Internet Explorer inserts the\n * tbody immediately before the first . Other browsers create it\n * before the first node, no matter what.\n *\n * This means the the following code:\n *\n * div = document.createElement(\"div\");\n * div.innerHTML = \"
hi
\n *\n * Generates the following DOM in IE:\n *\n * + div\n * + table\n * - script id='first'\n * + tbody\n * + tr\n * + td\n * - \"hi\"\n * - script id='last'\n *\n * Which means that the two script tags, even though they were\n * inserted at the same point in the hierarchy in the original\n * HTML, now have different parents.\n *\n * This code reparents the first script tag by making it the tbody's\n * first child.\n **/\n var fixParentage = function(start, end) {\n if (start.parentNode !== end.parentNode) {\n end.parentNode.insertBefore(start, end.parentNode.firstChild);\n }\n };\n\n htmlFunc = function(html, outerToo) {\n // get the real starting node. see realNode for details.\n var start = realNode(document.getElementById(this.start));\n var end = document.getElementById(this.end);\n var parentNode = end.parentNode;\n var node, nextSibling, last;\n\n // make sure that the start and end nodes share the same\n // parent. If not, fix it.\n fixParentage(start, end);\n\n // remove all of the nodes after the starting placeholder and\n // before the ending placeholder.\n node = start.nextSibling;\n while (node) {\n nextSibling = node.nextSibling;\n last = node === end;\n\n // if this is the last node, and we want to remove it as well,\n // set the `end` node to the next sibling. This is because\n // for the rest of the function, we insert the new nodes\n // before the end (note that insertBefore(node, null) is\n // the same as appendChild(node)).\n //\n // if we do not want to remove it, just break.\n if (last) {\n if (outerToo) { end = node.nextSibling; } else { break; }\n }\n\n node.parentNode.removeChild(node);\n\n // if this is the last node and we didn't break before\n // (because we wanted to remove the outer nodes), break\n // now.\n if (last) { break; }\n\n node = nextSibling;\n }\n\n // get the first node for the HTML string, even in cases like\n // tables and lists where a simple innerHTML on a div would\n // swallow some of the content.\n node = firstNodeFor(start.parentNode, html);\n\n // copy the nodes for the HTML between the starting and ending\n // placeholder.\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, end);\n node = nextSibling;\n }\n };\n\n // remove the nodes in the DOM representing this metamorph.\n //\n // this includes the starting and ending placeholders.\n removeFunc = function() {\n var start = realNode(document.getElementById(this.start));\n var end = document.getElementById(this.end);\n\n this.html('');\n start.parentNode.removeChild(start);\n end.parentNode.removeChild(end);\n };\n\n appendToFunc = function(parentNode) {\n var node = firstNodeFor(parentNode, this.outerHTML());\n\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.appendChild(node);\n node = nextSibling;\n }\n };\n\n afterFunc = function(html) {\n // get the real starting node. see realNode for details.\n var end = document.getElementById(this.end);\n var insertBefore = end.nextSibling;\n var parentNode = end.parentNode;\n var nextSibling;\n var node;\n\n // get the first node for the HTML string, even in cases like\n // tables and lists where a simple innerHTML on a div would\n // swallow some of the content.\n node = firstNodeFor(parentNode, html);\n\n // copy the nodes for the HTML between the starting and ending\n // placeholder.\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, insertBefore);\n node = nextSibling;\n }\n };\n\n prependFunc = function(html) {\n var start = document.getElementById(this.start);\n var parentNode = start.parentNode;\n var nextSibling;\n var node;\n\n node = firstNodeFor(parentNode, html);\n var insertBefore = start.nextSibling;\n\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, insertBefore);\n node = nextSibling;\n }\n }\n }\n\n Metamorph.prototype.html = function(html) {\n this.checkRemoved();\n if (html === undefined) { return this.innerHTML; }\n\n htmlFunc.call(this, html);\n\n this.innerHTML = html;\n };\n\n Metamorph.prototype.replaceWith = function(html) {\n this.checkRemoved();\n htmlFunc.call(this, html, true);\n };\n\n Metamorph.prototype.remove = removeFunc;\n Metamorph.prototype.outerHTML = outerHTMLFunc;\n Metamorph.prototype.appendTo = appendToFunc;\n Metamorph.prototype.after = afterFunc;\n Metamorph.prototype.prepend = prependFunc;\n Metamorph.prototype.startTag = startTagFunc;\n Metamorph.prototype.endTag = endTagFunc;\n\n Metamorph.prototype.isRemoved = function() {\n var before = document.getElementById(this.start);\n var after = document.getElementById(this.end);\n\n return !before || !after;\n };\n\n Metamorph.prototype.checkRemoved = function() {\n if (this.isRemoved()) {\n throw new Error(\"Cannot perform operations on a Metamorph that is not in the DOM.\");\n }\n };\n\n window.Metamorph = Metamorph;\n})(this);\n\n\n})();\n//@ sourceURL=metamorph"); \ No newline at end of file +minispade.register('ember-application', "(function() {minispade.require('ember-views');\nminispade.require('ember-states');\nminispade.require('ember-routing');\nminispade.require('ember-application/system');\n\n/**\nEmber Application\n\n@module ember\n@submodule ember-application\n@requires ember-views, ember-states, ember-routing\n*/\n\n})();\n//@ sourceURL=ember-application");minispade.register('ember-application/system', "(function() {minispade.require('ember-application/system/dag');\nminispade.require('ember-application/system/application');\n\n})();\n//@ sourceURL=ember-application/system");minispade.register('ember-application/system/application', "(function() {/**\n@module ember\n@submodule ember-application\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n An instance of `Ember.Application` is the starting point for every Ember.js\n application. It helps to instantiate, initialize and coordinate the many\n objects that make up your app.\n\n Each Ember.js app has one and only one `Ember.Application` object. In fact, the very\n first thing you should do in your application is create the instance:\n\n ```javascript\n window.App = Ember.Application.create();\n ```\n\n Typically, the application object is the only global variable. All other\n classes in your app should be properties on the `Ember.Application` instance,\n which highlights its first role: a global namespace.\n\n For example, if you define a view class, it might look like this:\n\n ```javascript\n App.MyView = Ember.View.extend();\n ```\n\n After all of your classes are defined, call `App.initialize()` to start the\n application.\n\n Because `Ember.Application` inherits from `Ember.Namespace`, any classes\n you create will have useful string representations when calling `toString()`;\n see the `Ember.Namespace` documentation for more information.\n\n While you can think of your `Ember.Application` as a container that holds the\n other classes in your application, there are several other responsibilities\n going on under-the-hood that you may want to understand.\n\n ### Event Delegation\n\n Ember.js uses a technique called _event delegation_. This allows the framework\n to set up a global, shared event listener instead of requiring each view to do\n it manually. For example, instead of each view registering its own `mousedown`\n listener on its associated element, Ember.js sets up a `mousedown` listener on\n the `body`.\n\n If a `mousedown` event occurs, Ember.js will look at the target of the event and\n start walking up the DOM node tree, finding corresponding views and invoking their\n `mouseDown` method as it goes.\n\n `Ember.Application` has a number of default events that it listens for, as well\n as a mapping from lowercase events to camel-cased view method names. For\n example, the `keypress` event causes the `keyPress` method on the view to be\n called, the `dblclick` event causes `doubleClick` to be called, and so on.\n\n If there is a browser event that Ember.js does not listen for by default, you\n can specify custom events and their corresponding view method names by setting\n the application's `customEvents` property:\n\n ```javascript\n App = Ember.Application.create({\n customEvents: {\n // add support for the loadedmetadata media\n // player event\n 'loadedmetadata': \"loadedMetadata\"\n }\n });\n ```\n\n By default, the application sets up these event listeners on the document body.\n However, in cases where you are embedding an Ember.js application inside an\n existing page, you may want it to set up the listeners on an element inside\n the body.\n\n For example, if only events inside a DOM element with the ID of `ember-app` should\n be delegated, set your application's `rootElement` property:\n\n ```javascript\n window.App = Ember.Application.create({\n rootElement: '#ember-app'\n });\n ```\n\n The `rootElement` can be either a DOM element or a jQuery-compatible selector\n string. Note that *views appended to the DOM outside the root element will not\n receive events.* If you specify a custom root element, make sure you only append\n views inside it!\n\n To learn more about the advantages of event delegation and the Ember.js view layer,\n and a list of the event listeners that are setup by default, visit the\n [Ember.js View Layer guide](http://emberjs.com/guides/view_layer#toc_event-delegation).\n\n ### Dependency Injection\n\n One thing you may have noticed while using Ember.js is that you define *classes*, not\n *instances*. When your application loads, all of the instances are created for you.\n Creating these instances is the responsibility of `Ember.Application`.\n\n When the `Ember.Application` initializes, it will look for an `Ember.Router` class\n defined on the applications's `Router` property, like this:\n\n ```javascript\n App.Router = Ember.Router.extend({\n // ...\n });\n ```\n\n If found, the router is instantiated and saved on the application's `router`\n property (note the lowercase 'r'). While you should *not* reference this router\n instance directly from your application code, having access to `App.router`\n from the console can be useful during debugging.\n\n After the router is created, the application loops through all of the\n registered _injections_ and invokes them once for each property on the\n `Ember.Application` object.\n\n An injection is a function that is responsible for instantiating objects from\n classes defined on the application. By default, the only injection registered\n instantiates controllers and makes them available on the router.\n\n For example, if you define a controller class:\n\n ```javascript\n App.MyController = Ember.Controller.extend({\n // ...\n });\n ```\n\n Your router will receive an instance of `App.MyController` saved on its\n `myController` property.\n\n Libraries on top of Ember.js can register additional injections. For example,\n if your application is using Ember Data, it registers an injection that\n instantiates `DS.Store`:\n\n ```javascript\n Ember.Application.registerInjection({\n name: 'store',\n before: 'controllers',\n\n injection: function(app, router, property) {\n if (property === 'Store') {\n set(router, 'store', app[property].create());\n }\n }\n });\n ```\n\n ### Routing\n\n In addition to creating your application's router, `Ember.Application` is also\n responsible for telling the router when to start routing.\n\n By default, the router will begin trying to translate the current URL into\n application state once the browser emits the `DOMContentReady` event. If you\n need to defer routing, you can call the application's `deferReadiness()` method.\n Once routing can begin, call the `advanceReadiness()` method.\n\n If there is any setup required before routing begins, you can implement a `ready()`\n method on your app that will be invoked immediately before routing begins:\n\n ```javascript\n window.App = Ember.Application.create({\n ready: function() {\n this.set('router.enableLogging', true);\n }\n });\n\n To begin routing, you must have at a minimum a top-level controller and view.\n You define these as `App.ApplicationController` and `App.ApplicationView`,\n respectively. Your application will not work if you do not define these two\n mandatory classes. For example:\n\n ```javascript\n App.ApplicationView = Ember.View.extend({\n templateName: 'application'\n });\n App.ApplicationController = Ember.Controller.extend();\n ```\n\n @class Application\n @namespace Ember\n @extends Ember.Namespace\n*/\nEmber.Application = Ember.Namespace.extend(\n/** @scope Ember.Application.prototype */{\n\n /**\n The root DOM element of the Application. This can be specified as an\n element or a\n [jQuery-compatible selector string](http://api.jquery.com/category/selectors/).\n\n This is the element that will be passed to the Application's,\n `eventDispatcher`, which sets up the listeners for event delegation. Every\n view in your application should be a child of the element you specify here.\n\n @property rootElement\n @type DOMElement\n @default 'body'\n */\n rootElement: 'body',\n\n /**\n The `Ember.EventDispatcher` responsible for delegating events to this\n application's views.\n\n The event dispatcher is created by the application at initialization time\n and sets up event listeners on the DOM element described by the\n application's `rootElement` property.\n\n See the documentation for `Ember.EventDispatcher` for more information.\n\n @property eventDispatcher\n @type Ember.EventDispatcher\n @default null\n */\n eventDispatcher: null,\n\n /**\n The DOM events for which the event dispatcher should listen.\n\n By default, the application's `Ember.EventDispatcher` listens\n for a set of standard DOM events, such as `mousedown` and\n `keyup`, and delegates them to your application's `Ember.View`\n instances.\n\n If you would like additional events to be delegated to your\n views, set your `Ember.Application`'s `customEvents` property\n to a hash containing the DOM event name as the key and the\n corresponding view method name as the value. For example:\n\n App = Ember.Application.create({\n customEvents: {\n // add support for the loadedmetadata media\n // player event\n 'loadedmetadata': \"loadedMetadata\"\n }\n });\n\n @property customEvents\n @type Object\n @default null\n */\n customEvents: null,\n\n autoinit: !Ember.testing,\n\n isInitialized: false,\n\n init: function() {\n if (!this.$) { this.$ = Ember.$; }\n\n this._super();\n\n this.createEventDispatcher();\n\n // Start off the number of deferrals at 1. This will be\n // decremented by the Application's own `initialize` method.\n this._readinessDeferrals = 1;\n\n this.waitForDOMContentLoaded();\n\n if (this.autoinit) {\n var self = this;\n this.$().ready(function() {\n if (self.isDestroyed || self.isInitialized) return;\n self.initialize();\n });\n }\n },\n\n /** @private */\n createEventDispatcher: function() {\n var rootElement = get(this, 'rootElement'),\n eventDispatcher = Ember.EventDispatcher.create({\n rootElement: rootElement\n });\n\n set(this, 'eventDispatcher', eventDispatcher);\n },\n\n waitForDOMContentLoaded: function() {\n this.deferReadiness();\n\n var self = this;\n this.$().ready(function() {\n self.advanceReadiness();\n });\n },\n\n deferReadiness: function() {\n Ember.assert(\"You cannot defer readiness since the `ready()` hook has already been called.\", this._readinessDeferrals > 0);\n this._readinessDeferrals++;\n },\n\n advanceReadiness: function() {\n this._readinessDeferrals--;\n\n if (this._readinessDeferrals === 0) {\n Ember.run.once(this, this.didBecomeReady);\n }\n },\n\n /**\n Instantiate all controllers currently available on the namespace\n and inject them onto a router.\n\n Example:\n\n App.PostsController = Ember.ArrayController.extend();\n App.CommentsController = Ember.ArrayController.extend();\n\n var router = Ember.Router.create({\n ...\n });\n\n App.initialize(router);\n\n router.get('postsController') // \n router.get('commentsController') // \n\n @method initialize\n @param router {Ember.Router}\n */\n initialize: function(router) {\n Ember.assert(\"Application initialize may only be call once\", !this.isInitialized);\n Ember.assert(\"Application not destroyed\", !this.isDestroyed);\n\n router = this.setupRouter(router);\n\n this.runInjections(router);\n\n Ember.runLoadHooks('application', this);\n\n this.isInitialized = true;\n\n // At this point, any injections or load hooks that would have wanted\n // to defer readiness have fired.\n this.advanceReadiness();\n\n return this;\n },\n\n /** @private */\n runInjections: function(router) {\n var injections = get(this.constructor, 'injections'),\n graph = new Ember.DAG(),\n namespace = this,\n properties, i, injection;\n\n for (i=0; i\\s*\\(([^\\)]+)\\)/gm, '{anonymous}($1)').split('\\n');\n stack.shift();\n } else {\n // Firefox\n stack = error.stack.replace(/(?:\\n@:0)?\\s+$/m, '').\n replace(/^\\(/gm, '{anonymous}(').split('\\n');\n }\n\n stackStr = \"\\n \" + stack.slice(2).join(\"\\n \");\n message = message + stackStr;\n }\n\n Ember.Logger.warn(\"DEPRECATION: \"+message);\n};\n\n\n\n/**\n Display a deprecation warning with the provided message and a stack trace\n (Chrome and Firefox only) when the wrapped method is called.\n\n Ember build tools will not remove calls to Ember.deprecateFunc(), though\n no warnings will be shown in production.\n\n @method deprecateFunc\n @param {String} message A description of the deprecation.\n @param {Function} func The function to be deprecated.\n*/\nEmber.deprecateFunc = function(message, func) {\n return function() {\n Ember.deprecate(message);\n return func.apply(this, arguments);\n };\n};\n\n\nwindow.ember_assert = Ember.deprecateFunc(\"ember_assert is deprecated. Please use Ember.assert instead.\", Ember.assert);\nwindow.ember_warn = Ember.deprecateFunc(\"ember_warn is deprecated. Please use Ember.warn instead.\", Ember.warn);\nwindow.ember_deprecate = Ember.deprecateFunc(\"ember_deprecate is deprecated. Please use Ember.deprecate instead.\", Ember.deprecate);\nwindow.ember_deprecateFunc = Ember.deprecateFunc(\"ember_deprecateFunc is deprecated. Please use Ember.deprecateFunc instead.\", Ember.deprecateFunc);\n\n})();\n//@ sourceURL=ember-debug");minispade.register('ember-handlebars/controls', "(function() {minispade.require(\"ember-handlebars/controls/checkbox\");\nminispade.require(\"ember-handlebars/controls/text_field\");\nminispade.require(\"ember-handlebars/controls/button\");\nminispade.require(\"ember-handlebars/controls/text_area\");\nminispade.require(\"ember-handlebars/controls/tabs\");\nminispade.require(\"ember-handlebars/controls/select\");\n\n})();\n//@ sourceURL=ember-handlebars/controls");minispade.register('ember-handlebars/controls/button', "(function() {minispade.require('ember-runtime/mixins/target_action_support');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n @class Button\n @namespace Ember\n @extends Ember.View\n @uses Ember.TargetActionSupport\n @deprecated\n*/\nEmber.Button = Ember.View.extend(Ember.TargetActionSupport, {\n classNames: ['ember-button'],\n classNameBindings: ['isActive'],\n\n tagName: 'button',\n\n propagateEvents: false,\n\n attributeBindings: ['type', 'disabled', 'href', 'tabindex'],\n\n /**\n @private\n\n Overrides TargetActionSupport's targetObject computed\n property to use Handlebars-specific path resolution.\n\n @property targetObject\n */\n targetObject: Ember.computed(function() {\n var target = get(this, 'target'),\n root = get(this, 'context'),\n data = get(this, 'templateData');\n\n if (typeof target !== 'string') { return target; }\n\n return Ember.Handlebars.get(root, target, { data: data });\n }).property('target'),\n\n // Defaults to 'button' if tagName is 'input' or 'button'\n type: Ember.computed(function(key, value) {\n var tagName = this.get('tagName');\n if (value !== undefined) { this._type = value; }\n if (this._type !== undefined) { return this._type; }\n if (tagName === 'input' || tagName === 'button') { return 'button'; }\n }).property('tagName'),\n\n disabled: false,\n\n // Allow 'a' tags to act like buttons\n href: Ember.computed(function() {\n return this.get('tagName') === 'a' ? '#' : null;\n }).property('tagName'),\n\n mouseDown: function() {\n if (!get(this, 'disabled')) {\n set(this, 'isActive', true);\n this._mouseDown = true;\n this._mouseEntered = true;\n }\n return get(this, 'propagateEvents');\n },\n\n mouseLeave: function() {\n if (this._mouseDown) {\n set(this, 'isActive', false);\n this._mouseEntered = false;\n }\n },\n\n mouseEnter: function() {\n if (this._mouseDown) {\n set(this, 'isActive', true);\n this._mouseEntered = true;\n }\n },\n\n mouseUp: function(event) {\n if (get(this, 'isActive')) {\n // Actually invoke the button's target and action.\n // This method comes from the Ember.TargetActionSupport mixin.\n this.triggerAction();\n set(this, 'isActive', false);\n }\n\n this._mouseDown = false;\n this._mouseEntered = false;\n return get(this, 'propagateEvents');\n },\n\n keyDown: function(event) {\n // Handle space or enter\n if (event.keyCode === 13 || event.keyCode === 32) {\n this.mouseDown();\n }\n },\n\n keyUp: function(event) {\n // Handle space or enter\n if (event.keyCode === 13 || event.keyCode === 32) {\n this.mouseUp();\n }\n },\n\n // TODO: Handle proper touch behavior. Including should make inactive when\n // finger moves more than 20x outside of the edge of the button (vs mouse\n // which goes inactive as soon as mouse goes out of edges.)\n\n touchStart: function(touch) {\n return this.mouseDown(touch);\n },\n\n touchEnd: function(touch) {\n return this.mouseUp(touch);\n },\n\n init: function() {\n Ember.deprecate(\"Ember.Button is deprecated and will be removed from future releases. Consider using the `{{action}}` helper.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/button");minispade.register('ember-handlebars/controls/checkbox', "(function() {minispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/ext\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar set = Ember.set, get = Ember.get;\n\n/**\n The `Ember.Checkbox` view class renders a checkbox [input](https://developer.mozilla.org/en/HTML/Element/Input) \n element. It allows for binding an Ember property (`checked`) to the status of the checkbox.\n\n Example:\n\n ``` handlebars\n {{view Ember.Checkbox checkedBinding=\"receiveEmail\"}}\n ```\n\n You can add a `label` tag yourself in the template where the Ember.Checkbox is being used.\n\n ``` html\n \n ```\n\n\n The `checked` attribute of an Ember.Checkbox object should always be set\n through the Ember object or by interacting with its rendered element representation\n via the mouse, keyboard, or touch. Updating the value of the checkbox via jQuery will\n result in the checked value of the object and its element losing synchronization.\n\n ## Layout and LayoutName properties\n Because HTML `input` elements are self closing `layout` and `layoutName` properties will\n not be applied. See `Ember.View`'s layout section for more information.\n\n @class Checkbox\n @namespace Ember\n @extends Ember.View\n*/\nEmber.Checkbox = Ember.View.extend({\n classNames: ['ember-checkbox'],\n\n tagName: 'input',\n\n attributeBindings: ['type', 'checked', 'disabled', 'tabindex'],\n\n type: \"checkbox\",\n checked: false,\n disabled: false,\n\n init: function() {\n this._super();\n this.on(\"change\", this, this._updateElementValue);\n },\n\n _updateElementValue: function() {\n set(this, 'checked', this.$().prop('checked'));\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/checkbox");minispade.register('ember-handlebars/controls/select', "(function() {/*jshint eqeqeq:false */\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar set = Ember.set,\n get = Ember.get,\n indexOf = Ember.EnumerableUtils.indexOf,\n indexesOf = Ember.EnumerableUtils.indexesOf,\n replace = Ember.EnumerableUtils.replace,\n isArray = Ember.isArray;\n\n/**\n The Ember.Select view class renders a\n [select](https://developer.mozilla.org/en/HTML/Element/select) HTML element,\n allowing the user to choose from a list of options. \n\n The text and `value` property of each `\n \n \n \n ```\n\n\n The `value` attribute of the selected `{{/if}}{{#each view.content}}{{view Ember.SelectOption contentBinding=\"this\"}}{{/each}}'),\n attributeBindings: ['multiple', 'disabled', 'tabindex'],\n\n /**\n The `multiple` attribute of the select element. Indicates whether multiple\n options can be selected.\n\n @property multiple\n @type Boolean\n @default false\n */\n multiple: false,\n\n disabled: false,\n\n /**\n The list of options.\n\n If `optionLabelPath` and `optionValuePath` are not overridden, this should\n be a list of strings, which will serve simultaneously as labels and values.\n\n Otherwise, this should be a list of objects. For instance:\n\n content: Ember.A([\n { id: 1, firstName: 'Yehuda' },\n { id: 2, firstName: 'Tom' }\n ]),\n optionLabelPath: 'content.firstName',\n optionValuePath: 'content.id'\n\n @property content\n @type Array\n @default null\n */\n content: null,\n\n /**\n When `multiple` is false, the element of `content` that is currently\n selected, if any.\n\n When `multiple` is true, an array of such elements.\n\n @property selection\n @type Object or Array\n @default null\n */\n selection: null,\n\n /**\n In single selection mode (when `multiple` is false), value can be used to get\n the current selection's value or set the selection by it's value.\n\n It is not currently supported in multiple selection mode.\n\n @property value\n @type String\n @default null\n */\n value: Ember.computed(function(key, value) {\n if (arguments.length === 2) { return value; }\n\n var valuePath = get(this, 'optionValuePath').replace(/^content\\.?/, '');\n return valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection');\n }).property('selection'),\n\n /**\n If given, a top-most dummy option will be rendered to serve as a user\n prompt.\n\n @property prompt\n @type String\n @default null\n */\n prompt: null,\n\n /**\n The path of the option labels. See `content`.\n\n @property optionLabelPath\n @type String\n @default 'content'\n */\n optionLabelPath: 'content',\n\n /**\n The path of the option values. See `content`.\n\n @property optionValuePath\n @type String\n @default 'content'\n */\n optionValuePath: 'content',\n\n _change: function() {\n if (get(this, 'multiple')) {\n this._changeMultiple();\n } else {\n this._changeSingle();\n }\n },\n\n selectionDidChange: Ember.observer(function() {\n var selection = get(this, 'selection');\n if (get(this, 'multiple')) {\n if (!isArray(selection)) {\n set(this, 'selection', Ember.A([selection]));\n return;\n }\n this._selectionDidChangeMultiple();\n } else {\n this._selectionDidChangeSingle();\n }\n }, 'selection.@each'),\n\n valueDidChange: Ember.observer(function() {\n var content = get(this, 'content'),\n value = get(this, 'value'),\n valuePath = get(this, 'optionValuePath').replace(/^content\\.?/, ''),\n selectedValue = (valuePath ? get(this, 'selection.' + valuePath) : get(this, 'selection')),\n selection;\n\n if (value !== selectedValue) {\n selection = content.find(function(obj) {\n return value === (valuePath ? get(obj, valuePath) : obj);\n });\n\n this.set('selection', selection);\n }\n }, 'value'),\n\n\n _triggerChange: function() {\n var selection = get(this, 'selection');\n var value = get(this, 'value');\n\n if (selection) { this.selectionDidChange(); }\n if (value) { this.valueDidChange(); }\n\n this._change();\n },\n\n _changeSingle: function() {\n var selectedIndex = this.$()[0].selectedIndex,\n content = get(this, 'content'),\n prompt = get(this, 'prompt');\n\n if (!content) { return; }\n if (prompt && selectedIndex === 0) { set(this, 'selection', null); return; }\n\n if (prompt) { selectedIndex -= 1; }\n set(this, 'selection', content.objectAt(selectedIndex));\n },\n\n\n _changeMultiple: function() {\n var options = this.$('option:selected'),\n prompt = get(this, 'prompt'),\n offset = prompt ? 1 : 0,\n content = get(this, 'content'),\n selection = get(this, 'selection');\n\n if (!content){ return; }\n if (options) {\n var selectedIndexes = options.map(function(){\n return this.index - offset;\n }).toArray();\n var newSelection = content.objectsAt(selectedIndexes);\n\n if (isArray(selection)) {\n replace(selection, 0, get(selection, 'length'), newSelection);\n } else {\n set(this, 'selection', newSelection);\n }\n }\n },\n\n _selectionDidChangeSingle: function() {\n var el = this.get('element');\n if (!el) { return; }\n\n var content = get(this, 'content'),\n selection = get(this, 'selection'),\n selectionIndex = content ? indexOf(content, selection) : -1,\n prompt = get(this, 'prompt');\n\n if (prompt) { selectionIndex += 1; }\n if (el) { el.selectedIndex = selectionIndex; }\n },\n\n _selectionDidChangeMultiple: function() {\n var content = get(this, 'content'),\n selection = get(this, 'selection'),\n selectedIndexes = content ? indexesOf(content, selection) : [-1],\n prompt = get(this, 'prompt'),\n offset = prompt ? 1 : 0,\n options = this.$('option'),\n adjusted;\n\n if (options) {\n options.each(function() {\n adjusted = this.index > -1 ? this.index - offset : -1;\n this.selected = indexOf(selectedIndexes, adjusted) > -1;\n });\n }\n },\n\n init: function() {\n this._super();\n this.on(\"didInsertElement\", this, this._triggerChange);\n this.on(\"change\", this, this._change);\n }\n});\n\nEmber.SelectOption = Ember.View.extend({\n tagName: 'option',\n attributeBindings: ['value', 'selected'],\n\n defaultTemplate: function(context, options) {\n options = { data: options.data, hash: {} };\n Ember.Handlebars.helpers.bind.call(context, \"view.label\", options);\n },\n\n init: function() {\n this.labelPathDidChange();\n this.valuePathDidChange();\n\n this._super();\n },\n\n selected: Ember.computed(function() {\n var content = get(this, 'content'),\n selection = get(this, 'parentView.selection');\n if (get(this, 'parentView.multiple')) {\n return selection && indexOf(selection, content.valueOf()) > -1;\n } else {\n // Primitives get passed through bindings as objects... since\n // `new Number(4) !== 4`, we use `==` below\n return content == selection;\n }\n }).property('content', 'parentView.selection').volatile(),\n\n labelPathDidChange: Ember.observer(function() {\n var labelPath = get(this, 'parentView.optionLabelPath');\n\n if (!labelPath) { return; }\n\n Ember.defineProperty(this, 'label', Ember.computed(function() {\n return get(this, labelPath);\n }).property(labelPath));\n }, 'parentView.optionLabelPath'),\n\n valuePathDidChange: Ember.observer(function() {\n var valuePath = get(this, 'parentView.optionValuePath');\n\n if (!valuePath) { return; }\n\n Ember.defineProperty(this, 'value', Ember.computed(function() {\n return get(this, valuePath);\n }).property(valuePath));\n }, 'parentView.optionValuePath')\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/select");minispade.register('ember-handlebars/controls/tabs', "(function() {minispade.require(\"ember-handlebars/controls/tabs/tab_container_view\");\nminispade.require(\"ember-handlebars/controls/tabs/tab_pane_view\");\nminispade.require(\"ember-handlebars/controls/tabs/tab_view\");\n\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs");minispade.register('ember-handlebars/controls/tabs/tab_container_view', "(function() {/**\n@module ember\n@submodule ember-handlebars\n*/\n\n/**\n@class TabContainerView\n@namespace Ember\n@deprecated\n@extends Ember.View\n*/\nEmber.TabContainerView = Ember.View.extend({\n init: function() {\n Ember.deprecate(\"Ember.TabContainerView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_container_view");minispade.register('ember-handlebars/controls/tabs/tab_pane_view', "(function() {/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get;\n\n/**\n @class TabPaneView\n @namespace Ember\n @extends Ember.View\n @deprecated\n*/\nEmber.TabPaneView = Ember.View.extend({\n tabsContainer: Ember.computed(function() {\n return this.nearestOfType(Ember.TabContainerView);\n }).property().volatile(),\n\n isVisible: Ember.computed(function() {\n return get(this, 'viewName') === get(this, 'tabsContainer.currentView');\n }).property('tabsContainer.currentView').volatile(),\n\n init: function() {\n Ember.deprecate(\"Ember.TabPaneView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_pane_view");minispade.register('ember-handlebars/controls/tabs/tab_view', "(function() {/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, setPath = Ember.setPath;\n\n/**\n@class TabView\n@namespace Ember\n@extends Ember.View\n@deprecated\n*/\nEmber.TabView = Ember.View.extend({\n tabsContainer: Ember.computed(function() {\n return this.nearestInstanceOf(Ember.TabContainerView);\n }).property().volatile(),\n\n mouseUp: function() {\n setPath(this, 'tabsContainer.currentView', get(this, 'value'));\n },\n\n init: function() {\n Ember.deprecate(\"Ember.TabView is deprecated and will be removed from future releases.\");\n this._super();\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/tabs/tab_view");minispade.register('ember-handlebars/controls/text_area', "(function() {minispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/controls/text_support\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n The `Ember.TextArea` view class renders a\n [textarea](https://developer.mozilla.org/en/HTML/Element/textarea) element.\n It allows for binding Ember properties to the text area contents (`value`),\n live-updating as the user inputs text.\n\n ## Layout and LayoutName properties\n\n Because HTML `textarea` elements do not contain inner HTML the `layout` and `layoutName` \n properties will not be applied. See `Ember.View`'s layout section for more information.\n\n ## HTML Attributes\n\n By default `Ember.TextArea` provides support for `rows`, `cols`, `placeholder`, `disabled`,\n `maxlength` and `tabindex` attributes on a textarea. If you need to support more\n attributes have a look at the `attributeBindings` property in `Ember.View`'s HTML Attributes section.\n\n To globally add support for additional attributes you can reopen `Ember.TextArea` or `Ember.TextSupport`.\n\n ``` javascript\n Ember.TextSupport.reopen({\n attributeBindings: [\"required\"]\n })\n ```\n\n @class TextArea\n @namespace Ember\n @extends Ember.View\n @uses Ember.TextSupport\n*/\nEmber.TextArea = Ember.View.extend(Ember.TextSupport, {\n classNames: ['ember-text-area'],\n\n tagName: \"textarea\",\n attributeBindings: ['rows', 'cols'],\n rows: null,\n cols: null,\n\n _updateElementValue: Ember.observer(function() {\n // We do this check so cursor position doesn't get affected in IE\n var value = get(this, 'value'),\n $el = this.$();\n if ($el && value !== $el.val()) {\n $el.val(value);\n }\n }, 'value'),\n\n init: function() {\n this._super();\n this.on(\"didInsertElement\", this, this._updateElementValue);\n }\n\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_area");minispade.register('ember-handlebars/controls/text_field', "(function() {minispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-handlebars/controls/text_support\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n The `Ember.TextField` view class renders a text\n [input](https://developer.mozilla.org/en/HTML/Element/Input) element. It\n allows for binding Ember properties to the text field contents (`value`),\n live-updating as the user inputs text.\n\n Example:\n\n ``` handlebars\n {{view Ember.TextField valueBinding=\"firstName\"}}\n ```\n\n ## Layout and LayoutName properties\n Because HTML `input` elements are self closing `layout` and `layoutName` properties will\n not be applied. See `Ember.View`'s layout section for more information.\n\n ## HTML Attributes\n\n By default `Ember.TextField` provides support for `type`, `value`, `size`, `placeholder`,\n `disabled`, `maxlength` and `tabindex` attributes on a textarea. If you need to support\n more attributes have a look at the `attributeBindings` property in `Ember.View`'s\n HTML Attributes section.\n\n To globally add support for additional attributes you can reopen `Ember.TextField` or\n `Ember.TextSupport`.\n\n ``` javascript\n Ember.TextSupport.reopen({\n attributeBindings: [\"required\"]\n })\n ```\n\n @class TextField\n @namespace Ember\n @extends Ember.View\n @uses Ember.TextSupport\n*/\nEmber.TextField = Ember.View.extend(Ember.TextSupport,\n /** @scope Ember.TextField.prototype */ {\n\n classNames: ['ember-text-field'],\n tagName: \"input\",\n attributeBindings: ['type', 'value', 'size'],\n\n /**\n The value attribute of the input element. As the user inputs text, this\n property is updated live.\n\n @property value\n @type String\n @default \"\"\n */\n value: \"\",\n\n /**\n The type attribute of the input element.\n\n @property type\n @type String\n @default \"text\"\n */\n type: \"text\",\n\n /**\n The size of the text field in characters.\n\n @property size\n @type String\n @default null\n */\n size: null\n});\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_field");minispade.register('ember-handlebars/controls/text_support', "(function() {minispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/view\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n Shared mixin used by Ember.TextField and Ember.TextArea.\n\n @class TextSupport\n @namespace Ember\n @extends Ember.Mixin\n @private\n*/\nEmber.TextSupport = Ember.Mixin.create({\n value: \"\",\n\n attributeBindings: ['placeholder', 'disabled', 'maxlength', 'tabindex'],\n placeholder: null,\n disabled: false,\n maxlength: null,\n\n insertNewline: Ember.K,\n cancel: Ember.K,\n\n init: function() {\n this._super();\n this.on(\"focusOut\", this, this._elementValueDidChange);\n this.on(\"change\", this, this._elementValueDidChange);\n this.on(\"keyUp\", this, this.interpretKeyEvents);\n },\n\n interpretKeyEvents: function(event) {\n var map = Ember.TextSupport.KEY_EVENTS;\n var method = map[event.keyCode];\n\n this._elementValueDidChange();\n if (method) { return this[method](event); }\n },\n\n _elementValueDidChange: function() {\n set(this, 'value', this.$().val());\n }\n\n});\n\nEmber.TextSupport.KEY_EVENTS = {\n 13: 'insertNewline',\n 27: 'cancel'\n};\n\n})();\n//@ sourceURL=ember-handlebars/controls/text_support");minispade.register('ember-handlebars/ext', "(function() {minispade.require(\"ember-views/system/render_buffer\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar objectCreate = Ember.create;\n\nvar Handlebars = Ember.imports.Handlebars;\nEmber.assert(\"Ember Handlebars requires Handlebars 1.0.beta.5 or greater\", Handlebars && Handlebars.VERSION.match(/^1\\.0\\.beta\\.[56789]$|^1\\.0\\.rc\\.[123456789]+/));\n\n/**\n Prepares the Handlebars templating library for use inside Ember's view\n system.\n\n The Ember.Handlebars object is the standard Handlebars library, extended to use\n Ember's get() method instead of direct property access, which allows\n computed properties to be used inside templates.\n\n To create an Ember.Handlebars template, call Ember.Handlebars.compile(). This will\n return a function that can be used by Ember.View for rendering.\n\n @class Handlebars\n @namespace Ember\n*/\nEmber.Handlebars = objectCreate(Handlebars);\n\n/**\n@class helpers\n@namespace Ember.Handlebars\n*/\nEmber.Handlebars.helpers = objectCreate(Handlebars.helpers);\n\n/**\n Override the the opcode compiler and JavaScript compiler for Handlebars.\n\n @class Compiler\n @namespace Ember.Handlebars\n @private\n @constructor\n*/\nEmber.Handlebars.Compiler = function() {};\n\n// Handlebars.Compiler doesn't exist in runtime-only\nif (Handlebars.Compiler) {\n Ember.Handlebars.Compiler.prototype = objectCreate(Handlebars.Compiler.prototype);\n}\n\nEmber.Handlebars.Compiler.prototype.compiler = Ember.Handlebars.Compiler;\n\n/**\n @class JavaScriptCompiler\n @namespace Ember.Handlebars\n @private\n @constructor\n*/\nEmber.Handlebars.JavaScriptCompiler = function() {};\n\n// Handlebars.JavaScriptCompiler doesn't exist in runtime-only\nif (Handlebars.JavaScriptCompiler) {\n Ember.Handlebars.JavaScriptCompiler.prototype = objectCreate(Handlebars.JavaScriptCompiler.prototype);\n Ember.Handlebars.JavaScriptCompiler.prototype.compiler = Ember.Handlebars.JavaScriptCompiler;\n}\n\n\nEmber.Handlebars.JavaScriptCompiler.prototype.namespace = \"Ember.Handlebars\";\n\n\nEmber.Handlebars.JavaScriptCompiler.prototype.initializeBuffer = function() {\n return \"''\";\n};\n\n/**\n @private\n\n Override the default buffer for Ember Handlebars. By default, Handlebars creates\n an empty String at the beginning of each invocation and appends to it. Ember's\n Handlebars overrides this to append to a single shared buffer.\n\n @method appendToBuffer\n @param string {String}\n*/\nEmber.Handlebars.JavaScriptCompiler.prototype.appendToBuffer = function(string) {\n return \"data.buffer.push(\"+string+\");\";\n};\n\n/**\n @private\n\n Rewrite simple mustaches from `{{foo}}` to `{{bind \"foo\"}}`. This means that all simple\n mustaches in Ember's Handlebars will also set up an observer to keep the DOM\n up to date when the underlying property changes.\n\n @method mustache\n @for Ember.Handlebars.Compiler\n @param mustache\n*/\nEmber.Handlebars.Compiler.prototype.mustache = function(mustache) {\n if (mustache.params.length || mustache.hash) {\n return Handlebars.Compiler.prototype.mustache.call(this, mustache);\n } else {\n var id = new Handlebars.AST.IdNode(['_triageMustache']);\n\n // Update the mustache node to include a hash value indicating whether the original node\n // was escaped. This will allow us to properly escape values when the underlying value\n // changes and we need to re-render the value.\n if(!mustache.escaped) {\n mustache.hash = mustache.hash || new Handlebars.AST.HashNode([]);\n mustache.hash.pairs.push([\"unescaped\", new Handlebars.AST.StringNode(\"true\")]);\n }\n mustache = new Handlebars.AST.MustacheNode([id].concat([mustache.id]), mustache.hash, !mustache.escaped);\n return Handlebars.Compiler.prototype.mustache.call(this, mustache);\n }\n};\n\n/**\n Used for precompilation of Ember Handlebars templates. This will not be used during normal\n app execution.\n\n @method precompile\n @for Ember.Handlebars\n @static\n @param {String} string The template to precompile\n*/\nEmber.Handlebars.precompile = function(string) {\n var ast = Handlebars.parse(string);\n\n var options = {\n knownHelpers: {\n action: true,\n unbound: true,\n bindAttr: true,\n template: true,\n view: true,\n _triageMustache: true\n },\n data: true,\n stringParams: true\n };\n\n var environment = new Ember.Handlebars.Compiler().compile(ast, options);\n return new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);\n};\n\n// We don't support this for Handlebars runtime-only\nif (Handlebars.compile) {\n /**\n The entry point for Ember Handlebars. This replaces the default Handlebars.compile and turns on\n template-local data and String parameters.\n\n @method compile\n @for Ember.Handlebars\n @static\n @param {String} string The template to compile\n @return {Function}\n */\n Ember.Handlebars.compile = function(string) {\n var ast = Handlebars.parse(string);\n var options = { data: true, stringParams: true };\n var environment = new Ember.Handlebars.Compiler().compile(ast, options);\n var templateSpec = new Ember.Handlebars.JavaScriptCompiler().compile(environment, options, undefined, true);\n\n return Handlebars.template(templateSpec);\n };\n}\n\n/**\n @private\n\n If a path starts with a reserved keyword, returns the root\n that should be used.\n\n @method normalizePath\n @for Ember\n @param root {Object}\n @param path {String}\n @param data {Hash}\n*/\nvar normalizePath = Ember.Handlebars.normalizePath = function(root, path, data) {\n var keywords = (data && data.keywords) || {},\n keyword, isKeyword;\n\n // Get the first segment of the path. For example, if the\n // path is \"foo.bar.baz\", returns \"foo\".\n keyword = path.split('.', 1)[0];\n\n // Test to see if the first path is a keyword that has been\n // passed along in the view's data hash. If so, we will treat\n // that object as the new root.\n if (keywords.hasOwnProperty(keyword)) {\n // Look up the value in the template's data hash.\n root = keywords[keyword];\n isKeyword = true;\n\n // Handle cases where the entire path is the reserved\n // word. In that case, return the object itself.\n if (path === keyword) {\n path = '';\n } else {\n // Strip the keyword from the path and look up\n // the remainder from the newly found root.\n path = path.substr(keyword.length+1);\n }\n }\n\n return { root: root, path: path, isKeyword: isKeyword };\n};\n\n\n/**\n Lookup both on root and on window. If the path starts with\n a keyword, the corresponding object will be looked up in the\n template's data hash and used to resolve the path.\n\n @method get\n @for Ember.Handlebars\n @param {Object} root The object to look up the property on\n @param {String} path The path to be lookedup\n @param {Object} options The template's option hash\n*/\nEmber.Handlebars.get = function(root, path, options) {\n var data = options && options.data,\n normalizedPath = normalizePath(root, path, data),\n value;\n\n // In cases where the path begins with a keyword, change the\n // root to the value represented by that keyword, and ensure\n // the path is relative to it.\n root = normalizedPath.root;\n path = normalizedPath.path;\n\n value = Ember.get(root, path);\n\n // If the path starts with a capital letter, look it up on Ember.lookup,\n // which defaults to the `window` object in browsers.\n if (value === undefined && root !== Ember.lookup && Ember.isGlobalPath(path)) {\n value = Ember.get(Ember.lookup, path);\n }\n return value;\n};\nEmber.Handlebars.getPath = Ember.deprecateFunc('`Ember.Handlebars.getPath` has been changed to `Ember.Handlebars.get` for consistency.', Ember.Handlebars.get);\n\n/**\n @private\n\n Registers a helper in Handlebars that will be called if no property with the\n given name can be found on the current context object, and no helper with\n that name is registered.\n\n This throws an exception with a more helpful error message so the user can\n track down where the problem is happening.\n\n @method helperMissing\n @for Ember.Handlebars.helpers\n @param {String} path\n @param {Hash} options\n*/\nEmber.Handlebars.registerHelper('helperMissing', function(path, options) {\n var error, view = \"\";\n\n error = \"%@ Handlebars error: Could not find property '%@' on object %@.\";\n if (options.data){\n view = options.data.view;\n }\n throw new Ember.Error(Ember.String.fmt(error, [view, path, this]));\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/ext");minispade.register('ember-handlebars/helpers', "(function() {minispade.require(\"ember-handlebars/helpers/binding\");\nminispade.require(\"ember-handlebars/helpers/collection\");\nminispade.require(\"ember-handlebars/helpers/view\");\nminispade.require(\"ember-handlebars/helpers/unbound\");\nminispade.require(\"ember-handlebars/helpers/debug\");\nminispade.require(\"ember-handlebars/helpers/each\");\nminispade.require(\"ember-handlebars/helpers/template\");\nminispade.require(\"ember-handlebars/helpers/action\");\nminispade.require(\"ember-handlebars/helpers/yield\");\nminispade.require(\"ember-handlebars/helpers/outlet\");\n\n})();\n//@ sourceURL=ember-handlebars/helpers");minispade.register('ember-handlebars/helpers/action', "(function() {minispade.require('ember-handlebars/ext');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar EmberHandlebars = Ember.Handlebars,\n handlebarsGet = EmberHandlebars.get,\n get = Ember.get,\n a_slice = Array.prototype.slice;\n\nvar ActionHelper = EmberHandlebars.ActionHelper = {\n registeredActions: {}\n};\n\nActionHelper.registerAction = function(actionName, options) {\n var actionId = (++Ember.uuid).toString();\n\n ActionHelper.registeredActions[actionId] = {\n eventName: options.eventName,\n handler: function(event) {\n var modifier = event.shiftKey || event.metaKey || event.altKey || event.ctrlKey,\n secondaryClick = event.which > 1, // IE9 may return undefined\n nonStandard = modifier || secondaryClick;\n\n if (options.link && nonStandard) {\n // Allow the browser to handle special link clicks normally\n return;\n }\n\n event.preventDefault();\n\n event.view = options.view;\n\n if (options.hasOwnProperty('context')) {\n event.context = options.context;\n }\n\n if (options.hasOwnProperty('contexts')) {\n event.contexts = options.contexts;\n }\n\n var target = options.target;\n\n // Check for StateManager (or compatible object)\n if (target.isState && typeof target.send === 'function') {\n return target.send(actionName, event);\n } else {\n Ember.assert(Ember.String.fmt('Target %@ does not have action %@', [target, actionName]), target[actionName]);\n return target[actionName].call(target, event);\n }\n }\n };\n\n options.view.on('willClearRender', function() {\n delete ActionHelper.registeredActions[actionId];\n });\n\n return actionId;\n};\n\n/**\n The `{{action}}` helper registers an HTML element within a template for\n DOM event handling and forwards that interaction to the view's `controller.target`\n or supplied `target` option (see 'Specifying a Target'). By default the\n `controller.target` is set to the Application's router.\n\n User interaction with that element will invoke the supplied action name on\n the appropriate target.\n\n Given the following Handlebars template on the page\n\n ``` handlebars\n \n ```\n\n And application code\n\n ``` javascript\n AView = Ember.View.extend({\n templateName: 'a-template',\n anActionName: function(event){}\n });\n\n aView = AView.create();\n aView.appendTo('body');\n ```\n\n Will results in the following rendered HTML\n\n ``` html\n
\n
\n click me\n
\n
\n ```\n\n Clicking \"click me\" will trigger the `anActionName` method of the `aView`\n object with a `jQuery.Event` object as its argument. The `jQuery.Event`\n object will be extended to include a `view` property that is set to the\n original view interacted with (in this case the `aView` object).\n\n ### Event Propagation\n\n Events triggered through the action helper will automatically have\n `.preventDefault()` called on them. You do not need to do so in your event\n handlers. To stop propagation of the event, simply return `false` from your\n handler.\n\n If you need the default handler to trigger you should either register your\n own event handler, or use event methods on your view class. See Ember.View\n 'Responding to Browser Events' for more information.\n\n ### Specifying DOM event type\n\n By default the `{{action}}` helper registers for DOM `click` events. You can\n supply an `on` option to the helper to specify a different DOM event name:\n\n ``` handlebars\n \n ```\n\n See Ember.View 'Responding to Browser Events' for a list of\n acceptable DOM event names.\n\n Because `{{action}}` depends on Ember's event dispatch system it will only\n function if an `Ember.EventDispatcher` instance is available. An\n `Ember.EventDispatcher` instance will be created when a new\n `Ember.Application` is created. Having an instance of `Ember.Application`\n will satisfy this requirement.\n\n\n ### Specifying a Target\n\n There are several possible target objects for `{{action}}` helpers:\n\n In a typical `Ember.Router`-backed Application where views are managed\n through use of the `{{outlet}}` helper, actions will be forwarded to the\n current state of the Applications's Router. See Ember.Router 'Responding\n to User-initiated Events' for more information.\n\n If you manually set the `target` property on the controller of a template's\n `Ember.View` instance, the specifed `controller.target` will become the target\n for any actions. Likely custom values for a controller's `target` are the\n controller itself or a StateManager other than the Application's Router.\n\n If the templates's view lacks a controller property the view itself is the target.\n\n Finally, a `target` option can be provided to the helper to change which object\n will receive the method call. This option must be a string representing a\n path to an object:\n\n ``` handlebars\n \n ```\n\n Clicking \"click me\" in the rendered HTML of the above template will trigger\n the `anActionName` method of the object at `MyApplication.someObject`.\n The first argument to this method will be a `jQuery.Event` extended to\n include a `view` property that is set to the original view interacted with.\n\n A path relative to the template's `Ember.View` instance can also be used as\n a target:\n\n ``` handlebars\n \n ```\n\n Clicking \"click me\" in the rendered HTML of the above template will trigger\n the `anActionName` method of the view's parent view.\n\n The `{{action}}` helper is `Ember.StateManager` aware. If the target of the\n action is an `Ember.StateManager` instance `{{action}}` will use the `send`\n functionality of StateManagers. The documentation for `Ember.StateManager`\n has additional information about this use.\n\n If an action's target does not implement a method that matches the supplied\n action name an error will be thrown.\n\n ``` handlebars\n \n ```\n\n With the following application code\n\n ``` javascript\n AView = Ember.View.extend({\n templateName; 'a-template',\n // note: no method 'aMethodNameThatIsMissing'\n anActionName: function(event){}\n });\n\n aView = AView.create();\n aView.appendTo('body');\n ```\n\n Will throw `Uncaught TypeError: Cannot call method 'call' of undefined` when\n \"click me\" is clicked.\n\n ### Specifying a context\n\n You may optionally specify objects to pass as contexts to the `{{action}}` helper\n by providing property paths as the subsequent parameters. These objects are made\n available as the `contexts` (also `context` if there is only one) properties in the\n `jQuery.Event` object:\n\n ``` handlebars\n \n ```\n\n Clicking \"click me\" will trigger the `edit` method of the view's context with a\n `jQuery.Event` object containing the person object as its context.\n\n @method action\n @for Ember.Handlebars.helpers\n @param {String} actionName\n @param {Object...} contexts\n @param {Hash} options\n*/\nEmberHandlebars.registerHelper('action', function(actionName) {\n var options = arguments[arguments.length - 1],\n contexts = a_slice.call(arguments, 1, -1);\n\n var hash = options.hash,\n view = options.data.view,\n target, controller, link;\n\n // create a hash to pass along to registerAction\n var action = {\n eventName: hash.on || \"click\"\n };\n\n action.view = view = get(view, 'concreteView');\n\n if (hash.target) {\n target = handlebarsGet(this, hash.target, options);\n } else if (controller = options.data.keywords.controller) {\n target = get(controller, 'target');\n }\n\n action.target = target = target || view;\n\n if (contexts.length) {\n action.contexts = contexts = Ember.EnumerableUtils.map(contexts, function(context) {\n return handlebarsGet(this, context, options);\n }, this);\n action.context = contexts[0];\n }\n\n var output = [], url;\n\n if (hash.href && target.urlForEvent) {\n url = target.urlForEvent.apply(target, [actionName].concat(contexts));\n output.push('href=\"' + url + '\"');\n action.link = true;\n }\n\n var actionId = ActionHelper.registerAction(actionName, action);\n output.push('data-ember-action=\"' + actionId + '\"');\n\n return new EmberHandlebars.SafeString(output.join(\" \"));\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/action");minispade.register('ember-handlebars/helpers/binding', "(function() {minispade.require('ember-handlebars/ext');\nminispade.require('ember-handlebars/views/handlebars_bound_view');\nminispade.require('ember-handlebars/views/metamorph_view');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\nvar handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath;\nvar forEach = Ember.ArrayPolyfills.forEach;\n\nvar EmberHandlebars = Ember.Handlebars, helpers = EmberHandlebars.helpers;\n\n// Binds a property into the DOM. This will create a hook in DOM that the\n// KVO system will look for and update if the property changes.\nfunction bind(property, options, preserveContext, shouldDisplay, valueNormalizer) {\n var data = options.data,\n fn = options.fn,\n inverse = options.inverse,\n view = data.view,\n currentContext = this,\n pathRoot, path, normalized;\n\n normalized = normalizePath(currentContext, property, data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n\n // Set up observers for observable objects\n if ('object' === typeof this) {\n // Create the view that will wrap the output of this template/property\n // and add it to the nearest view's childViews array.\n // See the documentation of Ember._HandlebarsBoundView for more.\n var bindView = view.createChildView(Ember._HandlebarsBoundView, {\n preserveContext: preserveContext,\n shouldDisplayFunc: shouldDisplay,\n valueNormalizerFunc: valueNormalizer,\n displayTemplate: fn,\n inverseTemplate: inverse,\n path: path,\n pathRoot: pathRoot,\n previousContext: currentContext,\n isEscaped: !options.hash.unescaped,\n templateData: options.data\n });\n\n view.appendChild(bindView);\n\n var observer = function() {\n Ember.run.scheduleOnce('render', bindView, 'rerenderIfNeeded');\n };\n\n // Observes the given property on the context and\n // tells the Ember._HandlebarsBoundView to re-render. If property\n // is an empty string, we are printing the current context\n // object ({{this}}) so updating it is not our responsibility.\n if (path !== '') {\n Ember.addObserver(pathRoot, path, observer);\n\n view.one('willClearRender', function() {\n Ember.removeObserver(pathRoot, path, observer);\n });\n }\n } else {\n // The object is not observable, so just render it out and\n // be done with it.\n data.buffer.push(handlebarsGet(pathRoot, path, options));\n }\n}\n\nfunction simpleBind(property, options) {\n var data = options.data,\n view = data.view,\n currentContext = this,\n pathRoot, path, normalized;\n\n normalized = normalizePath(currentContext, property, data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n\n // Set up observers for observable objects\n if ('object' === typeof this) {\n var bindView = Ember._SimpleHandlebarsView.create().setProperties({\n path: path,\n pathRoot: pathRoot,\n isEscaped: !options.hash.unescaped,\n previousContext: currentContext,\n templateData: options.data\n });\n\n view.createChildView(bindView);\n view.appendChild(bindView);\n\n var observer = function() {\n Ember.run.scheduleOnce('render', bindView, 'rerender');\n };\n\n // Observes the given property on the context and\n // tells the Ember._HandlebarsBoundView to re-render. If property\n // is an empty string, we are printing the current context\n // object ({{this}}) so updating it is not our responsibility.\n if (path !== '') {\n Ember.addObserver(pathRoot, path, observer);\n\n view.one('willClearRender', function() {\n Ember.removeObserver(pathRoot, path, observer);\n });\n }\n } else {\n // The object is not observable, so just render it out and\n // be done with it.\n data.buffer.push(handlebarsGet(pathRoot, path, options));\n }\n}\n\n/**\n @private\n\n '_triageMustache' is used internally select between a binding and helper for\n the given context. Until this point, it would be hard to determine if the\n mustache is a property reference or a regular helper reference. This triage\n helper resolves that.\n\n This would not be typically invoked by directly.\n\n @method _triageMustache\n @for Ember.Handlebars.helpers\n @param {String} property Property/helperID to triage\n @param {Function} fn Context to provide for rendering\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('_triageMustache', function(property, fn) {\n Ember.assert(\"You cannot pass more than one argument to the _triageMustache helper\", arguments.length <= 2);\n if (helpers[property]) {\n return helpers[property].call(this, fn);\n }\n else {\n return helpers.bind.apply(this, arguments);\n }\n});\n\n/**\n @private\n\n `bind` can be used to display a value, then update that value if it\n changes. For example, if you wanted to print the `title` property of\n `content`:\n\n ``` handlebars\n {{bind \"content.title\"}}\n ```\n\n This will return the `title` property as a string, then create a new\n observer at the specified path. If it changes, it will update the value in\n DOM. Note that if you need to support IE7 and IE8 you must modify the\n model objects properties using Ember.get() and Ember.set() for this to work as\n it relies on Ember's KVO system. For all other browsers this will be handled\n for you automatically.\n\n @method bind\n @for Ember.Handlebars.helpers\n @param {String} property Property to bind\n @param {Function} fn Context to provide for rendering\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('bind', function(property, options) {\n Ember.assert(\"You cannot pass more than one argument to the bind helper\", arguments.length <= 2);\n\n var context = (options.contexts && options.contexts[0]) || this;\n\n if (!options.fn) {\n return simpleBind.call(context, property, options);\n }\n\n return bind.call(context, property, options, false, function(result) {\n return !Ember.none(result);\n });\n});\n\n/**\n @private\n\n Use the `boundIf` helper to create a conditional that re-evaluates\n whenever the truthiness of the bound value changes.\n\n ``` handlebars\n {{#boundIf \"content.shouldDisplayTitle\"}}\n {{content.title}}\n {{/boundIf}}\n ```\n\n @method boundIf\n @for Ember.Handlebars.helpers\n @param {String} property Property to bind\n @param {Function} fn Context to provide for rendering\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('boundIf', function(property, fn) {\n var context = (fn.contexts && fn.contexts[0]) || this;\n var func = function(result) {\n if (Ember.typeOf(result) === 'array') {\n return get(result, 'length') !== 0;\n } else {\n return !!result;\n }\n };\n\n return bind.call(context, property, fn, true, func, func);\n});\n\n/**\n @method with\n @for Ember.Handlebars.helpers\n @param {Function} context\n @param {Hash} options\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('with', function(context, options) {\n if (arguments.length === 4) {\n var keywordName, path, rootPath, normalized;\n\n Ember.assert(\"If you pass more than one argument to the with helper, it must be in the form #with foo as bar\", arguments[1] === \"as\");\n options = arguments[3];\n keywordName = arguments[2];\n path = arguments[0];\n\n Ember.assert(\"You must pass a block to the with helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n if (Ember.isGlobalPath(path)) {\n Ember.bind(options.data.keywords, keywordName, path);\n } else {\n normalized = normalizePath(this, path, options.data);\n path = normalized.path;\n rootPath = normalized.root;\n\n // This is a workaround for the fact that you cannot bind separate objects\n // together. When we implement that functionality, we should use it here.\n var contextKey = Ember.$.expando + Ember.guidFor(rootPath);\n options.data.keywords[contextKey] = rootPath;\n\n // if the path is '' (\"this\"), just bind directly to the current context\n var contextPath = path ? contextKey + '.' + path : contextKey;\n Ember.bind(options.data.keywords, keywordName, contextPath);\n }\n\n return bind.call(this, path, options, true, function(result) {\n return !Ember.none(result);\n });\n } else {\n Ember.assert(\"You must pass exactly one argument to the with helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the with helper\", options.fn && options.fn !== Handlebars.VM.noop);\n return helpers.bind.call(options.contexts[0], context, options);\n }\n});\n\n\n/**\n See `boundIf`\n\n @method if\n @for Ember.Handlebars.helpers\n @param {Function} context\n @param {Hash} options\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('if', function(context, options) {\n Ember.assert(\"You must pass exactly one argument to the if helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the if helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n return helpers.boundIf.call(options.contexts[0], context, options);\n});\n\n/**\n @method unless\n @for Ember.Handlebars.helpers\n @param {Function} context\n @param {Hash} options\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('unless', function(context, options) {\n Ember.assert(\"You must pass exactly one argument to the unless helper\", arguments.length === 2);\n Ember.assert(\"You must pass a block to the unless helper\", options.fn && options.fn !== Handlebars.VM.noop);\n\n var fn = options.fn, inverse = options.inverse;\n\n options.fn = inverse;\n options.inverse = fn;\n\n return helpers.boundIf.call(options.contexts[0], context, options);\n});\n\n/**\n `bindAttr` allows you to create a binding between DOM element attributes and\n Ember objects. For example:\n\n ``` handlebars\n \"imageTitle\"}}\n ```\n\n @method bindAttr\n @for Ember.Handlebars.helpers\n @param {Hash} options\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('bindAttr', function(options) {\n\n var attrs = options.hash;\n\n Ember.assert(\"You must specify at least one hash argument to bindAttr\", !!Ember.keys(attrs).length);\n\n var view = options.data.view;\n var ret = [];\n var ctx = this;\n\n // Generate a unique id for this element. This will be added as a\n // data attribute to the element so it can be looked up when\n // the bound property changes.\n var dataId = ++Ember.uuid;\n\n // Handle classes differently, as we can bind multiple classes\n var classBindings = attrs['class'];\n if (classBindings !== null && classBindings !== undefined) {\n var classResults = EmberHandlebars.bindClasses(this, classBindings, view, dataId, options);\n ret.push('class=\"' + Handlebars.Utils.escapeExpression(classResults.join(' ')) + '\"');\n delete attrs['class'];\n }\n\n var attrKeys = Ember.keys(attrs);\n\n // For each attribute passed, create an observer and emit the\n // current value of the property as an attribute.\n forEach.call(attrKeys, function(attr) {\n var path = attrs[attr],\n pathRoot, normalized;\n\n Ember.assert(fmt(\"You must provide a String for a bound attribute, not %@\", [path]), typeof path === 'string');\n\n normalized = normalizePath(ctx, path, options.data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n\n var value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options),\n type = Ember.typeOf(value);\n\n Ember.assert(fmt(\"Attributes must be numbers, strings or booleans, not %@\", [value]), value === null || value === undefined || type === 'number' || type === 'string' || type === 'boolean');\n\n var observer, invoker;\n\n observer = function observer() {\n var result = handlebarsGet(pathRoot, path, options);\n\n Ember.assert(fmt(\"Attributes must be numbers, strings or booleans, not %@\", [result]), result === null || result === undefined || typeof result === 'number' || typeof result === 'string' || typeof result === 'boolean');\n\n var elem = view.$(\"[data-bindattr-\" + dataId + \"='\" + dataId + \"']\");\n\n // If we aren't able to find the element, it means the element\n // to which we were bound has been removed from the view.\n // In that case, we can assume the template has been re-rendered\n // and we need to clean up the observer.\n if (!elem || elem.length === 0) {\n Ember.removeObserver(pathRoot, path, invoker);\n return;\n }\n\n Ember.View.applyAttributeBindings(elem, attr, result);\n };\n\n invoker = function() {\n Ember.run.scheduleOnce('render', observer);\n };\n\n // Add an observer to the view for when the property changes.\n // When the observer fires, find the element using the\n // unique data id and update the attribute to the new value.\n if (path !== 'this') {\n Ember.addObserver(pathRoot, path, invoker);\n\n view.one('willClearRender', function() {\n Ember.removeObserver(pathRoot, path, invoker);\n });\n }\n\n // if this changes, also change the logic in ember-views/lib/views/view.js\n if ((type === 'string' || (type === 'number' && !isNaN(value)))) {\n ret.push(attr + '=\"' + Handlebars.Utils.escapeExpression(value) + '\"');\n } else if (value && type === 'boolean') {\n // The developer controls the attr name, so it should always be safe\n ret.push(attr + '=\"' + attr + '\"');\n }\n }, this);\n\n // Add the unique identifier\n // NOTE: We use all lower-case since Firefox has problems with mixed case in SVG\n ret.push('data-bindattr-' + dataId + '=\"' + dataId + '\"');\n return new EmberHandlebars.SafeString(ret.join(' '));\n});\n\n/**\n @private\n\n Helper that, given a space-separated string of property paths and a context,\n returns an array of class names. Calling this method also has the side\n effect of setting up observers at those property paths, such that if they\n change, the correct class name will be reapplied to the DOM element.\n\n For example, if you pass the string \"fooBar\", it will first look up the\n \"fooBar\" value of the context. If that value is true, it will add the\n \"foo-bar\" class to the current element (i.e., the dasherized form of\n \"fooBar\"). If the value is a string, it will add that string as the class.\n Otherwise, it will not add any new class name.\n\n @method bindClasses\n @for Ember.Handlebars\n @param {Ember.Object} context The context from which to lookup properties\n @param {String} classBindings A string, space-separated, of class bindings to use\n @param {Ember.View} view The view in which observers should look for the element to update\n @param {Srting} bindAttrId Optional bindAttr id used to lookup elements\n @return {Array} An array of class names to add\n*/\nEmberHandlebars.bindClasses = function(context, classBindings, view, bindAttrId, options) {\n var ret = [], newClass, value, elem;\n\n // Helper method to retrieve the property from the context and\n // determine which class string to return, based on whether it is\n // a Boolean or not.\n var classStringForPath = function(root, parsedPath, options) {\n var val,\n path = parsedPath.path;\n\n if (path === 'this') {\n val = root;\n } else if (path === '') {\n val = true;\n } else {\n val = handlebarsGet(root, path, options);\n }\n\n return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);\n };\n\n // For each property passed, loop through and setup\n // an observer.\n forEach.call(classBindings.split(' '), function(binding) {\n\n // Variable in which the old class value is saved. The observer function\n // closes over this variable, so it knows which string to remove when\n // the property changes.\n var oldClass;\n\n var observer, invoker;\n\n var parsedPath = Ember.View._parsePropertyPath(binding),\n path = parsedPath.path,\n pathRoot = context,\n normalized;\n\n if (path !== '' && path !== 'this') {\n normalized = normalizePath(context, path, options.data);\n\n pathRoot = normalized.root;\n path = normalized.path;\n }\n\n // Set up an observer on the context. If the property changes, toggle the\n // class name.\n observer = function() {\n // Get the current value of the property\n newClass = classStringForPath(pathRoot, parsedPath, options);\n elem = bindAttrId ? view.$(\"[data-bindattr-\" + bindAttrId + \"='\" + bindAttrId + \"']\") : view.$();\n\n // If we can't find the element anymore, a parent template has been\n // re-rendered and we've been nuked. Remove the observer.\n if (!elem || elem.length === 0) {\n Ember.removeObserver(pathRoot, path, invoker);\n } else {\n // If we had previously added a class to the element, remove it.\n if (oldClass) {\n elem.removeClass(oldClass);\n }\n\n // If necessary, add a new class. Make sure we keep track of it so\n // it can be removed in the future.\n if (newClass) {\n elem.addClass(newClass);\n oldClass = newClass;\n } else {\n oldClass = null;\n }\n }\n };\n\n invoker = function() {\n Ember.run.scheduleOnce('render', observer);\n };\n\n if (path !== '' && path !== 'this') {\n Ember.addObserver(pathRoot, path, invoker);\n\n view.one('willClearRender', function() {\n Ember.removeObserver(pathRoot, path, invoker);\n });\n }\n\n // We've already setup the observer; now we just need to figure out the\n // correct behavior right now on the first pass through.\n value = classStringForPath(pathRoot, parsedPath, options);\n\n if (value) {\n ret.push(value);\n\n // Make sure we save the current value so that it can be removed if the\n // observer fires.\n oldClass = value;\n }\n });\n\n return ret;\n};\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/binding");minispade.register('ember-handlebars/helpers/collection', "(function() {/*globals Handlebars */\n\n// TODO: Don't require all of this module\nminispade.require('ember-handlebars');\nminispade.require('ember-handlebars/helpers/view');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, handlebarsGet = Ember.Handlebars.get, fmt = Ember.String.fmt;\n\n/**\n `{{collection}}` is a `Ember.Handlebars` helper for adding instances of\n `Ember.CollectionView` to a template. See `Ember.CollectionView` for additional\n information on how a `CollectionView` functions.\n\n `{{collection}}`'s primary use is as a block helper with a `contentBinding` option\n pointing towards an `Ember.Array`-compatible object. An `Ember.View` instance will\n be created for each item in its `content` property. Each view will have its own\n `content` property set to the appropriate item in the collection.\n\n The provided block will be applied as the template for each item's view.\n\n Given an empty `` the following template:\n\n ``` handlebars\n \n ```\n\n And the following application code\n\n ``` javascript\n App = Ember.Application.create()\n App.items = [\n Ember.Object.create({name: 'Dave'}),\n Ember.Object.create({name: 'Mary'}),\n Ember.Object.create({name: 'Sara'})\n ]\n ```\n\n Will result in the HTML structure below\n\n ``` html\n
\n
Hi Dave
\n
Hi Mary
\n
Hi Sara
\n
\n ```\n\n ### Blockless Use\n If you provide an `itemViewClass` option that has its own `template` you can omit\n the block.\n\n The following template:\n\n ``` handlebars\n \n ```\n\n And application code\n\n ``` javascript\n App = Ember.Application.create();\n App.items = [\n Ember.Object.create({name: 'Dave'}),\n Ember.Object.create({name: 'Mary'}),\n Ember.Object.create({name: 'Sara'})\n ];\n\n App.AnItemView = Ember.View.extend({\n template: Ember.Handlebars.compile(\"Greetings {{view.content.name}}\")\n });\n ```\n\n Will result in the HTML structure below\n\n ``` html\n
\n
Greetings Dave
\n
Greetings Mary
\n
Greetings Sara
\n
\n ```\n\n ### Specifying a CollectionView subclass\n\n By default the `{{collection}}` helper will create an instance of `Ember.CollectionView`.\n You can supply a `Ember.CollectionView` subclass to the helper by passing it\n as the first argument:\n\n ``` handlebars\n \n ```\n\n\n ### Forwarded `item.*`-named Options\n\n As with the `{{view}}`, helper options passed to the `{{collection}}` will be set on\n the resulting `Ember.CollectionView` as properties. Additionally, options prefixed with\n `item` will be applied to the views rendered for each item (note the camelcasing):\n\n ``` handlebars\n \n ```\n\n Will result in the following HTML structure:\n\n ``` html\n
\n

Howdy Dave

\n

Howdy Mary

\n

Howdy Sara

\n
\n ```\n\n @method collection\n @for Ember.Handlebars.helpers\n @param {String} path\n @param {Hash} options\n @return {String} HTML string\n @deprecated Use `{{each}}` helper instead.\n*/\nEmber.Handlebars.registerHelper('collection', function(path, options) {\n Ember.deprecate(\"Using the {{collection}} helper without specifying a class has been deprecated as the {{each}} helper now supports the same functionality.\", path !== 'collection');\n\n // If no path is provided, treat path param as options.\n if (path && path.data && path.data.isRenderData) {\n options = path;\n path = undefined;\n Ember.assert(\"You cannot pass more than one argument to the collection helper\", arguments.length === 1);\n } else {\n Ember.assert(\"You cannot pass more than one argument to the collection helper\", arguments.length === 2);\n }\n\n var fn = options.fn;\n var data = options.data;\n var inverse = options.inverse;\n\n // If passed a path string, convert that into an object.\n // Otherwise, just default to the standard class.\n var collectionClass;\n collectionClass = path ? handlebarsGet(this, path, options) : Ember.CollectionView;\n Ember.assert(fmt(\"%@ #collection: Could not find collection class %@\", [data.view, path]), !!collectionClass);\n\n var hash = options.hash, itemHash = {}, match;\n\n // Extract item view class if provided else default to the standard class\n var itemViewClass, itemViewPath = hash.itemViewClass;\n var collectionPrototype = collectionClass.proto();\n delete hash.itemViewClass;\n itemViewClass = itemViewPath ? handlebarsGet(collectionPrototype, itemViewPath, options) : collectionPrototype.itemViewClass;\n Ember.assert(fmt(\"%@ #collection: Could not find itemViewClass %@\", [data.view, itemViewPath]), !!itemViewClass);\n\n // Go through options passed to the {{collection}} helper and extract options\n // that configure item views instead of the collection itself.\n for (var prop in hash) {\n if (hash.hasOwnProperty(prop)) {\n match = prop.match(/^item(.)(.*)$/);\n\n if(match) {\n // Convert itemShouldFoo -> shouldFoo\n itemHash[match[1].toLowerCase() + match[2]] = hash[prop];\n // Delete from hash as this will end up getting passed to the\n // {{view}} helper method.\n delete hash[prop];\n }\n }\n }\n\n var tagName = hash.tagName || collectionPrototype.tagName;\n\n if (fn) {\n itemHash.template = fn;\n delete options.fn;\n }\n\n var emptyViewClass;\n if (inverse && inverse !== Handlebars.VM.noop) {\n emptyViewClass = get(collectionPrototype, 'emptyViewClass');\n emptyViewClass = emptyViewClass.extend({\n template: inverse,\n tagName: itemHash.tagName\n });\n } else if (hash.emptyViewClass) {\n emptyViewClass = handlebarsGet(this, hash.emptyViewClass, options);\n }\n hash.emptyView = emptyViewClass;\n\n if (hash.eachHelper === 'each') {\n itemHash._context = Ember.computed(function() {\n return get(this, 'content');\n }).property('content');\n delete hash.eachHelper;\n }\n\n var viewOptions = Ember.Handlebars.ViewHelper.propertiesFromHTMLOptions({ data: data, hash: itemHash }, this);\n hash.itemViewClass = itemViewClass.extend(viewOptions);\n\n return Ember.Handlebars.helpers.view.call(this, collectionClass, options);\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/collection");minispade.register('ember-handlebars/helpers/debug', "(function() {/*jshint debug:true*/\nminispade.require('ember-handlebars/ext');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar handlebarsGet = Ember.Handlebars.get, normalizePath = Ember.Handlebars.normalizePath;\n\n/**\n `log` allows you to output the value of a value in the current rendering\n context.\n\n ``` handlebars\n {{log myVariable}}\n ```\n\n @method log\n @for Ember.Handlebars.helpers\n @param {String} property\n*/\nEmber.Handlebars.registerHelper('log', function(property, options) {\n var context = (options.contexts && options.contexts[0]) || this,\n normalized = normalizePath(context, property, options.data),\n pathRoot = normalized.root,\n path = normalized.path,\n value = (path === 'this') ? pathRoot : handlebarsGet(pathRoot, path, options);\n Ember.Logger.log(value);\n});\n\n/**\n The `debugger` helper executes the `debugger` statement in the current\n context.\n\n ``` handlebars\n {{debugger}}\n ```\n\n @method debugger\n @for Ember.Handlebars.helpers\n @param {String} property\n*/\nEmber.Handlebars.registerHelper('debugger', function() {\n debugger;\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/debug");minispade.register('ember-handlebars/helpers/each', "(function() {minispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-views/views/collection_view\");\nminispade.require(\"ember-handlebars/views/metamorph_view\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\nEmber.Handlebars.EachView = Ember.CollectionView.extend(Ember._Metamorph, {\n itemViewClass: Ember._MetamorphView,\n emptyViewClass: Ember._MetamorphView,\n\n createChildView: function(view, attrs) {\n view = this._super(view, attrs);\n\n // At the moment, if a container view subclass wants\n // to insert keywords, it is responsible for cloning\n // the keywords hash. This will be fixed momentarily.\n var keyword = get(this, 'keyword');\n\n if (keyword) {\n var data = get(view, 'templateData');\n\n data = Ember.copy(data);\n data.keywords = view.cloneKeywords();\n set(view, 'templateData', data);\n\n var content = get(view, 'content');\n\n // In this case, we do not bind, because the `content` of\n // a #each item cannot change.\n data.keywords[keyword] = content;\n }\n\n return view;\n }\n});\n\n/**\n The `{{#each}}` helper loops over elements in a collection, rendering its block once for each item:\n\n ``` javascript\n Developers = [{name: 'Yehuda'},{name: 'Tom'}, {name: 'Paul'}];\n ```\n\n ``` handlebars\n {{#each Developers}}\n {{name}}\n {{/each}}\n ```\n\n `{{each}}` supports an alternative syntax with element naming:\n\n ``` handlebars\n {{#each person in Developers}}\n {{person.name}}\n {{/each}}\n ```\n\n When looping over objects that do not have properties, `{{this}}` can be used to render the object:\n\n ``` javascript\n DeveloperNames = ['Yehuda', 'Tom', 'Paul']\n ```\n\n ``` handlebars\n {{#each DeveloperNames}}\n {{this}}\n {{/each}}\n ```\n\n ### Blockless Use\n\n If you provide an `itemViewClass` option that has its own `template` you can omit\n the block in a similar way to how it can be done with the collection helper.\n\n The following template:\n\n ``` handlebars\n \n ```\n\n And application code\n\n ``` javascript\n App = Ember.Application.create({\n MyView: Ember.View.extend({\n items: [\n Ember.Object.create({name: 'Dave'}),\n Ember.Object.create({name: 'Mary'}),\n Ember.Object.create({name: 'Sara'})\n ]\n })\n });\n\n App.AnItemView = Ember.View.extend({\n template: Ember.Handlebars.compile(\"Greetings {{name}}\")\n });\n \n App.initialize();\n ```\n \n Will result in the HTML structure below\n\n ``` html\n
\n
Greetings Dave
\n
Greetings Mary
\n
Greetings Sara
\n
\n ```\n\n\n @method each\n @for Ember.Handlebars.helpers\n @param [name] {String} name for item (used with `in`)\n @param path {String} path\n*/\nEmber.Handlebars.registerHelper('each', function(path, options) {\n if (arguments.length === 4) {\n Ember.assert(\"If you pass more than one argument to the each helper, it must be in the form #each foo in bar\", arguments[1] === \"in\");\n\n var keywordName = arguments[0];\n\n options = arguments[3];\n path = arguments[2];\n if (path === '') { path = \"this\"; }\n\n options.hash.keyword = keywordName;\n } else {\n options.hash.eachHelper = 'each';\n }\n\n options.hash.contentBinding = path;\n // Set up emptyView as a metamorph with no tag\n //options.hash.emptyViewClass = Ember._MetamorphView;\n\n return Ember.Handlebars.helpers.collection.call(this, 'Ember.Handlebars.EachView', options);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/each");minispade.register('ember-handlebars/helpers/outlet', "(function() {minispade.require('ember-handlebars/helpers/view');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nEmber.Handlebars.OutletView = Ember.ContainerView.extend(Ember._Metamorph);\n\n/**\n The `outlet` helper allows you to specify that the current\n view's controller will fill in the view for a given area.\n\n ``` handlebars\n {{outlet}}\n ```\n\n By default, when the the current controller's `view` property changes, the\n outlet will replace its current view with the new view. You can set the\n `view` property directly, but it's normally best to use `connectOutlet`.\n\n ``` javascript\n # Instantiate App.PostsView and assign to `view`, so as to render into outlet.\n controller.connectOutlet('posts');\n ```\n\n You can also specify a particular name other than `view`:\n\n ``` handlebars\n {{outlet masterView}}\n {{outlet detailView}}\n ```\n\n Then, you can control several outlets from a single controller.\n\n ``` javascript\n # Instantiate App.PostsView and assign to controller.masterView.\n controller.connectOutlet('masterView', 'posts');\n # Also, instantiate App.PostInfoView and assign to controller.detailView.\n controller.connectOutlet('detailView', 'postInfo');\n ```\n\n @method outlet\n @for Ember.Handlebars.helpers\n @param {String} property the property on the controller\n that holds the view for this outlet\n*/\nEmber.Handlebars.registerHelper('outlet', function(property, options) {\n if (property && property.data && property.data.isRenderData) {\n options = property;\n property = 'view';\n }\n\n options.hash.currentViewBinding = \"view.context.\" + property;\n\n return Ember.Handlebars.helpers.view.call(this, Ember.Handlebars.OutletView, options);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/outlet");minispade.register('ember-handlebars/helpers/template', "(function() {minispade.require('ember-handlebars/ext');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\n/**\n `template` allows you to render a template from inside another template.\n This allows you to re-use the same template in multiple places. For example:\n\n ``` handlebars\n \n\n \n ```\n\n This helper looks for templates in the global Ember.TEMPLATES hash. If you\n add <script> tags to your page with the `data-template-name` attribute set,\n they will be compiled and placed in this hash automatically.\n\n You can also manually register templates by adding them to the hash:\n\n ``` javascript\n Ember.TEMPLATES[\"my_cool_template\"] = Ember.Handlebars.compile('{{user}}');\n ```\n\n @method template\n @for Ember.Handlebars.helpers\n @param {String} templateName the template to render\n*/\n\nEmber.Handlebars.registerHelper('template', function(name, options) {\n var template = Ember.TEMPLATES[name];\n\n Ember.assert(\"Unable to find template with name '\"+name+\"'.\", !!template);\n\n Ember.TEMPLATES[name](this, { data: options.data });\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/template");minispade.register('ember-handlebars/helpers/unbound', "(function() {/*globals Handlebars */\nminispade.require('ember-handlebars/ext');\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar handlebarsGet = Ember.Handlebars.get;\n\n/**\n `unbound` allows you to output a property without binding. *Important:* The\n output will not be updated if the property changes. Use with caution.\n\n ``` handlebars\n
{{unbound somePropertyThatDoesntChange}}
\n ```\n\n @method unbound\n @for Ember.Handlebars.helpers\n @param {String} property\n @return {String} HTML string\n*/\nEmber.Handlebars.registerHelper('unbound', function(property, fn) {\n var context = (fn.contexts && fn.contexts[0]) || this;\n return handlebarsGet(context, property, fn);\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/unbound");minispade.register('ember-handlebars/helpers/view', "(function() {/*globals Handlebars */\n\n// TODO: Don't require the entire module\nminispade.require(\"ember-handlebars\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\nvar PARENT_VIEW_PATH = /^parentView\\./;\nvar EmberHandlebars = Ember.Handlebars;\n\nEmberHandlebars.ViewHelper = Ember.Object.create({\n\n propertiesFromHTMLOptions: function(options, thisContext) {\n var hash = options.hash, data = options.data;\n var extensions = {},\n classes = hash['class'],\n dup = false;\n\n if (hash.id) {\n extensions.elementId = hash.id;\n dup = true;\n }\n\n if (classes) {\n classes = classes.split(' ');\n extensions.classNames = classes;\n dup = true;\n }\n\n if (hash.classBinding) {\n extensions.classNameBindings = hash.classBinding.split(' ');\n dup = true;\n }\n\n if (hash.classNameBindings) {\n if (extensions.classNameBindings === undefined) extensions.classNameBindings = [];\n extensions.classNameBindings = extensions.classNameBindings.concat(hash.classNameBindings.split(' '));\n dup = true;\n }\n\n if (hash.attributeBindings) {\n Ember.assert(\"Setting 'attributeBindings' via Handlebars is not allowed. Please subclass Ember.View and set it there instead.\");\n extensions.attributeBindings = null;\n dup = true;\n }\n\n if (dup) {\n hash = Ember.$.extend({}, hash);\n delete hash.id;\n delete hash['class'];\n delete hash.classBinding;\n }\n\n // Set the proper context for all bindings passed to the helper. This applies to regular attribute bindings\n // as well as class name bindings. If the bindings are local, make them relative to the current context\n // instead of the view.\n var path;\n\n // Evaluate the context of regular attribute bindings:\n for (var prop in hash) {\n if (!hash.hasOwnProperty(prop)) { continue; }\n\n // Test if the property ends in \"Binding\"\n if (Ember.IS_BINDING.test(prop) && typeof hash[prop] === 'string') {\n path = this.contextualizeBindingPath(hash[prop], data);\n if (path) { hash[prop] = path; }\n }\n }\n\n // Evaluate the context of class name bindings:\n if (extensions.classNameBindings) {\n for (var b in extensions.classNameBindings) {\n var full = extensions.classNameBindings[b];\n if (typeof full === 'string') {\n // Contextualize the path of classNameBinding so this:\n //\n // classNameBinding=\"isGreen:green\"\n //\n // is converted to this:\n //\n // classNameBinding=\"bindingContext.isGreen:green\"\n var parsedPath = Ember.View._parsePropertyPath(full);\n path = this.contextualizeBindingPath(parsedPath.path, data);\n if (path) { extensions.classNameBindings[b] = path + parsedPath.classNames; }\n }\n }\n }\n\n // Make the current template context available to the view\n // for the bindings set up above.\n extensions.bindingContext = thisContext;\n\n return Ember.$.extend(hash, extensions);\n },\n\n // Transform bindings from the current context to a context that can be evaluated within the view.\n // Returns null if the path shouldn't be changed.\n //\n // TODO: consider the addition of a prefix that would allow this method to return `path`.\n contextualizeBindingPath: function(path, data) {\n var normalized = Ember.Handlebars.normalizePath(null, path, data);\n if (normalized.isKeyword) {\n return 'templateData.keywords.' + path;\n } else if (Ember.isGlobalPath(path)) {\n return null;\n } else if (path === 'this') {\n return 'bindingContext';\n } else {\n return 'bindingContext.' + path;\n }\n },\n\n helper: function(thisContext, path, options) {\n var inverse = options.inverse,\n data = options.data,\n view = data.view,\n fn = options.fn,\n hash = options.hash,\n newView;\n\n if ('string' === typeof path) {\n newView = EmberHandlebars.get(thisContext, path, options);\n Ember.assert(\"Unable to find view at path '\" + path + \"'\", !!newView);\n } else {\n newView = path;\n }\n\n Ember.assert(Ember.String.fmt('You must pass a view class to the #view helper, not %@ (%@)', [path, newView]), Ember.View.detect(newView));\n\n var viewOptions = this.propertiesFromHTMLOptions(options, thisContext);\n var currentView = data.view;\n viewOptions.templateData = options.data;\n\n if (fn) {\n Ember.assert(\"You cannot provide a template block if you also specified a templateName\", !get(viewOptions, 'templateName') && !get(newView.proto(), 'templateName'));\n viewOptions.template = fn;\n }\n\n // We only want to override the `_context` computed property if there is\n // no specified controller. See View#_context for more information.\n if (!newView.proto().controller && !newView.proto().controllerBinding && !viewOptions.controller && !viewOptions.controllerBinding) {\n viewOptions._context = thisContext;\n }\n\n currentView.appendChild(newView, viewOptions);\n }\n});\n\n/**\n `{{view}}` inserts a new instance of `Ember.View` into a template passing its options\n to the `Ember.View`'s `create` method and using the supplied block as the view's own template.\n\n An empty `` and the following template:\n\n ``` handlebars\n \n ```\n\n Will result in HTML structure:\n\n ``` html\n \n \n\n
\n A span:\n \n Hello.\n \n
\n \n ```\n\n ### parentView setting\n\n The `parentView` property of the new `Ember.View` instance created through `{{view}}`\n will be set to the `Ember.View` instance of the template where `{{view}}` was called.\n\n ``` javascript\n aView = Ember.View.create({\n template: Ember.Handlebars.compile(\"{{#view}} my parent: {{parentView.elementId}} {{/view}}\")\n });\n\n aView.appendTo('body');\n ```\n \n Will result in HTML structure:\n\n ``` html\n
\n
\n my parent: ember1\n
\n
\n ```\n\n ### Setting CSS id and class attributes\n\n The HTML `id` attribute can be set on the `{{view}}`'s resulting element with the `id` option.\n This option will _not_ be passed to `Ember.View.create`.\n\n ``` handlebars\n \n ```\n\n Results in the following HTML structure:\n\n ``` html\n
\n \n hello.\n \n
\n ```\n\n The HTML `class` attribute can be set on the `{{view}}`'s resulting element with\n the `class` or `classNameBindings` options. The `class` option\n will directly set the CSS `class` attribute and will not be passed to\n `Ember.View.create`. `classNameBindings` will be passed to `create` and use\n `Ember.View`'s class name binding functionality:\n\n ``` handlebars\n \n ```\n\n Results in the following HTML structure:\n\n ``` html\n
\n \n hello.\n \n
\n ```\n\n ### Supplying a different view class\n\n `{{view}}` can take an optional first argument before its supplied options to specify a\n path to a custom view class.\n\n ``` handlebars\n \n ```\n\n The first argument can also be a relative path. Ember will search for the view class\n starting at the `Ember.View` of the template where `{{view}}` was used as the root object:\n\n ``` javascript\n MyApp = Ember.Application.create({});\n MyApp.OuterView = Ember.View.extend({\n innerViewClass: Ember.View.extend({\n classNames: ['a-custom-view-class-as-property']\n }),\n template: Ember.Handlebars.compile('{{#view \"innerViewClass\"}} hi {{/view}}')\n });\n\n MyApp.OuterView.create().appendTo('body');\n ```\n\n Will result in the following HTML:\n\n ``` html\n
\n
\n hi\n
\n
\n ```\n\n ### Blockless use\n\n If you supply a custom `Ember.View` subclass that specifies its own template\n or provide a `templateName` option to `{{view}}` it can be used without supplying a block.\n Attempts to use both a `templateName` option and supply a block will throw an error.\n\n ``` handlebars\n \n ```\n\n ### viewName property\n\n You can supply a `viewName` option to `{{view}}`. The `Ember.View` instance will\n be referenced as a property of its parent view by this name.\n\n ``` javascript\n aView = Ember.View.create({\n template: Ember.Handlebars.compile('{{#view viewName=\"aChildByName\"}} hi {{/view}}')\n });\n\n aView.appendTo('body');\n aView.get('aChildByName') // the instance of Ember.View created by {{view}} helper\n ```\n\n @method view\n @for Ember.Handlebars.helpers\n @param {String} path\n @param {Hash} options\n @return {String} HTML string\n*/\nEmberHandlebars.registerHelper('view', function(path, options) {\n Ember.assert(\"The view helper only takes a single argument\", arguments.length <= 2);\n\n // If no path is provided, treat path param as options.\n if (path && path.data && path.data.isRenderData) {\n options = path;\n path = \"Ember.View\";\n }\n\n return EmberHandlebars.ViewHelper.helper(this, path, options);\n});\n\n\n})();\n//@ sourceURL=ember-handlebars/helpers/view");minispade.register('ember-handlebars/helpers/yield', "(function() {/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n\n When used in a Handlebars template that is assigned to an `Ember.View` instance's\n `layout` property Ember will render the layout template first, inserting the view's\n own rendered output at the `{{ yield }}` location.\n\n An empty `` and the following application code:\n\n ``` javascript\n AView = Ember.View.extend({\n classNames: ['a-view-with-layout'],\n layout: Ember.Handlebars.compile('
{{ yield }}
'),\n template: Ember.Handlebars.compile('I am wrapped')\n });\n\n aView = AView.create();\n aView.appendTo('body');\n ```\n\n Will result in the following HTML output:\n\n ``` html\n \n
\n
\n I am wrapped\n
\n
\n \n ```\n\n The yield helper cannot be used outside of a template assigned to an `Ember.View`'s `layout` property\n and will throw an error if attempted.\n\n ``` javascript\n BView = Ember.View.extend({\n classNames: ['a-view-with-layout'],\n template: Ember.Handlebars.compile('{{yield}}')\n });\n\n bView = BView.create();\n bView.appendTo('body');\n\n // throws\n // Uncaught Error: assertion failed: You called yield in a template that was not a layout\n ```\n\n @method yield\n @for Ember.Handlebars.helpers\n @param {Hash} options\n @return {String} HTML string\n*/\nEmber.Handlebars.registerHelper('yield', function(options) {\n var view = options.data.view, template;\n\n while (view && !get(view, 'layout')) {\n view = get(view, 'parentView');\n }\n\n Ember.assert(\"You called yield in a template that was not a layout\", !!view);\n\n template = get(view, 'template');\n\n if (template) { template(this, options); }\n});\n\n})();\n//@ sourceURL=ember-handlebars/helpers/yield");minispade.register('ember-handlebars/loader', "(function() {/*globals Handlebars */\nminispade.require(\"ember-handlebars/ext\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\n/**\n @private\n\n Find templates stored in the head tag as script tags and make them available\n to Ember.CoreView in the global Ember.TEMPLATES object. This will be run as as\n jQuery DOM-ready callback.\n\n Script tags with \"text/x-handlebars\" will be compiled\n with Ember's Handlebars and are suitable for use as a view's template.\n Those with type=\"text/x-raw-handlebars\" will be compiled with regular\n Handlebars and are suitable for use in views' computed properties.\n\n @method bootstrap\n @for Ember.Handlebars\n @static\n @param ctx\n*/\nEmber.Handlebars.bootstrap = function(ctx) {\n var selectors = 'script[type=\"text/x-handlebars\"], script[type=\"text/x-raw-handlebars\"]';\n\n Ember.$(selectors, ctx)\n .each(function() {\n // Get a reference to the script tag\n var script = Ember.$(this),\n type = script.attr('type');\n\n var compile = (script.attr('type') === 'text/x-raw-handlebars') ?\n Ember.$.proxy(Handlebars.compile, Handlebars) :\n Ember.$.proxy(Ember.Handlebars.compile, Ember.Handlebars),\n // Get the name of the script, used by Ember.View's templateName property.\n // First look for data-template-name attribute, then fall back to its\n // id if no name is found.\n templateName = script.attr('data-template-name') || script.attr('id') || 'application',\n template = compile(script.html());\n\n // For templates which have a name, we save them and then remove them from the DOM\n Ember.TEMPLATES[templateName] = template;\n\n // Remove script tag from DOM\n script.remove();\n });\n};\n\nfunction bootstrap() {\n Ember.Handlebars.bootstrap( Ember.$(document) );\n}\n\n/*\n We tie this to application.load to ensure that we've at least\n attempted to bootstrap at the point that the application is loaded.\n\n We also tie this to document ready since we're guaranteed that all\n the inline templates are present at this point.\n\n There's no harm to running this twice, since we remove the templates\n from the DOM after processing.\n*/\n\nEmber.onLoad('application', bootstrap);\n\n})();\n//@ sourceURL=ember-handlebars/loader");minispade.register('ember-handlebars', "(function() {minispade.require(\"ember-runtime\");\nminispade.require(\"ember-views\");\nminispade.require(\"ember-handlebars/ext\");\nminispade.require(\"ember-handlebars/string\");\nminispade.require(\"ember-handlebars/helpers\");\nminispade.require(\"ember-handlebars/views\");\nminispade.require(\"ember-handlebars/controls\");\nminispade.require(\"ember-handlebars/loader\");\n\n/**\nEmber Handlebars\n\n@module ember\n@submodule ember-handlebars\n@requires ember-views\n*/\n\n})();\n//@ sourceURL=ember-handlebars");minispade.register('ember-handlebars/string', "(function() {/**\n @method htmlSafe\n @for Ember.String\n @static\n*/\nEmber.String.htmlSafe = function(str) {\n return new Handlebars.SafeString(str);\n};\n\nvar htmlSafe = Ember.String.htmlSafe;\n\nif (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) {\n\n /**\n See {{#crossLink \"Ember.String/htmlSafe\"}}{{/crossLink}}\n\n @method htmlSafe\n @for String\n */\n String.prototype.htmlSafe = function() {\n return htmlSafe(this);\n };\n}\n\n})();\n//@ sourceURL=ember-handlebars/string");minispade.register('ember-handlebars/views', "(function() {minispade.require(\"ember-handlebars/views/handlebars_bound_view\");\nminispade.require(\"ember-handlebars/views/metamorph_view\");\n\n})();\n//@ sourceURL=ember-handlebars/views");minispade.register('ember-handlebars/views/handlebars_bound_view', "(function() {/*globals Handlebars */\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar get = Ember.get, set = Ember.set, handlebarsGet = Ember.Handlebars.get;\nminispade.require('ember-views/views/view');\nminispade.require('ember-handlebars/views/metamorph_view');\n\nEmber._SimpleHandlebarsView = Ember._SimpleMetamorphView.extend({\n instrumentName: 'render.simpleHandlebars',\n\n normalizedValue: Ember.computed(function() {\n var path = get(this, 'path'),\n pathRoot = get(this, 'pathRoot'),\n result, templateData;\n\n // Use the pathRoot as the result if no path is provided. This\n // happens if the path is `this`, which gets normalized into\n // a `pathRoot` of the current Handlebars context and a path\n // of `''`.\n if (path === '') {\n result = pathRoot;\n } else {\n templateData = get(this, 'templateData');\n result = handlebarsGet(pathRoot, path, { data: templateData });\n }\n\n return result;\n }).property('path', 'pathRoot').volatile(),\n\n render: function(buffer) {\n // If not invoked via a triple-mustache ({{{foo}}}), escape\n // the content of the template.\n var escape = get(this, 'isEscaped');\n var result = get(this, 'normalizedValue');\n\n if (result === null || result === undefined) {\n result = \"\";\n } else if (!(result instanceof Handlebars.SafeString)) {\n result = String(result);\n }\n\n if (escape) { result = Handlebars.Utils.escapeExpression(result); }\n buffer.push(result);\n return;\n },\n\n rerender: function() {\n switch(this.state) {\n case 'preRender':\n case 'destroyed':\n break;\n case 'inBuffer':\n throw new Error(\"Something you did tried to replace an {{expression}} before it was inserted into the DOM.\");\n case 'hasElement':\n case 'inDOM':\n this.domManager.replace(this);\n break;\n }\n\n return this;\n },\n\n transitionTo: function(state) {\n this.state = state;\n }\n});\n\n/**\n Ember._HandlebarsBoundView is a private view created by the Handlebars `{{bind}}`\n helpers that is used to keep track of bound properties.\n\n Every time a property is bound using a `{{mustache}}`, an anonymous subclass\n of Ember._HandlebarsBoundView is created with the appropriate sub-template and\n context set up. When the associated property changes, just the template for\n this view will re-render.\n\n @class _HandlebarsBoundView\n @namespace Ember\n @extends Ember._MetamorphView\n @private\n*/\nEmber._HandlebarsBoundView = Ember._MetamorphView.extend({\n instrumentName: 'render.boundHandlebars',\n\n /**\n The function used to determine if the `displayTemplate` or\n `inverseTemplate` should be rendered. This should be a function that takes\n a value and returns a Boolean.\n\n @property shouldDisplayFunc\n @type Function\n @default null\n */\n shouldDisplayFunc: null,\n\n /**\n Whether the template rendered by this view gets passed the context object\n of its parent template, or gets passed the value of retrieving `path`\n from the `pathRoot`.\n\n For example, this is true when using the `{{#if}}` helper, because the\n template inside the helper should look up properties relative to the same\n object as outside the block. This would be false when used with `{{#with\n foo}}` because the template should receive the object found by evaluating\n `foo`.\n\n @property preserveContext\n @type Boolean\n @default false\n */\n preserveContext: false,\n\n /**\n If `preserveContext` is true, this is the object that will be used\n to render the template.\n\n @property previousContext\n @type Object\n */\n previousContext: null,\n\n /**\n The template to render when `shouldDisplayFunc` evaluates to true.\n\n @property displayTemplate\n @type Function\n @default null\n */\n displayTemplate: null,\n\n /**\n The template to render when `shouldDisplayFunc` evaluates to false.\n\n @property inverseTemplate\n @type Function\n @default null\n */\n inverseTemplate: null,\n\n\n /**\n The path to look up on `pathRoot` that is passed to\n `shouldDisplayFunc` to determine which template to render.\n\n In addition, if `preserveContext` is false, the object at this path will\n be passed to the template when rendering.\n\n @property path\n @type String\n @default null\n */\n path: null,\n\n /**\n The object from which the `path` will be looked up. Sometimes this is the\n same as the `previousContext`, but in cases where this view has been generated\n for paths that start with a keyword such as `view` or `controller`, the\n path root will be that resolved object.\n\n @property pathRoot\n @type Object\n */\n pathRoot: null,\n\n normalizedValue: Ember.computed(function() {\n var path = get(this, 'path'),\n pathRoot = get(this, 'pathRoot'),\n valueNormalizer = get(this, 'valueNormalizerFunc'),\n result, templateData;\n\n // Use the pathRoot as the result if no path is provided. This\n // happens if the path is `this`, which gets normalized into\n // a `pathRoot` of the current Handlebars context and a path\n // of `''`.\n if (path === '') {\n result = pathRoot;\n } else {\n templateData = get(this, 'templateData');\n result = handlebarsGet(pathRoot, path, { data: templateData });\n }\n\n return valueNormalizer ? valueNormalizer(result) : result;\n }).property('path', 'pathRoot', 'valueNormalizerFunc').volatile(),\n\n rerenderIfNeeded: function() {\n if (!get(this, 'isDestroyed') && get(this, 'normalizedValue') !== this._lastNormalizedValue) {\n this.rerender();\n }\n },\n\n /**\n Determines which template to invoke, sets up the correct state based on\n that logic, then invokes the default Ember.View `render` implementation.\n\n This method will first look up the `path` key on `pathRoot`,\n then pass that value to the `shouldDisplayFunc` function. If that returns\n true, the `displayTemplate` function will be rendered to DOM. Otherwise,\n `inverseTemplate`, if specified, will be rendered.\n\n For example, if this Ember._HandlebarsBoundView represented the `{{#with foo}}`\n helper, it would look up the `foo` property of its context, and\n `shouldDisplayFunc` would always return true. The object found by looking\n up `foo` would be passed to `displayTemplate`.\n\n @method render\n @param {Ember.RenderBuffer} buffer\n */\n render: function(buffer) {\n // If not invoked via a triple-mustache ({{{foo}}}), escape\n // the content of the template.\n var escape = get(this, 'isEscaped');\n\n var shouldDisplay = get(this, 'shouldDisplayFunc'),\n preserveContext = get(this, 'preserveContext'),\n context = get(this, 'previousContext');\n\n var inverseTemplate = get(this, 'inverseTemplate'),\n displayTemplate = get(this, 'displayTemplate');\n\n var result = get(this, 'normalizedValue');\n this._lastNormalizedValue = result;\n\n // First, test the conditional to see if we should\n // render the template or not.\n if (shouldDisplay(result)) {\n set(this, 'template', displayTemplate);\n\n // If we are preserving the context (for example, if this\n // is an #if block, call the template with the same object.\n if (preserveContext) {\n set(this, '_context', context);\n } else {\n // Otherwise, determine if this is a block bind or not.\n // If so, pass the specified object to the template\n if (displayTemplate) {\n set(this, '_context', result);\n } else {\n // This is not a bind block, just push the result of the\n // expression to the render context and return.\n if (result === null || result === undefined) {\n result = \"\";\n } else if (!(result instanceof Handlebars.SafeString)) {\n result = String(result);\n }\n\n if (escape) { result = Handlebars.Utils.escapeExpression(result); }\n buffer.push(result);\n return;\n }\n }\n } else if (inverseTemplate) {\n set(this, 'template', inverseTemplate);\n\n if (preserveContext) {\n set(this, '_context', context);\n } else {\n set(this, '_context', result);\n }\n } else {\n set(this, 'template', function() { return ''; });\n }\n\n return this._super(buffer);\n }\n});\n\n})();\n//@ sourceURL=ember-handlebars/views/handlebars_bound_view");minispade.register('ember-handlebars/views/metamorph_view', "(function() {/*jshint newcap:false*/\nminispade.require(\"metamorph\");\nminispade.require(\"ember-views/views/view\");\n\n/**\n@module ember\n@submodule ember-handlebars\n*/\n\nvar set = Ember.set, get = Ember.get;\n\n// DOMManager should just abstract dom manipulation between jquery and metamorph\nvar DOMManager = {\n remove: function(view) {\n view.morph.remove();\n },\n\n prepend: function(view, html) {\n view.morph.prepend(html);\n },\n\n after: function(view, html) {\n view.morph.after(html);\n },\n\n html: function(view, html) {\n view.morph.html(html);\n },\n\n // This is messed up.\n replace: function(view) {\n var morph = view.morph;\n\n view.transitionTo('preRender');\n view.clearRenderedChildren();\n var buffer = view.renderToBuffer();\n\n Ember.run.schedule('render', this, function() {\n if (get(view, 'isDestroyed')) { return; }\n view.invalidateRecursively('element');\n view._notifyWillInsertElement();\n morph.replaceWith(buffer.string());\n view.transitionTo('inDOM');\n view._notifyDidInsertElement();\n });\n },\n\n empty: function(view) {\n view.morph.html(\"\");\n }\n};\n\n// The `morph` and `outerHTML` properties are internal only\n// and not observable.\n\n/**\n @class _Metamorph\n @namespace Ember\n @extends Ember.Mixin\n @private\n*/\nEmber._Metamorph = Ember.Mixin.create({\n isVirtual: true,\n tagName: '',\n\n instrumentName: 'render.metamorph',\n\n init: function() {\n this._super();\n this.morph = Metamorph();\n },\n\n beforeRender: function(buffer) {\n buffer.push(this.morph.startTag());\n },\n\n afterRender: function(buffer) {\n buffer.push(this.morph.endTag());\n },\n\n createElement: function() {\n var buffer = this.renderToBuffer();\n this.outerHTML = buffer.string();\n this.clearBuffer();\n },\n\n domManager: DOMManager\n});\n\n/**\n @class _MetamorphView\n @namespace Ember\n @extends Ember.View\n @uses Ember._Metamorph\n @private\n*/\nEmber._MetamorphView = Ember.View.extend(Ember._Metamorph);\n\n/**\n @class _SimpleMetamorphView\n @namespace Ember\n @extends Ember.View\n @uses Ember._Metamorph\n @private\n*/\nEmber._SimpleMetamorphView = Ember.CoreView.extend(Ember._Metamorph);\n\n\n})();\n//@ sourceURL=ember-handlebars/views/metamorph_view");minispade.register('ember-metal/accessors', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\n\n/**\n@module ember-metal\n*/\n\nvar META_KEY = Ember.META_KEY, get, set;\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER;\n\nvar IS_GLOBAL = /^([A-Z$]|([0-9][A-Z$]))/;\nvar IS_GLOBAL_PATH = /^([A-Z$]|([0-9][A-Z$])).*[\\.\\*]/;\nvar HAS_THIS = /^this[\\.\\*]/;\nvar FIRST_KEY = /^([^\\.\\*]+)/;\n\n// ..........................................................\n// GET AND SET\n//\n// If we are on a platform that supports accessors we can get use those.\n// Otherwise simulate accessors by looking up the property directly on the\n// object.\n\n/**\n Gets the value of a property on an object. If the property is computed,\n the function will be invoked. If the property is not defined but the\n object implements the unknownProperty() method then that will be invoked.\n\n If you plan to run on IE8 and older browsers then you should use this\n method anytime you want to retrieve a property on an object that you don't\n know for sure is private. (My convention only properties beginning with\n an underscore '_' are considered private.)\n\n On all newer browsers, you only need to use this method to retrieve\n properties if the property might not be defined on the object and you want\n to respect the unknownProperty() handler. Otherwise you can ignore this\n method.\n\n Note that if the obj itself is null, this method will simply return\n undefined.\n\n @method get\n @for Ember\n @param {Object} obj The object to retrieve from.\n @param {String} keyName The property key to retrieve\n @return {Object} the property value or null.\n*/\nget = function get(obj, keyName) {\n // Helpers that operate with 'this' within an #each\n if (keyName === '') {\n return obj;\n }\n\n if (!keyName && 'string'===typeof obj) {\n keyName = obj;\n obj = null;\n }\n\n if (!obj || keyName.indexOf('.') !== -1) {\n return getPath(obj, keyName);\n }\n\n Ember.assert(\"You need to provide an object and key to `get`.\", !!obj && keyName);\n\n var meta = obj[META_KEY], desc = meta && meta.descs[keyName], ret;\n if (desc) {\n return desc.get(obj, keyName);\n } else {\n if (MANDATORY_SETTER && meta && meta.watching[keyName] > 0) {\n ret = meta.values[keyName];\n } else {\n ret = obj[keyName];\n }\n\n if (ret === undefined &&\n 'object' === typeof obj && !(keyName in obj) && 'function' === typeof obj.unknownProperty) {\n return obj.unknownProperty(keyName);\n }\n\n return ret;\n }\n};\n\n/**\n Sets the value of a property on an object, respecting computed properties\n and notifying observers and other listeners of the change. If the\n property is not defined but the object implements the unknownProperty()\n method then that will be invoked as well.\n\n If you plan to run on IE8 and older browsers then you should use this\n method anytime you want to set a property on an object that you don't\n know for sure is private. (My convention only properties beginning with\n an underscore '_' are considered private.)\n\n On all newer browsers, you only need to use this method to set\n properties if the property might not be defined on the object and you want\n to respect the unknownProperty() handler. Otherwise you can ignore this\n method.\n\n @method set\n @for Ember\n @param {Object} obj The object to modify.\n @param {String} keyName The property key to set\n @param {Object} value The value to set\n @return {Object} the passed value.\n*/\nset = function set(obj, keyName, value, tolerant) {\n if (typeof obj === 'string') {\n Ember.assert(\"Path '\" + obj + \"' must be global if no obj is given.\", IS_GLOBAL.test(obj));\n value = keyName;\n keyName = obj;\n obj = null;\n }\n\n if (!obj || keyName.indexOf('.') !== -1) {\n return setPath(obj, keyName, value, tolerant);\n }\n\n Ember.assert(\"You need to provide an object and key to `set`.\", !!obj && keyName !== undefined);\n Ember.assert('calling set on destroyed object', !obj.isDestroyed);\n\n var meta = obj[META_KEY], desc = meta && meta.descs[keyName],\n isUnknown, currentValue;\n if (desc) {\n desc.set(obj, keyName, value);\n }\n else {\n isUnknown = 'object' === typeof obj && !(keyName in obj);\n\n // setUnknownProperty is called if `obj` is an object,\n // the property does not already exist, and the\n // `setUnknownProperty` method exists on the object\n if (isUnknown && 'function' === typeof obj.setUnknownProperty) {\n obj.setUnknownProperty(keyName, value);\n } else if (meta && meta.watching[keyName] > 0) {\n if (MANDATORY_SETTER) {\n currentValue = meta.values[keyName];\n } else {\n currentValue = obj[keyName];\n }\n // only trigger a change if the value has changed\n if (value !== currentValue) {\n Ember.propertyWillChange(obj, keyName);\n if (MANDATORY_SETTER) {\n if (currentValue === undefined && !(keyName in obj)) {\n Ember.defineProperty(obj, keyName, null, value); // setup mandatory setter\n } else {\n meta.values[keyName] = value;\n }\n } else {\n obj[keyName] = value;\n }\n Ember.propertyDidChange(obj, keyName);\n }\n } else {\n obj[keyName] = value;\n }\n }\n return value;\n};\n\n// Currently used only by Ember Data tests\nif (Ember.config.overrideAccessors) {\n Ember.get = get;\n Ember.set = set;\n Ember.config.overrideAccessors();\n get = Ember.get;\n set = Ember.set;\n}\n\nfunction firstKey(path) {\n return path.match(FIRST_KEY)[0];\n}\n\n// assumes path is already normalized\nfunction normalizeTuple(target, path) {\n var hasThis = HAS_THIS.test(path),\n isGlobal = !hasThis && IS_GLOBAL_PATH.test(path),\n key;\n\n if (!target || isGlobal) target = Ember.lookup;\n if (hasThis) path = path.slice(5);\n\n if (target === Ember.lookup) {\n key = firstKey(path);\n target = get(target, key);\n path = path.slice(key.length+1);\n }\n\n // must return some kind of path to be valid else other things will break.\n if (!path || path.length===0) throw new Error('Invalid Path');\n\n return [ target, path ];\n}\n\nfunction getPath(root, path) {\n var hasThis, parts, tuple, idx, len;\n\n // If there is no root and path is a key name, return that\n // property from the global object.\n // E.g. get('Ember') -> Ember\n if (root === null && path.indexOf('.') === -1) { return get(Ember.lookup, path); }\n\n // detect complicated paths and normalize them\n hasThis = HAS_THIS.test(path);\n\n if (!root || hasThis) {\n tuple = normalizeTuple(root, path);\n root = tuple[0];\n path = tuple[1];\n tuple.length = 0;\n }\n\n parts = path.split(\".\");\n len = parts.length;\n for (idx=0; root && idx -1;\n};\n\n// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/map\nvar arrayMap = isNativeFunc(Array.prototype.map) ? Array.prototype.map : function(fun /*, thisp */) {\n //\"use strict\";\n\n if (this === void 0 || this === null) {\n throw new TypeError();\n }\n\n var t = Object(this);\n var len = t.length >>> 0;\n if (typeof fun !== \"function\") {\n throw new TypeError();\n }\n\n var res = new Array(len);\n var thisp = arguments[1];\n for (var i = 0; i < len; i++) {\n if (i in t) {\n res[i] = fun.call(thisp, t[i], i, t);\n }\n }\n\n return res;\n};\n\n// From: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach\nvar arrayForEach = isNativeFunc(Array.prototype.forEach) ? Array.prototype.forEach : function(fun /*, thisp */) {\n //\"use strict\";\n\n if (this === void 0 || this === null) {\n throw new TypeError();\n }\n\n var t = Object(this);\n var len = t.length >>> 0;\n if (typeof fun !== \"function\") {\n throw new TypeError();\n }\n\n var thisp = arguments[1];\n for (var i = 0; i < len; i++) {\n if (i in t) {\n fun.call(thisp, t[i], i, t);\n }\n }\n};\n\nvar arrayIndexOf = isNativeFunc(Array.prototype.indexOf) ? Array.prototype.indexOf : function (obj, fromIndex) {\n if (fromIndex === null || fromIndex === undefined) { fromIndex = 0; }\n else if (fromIndex < 0) { fromIndex = Math.max(0, this.length + fromIndex); }\n for (var i = fromIndex, j = this.length; i < j; i++) {\n if (this[i] === obj) { return i; }\n }\n return -1;\n};\n\nEmber.ArrayPolyfills = {\n map: arrayMap,\n forEach: arrayForEach,\n indexOf: arrayIndexOf\n};\n\nvar utils = Ember.EnumerableUtils = {\n map: function(obj, callback, thisArg) {\n return obj.map ? obj.map.call(obj, callback, thisArg) : arrayMap.call(obj, callback, thisArg);\n },\n\n forEach: function(obj, callback, thisArg) {\n return obj.forEach ? obj.forEach.call(obj, callback, thisArg) : arrayForEach.call(obj, callback, thisArg);\n },\n\n indexOf: function(obj, element, index) {\n return obj.indexOf ? obj.indexOf.call(obj, element, index) : arrayIndexOf.call(obj, element, index);\n },\n\n indexesOf: function(obj, elements) {\n return elements === undefined ? [] : utils.map(elements, function(item) {\n return utils.indexOf(obj, item);\n });\n },\n\n removeObject: function(array, item) {\n var index = utils.indexOf(array, item);\n if (index !== -1) { array.splice(index, 1); }\n },\n\n replace: function(array, idx, amt, objects) {\n if (array.replace) {\n return array.replace(idx, amt, objects);\n } else {\n var args = Array.prototype.concat.apply([idx, amt], objects);\n return array.splice.apply(array, args);\n }\n }\n};\n\n\nif (Ember.SHIM_ES5) {\n if (!Array.prototype.map) {\n Array.prototype.map = arrayMap;\n }\n\n if (!Array.prototype.forEach) {\n Array.prototype.forEach = arrayForEach;\n }\n\n if (!Array.prototype.indexOf) {\n Array.prototype.indexOf = arrayIndexOf;\n }\n}\n\n})();\n//@ sourceURL=ember-metal/array");minispade.register('ember-metal/binding', "(function() {minispade.require('ember-metal/core'); // Ember.Logger\nminispade.require('ember-metal/accessors'); // get, set, trySet\nminispade.require('ember-metal/utils'); // guidFor, isArray, meta\nminispade.require('ember-metal/observer'); // addObserver, removeObserver\nminispade.require('ember-metal/run_loop'); // Ember.run.schedule\nminispade.require('ember-metal/map');\n\n/**\n@module ember-metal\n*/\n\n// ..........................................................\n// CONSTANTS\n//\n\n/**\n Debug parameter you can turn on. This will log all bindings that fire to\n the console. This should be disabled in production code. Note that you\n can also enable this from the console or temporarily.\n\n @property LOG_BINDINGS\n @for Ember\n @type Boolean\n @default false\n*/\nEmber.LOG_BINDINGS = false || !!Ember.ENV.LOG_BINDINGS;\n\nvar get = Ember.get,\n set = Ember.set,\n guidFor = Ember.guidFor,\n isGlobalPath = Ember.isGlobalPath;\n\n\nfunction getWithGlobals(obj, path) {\n return get(isGlobalPath(path) ? Ember.lookup : obj, path);\n}\n\n// ..........................................................\n// BINDING\n//\n\nvar Binding = function(toPath, fromPath) {\n this._direction = 'fwd';\n this._from = fromPath;\n this._to = toPath;\n this._directionMap = Ember.Map.create();\n};\n\n/**\n@class Binding\n@namespace Ember\n*/\n\nBinding.prototype = {\n /**\n This copies the Binding so it can be connected to another object.\n\n @method copy\n @return {Ember.Binding}\n */\n copy: function () {\n var copy = new Binding(this._to, this._from);\n if (this._oneWay) { copy._oneWay = true; }\n return copy;\n },\n\n // ..........................................................\n // CONFIG\n //\n\n /**\n This will set \"from\" property path to the specified value. It will not\n attempt to resolve this property path to an actual object until you\n connect the binding.\n\n The binding will search for the property path starting at the root object\n you pass when you connect() the binding. It follows the same rules as\n `get()` - see that method for more information.\n\n @method from\n @param {String} propertyPath the property path to connect to\n @return {Ember.Binding} receiver\n */\n from: function(path) {\n this._from = path;\n return this;\n },\n\n /**\n This will set the \"to\" property path to the specified value. It will not\n attempt to resolve this property path to an actual object until you\n connect the binding.\n\n The binding will search for the property path starting at the root object\n you pass when you connect() the binding. It follows the same rules as\n `get()` - see that method for more information.\n\n @method to\n @param {String|Tuple} propertyPath A property path or tuple\n @return {Ember.Binding} this\n */\n to: function(path) {\n this._to = path;\n return this;\n },\n\n /**\n Configures the binding as one way. A one-way binding will relay changes\n on the \"from\" side to the \"to\" side, but not the other way around. This\n means that if you change the \"to\" side directly, the \"from\" side may have\n a different value.\n\n @method oneWay\n @return {Ember.Binding} receiver\n */\n oneWay: function() {\n this._oneWay = true;\n return this;\n },\n\n toString: function() {\n var oneWay = this._oneWay ? '[oneWay]' : '';\n return \"Ember.Binding<\" + guidFor(this) + \">(\" + this._from + \" -> \" + this._to + \")\" + oneWay;\n },\n\n // ..........................................................\n // CONNECT AND SYNC\n //\n\n /**\n Attempts to connect this binding instance so that it can receive and relay\n changes. This method will raise an exception if you have not set the\n from/to properties yet.\n\n @method connect\n @param {Object} obj The root object for this binding.\n @return {Ember.Binding} this\n */\n connect: function(obj) {\n Ember.assert('Must pass a valid object to Ember.Binding.connect()', !!obj);\n\n var fromPath = this._from, toPath = this._to;\n Ember.trySet(obj, toPath, getWithGlobals(obj, fromPath));\n\n // add an observer on the object to be notified when the binding should be updated\n Ember.addObserver(obj, fromPath, this, this.fromDidChange);\n\n // if the binding is a two-way binding, also set up an observer on the target\n if (!this._oneWay) { Ember.addObserver(obj, toPath, this, this.toDidChange); }\n\n this._readyToSync = true;\n\n return this;\n },\n\n /**\n Disconnects the binding instance. Changes will no longer be relayed. You\n will not usually need to call this method.\n\n @method disconnect\n @param {Object} obj The root object you passed when connecting the binding.\n @return {Ember.Binding} this\n */\n disconnect: function(obj) {\n Ember.assert('Must pass a valid object to Ember.Binding.disconnect()', !!obj);\n\n var twoWay = !this._oneWay;\n\n // remove an observer on the object so we're no longer notified of\n // changes that should update bindings.\n Ember.removeObserver(obj, this._from, this, this.fromDidChange);\n\n // if the binding is two-way, remove the observer from the target as well\n if (twoWay) { Ember.removeObserver(obj, this._to, this, this.toDidChange); }\n\n this._readyToSync = false; // disable scheduled syncs...\n return this;\n },\n\n // ..........................................................\n // PRIVATE\n //\n\n /* called when the from side changes */\n fromDidChange: function(target) {\n this._scheduleSync(target, 'fwd');\n },\n\n /* called when the to side changes */\n toDidChange: function(target) {\n this._scheduleSync(target, 'back');\n },\n\n _scheduleSync: function(obj, dir) {\n var directionMap = this._directionMap;\n var existingDir = directionMap.get(obj);\n\n // if we haven't scheduled the binding yet, schedule it\n if (!existingDir) {\n Ember.run.schedule('sync', this, this._sync, obj);\n directionMap.set(obj, dir);\n }\n\n // If both a 'back' and 'fwd' sync have been scheduled on the same object,\n // default to a 'fwd' sync so that it remains deterministic.\n if (existingDir === 'back' && dir === 'fwd') {\n directionMap.set(obj, 'fwd');\n }\n },\n\n _sync: function(obj) {\n var log = Ember.LOG_BINDINGS;\n\n // don't synchronize destroyed objects or disconnected bindings\n if (obj.isDestroyed || !this._readyToSync) { return; }\n\n // get the direction of the binding for the object we are\n // synchronizing from\n var directionMap = this._directionMap;\n var direction = directionMap.get(obj);\n\n var fromPath = this._from, toPath = this._to;\n\n directionMap.remove(obj);\n\n // if we're synchronizing from the remote object...\n if (direction === 'fwd') {\n var fromValue = getWithGlobals(obj, this._from);\n if (log) {\n Ember.Logger.log(' ', this.toString(), '->', fromValue, obj);\n }\n if (this._oneWay) {\n Ember.trySet(obj, toPath, fromValue);\n } else {\n Ember._suspendObserver(obj, toPath, this, this.toDidChange, function () {\n Ember.trySet(obj, toPath, fromValue);\n });\n }\n // if we're synchronizing *to* the remote object\n } else if (direction === 'back') {\n var toValue = get(obj, this._to);\n if (log) {\n Ember.Logger.log(' ', this.toString(), '<-', toValue, obj);\n }\n Ember._suspendObserver(obj, fromPath, this, this.fromDidChange, function () {\n Ember.trySet(Ember.isGlobalPath(fromPath) ? Ember.lookup : obj, fromPath, toValue);\n });\n }\n }\n\n};\n\nfunction mixinProperties(to, from) {\n for (var key in from) {\n if (from.hasOwnProperty(key)) {\n to[key] = from[key];\n }\n }\n}\n\nmixinProperties(Binding, {\n\n /**\n See {{#crossLink \"Ember.Binding/from\"}}{{/crossLink}}\n\n @method from\n @static\n */\n from: function() {\n var C = this, binding = new C();\n return binding.from.apply(binding, arguments);\n },\n\n /**\n See {{#crossLink \"Ember.Binding/to\"}}{{/crossLink}}\n\n @method to\n @static\n */\n to: function() {\n var C = this, binding = new C();\n return binding.to.apply(binding, arguments);\n },\n\n /**\n Creates a new Binding instance and makes it apply in a single direction.\n A one-way binding will relay changes on the \"from\" side object (supplied\n as the `from` argument) the \"to\" side, but not the other way around.\n This means that if you change the \"to\" side directly, the \"from\" side may have\n a different value.\n\n See {{#crossLink \"Binding/oneWay\"}}{{/crossLink}}\n\n @method oneWay\n @param {String} from from path.\n @param {Boolean} [flag] (Optional) passing nothing here will make the binding oneWay. You can\n instead pass false to disable oneWay, making the binding two way again.\n */\n oneWay: function(from, flag) {\n var C = this, binding = new C(null, from);\n return binding.oneWay(flag);\n }\n\n});\n\n/**\n An Ember.Binding connects the properties of two objects so that whenever the\n value of one property changes, the other property will be changed also.\n\n ## Automatic Creation of Bindings with `/^*Binding/`-named Properties\n You do not usually create Binding objects directly but instead describe\n bindings in your class or object definition using automatic binding detection.\n\n Properties ending in a `Binding` suffix will be converted to Ember.Binding instances.\n The value of this property should be a string representing a path to another object or\n a custom binding instanced created using Binding helpers (see \"Customizing Your Bindings\"):\n\n valueBinding: \"MyApp.someController.title\"\n\n This will create a binding from `MyApp.someController.title` to the `value`\n property of your object instance automatically. Now the two values will be\n kept in sync.\n\n ## One Way Bindings\n\n One especially useful binding customization you can use is the `oneWay()`\n helper. This helper tells Ember that you are only interested in\n receiving changes on the object you are binding from. For example, if you\n are binding to a preference and you want to be notified if the preference\n has changed, but your object will not be changing the preference itself, you\n could do:\n\n bigTitlesBinding: Ember.Binding.oneWay(\"MyApp.preferencesController.bigTitles\")\n\n This way if the value of MyApp.preferencesController.bigTitles changes the\n \"bigTitles\" property of your object will change also. However, if you\n change the value of your \"bigTitles\" property, it will not update the\n preferencesController.\n\n One way bindings are almost twice as fast to setup and twice as fast to\n execute because the binding only has to worry about changes to one side.\n\n You should consider using one way bindings anytime you have an object that\n may be created frequently and you do not intend to change a property; only\n to monitor it for changes. (such as in the example above).\n\n ## Adding Bindings Manually\n\n All of the examples above show you how to configure a custom binding, but\n the result of these customizations will be a binding template, not a fully\n active Binding instance. The binding will actually become active only when you\n instantiate the object the binding belongs to. It is useful however, to\n understand what actually happens when the binding is activated.\n\n For a binding to function it must have at least a \"from\" property and a \"to\"\n property. The from property path points to the object/key that you want to\n bind from while the to path points to the object/key you want to bind to.\n\n When you define a custom binding, you are usually describing the property\n you want to bind from (such as \"MyApp.someController.value\" in the examples\n above). When your object is created, it will automatically assign the value\n you want to bind \"to\" based on the name of your binding key. In the\n examples above, during init, Ember objects will effectively call\n something like this on your binding:\n\n binding = Ember.Binding.from(this.valueBinding).to(\"value\");\n\n This creates a new binding instance based on the template you provide, and\n sets the to path to the \"value\" property of the new object. Now that the\n binding is fully configured with a \"from\" and a \"to\", it simply needs to be\n connected to become active. This is done through the connect() method:\n\n binding.connect(this);\n\n Note that when you connect a binding you pass the object you want it to be\n connected to. This object will be used as the root for both the from and\n to side of the binding when inspecting relative paths. This allows the\n binding to be automatically inherited by subclassed objects as well.\n\n Now that the binding is connected, it will observe both the from and to side\n and relay changes.\n\n If you ever needed to do so (you almost never will, but it is useful to\n understand this anyway), you could manually create an active binding by\n using the Ember.bind() helper method. (This is the same method used by\n to setup your bindings on objects):\n\n Ember.bind(MyApp.anotherObject, \"value\", \"MyApp.someController.value\");\n\n Both of these code fragments have the same effect as doing the most friendly\n form of binding creation like so:\n\n MyApp.anotherObject = Ember.Object.create({\n valueBinding: \"MyApp.someController.value\",\n\n // OTHER CODE FOR THIS OBJECT...\n\n });\n\n Ember's built in binding creation method makes it easy to automatically\n create bindings for you. You should always use the highest-level APIs\n available, even if you understand how it works underneath.\n\n @class Binding\n @namespace Ember\n @since Ember 0.9\n*/\nEmber.Binding = Binding;\n\n\n/**\n Global helper method to create a new binding. Just pass the root object\n along with a to and from path to create and connect the binding.\n\n @method bind\n @for Ember\n @param {Object} obj The root object of the transform.\n\n @param {String} to The path to the 'to' side of the binding.\n Must be relative to obj.\n\n @param {String} from The path to the 'from' side of the binding.\n Must be relative to obj or a global path.\n\n @return {Ember.Binding} binding instance\n*/\nEmber.bind = function(obj, to, from) {\n return new Ember.Binding(to, from).connect(obj);\n};\n\n/**\n @method oneWay\n @for Ember\n @param {Object} obj The root object of the transform.\n\n @param {String} to The path to the 'to' side of the binding.\n Must be relative to obj.\n\n @param {String} from The path to the 'from' side of the binding.\n Must be relative to obj or a global path.\n\n @return {Ember.Binding} binding instance\n*/\nEmber.oneWay = function(obj, to, from) {\n return new Ember.Binding(to, from).oneWay().connect(obj);\n};\n\n})();\n//@ sourceURL=ember-metal/binding");minispade.register('ember-metal/computed', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/watching');\n\n/**\n@module ember-metal\n*/\n\nEmber.warn(\"The CP_DEFAULT_CACHEABLE flag has been removed and computed properties are always cached by default. Use `volatile` if you don't want caching.\", Ember.ENV.CP_DEFAULT_CACHEABLE !== false);\n\n\nvar get = Ember.get,\n metaFor = Ember.meta,\n guidFor = Ember.guidFor,\n a_slice = [].slice,\n o_create = Ember.create,\n META_KEY = Ember.META_KEY,\n watch = Ember.watch,\n unwatch = Ember.unwatch;\n\n// ..........................................................\n// DEPENDENT KEYS\n//\n\n// data structure:\n// meta.deps = {\n// 'depKey': {\n// 'keyName': count,\n// __emberproto__: SRC_OBJ [to detect clones]\n// },\n// __emberproto__: SRC_OBJ\n// }\n\n/*\n This function returns a map of unique dependencies for a\n given object and key.\n*/\nfunction keysForDep(obj, depsMeta, depKey) {\n var keys = depsMeta[depKey];\n if (!keys) {\n // if there are no dependencies yet for a the given key\n // create a new empty list of dependencies for the key\n keys = depsMeta[depKey] = { __emberproto__: obj };\n } else if (keys.__emberproto__ !== obj) {\n // otherwise if the dependency list is inherited from\n // a superclass, clone the hash\n keys = depsMeta[depKey] = o_create(keys);\n keys.__emberproto__ = obj;\n }\n return keys;\n}\n\n/* return obj[META_KEY].deps */\nfunction metaForDeps(obj, meta) {\n var deps = meta.deps;\n // If the current object has no dependencies...\n if (!deps) {\n // initialize the dependencies with a pointer back to\n // the current object\n deps = meta.deps = { __emberproto__: obj };\n } else if (deps.__emberproto__ !== obj) {\n // otherwise if the dependencies are inherited from the\n // object's superclass, clone the deps\n deps = meta.deps = o_create(deps);\n deps.__emberproto__ = obj;\n }\n return deps;\n}\n\nfunction addDependentKeys(desc, obj, keyName, meta) {\n // the descriptor has a list of dependent keys, so\n // add all of its dependent keys.\n var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys;\n if (!depKeys) return;\n\n depsMeta = metaForDeps(obj, meta);\n\n for(idx = 0, len = depKeys.length; idx < len; idx++) {\n depKey = depKeys[idx];\n // Lookup keys meta for depKey\n keys = keysForDep(obj, depsMeta, depKey);\n // Increment the number of times depKey depends on keyName.\n keys[keyName] = (keys[keyName] || 0) + 1;\n // Watch the depKey\n watch(obj, depKey);\n }\n}\n\nfunction removeDependentKeys(desc, obj, keyName, meta) {\n // the descriptor has a list of dependent keys, so\n // add all of its dependent keys.\n var depKeys = desc._dependentKeys, depsMeta, idx, len, depKey, keys;\n if (!depKeys) return;\n\n depsMeta = metaForDeps(obj, meta);\n\n for(idx = 0, len = depKeys.length; idx < len; idx++) {\n depKey = depKeys[idx];\n // Lookup keys meta for depKey\n keys = keysForDep(obj, depsMeta, depKey);\n // Increment the number of times depKey depends on keyName.\n keys[keyName] = (keys[keyName] || 0) - 1;\n // Watch the depKey\n unwatch(obj, depKey);\n }\n}\n\n// ..........................................................\n// COMPUTED PROPERTY\n//\n\n/**\n @class ComputedProperty\n @namespace Ember\n @extends Ember.Descriptor\n @constructor\n*/\nfunction ComputedProperty(func, opts) {\n this.func = func;\n this._cacheable = (opts && opts.cacheable !== undefined) ? opts.cacheable : true;\n this._dependentKeys = opts && opts.dependentKeys;\n}\n\nEmber.ComputedProperty = ComputedProperty;\nComputedProperty.prototype = new Ember.Descriptor();\n\nvar ComputedPropertyPrototype = ComputedProperty.prototype;\n\n/**\n Call on a computed property to set it into cacheable mode. When in this\n mode the computed property will automatically cache the return value of\n your function until one of the dependent keys changes.\n\n MyApp.president = Ember.Object.create({\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // After calculating the value of this function, Ember.js will\n // return that value without re-executing this function until\n // one of the dependent properties change.\n }.property('firstName', 'lastName')\n });\n\n Properties are cacheable by default.\n\n @method cacheable\n @param {Boolean} aFlag optional set to false to disable caching\n @chainable\n*/\nComputedPropertyPrototype.cacheable = function(aFlag) {\n this._cacheable = aFlag !== false;\n return this;\n};\n\n/**\n Call on a computed property to set it into non-cached mode. When in this\n mode the computed property will not automatically cache the return value.\n\n MyApp.outsideService = Ember.Object.create({\n value: function() {\n return OutsideService.getValue();\n }.property().volatile()\n });\n\n @method volatile\n @chainable\n*/\nComputedPropertyPrototype.volatile = function() {\n return this.cacheable(false);\n};\n\n/**\n Sets the dependent keys on this computed property. Pass any number of\n arguments containing key paths that this computed property depends on.\n\n MyApp.president = Ember.Object.create({\n fullName: Ember.computed(function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Tell Ember.js that this computed property depends on firstName\n // and lastName\n }).property('firstName', 'lastName')\n });\n\n @method property\n @param {String} path* zero or more property paths\n @chainable\n*/\nComputedPropertyPrototype.property = function() {\n var args = [];\n for (var i = 0, l = arguments.length; i < l; i++) {\n args.push(arguments[i]);\n }\n this._dependentKeys = args;\n return this;\n};\n\n/**\n In some cases, you may want to annotate computed properties with additional\n metadata about how they function or what values they operate on. For example,\n computed property functions may close over variables that are then no longer\n available for introspection.\n\n You can pass a hash of these values to a computed property like this:\n\n person: function() {\n var personId = this.get('personId');\n return App.Person.create({ id: personId });\n }.property().meta({ type: App.Person })\n\n The hash that you pass to the `meta()` function will be saved on the\n computed property descriptor under the `_meta` key. Ember runtime\n exposes a public API for retrieving these values from classes,\n via the `metaForProperty()` function.\n\n @method meta\n @param {Hash} meta\n @chainable\n*/\n\nComputedPropertyPrototype.meta = function(meta) {\n if (arguments.length === 0) {\n return this._meta || {};\n } else {\n this._meta = meta;\n return this;\n }\n};\n\n/* impl descriptor API */\nComputedPropertyPrototype.willWatch = function(obj, keyName) {\n // watch already creates meta for this instance\n var meta = obj[META_KEY];\n Ember.assert('watch should have setup meta to be writable', meta.source === obj);\n if (!(keyName in meta.cache)) {\n addDependentKeys(this, obj, keyName, meta);\n }\n};\n\nComputedPropertyPrototype.didUnwatch = function(obj, keyName) {\n var meta = obj[META_KEY];\n Ember.assert('unwatch should have setup meta to be writable', meta.source === obj);\n if (!(keyName in meta.cache)) {\n // unwatch already creates meta for this instance\n removeDependentKeys(this, obj, keyName, meta);\n }\n};\n\n/* impl descriptor API */\nComputedPropertyPrototype.didChange = function(obj, keyName) {\n // _suspended is set via a CP.set to ensure we don't clear\n // the cached value set by the setter\n if (this._cacheable && this._suspended !== obj) {\n var meta = metaFor(obj);\n if (keyName in meta.cache) {\n delete meta.cache[keyName];\n if (!meta.watching[keyName]) {\n removeDependentKeys(this, obj, keyName, meta);\n }\n }\n }\n};\n\n/* impl descriptor API */\nComputedPropertyPrototype.get = function(obj, keyName) {\n var ret, cache, meta;\n if (this._cacheable) {\n meta = metaFor(obj);\n cache = meta.cache;\n if (keyName in cache) { return cache[keyName]; }\n ret = cache[keyName] = this.func.call(obj, keyName);\n if (!meta.watching[keyName]) {\n addDependentKeys(this, obj, keyName, meta);\n }\n } else {\n ret = this.func.call(obj, keyName);\n }\n return ret;\n};\n\n/* impl descriptor API */\nComputedPropertyPrototype.set = function(obj, keyName, value) {\n var cacheable = this._cacheable,\n meta = metaFor(obj, cacheable),\n watched = meta.watching[keyName],\n oldSuspended = this._suspended,\n hadCachedValue = false,\n ret;\n this._suspended = obj;\n try {\n ret = this.func.call(obj, keyName, value);\n\n if (cacheable && keyName in meta.cache) {\n if (meta.cache[keyName] === ret) {\n return;\n }\n hadCachedValue = true;\n }\n\n if (watched) { Ember.propertyWillChange(obj, keyName); }\n\n if (cacheable && hadCachedValue) {\n delete meta.cache[keyName];\n }\n\n if (cacheable) {\n if (!watched && !hadCachedValue) {\n addDependentKeys(this, obj, keyName, meta);\n }\n meta.cache[keyName] = ret;\n }\n\n if (watched) { Ember.propertyDidChange(obj, keyName); }\n } finally {\n this._suspended = oldSuspended;\n }\n return ret;\n};\n\n/* called when property is defined */\nComputedPropertyPrototype.setup = function(obj, keyName) {\n var meta = obj[META_KEY];\n if (meta && meta.watching[keyName]) {\n addDependentKeys(this, obj, keyName, metaFor(obj));\n }\n};\n\n/* called before property is overridden */\nComputedPropertyPrototype.teardown = function(obj, keyName) {\n var meta = metaFor(obj);\n\n if (meta.watching[keyName] || keyName in meta.cache) {\n removeDependentKeys(this, obj, keyName, meta);\n }\n\n if (this._cacheable) { delete meta.cache[keyName]; }\n\n return null; // no value to restore\n};\n\n\n/**\n This helper returns a new property descriptor that wraps the passed\n computed property function. You can use this helper to define properties\n with mixins or via Ember.defineProperty().\n\n The function you pass will be used to both get and set property values.\n The function should accept two parameters, key and value. If value is not\n undefined you should set the value first. In either case return the\n current value of the property.\n\n @method computed\n @for Ember\n @param {Function} func The computed property function.\n @return {Ember.ComputedProperty} property descriptor instance\n*/\nEmber.computed = function(func) {\n var args;\n\n if (arguments.length > 1) {\n args = a_slice.call(arguments, 0, -1);\n func = a_slice.call(arguments, -1)[0];\n }\n\n var cp = new ComputedProperty(func);\n\n if (args) {\n cp.property.apply(cp, args);\n }\n\n return cp;\n};\n\n/**\n Returns the cached value for a property, if one exists.\n This can be useful for peeking at the value of a computed\n property that is generated lazily, without accidentally causing\n it to be created.\n\n @method cacheFor\n @for Ember\n @param {Object} obj the object whose property you want to check\n @param {String} key the name of the property whose cached value you want\n to return\n*/\nEmber.cacheFor = function cacheFor(obj, key) {\n var cache = metaFor(obj, false).cache;\n\n if (cache && key in cache) {\n return cache[key];\n }\n};\n\n/**\n @method computed.not\n @for Ember\n @param {String} dependentKey\n*/\nEmber.computed.not = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n return !get(this, dependentKey);\n });\n};\n\n/**\n @method computed.empty\n @for Ember\n @param {String} dependentKey\n*/\nEmber.computed.empty = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n var val = get(this, dependentKey);\n return val === undefined || val === null || val === '' || (Ember.isArray(val) && get(val, 'length') === 0);\n });\n};\n\n/**\n @method computed.bool\n @for Ember\n @param {String} dependentKey\n*/\nEmber.computed.bool = function(dependentKey) {\n return Ember.computed(dependentKey, function(key) {\n return !!get(this, dependentKey);\n });\n};\n\n})();\n//@ sourceURL=ember-metal/computed");minispade.register('ember-metal/core', "(function() {/*globals Em:true ENV */\n\n/**\n@module ember\n@submodule ember-metal\n*/\n\n/**\n All Ember methods and functions are defined inside of this namespace.\n You generally should not add new properties to this namespace as it may be\n overwritten by future versions of Ember.\n\n You can also use the shorthand \"Em\" instead of \"Ember\".\n\n Ember-Runtime is a framework that provides core functions for\n Ember including cross-platform functions, support for property\n observing and objects. Its focus is on small size and performance. You can\n use this in place of or along-side other cross-platform libraries such as\n jQuery.\n\n The core Runtime framework is based on the jQuery API with a number of\n performance optimizations.\n\n @class Ember\n @static\n @version 1.0.0-pre.2\n*/\n\nif ('undefined' === typeof Ember) {\n // Create core object. Make it act like an instance of Ember.Namespace so that\n // objects assigned to it are given a sane string representation.\n Ember = {};\n}\n\n// Default imports, exports and lookup to the global object;\nvar imports = Ember.imports = Ember.imports || this;\nvar exports = Ember.exports = Ember.exports || this;\nvar lookup = Ember.lookup = Ember.lookup || this;\n\n// aliases needed to keep minifiers from removing the global context\nexports.Em = exports.Ember = Em = Ember;\n\n// Make sure these are set whether Ember was already defined or not\n\nEmber.isNamespace = true;\n\nEmber.toString = function() { return \"Ember\"; };\n\n\n/**\n @property VERSION\n @type String\n @default '1.0.0-pre.2'\n @final\n*/\nEmber.VERSION = '1.0.0-pre.2';\n\n/**\n Standard environmental variables. You can define these in a global `ENV`\n variable before loading Ember to control various configuration\n settings.\n\n @property ENV\n @type Hash\n*/\nEmber.ENV = Ember.ENV || ('undefined' === typeof ENV ? {} : ENV);\n\nEmber.config = Ember.config || {};\n\n// ..........................................................\n// BOOTSTRAP\n//\n\n/**\n Determines whether Ember should enhances some built-in object\n prototypes to provide a more friendly API. If enabled, a few methods\n will be added to Function, String, and Array. Object.prototype will not be\n enhanced, which is the one that causes most trouble for people.\n\n In general we recommend leaving this option set to true since it rarely\n conflicts with other code. If you need to turn it off however, you can\n define an ENV.EXTEND_PROTOTYPES config to disable it.\n\n @property EXTEND_PROTOTYPES\n @type Boolean\n @default true\n*/\nEmber.EXTEND_PROTOTYPES = Ember.ENV.EXTEND_PROTOTYPES;\n\nif (typeof Ember.EXTEND_PROTOTYPES === 'undefined') {\n Ember.EXTEND_PROTOTYPES = true;\n}\n\n/**\n Determines whether Ember logs a full stack trace during deprecation warnings\n\n @property LOG_STACKTRACE_ON_DEPRECATION\n @type Boolean\n @default true\n*/\nEmber.LOG_STACKTRACE_ON_DEPRECATION = (Ember.ENV.LOG_STACKTRACE_ON_DEPRECATION !== false);\n\n/**\n Determines whether Ember should add ECMAScript 5 shims to older browsers.\n\n @property SHIM_ES5\n @type Boolean\n @default Ember.EXTEND_PROTOTYPES\n*/\nEmber.SHIM_ES5 = (Ember.ENV.SHIM_ES5 === false) ? false : Ember.EXTEND_PROTOTYPES;\n\n/**\n Empty function. Useful for some operations.\n\n @method K\n @private\n @return {Object}\n*/\nEmber.K = function() { return this; };\n\n\n// Stub out the methods defined by the ember-debug package in case it's not loaded\n\nif ('undefined' === typeof Ember.assert) { Ember.assert = Ember.K; }\nif ('undefined' === typeof Ember.warn) { Ember.warn = Ember.K; }\nif ('undefined' === typeof Ember.deprecate) { Ember.deprecate = Ember.K; }\nif ('undefined' === typeof Ember.deprecateFunc) {\n Ember.deprecateFunc = function(_, func) { return func; };\n}\n\n// These are deprecated but still supported\n\nif ('undefined' === typeof ember_assert) { exports.ember_assert = Ember.K; }\nif ('undefined' === typeof ember_warn) { exports.ember_warn = Ember.K; }\nif ('undefined' === typeof ember_deprecate) { exports.ember_deprecate = Ember.K; }\nif ('undefined' === typeof ember_deprecateFunc) {\n exports.ember_deprecateFunc = function(_, func) { return func; };\n}\n\n/**\n Previously we used `Ember.$.uuid`, however `$.uuid` has been removed from jQuery master.\n We'll just bootstrap our own uuid now.\n\n @property uuid\n @type Number\n @private\n*/\nEmber.uuid = 0;\n\n// ..........................................................\n// LOGGER\n//\n\n/**\n Inside Ember-Metal, simply uses the imports.console object.\n Override this to provide more robust logging functionality.\n\n @class Logger\n @namespace Ember\n*/\nEmber.Logger = imports.console || { log: Ember.K, warn: Ember.K, error: Ember.K, info: Ember.K, debug: Ember.K };\n\n\n// ..........................................................\n// ERROR HANDLING\n//\n\n/**\n A function may be assigned to `Ember.onerror` to be called when Ember internals encounter an error.\n This is useful for specialized error handling and reporting code.\n\n @event onerror\n @for Ember\n @param {Exception} error the error object\n*/\nEmber.onerror = null;\n\n/**\n @private\n\n Wrap code block in a try/catch if {{#crossLink \"Ember/onerror\"}}{{/crossLink}} is set.\n\n @method handleErrors\n @for Ember\n @param {Function} func\n @param [context]\n*/\nEmber.handleErrors = function(func, context) {\n // Unfortunately in some browsers we lose the backtrace if we rethrow the existing error,\n // so in the event that we don't have an `onerror` handler we don't wrap in a try/catch\n if ('function' === typeof Ember.onerror) {\n try {\n return func.apply(context || this);\n } catch (error) {\n Ember.onerror(error);\n }\n } else {\n return func.apply(context || this);\n }\n};\n\n})();\n//@ sourceURL=ember-metal/core");minispade.register('ember-metal/events', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\n\n/**\n@module ember-metal\n*/\n\nvar o_create = Ember.create,\n meta = Ember.meta,\n metaPath = Ember.metaPath,\n guidFor = Ember.guidFor,\n a_slice = [].slice;\n\n/*\n The event system uses a series of nested hashes to store listeners on an\n object. When a listener is registered, or when an event arrives, these\n hashes are consulted to determine which target and action pair to invoke.\n\n The hashes are stored in the object's meta hash, and look like this:\n\n // Object's meta hash\n {\n listeners: { // variable name: `listenerSet`\n \"foo:changed\": { // variable name: `targetSet`\n [targetGuid]: { // variable name: `actionSet`\n [methodGuid]: { // variable name: `action`\n target: [Object object],\n method: [Function function]\n }\n }\n }\n }\n }\n\n*/\n\n// Gets the set of all actions, keyed on the guid of each action's\n// method property.\nfunction actionSetFor(obj, eventName, target, writable) {\n return metaPath(obj, ['listeners', eventName, guidFor(target)], writable);\n}\n\n// Gets the set of all targets, keyed on the guid of each action's\n// target property.\nfunction targetSetFor(obj, eventName) {\n var listenerSet = meta(obj, false).listeners;\n if (!listenerSet) { return false; }\n\n return listenerSet[eventName] || false;\n}\n\n// TODO: This knowledge should really be a part of the\n// meta system.\nvar SKIP_PROPERTIES = { __ember_source__: true };\n\nfunction iterateSet(targetSet, callback) {\n if (!targetSet) { return false; }\n // Iterate through all elements of the target set\n for(var targetGuid in targetSet) {\n if (SKIP_PROPERTIES[targetGuid]) { continue; }\n\n var actionSet = targetSet[targetGuid];\n if (actionSet) {\n // Iterate through the elements of the action set\n for(var methodGuid in actionSet) {\n if (SKIP_PROPERTIES[methodGuid]) { continue; }\n\n var action = actionSet[methodGuid];\n if (action) {\n if (callback(action) === true) {\n return true;\n }\n }\n }\n }\n }\n return false;\n}\n\nfunction invokeAction(action, params, sender) {\n var method = action.method, target = action.target;\n // If there is no target, the target is the object\n // on which the event was fired.\n if (!target) { target = sender; }\n if ('string' === typeof method) { method = target[method]; }\n if (params) {\n method.apply(target, params);\n } else {\n method.apply(target);\n }\n}\n\nfunction targetSetUnion(obj, eventName, targetSet) {\n iterateSet(targetSetFor(obj, eventName), function (action) {\n var targetGuid = guidFor(action.target),\n methodGuid = guidFor(action.method),\n actionSet = targetSet[targetGuid];\n if (!actionSet) actionSet = targetSet[targetGuid] = {};\n actionSet[methodGuid] = action;\n });\n}\n\nfunction targetSetDiff(obj, eventName, targetSet) {\n var diffTargetSet = {};\n iterateSet(targetSetFor(obj, eventName), function (action) {\n var targetGuid = guidFor(action.target),\n methodGuid = guidFor(action.method),\n actionSet = targetSet[targetGuid],\n diffActionSet = diffTargetSet[targetGuid];\n if (!actionSet) actionSet = targetSet[targetGuid] = {};\n if (actionSet[methodGuid]) return;\n actionSet[methodGuid] = action;\n if (!diffActionSet) diffActionSet = diffTargetSet[targetGuid] = {};\n diffActionSet[methodGuid] = action;\n });\n return diffTargetSet;\n}\n\n/**\n Add an event listener\n\n @method addListener\n @for Ember\n @param obj\n @param {String} eventName\n @param {Object|Function} targetOrMethod A target object or a function\n @param {Function|String} method A function or the name of a function to be called on `target`\n*/\nfunction addListener(obj, eventName, target, method, guid) {\n Ember.assert(\"You must pass at least an object and event name to Ember.addListener\", !!obj && !!eventName);\n\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var actionSet = actionSetFor(obj, eventName, target, true),\n // guid is used in case we wrapp given method to register\n // listener with method guid instead of the wrapper guid\n methodGuid = guid || guidFor(method);\n\n if (!actionSet[methodGuid]) {\n actionSet[methodGuid] = { target: target, method: method };\n }\n\n if ('function' === typeof obj.didAddListener) {\n obj.didAddListener(eventName, target, method);\n }\n}\n\n/**\n Remove an event listener\n\n Arguments should match those passed to {{#crossLink \"Ember/addListener\"}}{{/crossLink}}\n\n @method removeListener\n @for Ember\n @param obj\n @param {String} eventName\n @param {Object|Function} targetOrMethod A target object or a function\n @param {Function|String} method A function or the name of a function to be called on `target`\n*/\nfunction removeListener(obj, eventName, target, method) {\n Ember.assert(\"You must pass at least an object and event name to Ember.removeListener\", !!obj && !!eventName);\n\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n function _removeListener(target, method) {\n var actionSet = actionSetFor(obj, eventName, target, true),\n methodGuid = guidFor(method);\n\n // we can't simply delete this parameter, because if we do, we might\n // re-expose the property from the prototype chain.\n if (actionSet && actionSet[methodGuid]) { actionSet[methodGuid] = null; }\n\n if ('function' === typeof obj.didRemoveListener) {\n obj.didRemoveListener(eventName, target, method);\n }\n }\n\n if (method) {\n _removeListener(target, method);\n } else {\n iterateSet(targetSetFor(obj, eventName), function(action) {\n _removeListener(action.target, action.method);\n });\n }\n}\n\n/**\n @private\n\n Suspend listener during callback.\n\n This should only be used by the target of the event listener\n when it is taking an action that would cause the event, e.g.\n an object might suspend its property change listener while it is\n setting that property.\n\n @method suspendListener\n @for Ember\n @param obj\n @param {String} eventName\n @param {Object|Function} targetOrMethod A target object or a function\n @param {Function|String} method A function or the name of a function to be called on `target`\n @param {Function} callback\n*/\nfunction suspendListener(obj, eventName, target, method, callback) {\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var actionSet = actionSetFor(obj, eventName, target, true),\n methodGuid = guidFor(method),\n action = actionSet && actionSet[methodGuid];\n\n actionSet[methodGuid] = null;\n try {\n return callback.call(target);\n } finally {\n actionSet[methodGuid] = action;\n }\n}\n\n/**\n @private\n\n Suspend listener during callback.\n\n This should only be used by the target of the event listener\n when it is taking an action that would cause the event, e.g.\n an object might suspend its property change listener while it is\n setting that property.\n\n @method suspendListener\n @for Ember\n @param obj\n @param {Array} eventName Array of event names\n @param {Object|Function} targetOrMethod A target object or a function\n @param {Function|String} method A function or the name of a function to be called on `target`\n @param {Function} callback\n*/\nfunction suspendListeners(obj, eventNames, target, method, callback) {\n if (!method && 'function' === typeof target) {\n method = target;\n target = null;\n }\n\n var oldActions = [],\n actionSets = [],\n eventName, actionSet, methodGuid, action, i, l;\n\n for (i=0, l=eventNames.length; i -1) {\n list.splice(index, 1);\n }\n },\n\n /**\n @method isEmpty\n @return {Boolean}\n */\n isEmpty: function() {\n return this.list.length === 0;\n },\n\n /**\n @method has\n @param obj\n @return {Boolean}\n */\n has: function(obj) {\n var guid = guidFor(obj),\n presenceSet = this.presenceSet;\n\n return guid in presenceSet;\n },\n\n /**\n @method forEach\n @param {Function} function\n @param target\n */\n forEach: function(fn, self) {\n // allow mutation during iteration\n var list = this.list.slice();\n\n for (var i = 0, j = list.length; i < j; i++) {\n fn.call(self, list[i]);\n }\n },\n\n /**\n @method toArray\n @return {Array}\n */\n toArray: function() {\n return this.list.slice();\n },\n\n /**\n @method copy\n @return {Ember.OrderedSet}\n */\n copy: function() {\n var set = new OrderedSet();\n\n set.presenceSet = copy(this.presenceSet);\n set.list = this.list.slice();\n\n return set;\n }\n};\n\n/**\n A Map stores values indexed by keys. Unlike JavaScript's\n default Objects, the keys of a Map can be any JavaScript\n object.\n\n Internally, a Map has two data structures:\n\n `keys`: an OrderedSet of all of the existing keys\n `values`: a JavaScript Object indexed by the\n Ember.guidFor(key)\n\n When a key/value pair is added for the first time, we\n add the key to the `keys` OrderedSet, and create or\n replace an entry in `values`. When an entry is deleted,\n we delete its entry in `keys` and `values`.\n\n @class Map\n @namespace Ember\n @private\n @constructor\n*/\nvar Map = Ember.Map = function() {\n this.keys = Ember.OrderedSet.create();\n this.values = {};\n};\n\n/**\n @method create\n @static\n*/\nMap.create = function() {\n return new Map();\n};\n\nMap.prototype = {\n /**\n Retrieve the value associated with a given key.\n\n @method get\n @param {anything} key\n @return {anything} the value associated with the key, or undefined\n */\n get: function(key) {\n var values = this.values,\n guid = guidFor(key);\n\n return values[guid];\n },\n\n /**\n Adds a value to the map. If a value for the given key has already been\n provided, the new value will replace the old value.\n\n @method set\n @param {anything} key\n @param {anything} value\n */\n set: function(key, value) {\n var keys = this.keys,\n values = this.values,\n guid = guidFor(key);\n\n keys.add(key);\n values[guid] = value;\n },\n\n /**\n Removes a value from the map for an associated key.\n\n @method remove\n @param {anything} key\n @return {Boolean} true if an item was removed, false otherwise\n */\n remove: function(key) {\n // don't use ES6 \"delete\" because it will be annoying\n // to use in browsers that are not ES6 friendly;\n var keys = this.keys,\n values = this.values,\n guid = guidFor(key),\n value;\n\n if (values.hasOwnProperty(guid)) {\n keys.remove(key);\n value = values[guid];\n delete values[guid];\n return true;\n } else {\n return false;\n }\n },\n\n /**\n Check whether a key is present.\n\n @method has\n @param {anything} key\n @return {Boolean} true if the item was present, false otherwise\n */\n has: function(key) {\n var values = this.values,\n guid = guidFor(key);\n\n return values.hasOwnProperty(guid);\n },\n\n /**\n Iterate over all the keys and values. Calls the function once\n for each key, passing in the key and value, in that order.\n\n The keys are guaranteed to be iterated over in insertion order.\n\n @method forEach\n @param {Function} callback\n @param {anything} self if passed, the `this` value inside the\n callback. By default, `this` is the map.\n */\n forEach: function(callback, self) {\n var keys = this.keys,\n values = this.values;\n\n keys.forEach(function(key) {\n var guid = guidFor(key);\n callback.call(self, key, values[guid]);\n });\n },\n\n /**\n @method copy\n @return {Ember.Map}\n */\n copy: function() {\n return copyMap(this, new Map());\n }\n};\n\n/**\n @class MapWithDefault\n @namespace Ember\n @extends Ember.Map\n @private\n @constructor\n @param [options]\n @param {anything} [options.defaultValue]\n*/\nvar MapWithDefault = Ember.MapWithDefault = function(options) {\n Map.call(this);\n this.defaultValue = options.defaultValue;\n};\n\n/**\n @method create\n @static\n @param [options]\n @param {anything} [options.defaultValue]\n @return {Ember.MapWithDefault|Ember.Map} If options are passed, returns Ember.MapWithDefault otherwise returns Ember.Map\n*/\nMapWithDefault.create = function(options) {\n if (options) {\n return new MapWithDefault(options);\n } else {\n return new Map();\n }\n};\n\nMapWithDefault.prototype = Ember.create(Map.prototype);\n\n/**\n Retrieve the value associated with a given key.\n\n @method get\n @param {anything} key\n @return {anything} the value associated with the key, or the default value\n*/\nMapWithDefault.prototype.get = function(key) {\n var hasValue = this.has(key);\n\n if (hasValue) {\n return Map.prototype.get.call(this, key);\n } else {\n var defaultValue = this.defaultValue(key);\n this.set(key, defaultValue);\n return defaultValue;\n }\n};\n\n/**\n @method copy\n @return {Ember.MapWithDefault}\n*/\nMapWithDefault.prototype.copy = function() {\n return copyMap(this, new MapWithDefault({\n defaultValue: this.defaultValue\n }));\n};\n\n})();\n//@ sourceURL=ember-metal/map");minispade.register('ember-metal/mixin', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/accessors');\nminispade.require('ember-metal/computed');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/observer');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/array');\nminispade.require('ember-metal/binding');\n\n/**\n@module ember-metal\n*/\n\nvar Mixin, REQUIRED, Alias,\n classToString, superClassString,\n a_map = Ember.ArrayPolyfills.map,\n a_indexOf = Ember.ArrayPolyfills.indexOf,\n a_forEach = Ember.ArrayPolyfills.forEach,\n a_slice = [].slice,\n EMPTY_META = {}, // dummy for non-writable meta\n META_SKIP = { __emberproto__: true, __ember_count__: true },\n o_create = Ember.create,\n defineProperty = Ember.defineProperty,\n guidFor = Ember.guidFor;\n\nfunction mixinsMeta(obj) {\n var m = Ember.meta(obj, true), ret = m.mixins;\n if (!ret) {\n ret = m.mixins = { __emberproto__: obj };\n } else if (ret.__emberproto__ !== obj) {\n ret = m.mixins = o_create(ret);\n ret.__emberproto__ = obj;\n }\n return ret;\n}\n\nfunction initMixin(mixin, args) {\n if (args && args.length > 0) {\n mixin.mixins = a_map.call(args, function(x) {\n if (x instanceof Mixin) { return x; }\n\n // Note: Manually setup a primitive mixin here. This is the only\n // way to actually get a primitive mixin. This way normal creation\n // of mixins will give you combined mixins...\n var mixin = new Mixin();\n mixin.properties = x;\n return mixin;\n });\n }\n return mixin;\n}\n\nfunction isMethod(obj) {\n return 'function' === typeof obj &&\n obj.isMethod !== false &&\n obj !== Boolean && obj !== Object && obj !== Number && obj !== Array && obj !== Date && obj !== String;\n}\n\nfunction mergeMixins(mixins, m, descs, values, base) {\n var len = mixins.length, idx, mixin, guid, props, value, key, ovalue, concats;\n\n function removeKeys(keyName) {\n delete descs[keyName];\n delete values[keyName];\n }\n\n for(idx=0; idx < len; idx++) {\n mixin = mixins[idx];\n Ember.assert('Expected hash or Mixin instance, got ' + Object.prototype.toString.call(mixin), typeof mixin === 'object' && mixin !== null && Object.prototype.toString.call(mixin) !== '[object Array]');\n\n if (mixin instanceof Mixin) {\n guid = guidFor(mixin);\n if (m[guid]) { continue; }\n m[guid] = mixin;\n props = mixin.properties;\n } else {\n props = mixin; // apply anonymous mixin properties\n }\n\n if (props) {\n // reset before adding each new mixin to pickup concats from previous\n concats = values.concatenatedProperties || base.concatenatedProperties;\n if (props.concatenatedProperties) {\n concats = concats ? concats.concat(props.concatenatedProperties) : props.concatenatedProperties;\n }\n\n for (key in props) {\n if (!props.hasOwnProperty(key)) { continue; }\n value = props[key];\n if (value instanceof Ember.Descriptor) {\n if (value === REQUIRED && descs[key]) { continue; }\n\n descs[key] = value;\n values[key] = undefined;\n } else {\n // impl super if needed...\n if (isMethod(value)) {\n ovalue = descs[key] === undefined && values[key];\n if (!ovalue) { ovalue = base[key]; }\n if ('function' !== typeof ovalue) { ovalue = null; }\n if (ovalue) {\n var o = value.__ember_observes__, ob = value.__ember_observesBefore__;\n value = Ember.wrap(value, ovalue);\n value.__ember_observes__ = o;\n value.__ember_observesBefore__ = ob;\n }\n } else if ((concats && a_indexOf.call(concats, key) >= 0) || key === 'concatenatedProperties') {\n var baseValue = values[key] || base[key];\n if (baseValue) {\n if ('function' === typeof baseValue.concat) {\n value = baseValue.concat(value);\n } else {\n value = Ember.makeArray(baseValue).concat(value);\n }\n } else {\n value = Ember.makeArray(value);\n }\n }\n\n descs[key] = undefined;\n values[key] = value;\n }\n }\n\n // manually copy toString() because some JS engines do not enumerate it\n if (props.hasOwnProperty('toString')) {\n base.toString = props.toString;\n }\n\n } else if (mixin.mixins) {\n mergeMixins(mixin.mixins, m, descs, values, base);\n if (mixin._without) { a_forEach.call(mixin._without, removeKeys); }\n }\n }\n}\n\nfunction writableReq(obj) {\n var m = Ember.meta(obj), req = m.required;\n if (!req || req.__emberproto__ !== obj) {\n req = m.required = req ? o_create(req) : { __ember_count__: 0 };\n req.__emberproto__ = obj;\n }\n return req;\n}\n\nvar IS_BINDING = Ember.IS_BINDING = /^.+Binding$/;\n\nfunction detectBinding(obj, key, value, m) {\n if (IS_BINDING.test(key)) {\n var bindings = m.bindings;\n if (!bindings) {\n bindings = m.bindings = { __emberproto__: obj };\n } else if (bindings.__emberproto__ !== obj) {\n bindings = m.bindings = o_create(m.bindings);\n bindings.__emberproto__ = obj;\n }\n bindings[key] = value;\n }\n}\n\nfunction connectBindings(obj, m) {\n // TODO Mixin.apply(instance) should disconnect binding if exists\n var bindings = m.bindings, key, binding, to;\n if (bindings) {\n for (key in bindings) {\n binding = key !== '__emberproto__' && bindings[key];\n if (binding) {\n to = key.slice(0, -7); // strip Binding off end\n if (binding instanceof Ember.Binding) {\n binding = binding.copy(); // copy prototypes' instance\n binding.to(to);\n } else { // binding is string path\n binding = new Ember.Binding(to, binding);\n }\n binding.connect(obj);\n obj[key] = binding;\n }\n }\n // mark as applied\n m.bindings = { __emberproto__: obj };\n }\n}\n\nfunction finishPartial(obj, m) {\n connectBindings(obj, m || Ember.meta(obj));\n return obj;\n}\n\nfunction applyMixin(obj, mixins, partial) {\n var descs = {}, values = {}, m = Ember.meta(obj), req = m.required,\n key, value, desc, prevValue, paths, len, idx;\n\n // Go through all mixins and hashes passed in, and:\n //\n // * Handle concatenated properties\n // * Set up _super wrapping if necessary\n // * Set up computed property descriptors\n // * Copying `toString` in broken browsers\n mergeMixins(mixins, mixinsMeta(obj), descs, values, obj);\n\n for(key in values) {\n if (key === 'contructor') { continue; }\n if (!values.hasOwnProperty(key)) { continue; }\n\n desc = descs[key];\n value = values[key];\n\n if (desc === REQUIRED) {\n if (!(key in obj)) {\n Ember.assert('Required property not defined: '+key, !!partial);\n\n // for partial applies add to hash of required keys\n req = writableReq(obj);\n req.__ember_count__++;\n req[key] = true;\n }\n } else {\n while (desc && desc instanceof Alias) {\n var altKey = desc.methodName;\n if (descs[altKey] || values[altKey]) {\n value = values[altKey];\n desc = descs[altKey];\n } else if (m.descs[altKey]) {\n desc = m.descs[altKey];\n value = undefined;\n } else {\n desc = undefined;\n value = obj[altKey];\n }\n }\n\n if (desc === undefined && value === undefined) { continue; }\n\n prevValue = obj[key];\n\n if ('function' === typeof prevValue) {\n if ((paths = prevValue.__ember_observesBefore__)) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.removeBeforeObserver(obj, paths[idx], null, key);\n }\n } else if ((paths = prevValue.__ember_observes__)) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.removeObserver(obj, paths[idx], null, key);\n }\n }\n }\n\n detectBinding(obj, key, value, m);\n\n defineProperty(obj, key, desc, value, m);\n\n if ('function' === typeof value) {\n if (paths = value.__ember_observesBefore__) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.addBeforeObserver(obj, paths[idx], null, key);\n }\n } else if (paths = value.__ember_observes__) {\n len = paths.length;\n for (idx=0; idx < len; idx++) {\n Ember.addObserver(obj, paths[idx], null, key);\n }\n }\n }\n\n if (req && req[key]) {\n req = writableReq(obj);\n req.__ember_count__--;\n req[key] = false;\n }\n }\n }\n\n if (!partial) { // don't apply to prototype\n finishPartial(obj, m);\n }\n\n // Make sure no required attrs remain\n if (!partial && req && req.__ember_count__>0) {\n var keys = [];\n for (key in req) {\n if (META_SKIP[key]) { continue; }\n keys.push(key);\n }\n // TODO: Remove surrounding if clause from production build\n Ember.assert('Required properties not defined: '+keys.join(','));\n }\n return obj;\n}\n\n/**\n @method mixin\n @for Ember\n @param obj\n @param mixins*\n @return obj\n*/\nEmber.mixin = function(obj) {\n var args = a_slice.call(arguments, 1);\n applyMixin(obj, args, false);\n return obj;\n};\n\n/**\n The `Ember.Mixin` class allows you to create mixins, whose properties can be\n added to other classes. For instance,\n\n App.Editable = Ember.Mixin.create({\n edit: function() {\n console.log('starting to edit');\n this.set('isEditing', true);\n },\n isEditing: false\n });\n\n // Mix mixins into classes by passing them as the first arguments to\n // .extend or .create.\n App.CommentView = Ember.View.extend(App.Editable, {\n template: Ember.Handlebars.compile('{{#if isEditing}}...{{else}}...{{/if}}')\n });\n\n commentView = App.CommentView.create();\n commentView.edit(); // => outputs 'starting to edit'\n\n Note that Mixins are created with `Ember.Mixin.create`, not\n `Ember.Mixin.extend`.\n\n @class Mixin\n @namespace Ember\n*/\nEmber.Mixin = function() { return initMixin(this, arguments); };\n\nMixin = Ember.Mixin;\n\nMixin._apply = applyMixin;\n\nMixin.applyPartial = function(obj) {\n var args = a_slice.call(arguments, 1);\n return applyMixin(obj, args, true);\n};\n\nMixin.finishPartial = finishPartial;\n\n/**\n @method create\n @static\n @param arguments*\n*/\nMixin.create = function() {\n classToString.processed = false;\n var M = this;\n return initMixin(new M(), arguments);\n};\n\nvar MixinPrototype = Mixin.prototype;\n\n/**\n @method reopen\n @param arguments*\n*/\nMixinPrototype.reopen = function() {\n var mixin, tmp;\n\n if (this.properties) {\n mixin = Mixin.create();\n mixin.properties = this.properties;\n delete this.properties;\n this.mixins = [mixin];\n } else if (!this.mixins) {\n this.mixins = [];\n }\n\n var len = arguments.length, mixins = this.mixins, idx;\n\n for(idx=0; idx < len; idx++) {\n mixin = arguments[idx];\n Ember.assert('Expected hash or Mixin instance, got ' + Object.prototype.toString.call(mixin), typeof mixin === 'object' && mixin !== null && Object.prototype.toString.call(mixin) !== '[object Array]');\n\n if (mixin instanceof Mixin) {\n mixins.push(mixin);\n } else {\n tmp = Mixin.create();\n tmp.properties = mixin;\n mixins.push(tmp);\n }\n }\n\n return this;\n};\n\n/**\n @method apply\n @param obj\n @return applied object\n*/\nMixinPrototype.apply = function(obj) {\n return applyMixin(obj, [this], false);\n};\n\nMixinPrototype.applyPartial = function(obj) {\n return applyMixin(obj, [this], true);\n};\n\nfunction _detect(curMixin, targetMixin, seen) {\n var guid = guidFor(curMixin);\n\n if (seen[guid]) { return false; }\n seen[guid] = true;\n\n if (curMixin === targetMixin) { return true; }\n var mixins = curMixin.mixins, loc = mixins ? mixins.length : 0;\n while (--loc >= 0) {\n if (_detect(mixins[loc], targetMixin, seen)) { return true; }\n }\n return false;\n}\n\n/**\n @method detect\n @param obj\n @return {Boolean}\n*/\nMixinPrototype.detect = function(obj) {\n if (!obj) { return false; }\n if (obj instanceof Mixin) { return _detect(obj, this, {}); }\n var mixins = Ember.meta(obj, false).mixins;\n if (mixins) {\n return !!mixins[guidFor(this)];\n }\n return false;\n};\n\nMixinPrototype.without = function() {\n var ret = new Mixin(this);\n ret._without = a_slice.call(arguments);\n return ret;\n};\n\nfunction _keys(ret, mixin, seen) {\n if (seen[guidFor(mixin)]) { return; }\n seen[guidFor(mixin)] = true;\n\n if (mixin.properties) {\n var props = mixin.properties;\n for (var key in props) {\n if (props.hasOwnProperty(key)) { ret[key] = true; }\n }\n } else if (mixin.mixins) {\n a_forEach.call(mixin.mixins, function(x) { _keys(ret, x, seen); });\n }\n}\n\nMixinPrototype.keys = function() {\n var keys = {}, seen = {}, ret = [];\n _keys(keys, this, seen);\n for(var key in keys) {\n if (keys.hasOwnProperty(key)) { ret.push(key); }\n }\n return ret;\n};\n\n/* make Mixins have nice displayNames */\n\nvar NAME_KEY = Ember.GUID_KEY+'_name';\nvar get = Ember.get;\n\nfunction processNames(paths, root, seen) {\n var idx = paths.length;\n for(var key in root) {\n if (!root.hasOwnProperty || !root.hasOwnProperty(key)) { continue; }\n var obj = root[key];\n paths[idx] = key;\n\n if (obj && obj.toString === classToString) {\n obj[NAME_KEY] = paths.join('.');\n } else if (obj && get(obj, 'isNamespace')) {\n if (seen[guidFor(obj)]) { continue; }\n seen[guidFor(obj)] = true;\n processNames(paths, obj, seen);\n }\n }\n paths.length = idx; // cut out last item\n}\n\nfunction findNamespaces() {\n var Namespace = Ember.Namespace, lookup = Ember.lookup, obj, isNamespace;\n\n if (Namespace.PROCESSED) { return; }\n\n for (var prop in lookup) {\n // get(window.globalStorage, 'isNamespace') would try to read the storage for domain isNamespace and cause exception in Firefox.\n // globalStorage is a storage obsoleted by the WhatWG storage specification. See https://developer.mozilla.org/en/DOM/Storage#globalStorage\n if (prop === \"globalStorage\" && lookup.StorageList && lookup.globalStorage instanceof lookup.StorageList) { continue; }\n // Unfortunately, some versions of IE don't support window.hasOwnProperty\n if (lookup.hasOwnProperty && !lookup.hasOwnProperty(prop)) { continue; }\n\n // At times we are not allowed to access certain properties for security reasons.\n // There are also times where even if we can access them, we are not allowed to access their properties.\n try {\n obj = Ember.lookup[prop];\n isNamespace = obj && get(obj, 'isNamespace');\n } catch (e) {\n continue;\n }\n\n if (isNamespace) {\n Ember.deprecate(\"Namespaces should not begin with lowercase.\", /^[A-Z]/.test(prop));\n obj[NAME_KEY] = prop;\n }\n }\n}\n\n/**\n @private\n @method identifyNamespaces\n @for Ember\n*/\nEmber.identifyNamespaces = findNamespaces;\n\nsuperClassString = function(mixin) {\n var superclass = mixin.superclass;\n if (superclass) {\n if (superclass[NAME_KEY]) { return superclass[NAME_KEY]; }\n else { return superClassString(superclass); }\n } else {\n return;\n }\n};\n\nclassToString = function() {\n var Namespace = Ember.Namespace, namespace;\n\n // TODO: Namespace should really be in Metal\n if (Namespace) {\n if (!this[NAME_KEY] && !classToString.processed) {\n if (!Namespace.PROCESSED) {\n findNamespaces();\n Namespace.PROCESSED = true;\n }\n\n classToString.processed = true;\n\n var namespaces = Namespace.NAMESPACES;\n for (var i=0, l=namespaces.length; i 'red'\n paintSample.moniker(); //=> 'Zed'\n\n @method alias\n @for Ember\n @param {String} methodName name of the method or property to alias\n @return {Ember.Descriptor}\n*/\nEmber.alias = function(methodName) {\n return new Alias(methodName);\n};\n\n// ..........................................................\n// OBSERVER HELPER\n//\n\n/**\n @method observer\n @for Ember\n @param {Function} func\n @param {String} propertyNames*\n @return func\n*/\nEmber.observer = function(func) {\n var paths = a_slice.call(arguments, 1);\n func.__ember_observes__ = paths;\n return func;\n};\n\n// If observers ever become asynchronous, Ember.immediateObserver\n// must remain synchronous.\n/**\n @method immediateObserver\n @for Ember\n @param {Function} func\n @param {String} propertyNames*\n @return func\n*/\nEmber.immediateObserver = function() {\n for (var i=0, l=arguments.length; i 0;\n\n if (existingDesc instanceof Ember.Descriptor) {\n existingDesc.teardown(obj, keyName);\n }\n\n if (desc instanceof Ember.Descriptor) {\n value = desc;\n\n descs[keyName] = desc;\n if (MANDATORY_SETTER && watching) {\n objectDefineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n writable: true,\n value: undefined // make enumerable\n });\n } else {\n obj[keyName] = undefined; // make enumerable\n }\n desc.setup(obj, keyName);\n } else {\n descs[keyName] = undefined; // shadow descriptor in proto\n if (desc == null) {\n value = data;\n\n if (MANDATORY_SETTER && watching) {\n meta.values[keyName] = data;\n objectDefineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n set: function() {\n Ember.assert('Must use Ember.set() to access this property', false);\n },\n get: function() {\n var meta = this[META_KEY];\n return meta && meta.values[keyName];\n }\n });\n } else {\n obj[keyName] = data;\n }\n } else {\n value = desc;\n\n // compatibility with ES5\n objectDefineProperty(obj, keyName, desc);\n }\n }\n\n // if key is being watched, override chains that\n // were initialized with the prototype\n if (watching) { Ember.overrideChains(obj, keyName, meta); }\n\n // The `value` passed to the `didDefineProperty` hook is\n // either the descriptor or data, whichever was passed.\n if (obj.didDefineProperty) { obj.didDefineProperty(obj, keyName, value); }\n\n return this;\n};\n\n\n})();\n//@ sourceURL=ember-metal/properties");minispade.register('ember-metal/run_loop', "(function() {minispade.require('ember-metal/core'); // Ember.Logger\nminispade.require('ember-metal/watching'); // Ember.watch.flushPending\nminispade.require('ember-metal/observer'); // Ember.beginPropertyChanges, Ember.endPropertyChanges\nminispade.require('ember-metal/utils'); // Ember.guidFor\n\n/**\n@module ember-metal\n*/\n\n// ..........................................................\n// HELPERS\n//\n\nvar slice = [].slice,\n forEach = Ember.ArrayPolyfills.forEach;\n\n// invokes passed params - normalizing so you can pass target/func,\n// target/string or just func\nfunction invoke(target, method, args, ignore) {\n\n if (method === undefined) {\n method = target;\n target = undefined;\n }\n\n if ('string' === typeof method) { method = target[method]; }\n if (args && ignore > 0) {\n args = args.length > ignore ? slice.call(args, ignore) : null;\n }\n\n return Ember.handleErrors(function() {\n // IE8's Function.prototype.apply doesn't accept undefined/null arguments.\n return method.apply(target || this, args || []);\n }, this);\n}\n\n\n// ..........................................................\n// RUNLOOP\n//\n\nvar timerMark; // used by timers...\n\n/**\nEmber RunLoop (Private)\n\n@class RunLoop\n@namespace Ember\n@private\n@constructor\n*/\nvar RunLoop = function(prev) {\n this._prev = prev || null;\n this.onceTimers = {};\n};\n\nRunLoop.prototype = {\n /**\n @method end\n */\n end: function() {\n this.flush();\n },\n\n /**\n @method prev\n */\n prev: function() {\n return this._prev;\n },\n\n // ..........................................................\n // Delayed Actions\n //\n\n /**\n @method schedule\n @param {String} queueName\n @param target\n @param method\n */\n schedule: function(queueName, target, method) {\n var queues = this._queues, queue;\n if (!queues) { queues = this._queues = {}; }\n queue = queues[queueName];\n if (!queue) { queue = queues[queueName] = []; }\n\n var args = arguments.length > 3 ? slice.call(arguments, 3) : null;\n queue.push({ target: target, method: method, args: args });\n return this;\n },\n\n /**\n @method flush\n @param {String} queueName\n */\n flush: function(queueName) {\n var queueNames, idx, len, queue, log;\n\n if (!this._queues) { return this; } // nothing to do\n\n function iter(item) {\n invoke(item.target, item.method, item.args);\n }\n\n Ember.watch.flushPending(); // make sure all chained watchers are setup\n\n if (queueName) {\n while (this._queues && (queue = this._queues[queueName])) {\n this._queues[queueName] = null;\n\n // the sync phase is to allow property changes to propagate. don't\n // invoke observers until that is finished.\n if (queueName === 'sync') {\n log = Ember.LOG_BINDINGS;\n if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); }\n\n Ember.beginPropertyChanges();\n try {\n forEach.call(queue, iter);\n } finally {\n Ember.endPropertyChanges();\n }\n\n if (log) { Ember.Logger.log('End: Flush Sync Queue'); }\n\n } else {\n forEach.call(queue, iter);\n }\n }\n\n } else {\n queueNames = Ember.run.queues;\n len = queueNames.length;\n idx = 0;\n\n outerloop:\n while (idx < len) {\n queueName = queueNames[idx];\n queue = this._queues && this._queues[queueName];\n delete this._queues[queueName];\n\n if (queue) {\n // the sync phase is to allow property changes to propagate. don't\n // invoke observers until that is finished.\n if (queueName === 'sync') {\n log = Ember.LOG_BINDINGS;\n if (log) { Ember.Logger.log('Begin: Flush Sync Queue'); }\n\n Ember.beginPropertyChanges();\n try {\n forEach.call(queue, iter);\n } finally {\n Ember.endPropertyChanges();\n }\n\n if (log) { Ember.Logger.log('End: Flush Sync Queue'); }\n } else {\n forEach.call(queue, iter);\n }\n }\n\n // Loop through prior queues\n for (var i = 0; i <= idx; i++) {\n if (this._queues && this._queues[queueNames[i]]) {\n // Start over at the first queue with contents\n idx = i;\n continue outerloop;\n }\n }\n\n idx++;\n }\n }\n\n timerMark = null;\n\n return this;\n }\n\n};\n\nEmber.RunLoop = RunLoop;\n\n// ..........................................................\n// Ember.run - this is ideally the only public API the dev sees\n//\n\n/**\n Runs the passed target and method inside of a RunLoop, ensuring any\n deferred actions including bindings and views updates are flushed at the\n end.\n\n Normally you should not need to invoke this method yourself. However if\n you are implementing raw event handlers when interfacing with other\n libraries or plugins, you should probably wrap all of your code inside this\n call.\n\n Ember.run(function(){\n // code to be execute within a RunLoop \n });\n\n @class run\n @namespace Ember\n @static\n @constructor\n @param {Object} [target] target of method to call\n @param {Function|String} method Method to invoke.\n May be a function or a string. If you pass a string\n then it will be looked up on the passed target.\n @param {Object} [args*] Any additional arguments you wish to pass to the method.\n @return {Object} return value from invoking the passed function.\n*/\nEmber.run = function(target, method) {\n var ret, loop;\n run.begin();\n try {\n if (target || method) { ret = invoke(target, method, arguments, 2); }\n } finally {\n run.end();\n }\n return ret;\n};\n\nvar run = Ember.run;\n\n\n/**\n Begins a new RunLoop. Any deferred actions invoked after the begin will\n be buffered until you invoke a matching call to Ember.run.end(). This is\n an lower-level way to use a RunLoop instead of using Ember.run().\n\n Ember.run.begin();\n // code to be execute within a RunLoop \n Ember.run.end();\n\n @method begin\n @return {void}\n*/\nEmber.run.begin = function() {\n run.currentRunLoop = new RunLoop(run.currentRunLoop);\n};\n\n/**\n Ends a RunLoop. This must be called sometime after you call Ember.run.begin()\n to flush any deferred actions. This is a lower-level way to use a RunLoop\n instead of using Ember.run().\n\n Ember.run.begin();\n // code to be execute within a RunLoop \n Ember.run.end();\n\n @method end\n @return {void}\n*/\nEmber.run.end = function() {\n Ember.assert('must have a current run loop', run.currentRunLoop);\n try {\n run.currentRunLoop.end();\n }\n finally {\n run.currentRunLoop = run.currentRunLoop.prev();\n }\n};\n\n/**\n Array of named queues. This array determines the order in which queues\n are flushed at the end of the RunLoop. You can define your own queues by\n simply adding the queue name to this array. Normally you should not need\n to inspect or modify this property.\n\n @property queues\n @type Array\n @default ['sync', 'actions', 'destroy', 'timers']\n*/\nEmber.run.queues = ['sync', 'actions', 'destroy', 'timers'];\n\n/**\n Adds the passed target/method and any optional arguments to the named\n queue to be executed at the end of the RunLoop. If you have not already\n started a RunLoop when calling this method one will be started for you\n automatically.\n\n At the end of a RunLoop, any methods scheduled in this way will be invoked.\n Methods will be invoked in an order matching the named queues defined in\n the run.queues property.\n\n Ember.run.schedule('timers', this, function(){\n // this will be executed at the end of the RunLoop, when timers are run\n console.log(\"scheduled on timers queue\");\n });\n Ember.run.schedule('sync', this, function(){\n // this will be executed at the end of the RunLoop, when bindings are synced\n console.log(\"scheduled on sync queue\");\n });\n // Note the functions will be run in order based on the run queues order. Output would be:\n // scheduled on sync queue\n // scheduled on timers queue\n\n @method schedule\n @param {String} queue The name of the queue to schedule against.\n Default queues are 'sync' and 'actions'\n\n @param {Object} [target] target object to use as the context when invoking a method.\n\n @param {String|Function} method The method to invoke. If you pass a string it\n will be resolved on the target object at the time the scheduled item is\n invoked allowing you to change the target function.\n\n @param {Object} [arguments*] Optional arguments to be passed to the queued method.\n\n @return {void}\n*/\nEmber.run.schedule = function(queue, target, method) {\n var loop = run.autorun();\n loop.schedule.apply(loop, arguments);\n};\n\nvar scheduledAutorun;\nfunction autorun() {\n scheduledAutorun = null;\n if (run.currentRunLoop) { run.end(); }\n}\n\n// Used by global test teardown\nEmber.run.hasScheduledTimers = function() {\n return !!(scheduledAutorun || scheduledLater || scheduledNext);\n};\n\n// Used by global test teardown\nEmber.run.cancelTimers = function () {\n if (scheduledAutorun) {\n clearTimeout(scheduledAutorun);\n scheduledAutorun = null;\n }\n if (scheduledLater) {\n clearTimeout(scheduledLater);\n scheduledLater = null;\n }\n if (scheduledNext) {\n clearTimeout(scheduledNext);\n scheduledNext = null;\n }\n timers = {};\n};\n\n/**\n Begins a new RunLoop if necessary and schedules a timer to flush the\n RunLoop at a later time. This method is used by parts of Ember to\n ensure the RunLoop always finishes. You normally do not need to call this\n method directly. Instead use Ember.run().\n\n\n @method autorun\n @example\n Ember.run.autorun();\n @return {Ember.RunLoop} the new current RunLoop\n*/\nEmber.run.autorun = function() {\n if (!run.currentRunLoop) {\n Ember.assert(\"You have turned on testing mode, which disabled the run-loop's autorun. You will need to wrap any code with asynchronous side-effects in an Ember.run\", !Ember.testing);\n\n run.begin();\n\n if (!scheduledAutorun) {\n scheduledAutorun = setTimeout(autorun, 1);\n }\n }\n\n return run.currentRunLoop;\n};\n\n/**\n Immediately flushes any events scheduled in the 'sync' queue. Bindings\n use this queue so this method is a useful way to immediately force all\n bindings in the application to sync.\n\n You should call this method anytime you need any changed state to propagate\n throughout the app immediately without repainting the UI.\n\n Ember.run.sync();\n\n @method sync\n @return {void}\n*/\nEmber.run.sync = function() {\n run.autorun();\n run.currentRunLoop.flush('sync');\n};\n\n// ..........................................................\n// TIMERS\n//\n\nvar timers = {}; // active timers...\n\nvar scheduledLater;\nfunction invokeLaterTimers() {\n scheduledLater = null;\n var now = (+ new Date()), earliest = -1;\n for (var key in timers) {\n if (!timers.hasOwnProperty(key)) { continue; }\n var timer = timers[key];\n if (timer && timer.expires) {\n if (now >= timer.expires) {\n delete timers[key];\n invoke(timer.target, timer.method, timer.args, 2);\n } else {\n if (earliest<0 || (timer.expires < earliest)) earliest=timer.expires;\n }\n }\n }\n\n // schedule next timeout to fire...\n if (earliest > 0) { scheduledLater = setTimeout(invokeLaterTimers, earliest-(+ new Date())); }\n}\n\n/**\n Invokes the passed target/method and optional arguments after a specified\n period if time. The last parameter of this method must always be a number\n of milliseconds.\n\n You should use this method whenever you need to run some action after a\n period of time instead of using setTimeout(). This method will ensure that\n items that expire during the same script execution cycle all execute\n together, which is often more efficient than using a real setTimeout.\n\n Ember.run.later(myContext, function(){\n // code here will execute within a RunLoop in about 500ms with this == myContext\n }, 500);\n\n @method later\n @param {Object} [target] target of method to invoke\n\n @param {Function|String} method The method to invoke.\n If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object} [args*] Optional arguments to pass to the timeout.\n\n @param {Number} wait\n Number of milliseconds to wait.\n\n @return {String} a string you can use to cancel the timer in\n {{#crossLink \"Ember/run.cancel\"}}{{/crossLink}} later.\n*/\nEmber.run.later = function(target, method) {\n var args, expires, timer, guid, wait;\n\n // setTimeout compatibility...\n if (arguments.length===2 && 'function' === typeof target) {\n wait = method;\n method = target;\n target = undefined;\n args = [target, method];\n } else {\n args = slice.call(arguments);\n wait = args.pop();\n }\n\n expires = (+ new Date()) + wait;\n timer = { target: target, method: method, expires: expires, args: args };\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n run.once(timers, invokeLaterTimers);\n return guid;\n};\n\nfunction invokeOnceTimer(guid, onceTimers) {\n if (onceTimers[this.tguid]) { delete onceTimers[this.tguid][this.mguid]; }\n if (timers[guid]) { invoke(this.target, this.method, this.args); }\n delete timers[guid];\n}\n\nfunction scheduleOnce(queue, target, method, args) {\n var tguid = Ember.guidFor(target),\n mguid = Ember.guidFor(method),\n onceTimers = run.autorun().onceTimers,\n guid = onceTimers[tguid] && onceTimers[tguid][mguid],\n timer;\n\n if (guid && timers[guid]) {\n timers[guid].args = args; // replace args\n } else {\n timer = {\n target: target,\n method: method,\n args: args,\n tguid: tguid,\n mguid: mguid\n };\n\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n if (!onceTimers[tguid]) { onceTimers[tguid] = {}; }\n onceTimers[tguid][mguid] = guid; // so it isn't scheduled more than once\n\n run.schedule(queue, timer, invokeOnceTimer, guid, onceTimers);\n }\n\n return guid;\n}\n\n/**\n Schedules an item to run one time during the current RunLoop. Calling\n this method with the same target/method combination will have no effect.\n\n Note that although you can pass optional arguments these will not be\n considered when looking for duplicates. New arguments will replace previous\n calls.\n\n Ember.run(function(){\n var doFoo = function() { foo(); }\n Ember.run.once(myContext, doFoo);\n Ember.run.once(myContext, doFoo);\n // doFoo will only be executed once at the end of the RunLoop\n });\n\n @method once\n @param {Object} [target] target of method to invoke\n\n @param {Function|String} method The method to invoke.\n If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object} [args*] Optional arguments to pass to the timeout.\n\n\n @return {Object} timer\n*/\nEmber.run.once = function(target, method) {\n return scheduleOnce('actions', target, method, slice.call(arguments, 2));\n};\n\nEmber.run.scheduleOnce = function(queue, target, method, args) {\n return scheduleOnce(queue, target, method, slice.call(arguments, 3));\n};\n\nvar scheduledNext;\nfunction invokeNextTimers() {\n scheduledNext = null;\n for(var key in timers) {\n if (!timers.hasOwnProperty(key)) { continue; }\n var timer = timers[key];\n if (timer.next) {\n delete timers[key];\n invoke(timer.target, timer.method, timer.args, 2);\n }\n }\n}\n\n/**\n Schedules an item to run after control has been returned to the system.\n This is often equivalent to calling setTimeout(function...,1).\n\n Ember.run.next(myContext, function(){\n // code to be executed in the next RunLoop, which will be scheduled after the current one\n });\n\n @method next\n @param {Object} [target] target of method to invoke\n\n @param {Function|String} method The method to invoke.\n If you pass a string it will be resolved on the\n target at the time the method is invoked.\n\n @param {Object} [args*] Optional arguments to pass to the timeout.\n\n @return {Object} timer\n*/\nEmber.run.next = function(target, method) {\n var guid,\n timer = {\n target: target,\n method: method,\n args: slice.call(arguments),\n next: true\n };\n\n guid = Ember.guidFor(timer);\n timers[guid] = timer;\n\n if (!scheduledNext) { scheduledNext = setTimeout(invokeNextTimers, 1); }\n return guid;\n};\n\n/**\n Cancels a scheduled item. Must be a value returned by `Ember.run.later()`,\n `Ember.run.once()`, or `Ember.run.next()`.\n\n var runNext = Ember.run.next(myContext, function(){\n // will not be executed\n });\n Ember.run.cancel(runNext);\n\n var runLater = Ember.run.later(myContext, function(){\n // will not be executed\n }, 500);\n Ember.run.cancel(runLater);\n\n var runOnce = Ember.run.once(myContext, function(){\n // will not be executed\n });\n Ember.run.cancel(runOnce);\n\n @method cancel\n @param {Object} timer Timer object to cancel\n @return {void}\n*/\nEmber.run.cancel = function(timer) {\n delete timers[timer];\n};\n\n})();\n//@ sourceURL=ember-metal/run_loop");minispade.register('ember-metal/utils', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\n\n/**\n@module ember-metal\n*/\n\nvar o_defineProperty = Ember.platform.defineProperty,\n o_create = Ember.create,\n // Used for guid generation...\n GUID_KEY = '__ember'+ (+ new Date()),\n uuid = 0,\n numberCache = [],\n stringCache = {};\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER;\n\n/**\n @private\n\n A unique key used to assign guids and other private metadata to objects.\n If you inspect an object in your browser debugger you will often see these.\n They can be safely ignored.\n\n On browsers that support it, these properties are added with enumeration\n disabled so they won't show up when you iterate over your properties.\n\n @property GUID_KEY\n @for Ember\n @type String\n @final\n*/\nEmber.GUID_KEY = GUID_KEY;\n\nvar GUID_DESC = {\n writable: false,\n configurable: false,\n enumerable: false,\n value: null\n};\n\n/**\n @private\n\n Generates a new guid, optionally saving the guid to the object that you\n pass in. You will rarely need to use this method. Instead you should\n call Ember.guidFor(obj), which return an existing guid if available.\n\n @method generateGuid\n @for Ember\n @param {Object} [obj] Object the guid will be used for. If passed in, the guid will\n be saved on the object and reused whenever you pass the same object\n again.\n\n If no object is passed, just generate a new guid.\n\n @param {String} [prefix] Prefix to place in front of the guid. Useful when you want to\n separate the guid into separate namespaces.\n\n @return {String} the guid\n*/\nEmber.generateGuid = function generateGuid(obj, prefix) {\n if (!prefix) prefix = 'ember';\n var ret = (prefix + (uuid++));\n if (obj) {\n GUID_DESC.value = ret;\n o_defineProperty(obj, GUID_KEY, GUID_DESC);\n }\n return ret ;\n};\n\n/**\n @private\n\n Returns a unique id for the object. If the object does not yet have\n a guid, one will be assigned to it. You can call this on any object,\n Ember.Object-based or not, but be aware that it will add a _guid property.\n\n You can also use this method on DOM Element objects.\n\n @method guidFor\n @for Ember\n @param obj {Object} any object, string, number, Element, or primitive\n @return {String} the unique guid for this instance.\n*/\nEmber.guidFor = function guidFor(obj) {\n\n // special cases where we don't want to add a key to object\n if (obj === undefined) return \"(undefined)\";\n if (obj === null) return \"(null)\";\n\n var cache, ret;\n var type = typeof obj;\n\n // Don't allow prototype changes to String etc. to change the guidFor\n switch(type) {\n case 'number':\n ret = numberCache[obj];\n if (!ret) ret = numberCache[obj] = 'nu'+obj;\n return ret;\n\n case 'string':\n ret = stringCache[obj];\n if (!ret) ret = stringCache[obj] = 'st'+(uuid++);\n return ret;\n\n case 'boolean':\n return obj ? '(true)' : '(false)';\n\n default:\n if (obj[GUID_KEY]) return obj[GUID_KEY];\n if (obj === Object) return '(Object)';\n if (obj === Array) return '(Array)';\n ret = 'ember'+(uuid++);\n GUID_DESC.value = ret;\n o_defineProperty(obj, GUID_KEY, GUID_DESC);\n return ret;\n }\n};\n\n// ..........................................................\n// META\n//\n\nvar META_DESC = {\n writable: true,\n configurable: false,\n enumerable: false,\n value: null\n};\n\nvar META_KEY = Ember.GUID_KEY+'_meta';\n\n/**\n The key used to store meta information on object for property observing.\n\n @property META_KEY\n @for Ember\n @private\n @final\n @type String\n*/\nEmber.META_KEY = META_KEY;\n\n// Placeholder for non-writable metas.\nvar EMPTY_META = {\n descs: {},\n watching: {}\n};\n\nif (MANDATORY_SETTER) { EMPTY_META.values = {}; }\n\nEmber.EMPTY_META = EMPTY_META;\n\nif (Object.freeze) Object.freeze(EMPTY_META);\n\nvar isDefinePropertySimulated = Ember.platform.defineProperty.isSimulated;\n\nfunction Meta(obj) {\n this.descs = {};\n this.watching = {};\n this.cache = {};\n this.source = obj;\n}\n\nif (isDefinePropertySimulated) {\n // on platforms that don't support enumerable false\n // make meta fail jQuery.isPlainObject() to hide from\n // jQuery.extend() by having a property that fails\n // hasOwnProperty check.\n Meta.prototype.__preventPlainObject__ = true;\n}\n\n/**\n Retrieves the meta hash for an object. If 'writable' is true ensures the\n hash is writable for this object as well.\n\n The meta object contains information about computed property descriptors as\n well as any watched properties and other information. You generally will\n not access this information directly but instead work with higher level\n methods that manipulate this hash indirectly.\n\n @method meta\n @for Ember\n @private\n\n @param {Object} obj The object to retrieve meta for\n\n @param {Boolean} [writable=true] Pass false if you do not intend to modify\n the meta hash, allowing the method to avoid making an unnecessary copy.\n\n @return {Hash}\n*/\nEmber.meta = function meta(obj, writable) {\n\n var ret = obj[META_KEY];\n if (writable===false) return ret || EMPTY_META;\n\n if (!ret) {\n if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC);\n\n ret = new Meta(obj);\n\n if (MANDATORY_SETTER) { ret.values = {}; }\n\n obj[META_KEY] = ret;\n\n // make sure we don't accidentally try to create constructor like desc\n ret.descs.constructor = null;\n\n } else if (ret.source !== obj) {\n if (!isDefinePropertySimulated) o_defineProperty(obj, META_KEY, META_DESC);\n\n ret = o_create(ret);\n ret.descs = o_create(ret.descs);\n ret.watching = o_create(ret.watching);\n ret.cache = {};\n ret.source = obj;\n\n if (MANDATORY_SETTER) { ret.values = o_create(ret.values); }\n\n obj[META_KEY] = ret;\n }\n return ret;\n};\n\nEmber.getMeta = function getMeta(obj, property) {\n var meta = Ember.meta(obj, false);\n return meta[property];\n};\n\nEmber.setMeta = function setMeta(obj, property, value) {\n var meta = Ember.meta(obj, true);\n meta[property] = value;\n return value;\n};\n\n/**\n @private\n\n In order to store defaults for a class, a prototype may need to create\n a default meta object, which will be inherited by any objects instantiated\n from the class's constructor.\n\n However, the properties of that meta object are only shallow-cloned,\n so if a property is a hash (like the event system's `listeners` hash),\n it will by default be shared across all instances of that class.\n\n This method allows extensions to deeply clone a series of nested hashes or\n other complex objects. For instance, the event system might pass\n ['listeners', 'foo:change', 'ember157'] to `prepareMetaPath`, which will\n walk down the keys provided.\n\n For each key, if the key does not exist, it is created. If it already\n exists and it was inherited from its constructor, the constructor's\n key is cloned.\n\n You can also pass false for `writable`, which will simply return\n undefined if `prepareMetaPath` discovers any part of the path that\n shared or undefined.\n\n @method metaPath\n @for Ember\n @param {Object} obj The object whose meta we are examining\n @param {Array} path An array of keys to walk down\n @param {Boolean} writable whether or not to create a new meta\n (or meta property) if one does not already exist or if it's\n shared with its constructor\n*/\nEmber.metaPath = function metaPath(obj, path, writable) {\n var meta = Ember.meta(obj, writable), keyName, value;\n\n for (var i=0, l=path.length; i []\n Ember.makeArray(null); => []\n Ember.makeArray(undefined); => []\n Ember.makeArray('lindsay'); => ['lindsay']\n Ember.makeArray([1,2,42]); => [1,2,42]\n\n var controller = Ember.ArrayProxy.create({ content: [] });\n Ember.makeArray(controller) === controller; => true\n\n @method makeArray\n @for Ember\n @param {Object} obj the object\n @return {Array}\n*/\nEmber.makeArray = function(obj) {\n if (obj === null || obj === undefined) { return []; }\n return Ember.isArray(obj) ? obj : [obj];\n};\n\nfunction canInvoke(obj, methodName) {\n return !!(obj && typeof obj[methodName] === 'function');\n}\n\n/**\n Checks to see if the `methodName` exists on the `obj`.\n\n @method canInvoke\n @for Ember\n @param {Object} obj The object to check for the method\n @param {String} methodName The method name to check for\n*/\nEmber.canInvoke = canInvoke;\n\n/**\n Checks to see if the `methodName` exists on the `obj`,\n and if it does, invokes it with the arguments passed.\n\n @method tryInvoke\n @for Ember\n @param {Object} obj The object to check for the method\n @param {String} methodName The method name to check for\n @param {Array} [args] The arguments to pass to the method\n @return {anything} the return value of the invoked method or undefined if it cannot be invoked\n*/\nEmber.tryInvoke = function(obj, methodName, args) {\n if (canInvoke(obj, methodName)) {\n return obj[methodName].apply(obj, args || []);\n }\n};\n\n})();\n//@ sourceURL=ember-metal/utils");minispade.register('ember-metal/watching', "(function() {minispade.require('ember-metal/core');\nminispade.require('ember-metal/platform');\nminispade.require('ember-metal/utils');\nminispade.require('ember-metal/accessors');\nminispade.require('ember-metal/properties');\nminispade.require('ember-metal/observer');\nminispade.require('ember-metal/array');\n\n/**\n@module ember-metal\n*/\n\nvar guidFor = Ember.guidFor, // utils.js\n metaFor = Ember.meta, // utils.js\n get = Ember.get, // accessors.js\n set = Ember.set, // accessors.js\n normalizeTuple = Ember.normalizeTuple, // accessors.js\n GUID_KEY = Ember.GUID_KEY, // utils.js\n META_KEY = Ember.META_KEY, // utils.js\n // circular reference observer depends on Ember.watch\n // we should move change events to this file or its own property_events.js\n notifyObservers = Ember.notifyObservers, // observer.js\n forEach = Ember.ArrayPolyfills.forEach, // array.js\n FIRST_KEY = /^([^\\.\\*]+)/,\n IS_PATH = /[\\.\\*]/;\n\nvar MANDATORY_SETTER = Ember.ENV.MANDATORY_SETTER,\no_defineProperty = Ember.platform.defineProperty;\n\nfunction firstKey(path) {\n return path.match(FIRST_KEY)[0];\n}\n\n// returns true if the passed path is just a keyName\nfunction isKeyName(path) {\n return path==='*' || !IS_PATH.test(path);\n}\n\n// ..........................................................\n// DEPENDENT KEYS\n//\n\nvar DEP_SKIP = { __emberproto__: true }; // skip some keys and toString\n\nfunction iterDeps(method, obj, depKey, seen, meta) {\n\n var guid = guidFor(obj);\n if (!seen[guid]) seen[guid] = {};\n if (seen[guid][depKey]) return;\n seen[guid][depKey] = true;\n\n var deps = meta.deps;\n deps = deps && deps[depKey];\n if (deps) {\n for(var key in deps) {\n if (DEP_SKIP[key]) continue;\n var desc = meta.descs[key];\n if (desc && desc._suspended === obj) continue;\n method(obj, key);\n }\n }\n}\n\n\nvar WILL_SEEN, DID_SEEN;\n\n// called whenever a property is about to change to clear the cache of any dependent keys (and notify those properties of changes, etc...)\nfunction dependentKeysWillChange(obj, depKey, meta) {\n if (obj.isDestroying) { return; }\n\n var seen = WILL_SEEN, top = !seen;\n if (top) { seen = WILL_SEEN = {}; }\n iterDeps(propertyWillChange, obj, depKey, seen, meta);\n if (top) { WILL_SEEN = null; }\n}\n\n// called whenever a property has just changed to update dependent keys\nfunction dependentKeysDidChange(obj, depKey, meta) {\n if (obj.isDestroying) { return; }\n\n var seen = DID_SEEN, top = !seen;\n if (top) { seen = DID_SEEN = {}; }\n iterDeps(propertyDidChange, obj, depKey, seen, meta);\n if (top) { DID_SEEN = null; }\n}\n\n// ..........................................................\n// CHAIN\n//\n\nfunction addChainWatcher(obj, keyName, node) {\n if (!obj || ('object' !== typeof obj)) return; // nothing to do\n var m = metaFor(obj);\n var nodes = m.chainWatchers;\n if (!nodes || nodes.__emberproto__ !== obj) {\n nodes = m.chainWatchers = { __emberproto__: obj };\n }\n\n if (!nodes[keyName]) { nodes[keyName] = {}; }\n nodes[keyName][guidFor(node)] = node;\n Ember.watch(obj, keyName);\n}\n\nfunction removeChainWatcher(obj, keyName, node) {\n if (!obj || 'object' !== typeof obj) { return; } // nothing to do\n var m = metaFor(obj, false),\n nodes = m.chainWatchers;\n if (!nodes || nodes.__emberproto__ !== obj) { return; } //nothing to do\n if (nodes[keyName]) { delete nodes[keyName][guidFor(node)]; }\n Ember.unwatch(obj, keyName);\n}\n\nvar pendingQueue = [];\n\n// attempts to add the pendingQueue chains again. If some of them end up\n// back in the queue and reschedule is true, schedules a timeout to try\n// again.\nfunction flushPendingChains() {\n if (pendingQueue.length === 0) { return; } // nothing to do\n\n var queue = pendingQueue;\n pendingQueue = [];\n\n forEach.call(queue, function(q) { q[0].add(q[1]); });\n\n Ember.warn('Watching an undefined global, Ember expects watched globals to be setup by the time the run loop is flushed, check for typos', pendingQueue.length === 0);\n}\n\nfunction isProto(pvalue) {\n return metaFor(pvalue, false).proto === pvalue;\n}\n\n// A ChainNode watches a single key on an object. If you provide a starting\n// value for the key then the node won't actually watch it. For a root node\n// pass null for parent and key and object for value.\nvar ChainNode = function(parent, key, value, separator) {\n var obj;\n this._parent = parent;\n this._key = key;\n\n // _watching is true when calling get(this._parent, this._key) will\n // return the value of this node.\n //\n // It is false for the root of a chain (because we have no parent)\n // and for global paths (because the parent node is the object with\n // the observer on it)\n this._watching = value===undefined;\n\n this._value = value;\n this._separator = separator || '.';\n this._paths = {};\n if (this._watching) {\n this._object = parent.value();\n if (this._object) { addChainWatcher(this._object, this._key, this); }\n }\n\n // Special-case: the EachProxy relies on immediate evaluation to\n // establish its observers.\n //\n // TODO: Replace this with an efficient callback that the EachProxy\n // can implement.\n if (this._parent && this._parent._key === '@each') {\n this.value();\n }\n};\n\nvar ChainNodePrototype = ChainNode.prototype;\n\nChainNodePrototype.value = function() {\n if (this._value === undefined && this._watching) {\n var obj = this._parent.value();\n this._value = (obj && !isProto(obj)) ? get(obj, this._key) : undefined;\n }\n return this._value;\n};\n\nChainNodePrototype.destroy = function() {\n if (this._watching) {\n var obj = this._object;\n if (obj) { removeChainWatcher(obj, this._key, this); }\n this._watching = false; // so future calls do nothing\n }\n};\n\n// copies a top level object only\nChainNodePrototype.copy = function(obj) {\n var ret = new ChainNode(null, null, obj, this._separator),\n paths = this._paths, path;\n for (path in paths) {\n if (paths[path] <= 0) { continue; } // this check will also catch non-number vals.\n ret.add(path);\n }\n return ret;\n};\n\n// called on the root node of a chain to setup watchers on the specified\n// path.\nChainNodePrototype.add = function(path) {\n var obj, tuple, key, src, separator, paths;\n\n paths = this._paths;\n paths[path] = (paths[path] || 0) + 1;\n\n obj = this.value();\n tuple = normalizeTuple(obj, path);\n\n // the path was a local path\n if (tuple[0] && tuple[0] === obj) {\n path = tuple[1];\n key = firstKey(path);\n path = path.slice(key.length+1);\n\n // global path, but object does not exist yet.\n // put into a queue and try to connect later.\n } else if (!tuple[0]) {\n pendingQueue.push([this, path]);\n tuple.length = 0;\n return;\n\n // global path, and object already exists\n } else {\n src = tuple[0];\n key = path.slice(0, 0-(tuple[1].length+1));\n separator = path.slice(key.length, key.length+1);\n path = tuple[1];\n }\n\n tuple.length = 0;\n this.chain(key, path, src, separator);\n};\n\n// called on the root node of a chain to teardown watcher on the specified\n// path\nChainNodePrototype.remove = function(path) {\n var obj, tuple, key, src, paths;\n\n paths = this._paths;\n if (paths[path] > 0) { paths[path]--; }\n\n obj = this.value();\n tuple = normalizeTuple(obj, path);\n if (tuple[0] === obj) {\n path = tuple[1];\n key = firstKey(path);\n path = path.slice(key.length+1);\n } else {\n src = tuple[0];\n key = path.slice(0, 0-(tuple[1].length+1));\n path = tuple[1];\n }\n\n tuple.length = 0;\n this.unchain(key, path);\n};\n\nChainNodePrototype.count = 0;\n\nChainNodePrototype.chain = function(key, path, src, separator) {\n var chains = this._chains, node;\n if (!chains) { chains = this._chains = {}; }\n\n node = chains[key];\n if (!node) { node = chains[key] = new ChainNode(this, key, src, separator); }\n node.count++; // count chains...\n\n // chain rest of path if there is one\n if (path && path.length>0) {\n key = firstKey(path);\n path = path.slice(key.length+1);\n node.chain(key, path); // NOTE: no src means it will observe changes...\n }\n};\n\nChainNodePrototype.unchain = function(key, path) {\n var chains = this._chains, node = chains[key];\n\n // unchain rest of path first...\n if (path && path.length>1) {\n key = firstKey(path);\n path = path.slice(key.length+1);\n node.unchain(key, path);\n }\n\n // delete node if needed.\n node.count--;\n if (node.count<=0) {\n delete chains[node._key];\n node.destroy();\n }\n\n};\n\nChainNodePrototype.willChange = function() {\n var chains = this._chains;\n if (chains) {\n for(var key in chains) {\n if (!chains.hasOwnProperty(key)) { continue; }\n chains[key].willChange();\n }\n }\n\n if (this._parent) { this._parent.chainWillChange(this, this._key, 1); }\n};\n\nChainNodePrototype.chainWillChange = function(chain, path, depth) {\n if (this._key) { path = this._key + this._separator + path; }\n\n if (this._parent) {\n this._parent.chainWillChange(this, path, depth+1);\n } else {\n if (depth > 1) { Ember.propertyWillChange(this.value(), path); }\n path = 'this.' + path;\n if (this._paths[path] > 0) { Ember.propertyWillChange(this.value(), path); }\n }\n};\n\nChainNodePrototype.chainDidChange = function(chain, path, depth) {\n if (this._key) { path = this._key + this._separator + path; }\n if (this._parent) {\n this._parent.chainDidChange(this, path, depth+1);\n } else {\n if (depth > 1) { Ember.propertyDidChange(this.value(), path); }\n path = 'this.' + path;\n if (this._paths[path] > 0) { Ember.propertyDidChange(this.value(), path); }\n }\n};\n\nChainNodePrototype.didChange = function(suppressEvent) {\n // invalidate my own value first.\n if (this._watching) {\n var obj = this._parent.value();\n if (obj !== this._object) {\n removeChainWatcher(this._object, this._key, this);\n this._object = obj;\n addChainWatcher(obj, this._key, this);\n }\n this._value = undefined;\n\n // Special-case: the EachProxy relies on immediate evaluation to\n // establish its observers.\n if (this._parent && this._parent._key === '@each')\n this.value();\n }\n\n // then notify chains...\n var chains = this._chains;\n if (chains) {\n for(var key in chains) {\n if (!chains.hasOwnProperty(key)) { continue; }\n chains[key].didChange(suppressEvent);\n }\n }\n\n if (suppressEvent) { return; }\n\n // and finally tell parent about my path changing...\n if (this._parent) { this._parent.chainDidChange(this, this._key, 1); }\n};\n\n// get the chains for the current object. If the current object has\n// chains inherited from the proto they will be cloned and reconfigured for\n// the current object.\nfunction chainsFor(obj) {\n var m = metaFor(obj), ret = m.chains;\n if (!ret) {\n ret = m.chains = new ChainNode(null, null, obj);\n } else if (ret.value() !== obj) {\n ret = m.chains = ret.copy(obj);\n }\n return ret;\n}\n\nfunction notifyChains(obj, m, keyName, methodName, arg) {\n var nodes = m.chainWatchers;\n\n if (!nodes || nodes.__emberproto__ !== obj) { return; } // nothing to do\n\n nodes = nodes[keyName];\n if (!nodes) { return; }\n\n for(var key in nodes) {\n if (!nodes.hasOwnProperty(key)) { continue; }\n nodes[key][methodName](arg);\n }\n}\n\nEmber.overrideChains = function(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'didChange', true);\n};\n\nfunction chainsWillChange(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'willChange');\n}\n\nfunction chainsDidChange(obj, keyName, m) {\n notifyChains(obj, m, keyName, 'didChange');\n}\n\n// ..........................................................\n// WATCH\n//\n\n/**\n @private\n\n Starts watching a property on an object. Whenever the property changes,\n invokes Ember.propertyWillChange and Ember.propertyDidChange. This is the\n primitive used by observers and dependent keys; usually you will never call\n this method directly but instead use higher level methods like\n Ember.addObserver().\n\n @method watch\n @for Ember\n @param obj\n @param {String} keyName\n*/\nEmber.watch = function(obj, keyName) {\n // can't watch length on Array - it is special...\n if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; }\n\n var m = metaFor(obj), watching = m.watching, desc;\n\n // activate watching first time\n if (!watching[keyName]) {\n watching[keyName] = 1;\n if (isKeyName(keyName)) {\n desc = m.descs[keyName];\n if (desc && desc.willWatch) { desc.willWatch(obj, keyName); }\n\n if ('function' === typeof obj.willWatchProperty) {\n obj.willWatchProperty(keyName);\n }\n\n if (MANDATORY_SETTER && keyName in obj) {\n m.values[keyName] = obj[keyName];\n o_defineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n set: function() {\n Ember.assert('Must use Ember.set() to access this property', false);\n },\n get: function() {\n var meta = this[META_KEY];\n return meta && meta.values[keyName];\n }\n });\n }\n } else {\n chainsFor(obj).add(keyName);\n }\n\n } else {\n watching[keyName] = (watching[keyName] || 0) + 1;\n }\n return this;\n};\n\nEmber.isWatching = function isWatching(obj, key) {\n var meta = obj[META_KEY];\n return (meta && meta.watching[key]) > 0;\n};\n\nEmber.watch.flushPending = flushPendingChains;\n\nEmber.unwatch = function(obj, keyName) {\n // can't watch length on Array - it is special...\n if (keyName === 'length' && Ember.typeOf(obj) === 'array') { return this; }\n\n var m = metaFor(obj), watching = m.watching, desc;\n\n if (watching[keyName] === 1) {\n watching[keyName] = 0;\n\n if (isKeyName(keyName)) {\n desc = m.descs[keyName];\n if (desc && desc.didUnwatch) { desc.didUnwatch(obj, keyName); }\n\n if ('function' === typeof obj.didUnwatchProperty) {\n obj.didUnwatchProperty(keyName);\n }\n\n if (MANDATORY_SETTER && keyName in obj) {\n o_defineProperty(obj, keyName, {\n configurable: true,\n enumerable: true,\n writable: true,\n value: m.values[keyName]\n });\n delete m.values[keyName];\n }\n } else {\n chainsFor(obj).remove(keyName);\n }\n\n } else if (watching[keyName]>1) {\n watching[keyName]--;\n }\n\n return this;\n};\n\n/**\n @private\n\n Call on an object when you first beget it from another object. This will\n setup any chained watchers on the object instance as needed. This method is\n safe to call multiple times.\n\n @method rewatch\n @for Ember\n @param obj\n*/\nEmber.rewatch = function(obj) {\n var m = metaFor(obj, false), chains = m.chains;\n\n // make sure the object has its own guid.\n if (GUID_KEY in obj && !obj.hasOwnProperty(GUID_KEY)) {\n Ember.generateGuid(obj, 'ember');\n }\n\n // make sure any chained watchers update.\n if (chains && chains.value() !== obj) {\n m.chains = chains.copy(obj);\n }\n\n return this;\n};\n\nEmber.finishChains = function(obj) {\n var m = metaFor(obj, false), chains = m.chains;\n if (chains) {\n if (chains.value() !== obj) {\n m.chains = chains = chains.copy(obj);\n }\n chains.didChange(true);\n }\n};\n\n// ..........................................................\n// PROPERTY CHANGES\n//\n\n/**\n This function is called just before an object property is about to change.\n It will notify any before observers and prepare caches among other things.\n\n Normally you will not need to call this method directly but if for some\n reason you can't directly watch a property you can invoke this method\n manually along with `Ember.propertyDidChange()` which you should call just\n after the property value changes.\n\n @method propertyWillChange\n @for Ember\n @param {Object} obj The object with the property that will change\n @param {String} keyName The property key (or path) that will change.\n @return {void}\n*/\nfunction propertyWillChange(obj, keyName, value) {\n var m = metaFor(obj, false),\n watching = m.watching[keyName] > 0 || keyName === 'length',\n proto = m.proto,\n desc = m.descs[keyName];\n\n if (!watching) { return; }\n if (proto === obj) { return; }\n if (desc && desc.willChange) { desc.willChange(obj, keyName); }\n dependentKeysWillChange(obj, keyName, m);\n chainsWillChange(obj, keyName, m);\n Ember.notifyBeforeObservers(obj, keyName);\n}\n\nEmber.propertyWillChange = propertyWillChange;\n\n/**\n This function is called just after an object property has changed.\n It will notify any observers and clear caches among other things.\n\n Normally you will not need to call this method directly but if for some\n reason you can't directly watch a property you can invoke this method\n manually along with `Ember.propertyWilLChange()` which you should call just\n before the property value changes.\n\n @method propertyDidChange\n @for Ember\n @param {Object} obj The object with the property that will change\n @param {String} keyName The property key (or path) that will change.\n @return {void}\n*/\nfunction propertyDidChange(obj, keyName) {\n var m = metaFor(obj, false),\n watching = m.watching[keyName] > 0 || keyName === 'length',\n proto = m.proto,\n desc = m.descs[keyName];\n\n if (proto === obj) { return; }\n\n // shouldn't this mean that we're watching this key?\n if (desc && desc.didChange) { desc.didChange(obj, keyName); }\n if (!watching && keyName !== 'length') { return; }\n\n dependentKeysDidChange(obj, keyName, m);\n chainsDidChange(obj, keyName, m);\n Ember.notifyObservers(obj, keyName);\n}\n\nEmber.propertyDidChange = propertyDidChange;\n\nvar NODE_STACK = [];\n\n/**\n Tears down the meta on an object so that it can be garbage collected.\n Multiple calls will have no effect.\n\n @method destroy\n @for Ember\n @param {Object} obj the object to destroy\n @return {void}\n*/\nEmber.destroy = function (obj) {\n var meta = obj[META_KEY], node, nodes, key, nodeObject;\n if (meta) {\n obj[META_KEY] = null;\n // remove chainWatchers to remove circular references that would prevent GC\n node = meta.chains;\n if (node) {\n NODE_STACK.push(node);\n // process tree\n while (NODE_STACK.length > 0) {\n node = NODE_STACK.pop();\n // push children\n nodes = node._chains;\n if (nodes) {\n for (key in nodes) {\n if (nodes.hasOwnProperty(key)) {\n NODE_STACK.push(nodes[key]);\n }\n }\n }\n // remove chainWatcher in node object\n if (node._watching) {\n nodeObject = node._object;\n if (nodeObject) {\n removeChainWatcher(nodeObject, node._key, node);\n }\n }\n }\n }\n }\n};\n\n})();\n//@ sourceURL=ember-metal/watching");minispade.register('ember-routing/location', "(function() {minispade.require('ember-views');\nminispade.require('ember-routing/location/api');\nminispade.require('ember-routing/location/none_location');\nminispade.require('ember-routing/location/hash_location');\nminispade.require('ember-routing/location/history_location');\n\n})();\n//@ sourceURL=ember-routing/location");minispade.register('ember-routing/location/api', "(function() {/**\n@module ember\n@submodule ember-routing\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/*\n This file implements the `location` API used by Ember's router.\n\n That API is:\n\n getURL: returns the current URL\n setURL(path): sets the current URL\n onUpdateURL(callback): triggers the callback when the URL changes\n formatURL(url): formats `url` to be placed into `href` attribute\n\n Calling setURL will not trigger onUpdateURL callbacks.\n\n TODO: This should perhaps be moved so that it's visible in the doc output.\n*/\n\n/**\n Ember.Location returns an instance of the correct implementation of\n the `location` API.\n\n You can pass it a `implementation` ('hash', 'history', 'none') to force a\n particular implementation.\n\n @class Location\n @namespace Ember\n @static\n*/\nEmber.Location = {\n create: function(options) {\n var implementation = options && options.implementation;\n Ember.assert(\"Ember.Location.create: you must specify a 'implementation' option\", !!implementation);\n\n var implementationClass = this.implementations[implementation];\n Ember.assert(\"Ember.Location.create: \" + implementation + \" is not a valid implementation\", !!implementationClass);\n\n return implementationClass.create.apply(implementationClass, arguments);\n },\n\n registerImplementation: function(name, implementation) {\n this.implementations[name] = implementation;\n },\n\n implementations: {}\n};\n\n})();\n//@ sourceURL=ember-routing/location/api");minispade.register('ember-routing/location/hash_location', "(function() {/**\n@module ember\n@submodule ember-routing\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n Ember.HashLocation implements the location API using the browser's\n hash. At present, it relies on a hashchange event existing in the\n browser.\n\n @class HashLocation\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.HashLocation = Ember.Object.extend({\n\n init: function() {\n set(this, 'location', get(this, 'location') || window.location);\n },\n\n /**\n @private\n\n Returns the current `location.hash`, minus the '#' at the front.\n\n @method getURL\n */\n getURL: function() {\n return get(this, 'location').hash.substr(1);\n },\n\n /**\n @private\n\n Set the `location.hash` and remembers what was set. This prevents\n `onUpdateURL` callbacks from triggering when the hash was set by\n `HashLocation`.\n\n @method setURL\n @param path {String}\n */\n setURL: function(path) {\n get(this, 'location').hash = path;\n set(this, 'lastSetURL', path);\n },\n\n /**\n @private\n\n Register a callback to be invoked when the hash changes. These\n callbacks will execute when the user presses the back or forward\n button, but not after `setURL` is invoked.\n\n @method onUpdateURL\n @param callback {Function}\n */\n onUpdateURL: function(callback) {\n var self = this;\n var guid = Ember.guidFor(this);\n\n Ember.$(window).bind('hashchange.ember-location-'+guid, function() {\n var path = location.hash.substr(1);\n if (get(self, 'lastSetURL') === path) { return; }\n\n set(self, 'lastSetURL', null);\n\n callback(location.hash.substr(1));\n });\n },\n\n /**\n @private\n\n Given a URL, formats it to be placed into the page as part\n of an element's `href` attribute.\n\n This is used, for example, when using the {{action}} helper\n to generate a URL based on an event.\n\n @method formatURL\n @param url {String}\n */\n formatURL: function(url) {\n return '#'+url;\n },\n\n willDestroy: function() {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).unbind('hashchange.ember-location-'+guid);\n }\n});\n\nEmber.Location.registerImplementation('hash', Ember.HashLocation);\n\n})();\n//@ sourceURL=ember-routing/location/hash_location");minispade.register('ember-routing/location/history_location', "(function() {/**\n@module ember\n@submodule ember-routing\n*/\n\nvar get = Ember.get, set = Ember.set;\nvar popstateReady = false;\n\n/**\n Ember.HistoryLocation implements the location API using the browser's\n history.pushState API.\n\n @class HistoryLocation\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.HistoryLocation = Ember.Object.extend({\n\n init: function() {\n set(this, 'location', get(this, 'location') || window.location);\n this.initState();\n },\n\n /**\n @private\n\n Used to set state on first call to setURL\n\n @method initState\n */\n initState: function() {\n this.replaceState(get(this, 'location').pathname);\n set(this, 'history', window.history);\n },\n\n /**\n Will be pre-pended to path upon state change\n\n @property rootURL\n @default '/'\n */\n rootURL: '/',\n\n /**\n @private\n\n Returns the current `location.pathname`.\n\n @method getURL\n */\n getURL: function() {\n return get(this, 'location').pathname;\n },\n\n /**\n @private\n\n Uses `history.pushState` to update the url without a page reload.\n\n @method setURL\n @param path {String}\n */\n setURL: function(path) {\n path = this.formatURL(path);\n\n if (this.getState().path !== path) {\n popstateReady = true;\n this.pushState(path);\n }\n },\n\n /**\n @private\n\n Get the current `history.state`\n\n @method getState\n */\n getState: function() {\n return get(this, 'history').state;\n },\n\n /**\n @private\n\n Pushes a new state\n\n @method pushState\n @param path {String}\n */\n pushState: function(path) {\n window.history.pushState({ path: path }, null, path);\n },\n\n /**\n @private\n\n Replaces the current state\n\n @method replaceState\n @param path {String}\n */\n replaceState: function(path) {\n window.history.replaceState({ path: path }, null, path);\n },\n\n /**\n @private\n\n Register a callback to be invoked whenever the browser\n history changes, including using forward and back buttons.\n\n @method onUpdateURL\n @param callback {Function}\n */\n onUpdateURL: function(callback) {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).bind('popstate.ember-location-'+guid, function(e) {\n if(!popstateReady) {\n return;\n }\n callback(location.pathname);\n });\n },\n\n /**\n @private\n\n Used when using `{{action}}` helper. The url is always appended to the rootURL.\n\n @method formatURL\n @param url {String}\n */\n formatURL: function(url) {\n var rootURL = get(this, 'rootURL');\n\n if (url !== '') {\n rootURL = rootURL.replace(/\\/$/, '');\n }\n\n return rootURL + url;\n },\n\n willDestroy: function() {\n var guid = Ember.guidFor(this);\n\n Ember.$(window).unbind('popstate.ember-location-'+guid);\n }\n});\n\nEmber.Location.registerImplementation('history', Ember.HistoryLocation);\n\n})();\n//@ sourceURL=ember-routing/location/history_location");minispade.register('ember-routing/location/none_location', "(function() {/**\n@module ember\n@submodule ember-routing\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n Ember.NoneLocation does not interact with the browser. It is useful for\n testing, or when you need to manage state with your Router, but temporarily\n don't want it to muck with the URL (for example when you embed your\n application in a larger page).\n\n @class NoneLocation\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.NoneLocation = Ember.Object.extend({\n path: '',\n\n getURL: function() {\n return get(this, 'path');\n },\n\n setURL: function(path) {\n set(this, 'path', path);\n },\n\n onUpdateURL: function(callback) {\n // We are not wired up to the browser, so we'll never trigger the callback.\n },\n\n formatURL: function(url) {\n // The return value is not overly meaningful, but we do not want to throw\n // errors when test code renders templates containing {{action href=true}}\n // helpers.\n return url;\n }\n});\n\nEmber.Location.registerImplementation('none', Ember.NoneLocation);\n\n})();\n//@ sourceURL=ember-routing/location/none_location");minispade.register('ember-routing', "(function() {minispade.require('ember-states');\nminispade.require('ember-routing/route');\nminispade.require('ember-routing/router');\n\n/**\nEmber Routing\n\n@module ember\n@submodule ember-routing\n@requires ember-states\n*/\n\n})();\n//@ sourceURL=ember-routing");minispade.register('ember-routing/resolved_state', "(function() {var get = Ember.get;\n\nEmber._ResolvedState = Ember.Object.extend({\n manager: null,\n state: null,\n match: null,\n\n object: Ember.computed(function(key, value) {\n if (arguments.length === 2) {\n this._object = value;\n return value;\n } else {\n if (this._object) {\n return this._object;\n } else {\n var state = get(this, 'state'),\n match = get(this, 'match'),\n manager = get(this, 'manager');\n return state.deserialize(manager, match.hash);\n }\n }\n }).property(),\n\n hasPromise: Ember.computed(function() {\n return Ember.canInvoke(get(this, 'object'), 'then');\n }).property('object'),\n\n promise: Ember.computed(function() {\n var object = get(this, 'object');\n if (Ember.canInvoke(object, 'then')) {\n return object;\n } else {\n return {\n then: function(success) { success(object); }\n };\n }\n }).property('object'),\n\n transition: function() {\n var manager = get(this, 'manager'),\n path = get(this, 'state.path'),\n object = get(this, 'object');\n manager.transitionTo(path, object);\n }\n});\n\n})();\n//@ sourceURL=ember-routing/resolved_state");minispade.register('ember-routing/routable', "(function() {minispade.require('ember-routing/resolved_state');\n\n/**\n@module ember\n@submodule ember-routing\n*/\n\nvar get = Ember.get;\n\n// The Ember Routable mixin assumes the existance of a simple\n// routing shim that supports the following three behaviors:\n//\n// * .getURL() - this is called when the page loads\n// * .setURL(newURL) - this is called from within the state\n// manager when the state changes to a routable state\n// * .onURLChange(callback) - this happens when the user presses\n// the back or forward button\n\nvar paramForClass = function(classObject) {\n var className = classObject.toString(),\n parts = className.split(\".\"),\n last = parts[parts.length - 1];\n\n return Ember.String.underscore(last) + \"_id\";\n};\n\nvar merge = function(original, hash) {\n for (var prop in hash) {\n if (!hash.hasOwnProperty(prop)) { continue; }\n if (original.hasOwnProperty(prop)) { continue; }\n\n original[prop] = hash[prop];\n }\n};\n\n/**\n @class Routable\n @namespace Ember\n @extends Ember.Mixin\n*/\nEmber.Routable = Ember.Mixin.create({\n init: function() {\n var redirection;\n this.on('setup', this, this.stashContext);\n\n if (redirection = get(this, 'redirectsTo')) {\n Ember.assert(\"You cannot use `redirectsTo` if you already have a `connectOutlets` method\", this.connectOutlets === Ember.K);\n\n this.connectOutlets = function(router) {\n router.transitionTo(redirection);\n };\n }\n\n // normalize empty route to '/'\n var route = get(this, 'route');\n if (route === '') {\n route = '/';\n }\n\n this._super();\n\n Ember.assert(\"You cannot use `redirectsTo` on a state that has child states\", !redirection || (!!redirection && !!get(this, 'isLeaf')));\n },\n\n setup: function() {\n return this.connectOutlets.apply(this, arguments);\n },\n\n /**\n @private\n\n Whenever a routable state is entered, the context it was entered with\n is stashed so that we can regenerate the state's `absoluteURL` on\n demand.\n\n @method stashContext\n @param manager {Ember.StateManager}\n @param context\n */\n stashContext: function(manager, context) {\n this.router = manager;\n\n var serialized = this.serialize(manager, context);\n Ember.assert('serialize must return a hash', !serialized || typeof serialized === 'object');\n\n manager.setStateMeta(this, 'context', context);\n manager.setStateMeta(this, 'serialized', serialized);\n\n if (get(this, 'isRoutable') && !get(manager, 'isRouting')) {\n this.updateRoute(manager, get(manager, 'location'));\n }\n },\n\n /**\n @private\n\n Whenever a routable state is entered, the router's location object\n is notified to set the URL to the current absolute path.\n\n In general, this will update the browser's URL.\n\n @method updateRoute\n @param manager {Ember.StateManager}\n @param location {Ember.Location}\n */\n updateRoute: function(manager, location) {\n if (get(this, 'isLeafRoute')) {\n var path = this.absoluteRoute(manager);\n location.setURL(path);\n }\n },\n\n /**\n @private\n\n Get the absolute route for the current state and a given\n hash.\n\n This method is private, as it expects a serialized hash,\n not the original context object.\n\n @method absoluteRoute\n @param manager {Ember.StateManager}\n @param hash {Hash}\n */\n absoluteRoute: function(manager, hash) {\n var parentState = get(this, 'parentState');\n var path = '', generated;\n\n // If the parent state is routable, use its current path\n // as this route's prefix.\n if (get(parentState, 'isRoutable')) {\n path = parentState.absoluteRoute(manager, hash);\n }\n\n var matcher = get(this, 'routeMatcher'),\n serialized = manager.getStateMeta(this, 'serialized');\n\n // merge the existing serialized object in with the passed\n // in hash.\n hash = hash || {};\n merge(hash, serialized);\n\n generated = matcher && matcher.generate(hash);\n\n if (generated) {\n path = path + '/' + generated;\n }\n\n return path;\n },\n\n /**\n @private\n\n At the moment, a state is routable if it has a string `route`\n property. This heuristic may change.\n\n @property isRoutable\n @type Boolean\n */\n isRoutable: Ember.computed(function() {\n return typeof get(this, 'route') === 'string';\n }),\n\n /**\n @private\n\n Determine if this is the last routeable state\n\n @property isLeafRoute\n @type Boolean\n */\n isLeafRoute: Ember.computed(function() {\n if (get(this, 'isLeaf')) { return true; }\n return !get(this, 'childStates').findProperty('isRoutable');\n }),\n\n /**\n @private\n\n A _RouteMatcher object generated from the current route's `route`\n string property.\n\n @property routeMatcher\n @type Ember._RouteMatcher\n */\n routeMatcher: Ember.computed(function() {\n var route = get(this, 'route');\n if (route) {\n return Ember._RouteMatcher.create({ route: route });\n }\n }),\n\n /**\n @private\n\n Check whether the route has dynamic segments and therefore takes\n a context.\n\n @property hasContext\n @type Boolean\n */\n hasContext: Ember.computed(function() {\n var routeMatcher = get(this, 'routeMatcher');\n if (routeMatcher) {\n return routeMatcher.identifiers.length > 0;\n }\n }),\n\n /**\n @private\n\n The model class associated with the current state. This property\n uses the `modelType` property, in order to allow it to be\n specified as a String.\n\n @property modelClass\n @type Ember.Object\n */\n modelClass: Ember.computed(function() {\n var modelType = get(this, 'modelType');\n\n if (typeof modelType === 'string') {\n return Ember.get(Ember.lookup, modelType);\n } else {\n return modelType;\n }\n }),\n\n /**\n @private\n\n Get the model class for the state. The heuristic is:\n\n * The state must have a single dynamic segment\n * The dynamic segment must end in `_id`\n * A dynamic segment like `blog_post_id` is converted into `BlogPost`\n * The name is then looked up on the passed in namespace\n\n The process of initializing an application with a router will\n pass the application's namespace into the router, which will be\n used here.\n\n @method modelClassFor\n @param namespace {Ember.Namespace}\n */\n modelClassFor: function(namespace) {\n var modelClass, routeMatcher, identifiers, match, className;\n\n // if an explicit modelType was specified, use that\n if (modelClass = get(this, 'modelClass')) { return modelClass; }\n\n // if the router has no lookup namespace, we won't be able to guess\n // the modelType\n if (!namespace) { return; }\n\n // make sure this state is actually a routable state\n routeMatcher = get(this, 'routeMatcher');\n if (!routeMatcher) { return; }\n\n // only guess modelType for states with a single dynamic segment\n // (no more, no fewer)\n identifiers = routeMatcher.identifiers;\n if (identifiers.length !== 2) { return; }\n\n // extract the `_id` from the end of the dynamic segment; if the\n // dynamic segment does not end in `_id`, we can't guess the\n // modelType\n match = identifiers[1].match(/^(.*)_id$/);\n if (!match) { return; }\n\n // convert the underscored type into a class form and look it up\n // on the router's namespace\n className = Ember.String.classify(match[1]);\n return get(namespace, className);\n },\n\n /**\n The default method that takes a `params` object and converts\n it into an object.\n\n By default, a params hash that looks like `{ post_id: 1 }`\n will be looked up as `namespace.Post.find(1)`. This is\n designed to work seamlessly with Ember Data, but will work\n fine with any class that has a `find` method.\n\n @method deserialize\n @param manager {Ember.StateManager}\n @param params {Hash}\n */\n deserialize: function(manager, params) {\n var modelClass, routeMatcher, param;\n\n if (modelClass = this.modelClassFor(get(manager, 'namespace'))) {\n Ember.assert(\"Expected \"+modelClass.toString()+\" to implement `find` for use in '\"+this.get('path')+\"' `deserialize`. Please implement the `find` method or overwrite `deserialize`.\", modelClass.find);\n return modelClass.find(params[paramForClass(modelClass)]);\n }\n\n return params;\n },\n\n /**\n The default method that takes an object and converts it into\n a params hash.\n\n By default, if there is a single dynamic segment named\n `blog_post_id` and the object is a `BlogPost` with an\n `id` of `12`, the serialize method will produce:\n\n { blog_post_id: 12 }\n\n @method serialize\n @param manager {Ember.StateManager}\n @param context\n */\n serialize: function(manager, context) {\n var modelClass, routeMatcher, namespace, param, id;\n\n if (Ember.empty(context)) { return ''; }\n\n if (modelClass = this.modelClassFor(get(manager, 'namespace'))) {\n param = paramForClass(modelClass);\n id = get(context, 'id');\n context = {};\n context[param] = id;\n }\n\n return context;\n },\n\n /**\n @private\n @method resolvePath\n @param manager {Ember.StateManager}\n @param path {String}\n */\n resolvePath: function(manager, path) {\n if (get(this, 'isLeafRoute')) { return Ember.A(); }\n\n var childStates = get(this, 'childStates'), match;\n\n childStates = Ember.A(childStates.filterProperty('isRoutable'));\n\n childStates = childStates.sort(function(a, b) {\n var aDynamicSegments = get(a, 'routeMatcher.identifiers.length'),\n bDynamicSegments = get(b, 'routeMatcher.identifiers.length'),\n aRoute = get(a, 'route'),\n bRoute = get(b, 'route');\n\n if (aRoute.indexOf(bRoute) === 0) {\n return -1;\n } else if (bRoute.indexOf(aRoute) === 0) {\n return 1;\n }\n\n if (aDynamicSegments !== bDynamicSegments) {\n return aDynamicSegments - bDynamicSegments;\n }\n\n return get(b, 'route.length') - get(a, 'route.length');\n });\n\n var state = childStates.find(function(state) {\n var matcher = get(state, 'routeMatcher');\n if (match = matcher.match(path)) { return true; }\n });\n\n Ember.assert(\"Could not find state for path \" + path, !!state);\n\n var resolvedState = Ember._ResolvedState.create({\n manager: manager,\n state: state,\n match: match\n });\n\n var states = state.resolvePath(manager, match.remaining);\n\n return Ember.A([resolvedState]).pushObjects(states);\n },\n\n /**\n @private\n\n Once `unroute` has finished unwinding, `routePath` will be called\n with the remainder of the route.\n\n For example, if you were in the /posts/1/comments state, and you\n moved into the /posts/2/comments state, `routePath` will be called\n on the state whose path is `/posts` with the path `/2/comments`.\n\n @method routePath\n @param manager {Ember.StateManager}\n @param path {String}\n */\n routePath: function(manager, path) {\n if (get(this, 'isLeafRoute')) { return; }\n\n var resolvedStates = this.resolvePath(manager, path),\n hasPromises = resolvedStates.some(function(s) { return get(s, 'hasPromise'); });\n\n function runTransition() {\n resolvedStates.forEach(function(rs) { rs.transition(); });\n }\n\n if (hasPromises) {\n manager.transitionTo('loading');\n\n Ember.assert('Loading state should be the child of a route', Ember.Routable.detect(get(manager, 'currentState.parentState')));\n Ember.assert('Loading state should not be a route', !Ember.Routable.detect(get(manager, 'currentState')));\n\n manager.handleStatePromises(resolvedStates, runTransition);\n } else {\n runTransition();\n }\n },\n\n /**\n @private\n\n When you move to a new route by pressing the back\n or forward button, this method is called first.\n\n Its job is to move the state manager into a parent\n state of the state it will eventually move into.\n\n @method unroutePath\n @param router {Ember.Router}\n @param path {String}\n */\n unroutePath: function(router, path) {\n var parentState = get(this, 'parentState');\n\n // If we're at the root state, we're done\n if (parentState === router) {\n return;\n }\n\n path = path.replace(/^(?=[^\\/])/, \"/\");\n var absolutePath = this.absoluteRoute(router);\n\n var route = get(this, 'route');\n\n // If the current path is empty, move up one state,\n // because the index ('/') state must be a leaf node.\n if (route !== '/') {\n // If the current path is a prefix of the path we're trying\n // to go to, we're done.\n var index = path.indexOf(absolutePath),\n next = path.charAt(absolutePath.length);\n\n if (index === 0 && (next === \"/\" || next === \"\")) {\n return;\n }\n }\n\n // Transition to the parent and call unroute again.\n router.enterState({\n exitStates: [this],\n enterStates: [],\n finalState: parentState\n });\n\n router.send('unroutePath', path);\n },\n\n parentTemplate: Ember.computed(function() {\n var state = this, parentState, template;\n\n while (state = get(state, 'parentState')) {\n if (template = get(state, 'template')) {\n return template;\n }\n }\n\n return 'application';\n }),\n\n _template: Ember.computed(function(key, value) {\n if (arguments.length > 1) { return value; }\n\n if (value = get(this, 'template')) {\n return value;\n }\n\n // If no template was explicitly supplied convert\n // the class name into a template name. For example,\n // App.PostRoute will return `post`.\n var className = this.constructor.toString(), baseName;\n if (/^[^\\[].*Route$/.test(className)) {\n baseName = className.match(/([^\\.]+\\.)*([^\\.]+)/)[2];\n baseName = baseName.replace(/Route$/, '');\n return baseName.charAt(0).toLowerCase() + baseName.substr(1);\n }\n }),\n\n render: function(options) {\n options = options || {};\n\n var template = options.template || get(this, '_template'),\n parentTemplate = options.into || get(this, 'parentTemplate'),\n controller = get(this.router, parentTemplate + \"Controller\");\n\n var viewName = Ember.String.classify(template) + \"View\",\n viewClass = get(get(this.router, 'namespace'), viewName);\n\n viewClass = (viewClass || Ember.View).extend({\n templateName: template\n });\n\n controller.set('view', viewClass.create());\n },\n\n /**\n The `connectOutlets` event will be triggered once a\n state has been entered. It will be called with the\n route's context.\n\n @event connectOutlets\n @param router {Ember.Router}\n @param [context*]\n */\n connectOutlets: Ember.K,\n\n /**\n The `navigateAway` event will be triggered when the\n URL changes due to the back/forward button\n\n @event navigateAway\n */\n navigateAway: Ember.K\n});\n\n})();\n//@ sourceURL=ember-routing/routable");minispade.register('ember-routing/route', "(function() {minispade.require('ember-routing/routable');\n\n/**\n@module ember\n@submodule ember-routing\n*/\n\n/**\n @class Route\n @namespace Ember\n @extends Ember.State\n @uses Ember.Routable\n*/\nEmber.Route = Ember.State.extend(Ember.Routable);\n\n})();\n//@ sourceURL=ember-routing/route");minispade.register('ember-routing/route_matcher', "(function() {var escapeForRegex = function(text) {\n return text.replace(/[\\-\\[\\]{}()*+?.,\\\\\\^\\$|#\\s]/g, \"\\\\$&\");\n};\n\n/**\n @class _RouteMatcher\n @namespace Ember\n @private\n @extends Ember.Object\n*/\nEmber._RouteMatcher = Ember.Object.extend({\n state: null,\n\n init: function() {\n var route = this.route,\n identifiers = [],\n count = 1,\n escaped;\n\n // Strip off leading slash if present\n if (route.charAt(0) === '/') {\n route = this.route = route.substr(1);\n }\n\n escaped = escapeForRegex(route);\n\n var regex = escaped.replace(/(:|(?:\\\\\\*))([a-z_]+)(?=$|\\/)/gi, function(match, type, id) {\n identifiers[count++] = id;\n switch (type) {\n case \":\":\n return \"([^/]+)\";\n case \"\\\\*\":\n return \"(.+)\";\n }\n });\n\n this.identifiers = identifiers;\n this.regex = new RegExp(\"^/?\" + regex);\n },\n\n match: function(path) {\n var match = path.match(this.regex);\n\n if (match) {\n var identifiers = this.identifiers,\n hash = {};\n\n for (var i=1, l=identifiers.length; i 0 ? hash : null\n };\n }\n },\n\n generate: function(hash) {\n var identifiers = this.identifiers, route = this.route, id;\n for (var i=1, l=identifiers.length; i\n

{{title}}

\n \n ```\n\n Will delegate `click` events on the rendered `h1` to the application's router instance. In this case the\n `anActionOnTheRouter` method of the state at 'root.aRoute' will be called with the view's controller\n as the context argument. This context will be passed to the `connectOutlets` as its second argument.\n\n Different `context` can be supplied from within the `{{action}}` helper, allowing specific context passing\n between application states:\n\n ``` handlebars\n \n ```\n\n See `Handlebars.helpers.action` for additional usage examples.\n\n\n ## Changing View Hierarchy in Response To State Change\n\n Changes in application state that change the URL should be accompanied by associated changes in view\n hierarchy. This can be accomplished by calling 'connectOutlet' on the injected controller singletons from\n within the 'connectOutlets' event of an Ember.Route:\n\n ``` javascript\n App = Ember.Application.create({\n OneController: Ember.ObjectController.extend(),\n OneView: Ember.View.extend(),\n\n AnotherController: Ember.ObjectController.extend(),\n AnotherView: Ember.View.extend(),\n\n Router: Ember.Router.extend({\n root: Ember.Route.extend({\n aRoute: Ember.Route.extend({\n route: '/',\n connectOutlets: function(router, context) {\n router.get('oneController').connectOutlet('another');\n },\n })\n })\n })\n });\n App.initialize();\n ```\n\n\n This will detect the '{{outlet}}' portion of `oneController`'s view (an instance of `App.OneView`) and\n fill it with a rendered instance of `App.AnotherView` whose `context` will be the single instance of\n `App.AnotherController` stored on the router in the `anotherController` property.\n\n For more information about Outlets, see `Ember.Handlebars.helpers.outlet`. For additional information on\n the `connectOutlet` method, see `Ember.Controller.connectOutlet`. For more information on\n controller injections, see `Ember.Application#initialize()`. For additional information about view context,\n see `Ember.View`.\n\n @class Router\n @namespace Ember\n @extends Ember.StateManager\n*/\nEmber.Router = Ember.StateManager.extend(\n/** @scope Ember.Router.prototype */ {\n\n /**\n @property initialState\n @type String\n @default 'root'\n */\n initialState: 'root',\n\n /**\n The `Ember.Location` implementation to be used to manage the application\n URL state. The following values are supported:\n\n * 'hash': Uses URL fragment identifiers (like #/blog/1) for routing.\n * 'history': Uses the browser's history.pushstate API for routing. Only works in\n modern browsers with pushstate support.\n * 'none': Does not read or set the browser URL, but still allows for\n routing to happen. Useful for testing.\n\n @property location\n @type String\n @default 'hash'\n */\n location: 'hash',\n\n /**\n This is only used when a history location is used so that applications that\n don't live at the root of the domain can append paths to their root.\n\n @property rootURL\n @type String\n @default '/'\n */\n\n rootURL: '/',\n\n transitionTo: function() {\n this.abortRoutingPromises();\n this._super.apply(this, arguments);\n },\n\n route: function(path) {\n this.abortRoutingPromises();\n\n set(this, 'isRouting', true);\n\n var routableState;\n\n try {\n path = path.replace(get(this, 'rootURL'), '');\n path = path.replace(/^(?=[^\\/])/, \"/\");\n\n this.send('navigateAway');\n this.send('unroutePath', path);\n\n routableState = get(this, 'currentState');\n while (routableState && !routableState.get('isRoutable')) {\n routableState = get(routableState, 'parentState');\n }\n var currentURL = routableState ? routableState.absoluteRoute(this) : '';\n var rest = path.substr(currentURL.length);\n\n this.send('routePath', rest);\n } finally {\n set(this, 'isRouting', false);\n }\n\n routableState = get(this, 'currentState');\n while (routableState && !routableState.get('isRoutable')) {\n routableState = get(routableState, 'parentState');\n }\n\n if (routableState) {\n routableState.updateRoute(this, get(this, 'location'));\n }\n },\n\n urlFor: function(path, hash) {\n var currentState = get(this, 'currentState') || this,\n state = this.findStateByPath(currentState, path);\n\n Ember.assert(Ember.String.fmt(\"Could not find route with path '%@'\", [path]), state);\n Ember.assert(Ember.String.fmt(\"To get a URL for the state '%@', it must have a `route` property.\", [path]), get(state, 'routeMatcher'));\n\n var location = get(this, 'location'),\n absoluteRoute = state.absoluteRoute(this, hash);\n\n return location.formatURL(absoluteRoute);\n },\n\n urlForEvent: function(eventName) {\n var contexts = Array.prototype.slice.call(arguments, 1);\n var currentState = get(this, 'currentState');\n var targetStateName = currentState.lookupEventTransition(eventName);\n\n Ember.assert(Ember.String.fmt(\"You must specify a target state for event '%@' in order to link to it in the current state '%@'.\", [eventName, get(currentState, 'path')]), targetStateName);\n\n var targetState = this.findStateByPath(currentState, targetStateName);\n\n Ember.assert(\"Your target state name \" + targetStateName + \" for event \" + eventName + \" did not resolve to a state\", targetState);\n\n var hash = this.serializeRecursively(targetState, contexts, {});\n\n return this.urlFor(targetStateName, hash);\n },\n\n serializeRecursively: function(state, contexts, hash) {\n var parentState,\n context = get(state, 'hasContext') ? contexts.pop() : null;\n merge(hash, state.serialize(this, context));\n parentState = state.get(\"parentState\");\n if (parentState && parentState instanceof Ember.Route) {\n return this.serializeRecursively(parentState, contexts, hash);\n } else {\n return hash;\n }\n },\n\n abortRoutingPromises: function() {\n if (this._routingPromises) {\n this._routingPromises.abort();\n this._routingPromises = null;\n }\n },\n\n handleStatePromises: function(states, complete) {\n this.abortRoutingPromises();\n\n this.set('isLocked', true);\n\n var manager = this;\n\n this._routingPromises = Ember._PromiseChain.create({\n promises: states.slice(),\n\n successCallback: function() {\n manager.set('isLocked', false);\n complete();\n },\n\n failureCallback: function() {\n throw \"Unable to load object\";\n },\n\n promiseSuccessCallback: function(item, args) {\n set(item, 'object', args[0]);\n },\n\n abortCallback: function() {\n manager.set('isLocked', false);\n }\n }).start();\n },\n\n moveStatesIntoRoot: function() {\n this.root = Ember.Route.extend();\n\n for (var name in this) {\n if (name === \"constructor\") { continue; }\n\n var state = this[name];\n\n if (state instanceof Ember.Route || Ember.Route.detect(state)) {\n this.root[name] = state;\n delete this[name];\n }\n }\n },\n\n init: function() {\n if (!this.root) {\n this.moveStatesIntoRoot();\n }\n\n this._super();\n\n var location = get(this, 'location'),\n rootURL = get(this, 'rootURL');\n\n if ('string' === typeof location) {\n set(this, 'location', Ember.Location.create({\n implementation: location,\n rootURL: rootURL\n }));\n }\n\n this.assignRouter(this, this);\n },\n\n assignRouter: function(state, router) {\n state.router = router;\n\n var childStates = state.states;\n\n if (childStates) {\n for (var stateName in childStates) {\n if (!childStates.hasOwnProperty(stateName)) { continue; }\n this.assignRouter(childStates[stateName], router);\n }\n }\n },\n\n willDestroy: function() {\n get(this, 'location').destroy();\n }\n});\n\n})();\n//@ sourceURL=ember-routing/router");minispade.register('ember-runtime/controllers', "(function() {minispade.require('ember-runtime/controllers/array_controller');\nminispade.require('ember-runtime/controllers/object_controller');\nminispade.require('ember-runtime/controllers/controller');\n\n})();\n//@ sourceURL=ember-runtime/controllers");minispade.register('ember-runtime/controllers/array_controller', "(function() {minispade.require('ember-runtime/system/array_proxy');\nminispade.require('ember-runtime/controllers/controller');\nminispade.require('ember-runtime/mixins/sortable');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n Ember.ArrayController provides a way for you to publish a collection of objects\n so that you can easily bind to the collection from a Handlebars #each helper,\n an Ember.CollectionView, or other controllers.\n\n The advantage of using an ArrayController is that you only have to set up\n your view bindings once; to change what's displayed, simply swap out the\n `content` property on the controller.\n\n For example, imagine you wanted to display a list of items fetched via an XHR\n request. Create an Ember.ArrayController and set its `content` property:\n\n ``` javascript\n MyApp.listController = Ember.ArrayController.create();\n\n $.get('people.json', function(data) {\n MyApp.listController.set('content', data);\n });\n ```\n\n Then, create a view that binds to your new controller:\n\n ``` handlebars\n {{#each MyApp.listController}}\n {{firstName}} {{lastName}}\n {{/each}}\n ```\n\n Although you are binding to the controller, the behavior of this controller\n is to pass through any methods or properties to the underlying array. This\n capability comes from `Ember.ArrayProxy`, which this class inherits from.\n\n Note: As of this writing, `ArrayController` does not add any functionality\n to its superclass, `ArrayProxy`. The Ember team plans to add additional\n controller-specific functionality in the future, e.g. single or multiple\n selection support. If you are creating something that is conceptually a\n controller, use this class.\n\n @class ArrayController\n @namespace Ember\n @extends Ember.ArrayProxy\n @uses Ember.SortableMixin\n @uses Ember.ControllerMixin\n*/\n\nEmber.ArrayController = Ember.ArrayProxy.extend(Ember.ControllerMixin,\n Ember.SortableMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/array_controller");minispade.register('ember-runtime/controllers/controller', "(function() {minispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/system/string');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n/**\n Ember.ControllerMixin provides a standard interface for all classes\n that compose Ember's controller layer: Ember.Controller, Ember.ArrayController,\n and Ember.ObjectController.\n\n Within an Ember.Router-managed application single shared instaces of every\n Controller object in your application's namespace will be added to the\n application's Ember.Router instance. See `Ember.Application#initialize`\n for additional information.\n\n ## Views\n By default a controller instance will be the rendering context\n for its associated Ember.View. This connection is made during calls to\n `Ember.ControllerMixin#connectOutlet`.\n\n Within the view's template, the Ember.View instance can be accessed\n through the controller with `{{view}}`.\n\n ## Target Forwarding\n By default a controller will target your application's Ember.Router instance.\n Calls to `{{action}}` within the template of a controller's view are forwarded\n to the router. See `Ember.Handlebars.helpers.action` for additional information.\n\n @class ControllerMixin\n @namespace Ember\n @extends Ember.Mixin\n*/\nEmber.ControllerMixin = Ember.Mixin.create({\n /**\n The object to which events from the view should be sent.\n\n For example, when a Handlebars template uses the `{{action}}` helper,\n it will attempt to send the event to the view's controller's `target`.\n\n By default, a controller's `target` is set to the router after it is\n instantiated by `Ember.Application#initialize`.\n\n @property target\n @default null\n */\n target: null,\n\n store: null\n});\n\n/**\n @class Controller\n @namespace Ember\n @extends Ember.Object\n @uses Ember.ControllerMixin\n*/\nEmber.Controller = Ember.Object.extend(Ember.ControllerMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/controller");minispade.register('ember-runtime/controllers/object_controller', "(function() {minispade.require('ember-runtime/system/object_proxy');\nminispade.require('ember-runtime/controllers/controller');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n/**\n Ember.ObjectController is part of Ember's Controller layer. A single\n shared instance of each Ember.ObjectController subclass in your application's\n namespace will be created at application initialization and be stored on your\n application's Ember.Router instance.\n\n Ember.ObjectController derives its functionality from its superclass\n Ember.ObjectProxy and the Ember.ControllerMixin mixin.\n\n @class ObjectController\n @namespace Ember\n @extends Ember.ObjectProxy\n @uses Ember.ControllerMixin\n**/\nEmber.ObjectController = Ember.ObjectProxy.extend(Ember.ControllerMixin);\n\n})();\n//@ sourceURL=ember-runtime/controllers/object_controller");minispade.register('ember-runtime/core', "(function() {/*globals ENV */\nminispade.require('ember-metal');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar indexOf = Ember.EnumerableUtils.indexOf;\n\n// ........................................\n// TYPING & ARRAY MESSAGING\n//\n\nvar TYPE_MAP = {};\nvar t = \"Boolean Number String Function Array Date RegExp Object\".split(\" \");\nEmber.ArrayPolyfills.forEach.call(t, function(name) {\n TYPE_MAP[ \"[object \" + name + \"]\" ] = name.toLowerCase();\n});\n\nvar toString = Object.prototype.toString;\n\n/**\n Returns a consistent type for the passed item.\n\n Use this instead of the built-in `typeof` to get the type of an item.\n It will return the same result across all browsers and includes a bit\n more detail. Here is what will be returned:\n\n | Return Value | Meaning |\n |---------------|------------------------------------------------------|\n | 'string' | String primitive |\n | 'number' | Number primitive |\n | 'boolean' | Boolean primitive |\n | 'null' | Null value |\n | 'undefined' | Undefined value |\n | 'function' | A function |\n | 'array' | An instance of Array |\n | 'class' | A Ember class (created using Ember.Object.extend()) |\n | 'instance' | A Ember object instance |\n | 'error' | An instance of the Error object |\n | 'object' | A JavaScript object not inheriting from Ember.Object |\n\n Examples:\n\n Ember.typeOf(); => 'undefined'\n Ember.typeOf(null); => 'null'\n Ember.typeOf(undefined); => 'undefined'\n Ember.typeOf('michael'); => 'string'\n Ember.typeOf(101); => 'number'\n Ember.typeOf(true); => 'boolean'\n Ember.typeOf(Ember.makeArray); => 'function'\n Ember.typeOf([1,2,90]); => 'array'\n Ember.typeOf(Ember.Object.extend()); => 'class'\n Ember.typeOf(Ember.Object.create()); => 'instance'\n Ember.typeOf(new Error('teamocil')); => 'error'\n\n // \"normal\" JavaScript object\n Ember.typeOf({a: 'b'}); => 'object'\n\n @method typeOf\n @for Ember\n @param item {Object} the item to check\n @return {String} the type\n*/\nEmber.typeOf = function(item) {\n var ret;\n\n ret = (item === null || item === undefined) ? String(item) : TYPE_MAP[toString.call(item)] || 'object';\n\n if (ret === 'function') {\n if (Ember.Object && Ember.Object.detect(item)) ret = 'class';\n } else if (ret === 'object') {\n if (item instanceof Error) ret = 'error';\n else if (Ember.Object && item instanceof Ember.Object) ret = 'instance';\n else ret = 'object';\n }\n\n return ret;\n};\n\n/**\n Returns true if the passed value is null or undefined. This avoids errors\n from JSLint complaining about use of ==, which can be technically\n confusing.\n\n Ember.none(); => true\n Ember.none(null); => true\n Ember.none(undefined); => true\n Ember.none(''); => false\n Ember.none([]); => false\n Ember.none(function(){}); => false\n\n @method none\n @for Ember\n @param {Object} obj Value to test\n @return {Boolean}\n*/\nEmber.none = function(obj) {\n return obj === null || obj === undefined;\n};\n\n/**\n Verifies that a value is null or an empty string | array | function.\n\n Constrains the rules on `Ember.none` by returning false for empty\n string and empty arrays.\n\n Ember.empty(); => true\n Ember.empty(null); => true\n Ember.empty(undefined); => true\n Ember.empty(''); => true\n Ember.empty([]); => true\n Ember.empty('tobias fünke'); => false\n Ember.empty([0,1,2]); => false\n\n @method empty\n @for Ember\n @param {Object} obj Value to test\n @return {Boolean}\n*/\nEmber.empty = function(obj) {\n return obj === null || obj === undefined || (obj.length === 0 && typeof obj !== 'function') || (typeof obj === 'object' && Ember.get(obj, 'length') === 0);\n};\n\n/**\n This will compare two javascript values of possibly different types.\n It will tell you which one is greater than the other by returning:\n\n - -1 if the first is smaller than the second,\n - 0 if both are equal,\n - 1 if the first is greater than the second.\n\n The order is calculated based on Ember.ORDER_DEFINITION, if types are different.\n In case they have the same type an appropriate comparison for this type is made.\n\n Ember.compare('hello', 'hello'); => 0\n Ember.compare('abc', 'dfg'); => -1\n Ember.compare(2, 1); => 1\n\n @method compare\n @for Ember\n @param {Object} v First value to compare\n @param {Object} w Second value to compare\n @return {Number} -1 if v < w, 0 if v = w and 1 if v > w.\n*/\nEmber.compare = function compare(v, w) {\n if (v === w) { return 0; }\n\n var type1 = Ember.typeOf(v);\n var type2 = Ember.typeOf(w);\n\n var Comparable = Ember.Comparable;\n if (Comparable) {\n if (type1==='instance' && Comparable.detect(v.constructor)) {\n return v.constructor.compare(v, w);\n }\n\n if (type2 === 'instance' && Comparable.detect(w.constructor)) {\n return 1-w.constructor.compare(w, v);\n }\n }\n\n // If we haven't yet generated a reverse-mapping of Ember.ORDER_DEFINITION,\n // do so now.\n var mapping = Ember.ORDER_DEFINITION_MAPPING;\n if (!mapping) {\n var order = Ember.ORDER_DEFINITION;\n mapping = Ember.ORDER_DEFINITION_MAPPING = {};\n var idx, len;\n for (idx = 0, len = order.length; idx < len; ++idx) {\n mapping[order[idx]] = idx;\n }\n\n // We no longer need Ember.ORDER_DEFINITION.\n delete Ember.ORDER_DEFINITION;\n }\n\n var type1Index = mapping[type1];\n var type2Index = mapping[type2];\n\n if (type1Index < type2Index) { return -1; }\n if (type1Index > type2Index) { return 1; }\n\n // types are equal - so we have to check values now\n switch (type1) {\n case 'boolean':\n case 'number':\n if (v < w) { return -1; }\n if (v > w) { return 1; }\n return 0;\n\n case 'string':\n var comp = v.localeCompare(w);\n if (comp < 0) { return -1; }\n if (comp > 0) { return 1; }\n return 0;\n\n case 'array':\n var vLen = v.length;\n var wLen = w.length;\n var l = Math.min(vLen, wLen);\n var r = 0;\n var i = 0;\n while (r === 0 && i < l) {\n r = compare(v[i],w[i]);\n i++;\n }\n if (r !== 0) { return r; }\n\n // all elements are equal now\n // shorter array should be ordered first\n if (vLen < wLen) { return -1; }\n if (vLen > wLen) { return 1; }\n // arrays are equal now\n return 0;\n\n case 'instance':\n if (Ember.Comparable && Ember.Comparable.detect(v)) {\n return v.compare(v, w);\n }\n return 0;\n\n case 'date':\n var vNum = v.getTime();\n var wNum = w.getTime();\n if (vNum < wNum) { return -1; }\n if (vNum > wNum) { return 1; }\n return 0;\n\n default:\n return 0;\n }\n};\n\nfunction _copy(obj, deep, seen, copies) {\n var ret, loc, key;\n\n // primitive data types are immutable, just return them.\n if ('object' !== typeof obj || obj===null) return obj;\n\n // avoid cyclical loops\n if (deep && (loc=indexOf(seen, obj))>=0) return copies[loc];\n\n Ember.assert('Cannot clone an Ember.Object that does not implement Ember.Copyable', !(obj instanceof Ember.Object) || (Ember.Copyable && Ember.Copyable.detect(obj)));\n\n // IMPORTANT: this specific test will detect a native array only. Any other\n // object will need to implement Copyable.\n if (Ember.typeOf(obj) === 'array') {\n ret = obj.slice();\n if (deep) {\n loc = ret.length;\n while(--loc>=0) ret[loc] = _copy(ret[loc], deep, seen, copies);\n }\n } else if (Ember.Copyable && Ember.Copyable.detect(obj)) {\n ret = obj.copy(deep, seen, copies);\n } else {\n ret = {};\n for(key in obj) {\n if (!obj.hasOwnProperty(key)) continue;\n ret[key] = deep ? _copy(obj[key], deep, seen, copies) : obj[key];\n }\n }\n\n if (deep) {\n seen.push(obj);\n copies.push(ret);\n }\n\n return ret;\n}\n\n/**\n Creates a clone of the passed object. This function can take just about\n any type of object and create a clone of it, including primitive values\n (which are not actually cloned because they are immutable).\n\n If the passed object implements the clone() method, then this function\n will simply call that method and return the result.\n\n @method copy\n @for Ember\n @param {Object} object The object to clone\n @param {Boolean} deep If true, a deep copy of the object is made\n @return {Object} The cloned object\n*/\nEmber.copy = function(obj, deep) {\n // fast paths\n if ('object' !== typeof obj || obj===null) return obj; // can't copy primitives\n if (Ember.Copyable && Ember.Copyable.detect(obj)) return obj.copy(deep);\n return _copy(obj, deep, deep ? [] : null, deep ? [] : null);\n};\n\n/**\n Convenience method to inspect an object. This method will attempt to\n convert the object into a useful string description.\n\n @method inspect\n @for Ember\n @param {Object} obj The object you want to inspect.\n @return {String} A description of the object\n*/\nEmber.inspect = function(obj) {\n var v, ret = [];\n for(var key in obj) {\n if (obj.hasOwnProperty(key)) {\n v = obj[key];\n if (v === 'toString') { continue; } // ignore useless items\n if (Ember.typeOf(v) === 'function') { v = \"function() { ... }\"; }\n ret.push(key + \": \" + v);\n }\n }\n return \"{\" + ret.join(\" , \") + \"}\";\n};\n\n/**\n Compares two objects, returning true if they are logically equal. This is\n a deeper comparison than a simple triple equal. For sets it will compare the\n internal objects. For any other object that implements `isEqual()` it will \n respect that method.\n\n Ember.isEqual('hello', 'hello'); => true\n Ember.isEqual(1, 2); => false\n Ember.isEqual([4,2], [4,2]); => false\n\n @method isEqual\n @for Ember\n @param {Object} a first object to compare\n @param {Object} b second object to compare\n @return {Boolean}\n*/\nEmber.isEqual = function(a, b) {\n if (a && 'function'===typeof a.isEqual) return a.isEqual(b);\n return a === b;\n};\n\n// Used by Ember.compare\nEmber.ORDER_DEFINITION = Ember.ENV.ORDER_DEFINITION || [\n 'undefined',\n 'null',\n 'boolean',\n 'number',\n 'string',\n 'array',\n 'object',\n 'instance',\n 'function',\n 'class',\n 'date'\n];\n\n/**\n Returns all of the keys defined on an object or hash. This is useful\n when inspecting objects for debugging. On browsers that support it, this\n uses the native Object.keys implementation.\n\n @method keys\n @for Ember\n @param {Object} obj\n @return {Array} Array containing keys of obj\n*/\nEmber.keys = Object.keys;\n\nif (!Ember.keys) {\n Ember.keys = function(obj) {\n var ret = [];\n for(var key in obj) {\n if (obj.hasOwnProperty(key)) { ret.push(key); }\n }\n return ret;\n };\n}\n\n// ..........................................................\n// ERROR\n//\n\nvar errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack'];\n\n/**\n A subclass of the JavaScript Error object for use in Ember.\n\n @class Error\n @namespace Ember\n @extends Error\n @constructor\n*/\nEmber.Error = function() {\n var tmp = Error.prototype.constructor.apply(this, arguments);\n\n // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work.\n for (var idx = 0; idx < errorProps.length; idx++) {\n this[errorProps[idx]] = tmp[errorProps[idx]];\n }\n};\n\nEmber.Error.prototype = Ember.create(Error.prototype);\n\n})();\n//@ sourceURL=ember-runtime/core");minispade.register('ember-runtime/ext', "(function() {minispade.require('ember-runtime/ext/string');\nminispade.require('ember-runtime/ext/function');\n\n})();\n//@ sourceURL=ember-runtime/ext");minispade.register('ember-runtime/ext/function', "(function() {minispade.require('ember-runtime/core');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar a_slice = Array.prototype.slice;\n\nif (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Function) {\n\n /**\n The `property` extension of Javascript's Function prototype is available\n when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true,\n which is the default.\n\n Computed properties allow you to treat a function like a property:\n\n MyApp.president = Ember.Object.create({\n firstName: \"Barack\",\n lastName: \"Obama\",\n\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Call this flag to mark the function as a property\n }.property()\n });\n\n MyApp.president.get('fullName'); => \"Barack Obama\"\n\n Treating a function like a property is useful because they can work with\n bindings, just like any other property.\n\n Many computed properties have dependencies on other properties. For\n example, in the above example, the `fullName` property depends on\n `firstName` and `lastName` to determine its value. You can tell Ember.js\n about these dependencies like this:\n\n MyApp.president = Ember.Object.create({\n firstName: \"Barack\",\n lastName: \"Obama\",\n\n fullName: function() {\n return this.get('firstName') + ' ' + this.get('lastName');\n\n // Tell Ember.js that this computed property depends on firstName\n // and lastName\n }.property('firstName', 'lastName')\n });\n\n Make sure you list these dependencies so Ember.js knows when to update\n bindings that connect to a computed property. Changing a dependency\n will not immediately trigger an update of the computed property, but\n will instead clear the cache so that it is updated when the next `get`\n is called on the property.\n\n See {{#crossLink \"Ember.ComputedProperty\"}}{{/crossLink}},\n {{#crossLink \"Ember/computed\"}}{{/crossLink}}\n\n @method property\n @for Function\n */\n Function.prototype.property = function() {\n var ret = Ember.computed(this);\n return ret.property.apply(ret, arguments);\n };\n\n /**\n The `observes` extension of Javascript's Function prototype is available\n when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true,\n which is the default.\n\n You can observe property changes simply by adding the `observes`\n call to the end of your method declarations in classes that you write.\n For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property changes\n }.observes('value')\n });\n\n See {{#crossLink \"Ember.Observable/observes\"}}{{/crossLink}}\n\n @method observes\n @for Function\n */\n Function.prototype.observes = function() {\n this.__ember_observes__ = a_slice.call(arguments);\n return this;\n };\n\n /**\n The `observesBefore` extension of Javascript's Function prototype is available\n when Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Function is true,\n which is the default.\n\n You can get notified when a property changes is about to happen by\n by adding the `observesBefore` call to the end of your method\n declarations in classes that you write. For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property is about to change\n }.observesBefore('value')\n });\n\n See {{#crossLink \"Ember.Observable/observesBefore\"}}{{/crossLink}}\n\n @method observesBefore\n @for Function\n */\n Function.prototype.observesBefore = function() {\n this.__ember_observesBefore__ = a_slice.call(arguments);\n return this;\n };\n\n}\n\n\n})();\n//@ sourceURL=ember-runtime/ext/function");minispade.register('ember-runtime/ext/string', "(function() {minispade.require('ember-runtime/core');\nminispade.require('ember-runtime/system/string');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n\n\nvar fmt = Ember.String.fmt,\n w = Ember.String.w,\n loc = Ember.String.loc,\n camelize = Ember.String.camelize,\n decamelize = Ember.String.decamelize,\n dasherize = Ember.String.dasherize,\n underscore = Ember.String.underscore,\n classify = Ember.String.classify;\n\nif (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.String) {\n\n /**\n See {{#crossLink \"Ember.String/fmt\"}}{{/crossLink}}\n\n @method fmt\n @for String\n */\n String.prototype.fmt = function() {\n return fmt(this, arguments);\n };\n\n /**\n See {{#crossLink \"Ember.String/w\"}}{{/crossLink}}\n\n @method w\n @for String\n */\n String.prototype.w = function() {\n return w(this);\n };\n\n /**\n See {{#crossLink \"Ember.String/loc\"}}{{/crossLink}}\n\n @method loc\n @for String\n */\n String.prototype.loc = function() {\n return loc(this, arguments);\n };\n\n /**\n See {{#crossLink \"Ember.String/camelize\"}}{{/crossLink}}\n\n @method camelize\n @for String\n */\n String.prototype.camelize = function() {\n return camelize(this);\n };\n\n /**\n See {{#crossLink \"Ember.String/decamelize\"}}{{/crossLink}}\n\n @method decamelize\n @for String\n */\n String.prototype.decamelize = function() {\n return decamelize(this);\n };\n\n /**\n See {{#crossLink \"Ember.String/dasherize\"}}{{/crossLink}}\n\n @method dasherize\n @for String\n */\n String.prototype.dasherize = function() {\n return dasherize(this);\n };\n\n /**\n See {{#crossLink \"Ember.String/underscore\"}}{{/crossLink}}\n\n @method underscore\n @for String\n */\n String.prototype.underscore = function() {\n return underscore(this);\n };\n\n /**\n See {{#crossLink \"Ember.String/classify\"}}{{/crossLink}}\n\n @method classify\n @for String\n */\n String.prototype.classify = function() {\n return classify(this);\n };\n}\n\n\n})();\n//@ sourceURL=ember-runtime/ext/string");minispade.register('ember-runtime', "(function() {/**\nEmber Runtime\n\n@module ember\n@submodule ember-runtime\n@requires ember-metal\n*/\nminispade.require('ember-metal');\nminispade.require('ember-runtime/core');\nminispade.require('ember-runtime/ext');\nminispade.require('ember-runtime/mixins');\nminispade.require('ember-runtime/system');\nminispade.require('ember-runtime/controllers');\n\n})();\n//@ sourceURL=ember-runtime");minispade.register('ember-runtime/mixins', "(function() {minispade.require('ember-runtime/mixins/array');\nminispade.require('ember-runtime/mixins/comparable');\nminispade.require('ember-runtime/mixins/copyable');\nminispade.require('ember-runtime/mixins/enumerable');\nminispade.require('ember-runtime/mixins/freezable');\nminispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\nminispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/mixins/target_action_support');\nminispade.require('ember-runtime/mixins/evented');\nminispade.require('ember-runtime/mixins/deferred');\n\n})();\n//@ sourceURL=ember-runtime/mixins");minispade.register('ember-runtime/mixins/array', "(function() {minispade.require('ember-runtime/mixins/enumerable');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set, meta = Ember.meta, map = Ember.EnumerableUtils.map, cacheFor = Ember.cacheFor;\n\nfunction none(obj) { return obj===null || obj===undefined; }\n\n// ..........................................................\n// ARRAY\n//\n/**\n This module implements Observer-friendly Array-like behavior. This mixin is\n picked up by the Array class as well as other controllers, etc. that want to\n appear to be arrays.\n\n Unlike Ember.Enumerable, this mixin defines methods specifically for\n collections that provide index-ordered access to their contents. When you\n are designing code that needs to accept any kind of Array-like object, you\n should use these methods instead of Array primitives because these will\n properly notify observers of changes to the array.\n\n Although these methods are efficient, they do add a layer of indirection to\n your application so it is a good idea to use them only when you need the\n flexibility of using both true JavaScript arrays and \"virtual\" arrays such\n as controllers and collections.\n\n You can use the methods defined in this module to access and modify array\n contents in a KVO-friendly way. You can also be notified whenever the\n membership if an array changes by changing the syntax of the property to\n .observes('*myProperty.[]') .\n\n To support Ember.Array in your own class, you must override two\n primitives to use it: replace() and objectAt().\n\n Note that the Ember.Array mixin also incorporates the Ember.Enumerable mixin. All\n Ember.Array-like objects are also enumerable.\n\n @class Array\n @namespace Ember\n @extends Ember.Mixin\n @uses Ember.Enumerable\n @since Ember 0.9.0\n*/\nEmber.Array = Ember.Mixin.create(Ember.Enumerable, /** @scope Ember.Array.prototype */ {\n\n // compatibility\n isSCArray: true,\n\n /**\n Your array must support the length property. Your replace methods should\n set this property whenever it changes.\n\n @property {Number} length\n */\n length: Ember.required(),\n\n /**\n Returns the object at the given index. If the given index is negative or\n is greater or equal than the array length, returns `undefined`.\n\n This is one of the primitives you must implement to support `Ember.Array`.\n If your object supports retrieving the value of an array item using `get()`\n (i.e. `myArray.get(0)`), then you do not need to implement this method\n yourself.\n\n var arr = ['a', 'b', 'c', 'd'];\n arr.objectAt(0); => \"a\"\n arr.objectAt(3); => \"d\"\n arr.objectAt(-1); => undefined\n arr.objectAt(4); => undefined\n arr.objectAt(5); => undefined\n\n @method objectAt\n @param {Number} idx\n The index of the item to return.\n */\n objectAt: function(idx) {\n if ((idx < 0) || (idx>=get(this, 'length'))) return undefined ;\n return get(this, idx);\n },\n\n /**\n This returns the objects at the specified indexes, using `objectAt`.\n\n var arr = ['a', 'b', 'c', 'd'];\n arr.objectsAt([0, 1, 2]) => [\"a\", \"b\", \"c\"]\n arr.objectsAt([2, 3, 4]) => [\"c\", \"d\", undefined]\n\n @method objectsAt\n @param {Array} indexes\n An array of indexes of items to return.\n */\n objectsAt: function(indexes) {\n var self = this;\n return map(indexes, function(idx){ return self.objectAt(idx); });\n },\n\n // overrides Ember.Enumerable version\n nextObject: function(idx) {\n return this.objectAt(idx);\n },\n\n /**\n This is the handler for the special array content property. If you get\n this property, it will return this. If you set this property it a new\n array, it will replace the current content.\n\n This property overrides the default property defined in Ember.Enumerable.\n\n @property []\n */\n '[]': Ember.computed(function(key, value) {\n if (value !== undefined) this.replace(0, get(this, 'length'), value) ;\n return this ;\n }).property(),\n\n firstObject: Ember.computed(function() {\n return this.objectAt(0);\n }).property(),\n\n lastObject: Ember.computed(function() {\n return this.objectAt(get(this, 'length')-1);\n }).property(),\n\n // optimized version from Enumerable\n contains: function(obj){\n return this.indexOf(obj) >= 0;\n },\n\n // Add any extra methods to Ember.Array that are native to the built-in Array.\n /**\n Returns a new array that is a slice of the receiver. This implementation\n uses the observable array methods to retrieve the objects for the new\n slice.\n\n var arr = ['red', 'green', 'blue'];\n arr.slice(0); => ['red', 'green', 'blue']\n arr.slice(0, 2); => ['red', 'green']\n arr.slice(1, 100); => ['green', 'blue']\n\n @method slice\n @param beginIndex {Integer} (Optional) index to begin slicing from.\n @param endIndex {Integer} (Optional) index to end the slice at.\n @return {Array} New array with specified slice\n */\n slice: function(beginIndex, endIndex) {\n var ret = [];\n var length = get(this, 'length') ;\n if (none(beginIndex)) beginIndex = 0 ;\n if (none(endIndex) || (endIndex > length)) endIndex = length ;\n while(beginIndex < endIndex) {\n ret[ret.length] = this.objectAt(beginIndex++) ;\n }\n return ret ;\n },\n\n /**\n Returns the index of the given object's first occurrence.\n If no startAt argument is given, the starting location to\n search is 0. If it's negative, will count backward from\n the end of the array. Returns -1 if no match is found.\n\n var arr = [\"a\", \"b\", \"c\", \"d\", \"a\"];\n arr.indexOf(\"a\"); => 0\n arr.indexOf(\"z\"); => -1\n arr.indexOf(\"a\", 2); => 4\n arr.indexOf(\"a\", -1); => 4\n arr.indexOf(\"b\", 3); => -1\n arr.indexOf(\"a\", 100); => -1\n\n @method indexOf\n @param {Object} object the item to search for\n @param {Number} startAt optional starting location to search, default 0\n @return {Number} index or -1 if not found\n */\n indexOf: function(object, startAt) {\n var idx, len = get(this, 'length');\n\n if (startAt === undefined) startAt = 0;\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx 4\n arr.lastIndexOf(\"z\"); => -1\n arr.lastIndexOf(\"a\", 2); => 0\n arr.lastIndexOf(\"a\", -1); => 4\n arr.lastIndexOf(\"b\", 3); => 1\n arr.lastIndexOf(\"a\", 100); => 4\n\n @method lastIndexOf\n @param {Object} object the item to search for\n @param {Number} startAt optional starting location to search, default 0\n @return {Number} index or -1 if not found\n */\n lastIndexOf: function(object, startAt) {\n var idx, len = get(this, 'length');\n\n if (startAt === undefined || startAt >= len) startAt = len-1;\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx>=0;idx--) {\n if (this.objectAt(idx) === object) return idx ;\n }\n return -1;\n },\n\n // ..........................................................\n // ARRAY OBSERVERS\n //\n\n /**\n Adds an array observer to the receiving array. The array observer object\n normally must implement two methods:\n\n * `arrayWillChange(start, removeCount, addCount)` - This method will be\n called just before the array is modified.\n * `arrayDidChange(start, removeCount, addCount)` - This method will be\n called just after the array is modified.\n\n Both callbacks will be passed the starting index of the change as well a\n a count of the items to be removed and added. You can use these callbacks\n to optionally inspect the array during the change, clear caches, or do\n any other bookkeeping necessary.\n\n In addition to passing a target, you can also include an options hash\n which you can use to override the method names that will be invoked on the\n target.\n\n @method addArrayObserver\n @param {Object} target The observer object.\n @param {Hash} opts Optional hash of configuration options including\n willChange, didChange, and a context option.\n @return {Ember.Array} receiver\n */\n addArrayObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'arrayWillChange',\n didChange = (opts && opts.didChange) || 'arrayDidChange';\n\n var hasObservers = get(this, 'hasArrayObservers');\n if (!hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers');\n Ember.addListener(this, '@array:before', target, willChange);\n Ember.addListener(this, '@array:change', target, didChange);\n if (!hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers');\n return this;\n },\n\n /**\n Removes an array observer from the object if the observer is current\n registered. Calling this method multiple times with the same object will\n have no effect.\n\n @method removeArrayObserver\n @param {Object} target The object observing the array.\n @return {Ember.Array} receiver\n */\n removeArrayObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'arrayWillChange',\n didChange = (opts && opts.didChange) || 'arrayDidChange';\n\n var hasObservers = get(this, 'hasArrayObservers');\n if (hasObservers) Ember.propertyWillChange(this, 'hasArrayObservers');\n Ember.removeListener(this, '@array:before', target, willChange);\n Ember.removeListener(this, '@array:change', target, didChange);\n if (hasObservers) Ember.propertyDidChange(this, 'hasArrayObservers');\n return this;\n },\n\n /**\n Becomes true whenever the array currently has observers watching changes\n on the array.\n\n @property Boolean\n */\n hasArrayObservers: Ember.computed(function() {\n return Ember.hasListeners(this, '@array:change') || Ember.hasListeners(this, '@array:before');\n }).property(),\n\n /**\n If you are implementing an object that supports Ember.Array, call this\n method just before the array content changes to notify any observers and\n invalidate any related properties. Pass the starting index of the change\n as well as a delta of the amounts to change.\n\n @method arrayContentWillChange\n @param {Number} startIdx The starting index in the array that will change.\n @param {Number} removeAmt The number of items that will be removed. If you pass null assumes 0\n @param {Number} addAmt The number of items that will be added. If you pass null assumes 0.\n @return {Ember.Array} receiver\n */\n arrayContentWillChange: function(startIdx, removeAmt, addAmt) {\n\n // if no args are passed assume everything changes\n if (startIdx===undefined) {\n startIdx = 0;\n removeAmt = addAmt = -1;\n } else {\n if (removeAmt === undefined) removeAmt=-1;\n if (addAmt === undefined) addAmt=-1;\n }\n\n // Make sure the @each proxy is set up if anyone is observing @each\n if (Ember.isWatching(this, '@each')) { get(this, '@each'); }\n\n Ember.sendEvent(this, '@array:before', [this, startIdx, removeAmt, addAmt]);\n\n var removing, lim;\n if (startIdx>=0 && removeAmt>=0 && get(this, 'hasEnumerableObservers')) {\n removing = [];\n lim = startIdx+removeAmt;\n for(var idx=startIdx;idx=0 && addAmt>=0 && get(this, 'hasEnumerableObservers')) {\n adding = [];\n lim = startIdx+addAmt;\n for(var idx=startIdx;idx b`\n\n Default implementation raises an exception.\n\n @method compare\n @param a {Object} the first object to compare\n @param b {Object} the second object to compare\n @return {Integer} the result of the comparison\n */\n compare: Ember.required(Function)\n\n});\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/comparable");minispade.register('ember-runtime/mixins/copyable', "(function() {minispade.require('ember-runtime/system/string');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n Implements some standard methods for copying an object. Add this mixin to\n any object you create that can create a copy of itself. This mixin is\n added automatically to the built-in array.\n\n You should generally implement the copy() method to return a copy of the\n receiver.\n\n Note that frozenCopy() will only work if you also implement Ember.Freezable.\n\n @class Copyable\n @namespace Ember\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Copyable = Ember.Mixin.create(\n/** @scope Ember.Copyable.prototype */ {\n\n /**\n Override to return a copy of the receiver. Default implementation raises\n an exception.\n\n @method copy\n @param deep {Boolean} if true, a deep copy of the object should be made\n @return {Object} copy of receiver\n */\n copy: Ember.required(Function),\n\n /**\n If the object implements Ember.Freezable, then this will return a new copy\n if the object is not frozen and the receiver if the object is frozen.\n\n Raises an exception if you try to call this method on a object that does\n not support freezing.\n\n You should use this method whenever you want a copy of a freezable object\n since a freezable object can simply return itself without actually\n consuming more memory.\n\n @method frozenCopy\n @return {Object} copy of receiver or receiver\n */\n frozenCopy: function() {\n if (Ember.Freezable && Ember.Freezable.detect(this)) {\n return get(this, 'isFrozen') ? this : this.copy().freeze();\n } else {\n throw new Error(Ember.String.fmt(\"%@ does not support freezing\", [this]));\n }\n }\n});\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/copyable");minispade.register('ember-runtime/mixins/deferred', "(function() {minispade.require(\"rsvp\");\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get,\n slice = Array.prototype.slice;\n\n/**\n @class Deferred\n @namespace Ember\n @extends Ember.Mixin\n */\nEmber.Deferred = Ember.Mixin.create({\n\n /**\n Add handlers to be called when the Deferred object is resolved or rejected.\n\n @method then\n @param {Function} doneCallback a callback function to be called when done\n @param {Function} failCallback a callback function to be called when failed\n */\n then: function(doneCallback, failCallback) {\n return get(this, 'promise').then(doneCallback, failCallback);\n },\n\n /**\n Resolve a Deferred object and call any doneCallbacks with the given args.\n\n @method resolve\n */\n resolve: function(value) {\n get(this, 'promise').resolve(value);\n },\n\n /**\n Reject a Deferred object and call any failCallbacks with the given args.\n\n @method reject\n */\n reject: function(value) {\n get(this, 'promise').reject(value);\n },\n\n promise: Ember.computed(function() {\n return new RSVP.Promise();\n })\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/deferred");minispade.register('ember-runtime/mixins/enumerable', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set;\nvar a_slice = Array.prototype.slice;\nvar a_indexOf = Ember.EnumerableUtils.indexOf;\n\nvar contexts = [];\n\nfunction popCtx() {\n return contexts.length===0 ? {} : contexts.pop();\n}\n\nfunction pushCtx(ctx) {\n contexts.push(ctx);\n return null;\n}\n\nfunction iter(key, value) {\n var valueProvided = arguments.length === 2;\n\n function i(item) {\n var cur = get(item, key);\n return valueProvided ? value===cur : !!cur;\n }\n return i ;\n}\n\n/**\n This mixin defines the common interface implemented by enumerable objects\n in Ember. Most of these methods follow the standard Array iteration\n API defined up to JavaScript 1.8 (excluding language-specific features that\n cannot be emulated in older versions of JavaScript).\n\n This mixin is applied automatically to the Array class on page load, so you\n can use any of these methods on simple arrays. If Array already implements\n one of these methods, the mixin will not override them.\n\n ## Writing Your Own Enumerable\n\n To make your own custom class enumerable, you need two items:\n\n 1. You must have a length property. This property should change whenever\n the number of items in your enumerable object changes. If you using this\n with an Ember.Object subclass, you should be sure to change the length\n property using set().\n\n 2. If you must implement nextObject(). See documentation.\n\n Once you have these two methods implement, apply the Ember.Enumerable mixin\n to your class and you will be able to enumerate the contents of your object\n like any other collection.\n\n ## Using Ember Enumeration with Other Libraries\n\n Many other libraries provide some kind of iterator or enumeration like\n facility. This is often where the most common API conflicts occur.\n Ember's API is designed to be as friendly as possible with other\n libraries by implementing only methods that mostly correspond to the\n JavaScript 1.8 API.\n\n @class Enumerable\n @namespace Ember\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Enumerable = Ember.Mixin.create(\n /** @scope Ember.Enumerable.prototype */ {\n\n // compatibility\n isEnumerable: true,\n\n /**\n Implement this method to make your class enumerable.\n\n This method will be call repeatedly during enumeration. The index value\n will always begin with 0 and increment monotonically. You don't have to\n rely on the index value to determine what object to return, but you should\n always check the value and start from the beginning when you see the\n requested index is 0.\n\n The previousObject is the object that was returned from the last call\n to nextObject for the current iteration. This is a useful way to\n manage iteration if you are tracing a linked list, for example.\n\n Finally the context parameter will always contain a hash you can use as\n a \"scratchpad\" to maintain any other state you need in order to iterate\n properly. The context object is reused and is not reset between\n iterations so make sure you setup the context with a fresh state whenever\n the index parameter is 0.\n\n Generally iterators will continue to call nextObject until the index\n reaches the your current length-1. If you run out of data before this\n time for some reason, you should simply return undefined.\n\n The default implementation of this method simply looks up the index.\n This works great on any Array-like objects.\n\n @method nextObject\n @param {Number} index the current index of the iteration\n @param {Object} previousObject the value returned by the last call to nextObject.\n @param {Object} context a context object you can use to maintain state.\n @return {Object} the next object in the iteration or undefined\n */\n nextObject: Ember.required(Function),\n\n /**\n Helper method returns the first object from a collection. This is usually\n used by bindings and other parts of the framework to extract a single\n object if the enumerable contains only one item.\n\n If you override this method, you should implement it so that it will\n always return the same value each time it is called. If your enumerable\n contains only one object, this method should always return that object.\n If your enumerable is empty, this method should return undefined.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.firstObject(); => \"a\"\n\n var arr = [];\n arr.firstObject(); => undefined\n\n @property firstObject\n @return {Object} the object or undefined\n */\n firstObject: Ember.computed(function() {\n if (get(this, 'length')===0) return undefined ;\n\n // handle generic enumerables\n var context = popCtx(), ret;\n ret = this.nextObject(0, null, context);\n pushCtx(context);\n return ret ;\n }).property('[]'),\n\n /**\n Helper method returns the last object from a collection. If your enumerable\n contains only one object, this method should always return that object.\n If your enumerable is empty, this method should return undefined.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.lastObject(); => \"c\"\n\n var arr = [];\n arr.lastObject(); => undefined\n\n @property lastObject\n @return {Object} the last object or undefined\n */\n lastObject: Ember.computed(function() {\n var len = get(this, 'length');\n if (len===0) return undefined ;\n var context = popCtx(), idx=0, cur, last = null;\n do {\n last = cur;\n cur = this.nextObject(idx++, last, context);\n } while (cur !== undefined);\n pushCtx(context);\n return last;\n }).property('[]'),\n\n /**\n Returns true if the passed object can be found in the receiver. The\n default version will iterate through the enumerable until the object\n is found. You may want to override this with a more efficient version.\n\n var arr = [\"a\", \"b\", \"c\"];\n arr.contains(\"a\"); => true\n arr.contains(\"z\"); => false\n\n @method contains\n @param {Object} obj The object to search for.\n @return {Boolean} true if object is found in enumerable.\n */\n contains: function(obj) {\n return this.find(function(item) { return item===obj; }) !== undefined;\n },\n\n /**\n Iterates through the enumerable, calling the passed function on each\n item. This method corresponds to the forEach() method defined in\n JavaScript 1.6.\n\n The callback method you provide should have the following signature (all\n parameters are optional):\n\n function(item, index, enumerable);\n\n - *item* is the current item in the iteration.\n - *index* is the current index in the iteration\n - *enumerable* is the enumerable object itself.\n\n Note that in addition to a callback, you can also pass an optional target\n object that will be set as \"this\" on the context. This is a good way\n to give your iterator function access to the current object.\n\n @method forEach\n @param {Function} callback The callback to execute\n @param {Object} [target] The target object to use\n @return {Object} receiver\n */\n forEach: function(callback, target) {\n if (typeof callback !== \"function\") throw new TypeError() ;\n var len = get(this, 'length'), last = null, context = popCtx();\n\n if (target === undefined) target = null;\n\n for(var idx=0;idx1) args = a_slice.call(arguments, 1);\n\n this.forEach(function(x, idx) {\n var method = x && x[methodName];\n if ('function' === typeof method) {\n ret[idx] = args ? method.apply(x, args) : method.call(x);\n }\n }, this);\n\n return ret;\n },\n\n /**\n Simply converts the enumerable into a genuine array. The order is not\n guaranteed. Corresponds to the method implemented by Prototype.\n\n @method toArray\n @return {Array} the enumerable as an array.\n */\n toArray: function() {\n var ret = [];\n this.forEach(function(o, idx) { ret[idx] = o; });\n return ret ;\n },\n\n /**\n Returns a copy of the array with all null elements removed.\n\n var arr = [\"a\", null, \"c\", null];\n arr.compact(); => [\"a\", \"c\"]\n\n @method compact\n @return {Array} the array without null elements.\n */\n compact: function() { return this.without(null); },\n\n /**\n Returns a new enumerable that excludes the passed value. The default\n implementation returns an array regardless of the receiver type unless\n the receiver does not contain the value.\n\n var arr = [\"a\", \"b\", \"a\", \"c\"];\n arr.without(\"a\"); => [\"b\", \"c\"]\n\n @method without\n @param {Object} value\n @return {Ember.Enumerable}\n */\n without: function(value) {\n if (!this.contains(value)) return this; // nothing to do\n var ret = [] ;\n this.forEach(function(k) {\n if (k !== value) ret[ret.length] = k;\n }) ;\n return ret ;\n },\n\n /**\n Returns a new enumerable that contains only unique values. The default\n implementation returns an array regardless of the receiver type.\n\n var arr = [\"a\", \"a\", \"b\", \"b\"];\n arr.uniq(); => [\"a\", \"b\"]\n\n @method uniq\n @return {Ember.Enumerable}\n */\n uniq: function() {\n var ret = [];\n this.forEach(function(k){\n if (a_indexOf(ret, k)<0) ret.push(k);\n });\n return ret;\n },\n\n /**\n This property will trigger anytime the enumerable's content changes.\n You can observe this property to be notified of changes to the enumerables\n content.\n\n For plain enumerables, this property is read only. Ember.Array overrides\n this method.\n\n @property []\n @type Ember.Array\n */\n '[]': Ember.computed(function(key, value) {\n return this;\n }).property(),\n\n // ..........................................................\n // ENUMERABLE OBSERVERS\n //\n\n /**\n Registers an enumerable observer. Must implement Ember.EnumerableObserver\n mixin.\n\n @method addEnumerableObserver\n @param target {Object}\n @param opts {Hash}\n */\n addEnumerableObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'enumerableWillChange',\n didChange = (opts && opts.didChange) || 'enumerableDidChange';\n\n var hasObservers = get(this, 'hasEnumerableObservers');\n if (!hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers');\n Ember.addListener(this, '@enumerable:before', target, willChange);\n Ember.addListener(this, '@enumerable:change', target, didChange);\n if (!hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers');\n return this;\n },\n\n /**\n Removes a registered enumerable observer.\n\n @method removeEnumerableObserver\n @param target {Object}\n @param [opts] {Hash}\n */\n removeEnumerableObserver: function(target, opts) {\n var willChange = (opts && opts.willChange) || 'enumerableWillChange',\n didChange = (opts && opts.didChange) || 'enumerableDidChange';\n\n var hasObservers = get(this, 'hasEnumerableObservers');\n if (hasObservers) Ember.propertyWillChange(this, 'hasEnumerableObservers');\n Ember.removeListener(this, '@enumerable:before', target, willChange);\n Ember.removeListener(this, '@enumerable:change', target, didChange);\n if (hasObservers) Ember.propertyDidChange(this, 'hasEnumerableObservers');\n return this;\n },\n\n /**\n Becomes true whenever the array currently has observers watching changes\n on the array.\n\n @property hasEnumerableObservers\n @type Boolean\n */\n hasEnumerableObservers: Ember.computed(function() {\n return Ember.hasListeners(this, '@enumerable:change') || Ember.hasListeners(this, '@enumerable:before');\n }).property(),\n\n\n /**\n Invoke this method just before the contents of your enumerable will\n change. You can either omit the parameters completely or pass the objects\n to be removed or added if available or just a count.\n\n @method enumerableContentWillChange\n @param {Ember.Enumerable|Number} removing An enumerable of the objects to\n be removed or the number of items to be removed.\n @param {Ember.Enumerable|Number} adding An enumerable of the objects to be\n added or the number of items to be added.\n @chainable\n */\n enumerableContentWillChange: function(removing, adding) {\n\n var removeCnt, addCnt, hasDelta;\n\n if ('number' === typeof removing) removeCnt = removing;\n else if (removing) removeCnt = get(removing, 'length');\n else removeCnt = removing = -1;\n\n if ('number' === typeof adding) addCnt = adding;\n else if (adding) addCnt = get(adding,'length');\n else addCnt = adding = -1;\n\n hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0;\n\n if (removing === -1) removing = null;\n if (adding === -1) adding = null;\n\n Ember.propertyWillChange(this, '[]');\n if (hasDelta) Ember.propertyWillChange(this, 'length');\n Ember.sendEvent(this, '@enumerable:before', [this, removing, adding]);\n\n return this;\n },\n\n /**\n Invoke this method when the contents of your enumerable has changed.\n This will notify any observers watching for content changes. If your are\n implementing an ordered enumerable (such as an array), also pass the\n start and end values where the content changed so that it can be used to\n notify range observers.\n\n @method enumerableContentDidChange\n @param {Number} [start] optional start offset for the content change.\n For unordered enumerables, you should always pass -1.\n @param {Ember.Enumerable|Number} removing An enumerable of the objects to\n be removed or the number of items to be removed.\n @param {Ember.Enumerable|Number} adding An enumerable of the objects to\n be added or the number of items to be added.\n @chainable\n */\n enumerableContentDidChange: function(removing, adding) {\n var notify = this.propertyDidChange, removeCnt, addCnt, hasDelta;\n\n if ('number' === typeof removing) removeCnt = removing;\n else if (removing) removeCnt = get(removing, 'length');\n else removeCnt = removing = -1;\n\n if ('number' === typeof adding) addCnt = adding;\n else if (adding) addCnt = get(adding, 'length');\n else addCnt = adding = -1;\n\n hasDelta = addCnt<0 || removeCnt<0 || addCnt-removeCnt!==0;\n\n if (removing === -1) removing = null;\n if (adding === -1) adding = null;\n\n Ember.sendEvent(this, '@enumerable:change', [this, removing, adding]);\n if (hasDelta) Ember.propertyDidChange(this, 'length');\n Ember.propertyDidChange(this, '[]');\n\n return this ;\n }\n\n}) ;\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/enumerable");minispade.register('ember-runtime/mixins/evented', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\n/**\n @class Evented\n @namespace Ember\n @extends Ember.Mixin\n */\nEmber.Evented = Ember.Mixin.create({\n on: function(name, target, method) {\n Ember.addListener(this, name, target, method);\n },\n\n one: function(name, target, method) {\n if (!method) {\n method = target;\n target = null;\n }\n\n var self = this;\n var wrapped = function() {\n Ember.removeListener(self, name, target, method);\n\n if ('string' === typeof method) { method = this[method]; }\n\n // Internally, a `null` target means that the target is\n // the first parameter to addListener. That means that\n // the `this` passed into this function is the target\n // determined by the event system.\n method.apply(this, arguments);\n };\n\n Ember.addListener(this, name, target, wrapped, Ember.guidFor(method));\n },\n\n trigger: function(name) {\n var args = [], i, l;\n for (i = 1, l = arguments.length; i < l; i++) {\n args.push(arguments[i]);\n }\n Ember.sendEvent(this, name, args);\n },\n\n fire: function(name) {\n Ember.deprecate(\"Ember.Evented#fire() has been deprecated in favor of trigger() for compatibility with jQuery. It will be removed in 1.0. Please update your code to call trigger() instead.\");\n this.trigger.apply(this, arguments);\n },\n\n off: function(name, target, method) {\n Ember.removeListener(this, name, target, method);\n },\n\n has: function(name) {\n return Ember.hasListeners(this, name);\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/evented");minispade.register('ember-runtime/mixins/freezable', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n The Ember.Freezable mixin implements some basic methods for marking an object\n as frozen. Once an object is frozen it should be read only. No changes\n may be made the internal state of the object.\n\n ## Enforcement\n\n To fully support freezing in your subclass, you must include this mixin and\n override any method that might alter any property on the object to instead\n raise an exception. You can check the state of an object by checking the\n isFrozen property.\n\n Although future versions of JavaScript may support language-level freezing\n object objects, that is not the case today. Even if an object is freezable,\n it is still technically possible to modify the object, even though it could\n break other parts of your application that do not expect a frozen object to\n change. It is, therefore, very important that you always respect the\n isFrozen property on all freezable objects.\n\n ## Example Usage\n\n The example below shows a simple object that implement the Ember.Freezable\n protocol.\n\n Contact = Ember.Object.extend(Ember.Freezable, {\n\n firstName: null,\n\n lastName: null,\n\n // swaps the names\n swapNames: function() {\n if (this.get('isFrozen')) throw Ember.FROZEN_ERROR;\n var tmp = this.get('firstName');\n this.set('firstName', this.get('lastName'));\n this.set('lastName', tmp);\n return this;\n }\n\n });\n\n c = Context.create({ firstName: \"John\", lastName: \"Doe\" });\n c.swapNames(); => returns c\n c.freeze();\n c.swapNames(); => EXCEPTION\n\n ## Copying\n\n Usually the Ember.Freezable protocol is implemented in cooperation with the\n Ember.Copyable protocol, which defines a frozenCopy() method that will return\n a frozen object, if the object implements this method as well.\n\n @class Freezable\n @namespace Ember\n @extends Ember.Mixin\n @since Ember 0.9\n*/\nEmber.Freezable = Ember.Mixin.create(\n/** @scope Ember.Freezable.prototype */ {\n\n /**\n Set to true when the object is frozen. Use this property to detect whether\n your object is frozen or not.\n\n @property isFrozen\n @type Boolean\n */\n isFrozen: false,\n\n /**\n Freezes the object. Once this method has been called the object should\n no longer allow any properties to be edited.\n\n @method freeze\n @return {Object} receiver\n */\n freeze: function() {\n if (get(this, 'isFrozen')) return this;\n set(this, 'isFrozen', true);\n return this;\n }\n\n});\n\nEmber.FROZEN_ERROR = \"Frozen object cannot be modified.\";\n\n})();\n//@ sourceURL=ember-runtime/mixins/freezable");minispade.register('ember-runtime/mixins/mutable_array', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\nminispade.require('ember-runtime/mixins/array');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\n\n// ..........................................................\n// CONSTANTS\n//\n\nvar OUT_OF_RANGE_EXCEPTION = \"Index out of range\" ;\nvar EMPTY = [];\n\n// ..........................................................\n// HELPERS\n//\n\nvar get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach;\n\n/**\n This mixin defines the API for modifying array-like objects. These methods\n can be applied only to a collection that keeps its items in an ordered set.\n\n Note that an Array can change even if it does not implement this mixin.\n For example, one might implement a SparseArray that cannot be directly\n modified, but if its underlying enumerable changes, it will change also.\n\n @class MutableArray\n @namespace Ember\n @extends Ember.Mixin\n @uses Ember.Array\n @uses Ember.MutableEnumerable\n*/\nEmber.MutableArray = Ember.Mixin.create(Ember.Array, Ember.MutableEnumerable,\n /** @scope Ember.MutableArray.prototype */ {\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n This is one of the primitives you must implement to support Ember.Array. You\n should replace amt objects started at idx with the objects in the passed\n array. You should also call this.enumerableContentDidChange() ;\n\n @method replace\n @param {Number} idx Starting index in the array to replace. If idx >= length,\n then append to the end of the array.\n @param {Number} amt Number of elements that should be removed from the array,\n starting at *idx*.\n @param {Array} objects An array of zero or more objects that should be inserted\n into the array at *idx*\n */\n replace: Ember.required(),\n\n /**\n Remove all elements from self. This is useful if you\n want to reuse an existing array without having to recreate it.\n\n var colors = [\"red\", \"green\", \"blue\"];\n color.length(); => 3\n colors.clear(); => []\n colors.length(); => 0\n\n @method clear\n @return {Ember.Array} An empty Array. \n */\n clear: function () {\n var len = get(this, 'length');\n if (len === 0) return this;\n this.replace(0, len, EMPTY);\n return this;\n },\n\n /**\n This will use the primitive replace() method to insert an object at the\n specified index.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.insertAt(2, \"yellow\"); => [\"red\", \"green\", \"yellow\", \"blue\"]\n colors.insertAt(5, \"orange\"); => Error: Index out of range\n\n @method insertAt\n @param {Number} idx index of insert the object at.\n @param {Object} object object to insert\n */\n insertAt: function(idx, object) {\n if (idx > get(this, 'length')) throw new Error(OUT_OF_RANGE_EXCEPTION) ;\n this.replace(idx, 0, [object]) ;\n return this ;\n },\n\n /**\n Remove an object at the specified index using the replace() primitive\n method. You can pass either a single index, or a start and a length.\n\n If you pass a start and length that is beyond the\n length this method will throw an Ember.OUT_OF_RANGE_EXCEPTION\n\n var colors = [\"red\", \"green\", \"blue\", \"yellow\", \"orange\"];\n colors.removeAt(0); => [\"green\", \"blue\", \"yellow\", \"orange\"]\n colors.removeAt(2, 2); => [\"green\", \"blue\"]\n colors.removeAt(4, 2); => Error: Index out of range\n\n @method removeAt\n @param {Number} start index, start of range\n @param {Number} len length of passing range\n @return {Object} receiver\n */\n removeAt: function(start, len) {\n if ('number' === typeof start) {\n\n if ((start < 0) || (start >= get(this, 'length'))) {\n throw new Error(OUT_OF_RANGE_EXCEPTION);\n }\n\n // fast case\n if (len === undefined) len = 1;\n this.replace(start, len, EMPTY);\n }\n\n return this ;\n },\n\n /**\n Push the object onto the end of the array. Works just like push() but it\n is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.pushObject(\"black\"); => [\"red\", \"green\", \"blue\", \"black\"]\n colors.pushObject([\"yellow\", \"orange\"]); => [\"red\", \"green\", \"blue\", \"black\", [\"yellow\", \"orange\"]]\n\n @method pushObject\n @param {anything} obj object to push\n */\n pushObject: function(obj) {\n this.insertAt(get(this, 'length'), obj) ;\n return obj ;\n },\n\n /**\n Add the objects in the passed numerable to the end of the array. Defers\n notifying observers of the change until all objects are added.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.pushObjects(\"black\"); => [\"red\", \"green\", \"blue\", \"black\"]\n colors.pushObjects([\"yellow\", \"orange\"]); => [\"red\", \"green\", \"blue\", \"black\", \"yellow\", \"orange\"]\n\n @method pushObjects\n @param {Ember.Enumerable} objects the objects to add\n @return {Ember.Array} receiver\n */\n pushObjects: function(objects) {\n this.replace(get(this, 'length'), 0, objects);\n return this;\n },\n\n /**\n Pop object from array or nil if none are left. Works just like pop() but\n it is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.popObject(); => \"blue\"\n console.log(colors); => [\"red\", \"green\"]\n\n @method popObject\n @return object\n */\n popObject: function() {\n var len = get(this, 'length') ;\n if (len === 0) return null ;\n\n var ret = this.objectAt(len-1) ;\n this.removeAt(len-1, 1) ;\n return ret ;\n },\n\n /**\n Shift an object from start of array or nil if none are left. Works just\n like shift() but it is KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.shiftObject(); => \"red\"\n console.log(colors); => [\"green\", \"blue\"]\n\n @method shiftObject\n @return object\n */\n shiftObject: function() {\n if (get(this, 'length') === 0) return null ;\n var ret = this.objectAt(0) ;\n this.removeAt(0) ;\n return ret ;\n },\n\n /**\n Unshift an object to start of array. Works just like unshift() but it is\n KVO-compliant.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.unshiftObject(\"yellow\"); => [\"yellow\", \"red\", \"green\", \"blue\"]\n colors.unshiftObject([\"black\", \"white\"]); => [[\"black\", \"white\"], \"yellow\", \"red\", \"green\", \"blue\"]\n\n @method unshiftObject\n @param {anything} obj object to unshift\n */\n unshiftObject: function(obj) {\n this.insertAt(0, obj) ;\n return obj ;\n },\n\n /**\n Adds the named objects to the beginning of the array. Defers notifying\n observers until all objects have been added.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.unshiftObjects([\"black\", \"white\"]); => [\"black\", \"white\", \"red\", \"green\", \"blue\"]\n colors.unshiftObjects(\"yellow\"); => Type Error: 'undefined' is not a function\n\n @method unshiftObjects\n @param {Ember.Enumerable} objects the objects to add\n @return {Ember.Array} receiver\n */\n unshiftObjects: function(objects) {\n this.replace(0, 0, objects);\n return this;\n },\n\n /**\n Reverse objects in the array. Works just like reverse() but it is\n KVO-compliant.\n\n @method reverseObjects\n @return {Ember.Array} receiver\n */\n reverseObjects: function() {\n var len = get(this, 'length');\n if (len === 0) return this;\n var objects = this.toArray().reverse();\n this.replace(0, len, objects);\n return this;\n },\n\n /**\n Replace all the the receiver's content with content of the argument.\n If argument is an empty array receiver will be cleared.\n\n var colors = [\"red\", \"green\", \"blue\"];\n colors.setObjects([\"black\", \"white\"]); => [\"black\", \"white\"]\n colors.setObjects([]); => []\n\n @method setObjects\n @param {Ember.Array} objects array whose content will be used for replacing\n the content of the receiver\n @return {Ember.Array} receiver with the new content\n */\n setObjects: function(objects) {\n if (objects.length === 0) return this.clear();\n\n var len = get(this, 'length');\n this.replace(0, len, objects);\n return this;\n },\n\n // ..........................................................\n // IMPLEMENT Ember.MutableEnumerable\n //\n\n removeObject: function(obj) {\n var loc = get(this, 'length') || 0;\n while(--loc >= 0) {\n var curObject = this.objectAt(loc) ;\n if (curObject === obj) this.removeAt(loc) ;\n }\n return this ;\n },\n\n addObject: function(obj) {\n if (!this.contains(obj)) this.pushObject(obj);\n return this ;\n }\n\n});\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/mutable_array");minispade.register('ember-runtime/mixins/mutable_enumerable', "(function() {minispade.require('ember-runtime/mixins/enumerable');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar forEach = Ember.EnumerableUtils.forEach;\n\n/**\n This mixin defines the API for modifying generic enumerables. These methods\n can be applied to an object regardless of whether it is ordered or\n unordered.\n\n Note that an Enumerable can change even if it does not implement this mixin.\n For example, a MappedEnumerable cannot be directly modified but if its\n underlying enumerable changes, it will change also.\n\n ## Adding Objects\n\n To add an object to an enumerable, use the addObject() method. This\n method will only add the object to the enumerable if the object is not\n already present and the object if of a type supported by the enumerable.\n\n set.addObject(contact);\n\n ## Removing Objects\n\n To remove an object form an enumerable, use the removeObject() method. This\n will only remove the object if it is already in the enumerable, otherwise\n this method has no effect.\n\n set.removeObject(contact);\n\n ## Implementing In Your Own Code\n\n If you are implementing an object and want to support this API, just include\n this mixin in your class and implement the required methods. In your unit\n tests, be sure to apply the Ember.MutableEnumerableTests to your object.\n\n @class MutableEnumerable\n @namespace Ember\n @extends Ember.Mixin\n @uses Ember.Enumerable\n*/\nEmber.MutableEnumerable = Ember.Mixin.create(Ember.Enumerable,\n /** @scope Ember.MutableEnumerable.prototype */ {\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n Attempts to add the passed object to the receiver if the object is not\n already present in the collection. If the object is present, this method\n has no effect.\n\n If the passed object is of a type not supported by the receiver\n then this method should raise an exception.\n\n @method addObject\n @param {Object} object The object to add to the enumerable.\n @return {Object} the passed object\n */\n addObject: Ember.required(Function),\n\n /**\n Adds each object in the passed enumerable to the receiver.\n\n @method addObjects\n @param {Ember.Enumerable} objects the objects to add.\n @return {Object} receiver\n */\n addObjects: function(objects) {\n Ember.beginPropertyChanges(this);\n forEach(objects, function(obj) { this.addObject(obj); }, this);\n Ember.endPropertyChanges(this);\n return this;\n },\n\n /**\n __Required.__ You must implement this method to apply this mixin.\n\n Attempts to remove the passed object from the receiver collection if the\n object is in present in the collection. If the object is not present,\n this method has no effect.\n\n If the passed object is of a type not supported by the receiver\n then this method should raise an exception.\n\n @method removeObject\n @param {Object} object The object to remove from the enumerable.\n @return {Object} the passed object\n */\n removeObject: Ember.required(Function),\n\n\n /**\n Removes each objects in the passed enumerable from the receiver.\n\n @method removeObjects\n @param {Ember.Enumerable} objects the objects to remove\n @return {Object} receiver\n */\n removeObjects: function(objects) {\n Ember.beginPropertyChanges(this);\n forEach(objects, function(obj) { this.removeObject(obj); }, this);\n Ember.endPropertyChanges(this);\n return this;\n }\n\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/mutable_enumerable");minispade.register('ember-runtime/mixins/observable', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set, defineProperty = Ember.defineProperty;\n\n/**\n ## Overview\n\n This mixin provides properties and property observing functionality, core\n features of the Ember object model.\n\n Properties and observers allow one object to observe changes to a\n property on another object. This is one of the fundamental ways that\n models, controllers and views communicate with each other in an Ember\n application.\n\n Any object that has this mixin applied can be used in observer\n operations. That includes Ember.Object and most objects you will\n interact with as you write your Ember application.\n\n Note that you will not generally apply this mixin to classes yourself,\n but you will use the features provided by this module frequently, so it\n is important to understand how to use it.\n\n ## Using get() and set()\n\n Because of Ember's support for bindings and observers, you will always\n access properties using the get method, and set properties using the\n set method. This allows the observing objects to be notified and\n computed properties to be handled properly.\n\n More documentation about `get` and `set` are below.\n\n ## Observing Property Changes\n\n You typically observe property changes simply by adding the `observes`\n call to the end of your method declarations in classes that you write.\n For example:\n\n Ember.Object.create({\n valueObserver: function() {\n // Executes whenever the \"value\" property changes\n }.observes('value')\n });\n\n Although this is the most common way to add an observer, this capability\n is actually built into the Ember.Object class on top of two methods\n defined in this mixin: `addObserver` and `removeObserver`. You can use\n these two methods to add and remove observers yourself if you need to\n do so at runtime.\n\n To add an observer for a property, call:\n\n object.addObserver('propertyKey', targetObject, targetAction)\n\n This will call the `targetAction` method on the `targetObject` to be called\n whenever the value of the `propertyKey` changes.\n\n Note that if `propertyKey` is a computed property, the observer will be\n called when any of the property dependencies are changed, even if the\n resulting value of the computed property is unchanged. This is necessary\n because computed properties are not computed until `get` is called.\n\n @class Observable\n @namespace Ember\n @extends Ember.Mixin\n*/\nEmber.Observable = Ember.Mixin.create(/** @scope Ember.Observable.prototype */ {\n\n // compatibility\n isObserverable: true,\n\n /**\n Retrieves the value of a property from the object.\n\n This method is usually similar to using object[keyName] or object.keyName,\n however it supports both computed properties and the unknownProperty\n handler.\n\n Because `get` unifies the syntax for accessing all these kinds\n of properties, it can make many refactorings easier, such as replacing a\n simple property with a computed property, or vice versa.\n\n ### Computed Properties\n\n Computed properties are methods defined with the `property` modifier\n declared at the end, such as:\n\n fullName: function() {\n return this.getEach('firstName', 'lastName').compact().join(' ');\n }.property('firstName', 'lastName')\n\n When you call `get` on a computed property, the function will be\n called and the return value will be returned instead of the function\n itself.\n\n ### Unknown Properties\n\n Likewise, if you try to call `get` on a property whose value is\n undefined, the unknownProperty() method will be called on the object.\n If this method returns any value other than undefined, it will be returned\n instead. This allows you to implement \"virtual\" properties that are\n not defined upfront.\n\n @method get\n @param {String} key The property to retrieve\n @return {Object} The property value or undefined.\n */\n get: function(keyName) {\n return get(this, keyName);\n },\n\n /**\n To get multiple properties at once, call getProperties\n with a list of strings or an array:\n\n record.getProperties('firstName', 'lastName', 'zipCode'); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' }\n\n is equivalent to:\n\n record.getProperties(['firstName', 'lastName', 'zipCode']); // => { firstName: 'John', lastName: 'Doe', zipCode: '10011' }\n\n @method getProperties\n @param {String...|Array} list of keys to get\n @return {Hash}\n */\n getProperties: function() {\n var ret = {};\n var propertyNames = arguments;\n if (arguments.length === 1 && Ember.typeOf(arguments[0]) === 'array') {\n propertyNames = arguments[0];\n }\n for(var i = 0; i < propertyNames.length; i++) {\n ret[propertyNames[i]] = get(this, propertyNames[i]);\n }\n return ret;\n },\n\n /**\n Sets the provided key or path to the value.\n\n This method is generally very similar to calling object[key] = value or\n object.key = value, except that it provides support for computed\n properties, the unknownProperty() method and property observers.\n\n ### Computed Properties\n\n If you try to set a value on a key that has a computed property handler\n defined (see the get() method for an example), then set() will call\n that method, passing both the value and key instead of simply changing\n the value itself. This is useful for those times when you need to\n implement a property that is composed of one or more member\n properties.\n\n ### Unknown Properties\n\n If you try to set a value on a key that is undefined in the target\n object, then the unknownProperty() handler will be called instead. This\n gives you an opportunity to implement complex \"virtual\" properties that\n are not predefined on the object. If unknownProperty() returns\n undefined, then set() will simply set the value on the object.\n\n ### Property Observers\n\n In addition to changing the property, set() will also register a\n property change with the object. Unless you have placed this call\n inside of a beginPropertyChanges() and endPropertyChanges(), any \"local\"\n observers (i.e. observer methods declared on the same object), will be\n called immediately. Any \"remote\" observers (i.e. observer methods\n declared on another object) will be placed in a queue and called at a\n later time in a coalesced manner.\n\n ### Chaining\n\n In addition to property changes, set() returns the value of the object\n itself so you can do chaining like this:\n\n record.set('firstName', 'Charles').set('lastName', 'Jolley');\n\n @method set\n @param {String} key The property to set\n @param {Object} value The value to set or null.\n @return {Ember.Observable}\n */\n set: function(keyName, value) {\n set(this, keyName, value);\n return this;\n },\n\n /**\n To set multiple properties at once, call setProperties\n with a Hash:\n\n record.setProperties({ firstName: 'Charles', lastName: 'Jolley' });\n\n @method setProperties\n @param {Hash} hash the hash of keys and values to set\n @return {Ember.Observable}\n */\n setProperties: function(hash) {\n return Ember.setProperties(this, hash);\n },\n\n /**\n Begins a grouping of property changes.\n\n You can use this method to group property changes so that notifications\n will not be sent until the changes are finished. If you plan to make a\n large number of changes to an object at one time, you should call this\n method at the beginning of the changes to begin deferring change\n notifications. When you are done making changes, call endPropertyChanges()\n to deliver the deferred change notifications and end deferring.\n\n @method beginPropertyChanges\n @return {Ember.Observable}\n */\n beginPropertyChanges: function() {\n Ember.beginPropertyChanges();\n return this;\n },\n\n /**\n Ends a grouping of property changes.\n\n You can use this method to group property changes so that notifications\n will not be sent until the changes are finished. If you plan to make a\n large number of changes to an object at one time, you should call\n beginPropertyChanges() at the beginning of the changes to defer change\n notifications. When you are done making changes, call this method to\n deliver the deferred change notifications and end deferring.\n\n @method endPropertyChanges\n @return {Ember.Observable}\n */\n endPropertyChanges: function() {\n Ember.endPropertyChanges();\n return this;\n },\n\n /**\n Notify the observer system that a property is about to change.\n\n Sometimes you need to change a value directly or indirectly without\n actually calling get() or set() on it. In this case, you can use this\n method and propertyDidChange() instead. Calling these two methods\n together will notify all observers that the property has potentially\n changed value.\n\n Note that you must always call propertyWillChange and propertyDidChange as\n a pair. If you do not, it may get the property change groups out of order\n and cause notifications to be delivered more often than you would like.\n\n @method propertyWillChange\n @param {String} key The property key that is about to change.\n @return {Ember.Observable}\n */\n propertyWillChange: function(keyName){\n Ember.propertyWillChange(this, keyName);\n return this;\n },\n\n /**\n Notify the observer system that a property has just changed.\n\n Sometimes you need to change a value directly or indirectly without\n actually calling get() or set() on it. In this case, you can use this\n method and propertyWillChange() instead. Calling these two methods\n together will notify all observers that the property has potentially\n changed value.\n\n Note that you must always call propertyWillChange and propertyDidChange as\n a pair. If you do not, it may get the property change groups out of order\n and cause notifications to be delivered more often than you would like.\n\n @method propertyDidChange\n @param {String} keyName The property key that has just changed.\n @return {Ember.Observable}\n */\n propertyDidChange: function(keyName) {\n Ember.propertyDidChange(this, keyName);\n return this;\n },\n\n /**\n Convenience method to call `propertyWillChange` and `propertyDidChange` in\n succession.\n\n @method notifyPropertyChange\n @param {String} keyName The property key to be notified about.\n @return {Ember.Observable}\n */\n notifyPropertyChange: function(keyName) {\n this.propertyWillChange(keyName);\n this.propertyDidChange(keyName);\n return this;\n },\n\n addBeforeObserver: function(key, target, method) {\n Ember.addBeforeObserver(this, key, target, method);\n },\n\n /**\n Adds an observer on a property.\n\n This is the core method used to register an observer for a property.\n\n Once you call this method, anytime the key's value is set, your observer\n will be notified. Note that the observers are triggered anytime the\n value is set, regardless of whether it has actually changed. Your\n observer should be prepared to handle that.\n\n You can also pass an optional context parameter to this method. The\n context will be passed to your observer method whenever it is triggered.\n Note that if you add the same target/method pair on a key multiple times\n with different context parameters, your observer will only be called once\n with the last context you passed.\n\n ### Observer Methods\n\n Observer methods you pass should generally have the following signature if\n you do not pass a \"context\" parameter:\n\n fooDidChange: function(sender, key, value, rev);\n\n The sender is the object that changed. The key is the property that\n changes. The value property is currently reserved and unused. The rev\n is the last property revision of the object when it changed, which you can\n use to detect if the key value has really changed or not.\n\n If you pass a \"context\" parameter, the context will be passed before the\n revision like so:\n\n fooDidChange: function(sender, key, value, context, rev);\n\n Usually you will not need the value, context or revision parameters at\n the end. In this case, it is common to write observer methods that take\n only a sender and key value as parameters or, if you aren't interested in\n any of these values, to write an observer that has no parameters at all.\n\n @method addObserver\n @param {String} key The key to observer\n @param {Object} target The target object to invoke\n @param {String|Function} method The method to invoke.\n @return {Ember.Object} self\n */\n addObserver: function(key, target, method) {\n Ember.addObserver(this, key, target, method);\n },\n\n /**\n Remove an observer you have previously registered on this object. Pass\n the same key, target, and method you passed to addObserver() and your\n target will no longer receive notifications.\n\n @method removeObserver\n @param {String} key The key to observer\n @param {Object} target The target object to invoke\n @param {String|Function} method The method to invoke.\n @return {Ember.Observable} receiver\n */\n removeObserver: function(key, target, method) {\n Ember.removeObserver(this, key, target, method);\n },\n\n /**\n Returns true if the object currently has observers registered for a\n particular key. You can use this method to potentially defer performing\n an expensive action until someone begins observing a particular property\n on the object.\n\n @method hasObserverFor\n @param {String} key Key to check\n @return {Boolean}\n */\n hasObserverFor: function(key) {\n return Ember.hasListeners(this, key+':change');\n },\n\n /**\n This method will be called when a client attempts to get the value of a\n property that has not been defined in one of the typical ways. Override\n this method to create \"virtual\" properties.\n\n @method unknownProperty\n @param {String} key The name of the unknown property that was requested.\n @return {Object} The property value or undefined. Default is undefined.\n */\n unknownProperty: function(key) {\n return undefined;\n },\n\n /**\n This method will be called when a client attempts to set the value of a\n property that has not been defined in one of the typical ways. Override\n this method to create \"virtual\" properties.\n\n @method setUnknownProperty\n @param {String} key The name of the unknown property to be set.\n @param {Object} value The value the unknown property is to be set to.\n */\n setUnknownProperty: function(key, value) {\n defineProperty(this, key);\n set(this, key, value);\n },\n\n /**\n @deprecated\n @method getPath\n @param {String} path The property path to retrieve\n @return {Object} The property value or undefined.\n */\n getPath: function(path) {\n Ember.deprecate(\"getPath is deprecated since get now supports paths\");\n return this.get(path);\n },\n\n /**\n @deprecated\n @method setPath\n @param {String} path The path to the property that will be set\n @param {Object} value The value to set or null.\n @return {Ember.Observable}\n */\n setPath: function(path, value) {\n Ember.deprecate(\"setPath is deprecated since set now supports paths\");\n return this.set(path, value);\n },\n\n /**\n Retrieves the value of a property, or a default value in the case that the property\n returns undefined.\n\n person.getWithDefault('lastName', 'Doe');\n\n @method getWithDefault\n @param {String} keyName The name of the property to retrieve\n @param {Object} defaultValue The value to return if the property value is undefined\n @return {Object} The property value or the defaultValue.\n */\n getWithDefault: function(keyName, defaultValue) {\n return Ember.getWithDefault(this, keyName, defaultValue);\n },\n\n /**\n Set the value of a property to the current value plus some amount.\n\n person.incrementProperty('age');\n team.incrementProperty('score', 2);\n\n @method incrementProperty\n @param {String} keyName The name of the property to increment\n @param {Object} increment The amount to increment by. Defaults to 1\n @return {Object} The new property value\n */\n incrementProperty: function(keyName, increment) {\n if (!increment) { increment = 1; }\n set(this, keyName, (get(this, keyName) || 0)+increment);\n return get(this, keyName);\n },\n\n /**\n Set the value of a property to the current value minus some amount.\n\n player.decrementProperty('lives');\n orc.decrementProperty('health', 5);\n\n @method decrementProperty\n @param {String} keyName The name of the property to decrement\n @param {Object} increment The amount to decrement by. Defaults to 1\n @return {Object} The new property value\n */\n decrementProperty: function(keyName, increment) {\n if (!increment) { increment = 1; }\n set(this, keyName, (get(this, keyName) || 0)-increment);\n return get(this, keyName);\n },\n\n /**\n Set the value of a boolean property to the opposite of it's\n current value.\n\n starship.toggleProperty('warpDriveEnaged');\n\n @method toggleProperty\n @param {String} keyName The name of the property to toggle\n @return {Object} The new property value\n */\n toggleProperty: function(keyName) {\n set(this, keyName, !get(this, keyName));\n return get(this, keyName);\n },\n\n /**\n Returns the cached value of a computed property, if it exists.\n This allows you to inspect the value of a computed property\n without accidentally invoking it if it is intended to be\n generated lazily.\n\n @method cacheFor\n @param {String} keyName\n @return {Object} The cached value of the computed property, if any\n */\n cacheFor: function(keyName) {\n return Ember.cacheFor(this, keyName);\n },\n\n // intended for debugging purposes\n observersForKey: function(keyName) {\n return Ember.observersFor(this, keyName);\n }\n});\n\n\n})();\n//@ sourceURL=ember-runtime/mixins/observable");minispade.register('ember-runtime/mixins/sortable', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set, forEach = Ember.EnumerableUtils.forEach;\n\n/**\n Ember.SortableMixin provides a standard interface for array proxies\n to specify a sort order and maintain this sorting when objects are added,\n removed, or updated without changing the implicit order of their underlying\n content array:\n\n songs = [\n {trackNumber: 4, title: 'Ob-La-Di, Ob-La-Da'},\n {trackNumber: 2, title: 'Back in the U.S.S.R.'},\n {trackNumber: 3, title: 'Glass Onion'},\n ];\n\n songsController = Ember.ArrayController.create({\n content: songs,\n sortProperties: ['trackNumber']\n });\n\n songsController.get('firstObject'); // {trackNumber: 2, title: 'Back in the U.S.S.R.'}\n\n songsController.addObject({trackNumber: 1, title: 'Dear Prudence'});\n songsController.get('firstObject'); // {trackNumber: 1, title: 'Dear Prudence'}\n\n\n @class SortableMixin\n @namespace Ember\n @extends Ember.Mixin\n @uses Ember.MutableEnumerable\n*/\nEmber.SortableMixin = Ember.Mixin.create(Ember.MutableEnumerable, {\n sortProperties: null,\n sortAscending: true,\n\n addObject: function(obj) {\n var content = get(this, 'content');\n content.pushObject(obj);\n },\n\n removeObject: function(obj) {\n var content = get(this, 'content');\n content.removeObject(obj);\n },\n\n orderBy: function(item1, item2) {\n var result = 0,\n sortProperties = get(this, 'sortProperties'),\n sortAscending = get(this, 'sortAscending');\n\n Ember.assert(\"you need to define `sortProperties`\", !!sortProperties);\n\n forEach(sortProperties, function(propertyName) {\n if (result === 0) {\n result = Ember.compare(get(item1, propertyName), get(item2, propertyName));\n if ((result !== 0) && !sortAscending) {\n result = (-1) * result;\n }\n }\n });\n\n return result;\n },\n\n destroy: function() {\n var content = get(this, 'content'),\n sortProperties = get(this, 'sortProperties');\n\n if (content && sortProperties) {\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n return this._super();\n },\n\n isSorted: Ember.computed('sortProperties', function() {\n return !!get(this, 'sortProperties');\n }),\n\n arrangedContent: Ember.computed('content', 'sortProperties.@each', function(key, value) {\n var content = get(this, 'content'),\n isSorted = get(this, 'isSorted'),\n sortProperties = get(this, 'sortProperties'),\n self = this;\n\n if (content && isSorted) {\n content = content.slice();\n content.sort(function(item1, item2) {\n return self.orderBy(item1, item2);\n });\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n return Ember.A(content);\n }\n\n return content;\n }),\n\n _contentWillChange: Ember.beforeObserver(function() {\n var content = get(this, 'content'),\n sortProperties = get(this, 'sortProperties');\n\n if (content && sortProperties) {\n forEach(content, function(item) {\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n this._super();\n }, 'content'),\n\n sortAscendingWillChange: Ember.beforeObserver(function() {\n this._lastSortAscending = get(this, 'sortAscending');\n }, 'sortAscending'),\n\n sortAscendingDidChange: Ember.observer(function() {\n if (get(this, 'sortAscending') !== this._lastSortAscending) {\n var arrangedContent = get(this, 'arrangedContent');\n arrangedContent.reverseObjects();\n }\n }, 'sortAscending'),\n\n contentArrayWillChange: function(array, idx, removedCount, addedCount) {\n var isSorted = get(this, 'isSorted');\n\n if (isSorted) {\n var arrangedContent = get(this, 'arrangedContent');\n var removedObjects = array.slice(idx, idx+removedCount);\n var sortProperties = get(this, 'sortProperties');\n\n forEach(removedObjects, function(item) {\n arrangedContent.removeObject(item);\n\n forEach(sortProperties, function(sortProperty) {\n Ember.removeObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n });\n }\n\n return this._super(array, idx, removedCount, addedCount);\n },\n\n contentArrayDidChange: function(array, idx, removedCount, addedCount) {\n var isSorted = get(this, 'isSorted'),\n sortProperties = get(this, 'sortProperties');\n\n if (isSorted) {\n var addedObjects = array.slice(idx, idx+addedCount);\n var arrangedContent = get(this, 'arrangedContent');\n\n forEach(addedObjects, function(item) {\n this.insertItemSorted(item);\n\n forEach(sortProperties, function(sortProperty) {\n Ember.addObserver(item, sortProperty, this, 'contentItemSortPropertyDidChange');\n }, this);\n }, this);\n }\n\n return this._super(array, idx, removedCount, addedCount);\n },\n\n insertItemSorted: function(item) {\n var arrangedContent = get(this, 'arrangedContent');\n var length = get(arrangedContent, 'length');\n\n var idx = this._binarySearch(item, 0, length);\n arrangedContent.insertAt(idx, item);\n },\n\n contentItemSortPropertyDidChange: function(item) {\n var arrangedContent = get(this, 'arrangedContent'),\n oldIndex = arrangedContent.indexOf(item),\n leftItem = arrangedContent.objectAt(oldIndex - 1),\n rightItem = arrangedContent.objectAt(oldIndex + 1),\n leftResult = leftItem && this.orderBy(item, leftItem),\n rightResult = rightItem && this.orderBy(item, rightItem);\n\n if (leftResult < 0 || rightResult > 0) {\n arrangedContent.removeObject(item);\n this.insertItemSorted(item);\n }\n },\n\n _binarySearch: function(item, low, high) {\n var mid, midItem, res, arrangedContent;\n\n if (low === high) {\n return low;\n }\n\n arrangedContent = get(this, 'arrangedContent');\n\n mid = low + Math.floor((high - low) / 2);\n midItem = arrangedContent.objectAt(mid);\n\n res = this.orderBy(midItem, item);\n\n if (res < 0) {\n return this._binarySearch(item, mid+1, high);\n } else if (res > 0) {\n return this._binarySearch(item, low, mid);\n }\n\n return mid;\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/sortable");minispade.register('ember-runtime/mixins/target_action_support', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n@class TargetActionSupport\n@namespace Ember\n@extends Ember.Mixin\n*/\nEmber.TargetActionSupport = Ember.Mixin.create({\n target: null,\n action: null,\n\n targetObject: Ember.computed(function() {\n var target = get(this, 'target');\n\n if (Ember.typeOf(target) === \"string\") {\n var value = get(this, target);\n if (value === undefined) { value = get(Ember.lookup, target); }\n return value;\n } else {\n return target;\n }\n }).property('target'),\n\n triggerAction: function() {\n var action = get(this, 'action'),\n target = get(this, 'targetObject');\n\n if (target && action) {\n var ret;\n\n if (typeof target.send === 'function') {\n ret = target.send(action, this);\n } else {\n if (typeof action === 'string') {\n action = target[action];\n }\n ret = action.call(target, this);\n }\n if (ret !== false) ret = true;\n\n return ret;\n } else {\n return false;\n }\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/mixins/target_action_support");minispade.register('ember-runtime/system', "(function() {minispade.require('ember-runtime/system/application');\nminispade.require('ember-runtime/system/array_proxy');\nminispade.require('ember-runtime/system/object_proxy');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/system/each_proxy');\nminispade.require('ember-runtime/system/namespace');\nminispade.require('ember-runtime/system/native_array');\nminispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/system/set');\nminispade.require('ember-runtime/system/string');\nminispade.require('ember-runtime/system/promise_chain');\nminispade.require('ember-runtime/system/lazy_load');\n\n})();\n//@ sourceURL=ember-runtime/system");minispade.register('ember-runtime/system/application', "(function() {minispade.require('ember-runtime/system/namespace');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n/**\n Defines a namespace that will contain an executable application. This is\n very similar to a normal namespace except that it is expected to include at\n least a 'ready' function which can be run to initialize the application.\n\n Currently Ember.Application is very similar to Ember.Namespace. However, this\n class may be augmented by additional frameworks so it is important to use\n this instance when building new applications.\n\n # Example Usage\n\n MyApp = Ember.Application.create({\n VERSION: '1.0.0',\n store: Ember.Store.create().from(Ember.fixtures)\n });\n\n MyApp.ready = function() {\n //..init code goes here...\n }\n\n @class Application\n @namespace Ember\n @extends Ember.Namespace\n*/\nEmber.Application = Ember.Namespace.extend();\n\n\n})();\n//@ sourceURL=ember-runtime/system/application");minispade.register('ember-runtime/system/array_proxy', "(function() {minispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/system/object');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n\nvar get = Ember.get, set = Ember.set;\n\n/**\n An ArrayProxy wraps any other object that implements Ember.Array and/or\n Ember.MutableArray, forwarding all requests. This makes it very useful for\n a number of binding use cases or other cases where being able to swap\n out the underlying array is useful.\n\n A simple example of usage:\n\n var pets = ['dog', 'cat', 'fish'];\n var ap = Ember.ArrayProxy.create({ content: Ember.A(pets) });\n ap.get('firstObject'); // => 'dog'\n ap.set('content', ['amoeba', 'paramecium']);\n ap.get('firstObject'); // => 'amoeba'\n\n This class can also be useful as a layer to transform the contents of\n an array, as they are accessed. This can be done by overriding\n `objectAtContent`:\n\n var pets = ['dog', 'cat', 'fish'];\n var ap = Ember.ArrayProxy.create({\n content: Ember.A(pets),\n objectAtContent: function(idx) {\n return this.get('content').objectAt(idx).toUpperCase();\n }\n });\n ap.get('firstObject'); // => 'DOG'\n\n\n @class ArrayProxy\n @namespace Ember\n @extends Ember.Object\n @uses Ember.MutableArray\n*/\nEmber.ArrayProxy = Ember.Object.extend(Ember.MutableArray,\n/** @scope Ember.ArrayProxy.prototype */ {\n\n /**\n The content array. Must be an object that implements Ember.Array and/or\n Ember.MutableArray.\n\n @property content\n @type Ember.Array\n */\n content: null,\n\n /**\n The array that the proxy pretends to be. In the default `ArrayProxy`\n implementation, this and `content` are the same. Subclasses of `ArrayProxy`\n can override this property to provide things like sorting and filtering.\n \n @property arrangedContent\n */\n arrangedContent: Ember.computed('content', function() {\n return get(this, 'content');\n }),\n\n /**\n Should actually retrieve the object at the specified index from the\n content. You can override this method in subclasses to transform the\n content item to something new.\n\n This method will only be called if content is non-null.\n\n @method objectAtContent\n @param {Number} idx The index to retrieve.\n @return {Object} the value or undefined if none found\n */\n objectAtContent: function(idx) {\n return get(this, 'arrangedContent').objectAt(idx);\n },\n\n /**\n Should actually replace the specified objects on the content array.\n You can override this method in subclasses to transform the content item\n into something new.\n\n This method will only be called if content is non-null.\n\n @method replaceContent\n @param {Number} idx The starting index\n @param {Number} amt The number of items to remove from the content.\n @param {Array} objects Optional array of objects to insert or null if no objects.\n @return {void}\n */\n replaceContent: function(idx, amt, objects) {\n get(this, 'arrangedContent').replace(idx, amt, objects);\n },\n\n /**\n @private\n\n Invoked when the content property is about to change. Notifies observers that the\n entire array content will change.\n\n @method _contentWillChange\n */\n _contentWillChange: Ember.beforeObserver(function() {\n this._teardownContent();\n }, 'content'),\n\n _teardownContent: function() {\n var content = get(this, 'content');\n\n if (content) {\n content.removeArrayObserver(this, {\n willChange: 'contentArrayWillChange',\n didChange: 'contentArrayDidChange'\n });\n }\n },\n\n contentArrayWillChange: Ember.K,\n contentArrayDidChange: Ember.K,\n\n /**\n @private\n\n Invoked when the content property changes. Notifies observers that the\n entire array content has changed.\n\n @method _contentDidChange\n */\n _contentDidChange: Ember.observer(function() {\n var content = get(this, 'content');\n\n Ember.assert(\"Can't set ArrayProxy's content to itself\", content !== this);\n\n this._setupContent();\n }, 'content'),\n\n _setupContent: function() {\n var content = get(this, 'content');\n\n if (content) {\n content.addArrayObserver(this, {\n willChange: 'contentArrayWillChange',\n didChange: 'contentArrayDidChange'\n });\n }\n },\n\n _arrangedContentWillChange: Ember.beforeObserver(function() {\n var arrangedContent = get(this, 'arrangedContent'),\n len = arrangedContent ? get(arrangedContent, 'length') : 0;\n\n this.arrangedContentArrayWillChange(this, 0, len, undefined);\n this.arrangedContentWillChange(this);\n\n this._teardownArrangedContent(arrangedContent);\n }, 'arrangedContent'),\n\n _arrangedContentDidChange: Ember.observer(function() {\n var arrangedContent = get(this, 'arrangedContent'),\n len = arrangedContent ? get(arrangedContent, 'length') : 0;\n\n Ember.assert(\"Can't set ArrayProxy's content to itself\", arrangedContent !== this);\n\n this._setupArrangedContent();\n\n this.arrangedContentDidChange(this);\n this.arrangedContentArrayDidChange(this, 0, undefined, len);\n }, 'arrangedContent'),\n\n _setupArrangedContent: function() {\n var arrangedContent = get(this, 'arrangedContent');\n\n if (arrangedContent) {\n arrangedContent.addArrayObserver(this, {\n willChange: 'arrangedContentArrayWillChange',\n didChange: 'arrangedContentArrayDidChange'\n });\n }\n },\n\n _teardownArrangedContent: function() {\n var arrangedContent = get(this, 'arrangedContent');\n\n if (arrangedContent) {\n arrangedContent.removeArrayObserver(this, {\n willChange: 'arrangedContentArrayWillChange',\n didChange: 'arrangedContentArrayDidChange'\n });\n }\n },\n\n arrangedContentWillChange: Ember.K,\n arrangedContentDidChange: Ember.K,\n\n objectAt: function(idx) {\n return get(this, 'content') && this.objectAtContent(idx);\n },\n\n length: Ember.computed(function() {\n var arrangedContent = get(this, 'arrangedContent');\n return arrangedContent ? get(arrangedContent, 'length') : 0;\n // No dependencies since Enumerable notifies length of change\n }).property(),\n\n replace: function(idx, amt, objects) {\n Ember.assert('The content property of '+ this.constructor + ' should be set before modifying it', this.get('content'));\n if (get(this, 'content')) this.replaceContent(idx, amt, objects);\n return this;\n },\n\n arrangedContentArrayWillChange: function(item, idx, removedCnt, addedCnt) {\n this.arrayContentWillChange(idx, removedCnt, addedCnt);\n },\n\n arrangedContentArrayDidChange: function(item, idx, removedCnt, addedCnt) {\n this.arrayContentDidChange(idx, removedCnt, addedCnt);\n },\n\n init: function() {\n this._super();\n this._setupContent();\n this._setupArrangedContent();\n },\n\n willDestroy: function() {\n this._teardownArrangedContent();\n this._teardownContent();\n }\n});\n\n\n})();\n//@ sourceURL=ember-runtime/system/array_proxy");minispade.register('ember-runtime/system/core_object', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\n\n// NOTE: this object should never be included directly. Instead use Ember.\n// Ember.Object. We only define this separately so that Ember.Set can depend on it\n\n\nvar set = Ember.set, get = Ember.get,\n o_create = Ember.create,\n o_defineProperty = Ember.platform.defineProperty,\n a_slice = Array.prototype.slice,\n GUID_KEY = Ember.GUID_KEY,\n guidFor = Ember.guidFor,\n generateGuid = Ember.generateGuid,\n meta = Ember.meta,\n rewatch = Ember.rewatch,\n finishChains = Ember.finishChains,\n destroy = Ember.destroy,\n schedule = Ember.run.schedule,\n Mixin = Ember.Mixin,\n applyMixin = Mixin._apply,\n finishPartial = Mixin.finishPartial,\n reopen = Mixin.prototype.reopen,\n classToString = Mixin.prototype.toString;\n\nvar undefinedDescriptor = {\n configurable: true,\n writable: true,\n enumerable: false,\n value: undefined\n};\n\nfunction makeCtor() {\n\n // Note: avoid accessing any properties on the object since it makes the\n // method a lot faster. This is glue code so we want it to be as fast as\n // possible.\n\n var wasApplied = false, initMixins;\n\n var Class = function() {\n if (!wasApplied) {\n Class.proto(); // prepare prototype...\n }\n o_defineProperty(this, GUID_KEY, undefinedDescriptor);\n o_defineProperty(this, '_super', undefinedDescriptor);\n var m = meta(this);\n m.proto = this;\n if (initMixins) {\n this.reopen.apply(this, initMixins);\n initMixins = null;\n }\n finishPartial(this, m);\n delete m.proto;\n finishChains(this);\n this.init.apply(this, arguments);\n };\n\n Class.toString = classToString;\n Class.willReopen = function() {\n if (wasApplied) {\n Class.PrototypeMixin = Mixin.create(Class.PrototypeMixin);\n }\n\n wasApplied = false;\n };\n Class._initMixins = function(args) { initMixins = args; };\n\n Class.proto = function() {\n var superclass = Class.superclass;\n if (superclass) { superclass.proto(); }\n\n if (!wasApplied) {\n wasApplied = true;\n Class.PrototypeMixin.applyPartial(Class.prototype);\n rewatch(Class.prototype);\n }\n\n return this.prototype;\n };\n\n return Class;\n\n}\n\nvar CoreObject = makeCtor();\n\nCoreObject.PrototypeMixin = Mixin.create({\n\n reopen: function() {\n applyMixin(this, arguments, true);\n return this;\n },\n\n isInstance: true,\n\n init: function() {},\n\n /**\n @property isDestroyed\n @default false\n */\n isDestroyed: false,\n\n /**\n @property isDestroying\n @default false\n */\n isDestroying: false,\n\n /**\n Destroys an object by setting the isDestroyed flag and removing its\n metadata, which effectively destroys observers and bindings.\n\n If you try to set a property on a destroyed object, an exception will be\n raised.\n\n Note that destruction is scheduled for the end of the run loop and does not\n happen immediately.\n\n @method destroy\n @return {Ember.Object} receiver\n */\n destroy: function() {\n if (this.isDestroying) { return; }\n\n this.isDestroying = true;\n\n if (this.willDestroy) { this.willDestroy(); }\n\n set(this, 'isDestroyed', true);\n schedule('destroy', this, this._scheduledDestroy);\n return this;\n },\n\n /**\n @private\n\n Invoked by the run loop to actually destroy the object. This is\n scheduled for execution by the `destroy` method.\n\n @method _scheduledDestroy\n */\n _scheduledDestroy: function() {\n destroy(this);\n if (this.didDestroy) { this.didDestroy(); }\n },\n\n bind: function(to, from) {\n if (!(from instanceof Ember.Binding)) { from = Ember.Binding.from(from); }\n from.to(to).connect(this);\n return from;\n },\n\n toString: function() {\n return '<'+this.constructor.toString()+':'+guidFor(this)+'>';\n }\n});\n\nif (Ember.config.overridePrototypeMixin) {\n Ember.config.overridePrototypeMixin(CoreObject.PrototypeMixin);\n}\n\nCoreObject.__super__ = null;\n\nvar ClassMixin = Mixin.create({\n\n ClassMixin: Ember.required(),\n\n PrototypeMixin: Ember.required(),\n\n isClass: true,\n\n isMethod: false,\n\n extend: function() {\n var Class = makeCtor(), proto;\n Class.ClassMixin = Mixin.create(this.ClassMixin);\n Class.PrototypeMixin = Mixin.create(this.PrototypeMixin);\n\n Class.ClassMixin.ownerConstructor = Class;\n Class.PrototypeMixin.ownerConstructor = Class;\n\n reopen.apply(Class.PrototypeMixin, arguments);\n\n Class.superclass = this;\n Class.__super__ = this.prototype;\n\n proto = Class.prototype = o_create(this.prototype);\n proto.constructor = Class;\n generateGuid(proto, 'ember');\n meta(proto).proto = proto; // this will disable observers on prototype\n\n Class.ClassMixin.apply(Class);\n return Class;\n },\n\n create: function() {\n var C = this;\n if (arguments.length>0) { this._initMixins(arguments); }\n return new C();\n },\n\n reopen: function() {\n this.willReopen();\n reopen.apply(this.PrototypeMixin, arguments);\n return this;\n },\n\n reopenClass: function() {\n reopen.apply(this.ClassMixin, arguments);\n applyMixin(this, arguments, false);\n return this;\n },\n\n detect: function(obj) {\n if ('function' !== typeof obj) { return false; }\n while(obj) {\n if (obj===this) { return true; }\n obj = obj.superclass;\n }\n return false;\n },\n\n detectInstance: function(obj) {\n return obj instanceof this;\n },\n\n /**\n In some cases, you may want to annotate computed properties with additional\n metadata about how they function or what values they operate on. For example,\n computed property functions may close over variables that are then no longer\n available for introspection.\n\n You can pass a hash of these values to a computed property like this:\n\n person: function() {\n var personId = this.get('personId');\n return App.Person.create({ id: personId });\n }.property().meta({ type: App.Person })\n\n Once you've done this, you can retrieve the values saved to the computed\n property from your class like this:\n\n MyClass.metaForProperty('person');\n\n This will return the original hash that was passed to `meta()`.\n\n @method metaForProperty\n @param key {String} property name\n */\n metaForProperty: function(key) {\n var desc = meta(this.proto(), false).descs[key];\n\n Ember.assert(\"metaForProperty() could not find a computed property with key '\"+key+\"'.\", !!desc && desc instanceof Ember.ComputedProperty);\n return desc._meta || {};\n },\n\n /**\n Iterate over each computed property for the class, passing its name\n and any associated metadata (see `metaForProperty`) to the callback.\n\n @method eachComputedProperty\n @param {Function} callback\n @param {Object} binding\n */\n eachComputedProperty: function(callback, binding) {\n var proto = this.proto(),\n descs = meta(proto).descs,\n empty = {},\n property;\n\n for (var name in descs) {\n property = descs[name];\n\n if (property instanceof Ember.ComputedProperty) {\n callback.call(binding || this, name, property._meta || empty);\n }\n }\n }\n\n});\n\nif (Ember.config.overrideClassMixin) {\n Ember.config.overrideClassMixin(ClassMixin);\n}\n\nCoreObject.ClassMixin = ClassMixin;\nClassMixin.apply(CoreObject);\n\n/**\n @class CoreObject\n @namespace Ember\n*/\nEmber.CoreObject = CoreObject;\n\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/core_object");minispade.register('ember-runtime/system/each_proxy', "(function() {minispade.require('ember-runtime/system/object');\nminispade.require('ember-runtime/mixins/array');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n\nvar set = Ember.set, get = Ember.get, guidFor = Ember.guidFor;\nvar forEach = Ember.EnumerableUtils.forEach;\n\nvar EachArray = Ember.Object.extend(Ember.Array, {\n\n init: function(content, keyName, owner) {\n this._super();\n this._keyName = keyName;\n this._owner = owner;\n this._content = content;\n },\n\n objectAt: function(idx) {\n var item = this._content.objectAt(idx);\n return item && get(item, this._keyName);\n },\n\n length: Ember.computed(function() {\n var content = this._content;\n return content ? get(content, 'length') : 0;\n }).property()\n\n});\n\nvar IS_OBSERVER = /^.+:(before|change)$/;\n\nfunction addObserverForContentKey(content, keyName, proxy, idx, loc) {\n var objects = proxy._objects, guid;\n if (!objects) objects = proxy._objects = {};\n\n while(--loc>=idx) {\n var item = content.objectAt(loc);\n if (item) {\n Ember.addBeforeObserver(item, keyName, proxy, 'contentKeyWillChange');\n Ember.addObserver(item, keyName, proxy, 'contentKeyDidChange');\n\n // keep track of the indicies each item was found at so we can map\n // it back when the obj changes.\n guid = guidFor(item);\n if (!objects[guid]) objects[guid] = [];\n objects[guid].push(loc);\n }\n }\n}\n\nfunction removeObserverForContentKey(content, keyName, proxy, idx, loc) {\n var objects = proxy._objects;\n if (!objects) objects = proxy._objects = {};\n var indicies, guid;\n\n while(--loc>=idx) {\n var item = content.objectAt(loc);\n if (item) {\n Ember.removeBeforeObserver(item, keyName, proxy, 'contentKeyWillChange');\n Ember.removeObserver(item, keyName, proxy, 'contentKeyDidChange');\n\n guid = guidFor(item);\n indicies = objects[guid];\n indicies[indicies.indexOf(loc)] = null;\n }\n }\n}\n\n/**\n This is the object instance returned when you get the @each property on an\n array. It uses the unknownProperty handler to automatically create\n EachArray instances for property names.\n\n @private\n @class EachProxy\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.EachProxy = Ember.Object.extend({\n\n init: function(content) {\n this._super();\n this._content = content;\n content.addArrayObserver(this);\n\n // in case someone is already observing some keys make sure they are\n // added\n forEach(Ember.watchedEvents(this), function(eventName) {\n this.didAddListener(eventName);\n }, this);\n },\n\n /**\n You can directly access mapped properties by simply requesting them.\n The unknownProperty handler will generate an EachArray of each item.\n\n @method unknownProperty\n @param keyName {String}\n @param value {anything}\n */\n unknownProperty: function(keyName, value) {\n var ret;\n ret = new EachArray(this._content, keyName, this);\n Ember.defineProperty(this, keyName, null, ret);\n this.beginObservingContentKey(keyName);\n return ret;\n },\n\n // ..........................................................\n // ARRAY CHANGES\n // Invokes whenever the content array itself changes.\n\n arrayWillChange: function(content, idx, removedCnt, addedCnt) {\n var keys = this._keys, key, array, lim;\n\n lim = removedCnt>0 ? idx+removedCnt : -1;\n Ember.beginPropertyChanges(this);\n\n for(key in keys) {\n if (!keys.hasOwnProperty(key)) { continue; }\n\n if (lim>0) removeObserverForContentKey(content, key, this, idx, lim);\n\n Ember.propertyWillChange(this, key);\n }\n\n Ember.propertyWillChange(this._content, '@each');\n Ember.endPropertyChanges(this);\n },\n\n arrayDidChange: function(content, idx, removedCnt, addedCnt) {\n var keys = this._keys, key, array, lim;\n\n lim = addedCnt>0 ? idx+addedCnt : -1;\n Ember.beginPropertyChanges(this);\n\n for(key in keys) {\n if (!keys.hasOwnProperty(key)) { continue; }\n\n if (lim>0) addObserverForContentKey(content, key, this, idx, lim);\n\n Ember.propertyDidChange(this, key);\n }\n\n Ember.propertyDidChange(this._content, '@each');\n Ember.endPropertyChanges(this);\n },\n\n // ..........................................................\n // LISTEN FOR NEW OBSERVERS AND OTHER EVENT LISTENERS\n // Start monitoring keys based on who is listening...\n\n didAddListener: function(eventName) {\n if (IS_OBSERVER.test(eventName)) {\n this.beginObservingContentKey(eventName.slice(0, -7));\n }\n },\n\n didRemoveListener: function(eventName) {\n if (IS_OBSERVER.test(eventName)) {\n this.stopObservingContentKey(eventName.slice(0, -7));\n }\n },\n\n // ..........................................................\n // CONTENT KEY OBSERVING\n // Actual watch keys on the source content.\n\n beginObservingContentKey: function(keyName) {\n var keys = this._keys;\n if (!keys) keys = this._keys = {};\n if (!keys[keyName]) {\n keys[keyName] = 1;\n var content = this._content,\n len = get(content, 'length');\n addObserverForContentKey(content, keyName, this, 0, len);\n } else {\n keys[keyName]++;\n }\n },\n\n stopObservingContentKey: function(keyName) {\n var keys = this._keys;\n if (keys && (keys[keyName]>0) && (--keys[keyName]<=0)) {\n var content = this._content,\n len = get(content, 'length');\n removeObserverForContentKey(content, keyName, this, 0, len);\n }\n },\n\n contentKeyWillChange: function(obj, keyName) {\n Ember.propertyWillChange(this, keyName);\n },\n\n contentKeyDidChange: function(obj, keyName) {\n Ember.propertyDidChange(this, keyName);\n }\n\n});\n\n\n\n})();\n//@ sourceURL=ember-runtime/system/each_proxy");minispade.register('ember-runtime/system/lazy_load', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar loadHooks = {};\nvar loaded = {};\n\n/**\n@method onLoad\n@for Ember\n@param name {String} name of hook\n@param callback {Function} callback to be called\n*/\nEmber.onLoad = function(name, callback) {\n var object;\n\n loadHooks[name] = loadHooks[name] || Ember.A();\n loadHooks[name].pushObject(callback);\n\n if (object = loaded[name]) {\n callback(object);\n }\n};\n\n/**\n@method runLoadHooks\n@for Ember\n@param name {String} name of hook\n@param object {Object} object to pass to callbacks\n*/\nEmber.runLoadHooks = function(name, object) {\n var hooks;\n\n loaded[name] = object;\n\n if (hooks = loadHooks[name]) {\n loadHooks[name].forEach(function(callback) {\n callback(object);\n });\n }\n};\n\n})();\n//@ sourceURL=ember-runtime/system/lazy_load");minispade.register('ember-runtime/system/namespace', "(function() {minispade.require('ember-runtime/system/object');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar indexOf = Ember.ArrayPolyfills.indexOf;\n\n/**\n A Namespace is an object usually used to contain other objects or methods\n such as an application or framework. Create a namespace anytime you want\n to define one of these new containers.\n\n # Example Usage\n\n MyFramework = Ember.Namespace.create({\n VERSION: '1.0.0'\n });\n\n @class Namespace\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.Namespace = Ember.Object.extend({\n isNamespace: true,\n\n init: function() {\n Ember.Namespace.NAMESPACES.push(this);\n Ember.Namespace.PROCESSED = false;\n },\n\n toString: function() {\n Ember.identifyNamespaces();\n return this[Ember.GUID_KEY+'_name'];\n },\n\n destroy: function() {\n var namespaces = Ember.Namespace.NAMESPACES;\n Ember.lookup[this.toString()] = undefined;\n namespaces.splice(indexOf.call(namespaces, this), 1);\n this._super();\n }\n});\n\nEmber.Namespace.NAMESPACES = [Ember];\nEmber.Namespace.PROCESSED = false;\n\n})();\n//@ sourceURL=ember-runtime/system/namespace");minispade.register('ember-runtime/system/native_array', "(function() {minispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/mixins/mutable_array');\nminispade.require('ember-runtime/mixins/copyable');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n\nvar get = Ember.get, set = Ember.set;\n\n// Add Ember.Array to Array.prototype. Remove methods with native\n// implementations and supply some more optimized versions of generic methods\n// because they are so common.\nvar NativeArray = Ember.Mixin.create(Ember.MutableArray, Ember.Observable, Ember.Copyable, {\n\n // because length is a built-in property we need to know to just get the\n // original property.\n get: function(key) {\n if (key==='length') return this.length;\n else if ('number' === typeof key) return this[key];\n else return this._super(key);\n },\n\n objectAt: function(idx) {\n return this[idx];\n },\n\n // primitive for array support.\n replace: function(idx, amt, objects) {\n\n if (this.isFrozen) throw Ember.FROZEN_ERROR ;\n\n // if we replaced exactly the same number of items, then pass only the\n // replaced range. Otherwise, pass the full remaining array length\n // since everything has shifted\n var len = objects ? get(objects, 'length') : 0;\n this.arrayContentWillChange(idx, amt, len);\n\n if (!objects || objects.length === 0) {\n this.splice(idx, amt) ;\n } else {\n var args = [idx, amt].concat(objects) ;\n this.splice.apply(this,args) ;\n }\n\n this.arrayContentDidChange(idx, amt, len);\n return this ;\n },\n\n // If you ask for an unknown property, then try to collect the value\n // from member items.\n unknownProperty: function(key, value) {\n var ret;// = this.reducedProperty(key, value) ;\n if ((value !== undefined) && ret === undefined) {\n ret = this[key] = value;\n }\n return ret ;\n },\n\n // If browser did not implement indexOf natively, then override with\n // specialized version\n indexOf: function(object, startAt) {\n var idx, len = this.length;\n\n if (startAt === undefined) startAt = 0;\n else startAt = (startAt < 0) ? Math.ceil(startAt) : Math.floor(startAt);\n if (startAt < 0) startAt += len;\n\n for(idx=startAt;idx=0;idx--) {\n if (this[idx] === object) return idx ;\n }\n return -1;\n },\n\n copy: function() {\n return this.slice();\n }\n});\n\n// Remove any methods implemented natively so we don't override them\nvar ignore = ['length'];\nEmber.EnumerableUtils.forEach(NativeArray.keys(), function(methodName) {\n if (Array.prototype[methodName]) ignore.push(methodName);\n});\n\nif (ignore.length>0) {\n NativeArray = NativeArray.without.apply(NativeArray, ignore);\n}\n\n/**\n The NativeArray mixin contains the properties needed to to make the native\n Array support Ember.MutableArray and all of its dependent APIs. Unless you\n have Ember.EXTEND_PROTOTYPES or Ember.EXTEND_PROTOTYPES.Array set to false, this\n will be applied automatically. Otherwise you can apply the mixin at anytime by\n calling `Ember.NativeArray.activate`.\n\n @class NativeArray\n @namespace Ember\n @extends Ember.Mixin\n @uses Ember.MutableArray\n @uses Ember.MutableEnumerable\n @uses Ember.Copyable\n @uses Ember.Freezable\n*/\nEmber.NativeArray = NativeArray;\n\n/**\n Creates an Ember.NativeArray from an Array like object.\n Does not modify the original object.\n\n @method A\n @for Ember\n @return {Ember.NativeArray}\n*/\nEmber.A = function(arr){\n if (arr === undefined) { arr = []; }\n return Ember.NativeArray.apply(arr);\n};\n\n/**\n Activates the mixin on the Array.prototype if not already applied. Calling\n this method more than once is safe.\n\n @method activate\n @for Ember.NativeArray\n @static\n @return {void}\n*/\nEmber.NativeArray.activate = function() {\n NativeArray.apply(Array.prototype);\n\n Ember.A = function(arr) { return arr || []; };\n};\n\nif (Ember.EXTEND_PROTOTYPES === true || Ember.EXTEND_PROTOTYPES.Array) {\n Ember.NativeArray.activate();\n}\n\n\n})();\n//@ sourceURL=ember-runtime/system/native_array");minispade.register('ember-runtime/system/object', "(function() {minispade.require('ember-runtime/mixins/observable');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/system/set');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\n/**\n `Ember.Object` is the main base class for all Ember objects. It is a subclass\n of `Ember.CoreObject` with the `Ember.Observable` mixin applied. For details,\n see the documentation for each of these.\n\n @class Object\n @namespace Ember\n @extends Ember.CoreObject\n @uses Ember.Observable\n*/\nEmber.Object = Ember.CoreObject.extend(Ember.Observable);\n\n})();\n//@ sourceURL=ember-runtime/system/object");minispade.register('ember-runtime/system/object_proxy', "(function() {minispade.require('ember-runtime/system/object');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get,\n set = Ember.set,\n fmt = Ember.String.fmt,\n addBeforeObserver = Ember.addBeforeObserver,\n addObserver = Ember.addObserver,\n removeBeforeObserver = Ember.removeBeforeObserver,\n removeObserver = Ember.removeObserver,\n propertyWillChange = Ember.propertyWillChange,\n propertyDidChange = Ember.propertyDidChange;\n\nfunction contentPropertyWillChange(content, contentKey) {\n var key = contentKey.slice(8); // remove \"content.\"\n if (key in this) { return; } // if shadowed in proxy\n propertyWillChange(this, key);\n}\n\nfunction contentPropertyDidChange(content, contentKey) {\n var key = contentKey.slice(8); // remove \"content.\"\n if (key in this) { return; } // if shadowed in proxy\n propertyDidChange(this, key);\n}\n\n/**\n `Ember.ObjectProxy` forwards all properties not defined by the proxy itself\n to a proxied `content` object.\n\n object = Ember.Object.create({\n name: 'Foo'\n });\n proxy = Ember.ObjectProxy.create({\n content: object\n });\n\n // Access and change existing properties\n proxy.get('name') // => 'Foo'\n proxy.set('name', 'Bar');\n object.get('name') // => 'Bar'\n\n // Create new 'description' property on `object`\n proxy.set('description', 'Foo is a whizboo baz');\n object.get('description') // => 'Foo is a whizboo baz'\n\n While `content` is unset, setting a property to be delegated will throw an Error.\n\n proxy = Ember.ObjectProxy.create({\n content: null,\n flag: null\n });\n proxy.set('flag', true);\n proxy.get('flag'); // => true\n proxy.get('foo'); // => undefined\n proxy.set('foo', 'data'); // throws Error\n\n Delegated properties can be bound to and will change when content is updated.\n\n Computed properties on the proxy itself can depend on delegated properties.\n\n ProxyWithComputedProperty = Ember.ObjectProxy.extend({\n fullName: function () {\n var firstName = this.get('firstName'),\n lastName = this.get('lastName');\n if (firstName && lastName) {\n return firstName + ' ' + lastName;\n }\n return firstName || lastName;\n }.property('firstName', 'lastName')\n });\n proxy = ProxyWithComputedProperty.create();\n proxy.get('fullName'); => undefined\n proxy.set('content', {\n firstName: 'Tom', lastName: 'Dale'\n }); // triggers property change for fullName on proxy\n proxy.get('fullName'); => 'Tom Dale'\n\n @class ObjectProxy\n @namespace Ember\n @extends Ember.Object\n*/\nEmber.ObjectProxy = Ember.Object.extend(\n/** @scope Ember.ObjectProxy.prototype */ {\n /**\n The object whose properties will be forwarded.\n\n @property content\n @type Ember.Object\n @default null\n */\n content: null,\n _contentDidChange: Ember.observer(function() {\n Ember.assert(\"Can't set ObjectProxy's content to itself\", this.get('content') !== this);\n }, 'content'),\n\n willWatchProperty: function (key) {\n var contentKey = 'content.' + key;\n addBeforeObserver(this, contentKey, null, contentPropertyWillChange);\n addObserver(this, contentKey, null, contentPropertyDidChange);\n },\n\n didUnwatchProperty: function (key) {\n var contentKey = 'content.' + key;\n removeBeforeObserver(this, contentKey, null, contentPropertyWillChange);\n removeObserver(this, contentKey, null, contentPropertyDidChange);\n },\n\n unknownProperty: function (key) {\n var content = get(this, 'content');\n if (content) {\n return get(content, key);\n }\n },\n\n setUnknownProperty: function (key, value) {\n var content = get(this, 'content');\n Ember.assert(fmt(\"Cannot delegate set('%@', %@) to the 'content' property of object proxy %@: its 'content' is undefined.\", [key, value, this]), content);\n return set(content, key, value);\n }\n});\n\n})();\n//@ sourceURL=ember-runtime/system/object_proxy");minispade.register('ember-runtime/system/promise_chain', "(function() {minispade.require('ember-runtime/system/object');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set;\n\nEmber._PromiseChain = Ember.Object.extend({\n promises: null,\n failureCallback: Ember.K,\n successCallback: Ember.K,\n abortCallback: Ember.K,\n promiseSuccessCallback: Ember.K,\n\n runNextPromise: function() {\n if (get(this, 'isDestroyed')) { return; }\n\n var item = get(this, 'promises').shiftObject();\n if (item) {\n var promise = get(item, 'promise') || item;\n Ember.assert(\"Cannot find promise to invoke\", Ember.canInvoke(promise, 'then'));\n\n var self = this;\n\n var successCallback = function() {\n self.promiseSuccessCallback.call(this, item, arguments);\n self.runNextPromise();\n };\n\n var failureCallback = get(self, 'failureCallback');\n\n promise.then(successCallback, failureCallback);\n } else {\n this.successCallback();\n }\n },\n\n start: function() {\n this.runNextPromise();\n return this;\n },\n\n abort: function() {\n this.abortCallback();\n this.destroy();\n },\n\n init: function() {\n set(this, 'promises', Ember.A(get(this, 'promises')));\n this._super();\n }\n});\n\n\n})();\n//@ sourceURL=ember-runtime/system/promise_chain");minispade.register('ember-runtime/system/set', "(function() {minispade.require('ember-runtime/core');\nminispade.require('ember-runtime/system/core_object');\nminispade.require('ember-runtime/mixins/mutable_enumerable');\nminispade.require('ember-runtime/mixins/copyable');\nminispade.require('ember-runtime/mixins/freezable');\n\n/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar get = Ember.get, set = Ember.set, guidFor = Ember.guidFor, none = Ember.none;\n\n/**\n An unordered collection of objects.\n\n A Set works a bit like an array except that its items are not ordered.\n You can create a set to efficiently test for membership for an object. You\n can also iterate through a set just like an array, even accessing objects\n by index, however there is no guarantee as to their order.\n\n All Sets are observable via the Enumerable Observer API - which works\n on any enumerable object including both Sets and Arrays.\n\n ## Creating a Set\n\n You can create a set like you would most objects using\n `new Ember.Set()`. Most new sets you create will be empty, but you can\n also initialize the set with some content by passing an array or other\n enumerable of objects to the constructor.\n\n Finally, you can pass in an existing set and the set will be copied. You\n can also create a copy of a set by calling `Ember.Set#copy()`.\n\n #js\n // creates a new empty set\n var foundNames = new Ember.Set();\n\n // creates a set with four names in it.\n var names = new Ember.Set([\"Charles\", \"Tom\", \"Juan\", \"Alex\"]); // :P\n\n // creates a copy of the names set.\n var namesCopy = new Ember.Set(names);\n\n // same as above.\n var anotherNamesCopy = names.copy();\n\n ## Adding/Removing Objects\n\n You generally add or remove objects from a set using `add()` or\n `remove()`. You can add any type of object including primitives such as\n numbers, strings, and booleans.\n\n Unlike arrays, objects can only exist one time in a set. If you call `add()`\n on a set with the same object multiple times, the object will only be added\n once. Likewise, calling `remove()` with the same object multiple times will\n remove the object the first time and have no effect on future calls until\n you add the object to the set again.\n\n NOTE: You cannot add/remove null or undefined to a set. Any attempt to do so\n will be ignored.\n\n In addition to add/remove you can also call `push()`/`pop()`. Push behaves\n just like `add()` but `pop()`, unlike `remove()` will pick an arbitrary\n object, remove it and return it. This is a good way to use a set as a job\n queue when you don't care which order the jobs are executed in.\n\n ## Testing for an Object\n\n To test for an object's presence in a set you simply call\n `Ember.Set#contains()`.\n\n ## Observing changes\n\n When using `Ember.Set`, you can observe the `\"[]\"` property to be\n alerted whenever the content changes. You can also add an enumerable\n observer to the set to be notified of specific objects that are added and\n removed from the set. See `Ember.Enumerable` for more information on\n enumerables.\n\n This is often unhelpful. If you are filtering sets of objects, for instance,\n it is very inefficient to re-filter all of the items each time the set\n changes. It would be better if you could just adjust the filtered set based\n on what was changed on the original set. The same issue applies to merging\n sets, as well.\n\n ## Other Methods\n\n `Ember.Set` primary implements other mixin APIs. For a complete reference\n on the methods you will use with `Ember.Set`, please consult these mixins.\n The most useful ones will be `Ember.Enumerable` and\n `Ember.MutableEnumerable` which implement most of the common iterator\n methods you are used to on Array.\n\n Note that you can also use the `Ember.Copyable` and `Ember.Freezable`\n APIs on `Ember.Set` as well. Once a set is frozen it can no longer be\n modified. The benefit of this is that when you call frozenCopy() on it,\n Ember will avoid making copies of the set. This allows you to write\n code that can know with certainty when the underlying set data will or\n will not be modified.\n\n @class Set\n @namespace Ember\n @extends Ember.CoreObject\n @uses Ember.MutableEnumerable\n @uses Ember.Copyable\n @uses Ember.Freezable\n @since Ember 0.9\n*/\nEmber.Set = Ember.CoreObject.extend(Ember.MutableEnumerable, Ember.Copyable, Ember.Freezable,\n /** @scope Ember.Set.prototype */ {\n\n // ..........................................................\n // IMPLEMENT ENUMERABLE APIS\n //\n\n /**\n This property will change as the number of objects in the set changes.\n\n @property length\n @type number\n @default 0\n */\n length: 0,\n\n /**\n Clears the set. This is useful if you want to reuse an existing set\n without having to recreate it.\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.length; => 3\n colors.clear();\n colors.length; => 0\n\n @method clear\n @return {Ember.Set} An empty Set\n */\n clear: function() {\n if (this.isFrozen) { throw new Error(Ember.FROZEN_ERROR); }\n\n var len = get(this, 'length');\n if (len === 0) { return this; }\n\n var guid;\n\n this.enumerableContentWillChange(len, 0);\n Ember.propertyWillChange(this, 'firstObject');\n Ember.propertyWillChange(this, 'lastObject');\n\n for (var i=0; i < len; i++){\n guid = guidFor(this[i]);\n delete this[guid];\n delete this[i];\n }\n\n set(this, 'length', 0);\n\n Ember.propertyDidChange(this, 'firstObject');\n Ember.propertyDidChange(this, 'lastObject');\n this.enumerableContentDidChange(len, 0);\n\n return this;\n },\n\n /**\n Returns true if the passed object is also an enumerable that contains the\n same objects as the receiver.\n\n var colors = [\"red\", \"green\", \"blue\"],\n same_colors = new Ember.Set(colors);\n same_colors.isEqual(colors); => true\n same_colors.isEqual([\"purple\", \"brown\"]); => false\n\n @method isEqual\n @param {Ember.Set} obj the other object.\n @return {Boolean}\n */\n isEqual: function(obj) {\n // fail fast\n if (!Ember.Enumerable.detect(obj)) return false;\n\n var loc = get(this, 'length');\n if (get(obj, 'length') !== loc) return false;\n\n while(--loc >= 0) {\n if (!obj.contains(this[loc])) return false;\n }\n\n return true;\n },\n\n /**\n Adds an object to the set. Only non-null objects can be added to a set\n and those can only be added once. If the object is already in the set or\n the passed value is null this method will have no effect.\n\n This is an alias for `Ember.MutableEnumerable.addObject()`.\n\n var colors = new Ember.Set();\n colors.add(\"blue\"); => [\"blue\"]\n colors.add(\"blue\"); => [\"blue\"]\n colors.add(\"red\"); => [\"blue\", \"red\"]\n colors.add(null); => [\"blue\", \"red\"]\n colors.add(undefined); => [\"blue\", \"red\"]\n\n @method add\n @param {Object} obj The object to add.\n @return {Ember.Set} The set itself.\n */\n add: Ember.alias('addObject'),\n\n /**\n Removes the object from the set if it is found. If you pass a null value\n or an object that is already not in the set, this method will have no\n effect. This is an alias for `Ember.MutableEnumerable.removeObject()`.\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.remove(\"red\"); => [\"blue\", \"green\"]\n colors.remove(\"purple\"); => [\"blue\", \"green\"]\n colors.remove(null); => [\"blue\", \"green\"]\n\n @method remove\n @param {Object} obj The object to remove\n @return {Ember.Set} The set itself.\n */\n remove: Ember.alias('removeObject'),\n\n /**\n Removes the last element from the set and returns it, or null if it's empty.\n\n var colors = new Ember.Set([\"green\", \"blue\"]);\n colors.pop(); => \"blue\"\n colors.pop(); => \"green\"\n colors.pop(); => null\n\n @method pop\n @return {Object} The removed object from the set or null.\n */\n pop: function() {\n if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR);\n var obj = this.length > 0 ? this[this.length-1] : null;\n this.remove(obj);\n return obj;\n },\n\n /**\n Inserts the given object on to the end of the set. It returns\n the set itself.\n\n This is an alias for `Ember.MutableEnumerable.addObject()`.\n\n var colors = new Ember.Set();\n colors.push(\"red\"); => [\"red\"]\n colors.push(\"green\"); => [\"red\", \"green\"]\n colors.push(\"blue\"); => [\"red\", \"green\", \"blue\"]\n\n @method push\n @return {Ember.Set} The set itself.\n */\n push: Ember.alias('addObject'),\n\n /**\n Removes the last element from the set and returns it, or null if it's empty.\n\n This is an alias for `Ember.Set.pop()`.\n\n var colors = new Ember.Set([\"green\", \"blue\"]);\n colors.shift(); => \"blue\"\n colors.shift(); => \"green\"\n colors.shift(); => null\n\n @method shift\n @return {Object} The removed object from the set or null.\n */\n shift: Ember.alias('pop'),\n\n /**\n Inserts the given object on to the end of the set. It returns\n the set itself.\n\n This is an alias of `Ember.Set.push()`\n\n var colors = new Ember.Set();\n colors.unshift(\"red\"); => [\"red\"]\n colors.unshift(\"green\"); => [\"red\", \"green\"]\n colors.unshift(\"blue\"); => [\"red\", \"green\", \"blue\"]\n\n @method unshift\n @return {Ember.Set} The set itself.\n */\n unshift: Ember.alias('push'),\n\n /**\n Adds each object in the passed enumerable to the set.\n\n This is an alias of `Ember.MutableEnumerable.addObjects()`\n\n var colors = new Ember.Set();\n colors.addEach([\"red\", \"green\", \"blue\"]); => [\"red\", \"green\", \"blue\"]\n\n @method addEach\n @param {Ember.Enumerable} objects the objects to add.\n @return {Ember.Set} The set itself.\n */\n addEach: Ember.alias('addObjects'),\n\n /**\n Removes each object in the passed enumerable to the set.\n\n This is an alias of `Ember.MutableEnumerable.removeObjects()`\n\n var colors = new Ember.Set([\"red\", \"green\", \"blue\"]);\n colors.removeEach([\"red\", \"blue\"]); => [\"green\"]\n\n @method removeEach\n @param {Ember.Enumerable} objects the objects to remove.\n @return {Ember.Set} The set itself.\n */\n removeEach: Ember.alias('removeObjects'),\n\n // ..........................................................\n // PRIVATE ENUMERABLE SUPPORT\n //\n\n init: function(items) {\n this._super();\n if (items) this.addObjects(items);\n },\n\n // implement Ember.Enumerable\n nextObject: function(idx) {\n return this[idx];\n },\n\n // more optimized version\n firstObject: Ember.computed(function() {\n return this.length > 0 ? this[0] : undefined;\n }).property(),\n\n // more optimized version\n lastObject: Ember.computed(function() {\n return this.length > 0 ? this[this.length-1] : undefined;\n }).property(),\n\n // implements Ember.MutableEnumerable\n addObject: function(obj) {\n if (get(this, 'isFrozen')) throw new Error(Ember.FROZEN_ERROR);\n if (none(obj)) return this; // nothing to do\n\n var guid = guidFor(obj),\n idx = this[guid],\n len = get(this, 'length'),\n added ;\n\n if (idx>=0 && idx=0 && idx=0;\n },\n\n copy: function() {\n var C = this.constructor, ret = new C(), loc = get(this, 'length');\n set(ret, 'length', loc);\n while(--loc>=0) {\n ret[loc] = this[loc];\n ret[guidFor(this[loc])] = loc;\n }\n return ret;\n },\n\n toString: function() {\n var len = this.length, idx, array = [];\n for(idx = 0; idx < len; idx++) {\n array[idx] = this[idx];\n }\n return \"Ember.Set<%@>\".fmt(array.join(','));\n }\n\n});\n\n})();\n//@ sourceURL=ember-runtime/system/set");minispade.register('ember-runtime/system/string', "(function() {/**\n@module ember\n@submodule ember-runtime\n*/\n\nvar STRING_DASHERIZE_REGEXP = (/[ _]/g);\nvar STRING_DASHERIZE_CACHE = {};\nvar STRING_DECAMELIZE_REGEXP = (/([a-z])([A-Z])/g);\nvar STRING_CAMELIZE_REGEXP = (/(\\-|_|\\s)+(.)?/g);\nvar STRING_UNDERSCORE_REGEXP_1 = (/([a-z\\d])([A-Z]+)/g);\nvar STRING_UNDERSCORE_REGEXP_2 = (/\\-|\\s+/g);\n\n/**\n Defines the hash of localized strings for the current language. Used by\n the `Ember.String.loc()` helper. To localize, add string values to this\n hash.\n\n @property STRINGS\n @for Ember\n @type Hash\n*/\nEmber.STRINGS = {};\n\n/**\n Defines string helper methods including string formatting and localization.\n Unless Ember.EXTEND_PROTOTYPES.String is false these methods will also be added\n to the String.prototype as well.\n\n @class String\n @namespace Ember\n @static\n*/\nEmber.String = {\n\n /**\n Apply formatting options to the string. This will look for occurrences\n of %@ in your string and substitute them with the arguments you pass into\n this method. If you want to control the specific order of replacement,\n you can add a number after the key as well to indicate which argument\n you want to insert.\n\n Ordered insertions are most useful when building loc strings where values\n you need to insert may appear in different orders.\n\n \"Hello %@ %@\".fmt('John', 'Doe') => \"Hello John Doe\"\n \"Hello %@2, %@1\".fmt('John', 'Doe') => \"Hello Doe, John\"\n\n @method fmt\n @param {Object...} [args]\n @return {String} formatted string\n */\n fmt: function(str, formats) {\n // first, replace any ORDERED replacements.\n var idx = 0; // the current index for non-numerical replacements\n return str.replace(/%@([0-9]+)?/g, function(s, argIndex) {\n argIndex = (argIndex) ? parseInt(argIndex,0) - 1 : idx++ ;\n s = formats[argIndex];\n return ((s === null) ? '(null)' : (s === undefined) ? '' : s).toString();\n }) ;\n },\n\n /**\n Formats the passed string, but first looks up the string in the localized\n strings hash. This is a convenient way to localize text. See\n `Ember.String.fmt()` for more information on formatting.\n\n Note that it is traditional but not required to prefix localized string\n keys with an underscore or other character so you can easily identify\n localized strings.\n\n Ember.STRINGS = {\n '_Hello World': 'Bonjour le monde',\n '_Hello %@ %@': 'Bonjour %@ %@'\n };\n\n Ember.String.loc(\"_Hello World\");\n => 'Bonjour le monde';\n\n Ember.String.loc(\"_Hello %@ %@\", [\"John\", \"Smith\"]);\n => \"Bonjour John Smith\";\n\n @method loc\n @param {String} str The string to format\n @param {Array} formats Optional array of parameters to interpolate into string.\n @return {String} formatted string\n */\n loc: function(str, formats) {\n str = Ember.STRINGS[str] || str;\n return Ember.String.fmt(str, formats) ;\n },\n\n /**\n Splits a string into separate units separated by spaces, eliminating any\n empty strings in the process. This is a convenience method for split that\n is mostly useful when applied to the String.prototype.\n\n Ember.String.w(\"alpha beta gamma\").forEach(function(key) {\n console.log(key);\n });\n > alpha\n > beta\n > gamma\n\n @method w\n @param {String} str The string to split\n @return {String} split string\n */\n w: function(str) { return str.split(/\\s+/); },\n\n /**\n Converts a camelized string into all lower case separated by underscores.\n\n 'innerHTML'.decamelize() => 'inner_html'\n 'action_name'.decamelize() => 'action_name'\n 'css-class-name'.decamelize() => 'css-class-name'\n 'my favorite items'.decamelize() => 'my favorite items'\n\n @method decamelize\n @param {String} str The string to decamelize.\n @return {String} the decamelized string.\n */\n decamelize: function(str) {\n return str.replace(STRING_DECAMELIZE_REGEXP, '$1_$2').toLowerCase();\n },\n\n /**\n Replaces underscores or spaces with dashes.\n\n 'innerHTML'.dasherize() => 'inner-html'\n 'action_name'.dasherize() => 'action-name'\n 'css-class-name'.dasherize() => 'css-class-name'\n 'my favorite items'.dasherize() => 'my-favorite-items'\n\n @method dasherize\n @param {String} str The string to dasherize.\n @return {String} the dasherized string.\n */\n dasherize: function(str) {\n var cache = STRING_DASHERIZE_CACHE,\n ret = cache[str];\n\n if (ret) {\n return ret;\n } else {\n ret = Ember.String.decamelize(str).replace(STRING_DASHERIZE_REGEXP,'-');\n cache[str] = ret;\n }\n\n return ret;\n },\n\n /**\n Returns the lowerCaseCamel form of a string.\n\n 'innerHTML'.camelize() => 'innerHTML'\n 'action_name'.camelize() => 'actionName'\n 'css-class-name'.camelize() => 'cssClassName'\n 'my favorite items'.camelize() => 'myFavoriteItems'\n\n @method camelize\n @param {String} str The string to camelize.\n @return {String} the camelized string.\n */\n camelize: function(str) {\n return str.replace(STRING_CAMELIZE_REGEXP, function(match, separator, chr) {\n return chr ? chr.toUpperCase() : '';\n });\n },\n\n /**\n Returns the UpperCamelCase form of a string.\n\n 'innerHTML'.classify() => 'InnerHTML'\n 'action_name'.classify() => 'ActionName'\n 'css-class-name'.classify() => 'CssClassName'\n 'my favorite items'.classify() => 'MyFavoriteItems'\n\n @method classify\n @param {String} str the string to classify\n @return {String} the classified string\n */\n classify: function(str) {\n var camelized = Ember.String.camelize(str);\n return camelized.charAt(0).toUpperCase() + camelized.substr(1);\n },\n\n /**\n More general than decamelize. Returns the lower_case_and_underscored\n form of a string.\n\n 'innerHTML'.underscore() => 'inner_html'\n 'action_name'.underscore() => 'action_name'\n 'css-class-name'.underscore() => 'css_class_name'\n 'my favorite items'.underscore() => 'my_favorite_items'\n\n @property underscore\n @param {String} str The string to underscore.\n @return {String} the underscored string.\n */\n underscore: function(str) {\n return str.replace(STRING_UNDERSCORE_REGEXP_1, '$1_$2').\n replace(STRING_UNDERSCORE_REGEXP_2, '_').toLowerCase();\n }\n};\n\n})();\n//@ sourceURL=ember-runtime/system/string");minispade.register('ember-states', "(function() {minispade.require('ember-runtime');\n\n/**\nEmber States\n\n@module ember\n@submodule ember-states\n@requires ember-runtime\n*/\nminispade.require('ember-states/state_manager');\nminispade.require('ember-states/state');\n\n})();\n//@ sourceURL=ember-states");minispade.register('ember-states/state', "(function() {var get = Ember.get, set = Ember.set;\n\n/**\n@module ember\n@submodule ember-states\n*/\n\n/**\n @class State\n @namespace Ember\n @extends Ember.Object\n @uses Ember.Evented\n*/\nEmber.State = Ember.Object.extend(Ember.Evented,\n/** @scope Ember.State.prototype */{\n isState: true,\n\n /**\n A reference to the parent state.\n\n @property parentState\n @type Ember.State\n */\n parentState: null,\n start: null,\n\n /**\n The name of this state.\n\n @property name\n @type String\n */\n name: null,\n\n /**\n The full path to this state.\n\n @property path\n @type String\n */\n path: Ember.computed(function() {\n var parentPath = get(this, 'parentState.path'),\n path = get(this, 'name');\n\n if (parentPath) {\n path = parentPath + '.' + path;\n }\n\n return path;\n }).property(),\n\n /**\n @private\n\n Override the default event firing from Ember.Evented to\n also call methods with the given name.\n\n @method trigger\n @param name\n */\n trigger: function(name) {\n if (this[name]) {\n this[name].apply(this, [].slice.call(arguments, 1));\n }\n this._super.apply(this, arguments);\n },\n\n init: function() {\n var states = get(this, 'states'), foundStates;\n set(this, 'childStates', Ember.A());\n set(this, 'eventTransitions', get(this, 'eventTransitions') || {});\n\n var name, value, transitionTarget;\n\n // As a convenience, loop over the properties\n // of this state and look for any that are other\n // Ember.State instances or classes, and move them\n // to the `states` hash. This avoids having to\n // create an explicit separate hash.\n\n if (!states) {\n states = {};\n\n for (name in this) {\n if (name === \"constructor\") { continue; }\n\n if (value = this[name]) {\n if (transitionTarget = value.transitionTarget) {\n this.eventTransitions[name] = transitionTarget;\n }\n\n this.setupChild(states, name, value);\n }\n }\n\n set(this, 'states', states);\n } else {\n for (name in states) {\n this.setupChild(states, name, states[name]);\n }\n }\n\n set(this, 'pathsCache', {});\n set(this, 'pathsCacheNoContext', {});\n },\n\n setupChild: function(states, name, value) {\n if (!value) { return false; }\n\n if (value.isState) {\n set(value, 'name', name);\n } else if (Ember.State.detect(value)) {\n value = value.create({\n name: name\n });\n }\n\n if (value.isState) {\n set(value, 'parentState', this);\n get(this, 'childStates').pushObject(value);\n states[name] = value;\n return value;\n }\n },\n\n lookupEventTransition: function(name) {\n var path, state = this;\n\n while(state && !path) {\n path = state.eventTransitions[name];\n state = state.get('parentState');\n }\n\n return path;\n },\n\n /**\n A Boolean value indicating whether the state is a leaf state\n in the state hierarchy. This is false if the state has child\n states; otherwise it is true.\n\n @property isLeaf\n @type Boolean\n */\n isLeaf: Ember.computed(function() {\n return !get(this, 'childStates').length;\n }),\n\n /**\n A boolean value indicating whether the state takes a context.\n By default we assume all states take contexts.\n\n @property hasContext\n @default true\n */\n hasContext: true,\n\n /**\n This is the default transition event.\n\n @event setup\n @param {Ember.StateManager} manager\n @param context\n @see Ember.StateManager#transitionEvent\n */\n setup: Ember.K,\n\n /**\n This event fires when the state is entered.\n\n @event enter\n @param {Ember.StateManager} manager\n */\n enter: Ember.K,\n\n /**\n This event fires when the state is exited.\n\n @event exit\n @param {Ember.StateManager} manager\n */\n exit: Ember.K\n});\n\nEmber.State.reopenClass({\n\n /**\n Creates an action function for transitioning to the named state while preserving context.\n\n The following example StateManagers are equivalent:\n\n aManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: Ember.State.transitionTo('stateTwo')\n }),\n stateTwo: Ember.State.create({})\n })\n\n bManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: function(manager, context){\n manager.transitionTo('stateTwo', context)\n }\n }),\n stateTwo: Ember.State.create({})\n })\n\n @method transitionTo\n @static\n @param {String} target\n */\n\n transitionTo: function(target) {\n\n var transitionFunction = function(stateManager, contextOrEvent) {\n var contexts = [], transitionArgs,\n Event = Ember.$ && Ember.$.Event;\n\n if (contextOrEvent && (Event && contextOrEvent instanceof Event)) {\n if (contextOrEvent.hasOwnProperty('contexts')) {\n contexts = contextOrEvent.contexts.slice();\n }\n }\n else {\n contexts = [].slice.call(arguments, 1);\n }\n\n contexts.unshift(target);\n stateManager.transitionTo.apply(stateManager, contexts);\n };\n\n transitionFunction.transitionTarget = target;\n\n return transitionFunction;\n }\n\n});\n\n})();\n//@ sourceURL=ember-states/state");minispade.register('ember-states/state_manager', "(function() {/**\n@module ember\n@submodule ember-states\n*/\n\nvar get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\nvar arrayForEach = Ember.ArrayPolyfills.forEach;\nminispade.require('ember-states/state');\n\n/**\n A Transition takes the enter, exit and resolve states and normalizes\n them:\n\n * takes any passed in contexts into consideration\n * adds in `initialState`s\n\n @class Transition\n @private\n*/\nvar Transition = function(raw) {\n this.enterStates = raw.enterStates.slice();\n this.exitStates = raw.exitStates.slice();\n this.resolveState = raw.resolveState;\n\n this.finalState = raw.enterStates[raw.enterStates.length - 1] || raw.resolveState;\n};\n\nTransition.prototype = {\n /**\n Normalize the passed in enter, exit and resolve states.\n\n This process also adds `finalState` and `contexts` to the Transition object.\n\n @method normalize\n @param {Ember.StateManager} manager the state manager running the transition\n @param {Array} contexts a list of contexts passed into `transitionTo`\n */\n normalize: function(manager, contexts) {\n this.matchContextsToStates(contexts);\n this.addInitialStates();\n this.removeUnchangedContexts(manager);\n return this;\n },\n\n /**\n Match each of the contexts passed to `transitionTo` to a state.\n This process may also require adding additional enter and exit\n states if there are more contexts than enter states.\n\n @method matchContextsToStates\n @param {Array} contexts a list of contexts passed into `transitionTo`\n */\n matchContextsToStates: function(contexts) {\n var stateIdx = this.enterStates.length - 1,\n matchedContexts = [],\n state,\n context;\n\n // Next, we will match the passed in contexts to the states they\n // represent.\n //\n // First, assign a context to each enter state in reverse order. If\n // any contexts are left, add a parent state to the list of states\n // to enter and exit, and assign a context to the parent state.\n //\n // If there are still contexts left when the state manager is\n // reached, raise an exception.\n //\n // This allows the following:\n //\n // |- root\n // | |- post\n // | | |- comments\n // | |- about (* current state)\n //\n // For `transitionTo('post.comments', post, post.get('comments')`,\n // the first context (`post`) will be assigned to `root.post`, and\n // the second context (`post.get('comments')`) will be assigned\n // to `root.post.comments`.\n //\n // For the following:\n //\n // |- root\n // | |- post\n // | | |- index (* current state)\n // | | |- comments\n //\n // For `transitionTo('post.comments', otherPost, otherPost.get('comments')`,\n // the `` state will be added to the list of enter and exit\n // states because its context has changed.\n\n while (contexts.length > 0) {\n if (stateIdx >= 0) {\n state = this.enterStates[stateIdx--];\n } else {\n if (this.enterStates.length) {\n state = get(this.enterStates[0], 'parentState');\n if (!state) { throw \"Cannot match all contexts to states\"; }\n } else {\n // If re-entering the current state with a context, the resolve\n // state will be the current state.\n state = this.resolveState;\n }\n\n this.enterStates.unshift(state);\n this.exitStates.unshift(state);\n }\n\n // in routers, only states with dynamic segments have a context\n if (get(state, 'hasContext')) {\n context = contexts.pop();\n } else {\n context = null;\n }\n\n matchedContexts.unshift(context);\n }\n\n this.contexts = matchedContexts;\n },\n\n /**\n Add any `initialState`s to the list of enter states.\n\n @method addInitialStates\n */\n addInitialStates: function() {\n var finalState = this.finalState, initialState;\n\n while(true) {\n initialState = get(finalState, 'initialState') || 'start';\n finalState = get(finalState, 'states.' + initialState);\n\n if (!finalState) { break; }\n\n this.finalState = finalState;\n this.enterStates.push(finalState);\n this.contexts.push(undefined);\n }\n },\n\n /**\n Remove any states that were added because the number of contexts\n exceeded the number of explicit enter states, but the context has\n not changed since the last time the state was entered.\n\n @method removeUnchangedContexts\n @param {Ember.StateManager} manager passed in to look up the last\n context for a states\n */\n removeUnchangedContexts: function(manager) {\n // Start from the beginning of the enter states. If the state was added\n // to the list during the context matching phase, make sure the context\n // has actually changed since the last time the state was entered.\n while (this.enterStates.length > 0) {\n if (this.enterStates[0] !== this.exitStates[0]) { break; }\n\n if (this.enterStates.length === this.contexts.length) {\n if (manager.getStateMeta(this.enterStates[0], 'context') !== this.contexts[0]) { break; }\n this.contexts.shift();\n }\n\n this.resolveState = this.enterStates.shift();\n this.exitStates.shift();\n }\n }\n};\n\n/**\n StateManager is part of Ember's implementation of a finite state machine. A StateManager\n instance manages a number of properties that are instances of `Ember.State`,\n tracks the current active state, and triggers callbacks when states have changed.\n\n ## Defining States\n\n The states of StateManager can be declared in one of two ways. First, you can define\n a `states` property that contains all the states:\n\n managerA = Ember.StateManager.create({\n states: {\n stateOne: Ember.State.create(),\n stateTwo: Ember.State.create()\n }\n })\n\n managerA.get('states')\n // {\n // stateOne: Ember.State.create(),\n // stateTwo: Ember.State.create()\n // }\n\n You can also add instances of `Ember.State` (or an `Ember.State` subclass) directly as properties\n of a StateManager. These states will be collected into the `states` property for you.\n\n managerA = Ember.StateManager.create({\n stateOne: Ember.State.create(),\n stateTwo: Ember.State.create()\n })\n\n managerA.get('states')\n // {\n // stateOne: Ember.State.create(),\n // stateTwo: Ember.State.create()\n // }\n\n ## The Initial State\n When created a StateManager instance will immediately enter into the state\n defined as its `start` property or the state referenced by name in its\n `initialState` property:\n\n managerA = Ember.StateManager.create({\n start: Ember.State.create({})\n })\n\n managerA.get('currentState.name') // 'start'\n\n managerB = Ember.StateManager.create({\n initialState: 'beginHere',\n beginHere: Ember.State.create({})\n })\n\n managerB.get('currentState.name') // 'beginHere'\n\n Because it is a property you may also provide a computed function if you wish to derive\n an `initialState` programmatically:\n\n managerC = Ember.StateManager.create({\n initialState: function(){\n if (someLogic) {\n return 'active';\n } else {\n return 'passive';\n }\n }.property(),\n active: Ember.State.create({}),\n passive: Ember.State.create({})\n })\n\n ## Moving Between States\n A StateManager can have any number of Ember.State objects as properties\n and can have a single one of these states as its current state.\n\n Calling `transitionTo` transitions between states:\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({}),\n poweredUp: Ember.State.create({})\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n robotManager.get('currentState.name') // 'poweredUp'\n\n Before transitioning into a new state the existing `currentState` will have its\n `exit` method called with the StateManager instance as its first argument and\n an object representing the transition as its second argument.\n\n After transitioning into a new state the new `currentState` will have its\n `enter` method called with the StateManager instance as its first argument and\n an object representing the transition as its second argument.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n exit: function(stateManager){\n console.log(\"exiting the poweredDown state\")\n }\n }),\n poweredUp: Ember.State.create({\n enter: function(stateManager){\n console.log(\"entering the poweredUp state. Destroy all humans.\")\n }\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n // will log\n // 'exiting the poweredDown state'\n // 'entering the poweredUp state. Destroy all humans.'\n\n\n Once a StateManager is already in a state, subsequent attempts to enter that state will\n not trigger enter or exit method calls. Attempts to transition into a state that the\n manager does not have will result in no changes in the StateManager's current state:\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n exit: function(stateManager){\n console.log(\"exiting the poweredDown state\")\n }\n }),\n poweredUp: Ember.State.create({\n enter: function(stateManager){\n console.log(\"entering the poweredUp state. Destroy all humans.\")\n }\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n robotManager.transitionTo('poweredUp')\n // will log\n // 'exiting the poweredDown state'\n // 'entering the poweredUp state. Destroy all humans.'\n robotManager.transitionTo('poweredUp') // no logging, no state change\n\n robotManager.transitionTo('someUnknownState') // silently fails\n robotManager.get('currentState.name') // 'poweredUp'\n\n\n Each state property may itself contain properties that are instances of Ember.State.\n The StateManager can transition to specific sub-states in a series of transitionTo method calls or\n via a single transitionTo with the full path to the specific state. The StateManager will also\n keep track of the full path to its currentState\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n charging: Ember.State.create(),\n charged: Ember.State.create()\n }),\n poweredUp: Ember.State.create({\n mobile: Ember.State.create(),\n stationary: Ember.State.create()\n })\n })\n\n robotManager.get('currentState.name') // 'poweredDown'\n\n robotManager.transitionTo('poweredUp')\n robotManager.get('currentState.name') // 'poweredUp'\n\n robotManager.transitionTo('mobile')\n robotManager.get('currentState.name') // 'mobile'\n\n // transition via a state path\n robotManager.transitionTo('poweredDown.charging')\n robotManager.get('currentState.name') // 'charging'\n\n robotManager.get('currentState.path') // 'poweredDown.charging'\n\n Enter transition methods will be called for each state and nested child state in their\n hierarchical order. Exit methods will be called for each state and its nested states in\n reverse hierarchical order.\n\n Exit transitions for a parent state are not called when entering into one of its child states,\n only when transitioning to a new section of possible states in the hierarchy.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown',\n poweredDown: Ember.State.create({\n enter: function(){},\n exit: function(){\n console.log(\"exited poweredDown state\")\n },\n charging: Ember.State.create({\n enter: function(){},\n exit: function(){}\n }),\n charged: Ember.State.create({\n enter: function(){\n console.log(\"entered charged state\")\n },\n exit: function(){\n console.log(\"exited charged state\")\n }\n })\n }),\n poweredUp: Ember.State.create({\n enter: function(){\n console.log(\"entered poweredUp state\")\n },\n exit: function(){},\n mobile: Ember.State.create({\n enter: function(){\n console.log(\"entered mobile state\")\n },\n exit: function(){}\n }),\n stationary: Ember.State.create({\n enter: function(){},\n exit: function(){}\n })\n })\n })\n\n\n robotManager.get('currentState.path') // 'poweredDown'\n robotManager.transitionTo('charged')\n // logs 'entered charged state'\n // but does *not* log 'exited poweredDown state'\n robotManager.get('currentState.name') // 'charged\n\n robotManager.transitionTo('poweredUp.mobile')\n // logs\n // 'exited charged state'\n // 'exited poweredDown state'\n // 'entered poweredUp state'\n // 'entered mobile state'\n\n During development you can set a StateManager's `enableLogging` property to `true` to\n receive console messages of state transitions.\n\n robotManager = Ember.StateManager.create({\n enableLogging: true\n })\n\n ## Managing currentState with Actions\n To control which transitions between states are possible for a given state, StateManager\n can receive and route action messages to its states via the `send` method. Calling to `send` with\n an action name will begin searching for a method with the same name starting at the current state\n and moving up through the parent states in a state hierarchy until an appropriate method is found\n or the StateManager instance itself is reached.\n\n If an appropriately named method is found it will be called with the state manager as the first\n argument and an optional `context` object as the second argument.\n\n managerA = Ember.StateManager.create({\n initialState: 'stateOne.substateOne.subsubstateOne',\n stateOne: Ember.State.create({\n substateOne: Ember.State.create({\n anAction: function(manager, context){\n console.log(\"an action was called\")\n },\n subsubstateOne: Ember.State.create({})\n })\n })\n })\n\n managerA.get('currentState.name') // 'subsubstateOne'\n managerA.send('anAction')\n // 'stateOne.substateOne.subsubstateOne' has no anAction method\n // so the 'anAction' method of 'stateOne.substateOne' is called\n // and logs \"an action was called\"\n // with managerA as the first argument\n // and no second argument\n\n someObject = {}\n managerA.send('anAction', someObject)\n // the 'anAction' method of 'stateOne.substateOne' is called again\n // with managerA as the first argument and\n // someObject as the second argument.\n\n\n If the StateManager attempts to send an action but does not find an appropriately named\n method in the current state or while moving upwards through the state hierarchy\n it will throw a new Ember.Error. Action detection only moves upwards through the state hierarchy\n from the current state. It does not search in other portions of the hierarchy.\n\n managerB = Ember.StateManager.create({\n initialState: 'stateOne.substateOne.subsubstateOne',\n stateOne: Ember.State.create({\n substateOne: Ember.State.create({\n subsubstateOne: Ember.State.create({})\n })\n }),\n stateTwo: Ember.State.create({\n anAction: function(manager, context){\n // will not be called below because it is\n // not a parent of the current state\n }\n })\n })\n\n managerB.get('currentState.name') // 'subsubstateOne'\n managerB.send('anAction')\n // Error: could not\n // respond to event anAction in state stateOne.substateOne.subsubstateOne.\n\n Inside of an action method the given state should delegate `transitionTo` calls on its\n StateManager.\n\n robotManager = Ember.StateManager.create({\n initialState: 'poweredDown.charging',\n poweredDown: Ember.State.create({\n charging: Ember.State.create({\n chargeComplete: function(manager, context){\n manager.transitionTo('charged')\n }\n }),\n charged: Ember.State.create({\n boot: function(manager, context){\n manager.transitionTo('poweredUp')\n }\n })\n }),\n poweredUp: Ember.State.create({\n beginExtermination: function(manager, context){\n manager.transitionTo('rampaging')\n },\n rampaging: Ember.State.create()\n })\n })\n\n robotManager.get('currentState.name') // 'charging'\n robotManager.send('boot') // throws error, no boot action\n // in current hierarchy\n robotManager.get('currentState.name') // remains 'charging'\n\n robotManager.send('beginExtermination') // throws error, no beginExtermination\n // action in current hierarchy\n robotManager.get('currentState.name') // remains 'charging'\n\n robotManager.send('chargeComplete')\n robotManager.get('currentState.name') // 'charged'\n\n robotManager.send('boot')\n robotManager.get('currentState.name') // 'poweredUp'\n\n robotManager.send('beginExtermination', allHumans)\n robotManager.get('currentState.name') // 'rampaging'\n\n Transition actions can also be created using the `transitionTo` method of the Ember.State class. The\n following example StateManagers are equivalent:\n\n aManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: Ember.State.transitionTo('stateTwo')\n }),\n stateTwo: Ember.State.create({})\n })\n\n bManager = Ember.StateManager.create({\n stateOne: Ember.State.create({\n changeToStateTwo: function(manager, context){\n manager.transitionTo('stateTwo', context)\n }\n }),\n stateTwo: Ember.State.create({})\n })\n\n @class StateManager\n @namespace Ember\n @extends Ember.State\n**/\nEmber.StateManager = Ember.State.extend({\n /**\n @private\n\n When creating a new statemanager, look for a default state to transition\n into. This state can either be named `start`, or can be specified using the\n `initialState` property.\n\n @method init\n */\n init: function() {\n this._super();\n\n set(this, 'stateMeta', Ember.Map.create());\n\n var initialState = get(this, 'initialState');\n\n if (!initialState && get(this, 'states.start')) {\n initialState = 'start';\n }\n\n if (initialState) {\n this.transitionTo(initialState);\n Ember.assert('Failed to transition to initial state \"' + initialState + '\"', !!get(this, 'currentState'));\n }\n },\n\n stateMetaFor: function(state) {\n var meta = get(this, 'stateMeta'),\n stateMeta = meta.get(state);\n\n if (!stateMeta) {\n stateMeta = {};\n meta.set(state, stateMeta);\n }\n\n return stateMeta;\n },\n\n setStateMeta: function(state, key, value) {\n return set(this.stateMetaFor(state), key, value);\n },\n\n getStateMeta: function(state, key) {\n return get(this.stateMetaFor(state), key);\n },\n\n /**\n The current state from among the manager's possible states. This property should\n not be set directly. Use `transitionTo` to move between states by name.\n\n @property currentState\n @type Ember.State\n */\n currentState: null,\n\n /**\n The path of the current state. Returns a string representation of the current\n state.\n\n @property currentPath\n @type String\n */\n currentPath: Ember.computed('currentState', function() {\n return get(this, 'currentState.path');\n }),\n\n /**\n The name of transitionEvent that this stateManager will dispatch\n\n @property transitionEvent\n @type String\n @default 'setup'\n */\n transitionEvent: 'setup',\n\n /**\n If set to true, `errorOnUnhandledEvents` will cause an exception to be\n raised if you attempt to send an event to a state manager that is not\n handled by the current state or any of its parent states.\n\n @property errorOnUnhandledEvents\n @type Boolean\n @default true\n */\n errorOnUnhandledEvent: true,\n\n send: function(event) {\n var contexts, sendRecursiveArguments;\n\n Ember.assert('Cannot send event \"' + event + '\" while currentState is ' + get(this, 'currentState'), get(this, 'currentState'));\n\n contexts = [].slice.call(arguments, 1);\n sendRecursiveArguments = contexts;\n sendRecursiveArguments.unshift(event, get(this, 'currentState'));\n\n return this.sendRecursively.apply(this, sendRecursiveArguments);\n },\n\n sendRecursively: function(event, currentState) {\n var log = this.enableLogging,\n action = currentState[event],\n contexts, sendRecursiveArguments, actionArguments;\n\n contexts = [].slice.call(arguments, 2);\n\n // Test to see if the action is a method that\n // can be invoked. Don't blindly check just for\n // existence, because it is possible the state\n // manager has a child state of the given name,\n // and we should still raise an exception in that\n // case.\n if (typeof action === 'function') {\n if (log) { Ember.Logger.log(fmt(\"STATEMANAGER: Sending event '%@' to state %@.\", [event, get(currentState, 'path')])); }\n\n actionArguments = contexts;\n actionArguments.unshift(this);\n\n return action.apply(currentState, actionArguments);\n } else {\n var parentState = get(currentState, 'parentState');\n if (parentState) {\n\n sendRecursiveArguments = contexts;\n sendRecursiveArguments.unshift(event, parentState);\n\n return this.sendRecursively.apply(this, sendRecursiveArguments);\n } else if (get(this, 'errorOnUnhandledEvent')) {\n throw new Ember.Error(this.toString() + \" could not respond to event \" + event + \" in state \" + get(this, 'currentState.path') + \".\");\n }\n }\n },\n\n /**\n Finds a state by its state path.\n\n Example:\n\n manager = Ember.StateManager.create({\n root: Ember.State.create({\n dashboard: Ember.State.create()\n })\n });\n\n manager.getStateByPath(manager, \"root.dashboard\")\n\n // returns the dashboard state\n\n @method getStateByPath\n @param {Ember.State} root the state to start searching from\n @param {String} path the state path to follow\n @return {Ember.State} the state at the end of the path\n */\n getStateByPath: function(root, path) {\n var parts = path.split('.'),\n state = root;\n\n for (var i=0, len=parts.length; i`, an attempt to\n // transition to `comments.show` will match ``.\n //\n // First, this code will look for root.posts.show.comments.show.\n // Next, it will look for root.posts.comments.show. Finally,\n // it will look for `root.comments.show`, and find the state.\n //\n // After this process, the following variables will exist:\n //\n // * resolveState: a common parent state between the current\n // and target state. In the above example, `` is the\n // `resolveState`.\n // * enterStates: a list of all of the states represented\n // by the path from the `resolveState`. For example, for\n // the path `root.comments.show`, `enterStates` would have\n // `[, ]`\n // * exitStates: a list of all of the states from the\n // `resolveState` to the `currentState`. In the above\n // example, `exitStates` would have\n // `[`, `]`.\n while (resolveState && !enterStates) {\n exitStates.unshift(resolveState);\n\n resolveState = get(resolveState, 'parentState');\n if (!resolveState) {\n enterStates = this.getStatesInPath(this, path);\n if (!enterStates) {\n Ember.assert('Could not find state for path: \"'+path+'\"');\n return;\n }\n }\n enterStates = this.getStatesInPath(resolveState, path);\n }\n\n // If the path contains some states that are parents of both the\n // current state and the target state, remove them.\n //\n // For example, in the following hierarchy:\n //\n // |- root\n // | |- post\n // | | |- index (* current)\n // | | |- show\n //\n // If the `path` is `root.post.show`, the three variables will\n // be:\n //\n // * resolveState: ``\n // * enterStates: `[, , ]`\n // * exitStates: `[, , ]`\n //\n // The goal of this code is to remove the common states, so we\n // have:\n //\n // * resolveState: ``\n // * enterStates: `[]`\n // * exitStates: `[]`\n //\n // This avoid unnecessary calls to the enter and exit transitions.\n while (enterStates.length > 0 && enterStates[0] === exitStates[0]) {\n resolveState = enterStates.shift();\n exitStates.shift();\n }\n\n // Cache the enterStates, exitStates, and resolveState for the\n // current state and the `path`.\n var transitions = currentState.pathsCache[path] = {\n exitStates: exitStates,\n enterStates: enterStates,\n resolveState: resolveState\n };\n\n return transitions;\n },\n\n triggerSetupContext: function(transitions) {\n var contexts = transitions.contexts,\n offset = transitions.enterStates.length - contexts.length,\n enterStates = transitions.enterStates,\n transitionEvent = get(this, 'transitionEvent');\n\n Ember.assert(\"More contexts provided than states\", offset >= 0);\n\n arrayForEach.call(enterStates, function(state, idx) {\n state.trigger(transitionEvent, this, contexts[idx-offset]);\n }, this);\n },\n\n getState: function(name) {\n var state = get(this, name),\n parentState = get(this, 'parentState');\n\n if (state) {\n return state;\n } else if (parentState) {\n return parentState.getState(name);\n }\n },\n\n enterState: function(transition) {\n var log = this.enableLogging;\n\n var exitStates = transition.exitStates.slice(0).reverse();\n arrayForEach.call(exitStates, function(state) {\n state.trigger('exit', this);\n }, this);\n\n arrayForEach.call(transition.enterStates, function(state) {\n if (log) { Ember.Logger.log(\"STATEMANAGER: Entering \" + get(state, 'path')); }\n state.trigger('enter', this);\n }, this);\n\n set(this, 'currentState', transition.finalState);\n }\n});\n\n})();\n//@ sourceURL=ember-states/state_manager");minispade.register('ember-views/core', "(function() {/**\n@module ember\n@submodule ember-views\n*/\n\nvar jQuery = Ember.imports.jQuery;\nEmber.assert(\"Ember Views require jQuery 1.7 or 1.8\", jQuery && (jQuery().jquery.match(/^1\\.(7(?!$)(?!\\.[01])|8)(\\.\\d+)?(pre|rc\\d?)?/) || Ember.ENV.FORCE_JQUERY));\n\n/**\n Alias for jQuery\n\n @method $\n @for Ember\n*/\nEmber.$ = jQuery;\n\n})();\n//@ sourceURL=ember-views/core");minispade.register('ember-views', "(function() {/*globals jQuery*/\nminispade.require(\"ember-runtime\");\n\n/**\nEmber Views\n\n@module ember\n@submodule ember-views\n@require ember-runtime\n@main ember-views\n*/\nminispade.require(\"ember-views/core\");\nminispade.require(\"ember-views/system\");\nminispade.require(\"ember-views/views\");\n\n})();\n//@ sourceURL=ember-views");minispade.register('ember-views/system', "(function() {minispade.require(\"ember-views/system/jquery_ext\");\nminispade.require(\"ember-views/system/render_buffer\");\nminispade.require(\"ember-views/system/event_dispatcher\");\nminispade.require(\"ember-views/system/ext\");\nminispade.require(\"ember-views/system/controller\");\n\n})();\n//@ sourceURL=ember-views/system");minispade.register('ember-views/system/controller', "(function() {/**\n@module ember\n@submodule ember-views\n*/\n\nvar get = Ember.get, set = Ember.set;\n\n// Original class declaration and documentation in runtime/lib/controllers/controller.js\n// NOTE: It may be possible with YUIDoc to combine docs in two locations\n\n/**\nAdditional methods for the ControllerMixin\n\n@class ControllerMixin\n@namespace Ember\n*/\nEmber.ControllerMixin.reopen({\n\n target: null,\n controllers: null,\n namespace: null,\n view: null,\n\n /**\n `connectOutlet` creates a new instance of a provided view\n class, wires it up to its associated controller, and\n assigns the new view to a property on the current controller.\n\n The purpose of this method is to enable views that use\n outlets to quickly assign new views for a given outlet.\n\n For example, an application view's template may look like\n this:\n\n ``` handlebars\n

My Blog

\n {{outlet}}\n ```\n\n The view for this outlet is specified by assigning a\n `view` property to the application's controller. The\n following code will assign a new `App.PostsView` to\n that outlet:\n\n ``` javascript\n applicationController.connectOutlet('posts');\n ```\n\n In general, you will also want to assign a controller\n to the newly created view. By convention, a controller\n named `postsController` will be assigned as the view's\n controller.\n\n In an application initialized using `app.initialize(router)`,\n `connectOutlet` will look for `postsController` on the\n router. The initialization process will automatically\n create an instance of `App.PostsController` called\n `postsController`, so you don't need to do anything\n beyond `connectOutlet` to assign your view and wire it\n up to its associated controller.\n\n You can supply a `content` for the controller by supplying\n a final argument after the view class:\n\n ``` javascript\n applicationController.connectOutlet('posts', App.Post.find());\n ```\n\n You can specify a particular outlet to use. For example, if your main\n template looks like:\n\n ``` handlebars\n

My Blog

\n {{outlet masterView}}\n {{outlet detailView}}\n ```\n\n You can assign an `App.PostsView` to the masterView outlet:\n\n ``` javascript\n applicationController.connectOutlet({\n outletName: 'masterView',\n name: 'posts',\n context: App.Post.find()\n });\n ```\n\n You can write this as:\n\n ``` javascript\n applicationController.connectOutlet('masterView', 'posts', App.Post.find());\n ```\n\n\n @method connectOutlet\n @param {String} outletName a name for the outlet to set\n @param {String} name a view/controller pair name\n @param {Object} context a context object to assign to the\n controller's `content` property, if a controller can be\n found (optional)\n */\n connectOutlet: function(name, context) {\n // Normalize arguments. Supported arguments:\n //\n // name\n // name, context\n // outletName, name\n // outletName, name, context\n // options\n //\n // The options hash has the following keys:\n //\n // name: the name of the controller and view\n // to use. If this is passed, the name\n // determines the view and controller.\n // outletName: the name of the outlet to\n // fill in. default: 'view'\n // viewClass: the class of the view to instantiate\n // controller: the controller instance to pass\n // to the view\n // context: an object that should become the\n // controller's `content` and thus the\n // template's context.\n\n var outletName, viewClass, view, controller, options;\n\n if (Ember.typeOf(context) === 'string') {\n outletName = name;\n name = context;\n context = arguments[2];\n }\n\n if (arguments.length === 1) {\n if (Ember.typeOf(name) === 'object') {\n options = name;\n outletName = options.outletName;\n name = options.name;\n viewClass = options.viewClass;\n controller = options.controller;\n context = options.context;\n }\n } else {\n options = {};\n }\n\n outletName = outletName || 'view';\n\n Ember.assert(\"The viewClass is either missing or the one provided did not resolve to a view\", !!name || (!name && !!viewClass));\n\n Ember.assert(\"You must supply a name or a viewClass to connectOutlet, but not both\", (!!name && !viewClass && !controller) || (!name && !!viewClass));\n\n if (name) {\n var namespace = get(this, 'namespace'),\n controllers = get(this, 'controllers');\n\n var viewClassName = name.charAt(0).toUpperCase() + name.substr(1) + \"View\";\n viewClass = get(namespace, viewClassName);\n controller = get(controllers, name + 'Controller');\n\n Ember.assert(\"The name you supplied \" + name + \" did not resolve to a view \" + viewClassName, !!viewClass);\n Ember.assert(\"The name you supplied \" + name + \" did not resolve to a controller \" + name + 'Controller', (!!controller && !!context) || !context);\n }\n\n if (controller && context) { set(controller, 'content', context); }\n\n view = this.createOutletView(outletName, viewClass);\n\n if (controller) { set(view, 'controller', controller); }\n set(this, outletName, view);\n\n return view;\n },\n\n /**\n Convenience method to connect controllers. This method makes other controllers\n available on the controller the method was invoked on.\n\n For example, to make the `personController` and the `postController` available\n on the `overviewController`, you would call:\n\n overviewController.connectControllers('person', 'post');\n\n @method connectControllers\n @param {String...} controllerNames the controllers to make available\n */\n connectControllers: function() {\n var controllers = get(this, 'controllers'),\n controllerNames = Array.prototype.slice.apply(arguments),\n controllerName;\n\n for (var i=0, l=controllerNames.length; i';\n }\n\n var childBuffers = this.childBuffers;\n\n Ember.ArrayPolyfills.forEach.call(childBuffers, function(buffer) {\n var stringy = typeof buffer === 'string';\n content += (stringy ? buffer : buffer.string());\n });\n\n if (tag) {\n return openTag + content + \"\";\n } else {\n return content;\n }\n },\n\n _escapeAttribute: function(value) {\n // Stolen shamelessly from Handlebars\n\n var escape = {\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n \"`\": \"`\"\n };\n\n var badChars = /&(?!\\w+;)|[<>\"'`]/g;\n var possible = /[&<>\"'`]/;\n\n var escapeChar = function(chr) {\n return escape[chr] || \"&\";\n };\n\n var string = value.toString();\n\n if(!possible.test(string)) { return string; }\n return string.replace(badChars, escapeChar);\n }\n\n};\n\n})();\n//@ sourceURL=ember-views/system/render_buffer");minispade.register('ember-views/views', "(function() {minispade.require(\"ember-views/views/view\");\nminispade.require(\"ember-views/views/states\");\nminispade.require(\"ember-views/views/container_view\");\nminispade.require(\"ember-views/views/collection_view\");\n\n})();\n//@ sourceURL=ember-views/views");minispade.register('ember-views/views/collection_view', "(function() {minispade.require('ember-views/views/container_view');\nminispade.require('ember-runtime/system/string');\n\n/**\n@module ember\n@submodule ember-views\n*/\n\nvar get = Ember.get, set = Ember.set, fmt = Ember.String.fmt;\n\n/**\n `Ember.CollectionView` is an `Ember.View` descendent responsible for managing a\n collection (an array or array-like object) by maintaing a child view object and \n associated DOM representation for each item in the array and ensuring that child\n views and their associated rendered HTML are updated when items in the array\n are added, removed, or replaced.\n\n ## Setting content\n The managed collection of objects is referenced as the `Ember.CollectionView` instance's\n `content` property.\n\n ``` javascript\n someItemsView = Ember.CollectionView.create({\n content: ['A', 'B','C']\n })\n ```\n\n The view for each item in the collection will have its `content` property set\n to the item.\n\n ## Specifying itemViewClass\n By default the view class for each item in the managed collection will be an instance\n of `Ember.View`. You can supply a different class by setting the `CollectionView`'s\n `itemViewClass` property.\n\n Given an empty `` and the following code:\n\n ``` javascript \n someItemsView = Ember.CollectionView.create({\n classNames: ['a-collection'],\n content: ['A','B','C'],\n itemViewClass: Ember.View.extend({\n template: Ember.Handlebars.compile(\"the letter: {{view.content}}\")\n })\n });\n\n someItemsView.appendTo('body');\n ```\n\n Will result in the following HTML structure\n\n ``` html\n
\n
the letter: A
\n
the letter: B
\n
the letter: C
\n
\n ```\n\n ## Automatic matching of parent/child tagNames\n\n Setting the `tagName` property of a `CollectionView` to any of \n \"ul\", \"ol\", \"table\", \"thead\", \"tbody\", \"tfoot\", \"tr\", or \"select\" will result\n in the item views receiving an appropriately matched `tagName` property.\n\n\n Given an empty `` and the following code:\n\n ``` javascript\n anUndorderedListView = Ember.CollectionView.create({\n tagName: 'ul',\n content: ['A','B','C'],\n itemViewClass: Ember.View.extend({\n template: Ember.Handlebars.compile(\"the letter: {{view.content}}\")\n })\n });\n\n anUndorderedListView.appendTo('body');\n ```\n\n Will result in the following HTML structure\n\n ``` html\n
    \n
  • the letter: A
    • \n
  • the letter: B
    • \n
  • the letter: C
    • \n
\n ```\n\n Additional tagName pairs can be provided by adding to `Ember.CollectionView.CONTAINER_MAP `\n\n ``` javascript\n Ember.CollectionView.CONTAINER_MAP['article'] = 'section'\n ```\n\n\n ## Empty View\n You can provide an `Ember.View` subclass to the `Ember.CollectionView` instance as its\n `emptyView` property. If the `content` property of a `CollectionView` is set to `null`\n or an empty array, an instance of this view will be the `CollectionView`s only child.\n\n ``` javascript\n aListWithNothing = Ember.CollectionView.create({\n classNames: ['nothing']\n content: null,\n emptyView: Ember.View.extend({\n template: Ember.Handlebars.compile(\"The collection is empty\")\n })\n });\n\n aListWithNothing.appendTo('body');\n ```\n\n Will result in the following HTML structure\n\n ``` html\n
\n
\n The collection is empty\n
\n
\n ```\n\n ## Adding and Removing items\n The `childViews` property of a `CollectionView` should not be directly manipulated. Instead,\n add, remove, replace items from its `content` property. This will trigger\n appropriate changes to its rendered HTML.\n\n ## Use in templates via the `{{collection}}` Ember.Handlebars helper\n Ember.Handlebars provides a helper specifically for adding `CollectionView`s to templates.\n See `Ember.Handlebars.collection` for more details\n\n @class CollectionView\n @namespace Ember\n @extends Ember.ContainerView\n @since Ember 0.9\n*/\nEmber.CollectionView = Ember.ContainerView.extend(\n/** @scope Ember.CollectionView.prototype */ {\n\n /**\n A list of items to be displayed by the Ember.CollectionView.\n\n @property content\n @type Ember.Array\n @default null\n */\n content: null,\n\n /**\n @private\n\n This provides metadata about what kind of empty view class this\n collection would like if it is being instantiated from another\n system (like Handlebars)\n\n @property emptyViewClass\n */\n emptyViewClass: Ember.View,\n\n /**\n An optional view to display if content is set to an empty array.\n\n @property emptyView\n @type Ember.View\n @default null\n */\n emptyView: null,\n\n /**\n @property itemViewClass\n @type Ember.View\n @default Ember.View\n */\n itemViewClass: Ember.View,\n\n init: function() {\n var ret = this._super();\n this._contentDidChange();\n return ret;\n },\n\n _contentWillChange: Ember.beforeObserver(function() {\n var content = this.get('content');\n\n if (content) { content.removeArrayObserver(this); }\n var len = content ? get(content, 'length') : 0;\n this.arrayWillChange(content, 0, len);\n }, 'content'),\n\n /**\n @private\n\n Check to make sure that the content has changed, and if so,\n update the children directly. This is always scheduled\n asynchronously, to allow the element to be created before\n bindings have synchronized and vice versa.\n\n @method _contentDidChange\n */\n _contentDidChange: Ember.observer(function() {\n var content = get(this, 'content');\n\n if (content) {\n Ember.assert(fmt(\"an Ember.CollectionView's content must implement Ember.Array. You passed %@\", [content]), Ember.Array.detect(content));\n content.addArrayObserver(this);\n }\n\n var len = content ? get(content, 'length') : 0;\n this.arrayDidChange(content, 0, null, len);\n }, 'content'),\n\n willDestroy: function() {\n var content = get(this, 'content');\n if (content) { content.removeArrayObserver(this); }\n\n this._super();\n },\n\n arrayWillChange: function(content, start, removedCount) {\n // If the contents were empty before and this template collection has an\n // empty view remove it now.\n var emptyView = get(this, 'emptyView');\n if (emptyView && emptyView instanceof Ember.View) {\n emptyView.removeFromParent();\n }\n\n // Loop through child views that correspond with the removed items.\n // Note that we loop from the end of the array to the beginning because\n // we are mutating it as we go.\n var childViews = get(this, 'childViews'), childView, idx, len;\n\n len = get(childViews, 'length');\n\n var removingAll = removedCount === len;\n\n if (removingAll) {\n this.invokeForState('empty');\n }\n\n for (idx = start + removedCount - 1; idx >= start; idx--) {\n childView = childViews[idx];\n if (removingAll) { childView.removedFromDOM = true; }\n childView.destroy();\n }\n },\n\n /**\n Called when a mutation to the underlying content array occurs.\n\n This method will replay that mutation against the views that compose the\n Ember.CollectionView, ensuring that the view reflects the model.\n\n This array observer is added in contentDidChange.\n\n @method arrayDidChange\n @param {Array} addedObjects the objects that were added to the content\n @param {Array} removedObjects the objects that were removed from the content\n @param {Number} changeIndex the index at which the changes occurred\n */\n arrayDidChange: function(content, start, removed, added) {\n var itemViewClass = get(this, 'itemViewClass'),\n childViews = get(this, 'childViews'),\n addedViews = [], view, item, idx, len, itemTagName;\n\n if ('string' === typeof itemViewClass) {\n itemViewClass = get(itemViewClass);\n }\n\n Ember.assert(fmt(\"itemViewClass must be a subclass of Ember.View, not %@\", [itemViewClass]), Ember.View.detect(itemViewClass));\n\n len = content ? get(content, 'length') : 0;\n if (len) {\n for (idx = start; idx < start+added; idx++) {\n item = content.objectAt(idx);\n\n view = this.createChildView(itemViewClass, {\n content: item,\n contentIndex: idx\n });\n\n addedViews.push(view);\n }\n } else {\n var emptyView = get(this, 'emptyView');\n if (!emptyView) { return; }\n\n emptyView = this.createChildView(emptyView);\n addedViews.push(emptyView);\n set(this, 'emptyView', emptyView);\n }\n childViews.replace(start, 0, addedViews);\n },\n\n createChildView: function(view, attrs) {\n view = this._super(view, attrs);\n\n var itemTagName = get(view, 'tagName');\n var tagName = (itemTagName === null || itemTagName === undefined) ? Ember.CollectionView.CONTAINER_MAP[get(this, 'tagName')] : itemTagName;\n\n set(view, 'tagName', tagName);\n\n return view;\n }\n});\n\n/**\n A map of parent tags to their default child tags. You can add\n additional parent tags if you want collection views that use\n a particular parent tag to default to a child tag.\n\n @property CONTAINER_MAP\n @type Hash\n @static\n @final\n*/\nEmber.CollectionView.CONTAINER_MAP = {\n ul: 'li',\n ol: 'li',\n table: 'tr',\n thead: 'tr',\n tbody: 'tr',\n tfoot: 'tr',\n tr: 'td',\n select: 'option'\n};\n\n})();\n//@ sourceURL=ember-views/views/collection_view");minispade.register('ember-views/views/container_view', "(function() {minispade.require('ember-views/views/view');\n\n/**\n@module ember\n@submodule ember-views\n*/\n\nvar get = Ember.get, set = Ember.set, meta = Ember.meta;\nvar forEach = Ember.EnumerableUtils.forEach;\n\nvar childViewsProperty = Ember.computed(function() {\n return get(this, '_childViews');\n}).property('_childViews');\n\n/**\n A `ContainerView` is an `Ember.View` subclass that allows for manual or programatic\n management of a view's `childViews` array that will correctly update the `ContainerView`\n instance's rendered DOM representation.\n\n ## Setting Initial Child Views\n The initial array of child views can be set in one of two ways. You can provide\n a `childViews` property at creation time that contains instance of `Ember.View`:\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n childViews: [Ember.View.create(), Ember.View.create()]\n });\n ```\n\n You can also provide a list of property names whose values are instances of `Ember.View`:\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n childViews: ['aView', 'bView', 'cView'],\n aView: Ember.View.create(),\n bView: Ember.View.create()\n cView: Ember.View.create()\n });\n ```\n\n The two strategies can be combined:\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n childViews: ['aView', Ember.View.create()],\n aView: Ember.View.create()\n });\n ```\n\n Each child view's rendering will be inserted into the container's rendered HTML in the same\n order as its position in the `childViews` property.\n\n ## Adding and Removing Child Views\n The views in a container's `childViews` array should be added and removed by manipulating\n the `childViews` property directly.\n\n To remove a view pass that view into a `removeObject` call on the container's `childViews` property.\n\n Given an empty `` the following code\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n });\n\n aContainer.appendTo('body');\n ``` \n\n Results in the HTML\n\n ``` html\n
\n
A
\n
B
\n
\n ```\n\n Removing a view\n\n ``` javascript\n aContainer.get('childViews'); // [aContainer.aView, aContainer.bView]\n aContainer.get('childViews').removeObject(aContainer.get('bView'));\n aContainer.get('childViews'); // [aContainer.aView]\n ```\n\n Will result in the following HTML\n\n ``` html\n
\n
A
\n
\n ```\n\n\n Similarly, adding a child view is accomplished by adding `Ember.View` instances to the\n container's `childViews` property.\n\n Given an empty `` the following code\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n });\n\n aContainer.appendTo('body');\n ```\n\n Results in the HTML\n\n ``` html\n
\n
A
\n
B
\n
\n ```\n\n Adding a view\n\n ``` javascript\n AnotherViewClass = Ember.View.extend({\n template: Ember.Handlebars.compile(\"Another view\")\n });\n\n aContainer.get('childViews'); // [aContainer.aView, aContainer.bView]\n aContainer.get('childViews').pushObject(AnotherViewClass.create());\n aContainer.get('childViews'); // [aContainer.aView, aContainer.bView, ]\n ```\n\n Will result in the following HTML\n\n ``` html\n
\n
A
\n
B
\n
Another view
\n
\n ```\n\n\n Direct manipulation of childViews presence or absence in the DOM via calls to\n `remove` or `removeFromParent` or calls to a container's `removeChild` may not behave\n correctly.\n\n Calling `remove()` on a child view will remove the view's HTML, but it will remain as part of its\n container's `childView`s property.\n\n Calling `removeChild()` on the container will remove the passed view instance from the container's\n `childView`s but keep its HTML within the container's rendered view.\n\n Calling `removeFromParent()` behaves as expected but should be avoided in favor of direct\n manipulation of a container's `childViews` property.\n\n ``` javascript\n aContainer = Ember.ContainerView.create({\n classNames: ['the-container'],\n childViews: ['aView', 'bView'],\n aView: Ember.View.create({\n template: Ember.Handlebars.compile(\"A\")\n }),\n bView: Ember.View.create({\n template: Ember.Handlebars.compile(\"B\")\n })\n });\n\n aContainer.appendTo('body');\n ```\n\n Results in the HTML\n\n ``` html\n
\n
A
\n
B
\n
\n ```\n\n Calling `aContainer.get('aView').removeFromParent()` will result in the following HTML\n\n ``` html\n
\n
B
\n
\n ```\n\n And the `Ember.View` instance stored in `aContainer.aView` will be removed from `aContainer`'s\n `childViews` array.\n\n ## Templates and Layout\n\n A `template`, `templateName`, `defaultTemplate`, `layout`, `layoutName` or `defaultLayout`\n property on a container view will not result in the template or layout being rendered.\n The HTML contents of a `Ember.ContainerView`'s DOM representation will only be the rendered HTML\n of its child views.\n\n ## Binding a View to Display\n\n If you would like to display a single view in your ContainerView, you can set its `currentView`\n property. When the `currentView` property is set to a view instance, it will be added to the\n ContainerView's `childViews` array. If the `currentView` property is later changed to a\n different view, the new view will replace the old view. If `currentView` is set to `null`, the\n last `currentView` will be removed.\n\n This functionality is useful for cases where you want to bind the display of a ContainerView to\n a controller or state manager. For example, you can bind the `currentView` of a container to\n a controller like this:\n\n ``` javascript\n App.appController = Ember.Object.create({\n view: Ember.View.create({\n templateName: 'person_template'\n })\n });\n ```\n\n ``` handlebars\n {{view Ember.ContainerView currentViewBinding=\"App.appController.view\"}}\n ```\n\n @class ContainerView\n @namespace Ember\n @extends Ember.View\n*/\n\nEmber.ContainerView = Ember.View.extend({\n\n init: function() {\n this._super();\n\n var childViews = get(this, 'childViews');\n Ember.defineProperty(this, 'childViews', childViewsProperty);\n\n var _childViews = this._childViews;\n\n forEach(childViews, function(viewName, idx) {\n var view;\n\n if ('string' === typeof viewName) {\n view = get(this, viewName);\n view = this.createChildView(view);\n set(this, viewName, view);\n } else {\n view = this.createChildView(viewName);\n }\n\n _childViews[idx] = view;\n }, this);\n\n var currentView = get(this, 'currentView');\n if (currentView) _childViews.push(this.createChildView(currentView));\n\n // Make the _childViews array observable\n Ember.A(_childViews);\n\n // Sets up an array observer on the child views array. This\n // observer will detect when child views are added or removed\n // and update the DOM to reflect the mutation.\n get(this, 'childViews').addArrayObserver(this, {\n willChange: 'childViewsWillChange',\n didChange: 'childViewsDidChange'\n });\n },\n\n /**\n @private\n\n Instructs each child view to render to the passed render buffer.\n\n @method render\n @param {Ember.RenderBuffer} buffer the buffer to render to\n */\n render: function(buffer) {\n this.forEachChildView(function(view) {\n view.renderToBuffer(buffer);\n });\n },\n\n instrumentName: 'render.container',\n\n /**\n @private\n\n When the container view is destroyed, tear down the child views\n array observer.\n\n @method willDestroy\n */\n willDestroy: function() {\n get(this, 'childViews').removeArrayObserver(this, {\n willChange: 'childViewsWillChange',\n didChange: 'childViewsDidChange'\n });\n\n this._super();\n },\n\n /**\n @private\n\n When a child view is removed, destroy its element so that\n it is removed from the DOM.\n\n The array observer that triggers this action is set up in the\n `renderToBuffer` method.\n\n @method childViewsWillChange\n @param {Ember.Array} views the child views array before mutation\n @param {Number} start the start position of the mutation\n @param {Number} removed the number of child views removed\n **/\n childViewsWillChange: function(views, start, removed) {\n if (removed === 0) { return; }\n\n var changedViews = views.slice(start, start+removed);\n this.initializeViews(changedViews, null, null);\n\n this.invokeForState('childViewsWillChange', views, start, removed);\n },\n\n /**\n @private\n\n When a child view is added, make sure the DOM gets updated appropriately.\n\n If the view has already rendered an element, we tell the child view to\n create an element and insert it into the DOM. If the enclosing container view\n has already written to a buffer, but not yet converted that buffer into an\n element, we insert the string representation of the child into the appropriate\n place in the buffer.\n\n @method childViewsDidChange\n @param {Ember.Array} views the array of child views afte the mutation has occurred\n @param {Number} start the start position of the mutation\n @param {Number} removed the number of child views removed\n @param {Number} the number of child views added\n */\n childViewsDidChange: function(views, start, removed, added) {\n var len = get(views, 'length');\n\n // No new child views were added; bail out.\n if (added === 0) return;\n\n var changedViews = views.slice(start, start+added);\n this.initializeViews(changedViews, this, get(this, 'templateData'));\n\n // Let the current state handle the changes\n this.invokeForState('childViewsDidChange', views, start, added);\n },\n\n initializeViews: function(views, parentView, templateData) {\n forEach(views, function(view) {\n set(view, '_parentView', parentView);\n\n if (!get(view, 'templateData')) {\n set(view, 'templateData', templateData);\n }\n });\n },\n\n currentView: null,\n\n _currentViewWillChange: Ember.beforeObserver(function() {\n var childViews = get(this, 'childViews'),\n currentView = get(this, 'currentView');\n\n if (currentView) {\n childViews.removeObject(currentView);\n currentView.destroy();\n }\n }, 'currentView'),\n\n _currentViewDidChange: Ember.observer(function() {\n var childViews = get(this, 'childViews'),\n currentView = get(this, 'currentView');\n\n if (currentView) {\n childViews.pushObject(currentView);\n }\n }, 'currentView'),\n\n _ensureChildrenAreInDOM: function () {\n this.invokeForState('ensureChildrenAreInDOM', this);\n }\n});\n\n// Ember.ContainerView extends the default view states to provide different\n// behavior for childViewsWillChange and childViewsDidChange.\nEmber.ContainerView.states = {\n parent: Ember.View.states,\n\n inBuffer: {\n childViewsDidChange: function(parentView, views, start, added) {\n var buffer = parentView.buffer,\n startWith, prev, prevBuffer, view;\n\n // Determine where to begin inserting the child view(s) in the\n // render buffer.\n if (start === 0) {\n // If views were inserted at the beginning, prepend the first\n // view to the render buffer, then begin inserting any\n // additional views at the beginning.\n view = views[start];\n startWith = start + 1;\n view.renderToBuffer(buffer, 'prepend');\n } else {\n // Otherwise, just insert them at the same place as the child\n // views mutation.\n view = views[start - 1];\n startWith = start;\n }\n\n for (var i=startWith; i\n ```\n\n ## HTML `class` Attribute\n The HTML `class` attribute of a view's tag can be set by providing a `classNames` property\n that is set to an array of strings:\n\n ``` javascript\n MyView = Ember.View.extend({\n classNames: ['my-class', 'my-other-class']\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n `class` attribute values can also be set by providing a `classNameBindings` property\n set to an array of properties names for the view. The return value of these properties\n will be added as part of the value for the view's `class` attribute. These properties\n can be computed properties:\n\n ``` javascript\n MyView = Ember.View.extend({\n classNameBindings: ['propertyA', 'propertyB'],\n propertyA: 'from-a',\n propertyB: function(){\n if(someLogic){ return 'from-b'; }\n }.property()\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n If the value of a class name binding returns a boolean the property name itself\n will be used as the class name if the property is true. The class name will\n not be added if the value is `false` or `undefined`.\n\n ``` javascript\n MyView = Ember.View.extend({\n classNameBindings: ['hovered'],\n hovered: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n When using boolean class name bindings you can supply a string value other than the\n property name for use as the `class` HTML attribute by appending the preferred value after\n a \":\" character when defining the binding:\n\n ``` javascript\n MyView = Ember.View.extend({\n classNameBindings: ['awesome:so-very-cool'],\n awesome: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n\n Boolean value class name bindings whose property names are in a camelCase-style\n format will be converted to a dasherized format:\n\n ``` javascript\n MyView = Ember.View.extend({\n classNameBindings: ['isUrgent'],\n isUrgent: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n\n Class name bindings can also refer to object values that are found by\n traversing a path relative to the view itself:\n\n ``` javascript\n MyView = Ember.View.extend({\n classNameBindings: ['messages.empty']\n messages: Ember.Object.create({\n empty: true\n })\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n\n If you want to add a class name for a property which evaluates to true and\n and a different class name if it evaluates to false, you can pass a binding\n like this:\n\n ```\n // Applies 'enabled' class when isEnabled is true and 'disabled' when isEnabled is false\n Ember.View.create({\n classNameBindings: ['isEnabled:enabled:disabled']\n isEnabled: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n When isEnabled is `false`, the resulting HTML reprensentation looks like this:\n\n ``` html\n
\n ```\n\n This syntax offers the convenience to add a class if a property is `false`:\n\n ``` javascript\n // Applies no class when isEnabled is true and class 'disabled' when isEnabled is false\n Ember.View.create({\n classNameBindings: ['isEnabled::disabled']\n isEnabled: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n When the `isEnabled` property on the view is set to `false`, it will result\n in view instances with an HTML representation of:\n\n ``` html\n
\n ```\n\n Updates to the the value of a class name binding will result in automatic update\n of the HTML `class` attribute in the view's rendered HTML representation.\n If the value becomes `false` or `undefined` the class name will be removed.\n\n Both `classNames` and `classNameBindings` are concatenated properties.\n See `Ember.Object` documentation for more information about concatenated properties.\n\n ## HTML Attributes\n\n The HTML attribute section of a view's tag can be set by providing an `attributeBindings`\n property set to an array of property names on the view. The return value of these properties\n will be used as the value of the view's HTML associated attribute:\n\n ``` javascript\n AnchorView = Ember.View.extend({\n tagName: 'a',\n attributeBindings: ['href'],\n href: 'http://google.com'\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n \n ```\n\n If the return value of an `attributeBindings` monitored property is a boolean\n the property will follow HTML's pattern of repeating the attribute's name as\n its value:\n\n ``` javascript\n MyTextInput = Ember.View.extend({\n tagName: 'input',\n attributeBindings: ['disabled'],\n disabled: true\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n \n ```\n\n `attributeBindings` can refer to computed properties:\n\n ``` javascript\n MyTextInput = Ember.View.extend({\n tagName: 'input',\n attributeBindings: ['disabled'],\n disabled: function(){\n if (someLogic) {\n return true;\n } else {\n return false;\n }\n }.property()\n });\n ```\n\n Updates to the the property of an attribute binding will result in automatic update\n of the HTML attribute in the view's rendered HTML representation.\n\n `attributeBindings` is a concatenated property. See `Ember.Object` documentation\n for more information about concatenated properties.\n\n ## Templates\n\n The HTML contents of a view's rendered representation are determined by its template.\n Templates can be any function that accepts an optional context parameter and returns\n a string of HTML that will be inserted within the view's tag. Most\n typically in Ember this function will be a compiled Ember.Handlebars template.\n\n ``` javascript\n AView = Ember.View.extend({\n template: Ember.Handlebars.compile('I am the template')\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
I am the template
\n ```\n\n Within an Ember application is more common to define a Handlebars templates as\n part of a page:\n\n ``` handlebars\n \n ```\n\n And associate it by name using a view's `templateName` property:\n\n ``` javascript\n AView = Ember.View.extend({\n templateName: 'some-template'\n });\n ```\n\n Using a value for `templateName` that does not have a Handlebars template with a\n matching `data-template-name` attribute will throw an error.\n\n Assigning a value to both `template` and `templateName` properties will throw an error.\n\n For views classes that may have a template later defined (e.g. as the block portion of a `{{view}}`\n Handlebars helper call in another template or in a subclass), you can provide a `defaultTemplate`\n property set to compiled template function. If a template is not later provided for the view\n instance the `defaultTemplate` value will be used:\n\n ``` javascript\n AView = Ember.View.extend({\n defaultTemplate: Ember.Handlebars.compile('I was the default'),\n template: null,\n templateName: null\n });\n ```\n\n Will result in instances with an HTML representation of:\n\n ``` html\n
I was the default
\n ```\n\n If a `template` or `templateName` is provided it will take precedence over `defaultTemplate`:\n\n ``` javascript\n AView = Ember.View.extend({\n defaultTemplate: Ember.Handlebars.compile('I was the default')\n });\n\n aView = AView.create({\n template: Ember.Handlebars.compile('I was the template, not default')\n });\n ```\n\n Will result in the following HTML representation when rendered:\n\n ``` html\n
I was the template, not default
\n ```\n\n ## View Context\n\n The default context of the compiled template is the view's controller:\n\n ``` javascript\n AView = Ember.View.extend({\n template: Ember.Handlebars.compile('Hello {{excitedGreeting}}')\n });\n\n aController = Ember.Object.create({\n firstName: 'Barry',\n excitedGreeting: function(){\n return this.get(\"content.firstName\") + \"!!!\"\n }.property()\n });\n\n aView = AView.create({\n controller: aController,\n });\n ```\n\n Will result in an HTML representation of:\n\n ``` html\n
Hello Barry!!!
\n ```\n\n A context can also be explicitly supplied through the view's `context` property.\n If the view has neither `context` nor `controller` properties, the parentView's\n context will be used.\n\n ## Layouts\n\n Views can have a secondary template that wraps their main template. Like\n primary templates, layouts can be any function that accepts an optional context\n parameter and returns a string of HTML that will be inserted inside view's tag. Views whose HTML\n element is self closing (e.g. ``) cannot have a layout and this property will be ignored.\n\n Most typically in Ember a layout will be a compiled Ember.Handlebars template.\n\n A view's layout can be set directly with the `layout` property or reference an\n existing Handlebars template by name with the `layoutName` property.\n\n A template used as a layout must contain a single use of the Handlebars `{{yield}}`\n helper. The HTML contents of a view's rendered `template` will be inserted at this location:\n\n ``` javascript\n AViewWithLayout = Ember.View.extend({\n layout: Ember.Handlebars.compile(\"
{{yield}}
\")\n template: Ember.Handlebars.compile(\"I got wrapped\"),\n });\n ```\n\n Will result in view instances with an HTML representation of:\n\n ``` html\n
\n
\n I got wrapped\n
\n
\n ```\n\n See `Handlebars.helpers.yield` for more information.\n\n ## Responding to Browser Events\n\n Views can respond to user-initiated events in one of three ways: method implementation,\n through an event manager, and through `{{action}}` helper use in their template or layout.\n\n ### Method Implementation\n\n Views can respond to user-initiated events by implementing a method that matches the\n event name. A `jQuery.Event` object will be passed as the argument to this method.\n\n ``` javascript\n AView = Ember.View.extend({\n click: function(event){\n // will be called when when an instance's\n // rendered element is clicked\n }\n });\n ```\n\n ### Event Managers\n\n Views can define an object as their `eventManager` property. This object can then\n implement methods that match the desired event names. Matching events that occur\n on the view's rendered HTML or the rendered HTML of any of its DOM descendants\n will trigger this method. A `jQuery.Event` object will be passed as the first\n argument to the method and an `Ember.View` object as the second. The `Ember.View`\n will be the view whose rendered HTML was interacted with. This may be the view with\n the `eventManager` property or one of its descendent views.\n\n ``` javascript\n AView = Ember.View.extend({\n eventManager: Ember.Object.create({\n doubleClick: function(event, view){\n // will be called when when an instance's\n // rendered element or any rendering\n // of this views's descendent\n // elements is clicked\n }\n })\n });\n ```\n\n An event defined for an event manager takes precedence over events of the same\n name handled through methods on the view.\n\n ``` javascript\n AView = Ember.View.extend({\n mouseEnter: function(event){\n // will never trigger.\n },\n eventManager: Ember.Object.create({\n mouseEnter: function(event, view){\n // takes presedence over AView#mouseEnter\n }\n })\n });\n ```\n\n Similarly a view's event manager will take precedence for events of any views\n rendered as a descendent. A method name that matches an event name will not be called\n if the view instance was rendered inside the HTML representation of a view that has\n an `eventManager` property defined that handles events of the name. Events not handled\n by the event manager will still trigger method calls on the descendent.\n\n ``` javascript\n OuterView = Ember.View.extend({\n template: Ember.Handlebars.compile(\"outer {{#view InnerView}}inner{{/view}} outer\"),\n eventManager: Ember.Object.create({\n mouseEnter: function(event, view){\n // view might be instance of either\n // OutsideView or InnerView depending on\n // where on the page the user interaction occured\n }\n })\n });\n\n InnerView = Ember.View.extend({\n click: function(event){\n // will be called if rendered inside\n // an OuterView because OuterView's\n // eventManager doesn't handle click events\n },\n mouseEnter: function(event){\n // will never be called if rendered inside\n // an OuterView.\n }\n });\n ```\n\n ### Handlebars `{{action}}` Helper\n\n See `Handlebars.helpers.action`.\n\n ### Event Names\n\n Possible events names for any of the responding approaches described above are:\n\n Touch events: 'touchStart', 'touchMove', 'touchEnd', 'touchCancel'\n\n Keyboard events: 'keyDown', 'keyUp', 'keyPress'\n\n Mouse events: 'mouseDown', 'mouseUp', 'contextMenu', 'click', 'doubleClick', 'mouseMove',\n 'focusIn', 'focusOut', 'mouseEnter', 'mouseLeave'\n\n Form events: 'submit', 'change', 'focusIn', 'focusOut', 'input'\n\n HTML5 drag and drop events: 'dragStart', 'drag', 'dragEnter', 'dragLeave', 'drop', 'dragEnd'\n\n ## Handlebars `{{view}}` Helper\n\n Other `Ember.View` instances can be included as part of a view's template by using the `{{view}}`\n Handlebars helper. See `Handlebars.helpers.view` for additional information.\n\n @class View\n @namespace Ember\n @extends Ember.Object\n @uses Ember.Evented\n*/\nEmber.View = Ember.CoreView.extend(\n/** @scope Ember.View.prototype */ {\n\n concatenatedProperties: ['classNames', 'classNameBindings', 'attributeBindings'],\n\n /**\n @property isView\n @type Boolean\n @default true\n @final\n */\n isView: true,\n\n // ..........................................................\n // TEMPLATE SUPPORT\n //\n\n /**\n The name of the template to lookup if no template is provided.\n\n Ember.View will look for a template with this name in this view's\n `templates` object. By default, this will be a global object\n shared in `Ember.TEMPLATES`.\n\n @property templateName\n @type String\n @default null\n */\n templateName: null,\n\n /**\n The name of the layout to lookup if no layout is provided.\n\n Ember.View will look for a template with this name in this view's\n `templates` object. By default, this will be a global object\n shared in `Ember.TEMPLATES`.\n\n @property layoutName\n @type String\n @default null\n */\n layoutName: null,\n\n /**\n The hash in which to look for `templateName`.\n\n @property templates\n @type Ember.Object\n @default Ember.TEMPLATES\n */\n templates: Ember.TEMPLATES,\n\n /**\n The template used to render the view. This should be a function that\n accepts an optional context parameter and returns a string of HTML that\n will be inserted into the DOM relative to its parent view.\n\n In general, you should set the `templateName` property instead of setting\n the template yourself.\n\n @property template\n @type Function\n */\n template: Ember.computed(function(key, value) {\n if (value !== undefined) { return value; }\n\n var templateName = get(this, 'templateName'),\n template = this.templateForName(templateName, 'template');\n\n return template || get(this, 'defaultTemplate');\n }).property('templateName'),\n\n /**\n The controller managing this view. If this property is set, it will be\n made available for use by the template.\n\n @property controller\n @type Object\n */\n controller: Ember.computed(function(key, value) {\n var parentView;\n\n if (arguments.length === 2) {\n return value;\n } else {\n parentView = get(this, 'parentView');\n return parentView ? get(parentView, 'controller') : null;\n }\n }).property(),\n\n /**\n A view may contain a layout. A layout is a regular template but\n supersedes the `template` property during rendering. It is the\n responsibility of the layout template to retrieve the `template`\n property from the view (or alternatively, call `Handlebars.helpers.yield`,\n `{{yield}}`) to render it in the correct location.\n\n This is useful for a view that has a shared wrapper, but which delegates\n the rendering of the contents of the wrapper to the `template` property\n on a subclass.\n\n @property layout\n @type Function\n */\n layout: Ember.computed(function(key, value) {\n if (arguments.length === 2) { return value; }\n\n var layoutName = get(this, 'layoutName'),\n layout = this.templateForName(layoutName, 'layout');\n\n return layout || get(this, 'defaultLayout');\n }).property('layoutName'),\n\n templateForName: function(name, type) {\n if (!name) { return; }\n\n var templates = get(this, 'templates'),\n template = get(templates, name);\n\n if (!template) {\n throw new Ember.Error(fmt('%@ - Unable to find %@ \"%@\".', [this, type, name]));\n }\n\n return template;\n },\n\n /**\n The object from which templates should access properties.\n\n This object will be passed to the template function each time the render\n method is called, but it is up to the individual function to decide what\n to do with it.\n\n By default, this will be the view's controller.\n\n @property context\n @type Object\n */\n context: Ember.computed(function(key, value) {\n if (arguments.length === 2) {\n set(this, '_context', value);\n return value;\n } else {\n return get(this, '_context');\n }\n }).volatile(),\n\n /**\n @private\n\n Private copy of the view's template context. This can be set directly\n by Handlebars without triggering the observer that causes the view\n to be re-rendered.\n\n The context of a view is looked up as follows:\n\n 1. Supplied context (usually by Handlebars)\n 2. Specified controller\n 3. `parentView`'s context (for a child of a ContainerView)\n\n The code in Handlebars that overrides the `_context` property first\n checks to see whether the view has a specified controller. This is\n something of a hack and should be revisited.\n\n @property _context\n */\n _context: Ember.computed(function(key, value) {\n var parentView, controller;\n\n if (arguments.length === 2) {\n return value;\n }\n\n if (controller = get(this, 'controller')) {\n return controller;\n }\n\n parentView = get(this, '_parentView');\n if (parentView) {\n return get(parentView, '_context');\n }\n\n return this;\n }),\n\n /**\n @private\n\n If a value that affects template rendering changes, the view should be\n re-rendered to reflect the new value.\n\n @method _displayPropertyDidChange\n */\n _displayPropertyDidChange: Ember.observer(function() {\n this.rerender();\n }, 'context', 'controller'),\n\n /**\n If false, the view will appear hidden in DOM.\n\n @property isVisible\n @type Boolean\n @default null\n */\n isVisible: true,\n\n /**\n @private\n\n Array of child views. You should never edit this array directly.\n Instead, use appendChild and removeFromParent.\n\n @property childViews\n @type Array\n @default []\n */\n childViews: childViewsProperty,\n\n _childViews: [],\n\n // When it's a virtual view, we need to notify the parent that their\n // childViews will change.\n _childViewsWillChange: Ember.beforeObserver(function() {\n if (this.isVirtual) {\n var parentView = get(this, 'parentView');\n if (parentView) { Ember.propertyWillChange(parentView, 'childViews'); }\n }\n }, 'childViews'),\n\n // When it's a virtual view, we need to notify the parent that their\n // childViews did change.\n _childViewsDidChange: Ember.observer(function() {\n if (this.isVirtual) {\n var parentView = get(this, 'parentView');\n if (parentView) { Ember.propertyDidChange(parentView, 'childViews'); }\n }\n }, 'childViews'),\n\n /**\n Return the nearest ancestor that is an instance of the provided\n class.\n\n @property nearestInstanceOf\n @param {Class} klass Subclass of Ember.View (or Ember.View itself)\n @return Ember.View\n @deprecated\n */\n nearestInstanceOf: function(klass) {\n Ember.deprecate(\"nearestInstanceOf is deprecated and will be removed from future releases. Use nearestOfType.\");\n var view = get(this, 'parentView');\n\n while (view) {\n if(view instanceof klass) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor that is an instance of the provided\n class or mixin.\n\n @property nearestOfType\n @param {Class,Mixin} klass Subclass of Ember.View (or Ember.View itself),\n or an instance of Ember.Mixin.\n @return Ember.View\n */\n nearestOfType: function(klass) {\n var view = get(this, 'parentView'),\n isOfType = klass instanceof Ember.Mixin ?\n function(view) { return klass.detect(view); } :\n function(view) { return klass.detect(view.constructor); };\n\n while (view) {\n if( isOfType(view) ) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor that has a given property.\n\n @property nearestWithProperty\n @param {String} property A property name\n @return Ember.View\n */\n nearestWithProperty: function(property) {\n var view = get(this, 'parentView');\n\n while (view) {\n if (property in view) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor whose parent is an instance of\n `klass`.\n\n @property nearestChildOf\n @param {Class} klass Subclass of Ember.View (or Ember.View itself)\n @return Ember.View\n */\n nearestChildOf: function(klass) {\n var view = get(this, 'parentView');\n\n while (view) {\n if(get(view, 'parentView') instanceof klass) { return view; }\n view = get(view, 'parentView');\n }\n },\n\n /**\n Return the nearest ancestor that is an Ember.CollectionView\n\n @property collectionView\n @return Ember.CollectionView\n */\n collectionView: Ember.computed(function() {\n return this.nearestOfType(Ember.CollectionView);\n }),\n\n /**\n Return the nearest ancestor that is a direct child of\n an Ember.CollectionView\n\n @property itemView\n @return Ember.View\n */\n itemView: Ember.computed(function() {\n return this.nearestChildOf(Ember.CollectionView);\n }),\n\n /**\n Return the nearest ancestor that has the property\n `content`.\n\n @property contentView\n @return Ember.View\n */\n contentView: Ember.computed(function() {\n return this.nearestWithProperty('content');\n }),\n\n /**\n @private\n\n When the parent view changes, recursively invalidate\n collectionView, itemView, and contentView\n\n @method _parentViewDidChange\n */\n _parentViewDidChange: Ember.observer(function() {\n if (this.isDestroying) { return; }\n\n this.invokeRecursively(function(view) {\n view.propertyDidChange('collectionView');\n view.propertyDidChange('itemView');\n view.propertyDidChange('contentView');\n });\n\n if (get(this, 'parentView.controller') && !get(this, 'controller')) {\n this.notifyPropertyChange('controller');\n }\n }, '_parentView'),\n\n _controllerDidChange: Ember.observer(function() {\n if (this.isDestroying) { return; }\n\n this.forEachChildView(function(view) {\n view.propertyDidChange('controller');\n });\n }, 'controller'),\n\n cloneKeywords: function() {\n var templateData = get(this, 'templateData');\n\n var keywords = templateData ? Ember.copy(templateData.keywords) : {};\n set(keywords, 'view', get(this, 'concreteView'));\n set(keywords, 'controller', get(this, 'controller'));\n\n return keywords;\n },\n\n /**\n Called on your view when it should push strings of HTML into a\n Ember.RenderBuffer. Most users will want to override the `template`\n or `templateName` properties instead of this method.\n\n By default, Ember.View will look for a function in the `template`\n property and invoke it with the value of `context`. The value of\n `context` will be the view's controller unless you override it.\n\n @method render\n @param {Ember.RenderBuffer} buffer The render buffer\n */\n render: function(buffer) {\n // If this view has a layout, it is the responsibility of the\n // the layout to render the view's template. Otherwise, render the template\n // directly.\n var template = get(this, 'layout') || get(this, 'template');\n\n if (template) {\n var context = get(this, 'context');\n var keywords = this.cloneKeywords();\n\n var data = {\n view: this,\n buffer: buffer,\n isRenderData: true,\n keywords: keywords\n };\n\n // Invoke the template with the provided template context, which\n // is the view's controller by default. A hash of data is also passed that provides\n // the template with access to the view and render buffer.\n\n Ember.assert('template must be a function. Did you mean to call Ember.Handlebars.compile(\"...\") or specify templateName instead?', typeof template === 'function');\n // The template should write directly to the render buffer instead\n // of returning a string.\n var output = template(context, { data: data });\n\n // If the template returned a string instead of writing to the buffer,\n // push the string onto the buffer.\n if (output !== undefined) { buffer.push(output); }\n }\n },\n\n invokeForState: function(name) {\n var stateName = this.state, args, fn;\n\n // try to find the function for the state in the cache\n if (fn = invokeForState[stateName][name]) {\n args = a_slice.call(arguments);\n args[0] = this;\n\n return fn.apply(this, args);\n }\n\n // otherwise, find and cache the function for this state\n var parent = this, states = parent.states, state;\n\n while (states) {\n state = states[stateName];\n\n while (state) {\n fn = state[name];\n\n if (fn) {\n invokeForState[stateName][name] = fn;\n\n args = a_slice.call(arguments, 1);\n args.unshift(this);\n\n return fn.apply(this, args);\n }\n\n state = state.parentState;\n }\n\n states = states.parent;\n }\n },\n\n /**\n Renders the view again. This will work regardless of whether the\n view is already in the DOM or not. If the view is in the DOM, the\n rendering process will be deferred to give bindings a chance\n to synchronize.\n\n If children were added during the rendering process using `appendChild`,\n `rerender` will remove them, because they will be added again\n if needed by the next `render`.\n\n In general, if the display of your view changes, you should modify\n the DOM element directly instead of manually calling `rerender`, which can\n be slow.\n\n @method rerender\n */\n rerender: function() {\n return this.invokeForState('rerender');\n },\n\n clearRenderedChildren: function() {\n var lengthBefore = this.lengthBeforeRender,\n lengthAfter = this.lengthAfterRender;\n\n // If there were child views created during the last call to render(),\n // remove them under the assumption that they will be re-created when\n // we re-render.\n\n // VIEW-TODO: Unit test this path.\n var childViews = this._childViews;\n for (var i=lengthAfter-1; i>=lengthBefore; i--) {\n if (childViews[i]) { childViews[i].destroy(); }\n }\n },\n\n /**\n @private\n\n Iterates over the view's `classNameBindings` array, inserts the value\n of the specified property into the `classNames` array, then creates an\n observer to update the view's element if the bound property ever changes\n in the future.\n\n @method _applyClassNameBindings\n */\n _applyClassNameBindings: function() {\n var classBindings = get(this, 'classNameBindings'),\n classNames = get(this, 'classNames'),\n elem, newClass, dasherizedClass;\n\n if (!classBindings) { return; }\n\n // Loop through all of the configured bindings. These will be either\n // property names ('isUrgent') or property paths relative to the view\n // ('content.isUrgent')\n a_forEach(classBindings, function(binding) {\n\n // Variable in which the old class value is saved. The observer function\n // closes over this variable, so it knows which string to remove when\n // the property changes.\n var oldClass;\n // Extract just the property name from bindings like 'foo:bar'\n var parsedPath = Ember.View._parsePropertyPath(binding);\n\n // Set up an observer on the context. If the property changes, toggle the\n // class name.\n var observer = function() {\n // Get the current value of the property\n newClass = this._classStringForProperty(binding);\n elem = this.$();\n if (!elem) {\n removeObserver(this, parsedPath.path, observer);\n return;\n }\n\n // If we had previously added a class to the element, remove it.\n if (oldClass) {\n elem.removeClass(oldClass);\n // Also remove from classNames so that if the view gets rerendered,\n // the class doesn't get added back to the DOM.\n classNames.removeObject(oldClass);\n }\n\n // If necessary, add a new class. Make sure we keep track of it so\n // it can be removed in the future.\n if (newClass) {\n elem.addClass(newClass);\n oldClass = newClass;\n } else {\n oldClass = null;\n }\n };\n\n // Get the class name for the property at its current value\n dasherizedClass = this._classStringForProperty(binding);\n\n if (dasherizedClass) {\n // Ensure that it gets into the classNames array\n // so it is displayed when we render.\n classNames.push(dasherizedClass);\n\n // Save a reference to the class name so we can remove it\n // if the observer fires. Remember that this variable has\n // been closed over by the observer.\n oldClass = dasherizedClass;\n }\n\n addObserver(this, parsedPath.path, observer);\n\n this.one('willClearRender', function() {\n removeObserver(this, parsedPath.path, observer);\n });\n }, this);\n },\n\n /**\n @private\n\n Iterates through the view's attribute bindings, sets up observers for each,\n then applies the current value of the attributes to the passed render buffer.\n\n @method _applyAttributeBindings\n @param {Ember.RenderBuffer} buffer\n */\n _applyAttributeBindings: function(buffer) {\n var attributeBindings = get(this, 'attributeBindings'),\n attributeValue, elem, type;\n\n if (!attributeBindings) { return; }\n\n a_forEach(attributeBindings, function(binding) {\n var split = binding.split(':'),\n property = split[0],\n attributeName = split[1] || property;\n\n // Create an observer to add/remove/change the attribute if the\n // JavaScript property changes.\n var observer = function() {\n elem = this.$();\n if (!elem) { return; }\n\n attributeValue = get(this, property);\n\n Ember.View.applyAttributeBindings(elem, attributeName, attributeValue);\n };\n\n addObserver(this, property, observer);\n\n this.one('willClearRender', function() {\n removeObserver(this, property, observer);\n });\n\n // Determine the current value and add it to the render buffer\n // if necessary.\n attributeValue = get(this, property);\n Ember.View.applyAttributeBindings(buffer, attributeName, attributeValue);\n }, this);\n },\n\n /**\n @private\n\n Given a property name, returns a dasherized version of that\n property name if the property evaluates to a non-falsy value.\n\n For example, if the view has property `isUrgent` that evaluates to true,\n passing `isUrgent` to this method will return `\"is-urgent\"`.\n\n @method _classStringForProperty\n @param property\n */\n _classStringForProperty: function(property) {\n var parsedPath = Ember.View._parsePropertyPath(property);\n var path = parsedPath.path;\n\n var val = get(this, path);\n if (val === undefined && Ember.isGlobalPath(path)) {\n val = get(Ember.lookup, path);\n }\n\n return Ember.View._classStringForValue(path, val, parsedPath.className, parsedPath.falsyClassName);\n },\n\n // ..........................................................\n // ELEMENT SUPPORT\n //\n\n /**\n Returns the current DOM element for the view.\n\n @property element\n @type DOMElement\n */\n element: Ember.computed(function(key, value) {\n if (value !== undefined) {\n return this.invokeForState('setElement', value);\n } else {\n return this.invokeForState('getElement');\n }\n }).property('_parentView'),\n\n /**\n Returns a jQuery object for this view's element. If you pass in a selector\n string, this method will return a jQuery object, using the current element\n as its buffer.\n\n For example, calling `view.$('li')` will return a jQuery object containing\n all of the `li` elements inside the DOM element of this view.\n\n @property $\n @param {String} [selector] a jQuery-compatible selector string\n @return {jQuery} the CoreQuery object for the DOM node\n */\n $: function(sel) {\n return this.invokeForState('$', sel);\n },\n\n mutateChildViews: function(callback) {\n var childViews = this._childViews,\n idx = childViews.length,\n view;\n\n while(--idx >= 0) {\n view = childViews[idx];\n callback.call(this, view, idx);\n }\n\n return this;\n },\n\n forEachChildView: function(callback) {\n var childViews = this._childViews;\n\n if (!childViews) { return this; }\n\n var len = childViews.length,\n view, idx;\n\n for(idx = 0; idx < len; idx++) {\n view = childViews[idx];\n callback.call(this, view);\n }\n\n return this;\n },\n\n /**\n Appends the view's element to the specified parent element.\n\n If the view does not have an HTML representation yet, `createElement()`\n will be called automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the given element until all bindings have\n finished synchronizing.\n\n This is not typically a function that you will need to call directly\n when building your application. You might consider using Ember.ContainerView\n instead. If you do need to use appendTo, be sure that the target element you\n are providing is associated with an Ember.Application and does not have an\n ancestor element that is associated with an Ember view.\n\n @method appendTo\n @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object\n @return {Ember.View} receiver\n */\n appendTo: function(target) {\n // Schedule the DOM element to be created and appended to the given\n // element after bindings have synchronized.\n this._insertElementLater(function() {\n Ember.assert(\"You cannot append to an existing Ember.View. Consider using Ember.ContainerView instead.\", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));\n this.$().appendTo(target);\n });\n\n return this;\n },\n\n /**\n Replaces the content of the specified parent element with this view's element.\n If the view does not have an HTML representation yet, `createElement()`\n will be called automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the given element until all bindings have\n finished synchronizing\n\n @method replaceIn\n @param {String|DOMElement|jQuery} A selector, element, HTML string, or jQuery object\n @return {Ember.View} received\n */\n replaceIn: function(target) {\n Ember.assert(\"You cannot replace an existing Ember.View. Consider using Ember.ContainerView instead.\", !Ember.$(target).is('.ember-view') && !Ember.$(target).parents().is('.ember-view'));\n\n this._insertElementLater(function() {\n Ember.$(target).empty();\n this.$().appendTo(target);\n });\n\n return this;\n },\n\n /**\n @private\n\n Schedules a DOM operation to occur during the next render phase. This\n ensures that all bindings have finished synchronizing before the view is\n rendered.\n\n To use, pass a function that performs a DOM operation..\n\n Before your function is called, this view and all child views will receive\n the `willInsertElement` event. After your function is invoked, this view\n and all of its child views will receive the `didInsertElement` event.\n\n view._insertElementLater(function() {\n this.createElement();\n this.$().appendTo('body');\n });\n\n @method _insertElementLater\n @param {Function} fn the function that inserts the element into the DOM\n */\n _insertElementLater: function(fn) {\n this._scheduledInsert = Ember.run.scheduleOnce('render', this, '_insertElement', fn);\n },\n\n /**\n @private\n */\n _insertElement: function (fn) {\n this._scheduledInsert = null;\n this.invokeForState('insertElement', fn);\n },\n\n /**\n Appends the view's element to the document body. If the view does\n not have an HTML representation yet, `createElement()` will be called\n automatically.\n\n Note that this method just schedules the view to be appended; the DOM\n element will not be appended to the document body until all bindings have\n finished synchronizing.\n\n @method append\n @return {Ember.View} receiver\n */\n append: function() {\n return this.appendTo(document.body);\n },\n\n /**\n Removes the view's element from the element to which it is attached.\n\n @method remove\n @return {Ember.View} receiver\n */\n remove: function() {\n // What we should really do here is wait until the end of the run loop\n // to determine if the element has been re-appended to a different\n // element.\n // In the interim, we will just re-render if that happens. It is more\n // important than elements get garbage collected.\n this.destroyElement();\n this.invokeRecursively(function(view) {\n view.clearRenderedChildren();\n });\n },\n\n /**\n The ID to use when trying to locate the element in the DOM. If you do not\n set the elementId explicitly, then the view's GUID will be used instead.\n This ID must be set at the time the view is created.\n\n @property elementId\n @type String\n */\n elementId: Ember.computed(function(key, value) {\n return value !== undefined ? value : Ember.guidFor(this);\n }),\n\n // TODO: Perhaps this should be removed from the production build somehow.\n _elementIdDidChange: Ember.beforeObserver(function() {\n throw \"Changing a view's elementId after creation is not allowed.\";\n }, 'elementId'),\n\n /**\n Attempts to discover the element in the parent element. The default\n implementation looks for an element with an ID of elementId (or the view's\n guid if elementId is null). You can override this method to provide your\n own form of lookup. For example, if you want to discover your element\n using a CSS class name instead of an ID.\n\n @method findElementInParentElement\n @param {DOMElement} parentElement The parent's DOM element\n @return {DOMElement} The discovered element\n */\n findElementInParentElement: function(parentElem) {\n var id = \"#\" + get(this, 'elementId');\n return Ember.$(id)[0] || Ember.$(id, parentElem)[0];\n },\n\n /**\n Creates a DOM representation of the view and all of its\n child views by recursively calling the `render()` method.\n\n After the element has been created, `didInsertElement` will\n be called on this view and all of its child views.\n\n @method createElement\n @return {Ember.View} receiver\n */\n createElement: function() {\n if (get(this, 'element')) { return this; }\n\n var buffer = this.renderToBuffer();\n set(this, 'element', buffer.element());\n\n return this;\n },\n\n /**\n Called when a view is going to insert an element into the DOM.\n\n @event willInsertElement\n */\n willInsertElement: Ember.K,\n\n /**\n Called when the element of the view has been inserted into the DOM.\n Override this function to do any set up that requires an element in the\n document body.\n\n @event didInsertElement\n */\n didInsertElement: Ember.K,\n\n /**\n Called when the view is about to rerender, but before anything has\n been torn down. This is a good opportunity to tear down any manual\n observers you have installed based on the DOM state\n\n @event willClearRender\n */\n willClearRender: Ember.K,\n\n /**\n @private\n\n Run this callback on the current view and recursively on child views.\n\n @method invokeRecursively\n @param fn {Function}\n */\n invokeRecursively: function(fn) {\n fn.call(this, this);\n\n this.forEachChildView(function(view) {\n view.invokeRecursively(fn);\n });\n },\n\n /**\n Invalidates the cache for a property on all child views.\n\n @method invalidateRecursively\n */\n invalidateRecursively: function(key) {\n this.forEachChildView(function(view) {\n view.propertyDidChange(key);\n });\n },\n\n /**\n @private\n\n Invokes the receiver's willInsertElement() method if it exists and then\n invokes the same on all child views.\n\n NOTE: In some cases this was called when the element existed. This no longer\n works so we let people know. We can remove this warning code later.\n\n @method _notifyWillInsertElement\n */\n _notifyWillInsertElement: function() {\n this.invokeRecursively(function(view) {\n view.trigger('willInsertElement');\n });\n },\n\n /**\n @private\n\n Invokes the receiver's didInsertElement() method if it exists and then\n invokes the same on all child views.\n\n @method _notifyDidInsertElement\n */\n _notifyDidInsertElement: function() {\n this.invokeRecursively(function(view) {\n view.trigger('didInsertElement');\n });\n },\n\n /**\n @private\n\n Triggers the `willClearRender` event (which invokes the `willClearRender()`\n method if it exists) on this view and all child views.\n\n @method _notifyWillClearRender\n */\n _notifyWillClearRender: function() {\n this.invokeRecursively(function(view) {\n view.trigger('willClearRender');\n });\n },\n\n /**\n Destroys any existing element along with the element for any child views\n as well. If the view does not currently have a element, then this method\n will do nothing.\n\n If you implement willDestroyElement() on your view, then this method will\n be invoked on your view before your element is destroyed to give you a\n chance to clean up any event handlers, etc.\n\n If you write a willDestroyElement() handler, you can assume that your\n didInsertElement() handler was called earlier for the same element.\n\n Normally you will not call or override this method yourself, but you may\n want to implement the above callbacks when it is run.\n\n @method destroyElement\n @return {Ember.View} receiver\n */\n destroyElement: function() {\n return this.invokeForState('destroyElement');\n },\n\n /**\n Called when the element of the view is going to be destroyed. Override\n this function to do any teardown that requires an element, like removing\n event listeners.\n\n @event willDestroyElement\n */\n willDestroyElement: function() {},\n\n /**\n @private\n\n Triggers the `willDestroyElement` event (which invokes the `willDestroyElement()`\n method if it exists) on this view and all child views.\n\n Before triggering `willDestroyElement`, it first triggers the `willClearRender`\n event recursively.\n\n @method _notifyWillDestroyElement\n */\n _notifyWillDestroyElement: function() {\n this._notifyWillClearRender();\n\n this.invokeRecursively(function(view) {\n view.trigger('willDestroyElement');\n });\n },\n\n _elementWillChange: Ember.beforeObserver(function() {\n this.forEachChildView(function(view) {\n Ember.propertyWillChange(view, 'element');\n });\n }, 'element'),\n\n /**\n @private\n\n If this view's element changes, we need to invalidate the caches of our\n child views so that we do not retain references to DOM elements that are\n no longer needed.\n\n @method _elementDidChange\n */\n _elementDidChange: Ember.observer(function() {\n this.forEachChildView(function(view) {\n Ember.propertyDidChange(view, 'element');\n });\n }, 'element'),\n\n /**\n Called when the parentView property has changed.\n\n @event parentViewDidChange\n */\n parentViewDidChange: Ember.K,\n\n instrumentName: 'render.view',\n\n instrumentDetails: function(hash) {\n hash.template = get(this, 'templateName');\n this._super(hash);\n },\n\n _renderToBuffer: function(parentBuffer, bufferOperation) {\n this.lengthBeforeRender = this._childViews.length;\n var buffer = this._super(parentBuffer, bufferOperation);\n this.lengthAfterRender = this._childViews.length;\n\n return buffer;\n },\n\n renderToBufferIfNeeded: function () {\n return this.invokeForState('renderToBufferIfNeeded', this);\n },\n\n beforeRender: function(buffer) {\n this.applyAttributesToBuffer(buffer);\n },\n\n afterRender: Ember.K,\n\n applyAttributesToBuffer: function(buffer) {\n // Creates observers for all registered class name and attribute bindings,\n // then adds them to the element.\n this._applyClassNameBindings();\n\n // Pass the render buffer so the method can apply attributes directly.\n // This isn't needed for class name bindings because they use the\n // existing classNames infrastructure.\n this._applyAttributeBindings(buffer);\n\n\n a_forEach(get(this, 'classNames'), function(name){ buffer.addClass(name); });\n buffer.id(get(this, 'elementId'));\n\n var role = get(this, 'ariaRole');\n if (role) {\n buffer.attr('role', role);\n }\n\n if (get(this, 'isVisible') === false) {\n buffer.style('display', 'none');\n }\n },\n\n // ..........................................................\n // STANDARD RENDER PROPERTIES\n //\n\n /**\n Tag name for the view's outer element. The tag name is only used when\n an element is first created. If you change the tagName for an element, you\n must destroy and recreate the view element.\n\n By default, the render buffer will use a `
` tag for views.\n\n @property tagName\n @type String\n @default null\n */\n\n // We leave this null by default so we can tell the difference between\n // the default case and a user-specified tag.\n tagName: null,\n\n /**\n The WAI-ARIA role of the control represented by this view. For example, a\n button may have a role of type 'button', or a pane may have a role of\n type 'alertdialog'. This property is used by assistive software to help\n visually challenged users navigate rich web applications.\n\n The full list of valid WAI-ARIA roles is available at:\n http://www.w3.org/TR/wai-aria/roles#roles_categorization\n\n @property ariaRole\n @type String\n @default null\n */\n ariaRole: null,\n\n /**\n Standard CSS class names to apply to the view's outer element. This\n property automatically inherits any class names defined by the view's\n superclasses as well.\n\n @property classNames\n @type Array\n @default ['ember-view']\n */\n classNames: ['ember-view'],\n\n /**\n A list of properties of the view to apply as class names. If the property\n is a string value, the value of that string will be applied as a class\n name.\n\n // Applies the 'high' class to the view element\n Ember.View.create({\n classNameBindings: ['priority']\n priority: 'high'\n });\n\n If the value of the property is a Boolean, the name of that property is\n added as a dasherized class name.\n\n // Applies the 'is-urgent' class to the view element\n Ember.View.create({\n classNameBindings: ['isUrgent']\n isUrgent: true\n });\n\n If you would prefer to use a custom value instead of the dasherized\n property name, you can pass a binding like this:\n\n // Applies the 'urgent' class to the view element\n Ember.View.create({\n classNameBindings: ['isUrgent:urgent']\n isUrgent: true\n });\n\n This list of properties is inherited from the view's superclasses as well.\n\n @property classNameBindings\n @type Array\n @default []\n */\n classNameBindings: [],\n\n /**\n A list of properties of the view to apply as attributes. If the property is\n a string value, the value of that string will be applied as the attribute.\n\n // Applies the type attribute to the element\n // with the value \"button\", like
\n Ember.View.create({\n attributeBindings: ['type'],\n type: 'button'\n });\n\n If the value of the property is a Boolean, the name of that property is\n added as an attribute.\n\n // Renders something like
\n Ember.View.create({\n attributeBindings: ['enabled'],\n enabled: true\n });\n\n @property attributeBindings\n */\n attributeBindings: [],\n\n // .......................................................\n // CORE DISPLAY METHODS\n //\n\n /**\n @private\n\n Setup a view, but do not finish waking it up.\n - configure childViews\n - register the view with the global views hash, which is used for event\n dispatch\n\n @method init\n */\n init: function() {\n this._super();\n\n // setup child views. be sure to clone the child views array first\n this._childViews = this._childViews.slice();\n\n Ember.assert(\"Only arrays are allowed for 'classNameBindings'\", Ember.typeOf(this.classNameBindings) === 'array');\n this.classNameBindings = Ember.A(this.classNameBindings.slice());\n\n Ember.assert(\"Only arrays are allowed for 'classNames'\", Ember.typeOf(this.classNames) === 'array');\n this.classNames = Ember.A(this.classNames.slice());\n\n var viewController = get(this, 'viewController');\n if (viewController) {\n viewController = get(viewController);\n if (viewController) {\n set(viewController, 'view', this);\n }\n }\n },\n\n appendChild: function(view, options) {\n return this.invokeForState('appendChild', view, options);\n },\n\n /**\n Removes the child view from the parent view.\n\n @method removeChild\n @param {Ember.View} view\n @return {Ember.View} receiver\n */\n removeChild: function(view) {\n // If we're destroying, the entire subtree will be\n // freed, and the DOM will be handled separately,\n // so no need to mess with childViews.\n if (this.isDestroying) { return; }\n\n // update parent node\n set(view, '_parentView', null);\n\n // remove view from childViews array.\n var childViews = this._childViews;\n\n Ember.EnumerableUtils.removeObject(childViews, view);\n\n this.propertyDidChange('childViews'); // HUH?! what happened to will change?\n\n return this;\n },\n\n /**\n Removes all children from the parentView.\n\n @method removeAllChildren\n @return {Ember.View} receiver\n */\n removeAllChildren: function() {\n return this.mutateChildViews(function(view) {\n this.removeChild(view);\n });\n },\n\n destroyAllChildren: function() {\n return this.mutateChildViews(function(view) {\n view.destroy();\n });\n },\n\n /**\n Removes the view from its parentView, if one is found. Otherwise\n does nothing.\n\n @method removeFromParent\n @return {Ember.View} receiver\n */\n removeFromParent: function() {\n var parent = get(this, '_parentView');\n\n // Remove DOM element from parent\n this.remove();\n\n if (parent) { parent.removeChild(this); }\n return this;\n },\n\n /**\n You must call `destroy` on a view to destroy the view (and all of its\n child views). This will remove the view from any parent node, then make\n sure that the DOM element managed by the view can be released by the\n memory manager.\n\n @method willDestroy\n */\n willDestroy: function() {\n // calling this._super() will nuke computed properties and observers,\n // so collect any information we need before calling super.\n var childViews = this._childViews,\n parent = get(this, '_parentView'),\n childLen;\n\n // destroy the element -- this will avoid each child view destroying\n // the element over and over again...\n if (!this.removedFromDOM) { this.destroyElement(); }\n\n // remove from non-virtual parent view if viewName was specified\n if (this.viewName) {\n var nonVirtualParentView = get(this, 'parentView');\n if (nonVirtualParentView) {\n set(nonVirtualParentView, this.viewName, null);\n }\n }\n\n // remove from parent if found. Don't call removeFromParent,\n // as removeFromParent will try to remove the element from\n // the DOM again.\n if (parent) { parent.removeChild(this); }\n\n this.state = 'destroyed';\n\n childLen = childViews.length;\n for (var i=childLen-1; i>=0; i--) {\n childViews[i].removedFromDOM = true;\n childViews[i].destroy();\n }\n\n // next remove view from global hash\n if (!this.isVirtual) delete Ember.View.views[get(this, 'elementId')];\n },\n\n /**\n Instantiates a view to be added to the childViews array during view\n initialization. You generally will not call this method directly unless\n you are overriding createChildViews(). Note that this method will\n automatically configure the correct settings on the new view instance to\n act as a child of the parent.\n\n @method createChildView\n @param {Class} viewClass\n @param {Hash} [attrs] Attributes to add\n @return {Ember.View} new instance\n */\n createChildView: function(view, attrs) {\n if (Ember.CoreView.detect(view)) {\n attrs = attrs || {};\n attrs._parentView = this;\n attrs.templateData = attrs.templateData || get(this, 'templateData');\n\n view = view.create(attrs);\n\n // don't set the property on a virtual view, as they are invisible to\n // consumers of the view API\n if (view.viewName) { set(get(this, 'concreteView'), view.viewName, view); }\n } else {\n Ember.assert('You must pass instance or subclass of View', view instanceof Ember.CoreView);\n Ember.assert(\"You can only pass attributes when a class is provided\", !attrs);\n\n if (!get(view, 'templateData')) {\n set(view, 'templateData', get(this, 'templateData'));\n }\n\n set(view, '_parentView', this);\n }\n\n return view;\n },\n\n becameVisible: Ember.K,\n becameHidden: Ember.K,\n\n /**\n @private\n\n When the view's `isVisible` property changes, toggle the visibility\n element of the actual DOM element.\n\n @method _isVisibleDidChange\n */\n _isVisibleDidChange: Ember.observer(function() {\n var $el = this.$();\n if (!$el) { return; }\n\n var isVisible = get(this, 'isVisible');\n\n $el.toggle(isVisible);\n\n if (this._isAncestorHidden()) { return; }\n\n if (isVisible) {\n this._notifyBecameVisible();\n } else {\n this._notifyBecameHidden();\n }\n }, 'isVisible'),\n\n _notifyBecameVisible: function() {\n this.trigger('becameVisible');\n\n this.forEachChildView(function(view) {\n var isVisible = get(view, 'isVisible');\n\n if (isVisible || isVisible === null) {\n view._notifyBecameVisible();\n }\n });\n },\n\n _notifyBecameHidden: function() {\n this.trigger('becameHidden');\n this.forEachChildView(function(view) {\n var isVisible = get(view, 'isVisible');\n\n if (isVisible || isVisible === null) {\n view._notifyBecameHidden();\n }\n });\n },\n\n _isAncestorHidden: function() {\n var parent = get(this, 'parentView');\n\n while (parent) {\n if (get(parent, 'isVisible') === false) { return true; }\n\n parent = get(parent, 'parentView');\n }\n\n return false;\n },\n\n clearBuffer: function() {\n this.invokeRecursively(function(view) {\n this.buffer = null;\n });\n },\n\n transitionTo: function(state, children) {\n this.state = state;\n\n if (children !== false) {\n this.forEachChildView(function(view) {\n view.transitionTo(state);\n });\n }\n },\n\n // .......................................................\n // EVENT HANDLING\n //\n\n /**\n @private\n\n Handle events from `Ember.EventDispatcher`\n\n @method handleEvent\n @param eventName {String}\n @param evt {Event}\n */\n handleEvent: function(eventName, evt) {\n return this.invokeForState('handleEvent', eventName, evt);\n }\n\n});\n\n/*\n Describe how the specified actions should behave in the various\n states that a view can exist in. Possible states:\n\n * preRender: when a view is first instantiated, and after its\n element was destroyed, it is in the preRender state\n * inBuffer: once a view has been rendered, but before it has\n been inserted into the DOM, it is in the inBuffer state\n * inDOM: once a view has been inserted into the DOM it is in\n the inDOM state. A view spends the vast majority of its\n existence in this state.\n * destroyed: once a view has been destroyed (using the destroy\n method), it is in this state. No further actions can be invoked\n on a destroyed view.\n*/\n\n // in the destroyed state, everything is illegal\n\n // before rendering has begun, all legal manipulations are noops.\n\n // inside the buffer, legal manipulations are done on the buffer\n\n // once the view has been inserted into the DOM, legal manipulations\n // are done on the DOM element.\n\nvar DOMManager = {\n prepend: function(view, html) {\n view.$().prepend(html);\n },\n\n after: function(view, html) {\n view.$().after(html);\n },\n\n html: function(view, html) {\n view.$().html(html);\n },\n\n replace: function(view) {\n var element = get(view, 'element');\n\n set(view, 'element', null);\n\n view._insertElementLater(function() {\n Ember.$(element).replaceWith(get(view, 'element'));\n });\n },\n\n remove: function(view) {\n view.$().remove();\n },\n\n empty: function(view) {\n view.$().empty();\n }\n};\n\nEmber.View.reopen({\n states: Ember.View.states,\n domManager: DOMManager\n});\n\nEmber.View.reopenClass({\n\n /**\n @private\n\n Parse a path and return an object which holds the parsed properties.\n\n For example a path like \"content.isEnabled:enabled:disabled\" wil return the\n following object:\n\n {\n path: \"content.isEnabled\",\n className: \"enabled\",\n falsyClassName: \"disabled\",\n classNames: \":enabled:disabled\"\n }\n\n @method _parsePropertyPath\n @static\n */\n _parsePropertyPath: function(path) {\n var split = path.split(':'),\n propertyPath = split[0],\n classNames = \"\",\n className,\n falsyClassName;\n\n // check if the property is defined as prop:class or prop:trueClass:falseClass\n if (split.length > 1) {\n className = split[1];\n if (split.length === 3) { falsyClassName = split[2]; }\n\n classNames = ':' + className;\n if (falsyClassName) { classNames += \":\" + falsyClassName; }\n }\n\n return {\n path: propertyPath,\n classNames: classNames,\n className: (className === '') ? undefined : className,\n falsyClassName: falsyClassName\n };\n },\n\n /**\n @private\n\n Get the class name for a given value, based on the path, optional className\n and optional falsyClassName.\n\n - if a className or falsyClassName has been specified:\n - if the value is truthy and className has been specified, className is returned\n - if the value is falsy and falsyClassName has been specified, falsyClassName is returned\n - otherwise null is returned\n - if the value is true, the dasherized last part of the supplied path is returned\n - if the value is not false, undefined or null, the value is returned\n - if none of the above rules apply, null is returned\n\n @method _classStringForValue\n @param path\n @param val\n @param className\n @param falsyClassName\n @static\n */\n _classStringForValue: function(path, val, className, falsyClassName) {\n // When using the colon syntax, evaluate the truthiness or falsiness\n // of the value to determine which className to return\n if (className || falsyClassName) {\n if (className && !!val) {\n return className;\n\n } else if (falsyClassName && !val) {\n return falsyClassName;\n\n } else {\n return null;\n }\n\n // If value is a Boolean and true, return the dasherized property\n // name.\n } else if (val === true) {\n // Normalize property path to be suitable for use\n // as a class name. For exaple, content.foo.barBaz\n // becomes bar-baz.\n var parts = path.split('.');\n return Ember.String.dasherize(parts[parts.length-1]);\n\n // If the value is not false, undefined, or null, return the current\n // value of the property.\n } else if (val !== false && val !== undefined && val !== null) {\n return val;\n\n // Nothing to display. Return null so that the old class is removed\n // but no new class is added.\n } else {\n return null;\n }\n }\n});\n\n/**\n Global views hash\n\n @property views\n @static\n @type Hash\n*/\nEmber.View.views = {};\n\n// If someone overrides the child views computed property when\n// defining their class, we want to be able to process the user's\n// supplied childViews and then restore the original computed property\n// at view initialization time. This happens in Ember.ContainerView's init\n// method.\nEmber.View.childViewsProperty = childViewsProperty;\n\nEmber.View.applyAttributeBindings = function(elem, name, value) {\n var type = Ember.typeOf(value);\n var currentValue = elem.attr(name);\n\n // if this changes, also change the logic in ember-handlebars/lib/helpers/binding.js\n if ((type === 'string' || (type === 'number' && !isNaN(value))) && value !== currentValue) {\n elem.attr(name, value);\n } else if (value && type === 'boolean') {\n elem.attr(name, name);\n } else if (!value) {\n elem.removeAttr(name);\n }\n};\n\n})();\n//@ sourceURL=ember-views/views/view");minispade.register('ember', "(function() {minispade.require('ember-metal');\nminispade.require('ember-views');\nminispade.require('ember-handlebars');\n\n/**\nEmber\n\n@module ember\n*/\n\n})();\n//@ sourceURL=ember");minispade.register('metamorph', "(function() {// ==========================================================================\n// Project: metamorph\n// Copyright: ©2011 My Company Inc. All rights reserved.\n// ==========================================================================\n\n(function(window) {\n\n var K = function(){},\n guid = 0,\n document = window.document,\n\n // Feature-detect the W3C range API, the extended check is for IE9 which only partially supports ranges\n supportsRange = ('createRange' in document) && (typeof Range !== 'undefined') && Range.prototype.createContextualFragment,\n\n // Internet Explorer prior to 9 does not allow setting innerHTML if the first element\n // is a \"zero-scope\" element. This problem can be worked around by making\n // the first node an invisible text node. We, like Modernizr, use ­\n needsShy = (function(){\n var testEl = document.createElement('div');\n testEl.innerHTML = \"
\";\n testEl.firstChild.innerHTML = \"\";\n return testEl.firstChild.innerHTML === '';\n })();\n\n // Constructor that supports either Metamorph('foo') or new\n // Metamorph('foo');\n //\n // Takes a string of HTML as the argument.\n\n var Metamorph = function(html) {\n var self;\n\n if (this instanceof Metamorph) {\n self = this;\n } else {\n self = new K();\n }\n\n self.innerHTML = html;\n var myGuid = 'metamorph-'+(guid++);\n self.start = myGuid + '-start';\n self.end = myGuid + '-end';\n\n return self;\n };\n\n K.prototype = Metamorph.prototype;\n\n var rangeFor, htmlFunc, removeFunc, outerHTMLFunc, appendToFunc, afterFunc, prependFunc, startTagFunc, endTagFunc;\n\n outerHTMLFunc = function() {\n return this.startTag() + this.innerHTML + this.endTag();\n };\n\n startTagFunc = function() {\n return \"\";\n };\n\n endTagFunc = function() {\n return \"\";\n };\n\n // If we have the W3C range API, this process is relatively straight forward.\n if (supportsRange) {\n\n // Get a range for the current morph. Optionally include the starting and\n // ending placeholders.\n rangeFor = function(morph, outerToo) {\n var range = document.createRange();\n var before = document.getElementById(morph.start);\n var after = document.getElementById(morph.end);\n\n if (outerToo) {\n range.setStartBefore(before);\n range.setEndAfter(after);\n } else {\n range.setStartAfter(before);\n range.setEndBefore(after);\n }\n\n return range;\n };\n\n htmlFunc = function(html, outerToo) {\n // get a range for the current metamorph object\n var range = rangeFor(this, outerToo);\n\n // delete the contents of the range, which will be the\n // nodes between the starting and ending placeholder.\n range.deleteContents();\n\n // create a new document fragment for the HTML\n var fragment = range.createContextualFragment(html);\n\n // insert the fragment into the range\n range.insertNode(fragment);\n };\n\n removeFunc = function() {\n // get a range for the current metamorph object including\n // the starting and ending placeholders.\n var range = rangeFor(this, true);\n\n // delete the entire range.\n range.deleteContents();\n };\n\n appendToFunc = function(node) {\n var range = document.createRange();\n range.setStart(node);\n range.collapse(false);\n var frag = range.createContextualFragment(this.outerHTML());\n node.appendChild(frag);\n };\n\n afterFunc = function(html) {\n var range = document.createRange();\n var after = document.getElementById(this.end);\n\n range.setStartAfter(after);\n range.setEndAfter(after);\n\n var fragment = range.createContextualFragment(html);\n range.insertNode(fragment);\n };\n\n prependFunc = function(html) {\n var range = document.createRange();\n var start = document.getElementById(this.start);\n\n range.setStartAfter(start);\n range.setEndAfter(start);\n\n var fragment = range.createContextualFragment(html);\n range.insertNode(fragment);\n };\n\n } else {\n /**\n * This code is mostly taken from jQuery, with one exception. In jQuery's case, we\n * have some HTML and we need to figure out how to convert it into some nodes.\n *\n * In this case, jQuery needs to scan the HTML looking for an opening tag and use\n * that as the key for the wrap map. In our case, we know the parent node, and\n * can use its type as the key for the wrap map.\n **/\n var wrapMap = {\n select: [ 1, \"\" ],\n fieldset: [ 1, \"
\", \"
\" ],\n table: [ 1, \"\", \"
\" ],\n tbody: [ 2, \"\", \"
\" ],\n tr: [ 3, \"\", \"
\" ],\n colgroup: [ 2, \"\", \"
\" ],\n map: [ 1, \"\", \"\" ],\n _default: [ 0, \"\", \"\" ]\n };\n\n /**\n * Given a parent node and some HTML, generate a set of nodes. Return the first\n * node, which will allow us to traverse the rest using nextSibling.\n *\n * We need to do this because innerHTML in IE does not really parse the nodes.\n **/\n var firstNodeFor = function(parentNode, html) {\n var arr = wrapMap[parentNode.tagName.toLowerCase()] || wrapMap._default;\n var depth = arr[0], start = arr[1], end = arr[2];\n\n if (needsShy) { html = '­'+html; }\n\n var element = document.createElement('div');\n element.innerHTML = start + html + end;\n\n for (var i=0; i<=depth; i++) {\n element = element.firstChild;\n }\n\n // Look for ­ to remove it.\n if (needsShy) {\n var shyElement = element;\n\n // Sometimes we get nameless elements with the shy inside\n while (shyElement.nodeType === 1 && !shyElement.nodeName) {\n shyElement = shyElement.firstChild;\n }\n\n // At this point it's the actual unicode character.\n if (shyElement.nodeType === 3 && shyElement.nodeValue.charAt(0) === \"\\u00AD\") {\n shyElement.nodeValue = shyElement.nodeValue.slice(1);\n }\n }\n\n return element;\n };\n\n /**\n * In some cases, Internet Explorer can create an anonymous node in\n * the hierarchy with no tagName. You can create this scenario via:\n *\n * div = document.createElement(\"div\");\n * div.innerHTML = \"­
hi
\";\n * div.firstChild.firstChild.tagName //=> \"\"\n *\n * If our script markers are inside such a node, we need to find that\n * node and use *it* as the marker.\n **/\n var realNode = function(start) {\n while (start.parentNode.tagName === \"\") {\n start = start.parentNode;\n }\n\n return start;\n };\n\n /**\n * When automatically adding a tbody, Internet Explorer inserts the\n * tbody immediately before the first . Other browsers create it\n * before the first node, no matter what.\n *\n * This means the the following code:\n *\n * div = document.createElement(\"div\");\n * div.innerHTML = \"
hi
\n *\n * Generates the following DOM in IE:\n *\n * + div\n * + table\n * - script id='first'\n * + tbody\n * + tr\n * + td\n * - \"hi\"\n * - script id='last'\n *\n * Which means that the two script tags, even though they were\n * inserted at the same point in the hierarchy in the original\n * HTML, now have different parents.\n *\n * This code reparents the first script tag by making it the tbody's\n * first child.\n **/\n var fixParentage = function(start, end) {\n if (start.parentNode !== end.parentNode) {\n end.parentNode.insertBefore(start, end.parentNode.firstChild);\n }\n };\n\n htmlFunc = function(html, outerToo) {\n // get the real starting node. see realNode for details.\n var start = realNode(document.getElementById(this.start));\n var end = document.getElementById(this.end);\n var parentNode = end.parentNode;\n var node, nextSibling, last;\n\n // make sure that the start and end nodes share the same\n // parent. If not, fix it.\n fixParentage(start, end);\n\n // remove all of the nodes after the starting placeholder and\n // before the ending placeholder.\n node = start.nextSibling;\n while (node) {\n nextSibling = node.nextSibling;\n last = node === end;\n\n // if this is the last node, and we want to remove it as well,\n // set the `end` node to the next sibling. This is because\n // for the rest of the function, we insert the new nodes\n // before the end (note that insertBefore(node, null) is\n // the same as appendChild(node)).\n //\n // if we do not want to remove it, just break.\n if (last) {\n if (outerToo) { end = node.nextSibling; } else { break; }\n }\n\n node.parentNode.removeChild(node);\n\n // if this is the last node and we didn't break before\n // (because we wanted to remove the outer nodes), break\n // now.\n if (last) { break; }\n\n node = nextSibling;\n }\n\n // get the first node for the HTML string, even in cases like\n // tables and lists where a simple innerHTML on a div would\n // swallow some of the content.\n node = firstNodeFor(start.parentNode, html);\n\n // copy the nodes for the HTML between the starting and ending\n // placeholder.\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, end);\n node = nextSibling;\n }\n };\n\n // remove the nodes in the DOM representing this metamorph.\n //\n // this includes the starting and ending placeholders.\n removeFunc = function() {\n var start = realNode(document.getElementById(this.start));\n var end = document.getElementById(this.end);\n\n this.html('');\n start.parentNode.removeChild(start);\n end.parentNode.removeChild(end);\n };\n\n appendToFunc = function(parentNode) {\n var node = firstNodeFor(parentNode, this.outerHTML());\n\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.appendChild(node);\n node = nextSibling;\n }\n };\n\n afterFunc = function(html) {\n // get the real starting node. see realNode for details.\n var end = document.getElementById(this.end);\n var insertBefore = end.nextSibling;\n var parentNode = end.parentNode;\n var nextSibling;\n var node;\n\n // get the first node for the HTML string, even in cases like\n // tables and lists where a simple innerHTML on a div would\n // swallow some of the content.\n node = firstNodeFor(parentNode, html);\n\n // copy the nodes for the HTML between the starting and ending\n // placeholder.\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, insertBefore);\n node = nextSibling;\n }\n };\n\n prependFunc = function(html) {\n var start = document.getElementById(this.start);\n var parentNode = start.parentNode;\n var nextSibling;\n var node;\n\n node = firstNodeFor(parentNode, html);\n var insertBefore = start.nextSibling;\n\n while (node) {\n nextSibling = node.nextSibling;\n parentNode.insertBefore(node, insertBefore);\n node = nextSibling;\n }\n }\n }\n\n Metamorph.prototype.html = function(html) {\n this.checkRemoved();\n if (html === undefined) { return this.innerHTML; }\n\n htmlFunc.call(this, html);\n\n this.innerHTML = html;\n };\n\n Metamorph.prototype.replaceWith = function(html) {\n this.checkRemoved();\n htmlFunc.call(this, html, true);\n };\n\n Metamorph.prototype.remove = removeFunc;\n Metamorph.prototype.outerHTML = outerHTMLFunc;\n Metamorph.prototype.appendTo = appendToFunc;\n Metamorph.prototype.after = afterFunc;\n Metamorph.prototype.prepend = prependFunc;\n Metamorph.prototype.startTag = startTagFunc;\n Metamorph.prototype.endTag = endTagFunc;\n\n Metamorph.prototype.isRemoved = function() {\n var before = document.getElementById(this.start);\n var after = document.getElementById(this.end);\n\n return !before || !after;\n };\n\n Metamorph.prototype.checkRemoved = function() {\n if (this.isRemoved()) {\n throw new Error(\"Cannot perform operations on a Metamorph that is not in the DOM.\");\n }\n };\n\n window.Metamorph = Metamorph;\n})(this);\n\n\n})();\n//@ sourceURL=metamorph");minispade.register('rsvp', "(function() {(function(exports) { \"use strict\";\n\nvar browserGlobal = (typeof window !== 'undefined') ? window : {};\n\nvar MutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;\nvar async;\n\nif (typeof process !== 'undefined') {\n async = function(callback, binding) {\n process.nextTick(function() {\n callback.call(binding);\n });\n };\n} else if (MutationObserver) {\n var queue = [];\n\n var observer = new MutationObserver(function() {\n var toProcess = queue.slice();\n queue = [];\n\n toProcess.forEach(function(tuple) {\n var callback = tuple[0], binding = tuple[1];\n callback.call(binding);\n });\n });\n\n var element = document.createElement('div');\n observer.observe(element, { attributes: true });\n\n async = function(callback, binding) {\n queue.push([callback, binding]);\n element.setAttribute('drainQueue', 'drainQueue');\n };\n} else {\n async = function(callback, binding) {\n setTimeout(function() {\n callback.call(binding);\n }, 1);\n };\n}\n\nexports.async = async;\n\nvar Event = exports.Event = function(type, options) {\n this.type = type;\n\n for (var option in options) {\n if (!options.hasOwnProperty(option)) { continue; }\n\n this[option] = options[option];\n }\n};\n\nvar indexOf = function(callbacks, callback) {\n for (var i=0, l=callbacks.length; i