diff --git a/dist/moon.js b/dist/moon.js
index 180e6249..32054747 100644
--- a/dist/moon.js
+++ b/dist/moon.js
@@ -1216,23 +1216,29 @@
     
         // Generate all other attributes
         for (var attr in attrs) {
+          // Attribute Info
+          var attrInfo = attrs[attr];
+    
           // Get attr by it's actual name (in case it had any arguments)
-          var attrName = attrs[attr].name;
+          var attrName = attrInfo.name;
+    
+          // Late bind for special directive
+          var specialDirective = null;
     
           // If it is a directive, mark it as dynamic
-          if (specialDirectives[attrName]) {
+          if ((specialDirective = specialDirectives[attrName]) !== undefined) {
             // Generate Special Directives
             // Special directive found that generates code after initial generation, push it to its known special directives to run afterGenerate later
-            if (specialDirectives[attrName].afterGenerate) {
+            if (specialDirective.afterGenerate) {
               if (!vnode.specialDirectivesAfter) {
                 vnode.specialDirectivesAfter = {};
               }
-              vnode.specialDirectivesAfter[attr] = attrs[attr];
+              vnode.specialDirectivesAfter[attr] = attrInfo;
             }
     
             // Invoke any special directives that need to change values of props during code generation
-            if (specialDirectives[attrName].duringPropGenerate) {
-              generatedObject += specialDirectives[attrName].duringPropGenerate(attrs[attr].value, attrs[attr].meta, vnode);
+            if (specialDirective.duringPropGenerate) {
+              generatedObject += specialDirective.duringPropGenerate(attrInfo.value, attrInfo.meta, vnode);
             }
     
             // Keep a flag to know to always rerender this
@@ -1241,10 +1247,10 @@
             // Remove special directive
             delete attrs[attr];
           } else if (directives[attrName]) {
-            vnode.props.directives.push(attrs[attr]);
+            vnode.props.directives.push(attrInfo);
             vnode.meta.shouldRender = true;
           } else {
-            var normalizedProp = JSON.stringify(attrs[attr].value);
+            var normalizedProp = JSON.stringify(attrInfo.value);
             var compiledProp = compileTemplate(normalizedProp, true);
             if (normalizedProp !== compiledProp) {
               vnode.meta.shouldRender = true;
@@ -1253,7 +1259,8 @@
           }
         }
     
-        if (Object.keys(attrs).length) {
+        // Close object
+        if (Object.keys(attrs).length !== 0) {
           generatedObject = generatedObject.slice(0, -2) + "}";
         } else {
           generatedObject += "}";
@@ -1262,12 +1269,17 @@
     
       // Check for DOM Properties
       var dom = vnode.props.dom;
-      if (dom) {
+      if (dom !== undefined) {
         vnode.meta.shouldRender = true;
+        // Add dom property
         generatedObject += ", dom: {";
+    
+        // Generate all properties
         for (var domProp in dom) {
           generatedObject += '"' + domProp + '": ' + dom[domProp] + ', ';
         }
+    
+        // Close object
         generatedObject = generatedObject.slice(0, -2) + "}";
       }
     
@@ -1278,14 +1290,16 @@
     
         for (var i = 0; i < allDirectives.length; i++) {
           var directiveInfo = allDirectives[i];
+          // If literal, then add value as a literal expression, or escape it
           var normalizedValue = directiveInfo.literal ? directiveInfo.value : JSON.stringify(directiveInfo.value);
           generatedObject += '"' + directiveInfo.name + '": ' + normalizedValue + ', ';
         }
     
+        // Close object
         generatedObject = generatedObject.slice(0, -2) + "}";
       }
     
-      // Close the generated object
+      // Close the final generated object
       generatedObject += "}";
       return generatedObject;
     };
@@ -1296,15 +1310,20 @@
      * @return {String} generated code
      */
     var generateEventListeners = function (listeners) {
+      // If no listeners, return empty object
       if (Object.keys(listeners).length === 0) {
         return "{}";
       }
+    
+      // Begin object
       var generatedObject = "{";
     
+      // Generate an array for all listeners
       for (var type in listeners) {
         generatedObject += '"' + type + '": [' + generateArray(listeners[type]) + '], ';
       }
     
+      // Close object
       generatedObject = generatedObject.slice(0, -2) + "}";
     
       return generatedObject;
@@ -1316,8 +1335,10 @@
      * @return {String} generated code
      */
     var generateMeta = function (meta) {
+      // Begin generated object
       var generatedObject = "{";
     
+      // Generate all metadata
       for (var key in meta) {
         if (key === 'eventListeners') {
           generatedObject += '"' + key + '": ' + generateEventListeners(meta[key]) + ', ';
@@ -1326,6 +1347,7 @@
         }
       }
     
+      // Close object
       generatedObject = generatedObject.slice(0, -2) + "}";
     
       return generatedObject;
@@ -1337,12 +1359,15 @@
      * @return {String} generated array
      */
     var generateArray = function (arr) {
+      // Begin array
       var generatedArray = "";
     
+      // Generate all items (literal expressions)
       for (var i = 0; i < arr.length; i++) {
         generatedArray += arr[i] + ', ';
       }
     
+      // Close array
       generatedArray = generatedArray.slice(0, -2);
     
       return generatedArray;
@@ -1362,12 +1387,12 @@
       call += generateProps(vnode, parentVNode) + ", ";
     
       // Generate code for children recursively here (in case modified by special directives)
-      var children = vnode.children.map(function (item) {
-        return generateEl(item, vnode);
+      var children = vnode.children.map(function (vchild) {
+        return generateEl(vchild, vnode);
       });
     
       // If the "shouldRender" flag is not present, ensure node will be updated
-      if (vnode.meta.shouldRender && parentVNode) {
+      if (vnode.meta.shouldRender === true && parentVNode !== undefined) {
         parentVNode.meta.shouldRender = true;
       }
     
@@ -1375,13 +1400,16 @@
       call += generateMeta(vnode.meta);
     
       // Generate Code for Children
-      if (children.length) {
-        if (vnode.deep) {
+      if (children.length !== 0) {
+        if (vnode.deep === true) {
+          // If deep, flatten it in the code
           call += ', [].concat.apply([], [' + generateArray(children) + '])';
         } else {
+          // Not deep, generate a shallow array
           call += ', [' + generateArray(children) + ']';
         }
       } else {
+        // No children, empty array
         call += ", []";
       }
     
@@ -1390,19 +1418,17 @@
       return call;
     };
     
-    var generateEl = function (el, parentEl) {
+    var generateEl = function (vnode, parentVNode) {
       var code = "";
     
-      if (typeof el === "string") {
+      if (typeof vnode === "string") {
         // Escape newlines and double quotes, and compile the string
-        var escapedString = escapeString(el);
+        var escapedString = escapeString(vnode);
         var compiledText = compileTemplate(escapedString, true);
         var textMeta = defaultMetadata();
     
         if (escapedString !== compiledText) {
-          if (parentEl) {
-            parentEl.meta.shouldRender = true;
-          }
+          parentVNode.meta.shouldRender = true;
           textMeta.shouldRender = true;
         }
     
@@ -1411,38 +1437,38 @@
         // Recursively generate code for children
     
         // Generate Metadata if not Already
-        if (!el.meta) {
-          el.meta = defaultMetadata();
+        if (!vnode.meta) {
+          vnode.meta = defaultMetadata();
         }
     
         // Detect SVG Element
-        if (el.isSVG) {
-          el.meta.isSVG = true;
+        if (vnode.isSVG) {
+          vnode.meta.isSVG = true;
         }
     
         // Setup Nested Attributes within Properties
-        el.props = {
-          attrs: el.props
+        vnode.props = {
+          attrs: vnode.props
         };
     
         // Create a Call for the Element, or Register a Slot
-        var slotNameAttr = el.props.attrs.name;
         var compiledCode = "";
-        if (el.type === "slot") {
-          if (parentEl) {
-            parentEl.meta.shouldRender = true;
-            parentEl.deep = true;
-          }
+    
+        if (vnode.type === "slot") {
+          parentVNode.meta.shouldRender = true;
+          parentVNode.deep = true;
+    
+          var slotNameAttr = vnode.props.attrs.name;
           compiledCode = 'instance.$slots[\'' + (slotNameAttr && slotNameAttr.value || "default") + '\']';
         } else {
-          compiledCode = createCall(el, parentEl);
+          compiledCode = createCall(vnode, parentVNode);
         }
     
         // Check for Special Directives that change the code after generation and run them
-        if (el.specialDirectivesAfter) {
-          for (var specialDirectiveAfterInfo in el.specialDirectivesAfter) {
-            var specialDirectiveAfter = el.specialDirectivesAfter[specialDirectiveAfterInfo];
-            compiledCode = specialDirectives[specialDirectiveAfter.name].afterGenerate(specialDirectiveAfter.value, specialDirectiveAfter.meta, compiledCode, el);
+        if (vnode.specialDirectivesAfter !== undefined) {
+          for (var specialDirectiveAfterInfo in vnode.specialDirectivesAfter) {
+            var specialDirectiveAfter = vnode.specialDirectivesAfter[specialDirectiveAfterInfo];
+            compiledCode = specialDirectives[specialDirectiveAfter.name].afterGenerate(specialDirectiveAfter.value, specialDirectiveAfter.meta, compiledCode, vnode);
           }
         }
         code += compiledCode;
diff --git a/dist/moon.min.js b/dist/moon.min.js
index 06617038..31c3677f 100644
--- a/dist/moon.min.js
+++ b/dist/moon.min.js
@@ -4,4 +4,4 @@
  * Released under the MIT License
  * http://moonjs.ga
  */
-!function(e,t){"object"==typeof module&&module.exports?module.exports=t():e.Moon=t()}(this,function(){"use strict";function e(e){this.instance=e,this.cache={},this.signals={},this.dep={target:null,map:{}}}function t(t){this.$opts=t||{},this.$id=s++,this.$name=this.$opts.name||"root",this.$data=this.$opts.data||{},this.$render=this.$opts.render||$,this.$hooks=this.$opts.hooks||{},this.$methods=this.$opts.methods||{},this.$events={},this.$dom={},this.$observer=new e(this),this.$destroyed=!1,this.$initialRender=!0,this.$queued=!1,this.$opts.computed&&a(this,this.$opts.computed),this.init()}var r={},n={},i={},o={stop:"event.stopPropagation();",prevent:"event.preventDefault();",ctrl:"if(!event.ctrlKey) {return;};",shift:"if(!event.shiftKey) {return;};",alt:"if(!event.altKey) {return;};",enter:"if(event.keyCode !== 13) {return;};"},s=0,a=function(e,t){for(var r in t)!function(r){e.$observer.observe(r);var n={get:function(){var n=null;return e.$observer.cache[r]?n=e.$observer.cache[r]:(e.$observer.dep.target=r,n=t[r].get.call(e),e.$observer.dep.target=null,e.$observer.cache[r]=n),n}};t[r].set&&(n.set=function(n){return t[r].set.call(e,n)}),Object.defineProperty(e.$data,r,n)}(r)};e.prototype.observe=function(e){var t=this;this.signals[e]=function(){t.cache[e]=null}},e.prototype.notify=function(e){if(this.dep.map[e])for(var t=0;t<this.dep.map[e].length;t++)this.notify(this.dep.map[e][t]);this.signals[e]&&this.signals[e]()};var u=function(e){t.config.silent||console.log(e)},p=function(e){t.config.silent||console.error("[Moon] ERR: "+e)},c=function(e){e.$queued||e.$destroyed||(e.$queued=!0,setTimeout(function(){e.build(),g(e,"updated"),e.$queued=!1},0))},l=function(){return{shouldRender:!1,eventListeners:{}}},f=function(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n")},h=function(e,t,r,n){var i=null;r.replace(/\[(\w+)\]/g,function(e,t){r=r.replace(e,"."+t)});var o=r.split(".");for(i=0;i<o.length-1;i++){t=t[o[i]]}return t[o[i]]=n,o[0]},v=function(e){var t={};if(!e)return t;t.default=[];for(var r=0;r<e.length;r++){var n=e[r],i=n.props.attrs;i.slot?(t[i.slot]?t[i.slot].push(n):t[i.slot]=[n],delete i.slot):t.default.push(n)}return t},d=function(e,t){for(var r in t)e[r]=t[r];return e},m=function(e,t){var r={};for(var n in e)r[n]=e[n];for(var n in t)r[n]=t[n];return r},g=function(e,t){var r=e.$hooks[t];r&&r.call(e)},$=function(){},y=function(e){for(var t={},r=e.attributes,n=r.length;n--;)t[r[n].name]=r[n].value;return t},b=function(e,t,r){var n=t.meta.eventListeners;for(var i in n)for(var o=0;o<n[i].length;o++){var s=n[i][o];e.addEventListener(i,s)}},x=function(e,t){var r=null;if("#text"===e.type)r=document.createTextNode(e.val);else{if(r=e.meta.isSVG?document.createElementNS("http://www.w3.org/2000/svg",e.type):document.createElement(e.type),1===e.children.length&&"#text"===e.children[0].type)r.textContent=e.children[0].val,e.children[0].meta.el=r.firstChild;else for(var n=0;n<e.children.length;n++){var i=e.children[n],o=x(e.children[n],t);r.appendChild(o),i.meta.component&&w(o,i,i.meta.component)}b(r,e)}return P(r,{},e,e.props.attrs),e.meta.el=r,r},k=function(e,t,r){r.appendChild(e),t.meta.component&&w(e,t,t.meta.component)},_=function(e,t){e.__moon__&&e.__moon__.destroy(),t.removeChild(e)},E=function(e,t,r,n){e.__moon__&&e.__moon__.destroy(),n.replaceChild(t,e),r.meta.component&&w(t,r,r.meta.component)},R={SKIP:0,APPEND:1,REMOVE:2,REPLACE:3,TEXT:4,CHILDREN:5},C=function(e,t,r,n,i){return{type:e,val:t,props:r,children:i,meta:n||l()}},A=function(e,t,r){var n=r.opts.data||{};if(void 0!==r.opts.props)for(var i=0;i<r.opts.props.length;i++){var o=r.opts.props[i];n[o]=e.attrs[o]}return r.opts.render(L,{data:n,slots:v(t)})},L=function(e,t,r,n){var o=null;if("#text"===e)return C("#text",r,{attrs:{}},t,[]);if(void 0!==(o=i[e])){if(o.opts.functional===!0)return A(t,n,i[e]);r.component=o}return C(e,"",t,r,n)},w=function(e,t,r){for(var n=new r.CTor,i=0;i<n.$props.length;i++){var o=n.$props[i];n.$data[o]=t.props.attrs[o]}return n.$slots=v(t.children),n.$el=e,n.build(),g(n,"mounted"),t.meta.el=n.$el,n.$el},P=function(e,t,n){var i=n.props.attrs;for(var o in i){var s=i[o],a=t[o];null!=a&&s===a||e.setAttribute(o,s)}for(var u in t)null==i[u]&&e.removeAttribute(u);if(void 0!==n.props.directives)for(var p in n.props.directives)r[p](e,n.props.directives[p],n);if(void 0!==n.props.dom)for(var c in n.props.dom){var l=n.props.dom[c];e[c]!==l&&(e[c]=l)}},O=function(e,t){if(void 0===e.__moon__)w(e,t,t.meta.component);else{for(var r=e.__moon__,n=!1,i=0;i<r.$props.length;i++){var o=r.$props[i];r.$data[o]!==t.props.attrs[o]&&(r.$data[o]=t.props.attrs[o],n=!0)}0!==t.children.length&&(r.$slots=v(t.children),n=!0),n===!0&&r.build()}},G=function(e,t,r,n){var i=e?e.nodeName.toLowerCase():null;if(null===e){var o=x(t,n);return k(o,t,r),o}if(void 0===t)return _(e,r),null;if(i!==t.type){var o=x(t,n);return E(e,o,t,r),o}if("#text"===t.type)return"#text"===i?(e.textContent!==t.val&&(e.textContent=t.val),t.meta.el=e):E(e,x(t,n),t,r),e;if(t.meta.el=e,void 0!==t.meta.component)return O(e,t),e;if(P(e,y(e),t),b(e,t),void 0!==t.props.dom&&void 0!==t.props.dom.innerHTML)return e;for(var s=0,a=e.firstChild,u=t.children[s];void 0!==u||null!==a;)G(a,u,e,n),u=t.children[++s],a=a?a.nextSibling:null;return e},T=function(e,t,r,n){if(null===e)return k(x(t,n),t,r),R.APPEND;if(null===t)return _(e.meta.el,r),R.REMOVE;if(e===t)return R.SKIP;if(e.type!==t.type)return E(e.meta.el,x(t,n),t,r),R.REPLACE;if(t.meta.shouldRender===!0&&"#text"===t.type){var i=e.meta.el;return"#text"===e.type?(t.val!==e.val&&(i.textContent=t.val),R.TEXT):(E(i,x(t,n),t,r),R.REPLACE)}if(t.meta.shouldRender===!0){var o=e.meta.el;if(void 0!==t.meta.component)return O(o,t),R.SKIP;if(P(o,e.props.attrs,t),e.props.attrs=t.props.attrs,void 0!==t.props.dom&&void 0!==t.props.dom.innerHTML)return R.SKIP;var s=t.children.length,a=e.children.length;if(0===s){if(0!==a)for(var u=null;null!==(u=o.firstChild);)_(u,o)}else for(var p=s>a?s:a,c=0;c<p;c++){var l=c<a?e.children[c]:null,f=c<s?t.children[c]:null,h=T(l,f,o,n);switch(h){case R.APPEND:e.children[a++]=f;break;case R.REMOVE:e.children.splice(c,1),a--;break;case R.REPLACE:e.children[c]=t.children[c];break;case R.TEXT:l.val=f.val}}return R.CHILDREN}return t.meta.el=e.meta.el,R.SKIP},S=function(e,t){var r={current:0,template:e,output:""};return D(r,t),r.output},D=function(e,t){for(var r=e.template,n=r.length;e.current<n;){var i=M(e,/\{\{/);if(i&&(e.output+=i),e.current===n)break;e.current+=2;var o=M(e,/\}\}/);if(e.current===n)break;if(o){var s="",a=null;(a=o.search(/\[|\.|\(/))!==-1&&(s=o.substring(a),o=o.substring(0,a)),e.output+=t?'" + instance.get("'+o+'")'+s+' + "':'instance.get("'+o+'")'+s}e.current+=2}},M=function(e,t){var r=e.template,n=r.substring(e.current),i=(n.length,n.search(t)),o="";switch(i){case-1:o=n;break;case 0:o="";break;default:o=n.substring(0,i)}return e.current+=o.length,o},N=function(e){var t={input:e,current:0,tokens:[]};return j(t),t.tokens},j=function(e){for(var t=e.input,r=t.length;e.current<r;)"<"===t.charAt(e.current)?"<!--"!==t.substr(e.current,4)?V(e):I(e):K(e)},K=function(e){var t=e.input,r=t.length,n=t.indexOf("<",e.current);if(n===-1)return e.tokens.push({type:"text",value:t.slice(e.current)}),void(e.current=r);n!==e.current&&(e.tokens.push({type:"text",value:t.slice(e.current,n)}),e.current=n)},I=function(e){var t=e.input,r=t.length;e.current+=4;var n=t.indexOf("-->",e.current);if(n===-1)return e.tokens.push({type:"comment",value:t.slice(e.current)}),void(e.current=r);e.tokens.push({type:"comment",value:t.slice(e.current,n)}),e.current=n+3},V=function(e){var t=e.input,r=(t.length,"/"===t.charAt(e.current+1));e.current+=r?2:1;var n=H(e);q(n,e);var i="/"===t.charAt(e.current);e.current+=i?2:1,(r||i)&&(n.close=!0)},H=function(e){for(var t=e.input,r=t.length,n=e.current,i="";n<r;){var o=t.charAt(n);if("/"===o||">"===o||" "===o)break;i+=o,n++}var s={type:"tag",value:i};return e.tokens.push(s),e.current=n,s},q=function(e,t){for(var r=t.input,n=r.length,i=t.current,o=r.charAt(i),s=r.charAt(i+1),a=function(){i++,o=r.charAt(i),s=r.charAt(i+1)},u={};i<n&&">"!==o&&("/"!==o||">"!==s);)if(" "!==o){for(var p="",c=!1;i<n&&"="!==o;){if(" "===o||">"===o||"/"===o||">"===s){c=!0;break}p+=o,a()}var l={name:p,value:"",meta:{}};if(c)u[p]=l;else{a();var f=" ";for("'"!==o&&'"'!==o||(f=o,a());i<n&&o!==f;)l.value+=o,a();a();var h=p.indexOf(":");if(h!==-1){var v=p.split(":");l.name=v[0],l.meta.arg=v[1]}u[p]=l}}else a();t.current=i,e.attributes=u},X=function(e){for(var t={type:"ROOT",children:[]},r={current:0,tokens:e};r.current<e.length;){var n=B(r);n&&t.children.push(n)}return t},J=["area","base","br","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],F=["svg","animate","circle","clippath","cursor","defs","desc","ellipse","filter","font-face","foreignObject","g","glyph","image","line","marker","mask","missing-glyph","path","pattern","polygon","polyline","rect","switch","symbol","text","textpath","tspan","use","view"],z=function(e,t,r){return{type:e,props:t,children:r}},B=function(e){var t=e.tokens[e.current],r=e.tokens[e.current-1],n=e.tokens[e.current+1],i=function(i){e.current+=void 0===i?1:i,t=e.tokens[e.current],r=e.tokens[e.current-1],n=e.tokens[e.current+1]};if("text"===t.type)return i(),r.value;if("comment"===t.type)return void i();if("tag"===t.type){var o=t.value,s=z(o,t.attributes,[]);if(i(),F.indexOf(o)!==-1&&(s.isSVG=!0),J.indexOf(o)!==-1)return s;if(t){for(;"tag"!==t.type||"tag"===t.type&&(!t.close||t.value!==o);){var a=B(e);if(a&&s.children.push(a),i(0),!t)break}i()}return s}i()},Q=function(e,t){var i=e.props.attrs,o="{attrs: {";if(e.props.directives=[],i){for(var s in i){var a=i[s].name;n[a]&&n[a].beforeGenerate&&n[a].beforeGenerate(i[s].value,i[s].meta,e,t)}for(var u in i){var p=i[u].name;if(n[p])n[p].afterGenerate&&(e.specialDirectivesAfter||(e.specialDirectivesAfter={}),e.specialDirectivesAfter[u]=i[u]),n[p].duringPropGenerate&&(o+=n[p].duringPropGenerate(i[u].value,i[u].meta,e)),e.meta.shouldRender=!0,delete i[u];else if(r[p])e.props.directives.push(i[u]),e.meta.shouldRender=!0;else{var c=JSON.stringify(i[u].value),l=S(c,!0);c!==l&&(e.meta.shouldRender=!0),o+='"'+u+'": '+l+", "}}Object.keys(i).length?o=o.slice(0,-2)+"}":o+="}"}var f=e.props.dom;if(f){e.meta.shouldRender=!0,o+=", dom: {";for(var h in f)o+='"'+h+'": '+f[h]+", ";o=o.slice(0,-2)+"}"}var v=e.props.directives;if(0!==v.length){o+=", directives: {";for(var d=0;d<v.length;d++){var m=v[d],g=m.literal?m.value:JSON.stringify(m.value);o+='"'+m.name+'": '+g+", "}o=o.slice(0,-2)+"}"}return o+="}"},U=function(e){if(0===Object.keys(e).length)return"{}";var t="{";for(var r in e)t+='"'+r+'": ['+Y(e[r])+"], ";return t=t.slice(0,-2)+"}"},W=function(e){var t="{";for(var r in e)t+="eventListeners"===r?'"'+r+'": '+U(e[r])+", ":'"'+r+'": '+e[r]+", ";return t=t.slice(0,-2)+"}"},Y=function(e){for(var t="",r=0;r<e.length;r++)t+=e[r]+", ";return t=t.slice(0,-2)},Z=function(e,t){var r='h("'+e.type+'", ';r+=Q(e,t)+", ";var n=e.children.map(function(t){return ee(t,e)});return e.meta.shouldRender&&t&&(t.meta.shouldRender=!0),r+=W(e.meta),n.length?e.deep?r+=", [].concat.apply([], ["+Y(n)+"])":r+=", ["+Y(n)+"]":r+=", []",r+=")"},ee=function(e,t){var r="";if("string"==typeof e){var i=f(e),o=S(i,!0),s=l();i!==o&&(t&&(t.meta.shouldRender=!0),s.shouldRender=!0),r+='h("#text", '+W(s)+', "'+o+'")'}else{e.meta||(e.meta=l()),e.isSVG&&(e.meta.isSVG=!0),e.props={attrs:e.props};var a=e.props.attrs.name,u="";if("slot"===e.type?(t&&(t.meta.shouldRender=!0,t.deep=!0),u="instance.$slots['"+(a&&a.value||"default")+"']"):u=Z(e,t),e.specialDirectivesAfter)for(var p in e.specialDirectivesAfter){var c=e.specialDirectivesAfter[p];u=n[c.name].afterGenerate(c.value,c.meta,u,e)}r+=u}return r},te=function(e){var t=e.children[0],r="var instance = this; return "+ee(t);try{return new Function("h",r)}catch(e){return p("Could not create render function"),$}},re=function(e){var t=N(e),r=X(t);return te(r)};return t.prototype.get=function(e){if(this.$observer.dep.target){var t=this.$observer.dep.target;this.$observer.dep.map[e]?this.$observer.dep.map[e].indexOf(t)===-1&&this.$observer.dep.map[e].push(t):this.$observer.dep.map[e]=[t]}return this.$data[e]},t.prototype.set=function(e,t){var r=h(0,this.$data,e,t);this.$observer.notify(r),c(this)},t.prototype.destroy=function(){this.off(),this.$el=null,this.$destroyed=!0,g(this,"destroyed")},t.prototype.callMethod=function(e,t){t=t||[],this.$methods[e].apply(this,t)},t.prototype.on=function(e,t){var r=this.$events[e];void 0!==r?r.push(t):this.$events[e]=[t]},t.prototype.off=function(e,t){if(void 0===e)this.$events={};else if(void 0===t)this.$events[e]=[];else{var r=this.$events[e],n=r.indexOf(t);n!==-1&&r.splice(n,1)}},t.prototype.emit=function(e,t){var r=t||{};r.type=e;for(var n=this.$events[e],i=this.$events["*"],o=0;o<n.length;o++)n[o](r);if(void 0!==i)for(var o=0;o<i.length;o++)i[o](r)},t.prototype.renderLoop=function(e,t){for(var r=new Array(e.length),n=0;n<e.length;n++)r[n]=t(e[n],n);return r},t.prototype.renderClass=function(e){if("string"==typeof e)return e;var t="";if(Array.isArray(e))for(var r=0;r<e.length;r++)t+=this.renderClass(e[r])+" ";else if("object"==typeof e)for(var n in e)e[n]&&(t+=n+" ");return t=t.slice(0,-1)},t.prototype.mount=function(e){this.$el=document.querySelector(e),this.$destroyed=!1,this.$el.__moon__=this,this.$template=this.$opts.template||this.$el.outerHTML,this.$render===$&&(this.$render=t.compile(this.$template)),this.build(),g(this,"mounted")},t.prototype.render=function(){return this.$render(L)},t.prototype.patch=function(e,t,r){if(e.meta&&e.meta.el)t.type!==e.type?(E(e.meta.el,x(t,this),r),this.$el=t.meta.el,this.$el.__moon__=this):T(e,t,r,this);else if(e instanceof Node){var n=G(e,t,r,this);n!==e&&(this.$el=t.meta.el,this.$el.__moon__=this)}this.$initialRender=!1},t.prototype.build=function(){var e=this.render(),t=null;this.$dom.meta?t=this.$dom:(t=this.$el,this.$dom=e),this.patch(t,e,this.$el.parentNode)},t.prototype.init=function(){u("======= Moon ======="),g(this,"init"),this.$opts.el&&this.mount(this.$opts.el)},t.config={silent:!0,prefix:"m-",keyCodes:function(e){for(var t in e)o[t]="if(event.keyCode !== "+e[t]+") {return;};"}},t.version="0.8.0",t.util={noop:$,error:p,log:u,merge:m,extend:d,h:L},t.use=function(e){e.init(t)},t.compile=function(e){return re(e)},t.nextTick=function(e){setTimeout(e,0)},t.directive=function(e,n){r[t.config.prefix+e]=n},t.component=function(e,r){function n(){t.call(this,r)}var o=this;return r.name?e=r.name:r.name=e,n.prototype=Object.create(o.prototype),n.prototype.constructor=n,n.prototype.init=function(){g(this,"init"),this.$destroyed=!1,this.$props=this.$opts.props||[],this.$template=this.$opts.template,this.$render===$&&(this.$render=t.compile(this.$template))},i[e]={CTor:n,opts:r},n},n[t.config.prefix+"if"]={afterGenerate:function(e,t,r,n){return"("+S(e,!1)+") ? "+r+" : null"}},n[t.config.prefix+"show"]={beforeGenerate:function(e,r,n,i){var o={name:t.config.prefix+"show",value:S(e,!1),literal:!0};n.props.directives?n.props.directives.push(o):n.props.directives=[o]}},n[t.config.prefix+"for"]={beforeGenerate:function(e,t,r,n){n.deep=!0},afterGenerate:function(e,t,r,n){var i=e.split(" in "),o=i[0].split(","),s=S(i[1],!1),a=o.join(",");return r.replace(new RegExp('instance\\.get\\("('+o.join("|")+')"\\)',"g"),function(e,t){r=r.replace(new RegExp('instance.get\\("'+t+'"\\)',"g"),t)}),"instance.renderLoop("+s+", function("+a+") { return "+r+"; })"}},n[t.config.prefix+"on"]={beforeGenerate:function(e,t,r){var n=t.arg.split("."),i=n[0],s="event",a=S(e,!1),u=a.split("(");u.length>1&&(a=u.shift(),s=u.join("(").slice(0,-1));var p="";n.shift();for(var c=0;c<n.length;c++)p+=o[n[c]];var l="function(event) {"+p+'instance.callMethod("'+a+'", ['+s+"])}";r.meta.eventListeners[i]?r.meta.eventListeners[i].push(l):r.meta.eventListeners[i]=[l]}},n[t.config.prefix+"model"]={beforeGenerate:function(e,t,r){var n=S(e,!0),i="input",o="value";r.props.attrs.type&&"checkbox"===r.props.attrs.type.value&&(i="change",o="checked");var s='function(event) {instance.set("'+n+'", event.target.'+o+")}";r.meta.eventListeners[i]?r.meta.eventListeners[i].push(s):r.meta.eventListeners[i]=[s];var a=S("{{"+S(e,!1)+"}}",!1);r.props.dom||(r.props.dom={}),r.props.dom[o]=a}},n[t.config.prefix+"literal"]={duringPropGenerate:function(e,t,r){var n=t.arg;return r.props.attrs[n]={value:!0,meta:{}},"class"===n?'"class": instance.renderClass('+S(e,!1)+"), ":'"'+n+'": '+S(e,!1)+", "}},n[t.config.prefix+"html"]={beforeGenerate:function(e,t,r){r.props.dom||(r.props.dom={}),r.props.dom.innerHTML='"'+S(e,!0)+'"'}},r[t.config.prefix+"show"]=function(e,t,r){e.style.display=t?"":"none"},r[t.config.prefix+"mask"]=function(e,t,r){},t});
\ No newline at end of file
+!function(e,t){"object"==typeof module&&module.exports?module.exports=t():e.Moon=t()}(this,function(){"use strict";function e(e){this.instance=e,this.cache={},this.signals={},this.dep={target:null,map:{}}}function t(t){this.$opts=t||{},this.$id=s++,this.$name=this.$opts.name||"root",this.$data=this.$opts.data||{},this.$render=this.$opts.render||$,this.$hooks=this.$opts.hooks||{},this.$methods=this.$opts.methods||{},this.$events={},this.$dom={},this.$observer=new e(this),this.$destroyed=!1,this.$initialRender=!0,this.$queued=!1,this.$opts.computed&&a(this,this.$opts.computed),this.init()}var r={},n={},i={},o={stop:"event.stopPropagation();",prevent:"event.preventDefault();",ctrl:"if(!event.ctrlKey) {return;};",shift:"if(!event.shiftKey) {return;};",alt:"if(!event.altKey) {return;};",enter:"if(event.keyCode !== 13) {return;};"},s=0,a=function(e,t){for(var r in t)!function(r){e.$observer.observe(r);var n={get:function(){var n=null;return e.$observer.cache[r]?n=e.$observer.cache[r]:(e.$observer.dep.target=r,n=t[r].get.call(e),e.$observer.dep.target=null,e.$observer.cache[r]=n),n}};t[r].set&&(n.set=function(n){return t[r].set.call(e,n)}),Object.defineProperty(e.$data,r,n)}(r)};e.prototype.observe=function(e){var t=this;this.signals[e]=function(){t.cache[e]=null}},e.prototype.notify=function(e){if(this.dep.map[e])for(var t=0;t<this.dep.map[e].length;t++)this.notify(this.dep.map[e][t]);this.signals[e]&&this.signals[e]()};var u=function(e){t.config.silent||console.log(e)},l=function(e){t.config.silent||console.error("[Moon] ERR: "+e)},p=function(e){e.$queued||e.$destroyed||(e.$queued=!0,setTimeout(function(){e.build(),g(e,"updated"),e.$queued=!1},0))},c=function(){return{shouldRender:!1,eventListeners:{}}},f=function(e){return e.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n")},v=function(e,t,r,n){var i=null;r.replace(/\[(\w+)\]/g,function(e,t){r=r.replace(e,"."+t)});var o=r.split(".");for(i=0;i<o.length-1;i++){t=t[o[i]]}return t[o[i]]=n,o[0]},h=function(e){var t={};if(!e)return t;t.default=[];for(var r=0;r<e.length;r++){var n=e[r],i=n.props.attrs;i.slot?(t[i.slot]?t[i.slot].push(n):t[i.slot]=[n],delete i.slot):t.default.push(n)}return t},d=function(e,t){for(var r in t)e[r]=t[r];return e},m=function(e,t){var r={};for(var n in e)r[n]=e[n];for(var n in t)r[n]=t[n];return r},g=function(e,t){var r=e.$hooks[t];r&&r.call(e)},$=function(){},y=function(e){for(var t={},r=e.attributes,n=r.length;n--;)t[r[n].name]=r[n].value;return t},b=function(e,t,r){var n=t.meta.eventListeners;for(var i in n)for(var o=0;o<n[i].length;o++){var s=n[i][o];e.addEventListener(i,s)}},x=function(e,t){var r=null;if("#text"===e.type)r=document.createTextNode(e.val);else{if(r=e.meta.isSVG?document.createElementNS("http://www.w3.org/2000/svg",e.type):document.createElement(e.type),1===e.children.length&&"#text"===e.children[0].type)r.textContent=e.children[0].val,e.children[0].meta.el=r.firstChild;else for(var n=0;n<e.children.length;n++){var i=e.children[n],o=x(e.children[n],t);r.appendChild(o),i.meta.component&&w(o,i,i.meta.component)}b(r,e)}return P(r,{},e,e.props.attrs),e.meta.el=r,r},k=function(e,t,r){r.appendChild(e),t.meta.component&&w(e,t,t.meta.component)},_=function(e,t){e.__moon__&&e.__moon__.destroy(),t.removeChild(e)},E=function(e,t,r,n){e.__moon__&&e.__moon__.destroy(),n.replaceChild(t,e),r.meta.component&&w(t,r,r.meta.component)},R={SKIP:0,APPEND:1,REMOVE:2,REPLACE:3,TEXT:4,CHILDREN:5},C=function(e,t,r,n,i){return{type:e,val:t,props:r,children:i,meta:n||c()}},A=function(e,t,r){var n=r.opts.data||{};if(void 0!==r.opts.props)for(var i=0;i<r.opts.props.length;i++){var o=r.opts.props[i];n[o]=e.attrs[o]}return r.opts.render(L,{data:n,slots:h(t)})},L=function(e,t,r,n){var o=null;if("#text"===e)return C("#text",r,{attrs:{}},t,[]);if(void 0!==(o=i[e])){if(o.opts.functional===!0)return A(t,n,i[e]);r.component=o}return C(e,"",t,r,n)},w=function(e,t,r){for(var n=new r.CTor,i=0;i<n.$props.length;i++){var o=n.$props[i];n.$data[o]=t.props.attrs[o]}return n.$slots=h(t.children),n.$el=e,n.build(),g(n,"mounted"),t.meta.el=n.$el,n.$el},P=function(e,t,n){var i=n.props.attrs;for(var o in i){var s=i[o],a=t[o];null!=a&&s===a||e.setAttribute(o,s)}for(var u in t)null==i[u]&&e.removeAttribute(u);if(void 0!==n.props.directives)for(var l in n.props.directives)r[l](e,n.props.directives[l],n);if(void 0!==n.props.dom)for(var p in n.props.dom){var c=n.props.dom[p];e[p]!==c&&(e[p]=c)}},O=function(e,t){if(void 0===e.__moon__)w(e,t,t.meta.component);else{for(var r=e.__moon__,n=!1,i=0;i<r.$props.length;i++){var o=r.$props[i];r.$data[o]!==t.props.attrs[o]&&(r.$data[o]=t.props.attrs[o],n=!0)}0!==t.children.length&&(r.$slots=h(t.children),n=!0),n===!0&&r.build()}},G=function(e,t,r,n){var i=e?e.nodeName.toLowerCase():null;if(null===e){var o=x(t,n);return k(o,t,r),o}if(void 0===t)return _(e,r),null;if(i!==t.type){var o=x(t,n);return E(e,o,t,r),o}if("#text"===t.type)return"#text"===i?(e.textContent!==t.val&&(e.textContent=t.val),t.meta.el=e):E(e,x(t,n),t,r),e;if(t.meta.el=e,void 0!==t.meta.component)return O(e,t),e;if(P(e,y(e),t),b(e,t),void 0!==t.props.dom&&void 0!==t.props.dom.innerHTML)return e;for(var s=0,a=e.firstChild,u=t.children[s];void 0!==u||null!==a;)G(a,u,e,n),u=t.children[++s],a=a?a.nextSibling:null;return e},T=function(e,t,r,n){if(null===e)return k(x(t,n),t,r),R.APPEND;if(null===t)return _(e.meta.el,r),R.REMOVE;if(e===t)return R.SKIP;if(e.type!==t.type)return E(e.meta.el,x(t,n),t,r),R.REPLACE;if(t.meta.shouldRender===!0&&"#text"===t.type){var i=e.meta.el;return"#text"===e.type?(t.val!==e.val&&(i.textContent=t.val),R.TEXT):(E(i,x(t,n),t,r),R.REPLACE)}if(t.meta.shouldRender===!0){var o=e.meta.el;if(void 0!==t.meta.component)return O(o,t),R.SKIP;if(P(o,e.props.attrs,t),e.props.attrs=t.props.attrs,void 0!==t.props.dom&&void 0!==t.props.dom.innerHTML)return R.SKIP;var s=t.children.length,a=e.children.length;if(0===s){if(0!==a)for(var u=null;null!==(u=o.firstChild);)_(u,o)}else for(var l=s>a?s:a,p=0;p<l;p++){var c=p<a?e.children[p]:null,f=p<s?t.children[p]:null,v=T(c,f,o,n);switch(v){case R.APPEND:e.children[a++]=f;break;case R.REMOVE:e.children.splice(p,1),a--;break;case R.REPLACE:e.children[p]=t.children[p];break;case R.TEXT:c.val=f.val}}return R.CHILDREN}return t.meta.el=e.meta.el,R.SKIP},S=function(e,t){var r={current:0,template:e,output:""};return D(r,t),r.output},D=function(e,t){for(var r=e.template,n=r.length;e.current<n;){var i=M(e,/\{\{/);if(i&&(e.output+=i),e.current===n)break;e.current+=2;var o=M(e,/\}\}/);if(e.current===n)break;if(o){var s="",a=null;(a=o.search(/\[|\.|\(/))!==-1&&(s=o.substring(a),o=o.substring(0,a)),e.output+=t?'" + instance.get("'+o+'")'+s+' + "':'instance.get("'+o+'")'+s}e.current+=2}},M=function(e,t){var r=e.template,n=r.substring(e.current),i=(n.length,n.search(t)),o="";switch(i){case-1:o=n;break;case 0:o="";break;default:o=n.substring(0,i)}return e.current+=o.length,o},N=function(e){var t={input:e,current:0,tokens:[]};return j(t),t.tokens},j=function(e){for(var t=e.input,r=t.length;e.current<r;)"<"===t.charAt(e.current)?"<!--"!==t.substr(e.current,4)?V(e):I(e):K(e)},K=function(e){var t=e.input,r=t.length,n=t.indexOf("<",e.current);if(n===-1)return e.tokens.push({type:"text",value:t.slice(e.current)}),void(e.current=r);n!==e.current&&(e.tokens.push({type:"text",value:t.slice(e.current,n)}),e.current=n)},I=function(e){var t=e.input,r=t.length;e.current+=4;var n=t.indexOf("-->",e.current);if(n===-1)return e.tokens.push({type:"comment",value:t.slice(e.current)}),void(e.current=r);e.tokens.push({type:"comment",value:t.slice(e.current,n)}),e.current=n+3},V=function(e){var t=e.input,r=(t.length,"/"===t.charAt(e.current+1));e.current+=r?2:1;var n=H(e);q(n,e);var i="/"===t.charAt(e.current);e.current+=i?2:1,(r||i)&&(n.close=!0)},H=function(e){for(var t=e.input,r=t.length,n=e.current,i="";n<r;){var o=t.charAt(n);if("/"===o||">"===o||" "===o)break;i+=o,n++}var s={type:"tag",value:i};return e.tokens.push(s),e.current=n,s},q=function(e,t){for(var r=t.input,n=r.length,i=t.current,o=r.charAt(i),s=r.charAt(i+1),a=function(){i++,o=r.charAt(i),s=r.charAt(i+1)},u={};i<n&&">"!==o&&("/"!==o||">"!==s);)if(" "!==o){for(var l="",p=!1;i<n&&"="!==o;){if(" "===o||">"===o||"/"===o||">"===s){p=!0;break}l+=o,a()}var c={name:l,value:"",meta:{}};if(p)u[l]=c;else{a();var f=" ";for("'"!==o&&'"'!==o||(f=o,a());i<n&&o!==f;)c.value+=o,a();a();var v=l.indexOf(":");if(v!==-1){var h=l.split(":");c.name=h[0],c.meta.arg=h[1]}u[l]=c}}else a();t.current=i,e.attributes=u},X=function(e){for(var t={type:"ROOT",children:[]},r={current:0,tokens:e};r.current<e.length;){var n=B(r);n&&t.children.push(n)}return t},J=["area","base","br","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],F=["svg","animate","circle","clippath","cursor","defs","desc","ellipse","filter","font-face","foreignObject","g","glyph","image","line","marker","mask","missing-glyph","path","pattern","polygon","polyline","rect","switch","symbol","text","textpath","tspan","use","view"],z=function(e,t,r){return{type:e,props:t,children:r}},B=function(e){var t=e.tokens[e.current],r=e.tokens[e.current-1],n=e.tokens[e.current+1],i=function(i){e.current+=void 0===i?1:i,t=e.tokens[e.current],r=e.tokens[e.current-1],n=e.tokens[e.current+1]};if("text"===t.type)return i(),r.value;if("comment"===t.type)return void i();if("tag"===t.type){var o=t.value,s=z(o,t.attributes,[]);if(i(),F.indexOf(o)!==-1&&(s.isSVG=!0),J.indexOf(o)!==-1)return s;if(t){for(;"tag"!==t.type||"tag"===t.type&&(!t.close||t.value!==o);){var a=B(e);if(a&&s.children.push(a),i(0),!t)break}i()}return s}i()},Q=function(e,t){var i=e.props.attrs,o="{attrs: {";if(e.props.directives=[],i){for(var s in i){var a=i[s].name;n[a]&&n[a].beforeGenerate&&n[a].beforeGenerate(i[s].value,i[s].meta,e,t)}for(var u in i){var l=i[u],p=l.name,c=null;if(void 0!==(c=n[p]))c.afterGenerate&&(e.specialDirectivesAfter||(e.specialDirectivesAfter={}),e.specialDirectivesAfter[u]=l),c.duringPropGenerate&&(o+=c.duringPropGenerate(l.value,l.meta,e)),e.meta.shouldRender=!0,delete i[u];else if(r[p])e.props.directives.push(l),e.meta.shouldRender=!0;else{var f=JSON.stringify(l.value),v=S(f,!0);f!==v&&(e.meta.shouldRender=!0),o+='"'+u+'": '+v+", "}}0!==Object.keys(i).length?o=o.slice(0,-2)+"}":o+="}"}var h=e.props.dom;if(void 0!==h){e.meta.shouldRender=!0,o+=", dom: {";for(var d in h)o+='"'+d+'": '+h[d]+", ";o=o.slice(0,-2)+"}"}var m=e.props.directives;if(0!==m.length){o+=", directives: {";for(var g=0;g<m.length;g++){var $=m[g],y=$.literal?$.value:JSON.stringify($.value);o+='"'+$.name+'": '+y+", "}o=o.slice(0,-2)+"}"}return o+="}"},U=function(e){if(0===Object.keys(e).length)return"{}";var t="{";for(var r in e)t+='"'+r+'": ['+Y(e[r])+"], ";return t=t.slice(0,-2)+"}"},W=function(e){var t="{";for(var r in e)t+="eventListeners"===r?'"'+r+'": '+U(e[r])+", ":'"'+r+'": '+e[r]+", ";return t=t.slice(0,-2)+"}"},Y=function(e){for(var t="",r=0;r<e.length;r++)t+=e[r]+", ";return t=t.slice(0,-2)},Z=function(e,t){var r='h("'+e.type+'", ';r+=Q(e,t)+", ";var n=e.children.map(function(t){return ee(t,e)});return e.meta.shouldRender===!0&&void 0!==t&&(t.meta.shouldRender=!0),r+=W(e.meta),0!==n.length?e.deep===!0?r+=", [].concat.apply([], ["+Y(n)+"])":r+=", ["+Y(n)+"]":r+=", []",r+=")"},ee=function(e,t){var r="";if("string"==typeof e){var i=f(e),o=S(i,!0),s=c();i!==o&&(t.meta.shouldRender=!0,s.shouldRender=!0),r+='h("#text", '+W(s)+', "'+o+'")'}else{e.meta||(e.meta=c()),e.isSVG&&(e.meta.isSVG=!0),e.props={attrs:e.props};var a="";if("slot"===e.type){t.meta.shouldRender=!0,t.deep=!0;var u=e.props.attrs.name;a="instance.$slots['"+(u&&u.value||"default")+"']"}else a=Z(e,t);if(void 0!==e.specialDirectivesAfter)for(var l in e.specialDirectivesAfter){var p=e.specialDirectivesAfter[l];a=n[p.name].afterGenerate(p.value,p.meta,a,e)}r+=a}return r},te=function(e){var t=e.children[0],r="var instance = this; return "+ee(t);try{return new Function("h",r)}catch(e){return l("Could not create render function"),$}},re=function(e){var t=N(e),r=X(t);return te(r)};return t.prototype.get=function(e){if(this.$observer.dep.target){var t=this.$observer.dep.target;this.$observer.dep.map[e]?this.$observer.dep.map[e].indexOf(t)===-1&&this.$observer.dep.map[e].push(t):this.$observer.dep.map[e]=[t]}return this.$data[e]},t.prototype.set=function(e,t){var r=v(0,this.$data,e,t);this.$observer.notify(r),p(this)},t.prototype.destroy=function(){this.off(),this.$el=null,this.$destroyed=!0,g(this,"destroyed")},t.prototype.callMethod=function(e,t){t=t||[],this.$methods[e].apply(this,t)},t.prototype.on=function(e,t){var r=this.$events[e];void 0!==r?r.push(t):this.$events[e]=[t]},t.prototype.off=function(e,t){if(void 0===e)this.$events={};else if(void 0===t)this.$events[e]=[];else{var r=this.$events[e],n=r.indexOf(t);n!==-1&&r.splice(n,1)}},t.prototype.emit=function(e,t){var r=t||{};r.type=e;for(var n=this.$events[e],i=this.$events["*"],o=0;o<n.length;o++)n[o](r);if(void 0!==i)for(var o=0;o<i.length;o++)i[o](r)},t.prototype.renderLoop=function(e,t){for(var r=new Array(e.length),n=0;n<e.length;n++)r[n]=t(e[n],n);return r},t.prototype.renderClass=function(e){if("string"==typeof e)return e;var t="";if(Array.isArray(e))for(var r=0;r<e.length;r++)t+=this.renderClass(e[r])+" ";else if("object"==typeof e)for(var n in e)e[n]&&(t+=n+" ");return t=t.slice(0,-1)},t.prototype.mount=function(e){this.$el=document.querySelector(e),this.$destroyed=!1,this.$el.__moon__=this,this.$template=this.$opts.template||this.$el.outerHTML,this.$render===$&&(this.$render=t.compile(this.$template)),this.build(),g(this,"mounted")},t.prototype.render=function(){return this.$render(L)},t.prototype.patch=function(e,t,r){if(e.meta&&e.meta.el)t.type!==e.type?(E(e.meta.el,x(t,this),r),this.$el=t.meta.el,this.$el.__moon__=this):T(e,t,r,this);else if(e instanceof Node){var n=G(e,t,r,this);n!==e&&(this.$el=t.meta.el,this.$el.__moon__=this)}this.$initialRender=!1},t.prototype.build=function(){var e=this.render(),t=null;this.$dom.meta?t=this.$dom:(t=this.$el,this.$dom=e),this.patch(t,e,this.$el.parentNode)},t.prototype.init=function(){u("======= Moon ======="),g(this,"init"),this.$opts.el&&this.mount(this.$opts.el)},t.config={silent:!0,prefix:"m-",keyCodes:function(e){for(var t in e)o[t]="if(event.keyCode !== "+e[t]+") {return;};"}},t.version="0.8.0",t.util={noop:$,error:l,log:u,merge:m,extend:d,h:L},t.use=function(e){e.init(t)},t.compile=function(e){return re(e)},t.nextTick=function(e){setTimeout(e,0)},t.directive=function(e,n){r[t.config.prefix+e]=n},t.component=function(e,r){function n(){t.call(this,r)}var o=this;return r.name?e=r.name:r.name=e,n.prototype=Object.create(o.prototype),n.prototype.constructor=n,n.prototype.init=function(){g(this,"init"),this.$destroyed=!1,this.$props=this.$opts.props||[],this.$template=this.$opts.template,this.$render===$&&(this.$render=t.compile(this.$template))},i[e]={CTor:n,opts:r},n},n[t.config.prefix+"if"]={afterGenerate:function(e,t,r,n){return"("+S(e,!1)+") ? "+r+" : null"}},n[t.config.prefix+"show"]={beforeGenerate:function(e,r,n,i){var o={name:t.config.prefix+"show",value:S(e,!1),literal:!0};n.props.directives?n.props.directives.push(o):n.props.directives=[o]}},n[t.config.prefix+"for"]={beforeGenerate:function(e,t,r,n){n.deep=!0},afterGenerate:function(e,t,r,n){var i=e.split(" in "),o=i[0].split(","),s=S(i[1],!1),a=o.join(",");return r.replace(new RegExp('instance\\.get\\("('+o.join("|")+')"\\)',"g"),function(e,t){r=r.replace(new RegExp('instance.get\\("'+t+'"\\)',"g"),t)}),"instance.renderLoop("+s+", function("+a+") { return "+r+"; })"}},n[t.config.prefix+"on"]={beforeGenerate:function(e,t,r){var n=t.arg.split("."),i=n[0],s="event",a=S(e,!1),u=a.split("(");u.length>1&&(a=u.shift(),s=u.join("(").slice(0,-1));var l="";n.shift();for(var p=0;p<n.length;p++)l+=o[n[p]];var c="function(event) {"+l+'instance.callMethod("'+a+'", ['+s+"])}";r.meta.eventListeners[i]?r.meta.eventListeners[i].push(c):r.meta.eventListeners[i]=[c]}},n[t.config.prefix+"model"]={beforeGenerate:function(e,t,r){var n=S(e,!0),i="input",o="value";r.props.attrs.type&&"checkbox"===r.props.attrs.type.value&&(i="change",o="checked");var s='function(event) {instance.set("'+n+'", event.target.'+o+")}";r.meta.eventListeners[i]?r.meta.eventListeners[i].push(s):r.meta.eventListeners[i]=[s];var a=S("{{"+S(e,!1)+"}}",!1);r.props.dom||(r.props.dom={}),r.props.dom[o]=a}},n[t.config.prefix+"literal"]={duringPropGenerate:function(e,t,r){var n=t.arg;return r.props.attrs[n]={value:!0,meta:{}},"class"===n?'"class": instance.renderClass('+S(e,!1)+"), ":'"'+n+'": '+S(e,!1)+", "}},n[t.config.prefix+"html"]={beforeGenerate:function(e,t,r){r.props.dom||(r.props.dom={}),r.props.dom.innerHTML='"'+S(e,!0)+'"'}},r[t.config.prefix+"show"]=function(e,t,r){e.style.display=t?"":"none"},r[t.config.prefix+"mask"]=function(e,t,r){},t});
\ No newline at end of file
diff --git a/src/compiler/generator.js b/src/compiler/generator.js
index a67495cc..1a8b061f 100644
--- a/src/compiler/generator.js
+++ b/src/compiler/generator.js
@@ -22,23 +22,29 @@ const generateProps = function(vnode, parentVNode) {
 
 		// Generate all other attributes
 		for(let attr in attrs) {
+			// Attribute Info
+			const attrInfo = attrs[attr];
+
 			// Get attr by it's actual name (in case it had any arguments)
-			const attrName = attrs[attr].name;
+			const attrName = attrInfo.name;
+
+			// Late bind for special directive
+			let specialDirective = null;
 
 			// If it is a directive, mark it as dynamic
-			if(specialDirectives[attrName]) {
+			if((specialDirective = specialDirectives[attrName]) !== undefined) {
 				// Generate Special Directives
 				// Special directive found that generates code after initial generation, push it to its known special directives to run afterGenerate later
-				if(specialDirectives[attrName].afterGenerate) {
+				if(specialDirective.afterGenerate) {
 					if(!vnode.specialDirectivesAfter) {
 						vnode.specialDirectivesAfter = {};
 					}
-					vnode.specialDirectivesAfter[attr] = attrs[attr];
+					vnode.specialDirectivesAfter[attr] = attrInfo;
 				}
 
 				// Invoke any special directives that need to change values of props during code generation
-				if(specialDirectives[attrName].duringPropGenerate) {
-					generatedObject += specialDirectives[attrName].duringPropGenerate(attrs[attr].value, attrs[attr].meta, vnode);
+				if(specialDirective.duringPropGenerate) {
+					generatedObject += specialDirective.duringPropGenerate(attrInfo.value, attrInfo.meta, vnode);
 				}
 
 				// Keep a flag to know to always rerender this
@@ -47,10 +53,10 @@ const generateProps = function(vnode, parentVNode) {
 				// Remove special directive
 				delete attrs[attr];
 			} else if(directives[attrName]) {
-				vnode.props.directives.push(attrs[attr]);
+				vnode.props.directives.push(attrInfo);
 				vnode.meta.shouldRender = true;
 			} else {
-				const normalizedProp = JSON.stringify(attrs[attr].value);
+				const normalizedProp = JSON.stringify(attrInfo.value);
 				const compiledProp = compileTemplate(normalizedProp, true);
 				if(normalizedProp !== compiledProp) {
 					vnode.meta.shouldRender = true;
@@ -59,7 +65,8 @@ const generateProps = function(vnode, parentVNode) {
 			}
 		}
 
-		if(Object.keys(attrs).length) {
+		// Close object
+		if(Object.keys(attrs).length !== 0) {
 			generatedObject = generatedObject.slice(0, -2) + "}";
 		} else {
 			generatedObject += "}";
@@ -68,12 +75,17 @@ const generateProps = function(vnode, parentVNode) {
 
 	// Check for DOM Properties
 	const dom = vnode.props.dom;
-	if(dom) {
+	if(dom !== undefined) {
 		vnode.meta.shouldRender = true;
+		// Add dom property
 		generatedObject += ", dom: {";
+
+		// Generate all properties
 		for(var domProp in dom) {
 			generatedObject += `"${domProp}": ${dom[domProp]}, `;
 		}
+
+		// Close object
 		generatedObject = generatedObject.slice(0, -2) + "}";
 	}
 
@@ -84,14 +96,16 @@ const generateProps = function(vnode, parentVNode) {
 
 		for(var i = 0; i < allDirectives.length; i++) {
 			let directiveInfo = allDirectives[i];
+			// If literal, then add value as a literal expression, or escape it
 			const normalizedValue = directiveInfo.literal ? directiveInfo.value : JSON.stringify(directiveInfo.value);
 			generatedObject += `"${directiveInfo.name}": ${normalizedValue}, `;
 		}
 
+		// Close object
 		generatedObject = generatedObject.slice(0, -2) + "}";
 	}
 
-	// Close the generated object
+	// Close the final generated object
 	generatedObject += "}";
   return generatedObject;
 }
@@ -102,15 +116,20 @@ const generateProps = function(vnode, parentVNode) {
  * @return {String} generated code
  */
 const generateEventListeners = function(listeners) {
+	// If no listeners, return empty object
 	if(Object.keys(listeners).length === 0) {
 		return "{}";
 	}
+
+	// Begin object
 	let generatedObject = "{";
 
+	// Generate an array for all listeners
 	for(let type in listeners) {
 		generatedObject += `"${type}": [${generateArray(listeners[type])}], `;
 	}
 
+	// Close object
 	generatedObject = generatedObject.slice(0, -2) + "}";
 
   return generatedObject;
@@ -122,8 +141,10 @@ const generateEventListeners = function(listeners) {
  * @return {String} generated code
  */
 const generateMeta = function(meta) {
+	// Begin generated object
 	let generatedObject = "{";
 
+	// Generate all metadata
 	for(let key in meta) {
 		if(key === 'eventListeners') {
 			generatedObject += `"${key}": ${generateEventListeners(meta[key])}, `;
@@ -132,6 +153,7 @@ const generateMeta = function(meta) {
 		}
 	}
 
+	// Close object
 	generatedObject = generatedObject.slice(0, -2) + "}";
 
   return generatedObject;
@@ -143,12 +165,15 @@ const generateMeta = function(meta) {
  * @return {String} generated array
  */
 const generateArray = function(arr) {
+	// Begin array
 	let generatedArray = "";
 
+	// Generate all items (literal expressions)
 	for(let i = 0; i < arr.length; i++) {
 		generatedArray += `${arr[i]}, `;
 	}
 
+	// Close array
 	generatedArray = generatedArray.slice(0, -2);
 
   return generatedArray;
@@ -168,12 +193,12 @@ const createCall = function(vnode, parentVNode) {
 	call += generateProps(vnode, parentVNode) + ", ";
 
 	// Generate code for children recursively here (in case modified by special directives)
-	const children = vnode.children.map(function(item) {
-		return generateEl(item, vnode);
+	const children = vnode.children.map(function(vchild) {
+		return generateEl(vchild, vnode);
 	});
 
 	// If the "shouldRender" flag is not present, ensure node will be updated
-	if(vnode.meta.shouldRender && parentVNode) {
+	if(vnode.meta.shouldRender === true && parentVNode !== undefined) {
 		parentVNode.meta.shouldRender = true;
 	}
 
@@ -181,13 +206,16 @@ const createCall = function(vnode, parentVNode) {
 	call += generateMeta(vnode.meta);
 
 	// Generate Code for Children
-	if(children.length) {
-		if(vnode.deep) {
+	if(children.length !== 0) {
+		if(vnode.deep === true) {
+			// If deep, flatten it in the code
 			call += `, [].concat.apply([], [${generateArray(children)}])`
 		} else {
+			// Not deep, generate a shallow array
 			call += `, [${generateArray(children)}]`;
 		}
 	} else {
+		// No children, empty array
 		call += ", []";
 	}
 
@@ -196,19 +224,17 @@ const createCall = function(vnode, parentVNode) {
   return call;
 }
 
-const generateEl = function(el, parentEl) {
+const generateEl = function(vnode, parentVNode) {
 	let code = "";
 
-	if(typeof el === "string") {
+	if(typeof vnode === "string") {
 		// Escape newlines and double quotes, and compile the string
-		const escapedString = escapeString(el);
+		const escapedString = escapeString(vnode);
 		const compiledText = compileTemplate(escapedString, true);
 		let textMeta = defaultMetadata();
 
 		if(escapedString !== compiledText) {
-			if(parentEl) {
-				parentEl.meta.shouldRender = true;
-			}
+			parentVNode.meta.shouldRender = true;
 			textMeta.shouldRender = true;
 		}
 
@@ -217,38 +243,38 @@ const generateEl = function(el, parentEl) {
 		// Recursively generate code for children
 
 		// Generate Metadata if not Already
-		if(!el.meta) {
-			el.meta = defaultMetadata();
+		if(!vnode.meta) {
+			vnode.meta = defaultMetadata();
 		}
 
 		// Detect SVG Element
-		if(el.isSVG) {
-			el.meta.isSVG = true;
+		if(vnode.isSVG) {
+			vnode.meta.isSVG = true;
 		}
 
 		// Setup Nested Attributes within Properties
-		el.props = {
-			attrs: el.props
+		vnode.props = {
+			attrs: vnode.props
 		}
 
 		// Create a Call for the Element, or Register a Slot
-		const slotNameAttr = el.props.attrs.name;
 		let compiledCode = "";
-		if(el.type === "slot") {
-			if(parentEl) {
-				parentEl.meta.shouldRender = true;
-				parentEl.deep = true;
-			}
+
+		if(vnode.type === "slot") {
+			parentVNode.meta.shouldRender = true;
+			parentVNode.deep = true;
+
+			const slotNameAttr = vnode.props.attrs.name;
 			compiledCode = `instance.$slots['${(slotNameAttr && slotNameAttr.value) || ("default")}']`;
 		} else {
-			compiledCode = createCall(el, parentEl);
+			compiledCode = createCall(vnode, parentVNode);
 		}
 
 		// Check for Special Directives that change the code after generation and run them
-		if(el.specialDirectivesAfter) {
-			for(let specialDirectiveAfterInfo in el.specialDirectivesAfter) {
-				const specialDirectiveAfter = el.specialDirectivesAfter[specialDirectiveAfterInfo];
-				compiledCode = specialDirectives[specialDirectiveAfter.name].afterGenerate(specialDirectiveAfter.value, specialDirectiveAfter.meta, compiledCode, el);
+		if(vnode.specialDirectivesAfter !== undefined) {
+			for(let specialDirectiveAfterInfo in vnode.specialDirectivesAfter) {
+				const specialDirectiveAfter = vnode.specialDirectivesAfter[specialDirectiveAfterInfo];
+				compiledCode = specialDirectives[specialDirectiveAfter.name].afterGenerate(specialDirectiveAfter.value, specialDirectiveAfter.meta, compiledCode, vnode);
 			}
 		}
 		code += compiledCode;