can/view/stache/live_attr.js

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

// # can/view/stache/live.js
// 
// This provides live binding for stache attributes.  

steal("can/util",
	"can/view/live",
	"can/view/elements.js",
	"can/view/callbacks",
	function(can, live, elements, viewCallbacks) {

	live = live || can.view.live;
	elements = elements || can.view.elements;
	viewCallbacks = viewCallbacks || can.view.callbacks;

	return {
		attributes: function(el, compute, scope, options) {
			var oldAttrs = {};
			
			var setAttrs = function (newVal) {
				var newAttrs = live.getAttributeParts(newVal),
					name;
				for(name in newAttrs) {
					var newValue = newAttrs[name],
						oldValue = oldAttrs[name];
					if(newValue !== oldValue) {
						can.attr.set(el, name, newValue);
						var callback = viewCallbacks.attr(name);
						if(callback) {
							callback(el, {
								attributeName: name,
								scope: scope,
								options: options
							});
						}
					}
					delete oldAttrs[name];
				}
				for(name in oldAttrs) {
					elements.removeAttr(el, name);
				}
				oldAttrs = newAttrs;
			};
			
			var handler = function (ev, newVal) {
				setAttrs(newVal);
			};

			compute.bind('change', handler);
			can.bind.call(el, 'removed', function() {
				compute.unbind('change', handler);
			});

			// current value has been set
			setAttrs(compute());
		}
	};
});