/*! demo-x - v0.1.6 - 2014-12-04
* http://esha.github.io/demo-x/
* Copyright (c) 2014 ESHA Research; Licensed MIT */
!function(window,D){"use strict";var DemoXProto,DemoX;D.registerElement?(DemoXProto=Object.create(HTMLElement.prototype),DemoX={}):(DemoXProto={},DemoX=window.DemoX=function(a){if(!a.createdCallback){for(var b in DemoXProto)Object.defineProperty(a,b,Object.getOwnPropertyDescriptor(DemoXProto,b));a.createdCallback()}},DemoX.prototype=DemoXProto,DemoX.load=function(){D.queryAll("demo-x").each(DemoX)},DemoX.load(),D.addEventListener("DOMContentLoaded",DemoX.load)),DemoXProto.timing={intent:1e3,backspace:25,comment:10,code:50,tick:250,minTicks:8},DemoXProto.createdCallback=function(){var a=this;if(a.display=a.query("demo-dom"),a.input=a.query("demo-in"),a.output=a.query("demo-out"),a.intent(a.input),a._exec=function(){a.execute()},a.input.setAttribute("style","white-space: pre;"),a.input.children.length&&a.initStory(),a.display){a.doc=DemoX.docify(a.display.children);for(var b=0;b<a.display.attributes.length;b++){var c=a.display.attributes[b];a.doc.body.setAttribute(c.name,c.value)}a.initDisplay()}else a.doc=DemoX.docify(new DOMxList);a.initControls()},DemoXProto.initDisplay=function(){function a(){b.display.innerHTML=b.doc.body.stringify(!0)}var b=this;a(),b._observer=new MutationObserver(a).observe(b.doc.html,{childList:!0,subtree:!0,attributes:!0,characterData:!0})},DemoXProto.initStory=function(){var a=this;a._next=function(){a.next()},a.story=a.input.children.each("textContent"),a.input.innerHTML="",this._tick=function(){a.index&&a.execute(),setTimeout(a._next,a.calcPause())},this._tick()},DemoXProto.initControls=function(){var a=this,b=a.query("[stop]"),c=a.query("[start]");a._stop=function(){a.stopped=!0,a.classList.add("stopped")},a._start=function(){a.classList.remove("stopped"),a.index in a.story||(a.index=0),a.stopped=!1,a.next()},a.input.addEventListener("keydown",a._stop),b&&b.addEventListener("click",a._stop),c&&c.addEventListener("click",a._start)},DemoXProto.next=function(){var a=this,b=a.story[a.index];if(b&&!a.stopped){var c=a.input;a.animate(a.input.value,b,function(a){c.value=a},a._tick),a.index++}else b||a._stop()},DemoXProto.calcPause=function(){var a=this.story[this.index-1]||"";return!a||0===a.indexOf("//")&&a.indexOf("\n")<0?0:Math.max(a.replace(/\w|\s/g,"").length,this.timing.minTicks)*this.timing.tick},DemoXProto.intent=function(a){var b,c=this;a.addEventListener("keydown",function(){b&&clearTimeout(b),b=setTimeout(c._exec,c.timing.intent)})},DemoXProto.execute=function(){var document=this.doc,code=this.input.value,result;if(code){try{result=eval(code),DemoX.flash(result)}catch(e){e.code=code,result=e}if(this.output){var log=this.output.innerHTML;this.output.innerHTML='<p class="line">'+DemoX.describe(result)+"</p>"+log,result instanceof Error&&console.error(result)}else console.log(code),console.log(result)}},DemoXProto.animate=function(a,b,c,d){var e=a.length,f=this,g="code";!function h(){if(!f.stopped){if(b.indexOf(a)<0)g="backspace",a=a.substr(0,--e);else{if(!(e<b.length))return d();g="code",a=b.substr(0,++e)}(a.indexOf("\n")<a.indexOf("//")||a.indexOf("*/")<a.indexOf("/*"))&&(g="comment"),c(a),setTimeout(h,f.timing[g])}}()},DemoXProto.index=0,DemoX.docify=function(a){var b=D.createDocumentFragment();b.html=b.documentElement=D.createElement("html"),b.appendChild(b.html),b.html.appendChild(b.body=D.createElement("body")),a.each(function(a){a.remove(),b.body.append(a)}),b.html.dot();try{delete b.parentNode,b.parentNode=window}catch(c){}return b},DemoX.describe=function(a){if(D.x._.isList(a)&&a.each)return a.each(DemoX.describe).join(", ");if(a instanceof HTMLElement){var b=a.getAttribute("id"),c=a.getAttribute("class");return"&lt;"+a.tagName.toLowerCase()+(b?"#"+b:"")+(c?"."+c.split(" ").join("."):"")+"&gt;"}return a instanceof Node?a.value:"object"==typeof a?a instanceof Error?'Error: "'+a.message+(a.code?'" from "'+a.code:"")+'"':JSON.stringify(a):a&&a.value||a+""},DemoX.highlight=function(a){a.setAttribute&&a.setAttribute("_highlight","true")},DemoX.unhighlight=function(a){a.removeAttribute&&a.removeAttribute("_highlight")};var flashTimeout;if(DemoX.flash=function(a){a&&a.each&&(flashTimeout&&clearTimeout(flashTimeout),flashTimeout=setTimeout(function(){a.each(DemoX.highlight),setTimeout(function(){a.each(DemoX.unhighlight)},1e3)},DemoX.flash.time||100))},D.registerElement){var utils=DemoX;DemoX=window.DemoX=D.registerElement("demo-x",{prototype:DemoXProto});for(var prop in utils)DemoX[prop]=utils[prop]}}(window,document);