Skip to content

Instantly share code, notes, and snippets.

@max-mapper
Created March 27, 2014 20:57
Show Gist options
  • Save max-mapper/9818569 to your computer and use it in GitHub Desktop.
Save max-mapper/9818569 to your computer and use it in GitHub Desktop.
requirebin sketch
var Vue = require('vue')
var domify = require('domify')
var template = '<div id="demo">'
+ '<p>{{message}}</p>'
+ '<input v-model="message">'
+ '</div>'
var templateEl = domify(template)
document.body.appendChild(templateEl)
var demo = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
})
require=function e(t,i,n){function r(o,a){if(!i[o]){if(!t[o]){var c="function"==typeof require&&require;if(!a&&c)return c(o,!0);if(s)return s(o,!0);throw Error("Cannot find module '"+o+"'")}var l=i[o]={exports:{}};t[o][0].call(l.exports,function(e){var i=t[o][1][e];return r(i?i:e)},l,l.exports,e,t,i,n)}return i[o].exports}for(var s="function"==typeof require&&require,o=0;n.length>o;o++)r(n[o]);return r}({cBjDVs:[function(e,t){function i(e){if("string"!=typeof e)throw new TypeError("String expected");var t=/<([\w:]+)/.exec(e);if(!t)return document.createTextNode(e);e=e.replace(/^\s+|\s+$/g,"");var i=t[1];if("body"==i){var r=document.createElement("html");return r.innerHTML=e,r.removeChild(r.lastChild)}var s=n[i]||n._default,o=s[0],a=s[1],c=s[2],r=document.createElement("div");for(r.innerHTML=a+e+c;o--;)r=r.lastChild;if(r.firstChild==r.lastChild)return r.removeChild(r.firstChild);for(var l=document.createDocumentFragment();r.firstChild;)l.appendChild(r.removeChild(r.firstChild));return l}t.exports=i;var n={legend:[1,"<fieldset>","</fieldset>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],_default:[0,"",""]};n.td=n.th=[3,"<table><tbody><tr>","</tr></tbody></table>"],n.option=n.optgroup=[1,'<select multiple="multiple">',"</select>"],n.thead=n.tbody=n.colgroup=n.caption=n.tfoot=[1,"<table>","</table>"],n.text=n.circle=n.ellipse=n.line=n.path=n.polygon=n.polyline=n.rect=[1,'<svg xmlns="http://www.w3.org/2000/svg" version="1.1">',"</svg>"]},{}],domify:[function(e,t){t.exports=e("cBjDVs")},{}]},{},[]),require=function e(t,i,n){function r(o,a){if(!i[o]){if(!t[o]){var c="function"==typeof require&&require;if(!a&&c)return c(o,!0);if(s)return s(o,!0);throw Error("Cannot find module '"+o+"'")}var l=i[o]={exports:{}};t[o][0].call(l.exports,function(e){var i=t[o][1][e];return r(i?i:e)},l,l.exports,e,t,i,n)}return i[o].exports}for(var s="function"==typeof require&&require,o=0;n.length>o;o++)r(n[o]);return r}({1:[function(e,t){function i(){this.reset()}var n=e("./utils"),r=i.prototype;r.push=function(e){if(e.id&&this.has[e.id]){if(e.override){var t=this.has[e.id];t.cancelled=!0,this.queue.push(e),this.has[e.id]=e}}else this.queue.push(e),this.has[e.id]=e,this.waiting||(this.waiting=!0,n.nextTick(n.bind(this.flush,this)))},r.flush=function(){this._preFlush&&this._preFlush();for(var e=0;this.queue.length>e;e++){var t=this.queue[e];t.cancelled||t.execute()}this.reset()},r.reset=function(){this.has=n.hash(),this.queue=[],this.waiting=!1},t.exports=i},{"./utils":25}],2:[function(e,t){function i(e,t,i,n){this.id=s++,this.value=void 0,this.isExp=!!i,this.isFn=n,this.root=!this.isExp&&-1===t.indexOf("."),this.compiler=e,this.key=t,this.dirs=[],this.subs=[],this.deps=[],this.unbound=!1}var n=e("./batcher"),r=new n,s=1,o=i.prototype;o.update=function(e){if((!this.isComputed||this.isFn)&&(this.value=e),this.dirs.length||this.subs.length){var t=this;r.push({id:this.id,execute:function(){t.unbound||t._update()}})}},o._update=function(){for(var e=this.dirs.length,t=this.val();e--;)this.dirs[e].update(t);this.pub()},o.val=function(){return this.isComputed&&!this.isFn?this.value.$get():this.value},o.pub=function(){for(var e=this.subs.length;e--;)this.subs[e].update()},o.unbind=function(){this.unbound=!0;for(var e=this.dirs.length;e--;)this.dirs[e].unbind();e=this.deps.length;for(var t;e--;){t=this.deps[e].subs;var i=t.indexOf(this);i>-1&&t.splice(i,1)}},t.exports=i},{"./batcher":1}],3:[function(e,t){function i(e,t){var i,r,o=this;o.init=!0,o.destroyed=!1,t=o.options=t||{},c.processOptions(t),v(o,t.compilerOptions),o.repeat=o.repeat||!1,o.expCache=o.expCache||{};var a=o.el=o.setupElement(t);if(c.log("\nnew VM instance: "+a.tagName+"\n"),o.vm=a.vue_vm=e,o.bindings=c.hash(),o.dirs=[],o.deferred=[],o.computed=[],o.children=[],o.emitter=new s(e),t.methods)for(i in t.methods)o.createBinding(i);if(t.computed)for(i in t.computed)o.createBinding(i);e.$={},e.$el=a,e.$options=t,e.$compiler=o,e.$event=null;var l=t.parent;l&&(o.parent=l.$compiler,l.$compiler.children.push(o),e.$parent=l),e.$root=n(o).vm,o.setupObserver();var u=o.data=t.data||{},h=t.defaultData;if(h)for(i in h)m.call(u,i)||(u[i]=h[i]);var d=t.paramAttributes;if(d)for(r=d.length;r--;)u[d[r]]=c.checkNumber(o.eval(a.getAttribute(d[r])));v(e,u),e.$data=u,o.execHook("created"),u=o.data=e.$data;var p;for(i in e)p=e[i],"$"!==i.charAt(0)&&u[i]!==p&&"function"!=typeof p&&(u[i]=p);for(o.observeData(u),t.template&&this.resolveContent(),o.compile(a,!0),r=o.deferred.length;r--;)o.bindDirective(o.deferred[r]);o.deferred=null,this.computed.length&&f.parse(this.computed),o.init=!1,o.execHook("ready")}function n(e){for(;e.parent;)e=e.parent;return e}var r,s=e("./emitter"),o=e("./observer"),a=e("./config"),c=e("./utils"),l=e("./binding"),u=e("./directive"),h=e("./text-parser"),f=e("./deps-parser"),d=e("./exp-parser"),p=[].slice,v=c.extend,m={}.hasOwnProperty,g=Object.defineProperty,b=["created","ready","beforeDestroy","afterDestroy","attached","detached"],y=["if","repeat","view","component"],_=i.prototype;_.setupElement=function(e){var t,i,n,r,s,o="string"==typeof e.el?document.querySelector(e.el):e.el||document.createElement(e.tagName||"div"),a=e.template;if(a){if(o.hasChildNodes())for(this.rawContent=document.createElement("div");t=o.firstChild;)this.rawContent.appendChild(t);if(e.replace&&1===a.childNodes.length){if(i=a.childNodes[0].cloneNode(!0),o.parentNode&&(o.parentNode.insertBefore(i,o),o.parentNode.removeChild(o)),o.hasAttributes())for(n=o.attributes.length;n--;)r=o.attributes[n],i.setAttribute(r.name,r.value);o=i}else o.appendChild(a.cloneNode(!0))}if(e.id&&(o.id=e.id),e.className&&(o.className=e.className),s=e.attributes)for(r in s)o.setAttribute(r,s[r]);return o},_.resolveContent=function(){function e(e,t){for(var i=e.parentNode,n=0,r=t.length;r>n;n++)i.insertBefore(t[n],e);i.removeChild(e)}var t,i,n,r,s,o=p.call(this.el.getElementsByTagName("content")),a=this.rawContent;if(n=o.length){for(;n--;)t=o[n],a?(i=t.getAttribute("select"),i?t.content=p.call(a.querySelectorAll(i)):s=t):t.content=p.call(t.childNodes);for(n=0,r=o.length;r>n;n++)t=o[n],t!==s&&e(t,t.content);a&&s&&e(s,p.call(a.childNodes))}this.rawContent=null},_.setupObserver=function(){function e(e){r(e),f.catcher.emit("get",a[e])}function t(e,t,i){l.emit("change:"+e,t,i),r(e),a[e].update(t)}function i(e,t){l.on("hook:"+e,function(){t.call(o.vm)})}function n(e){var t=o.children;if(t)for(var i,n=t.length;n--;)i=t[n],i.el.parentNode&&(e="hook:"+(e?"attached":"detached"),i.observer.emit(e),i.emitter.emit(e))}function r(e){a[e]||o.createBinding(e)}var o=this,a=o.bindings,c=o.options,l=o.observer=new s(o.vm);l.proxies={},l.on("get",e).on("set",t).on("mutate",t);for(var u,h,d,p=b.length;p--;)if(h=b[p],d=c[h],Array.isArray(d))for(u=d.length;u--;)i(h,d[u]);else d&&i(h,d);l.on("hook:attached",function(){n(1)}).on("hook:detached",function(){n(0)})},_.observeData=function(e){function t(e){"$data"!==e&&i()}function i(){s.update(n.data),r.emit("change:$data",n.data)}var n=this,r=n.observer;o.observe(e,"",r);var s=n.bindings.$data=new l(n,"$data");s.update(e),g(n.vm,"$data",{get:function(){return n.observer.emit("get","$data"),n.data},set:function(e){var t=n.data;o.unobserve(t,"",r),n.data=e,o.copyPaths(e,t),o.observe(e,"",r),i()}}),r.on("set",t).on("mutate",t)},_.compile=function(e,t){var i=e.nodeType;1===i&&"SCRIPT"!==e.tagName?this.compileElement(e,t):3===i&&a.interpolate&&this.compileTextNode(e)},_.checkPriorityDir=function(e,t,i){var n,r,s;return"component"===e&&i!==!0&&(s=this.resolveComponent(t,void 0,!0))?(r=this.parseDirective(e,"",t),r.Ctor=s):(n=c.attr(t,e),r=n&&this.parseDirective(e,n,t)),r?i===!0?(c.warn("Directive v-"+e+" cannot be used on an already instantiated "+"VM's root node. Use it from the parent's template instead."),void 0):(this.deferred.push(r),!0):void 0},_.compileElement=function(e,t){if("TEXTAREA"===e.tagName&&e.value&&(e.value=this.eval(e.value)),e.hasAttributes()||e.tagName.indexOf("-")>-1){if(null!==c.attr(e,"pre"))return;var i,n,r,s;for(i=0,n=y.length;n>i;i++)if(this.checkPriorityDir(y[i],e,t))return;e.vue_trans=c.attr(e,"transition"),e.vue_anim=c.attr(e,"animation"),e.vue_effect=this.eval(c.attr(e,"effect"));var o,l,u,f,d,v,m=a.prefix+"-",g=p.call(e.attributes),b=this.options.paramAttributes;for(i=0,n=g.length;n>i;i++){if(o=g[i],l=!1,0===o.name.indexOf(m))for(l=!0,v=o.name.slice(m.length),f=this.parseDirective(v,o.value,e,!0),r=0,s=f.length;s>r;r++)d=f[r],"with"===v?this.bindDirective(d,this.parent):this.bindDirective(d);else a.interpolate&&(u=h.parseAttr(o.value),u&&(d=this.parseDirective("attr",o.name+":"+u,e),b&&b.indexOf(o.name)>-1?this.bindDirective(d,this.parent):this.bindDirective(d)));l&&"cloak"!==v&&e.removeAttribute(o.name)}}e.hasChildNodes()&&p.call(e.childNodes).forEach(this.compile,this)},_.compileTextNode=function(e){var t=h.parse(e.nodeValue);if(t){for(var i,n,r,s=0,o=t.length;o>s;s++)n=t[s],r=null,n.key?">"===n.key.charAt(0)?(i=document.createComment("ref"),r=this.parseDirective("partial",n.key.slice(1),i)):n.html?(i=document.createComment(a.prefix+"-html"),r=this.parseDirective("html",n.key,i)):(i=document.createTextNode(""),r=this.parseDirective("text",n.key,i)):i=document.createTextNode(n),e.parentNode.insertBefore(i,e),this.bindDirective(r);e.parentNode.removeChild(e)}},_.parseDirective=function(e,t,i,n){function r(t){return new u(e,t,o,s,i)}var s=this,o=s.getOption("directives",e);if(o){var a=u.parse(t);return n?a.map(r):r(a[0])}},_.bindDirective=function(e,t){if(e){if(this.dirs.push(e),e.isEmpty||e.isLiteral)return e.bind&&e.bind(),void 0;var i,n=t||this,r=e.key;if(e.isExp)i=n.createBinding(r,e);else{for(;n&&!n.hasKey(r);)n=n.parent;n=n||this,i=n.bindings[r]||n.createBinding(r)}i.dirs.push(e),e.binding=i;var s=i.val();e.bind&&e.bind(s),e.update(s,!0)}},_.createBinding=function(e,t){c.log(" created binding: "+e);var i=this,n=i.options.methods,r=t&&t.isExp,s=t&&t.isFn||n&&n[e],a=i.bindings,u=i.options.computed,h=new l(i,e,r,s);if(r)i.defineExp(e,h,t);else if(s)a[e]=h,h.value=i.vm[e]=n[e];else if(a[e]=h,h.root)u&&u[e]?i.defineComputed(e,h,u[e]):"$"!==e.charAt(0)?i.defineProp(e,h):i.defineMeta(e,h);else if(u&&u[c.baseKey(e)])i.defineExp(e,h);else{o.ensurePath(i.data,e);var f=e.slice(0,e.lastIndexOf("."));a[f]||i.createBinding(f)}return h},_.defineProp=function(e,t){var i=this,n=i.data,r=n.__emitter__;m.call(n,e)||(n[e]=void 0),r&&!m.call(r.values,e)&&o.convertKey(n,e),t.value=n[e],g(i.vm,e,{get:function(){return i.data[e]},set:function(t){i.data[e]=t}})},_.defineMeta=function(e,t){var i=this.observer;t.value=this.data[e],delete this.data[e],g(this.vm,e,{get:function(){return o.shouldGet&&i.emit("get",e),t.value},set:function(t){i.emit("set",e,t)}})},_.defineExp=function(e,t,i){var n=i&&i.computedKey,r=n?i.expression:e,s=this.expCache[r];s||(s=this.expCache[r]=d.parse(n||e,this)),s&&this.markComputed(t,s)},_.defineComputed=function(e,t,i){this.markComputed(t,i),g(this.vm,e,{get:t.value.$get,set:t.value.$set})},_.markComputed=function(e,t){e.isComputed=!0,e.isFn?e.value=t:("function"==typeof t&&(t={$get:t}),e.value={$get:c.bind(t.$get,this.vm),$set:t.$set?c.bind(t.$set,this.vm):void 0}),this.computed.push(e)},_.getOption=function(e,t,i){var n=this.options,r=this.parent,s=a.globalAssets,o=n[e]&&n[e][t]||(r?r.getOption(e,t,i):s[e]&&s[e][t]);return o||i||"string"!=typeof t||c.warn("Unknown "+e.slice(0,-1)+": "+t),o},_.execHook=function(e){e="hook:"+e,this.observer.emit(e),this.emitter.emit(e)},_.hasKey=function(e){var t=c.baseKey(e);return m.call(this.data,t)||m.call(this.vm,t)},_.eval=function(e,t){var i=h.parseAttr(e);return i?d.eval(i,this,t):e},_.resolveComponent=function(t,i,n){r=r||e("./viewmodel");var s=c.attr(t,"component"),o=t.tagName,a=this.eval(s,i),l=o.indexOf("-")>0&&o.toLowerCase(),u=this.getOption("components",a||l,!0);return a&&!u&&c.warn("Unknown component: "+a),n?""===s?r:u:u||r},_.destroy=function(){if(!this.destroyed){var e,t,i,n,r,s,a=this,c=a.vm,l=a.el,u=a.dirs,h=a.computed,f=a.bindings,d=a.children,p=a.parent;for(a.execHook("beforeDestroy"),o.unobserve(a.data,"",a.observer),e=u.length;e--;)n=u[e],n.binding&&n.binding.compiler!==a&&(r=n.binding.dirs,r&&(t=r.indexOf(n),t>-1&&r.splice(t,1))),n.unbind();for(e=h.length;e--;)h[e].unbind();for(i in f)s=f[i],s&&s.unbind();for(e=d.length;e--;)d[e].destroy();p&&(t=p.children.indexOf(a),t>-1&&p.children.splice(t,1)),l===document.body?l.innerHTML="":c.$remove(),l.vue_vm=null,a.destroyed=!0,a.execHook("afterDestroy"),a.observer.off(),a.emitter.off()}},t.exports=i},{"./binding":2,"./config":4,"./deps-parser":5,"./directive":6,"./emitter":17,"./exp-parser":18,"./observer":22,"./text-parser":23,"./utils":25,"./viewmodel":26}],4:[function(e,t){var i=e("./text-parser");t.exports={prefix:"v",debug:!1,silent:!1,enterClass:"v-enter",leaveClass:"v-leave",interpolate:!0},Object.defineProperty(t.exports,"delimiters",{get:function(){return i.delimiters},set:function(e){i.setDelimiters(e)}})},{"./text-parser":23}],5:[function(e,t){function i(e){if(!e.isFn){s.log("\n- "+e.key);var t=s.hash();e.deps=[],a.on("get",function(i){var r=t[i.key];r&&r.compiler===i.compiler||i.compiler.repeat&&!n(i.compiler,e.compiler)||(t[i.key]=i,s.log(" - "+i.key),e.deps.push(i),i.subs.push(e))}),e.value.$get(),a.off("get")}}function n(e,t){for(;t;){if(e===t)return!0;t=t.parent}}var r=e("./emitter"),s=e("./utils"),o=e("./observer"),a=new r;t.exports={catcher:a,parse:function(e){s.log("\nparsing dependencies..."),o.shouldGet=!0,e.forEach(i),o.shouldGet=!1,s.log("\ndone.")}}},{"./emitter":17,"./observer":22,"./utils":25}],6:[function(e,t){function i(e,t,n,s,o){this.id=r++,this.name=e,this.compiler=s,this.vm=s.vm,this.el=o,this.computeFilters=!1,this.key=t.key,this.arg=t.arg,this.expression=t.expression;var l=""===this.expression;if("function"==typeof n)this[l?"bind":"_update"]=n;else for(var u in n)"unbind"===u||"update"===u?this["_"+u]=n[u]:this[u]=n[u];if(l||this.isEmpty)return this.isEmpty=!0,void 0;this.expression=(this.isLiteral?s.eval(this.expression):this.expression).trim();var h,f,d,p,v,m=t.filters;if(m)for(this.filters=[],d=0,p=m.length;p>d;d++)h=m[d],f=this.compiler.getOption("filters",h.name),f&&(h.apply=f,this.filters.push(h),f.computed&&(v=!0));this.filters&&this.filters.length||(this.filters=null),v&&(this.computedKey=i.inlineFilters(this.key,this.filters),this.filters=null),this.isExp=v||!c.test(this.key)||a.test(this.key)}function n(e){return e.indexOf('"')>-1?e.replace(l,"'"):e}var r=1,s=/^[\w\$-]+$/,o=/[^\s'"]+|'[^']+'|"[^"]+"/g,a=/^\$(parent|root)\./,c=/^[\w\.$]+$/,l=/"/g,u=i.prototype;u.update=function(e,t){(t||e!==this.value||e&&"object"==typeof e)&&(this.value=e,this._update&&this._update(this.filters&&!this.computeFilters?this.applyFilters(e):e,t))},u.applyFilters=function(e){for(var t,i=e,n=0,r=this.filters.length;r>n;n++)t=this.filters[n],i=t.apply.apply(this.vm,[i].concat(t.args));return i},u.unbind=function(){this.el&&this.vm&&(this._unbind&&this._unbind(),this.vm=this.el=this.binding=this.compiler=null)},i.parse=function(e){function t(){v.expression=e.slice(f,g).trim(),void 0===v.key?v.key=e.slice(d,g).trim():m!==f&&i(),(0===g||v.key)&&p.push(v)}function i(){var t,i=e.slice(m,g).trim();if(i){t={};var n=i.match(o);t.name=n[0],t.args=n.length>1?n.slice(1):null}t&&(v.filters=v.filters||[]).push(t),m=g+1}for(var n,r,a=!1,c=!1,l=0,u=0,h=0,f=0,d=0,p=[],v={},m=0,g=0,b=e.length;b>g;g++)r=e.charAt(g),a?"'"===r&&(a=!a):c?'"'===r&&(c=!c):","!==r||h||l||u?":"!==r||v.key||v.arg?"|"===r&&"|"!==e.charAt(g+1)&&"|"!==e.charAt(g-1)?void 0===v.key?(m=g+1,v.key=e.slice(d,g).trim()):i():'"'===r?c=!0:"'"===r?a=!0:"("===r?h++:")"===r?h--:"["===r?u++:"]"===r?u--:"{"===r?l++:"}"===r&&l--:(n=e.slice(f,g).trim(),s.test(n)&&(d=g+1,v.arg=e.slice(f,g).trim())):(t(),v={},f=d=m=g+1);return(0===g||f!==g)&&t(),p},i.inlineFilters=function(e,t){for(var i,r,s=0,o=t.length;o>s;s++)r=t[s],i=r.args?',"'+r.args.map(n).join('","')+'"':"",e='this.$compiler.getOption("filters", "'+r.name+'").call(this,'+e+i+")";return e},t.exports=i},{}],7:[function(e,t){var i=e("../utils").guard,n=[].slice;t.exports={bind:function(){8===this.el.nodeType&&(this.holder=document.createElement("div"),this.nodes=[])},update:function(e){e=i(e),this.holder?this.swap(e):this.el.innerHTML=e},swap:function(e){for(var t,i=this.el.parentNode,r=this.holder,s=this.nodes,o=s.length;o--;)i.removeChild(s[o]);for(r.innerHTML=e,s=this.nodes=n.call(r.childNodes),o=0,t=s.length;t>o;o++)i.insertBefore(s[o],this.el)}}},{"../utils":25}],8:[function(e,t){var i=e("../utils");t.exports={bind:function(){this.parent=this.el.parentNode,this.ref=document.createComment("vue-if"),this.Ctor=this.compiler.resolveComponent(this.el),this.parent.insertBefore(this.ref,this.el),this.parent.removeChild(this.el),i.attr(this.el,"view")&&i.warn("Conflict: v-if cannot be used together with v-view. Just set v-view's binding value to empty string to empty it."),i.attr(this.el,"repeat")&&i.warn("Conflict: v-if cannot be used together with v-repeat. Use `v-show` or the `filterBy` filter instead.")},update:function(e){e?this.childVM||(this.childVM=new this.Ctor({el:this.el.cloneNode(!0),parent:this.vm}),this.compiler.init?this.parent.insertBefore(this.childVM.$el,this.ref):this.childVM.$before(this.ref)):this._unbind()},unbind:function(){this.childVM&&(this.childVM.$destroy(),this.childVM=null)}}},{"../utils":25}],9:[function(e,t){var i=e("../utils"),n=e("../config"),r=e("../transition"),s=t.exports=i.hash();s.component={isLiteral:!0,bind:function(){this.el.vue_vm||(this.childVM=new this.Ctor({el:this.el,parent:this.vm}))},unbind:function(){this.childVM&&this.childVM.$destroy()}},s.attr={bind:function(){var e=this.vm.$options.paramAttributes;this.isParam=e&&e.indexOf(this.arg)>-1},update:function(e){e||0===e?this.el.setAttribute(this.arg,e):this.el.removeAttribute(this.arg),this.isParam&&(this.vm[this.arg]=i.checkNumber(e))}},s.text={bind:function(){this.attr=3===this.el.nodeType?"nodeValue":"textContent"},update:function(e){this.el[this.attr]=i.guard(e)}},s.show=function(e){var t=this.el,i=e?"":"none",n=function(){t.style.display=i};r(t,e?1:-1,n,this.compiler)},s["class"]=function(e){this.arg?i[e?"addClass":"removeClass"](this.el,this.arg):(this.lastVal&&i.removeClass(this.el,this.lastVal),e&&(i.addClass(this.el,e),this.lastVal=e))},s.cloak={isEmpty:!0,bind:function(){var e=this.el;this.compiler.observer.once("hook:ready",function(){e.removeAttribute(n.prefix+"-cloak")})}},s.ref={isLiteral:!0,bind:function(){var e=this.expression;e&&(this.vm.$parent.$[e]=this.vm)},unbind:function(){var e=this.expression;e&&delete this.vm.$parent.$[e]}},s.on=e("./on"),s.repeat=e("./repeat"),s.model=e("./model"),s["if"]=e("./if"),s["with"]=e("./with"),s.html=e("./html"),s.style=e("./style"),s.partial=e("./partial"),s.view=e("./view")},{"../config":4,"../transition":24,"../utils":25,"./html":7,"./if":8,"./model":10,"./on":11,"./partial":12,"./repeat":13,"./style":14,"./view":15,"./with":16}],10:[function(e,t){function i(e){return s.call(e.options,function(e){return e.selected}).map(function(e){return e.value||e.text})}var n=e("../utils"),r=navigator.userAgent.indexOf("MSIE 9.0")>0,s=[].filter;t.exports={bind:function(){var e=this,t=e.el,i=t.type,s=t.tagName;e.lock=!1,e.ownerVM=e.binding.compiler.vm,e.event=e.compiler.options.lazy||"SELECT"===s||"checkbox"===i||"radio"===i?"change":"input",e.attr="checkbox"===i?"checked":"INPUT"===s||"SELECT"===s||"TEXTAREA"===s?"value":"innerHTML","SELECT"===s&&t.hasAttribute("multiple")&&(this.multi=!0);var o=!1;e.cLock=function(){o=!0},e.cUnlock=function(){o=!1},t.addEventListener("compositionstart",this.cLock),t.addEventListener("compositionend",this.cUnlock),e.set=e.filters?function(){if(!o){var i;try{i=t.selectionStart}catch(r){}e._set(),n.nextTick(function(){void 0!==i&&t.setSelectionRange(i,i)})}}:function(){o||(e.lock=!0,e._set(),n.nextTick(function(){e.lock=!1}))},t.addEventListener(e.event,e.set),r&&(e.onCut=function(){n.nextTick(function(){e.set()})},e.onDel=function(t){(46===t.keyCode||8===t.keyCode)&&e.set()},t.addEventListener("cut",e.onCut),t.addEventListener("keyup",e.onDel))},_set:function(){this.ownerVM.$set(this.key,this.multi?i(this.el):this.el[this.attr])},update:function(e,t){if(t&&void 0===e)return this._set();if(!this.lock){var i=this.el;"SELECT"===i.tagName?(i.selectedIndex=-1,this.multi&&Array.isArray(e)?e.forEach(this.updateSelect,this):this.updateSelect(e)):"radio"===i.type?i.checked=e==i.value:"checkbox"===i.type?i.checked=!!e:i[this.attr]=n.guard(e)}},updateSelect:function(e){for(var t=this.el.options,i=t.length;i--;)if(t[i].value==e){t[i].selected=!0;break}},unbind:function(){var e=this.el;e.removeEventListener(this.event,this.set),e.removeEventListener("compositionstart",this.cLock),e.removeEventListener("compositionend",this.cUnlock),r&&(e.removeEventListener("cut",this.onCut),e.removeEventListener("keyup",this.onDel))}}},{"../utils":25}],11:[function(e,t){var i=e("../utils");t.exports={isFn:!0,bind:function(){this.context=this.binding.isExp?this.vm:this.binding.compiler.vm},update:function(e){if("function"!=typeof e)return i.warn('Directive "v-on:'+this.expression+'" expects a method.'),void 0;this._unbind();var t=this.vm,n=this.context;this.handler=function(i){i.targetVM=t,n.$event=i;var r=e.call(n,i);return n.$event=null,r},this.el.addEventListener(this.arg,this.handler)},unbind:function(){this.el.removeEventListener(this.arg,this.handler)}}},{"../utils":25}],12:[function(e,t){var i=e("../utils");t.exports={isLiteral:!0,bind:function(){var e=this.expression;if(e){var t=this.el,n=this.compiler,r=n.getOption("partials",e);if(!r)return"yield"===e&&i.warn("{{>yield}} syntax has been deprecated. Use <content> tag instead."),void 0;if(r=r.cloneNode(!0),8===t.nodeType){var s=[].slice.call(r.childNodes),o=t.parentNode;o.insertBefore(r,t),o.removeChild(t),s.forEach(n.compile,n)}else t.innerHTML="",t.appendChild(r.cloneNode(!0))}}}},{"../utils":25}],13:[function(e,t){function i(e,t){for(var i,n=0,r=e.length;r>n;n++)if(i=e[n],!i.$reused&&i.$value===t)return n;return-1}var n=e("../utils"),r=e("../config");t.exports={bind:function(){this.identifier="$r"+this.id,this.expCache=n.hash();var e=this.el,t=this.container=e.parentNode;this.childId=this.compiler.eval(n.attr(e,"ref")),this.ref=document.createComment(r.prefix+"-repeat-"+this.key),t.insertBefore(this.ref,e),t.removeChild(e),this.collection=null,this.vms=null},update:function(e){Array.isArray(e)||(n.isObject(e)?e=n.objectToArray(e):n.warn("v-repeat only accepts Array or Object values.")),this.oldVMs=this.vms,this.oldCollection=this.collection,e=this.collection=e||[];var t=e[0]&&n.isObject(e[0]);this.vms=this.oldCollection?this.diff(e,t):this.init(e,t),this.childId&&(this.vm.$[this.childId]=this.vms)},init:function(e,t){for(var i,n=[],r=0,s=e.length;s>r;r++)i=this.build(e[r],r,t),n.push(i),this.compiler.init?this.container.insertBefore(i.$el,this.ref):i.$before(this.ref);return n},diff:function(e,t){var n,r,s,o,a,c,l,u,h=this.container,f=this.oldVMs,d=[];for(d.length=e.length,n=0,r=e.length;r>n;n++)s=e[n],t?(s.$index=n,s.__emitter__&&s.__emitter__[this.identifier]?s.$reused=!0:d[n]=this.build(s,n,t)):(a=i(f,s),a>-1?(f[a].$reused=!0,f[a].$data.$index=n):d[n]=this.build(s,n,t));for(n=0,r=f.length;r>n;n++)o=f[n],s=this.arg?o.$data[this.arg]:o.$data,s.$reused&&(o.$reused=!0,delete s.$reused),o.$reused?(o.$index=s.$index,s.$key&&s.$key!==o.$key&&(o.$key=s.$key),d[o.$index]=o):(s.__emitter__&&delete s.__emitter__[this.identifier],o.$destroy());for(n=d.length;n--;)if(o=d[n],s=o.$data,c=d[n+1],o.$reused){for(u=o.$el.nextSibling;!u.vue_vm&&u!==this.ref;)u=u.nextSibling;if(l=u.vue_vm,l!==c)if(c){for(u=c.$el;!u.parentNode;)c=d[u.vue_vm.$index+1],u=c?c.$el:this.ref;h.insertBefore(o.$el,u)}else h.insertBefore(o.$el,this.ref);delete o.$reused,delete s.$index,delete s.$key}else o.$before(c?c.$el:this.ref);return d},build:function(e,t,i){var n,r,s=!i||this.arg;s&&(n=e,r=this.arg||"$value",e={},e[r]=n),e.$index=t;var o=this.el.cloneNode(!0),a=this.compiler.resolveComponent(o,e),c=new a({el:o,data:e,parent:this.vm,compilerOptions:{repeat:!0,expCache:this.expCache}});if(i&&((n||e).__emitter__[this.identifier]=!0),s){var l=this,u=function(e){l.lock=!0,l.collection.$set(c.$index,e),l.lock=!1};c.$compiler.observer.on("change:"+r,u)}return c},unbind:function(){if(this.childId&&delete this.vm.$[this.childId],this.vms)for(var e=this.vms.length;e--;)this.vms[e].$destroy()}}},{"../config":4,"../utils":25}],14:[function(e,t){function i(e){return e[1].toUpperCase()}var n=/-([a-z])/g,r=["webkit","moz","ms"];t.exports={bind:function(){var e=this.arg;if(e){var t=e.charAt(0);"$"===t?(e=e.slice(1),this.prefixed=!0):"-"===t&&(e=e.slice(1)),this.prop=e.replace(n,i)}},update:function(e){var t=this.prop;if(t){if(this.el.style[t]=e,this.prefixed){t=t.charAt(0).toUpperCase()+t.slice(1);for(var i=r.length;i--;)this.el.style[r[i]+t]=e}}else this.el.style.cssText=e}}},{}],15:[function(e,t){t.exports={bind:function(){var e=this.raw=this.el,t=e.parentNode,i=this.ref=document.createComment("v-view");t.insertBefore(i,e),t.removeChild(e);for(var n,r=this.inner=document.createElement("div");n=e.firstChild;)r.appendChild(n)},update:function(e){this._unbind();var t=this.compiler.getOption("components",e);t&&(this.childVM=new t({el:this.raw.cloneNode(!0),parent:this.vm,compilerOptions:{rawContent:this.inner.cloneNode(!0)}}),this.el=this.childVM.$el,this.compiler.init?this.ref.parentNode.insertBefore(this.el,this.ref):this.childVM.$before(this.ref))},unbind:function(){this.childVM&&this.childVM.$destroy()}}},{}],16:[function(e,t){var i=e("../utils");t.exports={bind:function(){var e=this,t=e.arg,n=e.key,r=e.compiler,s=e.binding.compiler;return r===s?(this.alone=!0,void 0):(t&&(r.bindings[t]||r.createBinding(t),r.observer.on("change:"+t,function(t){r.init||(e.lock||(e.lock=!0,i.nextTick(function(){e.lock=!1})),s.vm.$set(n,t))})),void 0)},update:function(e){this.alone||this.lock||(this.arg?this.vm.$set(this.arg,e):this.vm.$data=e)}}},{"../utils":25}],17:[function(e,t){function i(e){this._ctx=e||this}var n=i.prototype;n.on=function(e,t){return this._cbs=this._cbs||{},(this._cbs[e]=this._cbs[e]||[]).push(t),this},n.once=function(e,t){function i(){n.off(e,i),t.apply(this,arguments)}var n=this;return this._cbs=this._cbs||{},i.fn=t,this.on(e,i),this},n.off=function(e,t){if(this._cbs=this._cbs||{},!arguments.length)return this._cbs={},this;var i=this._cbs[e];if(!i)return this;if(1===arguments.length)return delete this._cbs[e],this;for(var n,r=0;i.length>r;r++)if(n=i[r],n===t||n.fn===t){i.splice(r,1);break}return this},n.emit=function(e,t,i,n){this._cbs=this._cbs||{};var r=this._cbs[e];if(r){r=r.slice(0);for(var s=0,o=r.length;o>s;s++)r[s].call(this._ctx,t,i,n)}return this},t.exports=i},{}],18:[function(e,t,i){function n(e){return e=e.replace(v,"").replace(m,",").replace(p,"").replace(g,"").replace(b,""),e?e.split(/,+/):[]}function r(e,t,i){var n="",r=0,s=t;if(i&&void 0!==a.get(i,e))return"$temp.";for(;t&&!t.hasKey(e);)t=t.parent,r++;if(t){for(;r--;)n+="$parent.";t.bindings[e]||"$"===e.charAt(0)||t.createBinding(e)}else s.createBinding(e);return n}function s(e,t){var i;try{i=Function(e)}catch(n){a.warn("Error parsing expression: "+t)}return i}function o(e){return"$"===e.charAt(0)?"\\"+e:e}var a=e("./utils"),c=/"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/g,l=/"(\d+)"/g,u=/\n/g,h=RegExp("constructor".split("").join("['\"+, ]*")),f=/\\u\d\d\d\d/,d="break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,undefined,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,Math",p=RegExp(["\\b"+d.replace(/,/g,"\\b|\\b")+"\\b"].join("|"),"g"),v=/\/\*(?:.|\n)*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|'[^']*'|"[^"]*"|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,m=/[^\w$]+/g,g=/\b\d[^,]*/g,b=/^,+|,+$/g;i.parse=function(e,t,i){function d(e){var t=y.length;return y[t]=e.replace(u,"\\n"),'"'+t+'"'}function p(e){var n=e.charAt(0);e=e.slice(1);var s="this."+r(e,t,i)+e;return b[e]||(g+=s+";",b[e]=1),n+s}function v(e,t){return y[t]}if(f.test(e)||h.test(e))return a.warn("Unsafe expression: "+e),void 0;var m=n(e);if(!m.length)return s("return "+e,e);m=a.unique(m);var g="",b=a.hash(),y=[],_=RegExp("[^$\\w\\.]("+m.map(o).join("|")+")[$\\w\\.]*\\b","g"),x=(" "+e).replace(c,d).replace(_,p).replace(l,v);return x=g+"return "+x,s(x,e)},i.eval=function(e,t,n){var r,s=i.parse(e,t,n);return s&&(t.vm.$temp=n,r=s.call(t.vm),delete t.vm.$temp),r}},{"./utils":25}],19:[function(e,t){function i(e,t){if(r.isObject(e)){for(var n in e)if(i(e[n],t))return!0}else if(null!=e)return(""+e).toLowerCase().indexOf(t)>-1}function n(e){return a.test(e)?e.slice(1,-1):void 0}var r=e("./utils"),s=r.get,o=[].slice,a=/^'.*'$/,c=t.exports=r.hash();c.capitalize=function(e){return e||0===e?(e=""+e,e.charAt(0).toUpperCase()+e.slice(1)):""},c.uppercase=function(e){return e||0===e?(""+e).toUpperCase():""},c.lowercase=function(e){return e||0===e?(""+e).toLowerCase():""},c.currency=function(e,t){if(!e&&0!==e)return"";t=t||"$";var i=""+Math.floor(e),n=i.length%3,r=n>0?i.slice(0,n)+(i.length>3?",":""):"",s="."+e.toFixed(2).slice(-2);return t+r+i.slice(n).replace(/(\d{3})(?=\d)/g,"$1,")+s},c.pluralize=function(e){var t=o.call(arguments,1);return t.length>1?t[e-1]||t[t.length-1]:t[e-1]||t[0]+"s"};var l={enter:13,tab:9,"delete":46,up:38,left:37,right:39,down:40,esc:27};c.key=function(e,t){if(e){var i=l[t];return i||(i=parseInt(t,10)),function(t){return t.keyCode===i?e.call(this,t):void 0}}},c.filterBy=function(e,t,o,a){o&&"in"!==o&&(a=o);var c=n(t)||this.$get(t);return c?(c=c.toLowerCase(),a=a&&(n(a)||this.$get(a)),Array.isArray(e)||(e=r.objectToArray(e)),e.filter(function(e){return a?i(s(e,a),c):i(e,c)})):e},c.filterBy.computed=!0,c.orderBy=function(e,t,i){var o=n(t)||this.$get(t);if(!o)return e;Array.isArray(e)||(e=r.objectToArray(e));var a=1;return i&&("-1"===i?a=-1:"!"===i.charAt(0)?(i=i.slice(1),a=this.$get(i)?1:-1):a=this.$get(i)?-1:1),e.slice().sort(function(e,t){return e=s(e,o),t=s(t,o),e===t?0:e>t?a:-a})},c.orderBy.computed=!0},{"./utils":25}],vue:[function(e,t){t.exports=e("Mb4SjN")},{}],Mb4SjN:[function(e,t){function i(e){var t=this;e.data&&(e.defaultData=e.data,delete e.data),e=n(e,t.options,!0),o.processOptions(e);var r=function(i,r){r||(i=n(i,e,!0)),t.call(this,i,!0)},a=r.prototype=Object.create(t.prototype);return o.defProtected(a,"constructor",r),r.extend=i,r.super=t,r.options=e,c.forEach(function(e){r[e]=s[e]}),r.use=s.use,r.require=s.require,r}function n(e,t,i){if(e=e||{},!t)return e;for(var r in t)if("el"!==r){var a=e[r],c=t[r];i&&"function"==typeof a&&c?(e[r]=[a],Array.isArray(c)?e[r]=e[r].concat(c):e[r].push(c)):!i||!o.isTrueObject(a)&&!o.isTrueObject(c)||c instanceof s?void 0===a&&(e[r]=c):e[r]=n(a,c)}return e}var r=e("./config"),s=e("./viewmodel"),o=e("./utils"),a=o.hash,c=["directive","filter","partial","effect","component"];e("./observer"),e("./transition"),s.options=r.globalAssets={directives:e("./directives"),filters:e("./filters"),partials:a(),effects:a(),components:a()},c.forEach(function(e){s[e]=function(t,i){var n=this.options[e+"s"];return n||(n=this.options[e+"s"]=a()),i?("partial"===e?i=o.toFragment(i):"component"===e?i=o.toConstructor(i):"filter"===e&&o.checkFilter(i),n[t]=i,this):n[t]}}),s.config=function(e,t){if("string"==typeof e){if(void 0===t)return r[e];r[e]=t}else o.extend(r,e);return this},s.use=function(t){if("string"==typeof t)try{t=e(t)}catch(i){return o.warn("Cannot find plugin: "+t),void 0}var n=[].slice.call(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):t.apply(null,n),this},s.require=function(t){return e("./"+t)},s.extend=i,s.nextTick=o.nextTick,t.exports=s},{"./config":4,"./directives":9,"./filters":19,"./observer":22,"./transition":24,"./utils":25,"./viewmodel":26}],22:[function(e,t){function i(e){_(N,e,function(){var t,i,s=k.call(arguments),o=Array.prototype[e].apply(this,s);
return"push"===e||"unshift"===e?t=s:"pop"===e||"shift"===e?i=[o]:"splice"===e&&(t=s.slice(2),i=o),n(this,t),r(this,i),this.__emitter__.emit("mutate","",this,{method:e,args:s,result:o,inserted:t,removed:i}),o},!E)}function n(e,t){if(t)for(var i,n,r=t.length;r--;)i=t[r],s(i)&&(i.__emitter__||(o(i),c(i)),n=i.__emitter__.owners,0>n.indexOf(e)&&n.push(e))}function r(e,t){if(t)for(var i,n=t.length;n--;)if(i=t[n],i&&i.__emitter__){var r=i.__emitter__.owners;r&&r.splice(r.indexOf(e))}}function s(e){return"object"==typeof e&&e&&!e.$compiler}function o(e){if(e.__emitter__)return!0;var t=new b;return _(e,"__emitter__",t),t.on("set",function(t,i,n){n&&a(e)}).on("mutate",function(){a(e)}),t.values=y.hash(),t.owners=[],!1}function a(e){for(var t=e.__emitter__.owners,i=t.length;i--;)t[i].__emitter__.emit("set","","",!0)}function c(e){$(e)?h(e):u(e)}function l(e,t){if(E)e.__proto__=t;else for(var i in t)_(e,i,t[i])}function u(e){l(e,A);for(var t in e)f(e,t)}function h(e){l(e,N),n(e,e)}function f(e,t){function i(e,i){s[t]=e,r.emit("set",t,e,i),$(e)&&r.emit("set",t+".length",e.length,i),m(e,t,r)}var n=t.charAt(0);if("$"!==n&&"_"!==n){var r=e.__emitter__,s=r.values;i(e[t]),C(e,t,{enumerable:!0,configurable:!0,get:function(){var e=s[t];return O.shouldGet&&r.emit("get",t),e},set:function(e){var n=s[t];g(n,t,r),p(e,n),i(e,!0)}})}}function d(e){var t=e&&e.__emitter__;if(t)if($(e))t.emit("set","length",e.length);else{var i,n;for(i in e)n=e[i],t.emit("set",i,n),d(n)}}function p(e,t){if(x(e)&&x(t)){var i,n,r;for(i in t)w.call(e,i)||(n=t[i],$(n)?e[i]=[]:x(n)?(r=e[i]={},p(r,n)):e[i]=void 0)}}function v(e,t){for(var i,n=t.split("."),r=0,s=n.length-1;s>r;r++)i=n[r],e[i]||(e[i]={},e.__emitter__&&f(e,i)),e=e[i];x(e)&&(i=n[r],w.call(e,i)||(e[i]=void 0,e.__emitter__&&f(e,i)))}function m(e,t,i){if(s(e)){var n=t?t+".":"",r=o(e),a=e.__emitter__;i.proxies=i.proxies||{};var l=i.proxies[n]={get:function(e){i.emit("get",n+e)},set:function(r,s,o){r&&i.emit("set",n+r,s),t&&o&&i.emit("set",t,e,!0)},mutate:function(e,r,s){var o=e?n+e:t;i.emit("mutate",o,r,s);var a=s.method;"sort"!==a&&"reverse"!==a&&i.emit("set",o+".length",r.length)}};a.on("get",l.get).on("set",l.set).on("mutate",l.mutate),r?d(e):c(e)}}function g(e,t,i){if(e&&e.__emitter__){t=t?t+".":"";var n=i.proxies[t];n&&(e.__emitter__.off("get",n.get).off("set",n.set).off("mutate",n.mutate),i.proxies[t]=null)}}var b=e("./emitter"),y=e("./utils"),_=y.defProtected,x=y.isObject,$=Array.isArray,w={}.hasOwnProperty,C=Object.defineProperty,k=[].slice,E={}.__proto__,N=Object.create(Array.prototype);["push","pop","shift","unshift","splice","sort","reverse"].forEach(i),_(N,"$set",function(e,t){return this.splice(e,1,t)[0]},!E),_(N,"$remove",function(e){return"number"!=typeof e&&(e=this.indexOf(e)),e>-1?this.splice(e,1)[0]:void 0},!E);var A=Object.create(Object.prototype);_(A,"$add",function(e,t){w.call(this,e)||(this[e]=t,f(this,e),this.__emitter__.emit("set",e,t,!0))},!E),_(A,"$delete",function(e){w.call(this,e)&&(this[e]=void 0,delete this[e],this.__emitter__.emit("delete",e))},!E);var O=t.exports={shouldGet:!1,observe:m,unobserve:g,ensurePath:v,copyPaths:p,watch:c,convert:o,convertKey:f}},{"./emitter":17,"./utils":25}],23:[function(e,t,i){function n(){var e=r(u),t=r(h);return RegExp(e+e+e+"?(.+?)"+t+"?"+t+t)}function r(e){return e.replace(f,"\\$&")}function s(e){i.delimiters=e,u=e[0],h=e[1],d=n()}function o(e){if(!d.test(e))return null;for(var t,i,n,r,s=[];t=e.match(d);)i=t.index,i>0&&s.push(e.slice(0,i)),n={key:t[1].trim()},r=t[0],n.html=r.charAt(2)===u&&r.charAt(r.length-3)===h,s.push(n),e=e.slice(i+t[0].length);return e.length&&s.push(e),s}function a(t){l=l||e("./directive");var i=o(t);if(!i)return null;if(1===i.length)return i[0].key;for(var n,r=[],s=0,a=i.length;a>s;s++)n=i[s],r.push(n.key?c(n.key):'"'+n+'"');return r.join("+")}function c(e){if(e.indexOf("|")>-1){var t=l.parse(e),i=t&&t[0];i&&i.filters&&(e=l.inlineFilters(i.key,i.filters))}return"("+e+")"}var l,u="{",h="}",f=/[-.*+?^${}()|[\]\/\\]/g,d=n();i.parse=o,i.parseAttr=a,i.setDelimiters=s,i.delimiters=[u,h]},{"./directive":6}],24:[function(e,t){function i(e,t,i,n){if(!s.trans)return i(),h.CSS_SKIP;var r,a=e.classList,l=e.vue_trans_cb,u=o.enterClass,f=o.leaveClass,d=n?s.anim:s.trans;return l&&(e.removeEventListener(d,l),a.remove(u),a.remove(f),e.vue_trans_cb=null),t>0?(a.add(u),i(),n?(r=function(t){t.target===e&&(e.removeEventListener(d,r),e.vue_trans_cb=null,a.remove(u))},e.addEventListener(d,r),e.vue_trans_cb=r):c.push({execute:function(){a.remove(u)}}),h.CSS_E):(e.offsetWidth||e.offsetHeight?(a.add(f),r=function(t){t.target===e&&(e.removeEventListener(d,r),e.vue_trans_cb=null,i(),a.remove(f))},e.addEventListener(d,r),e.vue_trans_cb=r):i(),h.CSS_L)}function n(e,t,i,n,r){function s(t,i){var n=l(function(){t(),f.splice(f.indexOf(n),1),f.length||(e.vue_timeouts=null)},i);f.push(n)}var o=r.getOption("effects",n);if(!o)return i(),h.JS_SKIP;var a=o.enter,c=o.leave,f=e.vue_timeouts;if(f)for(var d=f.length;d--;)u(f[d]);return f=e.vue_timeouts=[],t>0?"function"!=typeof a?(i(),h.JS_SKIP_E):(a(e,i,s),h.JS_E):"function"!=typeof c?(i(),h.JS_SKIP_L):(c(e,i,s),h.JS_L)}function r(){var e=document.createElement("vue"),t="transitionend",i={transition:t,mozTransition:t,webkitTransition:"webkitTransitionEnd"},n={};for(var r in i)if(void 0!==e.style[r]){n.trans=i[r];break}return n.anim=""===e.style.animation?"animationend":"webkitAnimationEnd",n}var s=r(),o=e("./config"),a=e("./batcher"),c=new a,l=window.setTimeout,u=window.clearTimeout,h={CSS_E:1,CSS_L:2,JS_E:3,JS_L:4,CSS_SKIP:-1,JS_SKIP:-2,JS_SKIP_E:-3,JS_SKIP_L:-4,INIT:-5,SKIP:-6};c._preFlush=function(){document.body.offsetHeight};var f=t.exports=function(e,t,r,s){var o=function(){r(),s.execHook(t>0?"attached":"detached")};if(s.init)return o(),h.INIT;var a=""===e.vue_trans,c=""===e.vue_anim,l=e.vue_effect;return l?n(e,t,o,l,s):a||c?i(e,t,o,c):(o(),h.SKIP)};f.codes=h},{"./batcher":1,"./config":4}],25:[function(e,t){function i(){d.log=function(e){r.debug&&a&&a.log(e)},d.warn=function(e){!r.silent&&a&&(a.warn(e),r.debug&&a.trace&&a.trace())}}var n,r=e("./config"),s={}.toString,o=window,a=o.console,c=o.setTimeout,l=Object.defineProperty,u=/[^\w]this[^\w]/,h="object",f="classList"in document.documentElement,d=t.exports={get:function(e,t){if(0>t.indexOf("."))return e[t];for(var i=t.split("."),n=-1,r=i.length;r>++n&&null!=e;)e=e[i[n]];return e},set:function(e,t,i){if(0>t.indexOf("."))return e[t]=i,void 0;for(var n=t.split("."),r=-1,s=n.length-1;s>++r;)null==e[n[r]]&&(e[n[r]]={}),e=e[n[r]];e[n[r]]=i},baseKey:function(e){return e.indexOf(".")>0?e.split(".")[0]:e},hash:function(){return Object.create(null)},attr:function(e,t){var i=r.prefix+"-"+t,n=e.getAttribute(i);return null!==n&&e.removeAttribute(i),n},defProtected:function(e,t,i,n,r){l(e,t,{value:i,enumerable:n,writable:r,configurable:!0})},isObject:function(e){return typeof e===h&&e&&!Array.isArray(e)},isTrueObject:function(e){return"[object Object]"===s.call(e)},bind:function(e,t){return function(i){return e.call(t,i)}},guard:function(e){return null==e?"":"object"==typeof e?JSON.stringify(e):e},checkNumber:function(e){return isNaN(e)||null===e||"boolean"==typeof e?e:Number(e)},extend:function(e,t){for(var i in t)e[i]!==t[i]&&(e[i]=t[i]);return e},unique:function(e){for(var t,i=d.hash(),n=e.length,r=[];n--;)t=e[n],i[t]||(i[t]=1,r.push(t));return r},toFragment:function(e){if("string"!=typeof e)return e;if("#"===e.charAt(0)){var t=document.getElementById(e.slice(1));if(!t)return;if("TEMPLATE"===t.tagName&&t.content)return t.content;e=t.innerHTML}var i,n=document.createElement("div"),r=document.createDocumentFragment();for(n.innerHTML=e.trim();i=n.firstChild;)1===n.nodeType&&r.appendChild(i);return r},toConstructor:function(t){return n=n||e("./viewmodel"),d.isObject(t)?n.extend(t):"function"==typeof t?t:null},checkFilter:function(e){u.test(""+e)&&(e.computed=!0)},processOptions:function(e){var t,i=e.components,n=e.partials,r=e.template,s=e.filters;if(i)for(t in i)i[t]=d.toConstructor(i[t]);if(n)for(t in n)n[t]=d.toFragment(n[t]);if(s)for(t in s)d.checkFilter(s[t]);r&&(e.template=d.toFragment(r))},nextTick:function(e){c(e,0)},addClass:function(e,t){if(f)e.classList.add(t);else{var i=" "+e.className+" ";0>i.indexOf(" "+t+" ")&&(e.className=(i+t).trim())}},removeClass:function(e,t){if(f)e.classList.remove(t);else{for(var i=" "+e.className+" ",n=" "+t+" ";i.indexOf(n)>=0;)i=i.replace(n," ");e.className=i.trim()}},objectToArray:function(e){var t,i,n=[];for(var r in e)t=e[r],i=d.isObject(t)?t:{$value:t},i.$key=r,n.push(i);return n}};i()},{"./config":4,"./viewmodel":26}],26:[function(e,t){function i(e){new r(this,e)}function n(e){return"string"==typeof e?document.querySelector(e):e}var r=e("./compiler"),s=e("./utils"),o=e("./transition"),a=e("./batcher"),c=[].slice,l=s.defProtected,u=s.nextTick,h=new a,f=1,d=i.prototype;l(d,"$get",function(e){var t=s.get(this,e);return void 0===t&&this.$parent?this.$parent.$get(e):t}),l(d,"$set",function(e,t){s.set(this,e,t)}),l(d,"$watch",function(e,t){function i(){var e=c.call(arguments);h.push({id:n,override:!0,execute:function(){t.apply(r,e)}})}var n=f++,r=this;t._fn=i,r.$compiler.observer.on("change:"+e,i)}),l(d,"$unwatch",function(e,t){var i=["change:"+e],n=this.$compiler.observer;t&&i.push(t._fn),n.off.apply(n,i)}),l(d,"$destroy",function(){this.$compiler.destroy()}),l(d,"$broadcast",function(){for(var e,t=this.$compiler.children,i=t.length;i--;)e=t[i],e.emitter.emit.apply(e.emitter,arguments),e.vm.$broadcast.apply(e.vm,arguments)}),l(d,"$dispatch",function(){var e=this.$compiler,t=e.emitter,i=e.parent;t.emit.apply(t,arguments),i&&i.vm.$dispatch.apply(i.vm,arguments)}),["emit","on","off","once"].forEach(function(e){l(d,"$"+e,function(){var t=this.$compiler.emitter;t[e].apply(t,arguments)})}),l(d,"$appendTo",function(e,t){e=n(e);var i=this.$el;o(i,1,function(){e.appendChild(i),t&&u(t)},this.$compiler)}),l(d,"$remove",function(e){var t=this.$el;o(t,-1,function(){t.parentNode&&t.parentNode.removeChild(t),e&&u(e)},this.$compiler)}),l(d,"$before",function(e,t){e=n(e);var i=this.$el;o(i,1,function(){e.parentNode.insertBefore(i,e),t&&u(t)},this.$compiler)}),l(d,"$after",function(e,t){e=n(e);var i=this.$el;o(i,1,function(){e.nextSibling?e.parentNode.insertBefore(i,e.nextSibling):e.parentNode.appendChild(i),t&&u(t)},this.$compiler)}),t.exports=i},{"./batcher":1,"./compiler":3,"./transition":24,"./utils":25}]},{},[]);var Vue=require("vue"),domify=require("domify"),template='<div id="demo"><p>{{message}}</p><input v-model="message"></div>',templateEl=domify(template);document.body.appendChild(templateEl);var demo=new Vue({el:"#demo",data:{message:"Hello Vue.js!"}});
{
"name": "requirebin-sketch",
"version": "1.0.0",
"dependencies": {
"domify": "1.2.2",
"vue": "0.10.3"
}
}
<style type='text/css'>html, body { margin: 0; padding: 0; border: 0; }
body, html { height: 100%; width: 100%; }</style>
@yyx990803
Copy link

FYI you don't need domify for this, just pass the string template as template option to Vue and it does almost the same thing domify does. You can then just demo.$appendTo('body')

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment