diff --git a/packages/moon/dist/moon.js b/packages/moon/dist/moon.js
index 5f20b0f8..48933e4d 100644
--- a/packages/moon/dist/moon.js
+++ b/packages/moon/dist/moon.js
@@ -1029,11 +1029,11 @@
 	/**
 	 * Update an ariaset, dataset, or style attribute.
 	 *
+	 * @param {Object} element
 	 * @param {string} key
 	 * @param {Object} value
-	 * @param {Object} element
 	 */
-	function updateAttributeSet(key, value, element) {
+	function updateDataSet(element, key, value) {
 		if (key === "ariaset") {
 			// Set aria-* attributes.
 			for (var setKey in value) {
@@ -1052,13 +1052,13 @@
 	 * Remove all the keys from an ariaset, dataset, or style attribute that aren't
 	 * in `exclude`.
 	 *
+	 * @param {Object} element
 	 * @param {string} key
 	 * @param {string} value
 	 * @param {Object} exclude
-	 * @param {Object} element
 	 */
 
-	function removeAttributeSet(key, value, exclude, element) {
+	function removeDataSet(element, key, value, exclude) {
 		for (var setKey in value) {
 			if (!(setKey in exclude)) {
 				switch (key) {
@@ -1076,28 +1076,11 @@
 			}
 		}
 	}
-	/**
-	 * Set an event listener on an element.
-	 *
-	 * @param {string} type
-	 * @param {Array} info
-	 * @param {Object} MoonEvents
-	 * @param {Object} MoonListeners
-	 * @param {Object} element
-	 */
-
-	function setEvent(type, info, MoonEvents, MoonListeners, element) {
-		MoonEvents[type] = info;
-		element.addEventListener(type.slice(1), MoonListeners[type] = function (event) {
-			var info = MoonEvents[type];
-			info[0](event, info[1], info[2]);
-		});
-	}
 
 	/**
-	 * Global views
+	 * Global old view
 	 */
-	var viewOld, viewNew;
+	var viewOld;
 	/**
 	 * Global component store
 	 */
@@ -1127,15 +1110,6 @@
 	function setViewOld(viewOldNew) {
 		viewOld = viewOldNew;
 	}
-	/**
-	 * Set new view to a new object.
-	 *
-	 * @param {Object} viewNewNew
-	 */
-
-	function setViewNew(viewNewNew) {
-		viewNew = viewNewNew;
-	}
 
 	/**
 	 * Start time
@@ -1148,11 +1122,37 @@
 
 	var executeQueue = [];
 	/**
-	 * Moon DOM node
+	 * Patch types
 	 */
 
-	Node.prototype.MoonEvents = null;
-	Node.prototype.MoonListeners = null;
+	var patchTypes = {
+		appendNode: 0,
+		removeNode: 1,
+		replaceNode: 2,
+		setDataEvent: 3,
+		updateDataProperty: 4,
+		updateDataText: 5,
+		updateDataEvent: 6,
+		updateDataSet: 7,
+		removeDataProperty: 8,
+		removeDataEvent: 9,
+		removeDataSet: 10
+	};
+	/**
+	 * Moon event
+	 *
+	 * This is used as a global event handler for any event type, and it calls the
+	 * corresponding handler with the event, data, and children.
+	 */
+
+	function MoonEvent() {}
+
+	MoonEvent.prototype.handleEvent = function (event) {
+		var info = this["@" + event.type];
+		info[0](event, info[1], info[2]);
+	};
+
+	Node.prototype.MoonEvent = null;
 	/**
 	 * Creates an old reference node from a view node.
 	 *
@@ -1175,13 +1175,10 @@
 
 			for (var i = 0; i < nodeChildren.length; i++) {
 				var childOld = executeCreate(nodeChildren[i]);
-				element.appendChild(childOld.element);
 				children.push(childOld);
-			} // Store DOM events.
-
+				element.appendChild(childOld.element);
+			} // Set data.
 
-			var MoonEvents = element.MoonEvents = {};
-			var MoonListeners = element.MoonListeners = {}; // Set data.
 
 			var nodeData = node.data;
 
@@ -1190,10 +1187,17 @@
 
 				if (key.charCodeAt(0) === 64) {
 					// Set an event listener.
-					setEvent(key, value, MoonEvents, MoonListeners, element);
+					var elementMoonEvent = element.MoonEvent;
+
+					if (elementMoonEvent === null) {
+						elementMoonEvent = element.MoonEvent = new MoonEvent();
+					}
+
+					elementMoonEvent[key] = value;
+					element.addEventListener(key.slice(1), elementMoonEvent);
 				} else if (key === "ariaset" || key === "dataset" || key === "style") {
 					// Set aria-*, data-*, and style attributes.
-					updateAttributeSet(key, value, element);
+					updateDataSet(element, key, value);
 				} else {
 					// Set an attribute.
 					element[key] = value;
@@ -1206,40 +1210,236 @@
 		return new NodeOld(node, element, children);
 	}
 	/**
-	 * Executes a view, including all components.
+	 * Executes a component and modifies it to be the result of the component view.
+	 *
+	 * @param {Object} node
+	 */
+
+
+	function executeComponent(node) {
+		while (node.type === types.component) {
+			// Execute the component to get the component view.
+			var nodeName = node.name;
+			var nodeComponent = components[nodeName](m, node.data, node.children, ms[nodeName]); // Update the node to reflect the component view.
+
+			node.type = nodeComponent.type;
+			node.name = nodeComponent.name;
+			node.data = nodeComponent.data;
+			node.children = nodeComponent.children;
+		}
+	}
+	/**
+	 * Executes a view and finds differences between nodes.
 	 *
-	 * @param {Array} nodes
+	 * @param {Array} nodesOld
+	 * @param {Array} nodesNew
+	 * @param {Array} patches
 	 */
 
 
-	function executeView(nodes) {
+	function executeDiff(nodesOld, nodesNew, patches) {
 		while (true) {
-			var node = nodes.pop();
-			var nodeChildren = node.children;
+			var nodeOld = nodesOld.pop();
+			var nodeOldNode = nodeOld.node;
+			var nodeNew = nodesNew.pop(); // Execute any potential components.
+
+			executeComponent(nodeNew);
+
+			if (nodeOldNode !== nodeNew) {
+				// Update the old node reference. This doesn't affect the rest of the
+				// patch because it uses `nodeOldNode` instead of direct property access.
+				nodeOld.node = nodeNew;
+
+				if (nodeOldNode.type !== nodeNew.type || nodeOldNode.name !== nodeNew.name) {
+					// If the types or name aren't the same, then replace the old node
+					// with the new one.
+					var nodeOldElement = nodeOld.element;
+					var nodeOldNew = executeCreate(nodeNew);
+					var nodeOldNewElement = nodeOldNew.element;
+					nodeOld.element = nodeOldNewElement;
+					nodeOld.children = nodeOldNew.children;
+					patches.push({
+						type: patchTypes.replaceNode,
+						elementOld: nodeOldElement,
+						elementNew: nodeOldNewElement,
+						elementParent: nodeOldElement.parentNode
+					});
+				} else if (nodeOldNode.type === types.text) {
+					// If they both are text, then update the text content.
+					var nodeNewText = nodeNew.data[""];
+
+					if (nodeOldNode.data[""] !== nodeNewText) {
+						patches.push({
+							type: patchTypes.updateDataText,
+							element: nodeOld.element,
+							text: nodeNewText
+						});
+					}
+				} else {
+					// If they are both elements, then update the data.
+					var _nodeOldElement = nodeOld.element;
+					var nodeOldNodeData = nodeOldNode.data;
+					var nodeNewData = nodeNew.data;
+
+					if (nodeOldNodeData !== nodeNewData) {
+						// First, go through all new data and update all of the existing data
+						// to match.
+						for (var keyNew in nodeNewData) {
+							var valueOld = nodeOldNodeData[keyNew];
+							var valueNew = nodeNewData[keyNew];
+
+							if (valueOld !== valueNew) {
+								if (keyNew.charCodeAt(0) === 64) {
+									// Update an event.
+									var nodeOldElementMoonEvent = _nodeOldElement.MoonEvent;
+
+									if (nodeOldElementMoonEvent === null) {
+										nodeOldElementMoonEvent = _nodeOldElement.MoonEvent = new MoonEvent();
+									}
 
-			while (node.type === types.component) {
-				// Execute the component to get the component view.
-				var nodeName = node.name;
-				var nodeComponent = components[nodeName](m, node.data, nodeChildren, ms[nodeName]); // Update the node to reflect the component view.
+									if (nodeOldElementMoonEvent[keyNew] === undefined) {
+										// If the event doesn't exist, add a new event listener.
+										patches.push({
+											type: patchTypes.setDataEvent,
+											element: _nodeOldElement,
+											elementMoonEvent: nodeOldElementMoonEvent,
+											key: keyNew,
+											value: valueNew
+										});
+									} else {
+										// If it does exist, update the existing event handler.
+										patches.push({
+											type: patchTypes.updateDataEvent,
+											elementMoonEvent: nodeOldElementMoonEvent,
+											key: keyNew,
+											value: valueNew
+										});
+									}
+								} else if (keyNew === "ariaset" || keyNew === "dataset" || keyNew === "style") {
+									// If it is a set attribute, update all values in the set.
+									patches.push({
+										type: patchTypes.updateDataSet,
+										element: _nodeOldElement,
+										key: keyNew,
+										value: valueNew
+									});
+
+									if (valueOld !== undefined) {
+										// If there was an old set, remove all old set attributes
+										// while excluding any new ones that still exist.
+										patches.push({
+											type: patchTypes.removeDataSet,
+											element: _nodeOldElement,
+											key: keyNew,
+											value: valueOld,
+											exclude: valueNew
+										});
+									}
+								} else {
+									// Update a DOM property.
+									patches.push({
+										type: patchTypes.updateDataProperty,
+										element: _nodeOldElement,
+										key: keyNew,
+										value: valueNew
+									});
+								}
+							}
+						} // Next, go through all of the old data and remove data that isn't in
+						// the new data.
+
+
+						for (var keyOld in nodeOldNodeData) {
+							if (!(keyOld in nodeNewData)) {
+								if (keyOld.charCodeAt(0) === 64) {
+									// Remove an event.
+									patches.push({
+										type: patchTypes.removeDataEvent,
+										element: _nodeOldElement,
+										elementMoonEvent: _nodeOldElement.MoonEvent,
+										key: keyOld
+									});
+								} else if (keyOld === "ariaset" || keyOld === "dataset" || keyOld === "style") {
+									// If it is a set attribute, remove all old values from the
+									// set and exclude nothing.
+									patches.push({
+										type: patchTypes.removeDataSet,
+										element: _nodeOldElement,
+										key: keyOld,
+										value: nodeOldNodeData[keyOld],
+										exclude: {}
+									});
+								} else {
+									// Remove a DOM property.
+									patches.push({
+										type: patchTypes.removeDataProperty,
+										element: _nodeOldElement,
+										key: keyOld
+									});
+								}
+							}
+						}
+					} // Recursively patch children.
+
+
+					var childrenOld = nodeOld.children;
+					var childrenNew = nodeNew.children;
+
+					if (childrenOld !== childrenNew) {
+						var childrenOldLength = childrenOld.length;
+						var childrenNewLength = childrenNew.length;
+
+						if (childrenOldLength === childrenNewLength) {
+							// If the children have the same length then update both as
+							// usual.
+							for (var i = 0; i < childrenOldLength; i++) {
+								nodesOld.push(childrenOld[i]);
+								nodesNew.push(childrenNew[i]);
+							}
+						} else if (childrenOldLength > childrenNewLength) {
+							// If there are more old children than new children, update the
+							// corresponding ones and remove the extra old children.
+							for (var _i = 0; _i < childrenNewLength; _i++) {
+								nodesOld.push(childrenOld[_i]);
+								nodesNew.push(childrenNew[_i]);
+							}
 
-				node.type = nodeComponent.type;
-				node.name = nodeComponent.name;
-				node.data = nodeComponent.data;
-				nodeChildren = node.children = nodeComponent.children;
-			} // Execute the views of the children.
+							for (var _i2 = childrenNewLength; _i2 < childrenOldLength; _i2++) {
+								patches.push({
+									type: patchTypes.removeNode,
+									element: childrenOld.pop().element,
+									elementParent: _nodeOldElement
+								});
+							}
+						} else {
+							// If there are more new children than old children, update the
+							// corresponding ones and append the extra new children.
+							for (var _i3 = 0; _i3 < childrenOldLength; _i3++) {
+								nodesOld.push(childrenOld[_i3]);
+								nodesNew.push(childrenNew[_i3]);
+							}
 
+							for (var _i4 = childrenOldLength; _i4 < childrenNewLength; _i4++) {
+								var childNew = childrenNew[_i4];
+								executeComponent(childNew);
 
-			var nodeChildrenLength = nodeChildren.length;
+								var _nodeOldNew = executeCreate(childNew);
 
-			if (nodeChildrenLength !== 0) {
-				for (var i = 0; i < nodeChildrenLength; i++) {
-					nodes.push(nodeChildren[i]);
+								childrenOld.push(_nodeOldNew);
+								patches.push({
+									type: patchTypes.appendNode,
+									element: _nodeOldNew.element,
+									elementParent: _nodeOldElement
+								});
+							}
+						}
+					}
 				}
 			}
 
-			if (nodes.length === 0) {
+			if (nodesOld.length === 0) {
 				// Move to the patch phase if there is nothing left to do.
-				executePatch(viewOld, viewNew); // Remove the update from the queue.
+				executePatch(patches); // Remove the update from the queue.
 
 				executeQueue.shift(); // If there is new data in the execution queue, continue to it.
 
@@ -1262,150 +1462,106 @@
 				// running then continue executing the view in the next frame.
 				requestAnimationFrame(function () {
 					executeStart = Date.now();
-					executeView(nodes);
+					executeDiff(nodesOld, nodesNew, patches);
 				});
 				break;
 			}
 		}
 	}
 	/**
-	 * Transforms an old node into a new one, making changes to the DOM as needed.
+	 * Performs DOM patches.
 	 *
-	 * @param {Object} nodeOld
-	 * @param {Object} nodeNew
+	 * @param {Array} patches
 	 */
 
 
-	function executePatch(nodeOld, nodeNew) {
-		var nodeOldNode = nodeOld.node;
-
-		if (nodeOldNode !== nodeNew) {
-			// Update the old node reference. This doesn't affect the rest of the
-			// patch because it uses `nodeOldNode` instead of direct property access.
-			nodeOld.node = nodeNew;
-
-			if (nodeOldNode.type !== nodeNew.type || nodeOldNode.name !== nodeNew.name) {
-				// If the types or name aren't the same, then replace the old node
-				// with the new one.
-				var nodeOldElement = nodeOld.element;
-				var nodeOldNew = executeCreate(nodeNew);
-				var nodeOldNewElement = nodeOldNew.element;
-				nodeOld.element = nodeOldNewElement;
-				nodeOld.children = nodeOldNew.children;
-				nodeOldElement.parentNode.replaceChild(nodeOldElement, nodeOldNewElement);
-			} else if (nodeOldNode.type === types.text) {
-				// If they both are text, then update the text content.
-				var nodeNewText = nodeNew.data[""];
-
-				if (nodeOldNode.data[""] !== nodeNewText) {
-					nodeOld.element.data = nodeNewText;
-				}
-			} else {
-				// If they are both elements, then update the data.
-				var _nodeOldElement = nodeOld.element;
-				var nodeOldNodeData = nodeOldNode.data;
-				var nodeNewData = nodeNew.data;
-
-				if (nodeOldNodeData !== nodeNewData) {
-					// First, go through all new data and update all of the existing data
-					// to match.
-					for (var keyNew in nodeNewData) {
-						var valueOld = nodeOldNodeData[keyNew];
-						var valueNew = nodeNewData[keyNew];
-
-						if (valueOld !== valueNew) {
-							if (keyNew.charCodeAt(0) === 64) {
-								// Update an event.
-								var MoonEvents = _nodeOldElement.MoonEvents;
-
-								if (MoonEvents[keyNew] === undefined) {
-									// If the event doesn't exist, add a new event listener.
-									setEvent(keyNew, valueNew, MoonEvents, _nodeOldElement.MoonListeners, _nodeOldElement);
-								} else {
-									// If it does exist, update the existing event handler.
-									MoonEvents[keyNew] = valueNew;
-								}
-							} else if (keyNew === "ariaset" || keyNew === "dataset" || keyNew === "style") {
-								// If it is a set attribute, update all values in the set.
-								updateAttributeSet(keyNew, valueNew, _nodeOldElement);
-
-								if (valueOld !== undefined) {
-									// If there was an old set, remove all old set attributes
-									// while excluding any new ones that still exist.
-									removeAttributeSet(keyNew, valueOld, valueNew, _nodeOldElement);
-								}
-							} else {
-								// Update a DOM property.
-								_nodeOldElement[keyNew] = valueNew;
-							}
-						}
-					} // Next, go through all of the old data and remove data that isn't in
-					// the new data.
+	function executePatch(patches) {
+		for (var i = 0; i < patches.length; i++) {
+			var patch = patches[i];
 
+			switch (patch.type) {
+				case patchTypes.appendNode:
+					{
+						// Append an element.
+						patch.elementParent.appendChild(patch.element);
+						break;
+					}
 
-					for (var keyOld in nodeOldNodeData) {
-						if (!(keyOld in nodeNewData)) {
-							if (keyOld.charCodeAt(0) === 64) {
-								// Remove an event.
-								var MoonListeners = _nodeOldElement.MoonListeners; // Remove the event listener from the DOM.
-
-								_nodeOldElement.removeEventListener(MoonListeners[keyOld]); // Remove both the event listener and event handler.
-
+				case patchTypes.removeNode:
+					{
+						// Remove an element.
+						patch.elementParent.removeChild(patch.element);
+						break;
+					}
 
-								MoonListeners[keyOld] = undefined;
-								_nodeOldElement.MoonEvents[keyOld] = undefined;
-							} else if (keyOld === "ariaset" || keyOld === "dataset" || keyOld === "style") {
-								// If it is a set attribute, remove all old values from the
-								// set and exclude nothing.
-								removeAttributeSet(keyOld, nodeOldNodeData[keyOld], {}, _nodeOldElement);
-							} else {
-								// Remove a DOM property.
-								_nodeOldElement.removeAttribute(keyOld);
-							}
-						}
+				case patchTypes.replaceNode:
+					{
+						// Replace an old element with a new one.
+						patch.elementParent.replaceChild(patch.elementOld, patch.elementNew);
+						break;
 					}
-				} // Recursively patch children.
 
+				case patchTypes.setDataEvent:
+					{
+						// Set an event listener.
+						var elementMoonEvent = patch.elementMoonEvent;
+						var key = patch.key;
+						elementMoonEvent[key] = patch.value;
+						patch.element.addEventListener(key.slice(1), elementMoonEvent);
+						break;
+					}
 
-				var childrenOld = nodeOld.children;
-				var childrenNew = nodeNew.children;
+				case patchTypes.updateDataProperty:
+					{
+						// Update a DOM property.
+						patch.element[patch.key] = patch.value;
+						break;
+					}
 
-				if (childrenOld !== childrenNew) {
-					var childrenOldLength = childrenOld.length;
-					var childrenNewLength = childrenNew.length;
+				case patchTypes.updateDataText:
+					{
+						// Update text.
+						patch.element.data = patch.text;
+						break;
+					}
 
-					if (childrenOldLength === childrenNewLength) {
-						// If the children have the same length then update both as
-						// usual.
-						for (var i = 0; i < childrenOldLength; i++) {
-							executePatch(childrenOld[i], childrenNew[i]);
-						}
-					} else if (childrenOldLength > childrenNewLength) {
-						// If there are more old children than new children, update the
-						// corresponding ones and remove the extra old children.
-						for (var _i = 0; _i < childrenNewLength; _i++) {
-							executePatch(childrenOld[_i], childrenNew[_i]);
-						}
+				case patchTypes.updateDataEvent:
+					{
+						// Update an event listener.
+						patch.elementMoonEvent[patch.key] = patch.value;
+						break;
+					}
 
-						for (var _i2 = childrenNewLength; _i2 < childrenOldLength; _i2++) {
-							_nodeOldElement.removeChild(childrenOld.pop().element);
-						}
-					} else {
-						// If there are more new children than old children, update the
-						// corresponding ones and append the extra new children.
-						for (var _i3 = 0; _i3 < childrenOldLength; _i3++) {
-							executePatch(childrenOld[_i3], childrenNew[_i3]);
-						}
+				case patchTypes.updateDataSet:
+					{
+						// Update an attribute set.
+						updateDataSet(patch.element, patch.key, patch.value);
+						break;
+					}
 
-						for (var _i4 = childrenOldLength; _i4 < childrenNewLength; _i4++) {
-							var _nodeOldNew = executeCreate(childrenNew[_i4]);
+				case patchTypes.removeDataProperty:
+					{
+						// Remove a DOM property.
+						patch.element.removeAttribute(patch.key);
+						break;
+					}
 
-							childrenOld.push(_nodeOldNew);
+				case patchTypes.removeDataEvent:
+					{
+						// Remove an event listener.
+						var _elementMoonEvent = patch.elementMoonEvent;
+						var _key = patch.key;
+						_elementMoonEvent[_key] = undefined;
+						patch.element.removeEventListener(_key.slice(1), _elementMoonEvent);
+						break;
+					}
 
-							_nodeOldElement.appendChild(_nodeOldNew.element);
-						}
+				case patchTypes.removeDataSet:
+					{
+						// Remove an attribute set.
+						removeDataSet(patch.element, patch.key, patch.value, patch.exclude);
+						break;
 					}
-				}
 			}
 		}
 	}
@@ -1423,29 +1579,29 @@
 		} // Begin the view phase.
 
 
-		setViewNew(components.Root(m, md, mc, ms.Root));
-		executeView([viewNew]);
+		executeDiff([viewOld], [components.Root(m, md, mc, ms.Root)], []);
 	}
 	/**
 	 * Executor
 	 *
 	 * The executor runs in two phases.
 	 *
-	 * 1. View
+	 * 1. Diff
 	 * 2. Patch
 	 *
-	 * The view phase consists of walking the new tree and executing components.
-	 * This is run over multiple frames because big view trees can take a while to
-	 * generate, and the user can provide input to create various events during
-	 * this render. Instead of freezing up the browser, Moon allows events to be
-	 * handled in between frames while the view is rendering.
+	 * The diff phase consists of walking the new tree and executing components and
+	 * finding differences between the trees. At the same time, the old tree is
+	 * changed to include references to the new one. This is run over multiple
+	 * frames because big view trees can take a while to generate, and the user can
+	 * provide input to create various events during this render. Instead of
+	 * freezing up the browser, Moon allows events to be handled in between frames
+	 * while the view is rendering.
 	 *
 	 * The patch phase consists of transforming the old tree into the new view
-	 * tree. Differences between nodes are found, and their equivalent DOM
-	 * operations are performed to update the DOM. At the same time, the old view
-	 * tree is updated to match the new one without mutating the new tree. This
-	 * allows for a quick reference check to skip over a patch. This phase is run
-	 * over one frame to prevent an inconsistent UI -- similar to screen tearing.
+	 * tree. DOM operations from the previous phase are performed to update the
+	 * DOM. This allows for a quick reference check to skip over a patch. This
+	 * phase is run over one frame to prevent an inconsistent UI -- similar to
+	 * screen tearing.
 	 *
 	 * @param {Object} dataNew
 	 */
diff --git a/packages/moon/dist/moon.min.js b/packages/moon/dist/moon.min.js
index b2051644..bb30ed9e 100644
--- a/packages/moon/dist/moon.min.js
+++ b/packages/moon/dist/moon.min.js
@@ -4,4 +4,4 @@
  * Released under the MIT License
  * https://kbrsh.github.io/moon
  */
-!function(e,t){"undefined"==typeof module?e.Moon=t():module.exports=t()}(this,function(){"use strict";var M={element:0,text:1,component:2};function f(e,t,a){this.node=e,this.element=t,this.children=a}function u(e,t,a,n){this.type=e,this.name=t,this.data=a,this.children=n}function k(e,t){return void 0===e?t:e}function o(e,t,a,n){return new u(e,t,a,n)}var v,c,L=/^\s+$/,N=/<([\w\d-_]+)([^>]*?)(\/?)>/g,t=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,O=/&amp;|&gt;|&lt;|&nbsp;|&quot;|\\|"|\n|\r/g,n=["NaN","false","in","null","this","true","typeof","undefined","window"],E={class:"className",for:"htmlFor"},q={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n","\r":"\\r"};function $(e){var a=!0;return{value:e.replace(t,function(e,t){return void 0===t||-1!==n.indexOf(t)?e:(a=!1,"$"===t[0]?t:"md."+t)}),isStatic:a}}function a(e){e=e.trim();for(var t=[],a=0;a<e.length;){var n=e[a];if("<"===n){var r=e[a+1];if("/"===r){var i=e.indexOf(">",a+2),s=e.slice(a+2,i);0,t.push({type:"tagClose",value:s}),a=i+1;continue}if("!"===r&&"-"===e[a+2]&&"-"===e[a+3]){var l=e.indexOf("--\x3e",a+4);0,a=l+3;continue}N.lastIndex=a;var o=N.exec(e);0;for(var u=o[0],v=o[1],f=o[2],c=o[3],d={},h=0;h<f.length;h++){var m=f[h];if(!L.test(m)){for(var p="",g="true";h<f.length&&(m=f[h],!L.test(m));h++){if("="===m){g="";break}p+=m}var b=E[p];if(void 0!==b&&(p=b),0===g.length){var w=f[++h];"{"===w?w="}":g+=w,h+=1;for(var y=0;h<f.length;h++)if("{"===(m=f[h]))y+=1,g+=m;else if(m===w){if("}"!==w){g+=m,d[p]={value:g,isStatic:!0};break}if(0===y){64===p.charCodeAt(0)?d[p]={value:"["+$(g).value+",md,mc]",isStatic:!1}:d[p]=$(g);break}y-=1,g+=m}else g+=m;h+=1}else d[p]={value:g,isStatic:!0}}}t.push({type:"tagOpen",value:v,attributes:d,closed:"/"===c}),a+=u.length}else if("{"===n){var S="",x=0;for(a+=1;a<e.length;a++){var A=e[a];if("{"===A)x+=1,S+=A;else if("}"===A){if(0===x)break;x-=1,S+=A}else S+=A}t.push({type:"tagOpen",value:"text",attributes:{"":$(S)},closed:!0}),a+=1}else{for(var C="";a<e.length;a++){var k=e[a];if("<"===k||"{"===k)break;C+=k}L.test(C)||t.push({type:"tagOpen",value:"text",attributes:{"":{value:'"'+C.replace(O,function(e){return q[e]})+'"',isStatic:!0}},closed:!0})}}return t}function d(e,t,a,n){this.message=e,this.start=t,this.end=a,this.next=n}function h(e,t,a){var n=a[e],r=a[t-1],i=t-e;if(0==i)return new d("",e,t);if(1==i)return"tagOpen"===n.type&&!0===n.closed?{name:n.value,attributes:n.attributes,children:[]}:new d("",e,t);if("tagOpen"!==n.type||"tagClose"!==r.type||n.value!==r.value)return new d("",e,t);var s=function e(t,a,n){var r;if(0==a-t)return[];for(var i=t+1;i<=a;i++){var s=h(t,i,n);if(s instanceof d)r=s;else{var l=e(i,a,n);if(!(l instanceof d)){for(var o=[s],u=0;u<l.length;u++)o.push(l[u]);return o}}}return new d("",t,a,r)}(e+1,t-1,a);return s instanceof d?new d("",e,t,s):{name:n.value,attributes:n.attributes,children:s}}function r(e){var t=h(0,e.length,e);return t}function D(e,t,a,n){var r,i=F(t.children[0],t,0,a,n);if(i.isStatic){var s=n.length;n.push(i.prelude+"ms["+s+"]="+i.node+";"),r=e+"=ms["+s+"];"}else r=""+i.prelude+e+"="+i.node+";";return{clause:r,variable:i.variable}}function F(e,t,a,n,r){var i,s=e.name,l=!0,o=!0;if("element"===s)return function(e,t,a){var n=e.attributes,r=n.name,i=n.data,s=n.children,l=i.isStatic,o=r.isStatic&&l&&s.isStatic,u=i.value;if(!o&&l){var v=a.length;a.push("ms["+v+"]="+u+";"),u="ms["+v+"]"}return{prelude:"",node:"m("+M.element+","+r.value+","+u+","+s.value+")",isStatic:o,variable:t}}(e,n,r);if("if"===s)return function(e,t,a,n,r){var i="m"+n,s="",l=!0,o=D(i,e,n+1,r);if(s+="var "+i+";if("+e.attributes[""].value+"){"+o.clause+"}",n=o.variable,null!==t)for(var u=t.children,v=a+1;v<u.length;){var f=u[v];if("else-if"===f.name){var c=D(i,f,n,r);s+="else if("+f.attributes[""].value+"){"+c.clause+"}",n=c.variable,u.splice(v,1)}else{if("else"!==f.name)break;var d=D(i,f,n,r);s+="else{"+d.clause+"}",n=d.variable,l=!1,u.splice(v,1)}}if(l){var h=r.length;r.push("ms["+h+"]=m("+M.text+',"text",{"":""},[]);'),s+="else{"+i+"=ms["+h+"];}"}return{prelude:s,node:i,isStatic:!1,variable:n}}(e,t,a,n,r);if("for"===s)return function(e,t,a){var n,r,i,s="m"+t,l=e.attributes,o=l[""].value.split(","),u=k(l.name,{value:'"span"'}).value,v=k(l.data,{value:"{}",isStatic:!0}),f=l.of,c=l.in,d=F(e.children[0],e,0,t+1,a);if(t=d.variable,d.isStatic){var h=a.length;a.push(d.prelude+"ms["+h+"]="+d.node+";"),i=s+".push(ms["+h+"]);"}else i=d.prelude+s+".push("+d.node+");";if(r=void 0===f?(c=c.value,"for(var "+(n=o[0])+" in "+c+"){"+(2===o.length?"var "+o[1]+"="+c+"["+n+"];":"")+i+"}"):(f=f.value,"for(var "+(n=2===o.length?o[1]:"m"+t++)+"=0;"+n+"<"+f+".length;"+n+"++){var "+o[0]+"="+f+"["+n+"];"+i+"}"),v.isStatic){var m=a.length;a.push("ms["+m+"]="+v.value+";"),v="ms["+m+"]"}else v=v.value;return{prelude:"var "+s+"=[];"+r,node:"m("+M.element+","+u+","+v+","+s+")",isStatic:!1,variable:t}}(e,n,r);i="text"===s?M.text:s[0]===s[0].toLowerCase()?M.element:M.component;var u=e.attributes,v="",f="{",c="[",d="";for(var h in u){var m=u[h];m.isStatic||(l=!1),f+=d+'"'+h+'":'+m.value,d=","}f+="}";var p=e.children,g=[];d="";for(var b=0;b<p.length;b++){var w=F(p[b],e,b,n,r);w.isStatic||(o=!1),n=w.variable,g.push(w)}for(var y=0;y<g.length;y++){var S=g[y];if(o||!S.isStatic)v+=S.prelude,c+=d+S.node;else{var x=r.length;r.push(S.prelude+"ms["+x+"]="+S.node+";"),c+=d+"ms["+x+"]"}d=","}if(c+="]",l&&!o){var A=r.length;r.push("ms["+A+"]="+f+";"),f="ms["+A+"]"}else if(!l&&o){var C=r.length;r.push("ms["+C+"]="+c+";"),c="ms["+C+"]"}return{prelude:v,node:"m("+i+',"'+s+'",'+f+","+c+")",isStatic:l&&o,variable:n}}function i(e){var t=[],a=F(e,null,0,0,t),n=a.prelude,r=a.node;return a.isStatic?"if(ms[0]===undefined){"+n+"ms[0]="+r+";}return ms[0];":"if(ms[0]===undefined){"+t.join("")+"}"+n+"return "+r+";"}function m(e){return i(r(a(e)))}function _(e,t,a){if("ariaset"===e)for(var n in t)a.setAttribute("aria-"+n,t[n]);else{var r=a[e];for(var i in t)r[i]=t[i]}}function z(e,t,a,n){for(var r in t)if(!(r in a))switch(e){case"ariaset":n.removeAttribute("aria-"+r);break;case"dataset":delete n.dataset[e];break;default:n.style[e]=""}}function R(a,e,n,t,r){n[a]=e,r.addEventListener(a.slice(1),t[a]=function(e){var t=n[a];t[0](e,t[1],t[2])})}var p,g={},s={},l=[],b={};var w=[];function Z(e){var t,a=[];if(e.type===M.text)t=document.createTextNode(e.data[""]);else{t=document.createElement(e.name);for(var n=e.children,r=0;r<n.length;r++){var i=Z(n[r]);t.appendChild(i.element),a.push(i)}var s=t.MoonEvents={},l=t.MoonListeners={},o=e.data;for(var u in o){var v=o[u];64===u.charCodeAt(0)?R(u,v,s,l,t):"ariaset"===u||"dataset"===u||"style"===u?_(u,v,t):t[u]=v}}return new f(e,t,a)}function j(e,t){var a=e.node;if(a!==t)if(e.node=t,a.type!==t.type||a.name!==t.name){var n=e.element,r=Z(t),i=r.element;e.element=i,e.children=r.children,n.parentNode.replaceChild(n,i)}else if(a.type===M.text){var s=t.data[""];a.data[""]!==s&&(e.element.data=s)}else{var l=e.element,o=a.data,u=t.data;if(o!==u){for(var v in u){var f=o[v],c=u[v];if(f!==c)if(64===v.charCodeAt(0)){var d=l.MoonEvents;void 0===d[v]?R(v,c,d,l.MoonListeners,l):d[v]=c}else"ariaset"===v||"dataset"===v||"style"===v?(_(v,c,l),void 0!==f&&z(v,f,c,l)):l[v]=c}for(var h in o)if(!(h in u))if(64===h.charCodeAt(0)){var m=l.MoonListeners;l.removeEventListener(m[h]),m[h]=void 0,l.MoonEvents[h]=void 0}else"ariaset"===h||"dataset"===h||"style"===h?z(h,o[h],{},l):l.removeAttribute(h)}var p=e.children,g=t.children;if(p!==g){var b=p.length,w=g.length;if(b===w)for(var y=0;y<b;y++)j(p[y],g[y]);else if(w<b){for(var S=0;S<w;S++)j(p[S],g[S]);for(var x=w;x<b;x++)l.removeChild(p.pop().element)}else{for(var A=0;A<b;A++)j(p[A],g[A]);for(var C=b;C<w;C++){var k=Z(g[C]);p.push(k),l.appendChild(k.element)}}}}}function y(){var e=w[0];for(var t in e)s[t]=e[t];!function(e){c=e}(g.Root(o,s,l,b.Root)),function e(t){for(;;){for(var a=t.pop(),n=a.children;a.type===M.component;){var r=a.name,i=g[r](o,a.data,n,b[r]);a.type=i.type,a.name=i.name,a.data=i.data,n=a.children=i.children}var s=n.length;if(0!==s)for(var l=0;l<s;l++)t.push(n[l]);if(0===t.length){j(v,c),w.shift(),0!==w.length&&(16<=Date.now()-p?requestAnimationFrame(function(){p=Date.now(),y()}):y());break}if(16<=Date.now()-p){requestAnimationFrame(function(){p=Date.now(),e(t)});break}}}([c])}function S(e){w.push(e),1===w.length&&requestAnimationFrame(function(){p=Date.now(),y()})}function e(e){var t=k(e.name,"Root"),i=e.data,s=e.view;if("string"==typeof s&&(s=new Function("m","md","mc","ms",m(s))),b[t]=[],g[t]=void 0===i?s:function(e,t,a,n){for(var r in i)r in t||(t[r]=i[r]);return s(e,t,a,n)},"Root"===t){var a=e.root;"string"==typeof a&&(a=document.querySelector(a));for(var n=a.attributes,r={},l=0;l<n.length;l++){var o=n[l];r[o.name]=o.value}!function(e){v=e}(new f(new u(M.element,a.tagName.toLowerCase(),r,[]),a,[])),S(k(i,{}))}}return Node.prototype.MoonEvents=null,Node.prototype.MoonListeners=null,e.lex=a,e.parse=r,e.generate=i,e.compile=m,e.components=g,e.get=s,e.set=S,e});
\ No newline at end of file
+!function(e,t){"undefined"==typeof module?e.Moon=t():module.exports=t()}(this,function(){"use strict";var P={element:0,text:1,component:2};function v(e,t,a){this.node=e,this.element=t,this.children=a}function u(e,t,a,n){this.type=e,this.name=t,this.data=a,this.children=n}function E(e,t){return void 0===e?t:e}function n(e,t,a,n){return new u(e,t,a,n)}var d,N=/^\s+$/,A=/<([\w\d-_]+)([^>]*?)(\/?)>/g,t=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,M=/&amp;|&gt;|&lt;|&nbsp;|&quot;|\\|"|\n|\r/g,r=["NaN","false","in","null","this","true","typeof","undefined","window"],C={class:"className",for:"htmlFor"},O={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n","\r":"\\r"};function q(e){var a=!0;return{value:e.replace(t,function(e,t){return void 0===t||-1!==r.indexOf(t)?e:(a=!1,"$"===t[0]?t:"md."+t)}),isStatic:a}}function a(e){e=e.trim();for(var t=[],a=0;a<e.length;){var n=e[a];if("<"===n){var r=e[a+1];if("/"===r){var i=e.indexOf(">",a+2),l=e.slice(a+2,i);0,t.push({type:"tagClose",value:l}),a=i+1;continue}if("!"===r&&"-"===e[a+2]&&"-"===e[a+3]){var o=e.indexOf("--\x3e",a+4);0,a=o+3;continue}A.lastIndex=a;var s=A.exec(e);0;for(var u=s[0],v=s[1],d=s[2],f=s[3],p={},m=0;m<d.length;m++){var c=d[m];if(!N.test(c)){for(var h="",y="true";m<d.length&&(c=d[m],!N.test(c));m++){if("="===c){y="";break}h+=c}var g=C[h];if(void 0!==g&&(h=g),0===y.length){var b=d[++m];"{"===b?b="}":y+=b,m+=1;for(var k=0;m<d.length;m++)if("{"===(c=d[m]))k+=1,y+=c;else if(c===b){if("}"!==b){y+=c,p[h]={value:y,isStatic:!0};break}if(0===k){64===h.charCodeAt(0)?p[h]={value:"["+q(y).value+",md,mc]",isStatic:!1}:p[h]=q(y);break}k-=1,y+=c}else y+=c;m+=1}else p[h]={value:y,isStatic:!0}}}t.push({type:"tagOpen",value:v,attributes:p,closed:"/"===f}),a+=u.length}else if("{"===n){var w="",D=0;for(a+=1;a<e.length;a++){var S=e[a];if("{"===S)D+=1,w+=S;else if("}"===S){if(0===D)break;D-=1,w+=S}else w+=S}t.push({type:"tagOpen",value:"text",attributes:{"":q(w)},closed:!0}),a+=1}else{for(var x="";a<e.length;a++){var E=e[a];if("<"===E||"{"===E)break;x+=E}N.test(x)||t.push({type:"tagOpen",value:"text",attributes:{"":{value:'"'+x.replace(M,function(e){return O[e]})+'"',isStatic:!0}},closed:!0})}}return t}function f(e,t,a,n){this.message=e,this.start=t,this.end=a,this.next=n}function p(e,t,a){var n=a[e],r=a[t-1],i=t-e;if(0==i)return new f("",e,t);if(1==i)return"tagOpen"===n.type&&!0===n.closed?{name:n.value,attributes:n.attributes,children:[]}:new f("",e,t);if("tagOpen"!==n.type||"tagClose"!==r.type||n.value!==r.value)return new f("",e,t);var l=function e(t,a,n){var r;if(0==a-t)return[];for(var i=t+1;i<=a;i++){var l=p(t,i,n);if(l instanceof f)r=l;else{var o=e(i,a,n);if(!(o instanceof f)){for(var s=[l],u=0;u<o.length;u++)s.push(o[u]);return s}}}return new f("",t,a,r)}(e+1,t-1,a);return l instanceof f?new f("",e,t,l):{name:n.value,attributes:n.attributes,children:l}}function i(e){var t=p(0,e.length,e);return t}function $(e,t,a,n){var r,i=F(t.children[0],t,0,a,n);if(i.isStatic){var l=n.length;n.push(i.prelude+"ms["+l+"]="+i.node+";"),r=e+"=ms["+l+"];"}else r=""+i.prelude+e+"="+i.node+";";return{clause:r,variable:i.variable}}function F(e,t,a,n,r){var i,l=e.name,o=!0,s=!0;if("element"===l)return function(e,t,a){var n=e.attributes,r=n.name,i=n.data,l=n.children,o=i.isStatic,s=r.isStatic&&o&&l.isStatic,u=i.value;if(!s&&o){var v=a.length;a.push("ms["+v+"]="+u+";"),u="ms["+v+"]"}return{prelude:"",node:"m("+P.element+","+r.value+","+u+","+l.value+")",isStatic:s,variable:t}}(e,n,r);if("if"===l)return function(e,t,a,n,r){var i="m"+n,l="",o=!0,s=$(i,e,n+1,r);if(l+="var "+i+";if("+e.attributes[""].value+"){"+s.clause+"}",n=s.variable,null!==t)for(var u=t.children,v=a+1;v<u.length;){var d=u[v];if("else-if"===d.name){var f=$(i,d,n,r);l+="else if("+d.attributes[""].value+"){"+f.clause+"}",n=f.variable,u.splice(v,1)}else{if("else"!==d.name)break;var p=$(i,d,n,r);l+="else{"+p.clause+"}",n=p.variable,o=!1,u.splice(v,1)}}if(o){var m=r.length;r.push("ms["+m+"]=m("+P.text+',"text",{"":""},[]);'),l+="else{"+i+"=ms["+m+"];}"}return{prelude:l,node:i,isStatic:!1,variable:n}}(e,t,a,n,r);if("for"===l)return function(e,t,a){var n,r,i,l="m"+t,o=e.attributes,s=o[""].value.split(","),u=E(o.name,{value:'"span"'}).value,v=E(o.data,{value:"{}",isStatic:!0}),d=o.of,f=o.in,p=F(e.children[0],e,0,t+1,a);if(t=p.variable,p.isStatic){var m=a.length;a.push(p.prelude+"ms["+m+"]="+p.node+";"),i=l+".push(ms["+m+"]);"}else i=p.prelude+l+".push("+p.node+");";if(r=void 0===d?(f=f.value,"for(var "+(n=s[0])+" in "+f+"){"+(2===s.length?"var "+s[1]+"="+f+"["+n+"];":"")+i+"}"):(d=d.value,"for(var "+(n=2===s.length?s[1]:"m"+t++)+"=0;"+n+"<"+d+".length;"+n+"++){var "+s[0]+"="+d+"["+n+"];"+i+"}"),v.isStatic){var c=a.length;a.push("ms["+c+"]="+v.value+";"),v="ms["+c+"]"}else v=v.value;return{prelude:"var "+l+"=[];"+r,node:"m("+P.element+","+u+","+v+","+l+")",isStatic:!1,variable:t}}(e,n,r);i="text"===l?P.text:l[0]===l[0].toLowerCase()?P.element:P.component;var u=e.attributes,v="",d="{",f="[",p="";for(var m in u){var c=u[m];c.isStatic||(o=!1),d+=p+'"'+m+'":'+c.value,p=","}d+="}";var h=e.children,y=[];p="";for(var g=0;g<h.length;g++){var b=F(h[g],e,g,n,r);b.isStatic||(s=!1),n=b.variable,y.push(b)}for(var k=0;k<y.length;k++){var w=y[k];if(s||!w.isStatic)v+=w.prelude,f+=p+w.node;else{var D=r.length;r.push(w.prelude+"ms["+D+"]="+w.node+";"),f+=p+"ms["+D+"]"}p=","}if(f+="]",o&&!s){var S=r.length;r.push("ms["+S+"]="+d+";"),d="ms["+S+"]"}else if(!o&&s){var x=r.length;r.push("ms["+x+"]="+f+";"),f="ms["+x+"]"}return{prelude:v,node:"m("+i+',"'+l+'",'+d+","+f+")",isStatic:o&&s,variable:n}}function l(e){var t=[],a=F(e,null,0,0,t),n=a.prelude,r=a.node;return a.isStatic?"if(ms[0]===undefined){"+n+"ms[0]="+r+";}return ms[0];":"if(ms[0]===undefined){"+t.join("")+"}"+n+"return "+r+";"}function m(e){return l(i(a(e)))}function c(e,t,a){if("ariaset"===t)for(var n in a)e.setAttribute("aria-"+n,a[n]);else{var r=e[t];for(var i in a)r[i]=a[i]}}function o(e,t,a,n){for(var r in a)if(!(r in n))switch(t){case"ariaset":e.removeAttribute("aria-"+r);break;case"dataset":delete e.dataset[t];break;default:e.style[t]=""}}var L,h={},s={},y=[],g={};var _=[],z={appendNode:0,removeNode:1,replaceNode:2,setDataEvent:3,updateDataProperty:4,updateDataText:5,updateDataEvent:6,updateDataSet:7,removeDataProperty:8,removeDataEvent:9,removeDataSet:10};function R(){}function T(e){var t,a=[];if(e.type===P.text)t=document.createTextNode(e.data[""]);else{t=document.createElement(e.name);for(var n=e.children,r=0;r<n.length;r++){var i=T(n[r]);a.push(i),t.appendChild(i.element)}var l=e.data;for(var o in l){var s=l[o];if(64===o.charCodeAt(0)){var u=t.MoonEvent;null===u&&(u=t.MoonEvent=new R),u[o]=s,t.addEventListener(o.slice(1),u)}else"ariaset"===o||"dataset"===o||"style"===o?c(t,o,s):t[o]=s}}return new v(e,t,a)}function Z(e){for(;e.type===P.component;){var t=e.name,a=h[t](n,e.data,e.children,g[t]);e.type=a.type,e.name=a.name,e.data=a.data,e.children=a.children}}function j(e){for(var t=0;t<e.length;t++){var a=e[t];switch(a.type){case z.appendNode:a.elementParent.appendChild(a.element);break;case z.removeNode:a.elementParent.removeChild(a.element);break;case z.replaceNode:a.elementParent.replaceChild(a.elementOld,a.elementNew);break;case z.setDataEvent:var n=a.elementMoonEvent,r=a.key;n[r]=a.value,a.element.addEventListener(r.slice(1),n);break;case z.updateDataProperty:a.element[a.key]=a.value;break;case z.updateDataText:a.element.data=a.text;break;case z.updateDataEvent:a.elementMoonEvent[a.key]=a.value;break;case z.updateDataSet:c(a.element,a.key,a.value);break;case z.removeDataProperty:a.element.removeAttribute(a.key);break;case z.removeDataEvent:var i=a.elementMoonEvent,l=a.key;i[l]=void 0,a.element.removeEventListener(l.slice(1),i);break;case z.removeDataSet:o(a.element,a.key,a.value,a.exclude)}}}function I(){var e=_[0];for(var t in e)s[t]=e[t];!function e(t,a,n){for(;;){var r=t.pop(),i=r.node,l=a.pop();if(Z(l),i!==l)if(r.node=l,i.type!==l.type||i.name!==l.name){var o=r.element,s=T(l),u=s.element;r.element=u,r.children=s.children,n.push({type:z.replaceNode,elementOld:o,elementNew:u,elementParent:o.parentNode})}else if(i.type===P.text){var v=l.data[""];i.data[""]!==v&&n.push({type:z.updateDataText,element:r.element,text:v})}else{var d=r.element,f=i.data,p=l.data;if(f!==p){for(var m in p){var c=f[m],h=p[m];if(c!==h)if(64===m.charCodeAt(0)){var y=d.MoonEvent;null===y&&(y=d.MoonEvent=new R),void 0===y[m]?n.push({type:z.setDataEvent,element:d,elementMoonEvent:y,key:m,value:h}):n.push({type:z.updateDataEvent,elementMoonEvent:y,key:m,value:h})}else"ariaset"===m||"dataset"===m||"style"===m?(n.push({type:z.updateDataSet,element:d,key:m,value:h}),void 0!==c&&n.push({type:z.removeDataSet,element:d,key:m,value:c,exclude:h})):n.push({type:z.updateDataProperty,element:d,key:m,value:h})}for(var g in f)g in p||(64===g.charCodeAt(0)?n.push({type:z.removeDataEvent,element:d,elementMoonEvent:d.MoonEvent,key:g}):"ariaset"===g||"dataset"===g||"style"===g?n.push({type:z.removeDataSet,element:d,key:g,value:f[g],exclude:{}}):n.push({type:z.removeDataProperty,element:d,key:g}))}var b=r.children,k=l.children;if(b!==k){var w=b.length,D=k.length;if(w===D)for(var S=0;S<w;S++)t.push(b[S]),a.push(k[S]);else if(D<w){for(var x=0;x<D;x++)t.push(b[x]),a.push(k[x]);for(var E=D;E<w;E++)n.push({type:z.removeNode,element:b.pop().element,elementParent:d})}else{for(var N=0;N<w;N++)t.push(b[N]),a.push(k[N]);for(var A=w;A<D;A++){var M=k[A];Z(M);var C=T(M);b.push(C),n.push({type:z.appendNode,element:C.element,elementParent:d})}}}}if(0===t.length){j(n),_.shift(),0!==_.length&&(16<=Date.now()-L?requestAnimationFrame(function(){L=Date.now(),I()}):I());break}if(16<=Date.now()-L){requestAnimationFrame(function(){L=Date.now(),e(t,a,n)});break}}}([d],[h.Root(n,s,y,g.Root)],[])}function b(e){_.push(e),1===_.length&&requestAnimationFrame(function(){L=Date.now(),I()})}function e(e){var t=E(e.name,"Root"),i=e.data,l=e.view;if("string"==typeof l&&(l=new Function("m","md","mc","ms",m(l))),g[t]=[],h[t]=void 0===i?l:function(e,t,a,n){for(var r in i)r in t||(t[r]=i[r]);return l(e,t,a,n)},"Root"===t){var a=e.root;"string"==typeof a&&(a=document.querySelector(a));for(var n=a.attributes,r={},o=0;o<n.length;o++){var s=n[o];r[s.name]=s.value}!function(e){d=e}(new v(new u(P.element,a.tagName.toLowerCase(),r,[]),a,[])),b(E(i,{}))}}return R.prototype.handleEvent=function(e){var t=this["@"+e.type];t[0](e,t[1],t[2])},Node.prototype.MoonEvent=null,e.lex=a,e.parse=i,e.generate=l,e.compile=m,e.components=h,e.get=s,e.set=b,e});
\ No newline at end of file
diff --git a/packages/moon/src/executor/executor.js b/packages/moon/src/executor/executor.js
index 373f6943..24c965e0 100644
--- a/packages/moon/src/executor/executor.js
+++ b/packages/moon/src/executor/executor.js
@@ -1,5 +1,5 @@
-import { setEvent, updateAttributeSet, removeAttributeSet } from "./util/util";
-import { components, md, mc, ms, viewNew, viewOld, setViewNew } from "../util/globals";
+import { updateDataSet, removeDataSet } from "./util/util";
+import { components, md, mc, ms, viewOld } from "../util/globals";
 import { m, NodeOld, types } from "../util/util";
 
 /**
@@ -13,10 +13,36 @@ let executeStart;
 let executeQueue = [];
 
 /**
- * Moon DOM node
+ * Patch types
  */
-Node.prototype.MoonEvents = null;
-Node.prototype.MoonListeners = null;
+const patchTypes = {
+	appendNode: 0,
+	removeNode: 1,
+	replaceNode: 2,
+	setDataEvent: 3,
+	updateDataProperty: 4,
+	updateDataText: 5,
+	updateDataEvent: 6,
+	updateDataSet: 7,
+	removeDataProperty: 8,
+	removeDataEvent: 9,
+	removeDataSet: 10
+};
+
+/**
+ * Moon event
+ *
+ * This is used as a global event handler for any event type, and it calls the
+ * corresponding handler with the event, data, and children.
+ */
+function MoonEvent() {}
+
+MoonEvent.prototype.handleEvent = function(event) {
+	const info = this["@" + event.type];
+	info[0](event, info[1], info[2]);
+};
+
+Node.prototype.MoonEvent = null;
 
 /**
  * Creates an old reference node from a view node.
@@ -41,14 +67,10 @@ function executeCreate(node) {
 		for (let i = 0; i < nodeChildren.length; i++) {
 			const childOld = executeCreate(nodeChildren[i]);
 
-			element.appendChild(childOld.element);
 			children.push(childOld);
+			element.appendChild(childOld.element);
 		}
 
-		// Store DOM events.
-		const MoonEvents = element.MoonEvents = {};
-		const MoonListeners = element.MoonListeners = {};
-
 		// Set data.
 		const nodeData = node.data;
 
@@ -57,14 +79,21 @@ function executeCreate(node) {
 
 			if (key.charCodeAt(0) === 64) {
 				// Set an event listener.
-				setEvent(key, value, MoonEvents, MoonListeners, element);
+				let elementMoonEvent = element.MoonEvent;
+
+				if (elementMoonEvent === null) {
+					elementMoonEvent = element.MoonEvent = new MoonEvent();
+				}
+
+				elementMoonEvent[key] = value;
+				element.addEventListener(key.slice(1), elementMoonEvent);
 			} else if (
 				key === "ariaset" ||
 				key === "dataset" ||
 				key === "style"
 			) {
 				// Set aria-*, data-*, and style attributes.
-				updateAttributeSet(key, value, element);
+				updateDataSet(element, key, value);
 			} else {
 				// Set an attribute.
 				element[key] = value;
@@ -78,44 +107,254 @@ function executeCreate(node) {
 }
 
 /**
- * Executes a view, including all components.
+ * Executes a component and modifies it to be the result of the component view.
  *
- * @param {Array} nodes
+ * @param {Object} node
  */
-function executeView(nodes) {
+function executeComponent(node) {
+	while (node.type === types.component) {
+		// Execute the component to get the component view.
+		const nodeName = node.name;
+		const nodeComponent = components[nodeName](
+			m,
+			node.data,
+			node.children,
+			ms[nodeName]
+		);
+
+		// Update the node to reflect the component view.
+		node.type = nodeComponent.type;
+		node.name = nodeComponent.name;
+		node.data = nodeComponent.data;
+		node.children = nodeComponent.children;
+	}
+}
+
+/**
+ * Executes a view and finds differences between nodes.
+ *
+ * @param {Array} nodesOld
+ * @param {Array} nodesNew
+ * @param {Array} patches
+ */
+function executeDiff(nodesOld, nodesNew, patches) {
 	while (true) {
-		const node = nodes.pop();
-		let nodeChildren = node.children;
-
-		while (node.type === types.component) {
-			// Execute the component to get the component view.
-			const nodeName = node.name;
-			const nodeComponent = components[nodeName](
-				m,
-				node.data,
-				nodeChildren,
-				ms[nodeName]
-			);
-
-			// Update the node to reflect the component view.
-			node.type = nodeComponent.type;
-			node.name = nodeComponent.name;
-			node.data = nodeComponent.data;
-			nodeChildren = node.children = nodeComponent.children;
-		}
+		const nodeOld = nodesOld.pop();
+		const nodeOldNode = nodeOld.node;
+		const nodeNew = nodesNew.pop();
+
+		// Execute any potential components.
+		executeComponent(nodeNew);
+
+		if (nodeOldNode !== nodeNew) {
+			// Update the old node reference. This doesn't affect the rest of the
+			// patch because it uses `nodeOldNode` instead of direct property access.
+			nodeOld.node = nodeNew;
+
+			if (
+				nodeOldNode.type !== nodeNew.type ||
+				nodeOldNode.name !== nodeNew.name
+			) {
+				// If the types or name aren't the same, then replace the old node
+				// with the new one.
+				const nodeOldElement = nodeOld.element;
+				const nodeOldNew = executeCreate(nodeNew);
+				const nodeOldNewElement = nodeOldNew.element;
+
+				nodeOld.element = nodeOldNewElement;
+				nodeOld.children = nodeOldNew.children;
+
+				patches.push({
+					type: patchTypes.replaceNode,
+					elementOld: nodeOldElement,
+					elementNew: nodeOldNewElement,
+					elementParent: nodeOldElement.parentNode
+				});
+			} else if (nodeOldNode.type === types.text) {
+				// If they both are text, then update the text content.
+				const nodeNewText = nodeNew.data[""];
+
+				if (nodeOldNode.data[""] !== nodeNewText) {
+					patches.push({
+						type: patchTypes.updateDataText,
+						element: nodeOld.element,
+						text: nodeNewText
+					});
+				}
+			} else {
+				// If they are both elements, then update the data.
+				const nodeOldElement = nodeOld.element;
+				const nodeOldNodeData = nodeOldNode.data;
+				const nodeNewData = nodeNew.data;
+
+				if (nodeOldNodeData !== nodeNewData) {
+					// First, go through all new data and update all of the existing data
+					// to match.
+					for (let keyNew in nodeNewData) {
+						const valueOld = nodeOldNodeData[keyNew];
+						const valueNew = nodeNewData[keyNew];
+
+						if (valueOld !== valueNew) {
+							if (keyNew.charCodeAt(0) === 64) {
+								// Update an event.
+								let nodeOldElementMoonEvent = nodeOldElement.MoonEvent;
+
+								if (nodeOldElementMoonEvent === null) {
+									nodeOldElementMoonEvent = nodeOldElement.MoonEvent = new MoonEvent();
+								}
+
+								if (nodeOldElementMoonEvent[keyNew] === undefined) {
+									// If the event doesn't exist, add a new event listener.
+									patches.push({
+										type: patchTypes.setDataEvent,
+										element: nodeOldElement,
+										elementMoonEvent: nodeOldElementMoonEvent,
+										key: keyNew,
+										value: valueNew
+									});
+								} else {
+									// If it does exist, update the existing event handler.
+									patches.push({
+										type: patchTypes.updateDataEvent,
+										elementMoonEvent: nodeOldElementMoonEvent,
+										key: keyNew,
+										value: valueNew
+									});
+								}
+							} else if (
+								keyNew === "ariaset" ||
+								keyNew === "dataset" ||
+								keyNew === "style"
+							) {
+								// If it is a set attribute, update all values in the set.
+								patches.push({
+									type: patchTypes.updateDataSet,
+									element: nodeOldElement,
+									key: keyNew,
+									value: valueNew
+								});
+
+								if (valueOld !== undefined) {
+									// If there was an old set, remove all old set attributes
+									// while excluding any new ones that still exist.
+									patches.push({
+										type: patchTypes.removeDataSet,
+										element: nodeOldElement,
+										key: keyNew,
+										value: valueOld,
+										exclude: valueNew
+									});
+								}
+							} else {
+								// Update a DOM property.
+								patches.push({
+									type: patchTypes.updateDataProperty,
+									element: nodeOldElement,
+									key: keyNew,
+									value: valueNew
+								});
+							}
+						}
+					}
+
+					// Next, go through all of the old data and remove data that isn't in
+					// the new data.
+					for (let keyOld in nodeOldNodeData) {
+						if (!(keyOld in nodeNewData)) {
+							if (keyOld.charCodeAt(0) === 64) {
+								// Remove an event.
+								patches.push({
+									type: patchTypes.removeDataEvent,
+									element: nodeOldElement,
+									elementMoonEvent: nodeOldElement.MoonEvent,
+									key: keyOld
+								});
+							} else if (
+								keyOld === "ariaset" ||
+								keyOld === "dataset" ||
+								keyOld === "style"
+							) {
+								// If it is a set attribute, remove all old values from the
+								// set and exclude nothing.
+								patches.push({
+									type: patchTypes.removeDataSet,
+									element: nodeOldElement,
+									key: keyOld,
+									value: nodeOldNodeData[keyOld],
+									exclude: {}
+								});
+							} else {
+								// Remove a DOM property.
+								patches.push({
+									type: patchTypes.removeDataProperty,
+									element: nodeOldElement,
+									key: keyOld
+								});
+							}
+						}
+					}
+				}
+
+				// Recursively patch children.
+				const childrenOld = nodeOld.children;
+				const childrenNew = nodeNew.children;
+
+				if (childrenOld !== childrenNew) {
+					const childrenOldLength = childrenOld.length;
+					const childrenNewLength = childrenNew.length;
+
+					if (childrenOldLength === childrenNewLength) {
+						// If the children have the same length then update both as
+						// usual.
+						for (let i = 0; i < childrenOldLength; i++) {
+							nodesOld.push(childrenOld[i]);
+							nodesNew.push(childrenNew[i]);
+						}
+					} else if (childrenOldLength > childrenNewLength) {
+						// If there are more old children than new children, update the
+						// corresponding ones and remove the extra old children.
+						for (let i = 0; i < childrenNewLength; i++) {
+							nodesOld.push(childrenOld[i]);
+							nodesNew.push(childrenNew[i]);
+						}
+
+						for (let i = childrenNewLength; i < childrenOldLength; i++) {
+							patches.push({
+								type: patchTypes.removeNode,
+								element: childrenOld.pop().element,
+								elementParent: nodeOldElement
+							});
+						}
+					} else {
+						// If there are more new children than old children, update the
+						// corresponding ones and append the extra new children.
+						for (let i = 0; i < childrenOldLength; i++) {
+							nodesOld.push(childrenOld[i]);
+							nodesNew.push(childrenNew[i]);
+						}
+
+						for (let i = childrenOldLength; i < childrenNewLength; i++) {
+							const childNew = childrenNew[i];
 
-		// Execute the views of the children.
-		const nodeChildrenLength = nodeChildren.length;
+							executeComponent(childNew);
 
-		if (nodeChildrenLength !== 0) {
-			for (let i = 0; i < nodeChildrenLength; i++) {
-				nodes.push(nodeChildren[i]);
+							const nodeOldNew = executeCreate(childNew);
+
+							childrenOld.push(nodeOldNew);
+							patches.push({
+								type: patchTypes.appendNode,
+								element: nodeOldNew.element,
+								elementParent: nodeOldElement
+							});
+						}
+					}
+				}
 			}
 		}
 
-		if (nodes.length === 0) {
+		if (nodesOld.length === 0) {
 			// Move to the patch phase if there is nothing left to do.
-			executePatch(viewOld, viewNew);
+			executePatch(patches);
 
 			// Remove the update from the queue.
 			executeQueue.shift();
@@ -142,7 +381,7 @@ function executeView(nodes) {
 			requestAnimationFrame(() => {
 				executeStart = Date.now();
 
-				executeView(nodes);
+				executeDiff(nodesOld, nodesNew, patches);
 			});
 
 			break;
@@ -151,162 +390,98 @@ function executeView(nodes) {
 }
 
 /**
- * Transforms an old node into a new one, making changes to the DOM as needed.
+ * Performs DOM patches.
  *
- * @param {Object} nodeOld
- * @param {Object} nodeNew
+ * @param {Array} patches
  */
-function executePatch(nodeOld, nodeNew) {
-	const nodeOldNode = nodeOld.node;
-
-	if (nodeOldNode !== nodeNew) {
-		// Update the old node reference. This doesn't affect the rest of the
-		// patch because it uses `nodeOldNode` instead of direct property access.
-		nodeOld.node = nodeNew;
-
-		if (
-			nodeOldNode.type !== nodeNew.type ||
-			nodeOldNode.name !== nodeNew.name
-		) {
-			// If the types or name aren't the same, then replace the old node
-			// with the new one.
-			const nodeOldElement = nodeOld.element;
-			const nodeOldNew = executeCreate(nodeNew);
-			const nodeOldNewElement = nodeOldNew.element;
-
-			nodeOld.element = nodeOldNewElement;
-			nodeOld.children = nodeOldNew.children;
-
-			nodeOldElement.parentNode.replaceChild(
-				nodeOldElement,
-				nodeOldNewElement
-			);
-		} else if (nodeOldNode.type === types.text) {
-			// If they both are text, then update the text content.
-			const nodeNewText = nodeNew.data[""];
-
-			if (nodeOldNode.data[""] !== nodeNewText) {
-				nodeOld.element.data = nodeNewText;
+function executePatch(patches) {
+	for (let i = 0; i < patches.length; i++) {
+		const patch = patches[i];
+
+		switch (patch.type) {
+			case patchTypes.appendNode: {
+				// Append an element.
+				patch.elementParent.appendChild(patch.element);
+
+				break;
 			}
-		} else {
-			// If they are both elements, then update the data.
-			const nodeOldElement = nodeOld.element;
-			const nodeOldNodeData = nodeOldNode.data;
-			const nodeNewData = nodeNew.data;
-
-			if (nodeOldNodeData !== nodeNewData) {
-				// First, go through all new data and update all of the existing data
-				// to match.
-				for (let keyNew in nodeNewData) {
-					const valueOld = nodeOldNodeData[keyNew];
-					const valueNew = nodeNewData[keyNew];
-
-					if (valueOld !== valueNew) {
-						if (keyNew.charCodeAt(0) === 64) {
-							// Update an event.
-							const MoonEvents = nodeOldElement.MoonEvents;
-
-							if (MoonEvents[keyNew] === undefined) {
-								// If the event doesn't exist, add a new event listener.
-								setEvent(
-									keyNew,
-									valueNew,
-									MoonEvents,
-									nodeOldElement.MoonListeners,
-									nodeOldElement
-								);
-							} else {
-								// If it does exist, update the existing event handler.
-								MoonEvents[keyNew] = valueNew;
-							}
-						} else if (
-							keyNew === "ariaset" ||
-							keyNew === "dataset" ||
-							keyNew === "style"
-						) {
-							// If it is a set attribute, update all values in the set.
-							updateAttributeSet(keyNew, valueNew, nodeOldElement);
-
-							if (valueOld !== undefined) {
-								// If there was an old set, remove all old set attributes
-								// while excluding any new ones that still exist.
-								removeAttributeSet(keyNew, valueOld, valueNew, nodeOldElement);
-							}
-						} else {
-							// Update a DOM property.
-							nodeOldElement[keyNew] = valueNew;
-						}
-					}
-				}
 
-				// Next, go through all of the old data and remove data that isn't in
-				// the new data.
-				for (let keyOld in nodeOldNodeData) {
-					if (!(keyOld in nodeNewData)) {
-						if (keyOld.charCodeAt(0) === 64) {
-							// Remove an event.
-							const MoonListeners = nodeOldElement.MoonListeners;
-
-							// Remove the event listener from the DOM.
-							nodeOldElement.removeEventListener(MoonListeners[keyOld]);
-
-							// Remove both the event listener and event handler.
-							MoonListeners[keyOld] = undefined;
-							nodeOldElement.MoonEvents[keyOld] = undefined;
-						} else if (
-							keyOld === "ariaset" ||
-							keyOld === "dataset" ||
-							keyOld === "style"
-						) {
-							// If it is a set attribute, remove all old values from the
-							// set and exclude nothing.
-							removeAttributeSet(keyOld, nodeOldNodeData[keyOld], {}, nodeOldElement);
-						} else {
-							// Remove a DOM property.
-							nodeOldElement.removeAttribute(keyOld);
-						}
-					}
-				}
+			case patchTypes.removeNode: {
+				// Remove an element.
+				patch.elementParent.removeChild(patch.element);
+
+				break;
 			}
 
-			// Recursively patch children.
-			const childrenOld = nodeOld.children;
-			const childrenNew = nodeNew.children;
+			case patchTypes.replaceNode: {
+				// Replace an old element with a new one.
+				patch.elementParent.replaceChild(patch.elementOld, patch.elementNew);
 
-			if (childrenOld !== childrenNew) {
-				const childrenOldLength = childrenOld.length;
-				const childrenNewLength = childrenNew.length;
+				break;
+			}
 
-				if (childrenOldLength === childrenNewLength) {
-					// If the children have the same length then update both as
-					// usual.
-					for (let i = 0; i < childrenOldLength; i++) {
-						executePatch(childrenOld[i], childrenNew[i]);
-					}
-				} else if (childrenOldLength > childrenNewLength) {
-					// If there are more old children than new children, update the
-					// corresponding ones and remove the extra old children.
-					for (let i = 0; i < childrenNewLength; i++) {
-						executePatch(childrenOld[i], childrenNew[i]);
-					}
+			case patchTypes.setDataEvent: {
+				// Set an event listener.
+				const elementMoonEvent = patch.elementMoonEvent;
+				const key = patch.key;
 
-					for (let i = childrenNewLength; i < childrenOldLength; i++) {
-						nodeOldElement.removeChild(childrenOld.pop().element);
-					}
-				} else {
-					// If there are more new children than old children, update the
-					// corresponding ones and append the extra new children.
-					for (let i = 0; i < childrenOldLength; i++) {
-						executePatch(childrenOld[i], childrenNew[i]);
-					}
+				elementMoonEvent[key] = patch.value;
+				patch.element.addEventListener(key.slice(1), elementMoonEvent);
 
-					for (let i = childrenOldLength; i < childrenNewLength; i++) {
-						const nodeOldNew = executeCreate(childrenNew[i]);
+				break;
+			}
 
-						childrenOld.push(nodeOldNew);
-						nodeOldElement.appendChild(nodeOldNew.element);
-					}
-				}
+			case patchTypes.updateDataProperty: {
+				// Update a DOM property.
+				patch.element[patch.key] = patch.value;
+
+				break;
+			}
+
+			case patchTypes.updateDataText: {
+				// Update text.
+				patch.element.data = patch.text;
+
+				break;
+			}
+
+			case patchTypes.updateDataEvent: {
+				// Update an event listener.
+				patch.elementMoonEvent[patch.key] = patch.value;
+
+				break;
+			}
+
+			case patchTypes.updateDataSet: {
+				// Update an attribute set.
+				updateDataSet(patch.element, patch.key, patch.value);
+
+				break;
+			}
+
+			case patchTypes.removeDataProperty: {
+				// Remove a DOM property.
+				patch.element.removeAttribute(patch.key);
+
+				break;
+			}
+
+			case patchTypes.removeDataEvent: {
+				// Remove an event listener.
+				const elementMoonEvent = patch.elementMoonEvent;
+				const key = patch.key;
+
+				elementMoonEvent[key] = undefined;
+				patch.element.removeEventListener(key.slice(1), elementMoonEvent);
+
+				break;
+			}
+
+			case patchTypes.removeDataSet: {
+				// Remove an attribute set.
+				removeDataSet(patch.element, patch.key, patch.value, patch.exclude);
+
+				break;
 			}
 		}
 	}
@@ -325,8 +500,7 @@ function executeNext() {
 	}
 
 	// Begin the view phase.
-	setViewNew(components.Root(m, md, mc, ms.Root));
-	executeView([viewNew]);
+	executeDiff([viewOld], [components.Root(m, md, mc, ms.Root)], []);
 }
 
 /**
@@ -334,21 +508,22 @@ function executeNext() {
  *
  * The executor runs in two phases.
  *
- * 1. View
+ * 1. Diff
  * 2. Patch
  *
- * The view phase consists of walking the new tree and executing components.
- * This is run over multiple frames because big view trees can take a while to
- * generate, and the user can provide input to create various events during
- * this render. Instead of freezing up the browser, Moon allows events to be
- * handled in between frames while the view is rendering.
+ * The diff phase consists of walking the new tree and executing components and
+ * finding differences between the trees. At the same time, the old tree is
+ * changed to include references to the new one. This is run over multiple
+ * frames because big view trees can take a while to generate, and the user can
+ * provide input to create various events during this render. Instead of
+ * freezing up the browser, Moon allows events to be handled in between frames
+ * while the view is rendering.
  *
  * The patch phase consists of transforming the old tree into the new view
- * tree. Differences between nodes are found, and their equivalent DOM
- * operations are performed to update the DOM. At the same time, the old view
- * tree is updated to match the new one without mutating the new tree. This
- * allows for a quick reference check to skip over a patch. This phase is run
- * over one frame to prevent an inconsistent UI -- similar to screen tearing.
+ * tree. DOM operations from the previous phase are performed to update the
+ * DOM. This allows for a quick reference check to skip over a patch. This
+ * phase is run over one frame to prevent an inconsistent UI -- similar to
+ * screen tearing.
  *
  * @param {Object} dataNew
  */
diff --git a/packages/moon/src/executor/util/util.js b/packages/moon/src/executor/util/util.js
index eb80ead7..5f399c10 100644
--- a/packages/moon/src/executor/util/util.js
+++ b/packages/moon/src/executor/util/util.js
@@ -1,11 +1,11 @@
 /**
  * Update an ariaset, dataset, or style attribute.
  *
+ * @param {Object} element
  * @param {string} key
  * @param {Object} value
- * @param {Object} element
  */
-export function updateAttributeSet(key, value, element) {
+export function updateDataSet(element, key, value) {
 	if (key === "ariaset") {
 		// Set aria-* attributes.
 		for (let setKey in value) {
@@ -25,12 +25,12 @@ export function updateAttributeSet(key, value, element) {
  * Remove all the keys from an ariaset, dataset, or style attribute that aren't
  * in `exclude`.
  *
+ * @param {Object} element
  * @param {string} key
  * @param {string} value
  * @param {Object} exclude
- * @param {Object} element
  */
-export function removeAttributeSet(key, value, exclude, element) {
+export function removeDataSet(element, key, value, exclude) {
 	for (let setKey in value) {
 		if (!(setKey in exclude)) {
 			switch (key) {
@@ -46,21 +46,3 @@ export function removeAttributeSet(key, value, exclude, element) {
 		}
 	}
 }
-
-/**
- * Set an event listener on an element.
- *
- * @param {string} type
- * @param {Array} info
- * @param {Object} MoonEvents
- * @param {Object} MoonListeners
- * @param {Object} element
- */
-export function setEvent(type, info, MoonEvents, MoonListeners, element) {
-	MoonEvents[type] = info;
-
-	element.addEventListener(type.slice(1), MoonListeners[type] = (event) => {
-		const info = MoonEvents[type];
-		info[0](event, info[1], info[2]);
-	});
-}
diff --git a/packages/moon/src/util/globals.js b/packages/moon/src/util/globals.js
index c9314b36..fe86553a 100644
--- a/packages/moon/src/util/globals.js
+++ b/packages/moon/src/util/globals.js
@@ -1,7 +1,7 @@
 /**
- * Global views
+ * Global old view
  */
-export let viewOld, viewNew;
+export let viewOld;
 
 /**
  * Global component store
@@ -31,12 +31,3 @@ export const ms = {};
 export function setViewOld(viewOldNew) {
 	viewOld = viewOldNew;
 }
-
-/**
- * Set new view to a new object.
- *
- * @param {Object} viewNewNew
- */
-export function setViewNew(viewNewNew) {
-	viewNew = viewNewNew;
-}