(function(app, HtmlBuilder){

    app.component('html', {
        builder: function () {
            return new HtmlBuilder();
        },

        element: function(template, model) {
            return HtmlBuilder.createElement(template, model);
        }
    });
/*
    var template = {
        compile: function (template) {
            var regex = /(?:{([^}]+)})/g;

            var sb = [];

            sb.push('(function() {')
            sb.push('return function (model) { ')
                sb.push('\tvar html = [];')
                sb.push('\twith (model) { ')
                    var m, index = 0;
                    while ((m = regex.exec(template)) !== null) {
                        if(m.index > index) {
                            sb.push("\t\thtml.push('" + normalize(template.substr(index, m.index - index)) + "');");
                        }
                        sb.push('\t\thtml.push(' + m[1] + ');');
                        index = m.index + m[0].length;
                    }

                    if(index < template.length - 1) {
                        sb.push("\t\thtml.push('" + normalize(template.substr(index, template.length - index)) + "');");
                    }
                sb.push('\t}');
                sb.push("\treturn html.join('');");
            sb.push('}');
            sb.push('})()')
            console.log(sb.join('\r\n'));
            return eval(sb.join('\r\n'));
        }
    };

    function normalize(str) {
        return str.replace(/(\r|\n)+/g, '').replace("'", "\\\'");
    }
 */
})(window.app, window.HtmlBuilder);