JavaScript File

1const lSlider={el:null,lock:!1,scroll:0,x:0,timer:null,css:"LmxzLXdyYXBwZXJ7cG9zaXRpb246cmVsYXRpdmU7Y29udGFpbmVyLXR5cGU6aW5saW5lLXNpemV9LmxzLXdyYXBwZXIuY2xpcHtvdmVyZmxvdzpjbGlwfS5scy13cmFwcGVyOmFjdGl2ZXstd2Via2l0LXVzZXItc2VsZWN0Om5vbmU7LW1vei11c2VyLXNlbGVjdDpub25lOy1tcy11c2VyLXNlbGVjdDpub25lO3VzZXItc2VsZWN0Om5vbmU7Y3Vyc29yOm1vdmV9LmxzLXNjcm9sbGVye3Bvc2l0aW9uOnJlbGF0aXZlO3doaXRlLXNwYWNlOm5vd3JhcDtvdmVyZmxvdzphdXRvIGhpZGRlbjtzY3JvbGxiYXItd2lkdGg6bm9uZTtzY3JvbGwtYmVoYXZpb3I6c21vb3RoOy13ZWJraXQtdHJhbnNpdGlvbjotd2Via2l0LXRyYW5zZm9ybSAyNTBtczt0cmFuc2l0aW9uOi13ZWJraXQtdHJhbnNmb3JtIDI1MG1zO3RyYW5zaXRpb246dHJhbnNmb3JtIDI1MG1zO3RyYW5zaXRpb246dHJhbnNmb3JtIDI1MG1zLCAtd2Via2l0LXRyYW5zZm9ybSAyNTBtc31AbWVkaWEoaG92ZXI6IG5vbmUpey5scy1zY3JvbGxlcnstbXMtc2Nyb2xsLXNuYXAtdHlwZTp4IG1hbmRhdG9yeTtzY3JvbGwtc25hcC10eXBlOnggbWFuZGF0b3J5fS5scy1zY3JvbGxlciAubHMtaXRlbXtzY3JvbGwtc25hcC1hbGlnbjpjZW50ZXJ9fS5scy1zY3JvbGxlci5fX2xvY2t7LXdlYmtpdC10cmFuc2l0aW9uOm5vbmU7dHJhbnNpdGlvbjpub25lO3Njcm9sbC1iZWhhdmlvcjphdXRvfS5scy1zY3JvbGxlci5fX2xvY2sgLmxzLWl0ZW0+Kntwb2ludGVyLWV2ZW50czpub25lfS5scy1pdGVte3Bvc2l0aW9uOnJlbGF0aXZlO3doaXRlLXNwYWNlOm5vcm1hbDtkaXNwbGF5OmlubGluZS1ibG9jazt2ZXJ0aWNhbC1hbGlnbjp0b3A7d2lkdGg6dmFyKC0tbHMtaXRlbS13aWR0aCwgMTAwJSl9LmxzLWl0ZW06bm90KDpmaXJzdC1vZi10eXBlKXstd2Via2l0LW1hcmdpbi1zdGFydDp2YXIoLS1scy1pdGVtLWdhcCwgMHB4KTttYXJnaW4taW5saW5lLXN0YXJ0OnZhcigtLWxzLWl0ZW0tZ2FwLCAwcHgpfQ==",init(t=!1){let e=document.querySelectorAll(".ls-wrapper");if(e){if(!t&&!document.head.querySelector("style#ls-slider-style")){let t=document.createElement("style");t.setAttribute("id","ls-slider-style"),t.innerText=atob(this.css),document.head.appendChild(t)}

2let l,s,i,c;e.forEach(t=>{i=s=html="",c=[...t.children],c.forEach((t,e)=>{s+=`<div class="ls-item">${t.outerHTML}

3</div>`,i+=`<div go="${e}

4"></div>`}

5),l=document.createElement("div"),l.className="ls-scroller",l.innerHTML=s,"ontouchstart"in window||(["img","svg","video","a[href]","button",'input[type="button"]','input[type="reset"]','input[type="submit"]','input[type="image"]'].forEach(t=>{l.querySelectorAll(t).forEach(t=>t.setAttribute("draggable","false"))}

6),l.addEventListener("pointerdown",t=>this.start(t)),l.addEventListener("pointerup",t=>this.end(t)),l.addEventListener("pointerleave",t=>this.break(t)),l.addEventListener("pointermove",t=>this.move(t))),l.addEventListener("scrollend",t=>this.check(t.target),{passive:!0}

7),t.innerHTML="",t.appendChild(l),html=`<div go="prev"></div><div thumbs>${i}

8</div><div go="next"></div>`,t.insertAdjacentHTML("beforeend",html),t.querySelectorAll("[go]").forEach(t=>t.addEventListener("click",this.go))}

9),window.addEventListener("resize",t=>{clearTimeout(this.timer),this.timer=setTimeout(()=>this.recalc(),100)}

10,{passive:!0}

11),this.recalc()}

12}

13,start(t){this.lock=!0,this.el=t.target.closest(".ls-scroller"),this.scroll=this.el.scrollLeft,this.x=t.pageX||t.touches[0].pageX}

14,end(){this.lock=!1,this.el.classList.remove("__lock"),~~this.el.style.getPropertyValue("transform").replace(/\D/g,"")&&this.el.style.setProperty("transform","translateX(0)"),this.el.parentElement.classList.contains("sticky")&&this.edge(this.el,!0)}

15,break(){this.lock&&this.end()}

16,move(t){if(this.lock){t.preventDefault(),this.el.classList.contains("__lock")||this.el.classList.add("__lock");let e=(t.pageX||t.touches[0].pageX)-this.x,l=this.scroll-e;this.el.scrollLeft=l;let s=this.el.scrollWidth-this.el.scrollLeft;0==this.el.scrollLeft&&l<0?(l=parseInt(l/-5),this.el.style.transform=`translateX(${l}

17px)`):s==this.el.clientWidth&&l>0?(l=parseInt((this.el.scrollLeft-l)/5),this.el.style.transform=`translateX(${l}

18px)`):this.el.style.transform="translateX(0}

19px)"}

20}

21,edge(t,e=!1){let l,s=[...t.children];for(l=0;l<s.length;l++)if(s[l].offsetLeft+s[l].offsetWidth/2>t.scrollLeft){t.scrollLeft=s[l].offsetLeft;break}

22return e&&setTimeout(()=>this.check(t,300)),l}

23,go(t){let e=t.target.getAttribute("go");if(e&&e.length){let l,s=t.target.closest(".ls-wrapper").querySelector(".ls-scroller"),i=[...s.children];isNaN(e)?(l=lSlider.edge(s),"next"===e&&l<i.length-1?l++:"prev"===e&&l>0&&l--):l=~~e,s.scrollLeft=i[l].offsetLeft}

24}

25,check(t){let e,l=[...t.parentElement.querySelector("[thumbs]").children],s=[...t.children];for(let i=0;i<s.length;i++)e=s[i].offsetLeft>=t.scrollLeft&&s[i].offsetLeft+s[i].offsetWidth<=t.scrollLeft+t.clientWidth+1,l[i].classList.toggle("__shown",e);t.parentElement.querySelector('[go="prev"]').classList.toggle("__shown",0!=t.scrollLeft),t.parentElement.querySelector('[go="next"]').classList.toggle("__shown",t.scrollLeft+t.clientWidth+1<t.scrollWidth),t.parentElement.querySelector("[thumbs]").classList.toggle("__shown",t.clientWidth<t.scrollWidth)}

26,recalc(){document.querySelectorAll(".ls-wrapper .ls-scroller").forEach(t=>this.edge(t,!0))}

27}

28;