UNPKG

@danielkalen/simplybind

Version:

Magically simple, framework-less one-way/two-way data binding for frontend/backend in ~5kb.

2 lines (1 loc) 18 kB
!function(){var x,u,q,m,E,P,y,r,w,Q,l,F,R,G,H,I,J,p,K,n,S,z,T,L,M,g,A,B,C,N,D,O,h,t;Q=function(){var a;return a=document.createEvent("Event"),a.initEvent("change",!0,!1),a._sb=!0,a},y="push pop shift unshift splice reverse sort".split(" "),J=function(){return"sb_"+Math.floor(1e12*(1+Math.random())).toString(16)},p=function(){return Object.create(null)},P=function(a,b){return-1!==a.indexOf(b)},l={isDefined:function(a){return"undefined"!=typeof a},isI:function(a){return"object"==typeof a&&"number"==typeof a.length},isBP:function(a){return a instanceof x},bi:function(a){return a instanceof u},doM:function(a){return a.nodeName&&1===a.nodeType},doI:function(a){return a=a.nodeName.toUpperCase(),"INPUT"===a||"TEXTAREA"===a||"SELECT"===a},doR:function(a){return"radio"===a.type},doC:function(a){return"checkbox"===a.type},eC:function(a){return a instanceof NodeList||a instanceof HTMLCollection||"undefined"!=typeof jQuery&&null!==jQuery&&a instanceof jQuery},eAS:function(a){var b;return b=a[0].type,[].filter.call(a,function(a){return a.type===b}).length===a.length}},C=function(a,b,c){var d,e;for(d in b)e=b[d],null!=n[d]&&(a.options[d]=e);if(c)return a.mPL()},I=function(a,b){var c,d,e,f,k;for(k=Object.keys(b),f=[],c=0,e=k.length;c<e;c++)d=k[c],f.push(a[d]=b[d]);return f},w={txN:{},object:{set:function(a){var b,c;return c=a.selc||a.prop,a.object._sb_map?a.object._sb_map[c]=a.ID:(b={},b[c]=a.ID,Object.defineProperty(a.object,"_sb_map",{configurable:!0,value:b}))},get:function(a,b,c){return c&&a[0]._sb_map&&(c=r[a[0]._sb_map[b]],c.groupBP)?c.groupBP:a._sb_map&&a._sb_map[b]?r[a._sb_map[b]]:void 0}},sOJ:{set:function(a){return Object.defineProperty(a.object,"_sb_ID",{configurable:!0,value:a.ID})},get:function(a){return r[a._sb_ID]}}},H=/[.*+?^${}()|[\]\\]/g,B=A=null,N=function(){var a,b,c;return c=n.placeholderStart.replace(H,"\\$&"),a=n.placeholderEnd.replace(H,"\\$&"),b="[^"+a+"]+",A=new RegExp(c+"("+b+")"+a,"g"),B=new RegExp(""+c+b+a,"g")},E=function(a,b,c){var d,e,f,k,v;for(v="",f=e=0,k=a.length;e<k;f=++e)d=a[f],v+=d,c[f]&&(v+=b[c[f]]);return v},D=function(a,b){var c;throw c=K(),Error("SimplyBind: "+((b?a:G[a])+("\n\nCall Source:\n"+c)))},t=function(a){var b;if(!n.silent)return b=K(),a=G[a],console.log("SimplyBind: "+(a+("\n\nCall Source:\n"+b)))},h=function(a){return D("You can't use/invoke ."+a+"() at this stage",!0)},O=function(a,b){return D("Invalid argument/s ("+b+") passed to ."+a+"()",!0)},K=function(){return Error().stack.split("\n").slice(3,10).map(function(a){return a.replace(R,function(a,c,d){return"@ "+d})}).join("\n")},R=/[@(?:\wat\s)](.*)\/(.+)$/,Error.prototype.stack="\n\n\n",G={erIP:"SimplyBind() and .to() only accept a function, an array, a bound object, a string, or a number.",erFN:"Only functions are allowed for .transform/.condition/All()",erEV:"Invalid argument number in .ofEvent()",erOD:"You can only pass a single DOM element to a binding",erEL:"Empty element lists cannot be bound"},r={},n={silent:!1,liveProps:!0,dispatchEvents:!1,updateEvenIfUndefined:!1,updateEvenIfSame:!1,updateOnBind:!0,mutateInherited:!1,trackArrayChildren:!1,simpleSelector:!1,promiseTransforms:!1,placeholderStart:"{{",placeholderEnd:"}}"},N(),m=function(a,b,c){return(a||0===a)&&("string"==typeof a||"number"==typeof a||"function"==typeof a||a instanceof Array)||l.bi(a)||D("erIP"),"object"!=typeof a||a instanceof Array?new u(null,0,null,a,c,b):new u(a._,1)},x=function(a,b,c){return I(this,b),this.type=a,this.ID=J(),this.value=this.VLo=null,this.deps=[],this.depsMap={1:p(),2:p()},this.dPH=p(),this.mPH=p(),this.tfms=p(),this.cnds=p(),this.atEV=[],this.mC&&(this.cH=p(),this.object.forEach(function(a){return function(b){var c;return c=a.cH[b.value]=m("checked").of(b)._,c.aD(a).aTF(a.ID,function(){return c}),c.groupBP=a}}(this))),"Event"!==this.type&&(a=this.fDV(null,c),"undefined"==typeof a&&"ObjectProp"===this.type&&(this.object[this.prop]=a=null),this.value=this.VLo=a,this.placeholder&&!this.pVL&&this.sPH()),this.mPL(),this.aEV(),this.object instanceof Array&&"Array"!==this.type&&(this.aBI=a=w.sOJ.get(this.object))&&a.options.trackArrayChildren&&-1===a.tC.indexOf(this.prop)&&(a.tC.push(this.prop),m(this.prop).of(this.object).to(a.uS)),r[this.ID]=this},u=function(a,b,c,d,e,f){var k,v,g,h;switch(c&&I(this,c),this.stage=b||0,null==this.pX&&(this.pX=[]),null==this.sT&&(this.sT={}),this.stage){case 0:this.opts=f||(f={}),this.options={};for(h in n)this.options[h]=null!=f[h]?f[h]:n[h];"function"==typeof d?(a=this.sOB(d,"Func",!0,e),this.stage=1):d instanceof Array?(a=this.sOB(d,"Array",!0),this.stage=1):("number"==typeof d&&(d=d.toString()),this.selc=this.prop=d,this.options.simpleSelector||(-1!==this.selc.indexOf(":")&&(d=this.prop.split(":"),this.desc=d[0],this.prop=d[1]),-1!==this.selc.indexOf(".")&&(d=this.prop.split("."),this.prop=d[0],this.placeholder=d.slice(1).join(".")),this.selc=this.prop));break;case 1:if(!a){if(c=(b=d!==window&&l.isI(d))?d[0]:d){if((this.doM=l.doM(c))&&("checked"===this.prop?(g=c&&l.doR(c),k=!g&&c&&l.doC(c)):"value"===this.prop&&(v=l.doI(c)),b))if(1===d.length)d=d[0];else{if((g||k)&&!l.eAS(d))return t("erEL");g||k?(this.mC=!0,d=[].slice.call(d)):(d=d[0],t("erOD"))}}else b&&l.eC(d)&&t("erEL");b=d,d=function(){switch(!1){case!this.sT.hEN:return"Event";case!v:return"DOMValue";case!g:return"DOMRadio";case!k:return"DOMCheckbox";case!(this.doM&&"textContent"===this.prop):return"DOMText";case"attr"!==this.desc:return"DOMAttr";default:return"ObjectProp"}}.call(this),a=this.sOB(b,d)}}return Object.defineProperties(this,{_:{value:a},ID:{get:function(){return a.ID}},value:{get:function(){return a.value}},original:{get:function(){return a.objects||a.object}},dependents:{get:function(){return a.deps.slice().map(function(a){return a.object})}},lpX:{get:function(){return this.pX[this.pX.length-1]}},new:{value:function(b,c){return new u(a,b,this,c,e)}}}),this},x.prototype={mPL:function(a){var b,c,d,e,f,k;if(this.options.liveProps)if(b=this,"ObjectProp"===this.type){if(d=Object.getOwnPropertyDescriptor(this.object,this.prop)||{},(k=(k=this.options.mutateInherited||d&&d.configurable)&&this.object.constructor!==CSSStyleDeclaration)&&!this.live||a)return this.live=!0,null!=(e=d.get)&&e.bind(this.object),null!=(f=d.set)&&f.bind(this.object),a=d.get?d.get:function(){return b.value},e=d.set?function(a){return b.sV(a),d.set(a)}:function(a){return b.sV(a)},Object.defineProperty(this.object,this.prop,{configurable:!0,enumerable:null!=d?d.enumerable:void 0,get:a,set:e})}else if("Array"===this.type&&(this.live||(this.live=!0,y.forEach(function(a){return Object.defineProperty(b.value,a,{configurable:!0,value:function(){var c;return c=Array.prototype[a].apply(b.value,arguments),b.uAD(),c}})})),this.options.trackArrayChildren&&!this.tC))return this.tC=[],this.uS=function(){return b.uAD()},c={updateOnBind:!1},this.value.forEach(function(a,d){return b.tC.push(""+d),m(d,c).of(b.value).to(b.uS)})},aD:function(a,b){return this.depsMap[1][a.ID]||(this.depsMap[1][a.ID]=a,this.deps.push(a)),this.placeholder?this.mPH[a.ID]=this.placeholder:this.mPH[a.ID]&&delete this.mPH[a.ID],a.placeholder&&(this.dPH[a.ID]=a.placeholder),b?this.depsMap[2][a.ID]=a:a.depsMap[1][this.ID]&&(a.aD(this,!0),this.aD(a,!0)),this},rD:function(a,b){if(this.depsMap[1][a.ID]&&(this.deps.splice(this.deps.indexOf(a),1),delete this.depsMap[1][a.ID],delete this.dPH[a.ID]),b)return a.rD(this),delete this.depsMap[2][a.ID]},rAD:function(a){var b,c,d,e;for(e=this.deps.slice(),c=0,d=e.length;c<d;c++)b=e[c],this.rD(b,a);if(a||0===Object.keys(this.depsMap[2]).length)return this.DES()},DES:function(){var a,b,c,d;if(delete r[this.ID],"ObjectProp"===this.type||"DOMText"===this.type)Object.defineProperty(this.object,this.prop,{value:this.value,writable:!0}),delete this.object._sb_map,delete this.object._sb_ID;else if("Event"===this.type){for(d=this.atEV,b=0,c=d.length;b<c;b++)a=d[b],this.urEVE(a,this.cEM.remove);delete this.object._sb_map}else if("Array"===this.type)for(delete this.object._sb_ID,a=0,b=y.length;a<b;a++)c=y[a],delete this.object[c];else"Func"===this.type&&delete this.object._sb_ID},fDV:function(a,b){var c,d,e,f;switch(null==a&&(a=this.type),!1){case"Func"!==a:if(!b)return this.object();break;case"Array"!==a:return this.object;case"DOMAttr"!==a:return this.object.getAttribute(this.prop)||"";case!this.mC:f=[],e=this.cH;for(d in e)if(c=e[d],c.checked){if("DOMRadio"===a)return d;f.push(d)}return f;default:return this.object[this.prop]}},sV:function(a,b,c,d){var e,f,k,g,h;if(null==c&&(c=this),f=b?this.pVL[b]:this.value,this.tfS&&(a=this.tfS(a)),f=a!==f||this.options.updateEvenIfSame,g="undefined"!=typeof a||this.options.updateEvenIfUndefined,(f&&g||this.evN)&&"Array"!==this.type){switch(f=this.value,b?(this.pVL[b]=k=a,this.value=a=E(this.pCT,this.pVL,this.pIM)):this.value=a,this.type){case"ObjectProp":this.live||(this.object[this.prop]=a);break;case"Func":f=this.VLp,this.VLp=a,this.value=this.object(a,f);break;case"Event":d||(this.evC=c,this.eE(a),this.evC=null);break;case"DOMValue":this.object.value!==this.value&&(this.object.value=this.value,this.eCE());break;case"DOMRadio":if(this.mC)if(e=l.isBP(a)?a:this.cH[a])for(h in this.value=e.object.value,a=this.cH)b=a[h],b.sV(b.ID===e.ID,null,c);else this.value=f;else this.value=!!this.value,this.object.checked!==this.value&&(this.object.checked=this.value),this.value&&this.eCE();break;case"DOMCheckbox":if(this.mC){for(h=!l.isBP(a),a=[].concat(a),k=b=0,f=a.length;b<f;k=++b)g=a[k],a[k]=l.isBP(g)?g:this.cH[g];f=[],g=this.cH;for(e in g)b=g[e],k=h?P(a,b):b.value,b.sV(k,null,c),k&&f.push(e);this.value=f}else this.value=!!this.value,this.object.checked!==this.value&&(this.object.checked=this.value,this.eCE());break;case"DOMText":this.aTNR(this.object,b,k);break;case"DOMAttr":this.object.setAttribute(this.prop,this.value)}d&&this.evC||this.uAD(c)}},uAD:function(a){var b,c,d,e;if(this.deps.length){if(this.thR){if(+new Date-this.thLU<this.thR)return clearTimeout(this.thT),this.thT=setTimeout(function(b){return function(){return b.uAD(a)}}(this),this.thR);this.thLU=+new Date}for(e=this.deps,c=0,d=e.length;c<d;c++)b=e[c],this.uD(b,a)}},uD:function(a,b){var c,d,e,f;if(c=null===this.value&&"Event"===this.type,!(b&&(b===a||b!==this&&b.depsMap[1][a.ID])||c)&&(b||(b=this),c=(c=this.mPH[a.ID])?this.pVL[c]:this.value,e=(d=this.dPH[a.ID])?a.pVL[d]:a.value,f=c,f=this.apT(a,d,c,e),this.cC(a,d,c,e)))return this.options.promiseTransforms&&null!=f&&"function"==typeof f.then?f.then(function(c){return function(c){return a.sV(c,d,b)}}(this)):a.sV(f,d,b)},pTF:function(a,b){var c,d,e,f;if("function"!=typeof a)return t("erFN");for(c=0,d=b.length;c<d;c++)e=b[c],f=e.ID,f+=e.placeholder?"."+e.placeholder:"",this.aTF(f,a),e=e._,this.depsMap[2][e.ID]&&e.aTF(this.ID,a),(this.options.updateOnBind||"Func"===this.type)&&this.uD(e);return!0},apT:function(a,b,c,d){return this.hTfs?(a=a.ID,b&&(a+="."+b),this.tfms[a]?this.tfms[a](c,d):c):c},aTF:function(a,b){return this.hTfs=!0,this.tfms[a]=b},pCN:function(a,b){var c,d,e,f;if("function"!=typeof a)return t("erFN");for(c=0,d=b.length;c<d;c++)e=b[c],f=e.ID,f+=e.placeholder?"."+e.placeholder:"",this.aCND(f,a),e=e._,this.depsMap[2][e.ID]&&e.aCND(this.ID,a);return!0},cC:function(a,b,c,d){return!this.hCnds||(a=a.ID,b&&(a+="."+b),!this.cnds[a]||this.cnds[a](c,d))},aCND:function(a,b){return this.hCnds=!0,this.cnds[a]=b},sPH:function(){var a;if(this.pVL=p(),this.pIM=p(),this.pCT=[],"string"==typeof this.VLo&&(this.pCT=this.VLo.split(B),a=0,this.value=this.VLo.replace(A,function(b){return function(c,d){return b.pIM[a++]=d,b.pVL[d]=d}}(this))),this.doM&&"textContent"===this.prop)return this.sTNP()},sTNP:function(a){var b,c,d,e,f,g,h,l,m,n;for(null==a&&(a=this.object),m=a.childNodes,c=0,f=m.length;c<f;c++)g=m[c],3!==g.nodeType?this.sTNP(g):(h=J(),l=g.textContent,b=!1,n=p(),e=p(),a=l.split(B),d=0,l.replace(A,function(a){return function(c,f){return b=!0,e[d++]=f,n[f]=a.pVL[f]}}(this)),b||(n=null),Object.defineProperty(g,"_sb_ID",{configurable:!0,value:h}),w.txN[h]=[l,a,n,e])},gTNV:function(a,b,c){var d;return!!(a=w.txN[a._sb_ID])&&((d=a[2])?(d[b]=c,E(a[1],a[2],a[3])):a[0])},aTNR:function(a,b,c){var d,e,f,g;if(this.placeholder)for(g=a.childNodes,a=0,d=g.length;a<d;a++)f=g[a],3!==f.nodeType?this.aTNR(f,b,c):(e=this.gTNV(f,b,c))&&(f.textContent=e);else a.textContent=this.value},aPI:function(a){return this.rPI(),this.PI=setInterval(function(a){return function(){var c;return c=a.fDV(),a.sV(c)}}(this),a)},rPI:function(){return clearInterval(this.PI),this.PI=null},aEV:function(a,b){return this.object.addEventListener(a,function(a){return function(d){if(!d._sb)return a.sV(d.target[b])}}(this),!1)},eCE:function(){if(this.options.dispatchEvents)return this.object.dispatchEvent(Q())},aEV:function(){return this.evN?this.rEVE(this.evN,this.cEM.in):"DOMValue"===this.type?(this.aEV("input","value"),this.aEV("change","value")):this.mC||"DOMRadio"!==this.type&&"DOMCheckbox"!==this.type?void 0:this.aEV("change","checked")},rEVE:function(a,b){if(-1===this.atEV.indexOf(a))return this.atEV.push(a),this.iEM(a,b||"addEventListener","addEventListener")},urEVE:function(a,b){var c;if(c=this.atEV.indexOf(a),-1!==c)return this.atEV.splice(c,1),this.iEM(a,b||"removeEventListener","removeEventListener")},iEM:function(a,b,c){var d;return d=this.object,(this.doM&&"undefined"!=typeof jQuery&&null!==jQuery&&"on"===b||"off"===b)&&(d=jQuery(this.object)),d[b]||(b=c),this.evH||(this.evH=S.bind(this)),"function"==typeof d[b]?d[b](a,this.evH):void 0},eE:function(a){var b,c;return c=this.object,b=this.cEM.out||"dispatchEvent",this.doM&&"undefined"!=typeof jQuery&&null!==jQuery&&"trigger"===b&&(c=jQuery(this.object)),c[b]||(b="dispatchEvent"),"dispatchEvent"===b?(this.evO||(this.evO=document.createEvent("Event"),this.evO.initEvent(this.evN,!0,!0)),this.evO.boundData=a,c[b](this.evO)):c[b](this.evN,a)}},S=function(){var a;return a="Event"===this.type?arguments[this.prop]:this.fDV(),this.sV(a,null,this.evC,!0)},u.prototype=Object.create({sOB:function(a,b,c,d){var e;return this.object=a,c=c?"sOJ":"object",(e=w[c].get(a,this.selc,this.mC))?((e.placeholder=this.placeholder)&&!e.pVL&&(e.VLo=e.fDV(),e.sPH()),"ObjectProp"!==e.type||this.prop in a||e.mPL(!0),C(e,this.opts,!0),e):(a=new x(b,this,d),w[c].set(a),a)}}),q={of:function(a){var b;return 0!==this.stage&&2!==this.stage&&h(g[0]),"object"!=typeof a&&"function"!=typeof a&&O(g[0],a),l.bi(a)&&(a=a.object),2===this.stage&&(this.pX[this.pX.length-1]=b=this.lpX.of(a),this.sT.hIB=!0,this.sT.hTf=!1,this._.aD(b._),L(this._,b._)),this.new(this.stage+1,a)},ofEvent:function(a,b,c){return 0!==this.stage||this.sT.hEN?h(g[1]):a&&"string"==typeof a?isNaN(parseInt(this.prop))&&t("erEV"):O(g[1],a),this.sT.hEN=!0,this.evN=a,this.selc=this.prop+"#"+this.evN,this.cEM={in:b,out:c},this},to:function(a,b){var c;return(1!==this.stage||this.sT.hIB)&&h(g[2]),this.pX.push(c=F(this,a,b)),0===c.stage?c=2:(c=3,this.sT.hIB=!0),this.new(c)},and:function(a,b){var c;return 3===this.stage&&this.sT.hIB&&!this.sT.hasMultiTransform||h(g[3]),this.pX.push(c=F(this,a,b)),0===c.stage?c=2:(c=3,this.sT.hTf=!1),this.new(c)},toEvent:function(a,b,c,d){return 1!==this.stage&&h(g[4]),this.pX.push(m(0,d).ofEvent(a,c,b)),this.new(2)},chainTo:function(a,b){return 3!==this.stage&&h(g[5]),m(this.lpX).to(a,b)},set:function(a){return 0!==this.stage&&2!==this.stage||h(g[6]),this._.sV(a,this.placeholder),this},get:function(){return 0!==this.stage&&2!==this.stage||h(g[7]),this.placeholder?this._.pVL[this.placeholder]:this._.value},transformSelf:function(a){return(1!==this.stage||1===this.stage&&"Array"===this._.type)&&h(g[8]),"function"!=typeof a?t("erFN"):(this._.tfS=a,this._.options.updateOnBind&&this.set(this.value)),this},transform:function(a){return(3!==this.stage||this.sT.hTf||this.sT.hasMultiTransform)&&h(g[9]),this.sT.hTf=this._.pTF(a,this.pX.slice(-1))||!1,this.new(3)},transformAll:function(a){return(3!==this.stage||this.sT.hTf||this.sT.hasMultiTransform)&&h(g[10]),this.sT.hasMultiTransform=this._.pTF(a,this.pX)||!1,this.new(3)},condition:function(a){return 3!==this.stage&&h(g[11]),this._.pCN(a,this.pX.slice(-1)),this.new(3)},conditionAll:function(a){return 3!==this.stage&&h(g[12]),this._.pCN(a,this.pX),this.new(3)},bothWays:function(a){var b,c,d,e;return(3!==this.stage||this.sT.hasMultiTransform)&&h(g[13]),e=this.lpX,b=e._.aD(this._,!0),d=this._.tfms[e.ID],c=this._.cnds[e.ID],(d||a)&&(d="function"==typeof a?a:d)&&!1!==a&&b.aTF(this.ID,d),c&&b.aCND(this.ID,c),this._.aD(e._,!0),this},unBind:function(a){var b,c,d,e;for(3!==this.stage&&h(g[14]),e=this.pX,b=0,c=e.length;b<c;b++)d=e[b],this._.rD(d._,a);return this},pollEvery:function(a){return 3===this.stage&&"Event"!==this._.type||h(g[15]),this._.aPI(a),this},stopPolling:function(){return 3!==this.stage&&h(g[16]),this._.rPI(),this},updateDepsOnEvent:function(a,b){return 3!==this.stage&&h(g[17]),this._.rEVE(a,b),this},removeEvent:function(a,b){return 3!==this.stage&&h(g[18]),this._.urEVE(a,b),this},throttle:function(a){return 1!==this.stage&&3!==this.stage&&h(g[19]),"number"==typeof a&&a?this._.thR=a:!1===a&&delete this._.thR,this},setOption:function(a,b){var c,d,e,f,g;for(c={},c[""+a]=b,e=c,C(this._,e,!0),g=this.pX,c=0,d=g.length;c<d;c++)f=g[c],C(f._,e,!0);return this}},q.update=q.set,q.twoWay=q.bothWays,q.pipe=q.chainTo,g=Object.keys(q),z=0;for(T=g.length;z<T;z++)M=g[z],u.prototype[M]=q[M];return F=function(a,b,c){return null==c&&(c={}),b=m(b,c,!0),0!==b.stage&&(a._.aD(b._,a),L(a._,b._)),b},L=function(a,b){if(a.options.updateOnBind||"Func"===a.type)return a.uD(b)},Object.defineProperties(m,{version:{value:"1.3.2"},options:{get:function(){var a,b,c;a={};for(b in n)c=n[b],a[b]=c;return a}}}),m.setOption=function(a,b){if(null!=n[a]&&(n[a]=b,-1!==a.indexOf("place")))return N()},m.setOptions=function(a){var b,c;for(b in a)c=a[b],m.setOption(b,c)},m.unBindAll=function(a,b){var c,d,e;if(a&&("object"==typeof a||"function"==typeof a)&&(l.isI(a)&&!a._sb_ID&&a[0]&&l.doM(a[0])&&(a=a[0]),e=a._sb_map,a._sb_ID&&r[a._sb_ID].rAD(b),e))for(d in e)c=e[d],r[c].rAD(b)},window.SimplyBind=m}();