askar-website/assets/wordpress/wp-content/plugins/super-block-slider/build/superblockslider.js

1 line
5.7 KiB
JavaScript

"use strict";!function(){document.onreadystatechange=function(){"complete"===document.readyState&&e(".superblockslider")};var e=function(e){document.querySelectorAll(e).forEach(function(l,e){var t=l.getAttribute("data-initial-active-slide"),i=l.getAttribute("data-loop-slide"),n=l.getAttribute("data-autoplay"),a=l.getAttribute("data-autoplay-interval"),r=l.getAttribute("data-slide-navigation"),s=l.getAttribute("data-hover-pause"),o=l.getAttribute("data-transition-effect"),d=l.getAttribute("data-transition-duration"),u=l.getAttribute("data-animation"),c=l.getAttribute("data-transition-speed"),p=l.getAttribute("data-arrow-navigation"),v=l.getAttribute("data-variable-height"),g={initialActiveSlide:t?parseInt(t):0,loopSlide:!i,autoplay:!n,autoplayInterval:a||"1.5s",slideNavigation:r||"dots",hoverPause:!s,transitionEffect:o||"slide",transitionDuration:d||".6s",animation:u||"cubic-bezier(0.46, 0.03, 0.52, 0.96)",transitionSpeed:c||".6s",arrowNavigation:!p,variableHeight:!!v},b=g.initialActiveSlide,f=g.initialActiveSlide,y=g.initialActiveSlide,_=!1,h=l.querySelector(".superblockslider__track"),m=l.querySelectorAll(".superblockslider__slide"),c=l.querySelector(".superblockslider__button__previous"),p=l.querySelector(".superblockslider__button__next");h.addEventListener("transitionstart",function(){_=!0,"stop"!==w&&(w="pause");"slide"==g.transitionEffect&&(h.style.transition="all "+g.transitionDuration+" "+g.animation);g.variableHeight&&Y();l.querySelector('[data-slide-index="'+f+'"]').classList.add("superblockslider__slide--animating-in"),l.querySelector('[data-slide-index="'+y+'"]').classList.add("superblockslider__slide--animating-out")}),h.addEventListener("transitionend",H);var A,S,w,k=100/m.length,E="translateX(-"+b*k+"%)",L=l.querySelectorAll('.superblockslider__slide[data-parallax="true"]');function q(){L.forEach(function(e,t){var i=e.getAttribute("data-parallax-speed"),n=i?parseInt(i)/100:0,a=l.getBoundingClientRect(),r=a.y,s=a.height,i=window.innerHeight,a=e.querySelectorAll(".superblockslider__slide__bg")[0],e=n*i/2+s;a.querySelectorAll("img")[0].style.height=e+"px";s=n*i,e=0;r<=i&&r>=-1*Math.abs(i)&&(e=n*(i-r)),a.style.transform="translateY("+(e-s)+"px)"})}function x(){w=S}L&&(q(),window.addEventListener("scroll",function(e){L.forEach(function(e,t){var i=e.getAttribute("data-parallax-speed"),n=e.querySelectorAll(".superblockslider__slide__bg")[0];i&&((e=e.getBoundingClientRect().y)<=window.innerHeight&&e>=-1*Math.abs(window.innerHeight)?(e=(i=i?parseInt(i)/100:0)*(window.innerHeight-e),i=i*window.innerHeight,n.style.transform="translateY("+(e-i)+"px)"):n.style.transform="translateY(0px)")})}),window.addEventListener("resize",q)),1==g.autoplay&&(w=0<g.autoplayInterval.indexOf("ms")?S=parseInt(g.autoplayInterval.split("ms")[0]):(v=Number(g.autoplayInterval.split("s")[0]),S=1e3*v),"number"==typeof S&&(window.requestAnimationFrame(function e(t){if("stop"===w)return;void 0!==A&&"pause"!==w||(A=t);var i=t-A;window.requestAnimationFrame(e);w<=i&&(A=t,D())}),1==g.hoverPause&&(l.addEventListener("mouseover",function(e){w="pause"}),l.addEventListener("mouseout",x))));var I=l.querySelectorAll(".superblockslider__button");function N(i,e){var t,n,a;void 0===e&&(e=!1),_||(e&&(l.removeEventListener("mouseout",x),w="stop"),f!=i&&(m=l.querySelectorAll(".superblockslider__slide"),a=i,0==g.loopSlide||"slide"==g.transitionEffect&&1==g.loopSlide&&(0===b&&2<m.length?(h.style.transition="none",t=m[m.length-1],h.prepend(t),E="translateX(-"+(b=1)*k+"%)",h.style.transform=E):b===m.length-1&&(h.style.transition="none",b=m.length-2,E="translateX(-"+b*k+"%)",h.style.transform=E,n=m[0],h.append(n)),(t=l.querySelectorAll('[data-slide-index="'+i+'"]'))[0]&&t[0].parentNode&&(n=t[0].parentNode.children,a=Array.from(n).indexOf(t[0]))),setTimeout(function(){var e,t;e=i,t=a,"slide"==g.transitionEffect?(h.style.transition="all "+g.transitionDuration+" "+g.animation,E="translateX(-"+t*k+"%)",h.style.transform=E,b=t,f=e):"fade"==g.transitionEffect&&(b=t,f=e,H())},100)))}function H(){l.querySelector(".superblockslider__slide--active").classList.remove("superblockslider__slide--active"),l.querySelector('[data-slide-index="'+f+'"]').classList.add("superblockslider__slide--active"),"none"!=g.slideNavigation&&(l.querySelector(".superblockslider__button--active").classList.remove("superblockslider__button--active"),I[f].classList.add("superblockslider__button--active")),_=!1,"stop"!==w&&(w=S)}function X(e,t){z();var i=(y=f)-1;N(i=i<0?m.length-1:i,t)}function D(e,t){z();var i=(y=f)+1;N(i=i>m.length-1?0:i,t)}function z(){l.querySelector('[data-slide-index="'+f+'"]').classList.remove("superblockslider__slide--animating-in"),l.querySelector('[data-slide-index="'+y+'"]').classList.remove("superblockslider__slide--animating-out")}function Y(){var e=l.offsetWidth,t=1280<(i=window.innerWidth)?"xl":i<1280&&1024<=i?"lg":i<1024&&768<=i?"md":"sm",i=l.querySelector('[data-slide-index="'+f+'"] img.visible--'+t);i&&(t=Number(i.getAttribute("width")),i=Number(i.getAttribute("height")),i=i,i=(t=t)<(e=e)?(e-t)/t*i+i:i-(t-e)/t*i,l.style.height=i+"px")}"none"!=g.slideNavigation&&I.forEach(function(e){e.addEventListener("click",function(){_||N(parseInt(e.getAttribute("data-button-id")),!0)})}),c&&p&&(c.addEventListener("click",function(){X(0,!0)}),p.addEventListener("click",function(){D(0,!0)})),g.variableHeight&&(l.style.transition="height ease "+g.transitionDuration,Y(),window.addEventListener("resize",Y));var B=null;l.addEventListener("mousedown",function(e){B=e.pageX}),l.addEventListener("mouseup",function(e){e=e.pageX-B;0<e&&e<150?D(0,!0):e<0&&-150<e&&X(0,!0)});l.addEventListener("touchstart",function(e){e=e.touches[0];B=e.clientX},{passive:!0}),l.addEventListener("touchmove",function(e){if(!B)return;e=e.touches[0].clientX,e=B-e;6<e?(D(0,!0),w="stop"):e<-6&&(X(0,!0),w="stop");B=null},{passive:!0})})}}();