<!-- CSS overrides - remove if you don't need it -->
<linkrel="stylesheet"href="css/app.css">
<!--[if IE]>
<script src="../../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<sectionid="todoapp">
<headerid="header">
<h1>todos</h1>
<inputid="new-todo"placeholder="What needs to be done?"autofocus>
</header>
<!-- This section should be hidden by default and shown when there are todos -->
<sectionid="main">
<inputid="toggle-all"type="checkbox">
<labelfor="toggle-all">Mark all as complete</label>
<ulid="todo-list"></ul>
</section>
<!-- This footer should hidden by default and shown when there are todos -->
<footerid="footer"></footer>
</section>
<footerid="info">
<p>Double-click to edit a todo</p>
<!-- Remove the below line ↓ -->
<!-- Change this out with your name and url ↓ -->
<p>Created by <ahref="https://github.com/DimitarChristoff/">Dimitar Christoff</a></p>
<p>Powered by <ahref="https://github.com/DimitarChristoff/Epitome">Epitome for MooTools</a><br/><ahref="http://travis-ci.org/DimitarChristoff/Epitome"></a><imgsrc="https://secure.travis-ci.org/DimitarChristoff/Epitome.png?branch=master"/></a</p>
<p>Part of <ahref="http://todomvc.com">TodoMVC</a></p>
(function(exports){varEpitome={};typeofdefine=="function"&&define.amd?define("epitome",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome})(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome,eq=Epitome.isEqual=function(a,b,stack){stack=stack||[];if(a===b)returna!==0||1/a==1/b;if(a==null||b==null)returna===b;vartypeA=typeOf(a),typeB=typeOf(b);if(typeA!=typeB)return!1;switch(typeA){case"string":returna==String(b);case"number":returna!=+a?b!=+b:a==0?1/a==1/b:a==+b;case"date":case"boolean":return+a==+b;case"regexp":returna.source==b.source&&a.global==b.global&&a.multiline==b.multiline&&a.ignoreCase==b.ignoreCase}if(typeofa!="object"||typeofb!="object")return!1;varlength=stack.length;while(length--)if(stack[length]==a)return!0;stack.push(a);varsize=0,result=!0;if(typeA=="array"){size=a.length,result=size==b.length;if(result)while(size--)if(!(result=sizeina==sizeinb&&eq(a[size],b[size],stack)))break}else{if("constructor"ina!="constructor"inb||a.constructor!=b.constructor)return!1;for(varkeyina)if(a.hasOwnProperty(key)){size++;if(!(result=b.hasOwnProperty(key)&&eq(a[key],b[key],stack)))break}if(result){for(keyinb)if(b.hasOwnProperty(key)&&!(size--))break;result=!size}}returnstack.pop(),result};typeofdefine=="function"&&define.amd?define("epitome-isequal",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome;Epitome.Model=newClass({Implements:[Options,Events],_attributes:{},properties:{id:{get:function(){varid=this._attributes.id||(this._attributes.id=String.uniqueID());returnthis.cid||(this.cid=id),id}}},options:{defaults:{}},collections:[],initialize:function(obj,options){returnoptions&&options.defaults&&(this.options.defaults=Object.merge(this.options.defaults,options.defaults)),obj=obj&&typeOf(obj)==="object"?obj:{},this.set(Object.merge(this.options.defaults,obj)),this.setOptions(options),this.fireEvent("ready")},set:function(){this.propertiesChanged=[],this._set.apply(this,arguments),this.propertiesChanged.length&&this.fireEvent("change",this.get(this.propertiesChanged))},_set:function(key,value){return!key||typeofvalue=="undefined"?this:this.properties[key]&&this.properties[key].set?this.properties[key].set.call(this,value):this._attributes[key]&&Epitome.isEqual(this._attributes[key],value)?this:(value===null?deletethis._attributes[key]:this._attributes[key]=value,this.fireEvent("change:"+key,value),this.propertiesChanged.push(key),this)}.overloadSetter(),get:function(key){returnkey&&this.properties[key]&&this.properties[key].get?this.properties[key].get.call(this):key&&typeofthis._attributes[key]!="undefined"?this._attributes[key]:null}.overloadGetter(),unset:function(){varkeys=Array.prototype.slice.apply(arguments),obj={},len=keys.length;returnlen?(Array.each(Array.flatten(keys),function(key){obj[key]=null}),this.set(obj),this):this},toJSON:function(){returnObject.clone(this._attributes)},empty:function(){varkeys=Object.keys(this.toJSON()),self=this;this.fireEvent("change",[keys]),Array.each(keys,function(key){self.fireEvent("change:"+key,null)},this),this._attributes={},this.fireEvent("empty")},destroy:function(){this._attributes={},this.fireEvent("destroy")}}),typeofdefine=="function"&&define.amd?define("epitome-model",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome-model"):exports.Epitome,Model=Epitome.Model,syncPseudo="sync:",methodMap={create:"POST",read:"GET",update:"PUT",delete_:"DELETE"};Model.Sync=newClass({Extends:Model,properties:{id:{get:function(){varid=this._attributes.id||(this._attributes.id=String.uniqueID());returnthis.cid||(this.cid=id),id}},urlRoot:{set:function(value){this.urlRoot=value,deletethis._attributes.urlRoot},get:function(){varbase=this.urlRoot||this.options.urlRoot||"no-urlRoot-set";returnbase.charAt(base.length-1)!="/"&&(base+="/"),base}}},options:{emulateREST:!1},initialize:function(obj,options){this.setupSync(),this.parent(obj,options)},sync:function(method,model){varoptions={};method=method&&methodMap[method]?methodMap[method]:methodMap.read,options.method=method;if(method==methodMap.create||method==methodMap.update)options.data=model||this.toJSON();returnoptions.url=this.get("urlRoot")+this.get("id")+"/",this.request.setOptions(options),this.request[method](model),this},setupSync:function(){varself=this,rid=0,incrementRequestId=function(){rid++};returnthis.getRequestId=function(){returnrid+1},this.request=newRequest.JSON({link:"chain",url:this.get("urlRoot"),emulation:this.options.emulateREST,onRequest:incrementRequestId,onCancel:function(){this.removeEvents(syncPseudo+rid)},onSuccess:function(responseObj){responseObj=self.parse&&self.parse(responseObj),self.fireEvent(syncPseudo+rid,[responseObj]),self.fireEvent("sync",[responseObj,this.options.method,this.options.data])},onFailure:function(){self.fireEvent(syncPseudo+"error",[this.options.method,this.options.url,this.options.data])}}),Object.each(methodMap,function(requestMethod,protoMethod){self[protoMethod]=function(model){this.sync(protoMethod,model)}}),this},_throwAwaySyncEvent:function(eventName,callback){eventName=eventName||syncPseudo+this.getRequestId();varself=this,throwAway={};returnthrowAway[eventName]=function(responseObj){responseObj&&typeofresponseObj=="object"&&(self.set(responseObj),callback&&callback.call(self,responseObj)),self.removeEvents(throwAway)},this.addEvents(throwAway)}.protect(),parse:function(resp){returnresp},fetch:function(){returnthis._throwAwaySyncEvent(syncPseudo+this.getRequestId(),function(){this.fireEvent("fetch"),this.isNewModel=!1}),this.read(),this},save:function(key,value){varmethod=["update","create"][+this.isNew()];if(key){varktype=typeOf(key),canSet=ktype=="object"||ktype=="string"&&typeofvalue!="undefined";canSet&&this._set.apply(this,arguments)}returnthis._throwAwaySyncEvent(syncPseudo+this.getRequestId(),function(){this.fireEvent("save"),this.fireEvent(method)}),this[method](),this.isNewModel=!1,this},destroy:function(){this._throwAwaySyncEvent(syncPseudo+this.getRequestId(),function(){this._attributes={},this.delete_(),this.fireEvent("destroy")})},isNew:function(){returntypeofthis.isNewModel=="undefined"&&(this.isNewModel=!0),this.isNewModel}}),typeofdefine=="function"&&define.amd?define("epitome-model-sync",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome;Epitome.Storage=function(){varhasNativeStorage=typeofexports.localStorage=="object"&&!!exports.localStorage.getItem,localStorage="localStorage",sessionStorage="sessionStorage",setStorage=function(storageMethod){vars,privateKey="epitome-"+storageMethod,storage={},storagePrefix="model";if(hasNativeStorage)try{storage=JSON.decode(exports[storageMethod].getItem(privateKey))||storage}catch(e){hasNativeStorage=!1}if(!hasNativeStorage)try{s=JSON.decode(exports.name),s&&typeofs=="object"&&s[privateKey]&&(storage=s[privateKey])}catch(e){serializeWindowName()}varMethods={store:function(model){model=model||this.toJSON(),setItem([storagePrefix,this.get("id")].join(":"),model),this.fireEvent("store",model)},eliminate:function(){returnremoveItem([storagePrefix,this.get("id")].join(":")),this.fireEvent("eliminate")},retrieve:function(){varmodel=getItem([storagePrefix,this.get("id")].join(":"))||null;returnthis.fireEvent("retrieve",model),model}},getItem=function(item){returnstorage[item]||null},setItem=function(item,value){storage=JSON.decode(exports[storageMethod].getItem(privateKey))||storage,storage[item]=value;if(hasNativeStorage)try{exports[storageMethod].setItem(privateKey,JSON.encode(storage))}catch(e){}elseserializeWindowName();returnthis},removeItem=function(item){deletestorage[item];if(hasNativeStorage)try{exports[storageMethod].setItem(privateKey,JSON.encode(storage))}catch(e){}elseserializeWindowName()},serializeWindowName=function(){varobj={},s=JSON.decode(exports.name);obj[privateKey]=storage,exports.name=JSON.encode(Object.merge(obj,s))};returnfunction(storageName){returnstorageName&&(storagePrefix=storageName),newClass(Object.clone(Methods))}};return{localStorage:setStorage(localStorage),sessionStorage:setStorage(sessionStorage)}}(),typeofdefine=="function"&&define.amd?define("epitome-storage",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome,methodMap=["forEach","each","invoke","filter","map","some","indexOf","contains","getRandom","getLast"];Function.extend({monitorModelEvents:function(listener,orig){varself=this;returnorig=orig||this,!listener||!listener.fireEvent?this:function(type,args,delay){self.apply(orig,arguments),listener.getModelByCID(orig.cid)&&listener.fireEvent(type,Array.flatten([orig,args]),delay)}}});varCollection=Epitome.Collection=newClass({Implements:[Options,Events],model:Epitome.Model,_models:[],initialize:function(models,options){returnthis.setOptions(options),models&&this.setUp(models),this.id=this.options.id||String.uniqueID(),this.fireEvent("ready")},setUp:function(models){returnmodels=Array.from(models),Array.each(models,this.addModel.bind(this)),this.addEvent("destroy",this.removeModel.bind(this)),this},addModel:function(model,replace){varexists;returntypeOf(model)=="object"&&!instanceOf(model,this.model)&&(model=newthis.model(model)),model.cid=model.cid||model.get("id")||String.uniqueID(),exists=this.getModelByCID(model.cid),exists&&replace!==!0?this.fireEvent("add:error",model):(exists&&replace===!0&&(this._models[this._models.indexOf(model)]=model),model.fireEvent=Function.monitorModelEvents.apply(model.fireEvent,[this,model]),this._models.push(model),model.collections.include(this),this.length=this._models.length,this.fireEvent("add",[model,model.cid]).fireEvent("reset",[model,model.cid]))},removeModel:function(models){varself=this;returnmodels=Array.from(models),Array.each(models,function(model){model.collections.erase(self),model.collections.length||deletemodel.fireEvent,Array.erase(self._models,model),self.length=self._models.length,self.fireEvent("remove",[model,model.cid])}),this.fireEvent("reset",[models])},get:function(what){returnthis[what]},getModelByCID:function(cid){varlast=null;returnthis.some(function(el){returnel.cid==cid&&(last=el)}),last},getModelById:function(id){varlast=null;returnthis.some(function(el){returnel.get("id")==id&&(last=el)}),last},getModel:function(index){returnthis._models[index]},toJSON:function(){vargetJSON=function(model){returnmodel.toJSON()};returnArray.map(this._models,getJSON)},empty:function(){returnthis.removeModel(this._models),this.fireEvent("empty")},sort:function(how){if(!how)returnthis._models.sort(),this.fireEvent("sort");if(typeofhow=="function")returnthis.model.sort(how),this.fireEvent("sort");vartype="asc",pseudos=how.split(":"),key=pseudos[0],c=function(a,b){returna<b?-1:a>b?1:0};returnpseudos[1]&&(type=pseudos[1]),this._models.sort(function(a,b){varak=a.get(key),bk=b.get(key),cm=c(ak,bk),map={asc:cm,desc:-cm};returntypeofmap[type]=="undefined"&&(type="asc"),map[type]}),this.fireEvent("sort")},reverse:function(){returnArray.reverse(this._models),this.fireEvent("sort")}});Array.each(methodMap,function(method){Collection.implement(method,function(){returnArray.prototype[method].apply(this._models,arguments)})}),typeofdefine=="function"&&define.amd?define("epitome-collection",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome-collection"):exports.Epitome,noUrl="no-urlRoot-set",eventPseudo="fetch:";Epitome.Collection.Sync=newClass({Extends:Epitome.Collection,options:{urlRoot:noUrl},initialize:function(models,options){this.setupSync(),this.parent(models,options)},setupSync:function(){varself=this,rid=0,incrementRequestId=function(){rid++};returnthis.getRequestId=function(){returnrid+1},this.request=newRequest.JSON({link:"chain",url:this.options.urlRoot,emulation:this.options.emulateREST,onRequest:incrementRequestId,onCancel:function(){this.removeEvents(eventPseudo+rid)},onSuccess:function(responseObj){responseObj=self.parse&&self.parse(responseObj),self.fireEvent(eventPseudo+rid,[[responseObj]])},onFailure:function(){self.fireEvent(eventPseudo+"error",[this.options.method,this.options.url,this.options.data])}}),this},parse:function(resp){returnresp},fetch:function(refresh){returnthis._throwAwayEvent(function(models){refresh?(this.empty(),Array.each(models,this.addModel.bind(this))):this.processModels(models),this.fireEvent("fetch",[models])}),this.request.get(),this},processModels:function(models){varself=this;Array.each(models,function(model){varexists=model.id&&self.getModelById(model.id);exists?exists.set(model):self.addModel(model)})},_throwAwayEvent:function(callback){vareventName=eventPseudo+this.getRequestId(),self=this,throwAway={};if(!callback||typeofcallback!="function")return;returnthrowAway[eventName]=function(responseObj){callback.apply(self,responseObj),self.removeEvents(throwAway)},this.addEvents(throwAway)}.protect()}),typeofdefine=="function"&&define.amd?define("epitome-collection-sync",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome;Epitome.Template=newClass({options:{evaluate:/<%([\s\S]+?)%>/g,normal:/<%=([\s\S]+?)%>/g,noMatch:/.^/,escaper:/\\|'|\r|\n|\t|\u2028|\u2029/g,unescaper:/\\(\\|'|r|n|t|u2028|u2029)/g},Implements:[Options],initialize:function(options){this.setOptions(options);varunescaper=this.options.unescaper,escapes=this.escapes={"\\":"\\","'":"'",r:"\r",n:"\n",t:"",u2028:"\u2028",u2029:"\u2029"};returnObject.each(escapes,function(value,key){this[value]=key},escapes),this.unescape=function(code){returncode.replace(unescaper,function(match,escape){returnescapes[escape]})},this},template:function(str,data){varo=this.options,escapes=this.escapes,unescape=this.unescape,noMatch=o.noMatch,escaper=o.escaper,template,source=["var __p=[],print=function(){__p.push.apply(__p,arguments);};","with(obj||{}){__p.push('",str.replace(escaper,function(match){return"\\"+escapes[match]}).replace(o.normal||noMatch,function(match,code){return"',\nobj['"+unescape(code)+"'],\n'"}).replace(o.evaluate||noMatch,function(match,code){return"');\n"+unescape(code)+"\n;__p.push('"}),"');\n}\nreturn __p.join('');"].join(""),render=newFunction("obj","_",source);returndata?render(data):(template=function(data){returnrender.call(this,data)},template.source="function(obj){\n"+source+"\n}",template)}}),typeofdefine=="function"&&define.amd?define("epitome-template",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome-template"):exports.Epitome;Epitome.View=newClass({Implements:[Options,Events],element:null,collection:null,model:null,options:{template:"",events:{}},initialize:function(options){returnoptions&&options.collection&&(this.setCollection(options.collection),deleteoptions.collection),options&&options.model&&(this.setModel(options.model),deleteoptions.model),this.setOptions(options),this.options.element&&(this.setElement(this.options.element,this.options.events),deletethis.options.element),this.fireEvent("ready")},setElement:function(el,events){returnthis.element&&this.detachEvents()&&this.destroy(),this.element=document.id(el),events&&this.attachEvents(events),this},setCollection:function(collection){varself=this,eventProxy=function(type){returnfunction(){self.fireEvent(type+":collection",arguments)}};returninstanceOf(collection,Epitome.Collection)&&(this.collection=collection,this.collection.addEvents({change:eventProxy("change"),fetch:eventProxy("fetch"),add:eventProxy("add"),remove:eventProxy("remove"),sort:eventProxy("sort"),reset:eventProxy("reset")})),this},setModel:function(model){varself=this,eventProxy=function(type){returnfunction(){self.fireEvent(type+":model",arguments)}};returninstanceOf(model,Epitome.Model)&&(this.model=model,this.model.addEvents({change:eventProxy("change"),destroy:eventProxy("destroy"),empty:eventProxy("empty")})),this},attachEvents:function(events){varself=this;returnObject.each(events,function(method,type){self.element.addEvent(type,function(e){self.fireEvent(method,arguments)})}),this.element.store("attachedEvents",events),this},detachEvents:function(){varevents=this.element.retrieve("attachedEvents");returnevents&&this.element.removeEvents(events).eliminate("attachedEvents"),this},template:function(data,template){template=template||this.options.template;varcompiler=this.Template||(this.Template=newEpitome.Template);returncompiler.template(template,data)},render:function(){returnthis.fireEvent("render")},empty:function(soft){returnsoft?this.element.empty():this.element.set("html",""),this.fireEvent("empty")},dispose:function(){returnthis.element.dispose(),this.fireEvent("dispose")},destroy:function(){returnthis.element.destroy(),this.fireEvent("destroy")}}),typeofdefine=="function"&&define.amd?define("epitome-view",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this),function(exports){varEpitome=typeofrequire=="function"?require("./epitome"):exports.Epitome,hc="hashchange",hcSupported="on"+hcinwindow,eventHosts=[window,document],timer,getQueryString=function(queryString){varresult={},re=/([^&=]+)=([^&]*)/g,m;while(m=re.exec(queryString))result[decodeURIComponent(m[1])]=decodeURIComponent(m[2]);returnresult};Element.Events.hashchange={onAdd:function(){varhash=location.hash,check=function(){if(hash==location.hash)return;hash=location.hash,eventHosts.invoke("fireEvent",hc,hash.indexOf("#")==0?hash.substr(1):hash)};hcSupported&&(window.onhashchange=check)||(timer=check.periodical(100))},onRemove:function(){hcSupported&&(window.onhashchange=null)||clearInterval(timer)}},Epitome.Router=newClass({Implements:[Options,Events],options:{triggerOnLoad:!0},routes:{},boundEvents:{},initialize:function(options){varself=this;this.setOptions(options),this.options.routes&&(this.routes=this.options.routes),window.addEvent(hc,function(e){varhash=location.hash,path=hash.split("?")[0],query=hash.split("?")[1]||"",notfound=!0,route;for(routeinself.routes){varkeys=[],regex=self.normalize(route,keys,!0,!1),found=regex.exec(path),routeEvent=!1;if(found){notfound=!1,self.req=found[0];varargs=found.slice(1),param={};Array.each(args,function(a,i){typeofkeys[i]!="undefined"&&(param[keys[i].name]=a)}),self.route=route,self.param=param||{},self.query=query&&getQueryString(query),routeEvent=self.routes[route],self.fireEvent("before",routeEvent),routeEvent&&self.$events[routeEvent]?(self.fireEvent(routeEvent+":before"),self.fireEvent(routeEvent,Object.values(self.param))):self.fireEvent("error",["Route",routeEvent,"is undefined"].join("")),self.fireEvent("after",routeEvent),routeEvent&&self.fireEvent(routeEvent+":after");break}}notfound&&self.fireEvent("undefined")}),this.fireEvent("ready"),this.options.triggerOnLoad&&window.fireEvent(hc)},navigate:function(route,trigger){location.hash==route&&trigger?window.fireEvent(hc):location.hash=route},normalize:function(path,keys,sensitive,strict){returnpathinstanceofRegExp?path:(path=path.concat(strict?"":"/?").replace(/\/\(/g,"(?:/").replace(/(\/)?(\.)?:(\w+)(?:(\(.*?\)))?(\?)?/g,function(_,slash,format,key,capture,optional){returnkeys.push({name:key,optional:!!optional}),slash=slash||"",[optional?"":slash,"(?:",optional?slash:"",(format||"")+(capture||format&&"([^/.]+?)"||"([^/]+?)")+")",optional||""].join("")}).replace(/([\/.])/g,"\\$1").replace(/\*/g,"(.*)"),newRegExp("^"+path+"$",sensitive?"":"i"))},addRoute:function(obj){return!obj||!obj.route||!obj.id||!obj.events?this.fireEvent("error","Please include route, id and events in the argument object when adding a route"):obj.id.length?this.routes[obj.route]?this.fireEvent("error",'Route "{route}" or id "{id}" already exists, aborting'.substitute(obj)):(this.routes[obj.route]=obj.id,this.addEvents(this.boundEvents[obj.route]=obj.events),this.fireEvent("route:add",obj)):this.fireEvent("error","Route id cannot be empty, aborting")},removeRoute:function(route){return!route||!this.routes[route]||!this.boundEvents[route]?this.fireEvent("error","Could not find route or route is not removable"):(this.removeEvents(this.boundEvents[route]),deletethis.routes[route],deletethis.boundEvents[route],this.fireEvent("route:remove",route))}}),typeofdefine=="function"&&define.amd?define("epitome-router",[],function(){returnEpitome}):typeofmodule=="object"?module.exports=Epitome:exports.Epitome=Epitome}(this)
