https://strivectin.com/cdn/shop/t/42/assets/hero_banner.js?v=89615250562425918991749234080

1if(!customElements.get("hero-banner")){class ComponentHeroCarousel extends HTMLElement{constructor(){super(),this.slidesWrapper=this.querySelector(".keen-slider"),this.slides=this.slidesWrapper.children,this.transition=this.dataset.transition,this.dots=this.dataset.dots,this.arrows=this.dataset.arrows,this.autoplay=this.dataset.autoplay,this.automove=parseFloat(this.dataset.automove),this.pauseOnHover=this.dataset.pauseOnHover!=="false",this.carousel=!1,this.isInViewPort=!1,this.needButtonFocus=!1,window.matchMedia("(prefers-reduced-motion: reduce)").matches&&this.querySelectorAll(".media-wrap").forEach(x=>x.userPaused=!0),setTimeout(()=>{this.initVideos(),this.initCarousel()},1),this.bindCustomizerEvents()}initVideos(){this.hasVideos()&&(this.updateVideos(),this.slidesWrapper.querySelectorAll(".play").forEach(button=>{button.addEventListener("click",()=>{this.needButtonFocus=!0,button.closest(".media-wrap").userPaused=!1,this.playVideo(button.closest(".media-wrap").querySelector(".video-element"))})}),this.slidesWrapper.querySelectorAll(".pause").forEach(button=>{button.addEventListener("click",()=>{this.needButtonFocus=!0,button.closest(".media-wrap").userPaused=!0,this.pauseVideo(button.closest(".media-wrap").querySelector(".video-element"))})}),window.addEventListener("mediaChange",()=>{this.updateVideos()}),new IntersectionObserver(entries=>{this.isInViewPort=entries.pop().isIntersecting,this.updateVideos()},{threshold:0}).observe(this.slidesWrapper))}updateVideos(){var currentSlide=this.getCurrentSlide();this.isInViewPort?(this.loadVideos(currentSlide),this.slidesWrapper.querySelectorAll(".video-element").forEach(video=>{this.pauseVideo(video)}),currentSlide.querySelectorAll(".video-element").forEach(video=>{$s.isVisible(video)&&this.playVideo(video)})):currentSlide.querySelectorAll(".video-element").forEach(video=>{$s.isVisible(video)&&this.pauseVideo(video)})}hasVideos(){return this.slidesWrapper.querySelectorAll(".video-element").length>0}loadVideos(slide){slide.querySelectorAll("video").forEach(video=>{if($s.isVisible(video)&&!video.dataset.initialized){var videoWrap=video.closest(".media-wrap");video.addEventListener("play",()=>{videoWrap.querySelector(".play").setAttribute("style","display: none !important"),videoWrap.querySelector(".pause").setAttribute("style","display: flex !important"),this.needButtonFocus&&(this.needButtonFocus=!1,videoWrap.querySelector(".pause").focus())}),video.addEventListener("pause",()=>{videoWrap.querySelector(".play").setAttribute("style","display: flex !important"),videoWrap.querySelector(".pause").setAttribute("style","display: none !important"),this.needButtonFocus&&(this.needButtonFocus=!1,videoWrap.querySelector(".play").focus())});var source=video.querySelector("source");source.setAttribute("src",source.dataset.src),video.dataset.initialized=!0,video.load()}}),slide.querySelectorAll(".js-youtube").forEach(video=>{$s.isVisible(video)&&!video.dataset.initialized&&(video.dataset.initialized=!0,video.whenready=new Promise(resolve=>{window.YTReady.then(()=>{video.player=new YT.Player(video,{height:video.dataset.height,width:video.dataset.width,videoId:video.dataset.videoId,events:{onReady:function(){resolve()},onStateChange:evt=>{video.player.intervalId&&clearInterval(video.player.intervalId),(evt.data==YT.PlayerState.PLAYING||evt.data==-1)&&(video.player.intervalId=setInterval(()=>{video.player.getDuration()-video.player.getCurrentTime()<2&&video.player.seekTo(0)},250))}},playerVars:{fs:0,playlist:video.dataset.videoId,loop:1,autoplay:0,mute:1,enablejsapi:1,origin:location.origin,playsinline:1,rel:0,showinfo:0,iv_load_policy:3,autohide:0,cc_load_policy:0,modestbranding:1}})})}))})}playVideo(video){if(video){let videoWrap=video.closest(".media-wrap");if(videoWrap.userPaused)return;var doAction=()=>{try{$s.playMedia(videoWrap.querySelector(".video-element")),video.tagName!="VIDEO"&&(videoWrap.querySelector(".play").setAttribute("style","display: none !important"),videoWrap.querySelector(".pause").setAttribute("style","display: flex !important"),this.needButtonFocus&&(this.needButtonFocus=!1,videoWrap.querySelector(".pause").focus()))}catch(e){console.warn(e)}};video.whenready?video.whenready.then(()=>{doAction()}):doAction()}}pauseVideo(video){if(video){let videoWrap=video.closest(".media-wrap");var doAction=()=>{try{$s.pauseMedia(videoWrap.querySelector(".video-element")),video.tagName!="VIDEO"&&(videoWrap.querySelector(".play").setAttribute("style","display: flex !important"),videoWrap.querySelector(".pause").setAttribute("style","display: none !important"),this.needButtonFocus&&(this.needButtonFocus=!1,videoWrap.querySelector(".play").focus()))}catch(e){console.warn(e)}};video.whenready?video.whenready.then(()=>{doAction()}):doAction()}}initCarousel(){this.slides.length>1?(this.classList.add("prepared"),this.carousel=new KeenSlider(this.slidesWrapper,{mode:"snap",loop:!0,wheel:!1,dots:this.dots?this.querySelector(".keen-dots"):!1,prevButton:this.arrows?this.querySelector(".keen-arrow.prev"):!1,nextButton:this.arrows?this.querySelector(".keen-arrow.next"):!1,customAnimation:this.transition=="fade"?"fade":!1,setContainerHeight:this.transition=="fade",autoplay:this.autoplay,automove:this.automove,pauseOnHover:this.pauseOnHover,slideChanged:()=>{this.hasVideos()&&this.updateVideos()}})):this.slidesWrapper.classList.add("initialized")}getCurrentSlide(){return this.carousel&&this.carousel.currentSlide()?this.carousel.currentSlide():this.slidesWrapper.firstChild}bindCustomizerEvents(){Shopify.designMode&&this.addEventListener("shopify:block:select",e=>{let index=Array.from(this.slides).findIndex(x=>x==e.target);index>=0&&setTimeout(()=>{this.carousel.moveToSlideRelative(index,!0,0)},10)})}}customElements.define("hero-banner",ComponentHeroCarousel)}
2//# sourceMappingURL=/cdn/shop/t/42/assets/hero_banner.js.map?v=89615250562425918991749234080