peculiar.js

var Peculiar={};function pick(t){return document.querySelectorAll(t)}function elem(t){return document.querySelector(t)}function random(t,e){return Math.floor(Math.random()*(e-t)+1)+t}function randomRGBA(){return`rgba(${random(0,255)},${random(0,255)},${random(0,255)},${random(0,1)}) `}function randomBlue(){return`rgba(${random(1,100)},${random(100,155)},${random(100,255)},${random(0,1)}) `}function randomRed(){return`rgba(${random(100,225)},${random(1,155)},${random(0,100)},${random(0,1)}) `}function randomGreen(){return`rgba(${random(0,100)},${random(100,255)},${random(0,100)},${random(.3,1)}) `}Peculiar.int=class{constructor(t,e,i,n,s){this.color=t||"#565656",this.bg=i||"rgba(30,30,40,.6)",this.size=e||100,this.flex=n||"column",this.bWidth=s||"20px"}start(){this.loading=document.createElement("div"),this.styles=document.createElement("style"),this.styles.innerHTML="@keyframes rotate{\n        100%{transform:rotate(360deg);}\n    }\n     \n   ",this.loading.innerHTML="<div id='loader'></div><div id='lotext'></div>",setTimeout((()=>{document.body.appendChild(this.loading),document.body.appendChild(this.styles),this.addStyles()}),2)}addText(t,e,i){setTimeout((()=>{this.lotext=document.getElementById("lotext"),this.lotext.style.fontSize=e||"1em",this.lotext.style.color=i,this.text=t||"Loading",this.addStyles()}),2)}animateText(){setTimeout((()=>{var t=0;let e=document.createElement("span");e.style.borderRight="1px solid black",e.animate([{borderRightColor:"black"},{borderRightColor:"transparent"},{borderRightColor:"black"}],{duration:1200,iterations:this.text.length}),setInterval((()=>{t<this.text.length&&(e.append(this.text[t]),this.lotext.append(e)),t++}),300),setTimeout((()=>{e.style.borderRightColor="transparent"}),this.text.length)}),2)}displayOnlyText(){setTimeout((()=>{this.loader=document.getElementById("loader"),this.loader.style.display="none"}),2)}addStyles(){this.loading.style.width="100vw",this.loading.style.height="100vh",this.loading.style.backgroundColor=this.bg,this.loading.style.justifyContent="center",this.loading.style.alignItems="center",this.loading.style.position="fixed",this.loading.style.display="flex",this.loading.style.flexDirection=this.flex,this.loading.style.top="0",this.loading.style.left="0",this.loader=document.getElementById("loader"),this.loader=document.getElementById("loader"),this.loader.style.width=this.size+"px",this.loader.style.height=this.size+"px",this.loader.style.borderRadius="50%",this.loader.style.border=`${this.bWidth} solid transparent`,this.loader.style.borderLeftColor=this.color,this.loader.style.borderRightColor=this.color,setTimeout((()=>{this.loader.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:1e3,iterations:1/0})}),2),this.lotext=document.getElementById("lotext"),this.lotext.style.fontFamily="courier",this.lotext.style.fontWeight="bolder"}remove(t){setTimeout((()=>{this.loading.style.display="none"}),t)}removeWhenWindowLoaded(){window.addEventListener("load",(()=>{setTimeout((()=>{this.loading.style.display="none"}),3)}))}removeOnTouch(){window.addEventListener("dblclick",(()=>{this.loading.style.display="none"}))}},Peculiar.copy=function(t){const e=document.createElement("button");e.textContent="Copy",setTimeout((()=>{document.body.append(e)}),300);const i=document.createElement("textarea");i.textContent=t,document.body.append(i),navigator.clipboard?e.addEventListener("click",(()=>{alert("wa");const t=i.value.trim();t&&navigator.clipboard.writeText(t).then((()=>{if(i.value="","copied"!==e.innerText){const t="Copied";setTimeout((()=>{e.innerText=t}),120)}})).catch((t=>{alert("wa",t)})),e.innerText="copy"})):e.addEventListener("click",(()=>{i.select(),document.execCommand("copy"),setTimeout((()=>{e.style.display="none",i.style.display="none"}),1)}))},Peculiar.sel=function(t){this.n=document.querySelector(t),this.display=()=>null==this.n.getAttribute("display")||""==this.n.getAttribute("display")?"block":this.n.getAttribute("display"),this.addClass=t=>{this.n.classList.add(t)},this.removeClass=t=>{this.n.classList.remove(t)},this.hide=()=>{this.n.style.display="none"},this.fadeIn=(t="block")=>{this.show(t),this.n.animate([{opacity:"0"},{opacity:"1"}],{duration:1e3,iterations:1}),setTimeout((()=>{this.show(t)}),987)},this.fadeOut=()=>{this.n.animate([{opacity:"1"},{opacity:"0"}],{duration:1e3,iterations:1}),setTimeout((()=>{this.hide()}),987)},this.show=(t="block")=>{this.n.style.display=t},this.toggle=()=>{""==this.n.style.display||"none"==this.n.style.display?this.show():this.hide()},this.append=function(t){this.n.innerHTML+=t},this.prepend=function(t){this.n.innerHTML=t+this.n.innerHTML},this.html=t=>void 0===t?this.n.innerHTML:(this.n.innerHTML=t,this),this.attr=(t,e)=>void 0===e?this.n.getAttribute(t):this.n.setAttribute(t,e),this.val=function(t){return null!==this.n&&void 0!==this.n&&(null==t?this.n.value:void(this.n.value=t))},this.text=function(t){return void 0===t?this.n.textContent=this.n.textContent:t},this.hide=()=>{this.n.style.display="none"},this.show=t=>{this.n.style.display=t},this.toggle=()=>{let t=this.n.style.getPropertyValue("display");if(void 0===t||""===t)return this.n.style.display="none";this.n.style.display=t},this.next=()=>(this.n=this.n.nextElementSibling,this),this.prev=()=>(this.n=this.n.previousElementSibling,this),this.children=()=>(this.n=this.n.children,this),this.nchild=t=>{for(j=0;j<t;j++)this.n=this.n.children[t];return this},this.child=()=>(this.n=this.n.firstChild,this),this.empty=()=>{let t=this.n.children;for(i=0;i<t.length;i++)t[i].style.display="none"},this.last=()=>(this.n=this.n.lastChild,this),this.nextSib=()=>(this.n=this.n.nextElementSibling,this),this.type=(t,e=200)=>{var i=0;let n=document.createElement("span");n.style.borderRight="1px solid black",n.animate([{borderRightColor:"black"},{borderRightColor:"transparent"},{borderRightColor:"black"}],{duration:4*e,iterations:t.length}),setInterval((()=>{i<t.length&&(n.append(t[i]),this.n.append(n)),i++}),e),setTimeout((()=>{n.style.borderRightColor="transparent"}),e*t.length)},this.prevSib=()=>(this.n=this.n.previousElementSibling,this),this.on=(t,e)=>(this.n.addEventListener(t,e),this),this.css=t=>{this.n.style=t}};var p=function(t){return new Peculiar.sel(t)},$=function(t){return new Peculiar.sel(t)};Peculiar.wait=function(t=1e3){let e=new Peculiar.int("white",10,"black","row","4px");e.start(),e.addText(),e.animateText(),e.removeOnTouch(),e.remove(t)},Peculiar.load=function(t=5e3){let e=new Peculiar.int;e.start(),e.addText(),e.animateText(),e.removeOnTouch(),e.remove(t)},Date.prototype.month=function(t){return(t==f?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"])[(new Date).getMonth]},Array.prototype.getMax=function(){return this.sort(),this[this.length-1]};