responsive-sidebar.min.js

!function(e){var C=0;function I(e,t,i){e.addEventListener?e.addEventListener(t,i):e.attachEvent&&e.attachEvent("on"+t,function(){i.call(e)})}function M(e,t,i){e.removeEventListener?e.removeEventListener(t,i):e.detachEvent&&e.detachEvent("on"+t,i)}function W(e,t){for(i=0;i<e.length;i++)t(e[i],i)}function q(e,t){for(var i in t)t.hasOwnProperty(i)&&(e.style[i]=t[i])}e.Sidebar=function(e,t,i){var a=C+=1,n=(e=document.querySelectorAll(e)[0],t=t=document.querySelectorAll(t),!1),o=1e3,s="block",l=e.offsetWidth+"px",r={},d="ease-in";void 0!==i&&(void 0!==i.time&&(o=i.time),void 0!==i.width&&(l=i.width),void 0!==i.overlayStyles&&(r=i.overlayStyles),void 0!==i.displayStyle&&(s=i.displayStyle),void 0!==i.animationTimingFunction&&(d=i.animationTimingFunction));var m=document.getElementsByTagName("body")[0].offsetHeight+"px",y=document.getElementsByTagName("body")[0].offsetWidth+"px",c=document.createElement("div");c.setAttribute("class","overlay"),q(c,r),q(c,{display:"none",position:"absolute",top:"0px",left:"0px",height:m,width:y});var f=!1,p="animation",v="",h="Webkit Moz O ms Khtml".split(" "),u="";if(void 0!==e.style.animationName&&(f=!0),!1===f)for(var g=0;g<h.length;g++)if(void 0!==e.style[h[g]+"AnimationName"]){u=h[g],p=u+"Animation",v="-"+u.toLowerCase()+"-",f=!0;break}var b="@"+v+"keyframes openSidebar"+a+" { from {"+v+"transform:translateX( 0px ) }to {"+v+"transform:translateX( "+l+" ) }}",L="@"+v+"keyframes closeSidebar"+a+" { from {"+v+"transform:translateX( 0px ) }to {"+v+"transform:translateX( "+l+" ) }}",E=0;void 0!==r.opacity&&(E=r.opacity,c.style[v+"filter"]="progid:DXImageTransform.Microsoft.Alpha(Opacity="+100*E+")");var k="@"+v+"keyframes fadeInOverlay"+a+" { from {"+v+"opacity: 0 }to {"+v+"opacity: "+E+"}}",w="@"+v+"keyframes fadeOutOverlay"+a+" { from {"+v+"opacity: 0 }to {"+v+"opacity: "+E+" }}";if(f){var S=document.createElement("style");S.innerHTML=b+" "+L+" "+k+" "+w,document.getElementsByTagName("head")[0].appendChild(S)}var x=document.getElementsByTagName("body")[0],O=x.appendChild(c),T=function(){n&&(n=!1,f?(O.style[p]="fadeOutOverlay"+a+" "+o+"ms "+d+" 1 reverse both",x.style[p]="closeSidebar"+a+" "+o+"ms "+d+" 1 reverse both",setTimeout(function(){O.style.display="none",q(e,{marginLeft:"",position:"",top:"",left:"",width:"",height:"",display:""})},o)):(O.style.display="none",e.style.marginLeft="",x.style.marginLeft="",q(e,{marginLeft:"",position:"",top:"",left:"",width:"",height:"",display:""})))},N=function(){n||(n=!0,f?(O.style[p]="fadeInOverlay"+a+" "+o+"ms "+d+" 1 forwards",e.style.marginLeft="-"+l,x.style[p]="openSidebar"+a+" "+o+"ms "+d+" 1 forwards",O.style.display="block"):(e.style.marginLeft="0px",x.style.marginLeft=l,O.style.marginLeft=l),q(e,{position:"absolute",top:"0px",left:"0px",width:l,height:m}),e.style.display=s,O.style.display="block")};I(O,"click",T);var A,X,B=function(){n?T():N()};W(t,function(e,t){I(e,"click",B)}),X="my-sidebar",(A=e).classList?A.classList.add(X):A.className+=" "+X,this.close=T,this.open=N,this.dispose=function(){M(O,"click",T),W(t,function(e,t){M(e,"click",B)})}}}(window);