spontaneous 0.2.0.beta5 → 0.2.0.beta6

data/application/js/types.js

@@ -2,8 +2,8 @@
 
 Spontaneous.Types = (function($, S) {
 	var ajax = S.Ajax
-	, user = S.User
-	, type_map = {};
+, user = S.User
+, type_map = {};
 
 	var BoxPrototype = new JS.Class({
 		initialize: function(type_data) {
@@ -47,12 +47,15 @@ Spontaneous.Types = (function($, S) {
 				this.field_names.push(f.name);
 				this.field_prototypes[f.name] = f;
 			}
-			for (var i = 0, ii = boxes.length; i < ii; i++) {
+			for (i = 0, ii = boxes.length; i < ii; i++) {
 				var b = boxes[i];
 				this.box_ids.push(b.id);
 				this.box_prototypes[b.id] = new BoxPrototype(b);
 			}
 		},
+		isWritable: function() {
+			return this.data.writable;
+		},
 		box_prototype: function(box_id) {
 			return this.box_prototypes[box_id];
 		},
@@ -63,12 +66,12 @@ Spontaneous.Types = (function($, S) {
 			return this.data.is_alias;
 		},
 		edit_url: function() {
-			return S.editor_protocol + "://open?url=file://"+this.data.source;
+			return S.editor_protocol + '://open?url=file://'+this.data.source;
 		},
 		display_title: function(content) {
 			var t = this.title;
 			if (user.is_developer()) {
-				t += "/" + content.id();
+				t += '/' + content.id();
 			}
 			return t;
 		}
@@ -77,7 +80,7 @@ Spontaneous.Types = (function($, S) {
 		include: Spontaneous.Properties,
 		loaded: function(typeData) {
 			var types = {};
-			for (id in typeData) {
+			for (var id in typeData) {
 				if (typeData.hasOwnProperty(id)) {
 					types[id] = new Type(typeData[id]);
 				}

data/application/js/upload.js

@@ -34,14 +34,14 @@ Spontaneous.Upload = (function($, S) {
 			if (this.target_version) {
 				form.append('version', this.target_version);
 			}
-			this.put("/file/"+this.target_id, form);
+			this.put('/file/'+this.target_id, form);
 		},
 
 		post: function(url, form_data) {
-			this.request("POST", url, form_data)
+			this.request('POST', url, form_data);
 		},
 		put: function(url, form_data) {
-			this.request("PUT", url, form_data)
+			this.request('PUT', url, form_data);
 		},
 		request: function(verb, url, form_data) {
 			this.xhr = S.Ajax.authenticatedRequest();
@@ -78,7 +78,7 @@ Spontaneous.Upload = (function($, S) {
 			if (xhr.readyState == 4) {
 				if (xhr.status === 200) {
 					if (!this.complete) {
-						console.log(xhr)
+						console.log(xhr);
 						var result = JSON.parse(xhr.responseText);
 						this.manager.upload_complete(this, result);
 						this.complete = true;

data/application/js/upload_manager.js

@@ -8,21 +8,21 @@ Spontaneous.UploadManager = (function($, S) {
 		start: function() {
 			var form = new FormData();
 			form.append('file', this.file);
-			this.post(["/file", this.target_id].join('/'), form);
+			this.post(['/file', this.target_id].join('/'), form);
 		}
 	});
 	var ShardedWrapUpload = new JS.Class(S.ShardedUpload, {
 		path: function() {
-			return ["/shard", this.target_id].join('/');
+			return ['/shard', this.target_id].join('/');
 		},
-		method: "POST"
+		method: 'POST'
 	});
 	var FormUpload = new JS.Class(Upload, {
 		initialize: function(manager, target, form_data, size) {
-			this.callSuper(manager, target, form_data)
+			this.callSuper(manager, target, form_data);
 			this.form_data = this.file;
 			this._total = size;
-			this.name = "Saving...";
+			this.name = 'Saving...';
 		},
 		start: function() {
 			this.put(this.target.save_path(), this.form_data);
@@ -54,10 +54,10 @@ Spontaneous.UploadManager = (function($, S) {
 		replace: function(field, file) {
 			var uploader_class = Upload;
 			if (S.ShardedUpload.supported()) {
-				console.log('Using sharded uploader')
+				console.log('Using sharded uploader');
 				uploader_class = S.ShardedUpload;
 			}
-			this.add(field, new uploader_class(this, field, file))
+			this.add(field, new uploader_class(this, field, file));
 			if (!this.current) {
 				this.next();
 			}
@@ -67,11 +67,11 @@ Spontaneous.UploadManager = (function($, S) {
 			for (var i = 0, ii = files.length; i < ii; i++) {
 				var file = files[i], upload, upload_class = WrapUpload;
 				if (S.ShardedUpload.supported()) {
-					console.log('Using sharded uploader')
+					console.log('Using sharded uploader');
 					upload_class = ShardedWrapUpload;
 				}
 				upload = new upload_class(this, slot, file, position);
-				this.add(slot, upload)
+				this.add(slot, upload);
 			}
 			if (!this.current) {
 				this.next();
@@ -79,7 +79,7 @@ Spontaneous.UploadManager = (function($, S) {
 		},
 		form: function(content, form_data, file_size) {
 			var upload = new FormUpload(this, content, form_data, file_size);
-			this.add(content, upload)
+			this.add(content, upload);
 			if (!this.current) {
 				this.next();
 			}
@@ -92,12 +92,12 @@ Spontaneous.UploadManager = (function($, S) {
 					this.finished();
 				} else {
 					var upload = this.failed.pop(), delay = Math.pow(2, upload.failure_count);
-					console.log("UploadManager.next", "scheduling re-try of failed upload after", delay, "seconds");
+					console.log('UploadManager.next', 'scheduling re-try of failed upload after', delay, 'seconds');
 					this.pending.push(upload);
 					window.setTimeout(function() {
-						console.log("UploadManager.next", "re-trying failed upload");
+						console.log('UploadManager.next', 're-trying failed upload');
 						this.next();
-					}.bind(this),  delay * 1000);
+					}.bind(this), delay * 1000);
 				}
 				return;
 			}
@@ -137,7 +137,7 @@ Spontaneous.UploadManager = (function($, S) {
 			for (var i = 0, ii = this.completed.length; i < ii; i++) {
 				total += this.completed[i].total();
 			}
-			for (var i = 0, ii = this.pending.length; i < ii; i++) {
+			for (i = 0, ii = this.pending.length; i < ii; i++) {
 				total += this.pending[i].total();
 			}
 			if (this.current) {
@@ -182,11 +182,11 @@ Spontaneous.UploadManager = (function($, S) {
 		},
 		set_bar_length: function(bar_name, position, total) {
 			var bar = this.bars[bar_name], percent = (position/total) * 100;
-			bar.css('width', percent+"%");
+			bar.css('width', percent+'%');
 		},
 		upload_progress: function(upload) {
 			if (upload !== this.current) {
-				console.warn("UploadManager#upload_progress", "completed upload does not match current")
+				console.warn('UploadManager#upload_progress', 'completed upload does not match current');
 			}
 			var target = this.targets[upload.uid];
 			if (target) {
@@ -196,7 +196,7 @@ Spontaneous.UploadManager = (function($, S) {
 		},
 		upload_complete: function(upload, result) {
 			if (upload !== this.current) {
-				console.warn("UploadManager#upload_complete", "completed upload does not match current")
+				console.warn('UploadManager#upload_complete', 'completed upload does not match current');
 			}
 			this.completed.push(this.current);
 			this.total_time += this.current.time;
@@ -210,7 +210,7 @@ Spontaneous.UploadManager = (function($, S) {
 		},
 		upload_failed: function(upload, event) {
 			if (upload !== this.current) {
-				console.warn("UploadManager#upload_complete", "completed upload does not match current")
+				console.warn('UploadManager#upload_complete', 'completed upload does not match current');
 			}
 			this.failed.push(this.current);
 			var target = this.targets[upload.uid];
@@ -218,19 +218,19 @@ Spontaneous.UploadManager = (function($, S) {
 				target.upload_failed(event);
 			}
 			this.current = null;
-			console.error("UploadManager#upload_failed", upload, this.failed)
+			console.error('UploadManager#upload_failed', upload, this.failed);
 			this.next();
 		},
 		upload_conflict: function(upload, event) {
 			if (upload !== this.current) {
-				console.warn("UploadManager#upload_complete", "completed upload does not match current")
+				console.warn('UploadManager#upload_complete', 'completed upload does not match current');
 			}
 			var target = this.targets[upload.uid];
 			if (target) {
 				target.upload_conflict($.parseJSON(event.currentTarget.response));
 			}
 			this.current = null;
-			console.error("UploadManager#upload_conflict", upload, event)
+			console.error('UploadManager#upload_conflict', upload, event);
 			this.next();
 		},
 		FormUpload: FormUpload,

data/application/js/user.js

@@ -35,7 +35,7 @@ Spontaneous.User = (function($, S) {
 			this.set('user', this.user);
 		},
 		logout: function() {
-			ajax.del("/logout", {}, function() {
+			ajax.del('/logout', {}, function() {
 				// S.Ajax.unauthorized();
 			});
 		},

data/application/js/vendor/jquery.velocity.min.js

@@ -0,0 +1,7 @@
+/*!
+* Velocity.js: Accelerated JavaScript animation.
+* @version 0.0.22
+* @docs http://velocityjs.org
+* @license Copyright 2014 Julian Shapiro. MIT License: http://en.wikipedia.org/wiki/MIT_License
+*/
+!function(a,b,c,d){function e(a){for(var b=-1,c=a?a.length:0,d=[];++b<c;){var e=a[b];e&&d.push(e)}return d}function f(a){return"[object Function]"===Object.prototype.toString.call(a)}function g(a){var b=Object.prototype.toString.call(a);return"object"==typeof a&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(b)&&a.length!==d&&(0===a.length||"object"==typeof a[0]&&a[0].nodeType>0)}function h(a){return a&&(a.jquery||b.Zepto&&b.Zepto.zepto.isZ(a))}function i(a,b){var c=a;return q(a)?t.Easings[a]||(c=!1):c=r(a)&&2===a.length?v.apply(null,a.concat([b])):r(a)&&4===a.length?u.apply(null,a):!1,c===!1&&(c=t.Easings[t.defaults.easing]?t.defaults.easing:n),c}function j(a){if(a)for(var b=(new Date).getTime(),c=0,e=t.State.calls.length;e>c;c++)if(t.State.calls[c]){var f=t.State.calls[c],g=f[0],h=f[2],i=f[3];i||(i=t.State.calls[c][3]=b-16);for(var m=Math.min((b-i)/h.duration,1),n=0,o=g.length;o>n;n++){var r=g[n],u=r.element;if(s.data(u,l)){var v=!1;h.display&&"none"!==h.display&&w.setPropertyValue(u,"display",h.display);for(var x in r)if("element"!==x){var y,z=r[x],A=q(z.easing)?t.Easings[z.easing]:z.easing;if(y=1===m?z.endValue:z.startValue+(z.endValue-z.startValue)*A(m),z.currentValue=y,w.Hooks.registered[x]){var B=w.Hooks.getRoot(x),C=s.data(u,l).rootPropertyValueCache[B];C&&(z.rootPropertyValue=C)}var D=w.setPropertyValue(u,x,z.currentValue+(0===parseFloat(y)?"":z.unitType),z.rootPropertyValue,z.scrollData);w.Hooks.registered[x]&&(s.data(u,l).rootPropertyValueCache[B]=w.Normalizations.registered[B]?w.Normalizations.registered[B]("extract",null,D[1]):D[1]),"transform"===D[0]&&(v=!0)}h.mobileHA&&s.data(u,l).transformCache.translate3d===d&&(s.data(u,l).transformCache.translate3d="(0px, 0px, 0px)",v=!0),v&&w.flushTransformCache(u)}}h.display&&"none"!==h.display&&(t.State.calls[c][2].display=!1),h.progress&&h.progress.call(f[1],f[1],m,Math.max(0,i+h.duration-b),i),1===m&&k(c)}t.State.isTicking&&p(j)}function k(a){for(var b=t.State.calls[a][0],c=t.State.calls[a][1],e=t.State.calls[a][2],f=!1,g=0,h=b.length;h>g;g++){var i=b[g].element;if("none"!==e.display||e.loop||w.setPropertyValue(i,"display",e.display),(s.queue(i)[1]===d||!/\.velocityQueueEntryFlag/i.test(s.queue(i)[1]))&&s.data(i,l)){s.data(i,l).isAnimating=!1,s.data(i,l).rootPropertyValueCache={};var j,k=["transformPerspective","translateZ","rotateX","rotateY"],m=!1;for(var n in k)j=k[n],/^\(0[^.]/.test(s.data(i,l).transformCache[j])&&(m=!0,delete s.data(i,l).transformCache[j]);e.mobileHA&&(m=!0,delete s.data(i,l).transformCache.translate3d),m&&w.flushTransformCache(i)}e.complete&&!e.loop&&g===h-1&&e.complete.call(c,c),e.queue!==!1&&s.dequeue(i,e.queue)}t.State.calls[a]=!1;for(var o=0,p=t.State.calls.length;p>o;o++)if(t.State.calls[o]!==!1){f=!0;break}f===!1&&(t.State.isTicking=!1,delete t.State.calls,t.State.calls=[])}var l="velocity",m=400,n="swing",o=function(){if(c.documentMode)return c.documentMode;for(var a=7;a>4;a--){var b=c.createElement("div");if(b.innerHTML="<!--[if IE "+a+"]><span></span><![endif]-->",b.getElementsByTagName("span").length)return b=null,a}return d}(),p=b.requestAnimationFrame||function(){var a=0;return b.webkitRequestAnimationFrame||b.mozRequestAnimationFrame||function(b){var c,d=(new Date).getTime();return c=Math.max(0,16-(d-a)),a=d+c,setTimeout(function(){b(d+c)},c)}}(),q=function(a){return"string"==typeof a},r=Array.isArray||function(a){return"[object Array]"===Object.prototype.toString.call(a)},s=b.jQuery||a.Velocity&&a.Velocity.Utilities;if(!s)throw new Error("Velocity: Either jQuery or Velocity's jQuery shim must first be loaded.");if(a.Velocity!==d&&!a.Velocity.Utilities)throw new Error("Velocity: Namespace is occupied.");if(7>=o){if(b.jQuery)return void(b.jQuery.fn.velocity=b.jQuery.fn.animate);throw new Error("Velocity: For IE<=7, Velocity falls back to jQuery, which must first be loaded.")}if(8===o&&!b.jQuery)throw new Error("Velocity: For IE8, Velocity requires jQuery to be loaded. (Velocity's jQuery shim does not work with IE8.)");var t=a.Velocity=a.velocity={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),prefixElement:c.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[]},CSS:{},Utilities:b.jQuery?{}:s,Sequences:{},Easings:{},defaults:{queue:"",duration:m,easing:n,begin:null,complete:null,progress:null,display:null,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0},animate:function(){},debug:!1};b.pageYOffset!==d?(t.State.scrollAnchor=b,t.State.scrollPropertyLeft="pageXOffset",t.State.scrollPropertyTop="pageYOffset"):(t.State.scrollAnchor=c.documentElement||c.body.parentNode||c.body,t.State.scrollPropertyLeft="scrollLeft",t.State.scrollPropertyTop="scrollTop");var u=function(){function a(a,b){return 1-3*b+3*a}function b(a,b){return 3*b-6*a}function c(a){return 3*a}function d(d,e,f){return((a(e,f)*d+b(e,f))*d+c(e))*d}function e(d,e,f){return 3*a(e,f)*d*d+2*b(e,f)*d+c(e)}return function(a,b,c,f){function g(b){for(var f=b,g=0;8>g;++g){var h=e(f,a,c);if(0===h)return f;var i=d(f,a,c)-b;f-=i/h}return f}if(4!==arguments.length)return!1;for(var h=0;4>h;++h)if("number"!=typeof arguments[h]||isNaN(arguments[h])||!isFinite(arguments[h]))return!1;return a=Math.min(a,1),c=Math.min(c,1),a=Math.max(a,0),c=Math.max(c,0),function(e){return a===b&&c===f?e:d(g(e),b,f)}}}(),v=function(){function a(a){return-a.tension*a.x-a.friction*a.v}function b(b,c,d){var e={x:b.x+d.dx*c,v:b.v+d.dv*c,tension:b.tension,friction:b.friction};return{dx:e.v,dv:a(e)}}function c(c,d){var e={dx:c.v,dv:a(c)},f=b(c,.5*d,e),g=b(c,.5*d,f),h=b(c,d,g),i=1/6*(e.dx+2*(f.dx+g.dx)+h.dx),j=1/6*(e.dv+2*(f.dv+g.dv)+h.dv);return c.x=c.x+i*d,c.v=c.v+j*d,c}return function d(a,b,e){var f,g,h,i={x:-1,v:0,tension:null,friction:null},j=[0],k=0,l=1e-4,m=.016;for(a=parseFloat(a)||600,b=parseFloat(b)||20,e=e||null,i.tension=a,i.friction=b,f=null!==e,f?(k=d(a,b),g=k/e*m):g=m;;)if(h=c(h||i,g),j.push(1+h.x),k+=16,!(Math.abs(h.x)>l&&Math.abs(h.v)>l))break;return f?function(a){return j[a*(j.length-1)|0]}:k}}();!function(){t.Easings.linear=function(a){return a},t.Easings.swing=function(a){return.5-Math.cos(a*Math.PI)/2},t.Easings.ease=u(.25,.1,.25,1),t.Easings["ease-in"]=u(.42,0,1,1),t.Easings["ease-out"]=u(0,0,.58,1),t.Easings["ease-in-out"]=u(.42,0,.58,1);var a={};s.each(["Quad","Cubic","Quart","Quint","Expo"],function(b,c){a[c]=function(a){return Math.pow(a,b+2)}}),s.extend(a,{Sine:function(a){return 1-Math.cos(a*Math.PI/2)},Circ:function(a){return 1-Math.sqrt(1-a*a)},Elastic:function(a){return 0===a||1===a?a:-Math.pow(2,8*(a-1))*Math.sin((80*(a-1)-7.5)*Math.PI/15)},Back:function(a){return a*a*(3*a-2)},Bounce:function(a){for(var b,c=4;a<((b=Math.pow(2,--c))-1)/11;);return 1/Math.pow(4,3-c)-7.5625*Math.pow((3*b-2)/22-a,2)}}),s.each(a,function(a,b){t.Easings["easeIn"+a]=b,t.Easings["easeOut"+a]=function(a){return 1-b(1-a)},t.Easings["easeInOut"+a]=function(a){return.5>a?b(2*a)/2:1-b(-2*a+2)/2}}),t.Easings.spring=function(a){return 1-Math.cos(4.5*a*Math.PI)*Math.exp(6*-a)}}();var w=t.CSS={RegEx:{valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Hooks:{templates:{color:["Red Green Blue Alpha","255 255 255 1"],backgroundColor:["Red Green Blue Alpha","255 255 255 1"],borderColor:["Red Green Blue Alpha","255 255 255 1"],borderTopColor:["Red Green Blue Alpha","255 255 255 1"],borderRightColor:["Red Green Blue Alpha","255 255 255 1"],borderBottomColor:["Red Green Blue Alpha","255 255 255 1"],borderLeftColor:["Red Green Blue Alpha","255 255 255 1"],outlineColor:["Red Green Blue Alpha","255 255 255 1"],textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0%"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){var a,b,c;if(o)for(a in w.Hooks.templates){b=w.Hooks.templates[a],c=b[0].split(" ");var d=b[1].match(w.RegEx.valueSplit);"Color"===c[0]&&(c.push(c.shift()),d.push(d.shift()),w.Hooks.templates[a]=[c.join(" "),d.join(" ")])}for(a in w.Hooks.templates){b=w.Hooks.templates[a],c=b[0].split(" ");for(var e in c){var f=a+c[e],g=e;w.Hooks.registered[f]=[a,g]}}},getRoot:function(a){var b=w.Hooks.registered[a];return b?b[0]:a},cleanRootPropertyValue:function(a,b){return w.RegEx.valueUnwrap.test(b)&&(b=b.match(w.Hooks.RegEx.valueUnwrap)[1]),w.Values.isCSSNullValue(b)&&(b=w.Hooks.templates[a][1]),b},extractValue:function(a,b){var c=w.Hooks.registered[a];if(c){var d=c[0],e=c[1];return b=w.Hooks.cleanRootPropertyValue(d,b),b.toString().match(w.RegEx.valueSplit)[e]}return b},injectValue:function(a,b,c){var d=w.Hooks.registered[a];if(d){var e,f,g=d[0],h=d[1];return c=w.Hooks.cleanRootPropertyValue(g,c),e=c.toString().match(w.RegEx.valueSplit),e[h]=b,f=e.join(" ")}return c}},Normalizations:{registered:{clip:function(a,b,c){switch(a){case"name":return"clip";case"extract":var d;return w.RegEx.wrappedValueAlreadyExtracted.test(c)?d=c:(d=c.toString().match(w.RegEx.valueUnwrap),d=d?d[1].replace(/,(\s+)?/g," "):c),d;case"inject":return"rect("+c+")"}},opacity:function(a,b,c){if(8>=o)switch(a){case"name":return"filter";case"extract":var d=c.toString().match(/alpha\(opacity=(.*)\)/i);return c=d?d[1]/100:1;case"inject":return b.style.zoom=1,parseFloat(c)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(c),10)+")"}else switch(a){case"name":return"opacity";case"extract":return c;case"inject":return c}}},register:function(){function a(a){var b,c=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,d=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;return a=a.replace(c,function(a,b,c,d){return b+b+c+c+d+d}),b=d.exec(a),b?"rgb("+(parseInt(b[1],16)+" "+parseInt(b[2],16)+" "+parseInt(b[3],16))+")":"rgb(0 0 0)"}var b=["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"];9>=o||t.State.isGingerbread||(b=b.concat(["transformPerspective","translateZ","scaleZ","rotateX","rotateY"]));for(var c=0,e=b.length;e>c;c++)!function(){var a=b[c];w.Normalizations.registered[a]=function(b,c,e){switch(b){case"name":return"transform";case"extract":return s.data(c,l).transformCache[a]===d?/^scale/i.test(a)?1:0:s.data(c,l).transformCache[a].replace(/[()]/g,"");case"inject":var f=!1;switch(a.substr(0,a.length-1)){case"translate":f=!/(%|px|em|rem|\d)$/i.test(e);break;case"scal":case"scale":t.State.isAndroid&&s.data(c,l).transformCache[a]===d&&(e=1),f=!/(\d)$/i.test(e);break;case"skew":f=!/(deg|\d)$/i.test(e);break;case"rotate":f=!/(deg|\d)$/i.test(e)}return f||(s.data(c,l).transformCache[a]="("+e+")"),s.data(c,l).transformCache[a]}}}();for(var f=["color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],c=0,g=f.length;g>c;c++)!function(){var b=f[c];w.Normalizations.registered[b]=function(c,e,f){switch(c){case"name":return b;case"extract":var g;if(w.RegEx.wrappedValueAlreadyExtracted.test(f))g=f;else{var h,i={aqua:"rgb(0, 255, 255);",black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",fuchsia:"rgb(255, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",lime:"rgb(0, 255, 0)",maroon:"rgb(128, 0, 0)",navy:"rgb(0, 0, 128)",olive:"rgb(128, 128, 0)",purple:"rgb(128, 0, 128)",red:"rgb(255, 0, 0)",silver:"rgb(192, 192, 192)",teal:"rgb(0, 128, 128)",white:"rgb(255, 255, 255)",yellow:"rgb(255, 255, 0)"};/^[A-z]+$/i.test(f)?h=i[f]!==d?i[f]:i.black:/^#([A-f\d]{3}){1,2}$/i.test(f)?h=a(f):/^rgba?\(/i.test(f)||(h=i.black),g=(h||f).toString().match(w.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return 8>=o||3!==g.split(" ").length||(g+=" 1"),g;case"inject":return 8>=o?4===f.split(" ").length&&(f=f.split(/\s+/).slice(0,3).join(" ")):3===f.split(" ").length&&(f+=" 1"),(8>=o?"rgb":"rgba")+"("+f.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")"}}}()}},Names:{camelCase:function(a){return a.replace(/-(\w)/g,function(a,b){return b.toUpperCase()})},prefixCheck:function(a){if(t.State.prefixMatches[a])return[t.State.prefixMatches[a],!0];for(var b=["","Webkit","Moz","ms","O"],c=0,d=b.length;d>c;c++){var e;if(e=0===c?a:b[c]+a.replace(/^\w/,function(a){return a.toUpperCase()}),q(t.State.prefixElement.style[e]))return t.State.prefixMatches[a]=e,[e,!0]}return[a,!1]}},Values:{isCSSNullValue:function(a){return 0==a||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(a)},getUnitType:function(a){return/^(rotate|skew)/i.test(a)?"deg":/(^(scale|scaleX|scaleY|scaleZ|opacity|alpha|fillOpacity|flexGrow|flexHeight|zIndex|fontWeight)$)|color/i.test(a)?"":"px"},getDisplayType:function(a){var b=a.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(b)?"inline":/^(li)$/i.test(b)?"list-item":/^(tr)$/i.test(b)?"table-row":"block"}},getPropertyValue:function(a,c,e,f){function g(a,c){var e=0;if(8>=o)e=s.css(a,c);else{if(!f){if("height"===c&&"border-box"!==w.getPropertyValue(a,"boxSizing").toString().toLowerCase())return a.offsetHeight-(parseFloat(w.getPropertyValue(a,"borderTopWidth"))||0)-(parseFloat(w.getPropertyValue(a,"borderBottomWidth"))||0)-(parseFloat(w.getPropertyValue(a,"paddingTop"))||0)-(parseFloat(w.getPropertyValue(a,"paddingBottom"))||0);if("width"===c&&"border-box"!==w.getPropertyValue(a,"boxSizing").toString().toLowerCase())return a.offsetWidth-(parseFloat(w.getPropertyValue(a,"borderLeftWidth"))||0)-(parseFloat(w.getPropertyValue(a,"borderRightWidth"))||0)-(parseFloat(w.getPropertyValue(a,"paddingLeft"))||0)-(parseFloat(w.getPropertyValue(a,"paddingRight"))||0)}var h;h=s.data(a,l)===d?b.getComputedStyle(a,null):s.data(a,l).computedStyle?s.data(a,l).computedStyle:s.data(a,l).computedStyle=b.getComputedStyle(a,null),o&&"borderColor"===c&&(c="borderTopColor"),e=9===o&&"filter"===c?h.getPropertyValue(c):h[c],(""===e||null===e)&&(e=a.style[c])}if("auto"===e&&/^(top|right|bottom|left)$/i.test(c)){var i=g(a,"position");("fixed"===i||"absolute"===i&&/top|left/i.test(c))&&(e=s(a).position()[c]+"px")}return e}var h;if(w.Hooks.registered[c]){var i=c,j=w.Hooks.getRoot(i);e===d&&(e=w.getPropertyValue(a,w.Names.prefixCheck(j)[0])),w.Normalizations.registered[j]&&(e=w.Normalizations.registered[j]("extract",a,e)),h=w.Hooks.extractValue(i,e)}else if(w.Normalizations.registered[c]){var k,m;k=w.Normalizations.registered[c]("name",a),"transform"!==k&&(m=g(a,w.Names.prefixCheck(k)[0]),w.Values.isCSSNullValue(m)&&w.Hooks.templates[c]&&(m=w.Hooks.templates[c][1])),h=w.Normalizations.registered[c]("extract",a,m)}return/^[\d-]/.test(h)||(h=g(a,w.Names.prefixCheck(c)[0])),w.Values.isCSSNullValue(h)&&(h=0),t.debug>=2&&console.log("Get "+c+": "+h),h},setPropertyValue:function(a,c,d,e,f){var g=c;if("scroll"===c)f.container?f.container["scroll"+f.direction]=d:"Left"===f.direction?b.scrollTo(d,f.alternateValue):b.scrollTo(f.alternateValue,d);else if(w.Normalizations.registered[c]&&"transform"===w.Normalizations.registered[c]("name",a))w.Normalizations.registered[c]("inject",a,d),g="transform",d=s.data(a,l).transformCache[c];else{if(w.Hooks.registered[c]){var h=c,i=w.Hooks.getRoot(c);e=e||w.getPropertyValue(a,i),d=w.Hooks.injectValue(h,d,e),c=i}if(w.Normalizations.registered[c]&&(d=w.Normalizations.registered[c]("inject",a,d),c=w.Normalizations.registered[c]("name",a)),g=w.Names.prefixCheck(c)[0],8>=o)try{a.style[g]=d}catch(j){console.log("Error setting ["+g+"] to ["+d+"]")}else a.style[g]=d;t.debug>=2&&console.log("Set "+c+" ("+g+"): "+d)}return[g,d]},flushTransformCache:function(a){var b,c,d,e="";for(b in s.data(a,l).transformCache)c=s.data(a,l).transformCache[b],"transformPerspective"!==b?(9===o&&"rotateZ"===b&&(b="rotate"),e+=b+c+" "):d=c;d&&(e="perspective"+d+" "+e),w.setPropertyValue(a,"transform",e)}};w.Hooks.register(),w.Normalizations.register(),t.animate=function(){function a(){function a(){function a(a){var c=d,e=d,h=d;return r(a)?(c=a[0],!r(a[1])&&/^[\d-]/.test(a[1])||f(a[1])?h=a[1]:(q(a[1])||r(a[1]))&&(e=i(a[1],g.duration),a[2]&&(h=a[2]))):c=a,e=e||g.easing,f(c)&&(c=c.call(b,y,x)),f(h)&&(h=h.call(b,y,x)),[c||0,e,h]}function k(a,b){var c,d;return d=(b||0).toString().toLowerCase().replace(/[%A-z]+$/,function(a){return c=a,""}),c||(c=w.Values.getUnitType(a)),[d,c]}function m(){var a={parent:b.parentNode,position:w.getPropertyValue(b,"position"),fontSize:w.getPropertyValue(b,"fontSize")},d=a.position===E.lastPosition&&a.parent===E.lastParent,e=a.fontSize===E.lastFontSize&&a.parent===E.lastParent;E.lastParent=a.parent,E.lastPosition=a.position,E.lastFontSize=a.fontSize,null===E.remToPxRatio&&(E.remToPxRatio=parseFloat(w.getPropertyValue(c.body,"fontSize"))||16);var f={overflowX:null,overflowY:null,boxSizing:null,width:null,minWidth:null,maxWidth:null,height:null,minHeight:null,maxHeight:null,paddingLeft:null},g={},h=10;if(g.remToPxRatio=E.remToPxRatio,o)var i=/^auto$/i.test(b.currentStyle.width),j=/^auto$/i.test(b.currentStyle.height);d&&e||(f.overflowX=w.getPropertyValue(b,"overflowX"),f.overflowY=w.getPropertyValue(b,"overflowY"),f.boxSizing=w.getPropertyValue(b,"boxSizing"),f.width=w.getPropertyValue(b,"width",null,!0),f.minWidth=w.getPropertyValue(b,"minWidth"),f.maxWidth=w.getPropertyValue(b,"maxWidth")||"none",f.height=w.getPropertyValue(b,"height",null,!0),f.minHeight=w.getPropertyValue(b,"minHeight"),f.maxHeight=w.getPropertyValue(b,"maxHeight")||"none",f.paddingLeft=w.getPropertyValue(b,"paddingLeft")),d?(g.percentToPxRatioWidth=E.lastPercentToPxWidth,g.percentToPxRatioHeight=E.lastPercentToPxHeight):(w.setPropertyValue(b,"overflowX","hidden"),w.setPropertyValue(b,"overflowY","hidden"),w.setPropertyValue(b,"boxSizing","content-box"),w.setPropertyValue(b,"width",h+"%"),w.setPropertyValue(b,"minWidth",h+"%"),w.setPropertyValue(b,"maxWidth",h+"%"),w.setPropertyValue(b,"height",h+"%"),w.setPropertyValue(b,"minHeight",h+"%"),w.setPropertyValue(b,"maxHeight",h+"%")),e?g.emToPxRatio=E.lastEmToPx:w.setPropertyValue(b,"paddingLeft",h+"em"),d||(g.percentToPxRatioWidth=E.lastPercentToPxWidth=(parseFloat(w.getPropertyValue(b,"width",null,!0))||1)/h,g.percentToPxRatioHeight=E.lastPercentToPxHeight=(parseFloat(w.getPropertyValue(b,"height",null,!0))||1)/h),e||(g.emToPxRatio=E.lastEmToPx=(parseFloat(w.getPropertyValue(b,"paddingLeft"))||1)/h);for(var k in f)null!==f[k]&&w.setPropertyValue(b,k,f[k]);return o?(i&&w.setPropertyValue(b,"width","auto"),j&&w.setPropertyValue(b,"height","auto")):(w.setPropertyValue(b,"height","auto"),f.height!==w.getPropertyValue(b,"height",null,!0)&&w.setPropertyValue(b,"height",f.height),w.setPropertyValue(b,"width","auto"),f.width!==w.getPropertyValue(b,"width",null,!0)&&w.setPropertyValue(b,"width",f.width)),t.debug>=1&&console.log("Unit ratios: "+JSON.stringify(g),b),g}if(g.begin&&0===y&&g.begin.call(n,n),"scroll"===B){var v,z,A,C=/^x$/i.test(g.axis)?"Left":"Top",D=parseFloat(g.offset)||0;g.container?g.container.jquery||g.container.nodeType?(g.container=g.container[0]||g.container,v=g.container["scroll"+C],A=v+s(b).position()[C.toLowerCase()]+D):g.container=null:(v=t.State.scrollAnchor[t.State["scrollProperty"+C]],z=t.State.scrollAnchor[t.State["scrollProperty"+("Left"===C?"Top":"Left")]],A=s(b).offset()[C.toLowerCase()]+D),h={scroll:{rootPropertyValue:!1,startValue:v,currentValue:v,endValue:A,unitType:"",easing:g.easing,scrollData:{container:g.container,direction:C,alternateValue:z}},element:b}}else if("reverse"===B){if(!s.data(b,l).tweensContainer)return void s.dequeue(b,g.queue);"none"===s.data(b,l).opts.display&&(s.data(b,l).opts.display="block"),s.data(b,l).opts.loop=!1,s.data(b,l).opts.begin=null,s.data(b,l).opts.complete=null,u.easing||delete g.easing,u.duration||delete g.duration,g=s.extend({},s.data(b,l).opts,g);var G=s.extend(!0,{},s.data(b,l).tweensContainer);for(var H in G)if("element"!==H){var I=G[H].startValue;G[H].startValue=G[H].currentValue=G[H].endValue,G[H].endValue=I,u&&(G[H].easing=g.easing)}h=G}else if("start"===B){var G;s.data(b,l).tweensContainer&&s.data(b,l).isAnimating===!0&&(G=s.data(b,l).tweensContainer);for(var J in p){var K=a(p[J]),L=K[0],M=K[1],N=K[2];J=w.Names.camelCase(J);var O=w.Hooks.getRoot(J),P=!1;if(w.Names.prefixCheck(O)[1]!==!1||w.Normalizations.registered[O]!==d){g.display&&"none"!==g.display&&/opacity|filter/.test(J)&&!N&&0!==L&&(N=0),g._cacheValues&&G&&G[J]?(N===d&&(N=G[J].endValue+G[J].unitType),P=s.data(b,l).rootPropertyValueCache[O]):w.Hooks.registered[J]?N===d?(P=w.getPropertyValue(b,O),N=w.getPropertyValue(b,J,P)):P=w.Hooks.templates[O][1]:N===d&&(N=w.getPropertyValue(b,J));var Q,R,S,T;Q=k(J,N),N=Q[0],S=Q[1],Q=k(J,L),L=Q[0].replace(/^([+-\/*])=/,function(a,b){return T=b,""}),R=Q[1],N=parseFloat(N)||0,L=parseFloat(L)||0;var U;if("%"===R&&(/^(fontSize|lineHeight)$/.test(J)?(L/=100,R="em"):/^scale/.test(J)?(L/=100,R=""):/(Red|Green|Blue)$/i.test(J)&&(L=L/100*255,R="")),/[\/*]/.test(T))R=S;else if(S!==R&&0!==N)if(0===L)R=S;else{U=U||m();var V=/margin|padding|left|right|width|text|word|letter/i.test(J)||/X$/.test(J)?"x":"y";switch(S){case"%":N*="x"===V?U.percentToPxRatioWidth:U.percentToPxRatioHeight;break;case"em":N*=U.emToPxRatio;break;case"rem":N*=U.remToPxRatio;break;case"px":}switch(R){case"%":N*=1/("x"===V?U.percentToPxRatioWidth:U.percentToPxRatioHeight);break;case"em":N*=1/U.emToPxRatio;break;case"rem":N*=1/U.remToPxRatio;break;case"px":}}switch(T){case"+":L=N+L;break;case"-":L=N-L;break;case"*":L=N*L;break;case"/":L=N/L}h[J]={rootPropertyValue:P,startValue:N,currentValue:N,endValue:L,unitType:R,easing:M},t.debug&&console.log("tweensContainer ("+J+"): "+JSON.stringify(h[J]),b)}else t.debug&&console.log("Skipping ["+O+"] due to a lack of browser support.")}h.element=b}h.element&&(F.push(h),s.data(b,l).tweensContainer=h,s.data(b,l).opts=g,s.data(b,l).isAnimating=!0,y===x-1?(t.State.calls.length>1e4&&(t.State.calls=e(t.State.calls)),t.State.calls.push([F,n,g]),t.State.isTicking===!1&&(t.State.isTicking=!0,j())):y++)}var b=this,g=s.extend({},t.defaults,u),h={};if("stop"===B)return s.queue(b,q(u)?u:"",[]),!0;switch(s.data(b,l)===d&&s.data(b,l,{isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}}),/^\d/.test(g.delay)&&g.queue!==!1&&s.queue(b,g.queue,function(a){t.velocityQueueEntryFlag=!0,setTimeout(a,parseFloat(g.delay))}),g.duration.toString().toLowerCase()){case"fast":g.duration=200;break;case"normal":g.duration=m;break;case"slow":g.duration=600;break;default:g.duration=parseFloat(g.duration)||1}g.easing=i(g.easing,g.duration),g.begin&&!f(g.begin)&&(g.begin=null),g.progress&&!f(g.progress)&&(g.progress=null),g.complete&&!f(g.complete)&&(g.complete=null),g.display&&(g.display=g.display.toString().toLowerCase()),g.mobileHA=g.mobileHA&&t.State.isMobile&&!t.State.isGingerbread,g.queue===!1?g.delay?setTimeout(a,g.delay):a():s.queue(b,g.queue,function(b){t.velocityQueueEntryFlag=!0,a(b)}),""!==g.queue&&"fx"!==g.queue||"inprogress"===s.queue(b)[0]||s.dequeue(b)}var b,k,n,p,u,v=arguments[0]&&(s.isPlainObject(arguments[0].properties)&&!arguments[0].properties.names||q(arguments[0].properties));if(h(this)?(k=0,n=this,b=this):(k=1,n=v?arguments[0].elements:arguments[0]),n=h(n)?[].slice.call(n):n){v?(p=arguments[0].properties,u=arguments[0].options):(p=arguments[k],u=arguments[k+1]);var x=g(n)||r(n)?n.length:1,y=0;if("stop"!==p&&!s.isPlainObject(u)){var z=k+1;u={};for(var A=z;A<arguments.length;A++)!r(arguments[A])&&/^\d/.test(arguments[A])?u.duration=parseFloat(arguments[A]):q(arguments[A])?u.easing=arguments[A]:!r(arguments[A])||2!==arguments[A].length&&4!==arguments[A].length?f(arguments[A])&&(u.complete=arguments[A]):u.easing=arguments[A]}var B;switch(p){case"scroll":B="scroll";break;case"reverse":B="reverse";break;case"stop":B="stop";break;default:if(!s.isPlainObject(p)||s.isEmptyObject(p)){if(q(p)&&t.Sequences[p]){var C=n,D=u.duration;return u.backwards===!0&&(n=(n.jquery?[].slice.call(n):n).reverse()),s.each(n,function(a,b){parseFloat(u.stagger)&&(u.delay=parseFloat(u.stagger)*a),u.drag&&(u.duration=parseFloat(D)||(/^(callout|transition)/.test(p)?1e3:m),u.duration=Math.max(u.duration*(u.backwards?1-a/x:(a+1)/x),.75*u.duration,200)),t.Sequences[p].call(b,b,u||{},a,x)}),b||C}return console.log("First argument was not a property map, a known action, or a registered sequence. Aborting."),b||n}B="start"}var E={lastParent:null,lastPosition:null,lastFontSize:null,lastPercentToPxWidth:null,lastPercentToPxHeight:null,lastEmToPx:null,remToPxRatio:null},F=[];n.nodeType?a.call(n):s.each(n,function(b,c){c.nodeType&&a.call(c)});var G,H=s.extend({},t.defaults,u);if(H.loop=parseInt(H.loop),G=2*H.loop-1,H.loop)for(var I=0;G>I;I++){var J={delay:H.delay};H.complete&&I===G-1&&(J.complete=H.complete),t.animate(n,"reverse",J)}return b||n}};var x=b.jQuery||b.Zepto;x&&(x.fn.velocity=t.animate,x.fn.velocity.defaults=t.defaults),"undefined"!=typeof define&&define.amd?define(function(){return t}):"undefined"!=typeof module&&module.exports&&(module.exports=t),s.each(["Down","Up"],function(a,b){t.Sequences["slide"+b]=function(a,c){var d=s.extend({},c),e={height:null,marginTop:null,marginBottom:null,paddingTop:null,paddingBottom:null,overflow:null,overflowX:null,overflowY:null},f=d.begin,g=d.complete,h=!1;null!==d.display&&(d.display="Down"===b?d.display||t.CSS.Values.getDisplayType(a):d.display||"none"),d.begin=function(){function c(){a.style.display="block",e.height=t.CSS.getPropertyValue(a,"height"),a.style.height="auto",t.CSS.getPropertyValue(a,"height")===e.height&&(h=!0),t.CSS.setPropertyValue(a,"height",e.height+"px")}if("Down"===b){e.overflow=[t.CSS.getPropertyValue(a,"overflow"),0],e.overflowX=[t.CSS.getPropertyValue(a,"overflowX"),0],e.overflowY=[t.CSS.getPropertyValue(a,"overflowY"),0],a.style.overflow="hidden",a.style.overflowX="visible",a.style.overflowY="hidden",c();for(var d in e)/^overflow/.test(d)||(e[d]=[t.CSS.getPropertyValue(a,d),0]);a.style.display="none"}else{c();for(var d in e)e[d]=[0,t.CSS.getPropertyValue(a,d)];a.style.overflow="hidden",a.style.overflowX="visible",a.style.overflowY="hidden"}f&&f.call(a,a)},d.complete=function(a){var c="Down"===b?0:1;h===!0?e.height[c]="auto":e.height[c]+="px";for(var d in e)a.style[d]=e[d][c];g&&g.call(a,a)},t.animate(a,e,d)}}),s.each(["In","Out"],function(a,b){t.Sequences["fade"+b]=function(a,c,d,e){var f=s.extend({},c),g={opacity:"In"===b?1:0};d!==e-1&&(f.complete=f.begin=null),null!==f.display&&(f.display="In"===b?t.CSS.Values.getDisplayType(a):"none"),t.animate(this,g,f)}})}(window.jQuery||window.Zepto||window,window,document);

data/application/js/views.js

@@ -5,6 +5,24 @@ Spontaneous.Views = (function($, S) {
 		include: Spontaneous.Properties,
 		initialize: function(content) {
 			this.content = content;
+			this._subviews = [];
+		},
+		unload: function() {
+			this.unwatchOthers();
+			this.unloadView();
+			this.unloadChildren();
+		},
+		unloadView: function() {
+			// cleanup
+		},
+		unloadChildren: function() {
+			for (var i = 0, c = this._subviews, ii = c.length; i < ii; i++) {
+				if (typeof c[i].unload === 'function') {
+					c[i].unload();
+				} else {
+					console.warn('unable to unload child view', c[i]);
+				}
+			}
 		},
 		id: function() {
 			return this.content.id();
@@ -21,6 +39,12 @@ Spontaneous.Views = (function($, S) {
 		visibility_class: function() {
 			return this.content.hidden() ? 'hidden' : 'visible';
 		},
+		alias_class: function() {
+			return this.content.type().is_alias() ? 'alias' : 'not-alias';
+		},
+		fields_class: function() {
+			return this.content.has_fields() ? 'fields' : 'no-fields';
+		},
 		boxes_class: function() {
 			return this.content.has_boxes() ? 'boxes' : 'no-boxes';
 		},
@@ -51,9 +75,9 @@ Spontaneous.Views = (function($, S) {
 			return this.content.save_path();
 		},
 		create_edit_wrapper: function(read_content) {
-			var s = {'style':'position: relative; overflow: hidden;'}
-			var outer = dom.div(s);
-			var write = dom.div({'style':'position: absolute; height: 0; overflow: hidden;'})
+			var s = {'style':'position: relative; overflow: hidden;'};
+			var outer = dom.div('.edit-wrapper-outer', s);
+			var write = dom.div({'style':'position: absolute; height: 0; overflow: hidden;'});
 			var write_inner = dom.div();
 			var read = dom.div(s);
 			var read_inner = dom.div();
@@ -82,8 +106,8 @@ Spontaneous.Views = (function($, S) {
 			o.add(r).animate({'height':h}, { queue: false, duration: time_to_reveal });
 			w.css({'position':'relative'});
 			r.css({'position':'absolute', 'top':0, 'right':0, 'left':0}).animate({'top':h}, { queue: false, duration: time_to_reveal, complete:function() {
-				w.css({'z-index': front, 'position':'relative', 'height':'auto'})
-				r.css({'z-index': back, 'position':'absolute', 'display':'none'})
+				w.css({'z-index': front, 'position':'relative', 'height':'auto'});
+				r.css({'z-index': back, 'position':'absolute', 'display':'none'});
 				o.css('height', 'auto');
 				panel.on_show(focus_field);
 			}});
@@ -97,8 +121,8 @@ Spontaneous.Views = (function($, S) {
 			o.add(r).animate({'height':h}, { queue: false, duration: time_to_reveal });
 			r.css({'z-index':front, 'height':h, 'top':wi.outerHeight()+'px'}).animate({'top':0}, { queue: true, duration: time_to_reveal, complete: function() {
 				w.css({'position':'absolute', 'z-index':back});
-				r.css({'position':'relative', 'height':'auto', 'z-index':front})
-				o.css('height', 'auto')
+				r.css({'position':'relative', 'height':'auto', 'z-index':front});
+				o.css('height', 'auto');
 				wi.empty();
 				__content.edit_closing = false;
 			}});
@@ -109,5 +133,5 @@ Spontaneous.Views = (function($, S) {
 	});
 	return {
 		View: View
-	}
+	};
 }(jQuery, Spontaneous));

data/application/js/views/box_view.js

@@ -1,6 +1,7 @@
 // console.log('Loading BoxView...')
 
 Spontaneous.Views.BoxView = (function($, S) {
+	'use strict';
 	var dom = S.Dom;
 
 	var BoxView = new JS.Class(Spontaneous.Views.View, {
@@ -42,12 +43,13 @@ Spontaneous.Views.BoxView = (function($, S) {
 			if (!this._panel) {
 				// var panel = $(dom.div, {'class': 'slot-content'});
 				var panel = dom.div('.slot-content');
-				panel.addClass('empty')
+				panel.addClass('empty');
 				if (this.box.has_fields()) {
 					var w = dom.div('.box-fields');
 					var fields = new Spontaneous.FieldPreview(this, '');
+					this._subviews.push(fields);
 					var fields_preview = fields.panel();
-					fields_preview.prepend(dom.div('.overlay'))
+					fields_preview.prepend(dom.div('.overlay'));
 					var preview_area = this.create_edit_wrapper(fields_preview);
 
 					w.append(preview_area);
@@ -56,12 +58,24 @@ Spontaneous.Views.BoxView = (function($, S) {
 				}
 
 				panel.append(this.add_allowed_types_bar('top', 0));
-				// var entries = $(dom.div, {'class':'slot-entries'});
 				var entries = dom.div('.slot-entries');
-				var instructions = dom.div('.slot-instructions').text("Add items using the buttons above");
+				var instructions = dom.div('.slot-instructions').text('Add items using the buttons above');
 				entries.append(instructions);
-				// panel.append();
-				for (var i = 0, ee = this.entries(), ii = ee.length;i < ii; i++) {
+				var entry_total = this.entries().length, preload = Math.min(entry_total, 6);
+				if (preload < entry_total) {
+					var scrollLoad = function(view, loadedCount, entries, container) {
+						var position = loadedCount, increment = 3, total = entries.length;
+						return function() {
+							if (position >= total) { return; }
+							for (var i = position, ii = Math.min(position + increment, total); i < ii; i++) {
+								container.append(view.claim_entry(entries[i]));
+							}
+							position += increment;
+						};
+					}(this, preload, this.entries(), entries);
+					this.watchOther(S.ContentArea, 'scroll_bottom', scrollLoad);
+				}
+				for (var i = 0, ee = this.entries(), ii = preload;i < ii; i++) {
 					var entry = ee[i];
 					entries.append(this.claim_entry(entry));
 				}
@@ -71,6 +85,7 @@ Spontaneous.Views.BoxView = (function($, S) {
 					axis:'y',
 					distance: 5,
 					tolerance: 'pointer',
+					helper: 'clone',
 					// tolerance: 'intersect',
 					scrollSpeed: 40,
 					containment: 'parent',
@@ -78,13 +93,13 @@ Spontaneous.Views.BoxView = (function($, S) {
 					stop: function(event, ui) {
 						this.re_sort(ui.item);
 					}.bind(this)
-				})
+				});
 				panel.append(entries);
 			// this.floating_add_bar = this.add_allowed_types_bar('floating', -1).hide();
 			// var _bottom_add_bar = this.add_allowed_types_bar('bottom', -1).hide();
 			// panel.append(_bottom_add_bar);
 			panel.hide();
-			this.dom_container.append(panel)
+			this.dom_container.append(panel);
 			this._panel = panel;
 				this._entry_container = entries;
 				// this._bottom_add_bar = _bottom_add_bar;
@@ -94,24 +109,24 @@ Spontaneous.Views.BoxView = (function($, S) {
 		},
 		check_if_empty: function() {
 			var _view = this, _panel = this._panel;
-			if (_view.box.entries().length == 0) {
+			if (_view.box.entries().length === 0) {
 				_panel.addClass('empty');
-				// _view._bottom_add_bar.fadeOut($.fn.appear.height_change_duration/2, function() {
+				// _view._bottom_add_bar.velocity('fadeOut', $.fn.appear.height_change_duration/2, function() {
 				// })
 			} else {
 				_panel.removeClass('empty');
-				// _view._bottom_add_bar.fadeIn(function() {
+				// _view._bottom_add_bar.velocity('fadeIn', function() {
 				// })
 			}
 		},
 		add_allowed_types_bar: function(position, insert_at) {
 			var allowed = this.box.allowed_types();
-			if (allowed.length === 0) { return ""; }
+			if (allowed.length === 0) { return ''; }
 			var _box = this
-			, allowed_bar = dom.div('.slot-addable')
-			, inner = dom.div(".addable-inner")
+, allowed_bar = dom.div('.slot-addable')
+			, inner = dom.div('.addable-inner')
 			, dropper = allowed_bar
-			, drop = function(event) {
+, drop = function(event) {
 				dropper.removeClass('drop-active').addClass('uploading');
 				// var progress_outer = $(dom.div, {'class':'drop-upload-outer'});
 				// var progress_inner = $(dom.div, {'class':'drop-upload-inner'}).css('width', 0);
@@ -156,7 +171,7 @@ Spontaneous.Views.BoxView = (function($, S) {
 				var type = allow.type, as = allow.as || type.title;
 				var a = dom.a().text(as), add_allowed;
 				if (type.is_alias()) {
-					a.addClass('alias')
+					a.addClass('alias');
 					add_allowed = function(type) {
 						var d = new Spontaneous.AddAliasDialogue(_box, type, insert_at);
 						d.open();
@@ -167,9 +182,9 @@ Spontaneous.Views.BoxView = (function($, S) {
 					}.bind(_box, type);
 				}
 				a.click(add_allowed);
-				inner.append(a)
+				inner.append(a);
 			});
-			allowed_bar.data("allowed-count", allowed.length);
+			allowed_bar.data('allowed-count', allowed.length);
 			allowed_bar.append(inner, dom.span('.down'));
 
 			return allowed_bar;
@@ -181,7 +196,7 @@ Spontaneous.Views.BoxView = (function($, S) {
 			}
 			var id = css_id.split('-')[1], entry, old_position = 0;
 
-			for (var i = 0, ii = entries.length; i < ii; i++) {
+			for (i = 0, ii = entries.length; i < ii; i++) {
 				if (entries[i].id() == id) {
 					old_position = i;
 					entry = entries[i];
@@ -192,7 +207,7 @@ Spontaneous.Views.BoxView = (function($, S) {
 			entries.splice(old_position, 1);
 			entries.splice(new_position, 0, entry);
 			entry.reposition(new_position, function(entry) {
-				this.sorted(entry)
+				this.sorted(entry);
 			}.bind(this));
 		},
 		sorted: function(entry) {
@@ -216,17 +231,18 @@ Spontaneous.Views.BoxView = (function($, S) {
 			if (entry.is_page()) {
 				view_class = S.Views.PagePieceView;
 			}
-			view = new view_class(entry, this);
+			view = new view_class(entry, this); // jshint ignore:line
 			return view;
 		},
 		claim_entry: function(entry) {
+			this._subviews.push(entry);
 			var div = entry.panel();
 			entry.bind('removed', this.entry_removed.bind(this));
 			return div.attr('id', this.entry_id(entry)).addClass(this.entry_class());
 		},
 
 		entry_id: function(entry) {
-			return "entry-" + entry.content.id();
+			return 'entry-' + entry.content.id();
 		},
 
 		entry_class: function() {
@@ -241,8 +257,8 @@ Spontaneous.Views.BoxView = (function($, S) {
 			this.box.add_entry(content_type, position);
 		},
 
-		add_alias: function(target_id, type, position) {
-			this.box.add_alias(target_id, type, position);
+		add_alias: function(target_ids, type, position) {
+			this.box.add_alias(target_ids, type, position);
 		},
 
 		insert_entry: function(entry, position) {
@@ -287,7 +303,7 @@ Spontaneous.Views.BoxView = (function($, S) {
 			this.check_if_empty();
 		},
 		entry_wrappers: function() {
-			return this._entry_container.find('> .'+this.entry_class())
+			return this._entry_container.find('> .'+this.entry_class());
 		},
 		show_add_after: function(entry, entry_spacer) {
 			var bar, position = 0;
@@ -298,17 +314,21 @@ Spontaneous.Views.BoxView = (function($, S) {
 				}
 			}
 			bar = this.add_allowed_types_bar('floating', position + 1);
-			if (bar && bar.data("allowed-count") > 0) {
+			if (bar && bar.data('allowed-count') > 0) {
 				entry_spacer.addClass('add-entry').append(bar.show());
-				if (!entry_spacer.data("auto-height")) {
-					entry_spacer.data("auto-height", entry_spacer.height());
+				if (!entry_spacer.data('auto-height')) {
+					entry_spacer.data('auto-height', entry_spacer.height());
 				}
-				entry_spacer.animate({height:bar.find('.addable-inner').outerHeight() + 12}, 200)
+				var newHeight = bar.find('.addable-inner').outerHeight() + 11, currentHeight = entry_spacer.outerHeight();
+				newHeight = Math.max(newHeight, currentHeight);
+				entry_spacer.velocity({height:newHeight}, 200);
 			}
 		},
 		hide_add_after: function(entry, entry_spacer) {
-			entry_spacer.empty();
-			entry_spacer.removeClass('add-entry').animate({height: entry_spacer.data("auto-height")}, 200);
+			if (entry_spacer.data('auto-height')) {
+				entry_spacer.empty();
+				entry_spacer.removeClass('add-entry').velocity({height: entry_spacer.data('auto-height')}, 200);
+			}
 		}
 	});