From 07f93177da594f078275a5918af529b53f8cc2d7 Mon Sep 17 00:00:00 2001
From: Kabir Shah <simplecooldude1@gmail.com>
Date: Mon, 13 Feb 2017 18:21:35 -0800
Subject: [PATCH] slots support for functional components

---
 dist/moon.js     | 32 ++++++++++++++++++++++++++++----
 dist/moon.min.js |  2 +-
 src/util/util.js | 32 ++++++++++++++++++++++++++++----
 3 files changed, 57 insertions(+), 9 deletions(-)

diff --git a/dist/moon.js b/dist/moon.js
index d4693361..71b94a45 100644
--- a/dist/moon.js
+++ b/dist/moon.js
@@ -105,6 +105,29 @@
       return compiled;
     };
     
+    /**
+     * Extracts the Slots From Component Children
+     * @param {Array} children
+     * @return {Object} extracted slots
+     */
+    var getSlots = function (children) {
+      var slots = {};
+    
+      // No Children Means No Slots
+      if (!children) {
+        return slots;
+      }
+    
+      slots.default = [];
+    
+      for (var i = 0; i < children.length; i++) {
+        var child = children[i];
+        slots.default.push(child);
+      }
+    
+      return slots;
+    };
+    
     /**
      * Creates a Virtual DOM Node
      * @param {String} type
@@ -133,9 +156,9 @@
      * @param {Object} component
      * @return {Object} Virtual DOM Node
      */
-    var createComponent = function (type, props, children, meta, component) {
+    var createComponent = function (type, props, meta, children, component) {
       if (component.opts.functional) {
-        return createFunctionalComponent(type, props, children, meta, component);
+        return createFunctionalComponent(type, props, meta, children, component);
       }
     };
     
@@ -148,7 +171,7 @@
      * @param {Object} functionalComponent
      * @return {Object} Virtual DOM Node
      */
-    var createFunctionalComponent = function (type, props, children, meta, functionalComponent) {
+    var createFunctionalComponent = function (type, props, meta, children, functionalComponent) {
       var data = functionalComponent.opts.data || {};
       // Merge data with provided props
       if (functionalComponent.opts.props) {
@@ -158,7 +181,8 @@
         }
       }
       return functionalComponent.opts.render(h, {
-        data: data
+        data: data,
+        slots: getSlots(children)
       });
     };
     
diff --git a/dist/moon.min.js b/dist/moon.min.js
index fe160a5a..9ea17305 100644
--- a/dist/moon.min.js
+++ b/dist/moon.min.js
@@ -5,4 +5,4 @@
 * Free to use under the MIT license.
 * https://kingpixil.github.io/license
 */
-!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.Moon=e()}(this,function(){"use strict";function t(t){this.$opts=t||{},this.$id=o++,this.$name=this.$opts.name||"root",this.$parent=this.$opts.parent||null,this.$data=this.$opts.data||{},this.$render=this.$opts.render||C,this.$hooks=this.$opts.hooks||{},this.$methods=this.$opts.methods||{},this.$events={},this.$dom={},this.$destroyed=!1,this.$initialRender=!0,this.$queued=!1,this.init()}var e={},n={},r={},i={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;};"},o=0,s=function(e){t.config.silent||console.log(e)},u=function(t){console.error("[Moon] ERR: "+t)},a=function(t){for(var e={},n=t.attributes,r=n.length;r--;)e[n[r].name]=n[r].value;return t.__moon__attrs__=e,e},c=function(){return{shouldRender:!0,component:!1,eventListeners:{}}},p=function(t){var e=/\n/g,n=/"/g;return t.replace(e,"\\n").replace(n,'\\"')},f=function(t,e,n){var r=/{{([A-Za-z0-9_]+)([A-Za-z0-9_.()\[\]]+)?}}/gi,i=t;return t.replace(r,function(t,r,o){o||(o=""),i=n?n(i,t,r,o):e?i.replace(t,'" + instance.get("'+r+'")'+o+' + "'):i.replace(t,'instance.get("'+r+'")'+o)}),i},h=function(t,e,n,r,i){return{type:t,val:e,props:n,children:r,meta:i||c()}},l=function(t,e,n,r,i){if(i.opts.functional)return v(t,e,n,r,i)},v=function(t,e,n,r,i){var o=i.opts.data||{};if(i.opts.props)for(var s=0;s<i.opts.props.length;s++){var u=i.opts.props[s];o[u]=e[u]}return i.opts.render(y,{data:o})},d=function(t){for(var e=[],n=0;n<t.length;n++){var r=t[n];Array.isArray(r)?e=e.concat(d(r)):"string"==typeof r||null===r?e.push(h("#text",r||"",{},[],c())):e.push(r)}return e},y=function(){var t=Array.prototype.slice.call(arguments),e=t.shift(),n=t.shift()||{},i=t.shift(),o=d(t);return r[e]?l(e,n,i,o,r[e]):h(e,o.join(""),n,o,i)},m=function(t,e,n){var r=e.meta.eventListeners;for(var i in r)for(var o=0;o<r[i].length;o++){var s=r[i][o];n.$events[i]?n.on(i,s):t.addEventListener(i,s)}},g=function(t,e){var n;if("#text"===t.type)n=document.createTextNode(t.val);else{n=document.createElement(t.type);for(var r=0;r<t.children.length;r++)n.appendChild(g(t.children[r],e));m(n,t,e)}return $(n,{},t.props,t),n},$=function(t,r,i,o){var s=b(r,i);for(var u in s)!i[u]||e[u]||n[u]?(e[u]&&e[u](t,s[u],o),t.removeAttribute(u)):r[u]&&r[u]===i[u]||t.setAttribute(u,i[u])},k=function(e,n,r,i){var o;if(e&&(o=e.nodeName.toLowerCase()),n&&n.meta.shouldRender||!n)if(e)if(n){if(o!==n.type){var s=g(n,i);return r.replaceChild(s,e),s}if("#text"===o&&"#text"===n.type)e.textContent=n.val;else if(0!==n.children.length||e.firstChild.nextSibling||"#text"!==e.firstChild.nodeName||"#text"!==n.children[0].type){if(n.type){var u=e.__moon__attrs__||a(e);$(e,u,n.props,n),i.$initialRender&&m(e,n,i);for(var c=e.firstChild,p=0;p<n.children.length||c;p++){var f=k(c,n.children[p],e,i);f&&(c=f),c=c?c.nextSibling:null}}}else e.firstChild.textContent=n.children[0].val}else r.removeChild(e);else r.appendChild(g(n,i));else n&&!n.meta.shouldRender&&n.props[t.config.prefix+"pre"]&&e.removeAttribute(t.config.prefix+"pre")},x=function(t,e){for(var n in e)t[n]=e[n];return t},b=function(t,e){var n={};for(var r in t)n[r]=t[r];for(var r in e)n[r]=e[r];return n},_=function(t,e){var n=t.$hooks[e];n&&n()},C=function(){},A=function(t,e){var n={input:t,current:0,tokens:[]};return L(n),n.tokens},L=function(t){for(var e=t.input,n=e.length;t.current<n;)"<"===e.charAt(t.current)?"<!--"!==e.substr(t.current,4)?O(t):G(t):R(t)},R=function(t){var e=t.input,n=e.length,r=e.indexOf("<",t.current);return r===-1?(t.tokens.push({type:"text",value:e.slice(t.current)}),void(t.current=n)):void(r!==t.current&&(t.tokens.push({type:"text",value:e.slice(t.current,r)}),t.current=r))},G=function(t){var e=t.input,n=e.length;t.current+=4;var r=e.indexOf("-->",t.current);return r===-1?(t.tokens.push({type:"comment",value:e.slice(t.current)}),void(t.current=n)):(t.tokens.push({type:"comment",value:e.slice(t.current,r)}),void(t.current=r+3))},O=function(t){var e=t.input,n=(e.length,"/"===e.charAt(t.current+1));e.charAt(t.current);t.tokens.push({type:"tagStart",close:n}),t.current+=n?2:1;var r=E(t);S(t);var i="/"===e.charAt(t.current);t.tokens.push({type:"tagEnd",close:!1}),t.current+=i?2:1,i&&(t.tokens.push({type:"tagStart",close:!0}),t.tokens.push({type:"tag",value:r}),t.tokens.push({type:"attribute",value:{}}),t.tokens.push({type:"tagEnd",close:!1}))},E=function(t){for(var e=t.input,n=e.length,r=t.current;r<n;){var i=e.charAt(r);if("/"!==i&&">"!==i&&" "!==i)break;r++}for(var o=r;o<n;){var i=e.charAt(o);if("/"===i||">"===i||" "===i)break;o++}var s=e.slice(r,o);return t.tokens.push({type:"tag",value:s}),t.current=o,s},S=function(t){for(var e=t.input,n=e.length,r=t.current,i={},o="",s=/([^=\s]*)(=?)("[^"]*"|[^\s"]*)/gi;r<n;){var u=e.charAt(r);if(">"===u||"/"===u)break;o+=u,r++}o.replace(s,function(t,e,n,r){var o=r[0],s=r[r.length-1];("'"===o&&"'"===s||'"'===o&&'"'===s)&&(r=r.slice(1,-1)),r||(r=e),e&&r&&(i[e]=r)}),t.current=r,t.tokens.push({type:"attribute",value:i})},T=function(t){for(var e={type:"ROOT",children:[]},n={current:0,tokens:t};n.current<t.length;){var r=M(n);r&&e.children.push(r)}return e},j=function(t,e,n){return{type:t,props:e,children:n}},M=function(t){var e=t.tokens[t.current],n=t.tokens[t.current-1],r=t.tokens[t.current+1],i=t.tokens[t.current+2],o=t.tokens[t.current+3],s=function(o){t.current+=void 0===o?1:o,e=t.tokens[t.current],n=t.tokens[t.current-1],r=t.tokens[t.current+1],i=t.tokens[t.current+2]};if("text"===e.type)return s(),n.value;if("comment"===e.type)return void s();if("tagStart"===e.type&&!e.close&&!o.close){var u=j(r.value,i.value,[]);r.value;s(4);var a=t.current;if(e){for(;"tagStart"!==e.type||"tagStart"===e.type&&!e.close;){var c=M(t);if(c&&u.children.push(c),s(0),!e){t.current=a-1;break}}s()}return u}s()},q=function(t){var e=t.props;if(0===Object.keys(e).length)return"{}";var r="{";for(var i in e)n[i]&&n[i].beforeGenerate&&n[i].beforeGenerate(e[i],t),r+='"'+i+'": '+f(JSON.stringify(e[i]),!0)+", ";return r=r.slice(0,-2)+"}"},w=function(t){if(0===Object.keys(t).length)return"{}";var e="{";for(var n in t)e+='"'+n+'": ['+K(t[n])+"], ";return e=e.slice(0,-2)+"}"},N=function(t){var e="{";for(var n in t)e+="eventListeners"===n?'"'+n+'": '+w(t[n])+", ":'"'+n+'": '+t[n]+", ";return e=e.slice(0,-2)+"}"},K=function(t){for(var e="",n=0;n<t.length;n++)e+=t[n]+", ";return e=e.slice(0,-2)},z=function(t,e){var n='h("'+t.type+'", ';return n+=q(t)+", ",n+=N(t.meta)+", ",n+=e.length?K(e):'""',n+=")"},F=function(t){var e="";if("string"==typeof t)e+='"'+f(p(t),!0)+'"';else{var r=t.children.map(F);t.meta||(t.meta=c());var i=z(t,r);for(var o in t.props)n[o]&&n[o].afterGenerate&&(i=n[o].afterGenerate(t.props[o],i,t));e+=i}return e},H=function(t){var e=t.children[0],n="var instance = this; return "+F(e);try{return new Function("h",n)}catch(t){return u("Could not create render function"),C}},Z=function(t){var e=A(t),n=T(e);return H(n)};return t.prototype.get=function(t){return this.$data[t]},t.prototype.set=function(t,e){var n=this;this.$data[t]=e,this.$queued||this.$destroyed||(this.$queued=!0,setTimeout(function(){n.build(),_(n,"updated"),n.$queued=!1},0))},t.prototype.destroy=function(){this.removeEvents(),this.$destroyed=!0,_(this,"destroyed")},t.prototype.callMethod=function(t,e){e=e||[],this.$methods[t].apply(this,e)},t.prototype.on=function(t,e){this.$events[t]?this.$events[t].push(e):this.$events[t]=[e]},t.prototype.off=function(t,e){var n=this.$events[t].indexOf(e);n!==-1&&this.$events[t].splice(n,1)},t.prototype.removeEvents=function(){for(var t in this.$events)this.$events[t]=[]},t.prototype.emit=function(t,e){if(e=e||{},e.type=t,this.$events["*"])for(var n=0;n<this.$events["*"].length;n++){var r=this.$events["*"][n];r(e)}for(var n=0;n<this.$events[t].length;n++){var i=this.$events[t][n];i(e)}},t.prototype.renderLoop=function(t,e){for(var n=[],r=0;r<t.length;r++)n.push(e(t[r],r));return n},t.prototype.mount=function(e){this.$el=document.querySelector(e),this.$destroyed=!1,this.$el||u("Element "+this.$opts.el+" not found"),this.$el.__moon__=this,this.$template=this.$opts.template||this.$el.outerHTML,this.$render===C&&(this.$render=t.compile(this.$template)),this.build(),_(this,"mounted")},t.prototype.render=function(){return this.$render(y)},t.prototype.patch=function(t,e,n){k(t,e,n,this),this.$initialRender=!1},t.prototype.build=function(){this.$dom=this.render(),this.patch(this.$el,this.$dom,this.$el.parentNode)},t.prototype.init=function(){s("======= Moon ======="),_(this,"init"),this.$opts.el&&this.mount(this.$opts.el)},t.config={silent:!1,prefix:"m-",keyCodes:function(t){for(var e in t)i[e]="if(event.keyCode !== "+t[e]+") {return;};"}},t.version="0.3.1",t.util={noop:C,error:u,log:s,merge:b,extend:x},t.use=function(e){e.init(t)},t.compile=function(t){return Z(t)},t.nextTick=function(t){setTimeout(t,0)},t.directive=function(n,r){e[t.config.prefix+n]=r},t.component=function(e,n){function i(){t.call(this,n)}var o=this;return n.name=e,n.parent=o,i.prototype=Object.create(o.prototype),i.prototype.constructor=i,i.prototype.init=function(){_(this,"init"),this.$destroyed=!1,this.$props=this.$opts.props||[],this.$template=this.$opts.template,this.$render===C&&(this.$render=t.compile(this.$template))},r[e]={CTor:i,opts:n},i},n[t.config.prefix+"if"]={afterGenerate:function(t,e,n){return"("+f(t,!1)+") ? "+e+" : ''"}},n[t.config.prefix+"for"]={afterGenerate:function(t,e,n){var r=t.split(" in "),i=r[0].split(","),o='instance.get("'+r[1]+'")',s=i.join(",");return e.replace(/instance\.get\("([^"]+)"\)/g,function(t,n){i.indexOf(n)!==-1&&(e=e.replace(new RegExp('instance.get\\("'+n+'"\\)',"g"),n))}),"instance.renderLoop("+o+", function("+s+") { return "+e+"; })"}},n[t.config.prefix+"on"]={beforeGenerate:function(t,e){t=f(t,!1);var n=t.split(":"),r=n[0].split("."),o=r[0],s=n[1],u="(event)",a=s.split("(")[1];a&&(u="");var c="";r.shift();for(var p=0;p<r.length;p++)c+=i[r[p]];var h="function(event) {"+c+"instance.$methods."+s+u+"}";e.meta.eventListeners[o]?e.meta.eventListeners[o].push(h):e.meta.eventListeners[o]=[h]}},n[t.config.prefix+"model"]={beforeGenerate:function(t,e){var n='function(event) {instance.set("'+t+'", event.target.value)}';e.meta.eventListeners.input?e.meta.eventListeners.input.push(n):e.meta.eventListeners.input=[n]}},n[t.config.prefix+"once"]={beforeGenerate:function(t,e){e.meta.shouldRender="instance.$initialRender"}},n[t.config.prefix+"pre"]={beforeGenerate:function(t,e){e.meta.shouldRender=!1}},e[t.config.prefix+"show"]=function(t,e,n){var r=new Function("return "+e);r()?t.style.display="block":t.style.display="none"},e[t.config.prefix+"text"]=function(t,e,n){t.textContent=e,n.children[0].val=e},e[t.config.prefix+"html"]=function(t,e,n){t.innerHTML=e;for(var r=0;r<n.children.length;r++)n.children[r].meta.shouldRender=!1},e[t.config.prefix+"mask"]=function(t,e,n){},t});
\ No newline at end of file
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.Moon=e()}(this,function(){"use strict";function t(t){this.$opts=t||{},this.$id=o++,this.$name=this.$opts.name||"root",this.$parent=this.$opts.parent||null,this.$data=this.$opts.data||{},this.$render=this.$opts.render||A,this.$hooks=this.$opts.hooks||{},this.$methods=this.$opts.methods||{},this.$events={},this.$dom={},this.$destroyed=!1,this.$initialRender=!0,this.$queued=!1,this.init()}var e={},n={},r={},i={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;};"},o=0,s=function(e){t.config.silent||console.log(e)},u=function(t){console.error("[Moon] ERR: "+t)},a=function(t){for(var e={},n=t.attributes,r=n.length;r--;)e[n[r].name]=n[r].value;return t.__moon__attrs__=e,e},c=function(){return{shouldRender:!0,component:!1,eventListeners:{}}},p=function(t){var e=/\n/g,n=/"/g;return t.replace(e,"\\n").replace(n,'\\"')},f=function(t,e,n){var r=/{{([A-Za-z0-9_]+)([A-Za-z0-9_.()\[\]]+)?}}/gi,i=t;return t.replace(r,function(t,r,o){o||(o=""),i=n?n(i,t,r,o):e?i.replace(t,'" + instance.get("'+r+'")'+o+' + "'):i.replace(t,'instance.get("'+r+'")'+o)}),i},h=function(t){var e={};if(!t)return e;e.default=[];for(var n=0;n<t.length;n++){var r=t[n];e.default.push(r)}return e},l=function(t,e,n,r,i){return{type:t,val:e,props:n,children:r,meta:i||c()}},v=function(t,e,n,r,i){if(i.opts.functional)return d(t,e,n,r,i)},d=function(t,e,n,r,i){var o=i.opts.data||{};if(i.opts.props)for(var s=0;s<i.opts.props.length;s++){var u=i.opts.props[s];o[u]=e[u]}return i.opts.render(m,{data:o,slots:h(r)})},y=function(t){for(var e=[],n=0;n<t.length;n++){var r=t[n];Array.isArray(r)?e=e.concat(y(r)):"string"==typeof r||null===r?e.push(l("#text",r||"",{},[],c())):e.push(r)}return e},m=function(){var t=Array.prototype.slice.call(arguments),e=t.shift(),n=t.shift()||{},i=t.shift(),o=y(t);return r[e]?v(e,n,i,o,r[e]):l(e,o.join(""),n,o,i)},g=function(t,e,n){var r=e.meta.eventListeners;for(var i in r)for(var o=0;o<r[i].length;o++){var s=r[i][o];n.$events[i]?n.on(i,s):t.addEventListener(i,s)}},$=function(t,e){var n;if("#text"===t.type)n=document.createTextNode(t.val);else{n=document.createElement(t.type);for(var r=0;r<t.children.length;r++)n.appendChild($(t.children[r],e));g(n,t,e)}return k(n,{},t.props,t),n},k=function(t,r,i,o){var s=_(r,i);for(var u in s)!i[u]||e[u]||n[u]?(e[u]&&e[u](t,s[u],o),t.removeAttribute(u)):r[u]&&r[u]===i[u]||t.setAttribute(u,i[u])},x=function(e,n,r,i){var o;if(e&&(o=e.nodeName.toLowerCase()),n&&n.meta.shouldRender||!n)if(e)if(n){if(o!==n.type){var s=$(n,i);return r.replaceChild(s,e),s}if("#text"===o&&"#text"===n.type)e.textContent=n.val;else if(0!==n.children.length||e.firstChild.nextSibling||"#text"!==e.firstChild.nodeName||"#text"!==n.children[0].type){if(n.type){var u=e.__moon__attrs__||a(e);k(e,u,n.props,n),i.$initialRender&&g(e,n,i);for(var c=e.firstChild,p=0;p<n.children.length||c;p++){var f=x(c,n.children[p],e,i);f&&(c=f),c=c?c.nextSibling:null}}}else e.firstChild.textContent=n.children[0].val}else r.removeChild(e);else r.appendChild($(n,i));else n&&!n.meta.shouldRender&&n.props[t.config.prefix+"pre"]&&e.removeAttribute(t.config.prefix+"pre")},b=function(t,e){for(var n in e)t[n]=e[n];return t},_=function(t,e){var n={};for(var r in t)n[r]=t[r];for(var r in e)n[r]=e[r];return n},C=function(t,e){var n=t.$hooks[e];n&&n()},A=function(){},L=function(t,e){var n={input:t,current:0,tokens:[]};return R(n),n.tokens},R=function(t){for(var e=t.input,n=e.length;t.current<n;)"<"===e.charAt(t.current)?"<!--"!==e.substr(t.current,4)?E(t):O(t):G(t)},G=function(t){var e=t.input,n=e.length,r=e.indexOf("<",t.current);return r===-1?(t.tokens.push({type:"text",value:e.slice(t.current)}),void(t.current=n)):void(r!==t.current&&(t.tokens.push({type:"text",value:e.slice(t.current,r)}),t.current=r))},O=function(t){var e=t.input,n=e.length;t.current+=4;var r=e.indexOf("-->",t.current);return r===-1?(t.tokens.push({type:"comment",value:e.slice(t.current)}),void(t.current=n)):(t.tokens.push({type:"comment",value:e.slice(t.current,r)}),void(t.current=r+3))},E=function(t){var e=t.input,n=(e.length,"/"===e.charAt(t.current+1));e.charAt(t.current);t.tokens.push({type:"tagStart",close:n}),t.current+=n?2:1;var r=S(t);T(t);var i="/"===e.charAt(t.current);t.tokens.push({type:"tagEnd",close:!1}),t.current+=i?2:1,i&&(t.tokens.push({type:"tagStart",close:!0}),t.tokens.push({type:"tag",value:r}),t.tokens.push({type:"attribute",value:{}}),t.tokens.push({type:"tagEnd",close:!1}))},S=function(t){for(var e=t.input,n=e.length,r=t.current;r<n;){var i=e.charAt(r);if("/"!==i&&">"!==i&&" "!==i)break;r++}for(var o=r;o<n;){var i=e.charAt(o);if("/"===i||">"===i||" "===i)break;o++}var s=e.slice(r,o);return t.tokens.push({type:"tag",value:s}),t.current=o,s},T=function(t){for(var e=t.input,n=e.length,r=t.current,i={},o="",s=/([^=\s]*)(=?)("[^"]*"|[^\s"]*)/gi;r<n;){var u=e.charAt(r);if(">"===u||"/"===u)break;o+=u,r++}o.replace(s,function(t,e,n,r){var o=r[0],s=r[r.length-1];("'"===o&&"'"===s||'"'===o&&'"'===s)&&(r=r.slice(1,-1)),r||(r=e),e&&r&&(i[e]=r)}),t.current=r,t.tokens.push({type:"attribute",value:i})},j=function(t){for(var e={type:"ROOT",children:[]},n={current:0,tokens:t};n.current<t.length;){var r=q(n);r&&e.children.push(r)}return e},M=function(t,e,n){return{type:t,props:e,children:n}},q=function(t){var e=t.tokens[t.current],n=t.tokens[t.current-1],r=t.tokens[t.current+1],i=t.tokens[t.current+2],o=t.tokens[t.current+3],s=function(o){t.current+=void 0===o?1:o,e=t.tokens[t.current],n=t.tokens[t.current-1],r=t.tokens[t.current+1],i=t.tokens[t.current+2]};if("text"===e.type)return s(),n.value;if("comment"===e.type)return void s();if("tagStart"===e.type&&!e.close&&!o.close){var u=M(r.value,i.value,[]);r.value;s(4);var a=t.current;if(e){for(;"tagStart"!==e.type||"tagStart"===e.type&&!e.close;){var c=q(t);if(c&&u.children.push(c),s(0),!e){t.current=a-1;break}}s()}return u}s()},w=function(t){var e=t.props;if(0===Object.keys(e).length)return"{}";var r="{";for(var i in e)n[i]&&n[i].beforeGenerate&&n[i].beforeGenerate(e[i],t),r+='"'+i+'": '+f(JSON.stringify(e[i]),!0)+", ";return r=r.slice(0,-2)+"}"},N=function(t){if(0===Object.keys(t).length)return"{}";var e="{";for(var n in t)e+='"'+n+'": ['+z(t[n])+"], ";return e=e.slice(0,-2)+"}"},K=function(t){var e="{";for(var n in t)e+="eventListeners"===n?'"'+n+'": '+N(t[n])+", ":'"'+n+'": '+t[n]+", ";return e=e.slice(0,-2)+"}"},z=function(t){for(var e="",n=0;n<t.length;n++)e+=t[n]+", ";return e=e.slice(0,-2)},F=function(t,e){var n='h("'+t.type+'", ';return n+=w(t)+", ",n+=K(t.meta)+", ",n+=e.length?z(e):'""',n+=")"},H=function(t){var e="";if("string"==typeof t)e+='"'+f(p(t),!0)+'"';else{var r=t.children.map(H);t.meta||(t.meta=c());var i=F(t,r);for(var o in t.props)n[o]&&n[o].afterGenerate&&(i=n[o].afterGenerate(t.props[o],i,t));e+=i}return e},Z=function(t){var e=t.children[0],n="var instance = this; return "+H(e);try{return new Function("h",n)}catch(t){return u("Could not create render function"),A}},D=function(t){var e=L(t),n=j(e);return Z(n)};return t.prototype.get=function(t){return this.$data[t]},t.prototype.set=function(t,e){var n=this;this.$data[t]=e,this.$queued||this.$destroyed||(this.$queued=!0,setTimeout(function(){n.build(),C(n,"updated"),n.$queued=!1},0))},t.prototype.destroy=function(){this.removeEvents(),this.$destroyed=!0,C(this,"destroyed")},t.prototype.callMethod=function(t,e){e=e||[],this.$methods[t].apply(this,e)},t.prototype.on=function(t,e){this.$events[t]?this.$events[t].push(e):this.$events[t]=[e]},t.prototype.off=function(t,e){var n=this.$events[t].indexOf(e);n!==-1&&this.$events[t].splice(n,1)},t.prototype.removeEvents=function(){for(var t in this.$events)this.$events[t]=[]},t.prototype.emit=function(t,e){if(e=e||{},e.type=t,this.$events["*"])for(var n=0;n<this.$events["*"].length;n++){var r=this.$events["*"][n];r(e)}for(var n=0;n<this.$events[t].length;n++){var i=this.$events[t][n];i(e)}},t.prototype.renderLoop=function(t,e){for(var n=[],r=0;r<t.length;r++)n.push(e(t[r],r));return n},t.prototype.mount=function(e){this.$el=document.querySelector(e),this.$destroyed=!1,this.$el||u("Element "+this.$opts.el+" not found"),this.$el.__moon__=this,this.$template=this.$opts.template||this.$el.outerHTML,this.$render===A&&(this.$render=t.compile(this.$template)),this.build(),C(this,"mounted")},t.prototype.render=function(){return this.$render(m)},t.prototype.patch=function(t,e,n){x(t,e,n,this),this.$initialRender=!1},t.prototype.build=function(){this.$dom=this.render(),this.patch(this.$el,this.$dom,this.$el.parentNode)},t.prototype.init=function(){s("======= Moon ======="),C(this,"init"),this.$opts.el&&this.mount(this.$opts.el)},t.config={silent:!1,prefix:"m-",keyCodes:function(t){for(var e in t)i[e]="if(event.keyCode !== "+t[e]+") {return;};"}},t.version="0.3.1",t.util={noop:A,error:u,log:s,merge:_,extend:b},t.use=function(e){e.init(t)},t.compile=function(t){return D(t)},t.nextTick=function(t){setTimeout(t,0)},t.directive=function(n,r){e[t.config.prefix+n]=r},t.component=function(e,n){function i(){t.call(this,n)}var o=this;return n.name=e,n.parent=o,i.prototype=Object.create(o.prototype),i.prototype.constructor=i,i.prototype.init=function(){C(this,"init"),this.$destroyed=!1,this.$props=this.$opts.props||[],this.$template=this.$opts.template,this.$render===A&&(this.$render=t.compile(this.$template))},r[e]={CTor:i,opts:n},i},n[t.config.prefix+"if"]={afterGenerate:function(t,e,n){return"("+f(t,!1)+") ? "+e+" : ''"}},n[t.config.prefix+"for"]={afterGenerate:function(t,e,n){var r=t.split(" in "),i=r[0].split(","),o='instance.get("'+r[1]+'")',s=i.join(",");return e.replace(/instance\.get\("([^"]+)"\)/g,function(t,n){i.indexOf(n)!==-1&&(e=e.replace(new RegExp('instance.get\\("'+n+'"\\)',"g"),n))}),"instance.renderLoop("+o+", function("+s+") { return "+e+"; })"}},n[t.config.prefix+"on"]={beforeGenerate:function(t,e){t=f(t,!1);var n=t.split(":"),r=n[0].split("."),o=r[0],s=n[1],u="(event)",a=s.split("(")[1];a&&(u="");var c="";r.shift();for(var p=0;p<r.length;p++)c+=i[r[p]];var h="function(event) {"+c+"instance.$methods."+s+u+"}";e.meta.eventListeners[o]?e.meta.eventListeners[o].push(h):e.meta.eventListeners[o]=[h]}},n[t.config.prefix+"model"]={beforeGenerate:function(t,e){var n='function(event) {instance.set("'+t+'", event.target.value)}';e.meta.eventListeners.input?e.meta.eventListeners.input.push(n):e.meta.eventListeners.input=[n]}},n[t.config.prefix+"once"]={beforeGenerate:function(t,e){e.meta.shouldRender="instance.$initialRender"}},n[t.config.prefix+"pre"]={beforeGenerate:function(t,e){e.meta.shouldRender=!1}},e[t.config.prefix+"show"]=function(t,e,n){var r=new Function("return "+e);r()?t.style.display="block":t.style.display="none"},e[t.config.prefix+"text"]=function(t,e,n){t.textContent=e,n.children[0].val=e},e[t.config.prefix+"html"]=function(t,e,n){t.innerHTML=e;for(var r=0;r<n.children.length;r++)n.children[r].meta.shouldRender=!1},e[t.config.prefix+"mask"]=function(t,e,n){},t});
\ No newline at end of file
diff --git a/src/util/util.js b/src/util/util.js
index dc7de43b..064a6149 100644
--- a/src/util/util.js
+++ b/src/util/util.js
@@ -76,6 +76,29 @@ var compileTemplate = function(template, isString, customCode) {
   return compiled;
 }
 
+/**
+ * Extracts the Slots From Component Children
+ * @param {Array} children
+ * @return {Object} extracted slots
+ */
+var getSlots = function(children) {
+  var slots = {};
+
+  // No Children Means No Slots
+  if(!children) {
+    return slots;
+  }
+
+  slots.default = [];
+
+  for(var i = 0; i < children.length; i++) {
+    var child = children[i];
+    slots.default.push(child);
+  }
+
+  return slots;
+}
+
 /**
  * Creates a Virtual DOM Node
  * @param {String} type
@@ -104,9 +127,9 @@ var createElement = function(type, val, props, children, meta) {
  * @param {Object} component
  * @return {Object} Virtual DOM Node
  */
-var createComponent = function(type, props, children, meta, component) {
+var createComponent = function(type, props, meta, children, component) {
   if(component.opts.functional) {
-    return createFunctionalComponent(type, props, children, meta, component);
+    return createFunctionalComponent(type, props, meta, children, component);
   }
 }
 
@@ -119,7 +142,7 @@ var createComponent = function(type, props, children, meta, component) {
  * @param {Object} functionalComponent
  * @return {Object} Virtual DOM Node
  */
-var createFunctionalComponent = function(type, props, children, meta, functionalComponent) {
+var createFunctionalComponent = function(type, props, meta, children, functionalComponent) {
   var data = functionalComponent.opts.data || {};
   // Merge data with provided props
   if(functionalComponent.opts.props) {
@@ -129,7 +152,8 @@ var createFunctionalComponent = function(type, props, children, meta, functional
     }
   }
   return functionalComponent.opts.render(h, {
-    data: data
+    data: data,
+    slots: getSlots(children)
   });
 }