can/view/import/import.js

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

steal("can/util", "can/view/callbacks", function(can){

	can.view.tag("can-import", function(el, tagData){
		var $el = can.$(el);
		var moduleName = el.getAttribute("from");

		// If the module is part of the helpers pass that into can.import
		// as the parentName
		var templateModule = tagData.options.attr("helpers.module");
		var parentName = templateModule ? templateModule.id : undefined;

		var importPromise;
		if(moduleName) {
			importPromise = can["import"](moduleName, parentName);
		} else {
			importPromise = can.Deferred().reject("No moduleName provided").promise();
		}

		var root = tagData.scope.attr("%root");
		if(root && can.isFunction(root.waitFor)) {
			root.waitFor(importPromise);
		}

		// Set the viewModel to the promise
		can.data($el, "viewModel", importPromise);
		can.data($el, "scope", importPromise);

		// Set the scope
		var scope = tagData.scope.add(importPromise);

		// If there is a can-tag present we will hand-off rendering to that tag.
		var handOffTag = el.getAttribute("can-tag");
		if(handOffTag) {
			var callback = can.view.tag(handOffTag);
			can.data($el,"preventDataBindings", true);
			callback(el, can.extend(tagData, {
				scope: scope
			}));
			can.data($el,"preventDataBindings", false);

			can.data($el, "viewModel", importPromise);
			can.data($el, "scope", importPromise);
		}
		// Render the subtemplate and register nodeLists
		else {
			var frag = tagData.subtemplate ?
				tagData.subtemplate(scope, tagData.options) :
				document.createDocumentFragment();

			var nodeList = can.view.nodeLists.register([], undefined, true);
			can.one.call(el, "removed", function(){
				can.view.nodeLists.unregister(nodeList);
			});

			can.appendChild(el, frag, can.document);
			can.view.nodeLists.update(nodeList, can.childNodes(el));
		}
	});

});