https://www.fila.co.kr/cdn/shop/t/4/assets/hero-slideshow.js?v=42295560150869433121777340572

1class HeroSlideshow extends HTMLElement{constructor(){super()}connectedCallback(){const root=this,swiperEl=this.querySelector("[data-banner-swiper]");if(!swiperEl)return;if(!window.Shopify||!window.Shopify.designMode){const now=Date.now();if(swiperEl.querySelectorAll(".swiper-slide[data-schedule-start], .swiper-slide[data-schedule-end]").forEach(slide=>{const startStr=slide.getAttribute("data-schedule-start"),endStr=slide.getAttribute("data-schedule-end"),start=startStr?new Date(startStr.replace(" ","T")).getTime():NaN,end=endStr?new Date(endStr.replace(" ","T")).getTime():NaN;(!isNaN(start)&&now<start||!isNaN(end)&&now>end)&&slide.remove()}),!swiperEl.querySelector(".swiper-slide"))return}const isMobile=window.matchMedia("(max-width: 749px)").matches,fadeSelector="[data-fade-up-heading], [data-fade-up-text], [data-fade-up-btn]",arrowsEl=this.querySelector(".slider-arrows"),allFadeEls=Array.from(this.querySelectorAll(fadeSelector));allFadeEls.length&&gsap.killTweensOf(allFadeEls),allFadeEls.forEach(el=>{el.dataset._origTransition=el.style.transition||"",el.style.transition="none"}),gsap.set(allFadeEls,{y:isMobile?15:25,opacity:0}),arrowsEl&&gsap.set(arrowsEl,{y:isMobile?15:25,opacity:0});const revealVideo=videoEl=>{if(!videoEl)return;const container=videoEl.closest(".media-desktop")||videoEl.closest(".media-mobile");if(!container)return;const poster=container.querySelector(".video-poster");if(!poster)return;const hide=()=>{poster.classList.add("is-hidden"),poster.addEventListener("transitionend",()=>poster.remove(),{once:!0})};videoEl.readyState>=3?hide():videoEl.addEventListener("canplay",hide,{once:!0})};root.querySelectorAll("video").forEach(v=>revealVideo(v));const swiper=new Swiper(swiperEl,{loop:!0,speed:isMobile?400:600,effect:"slide",autoplay:!1,navigation:{nextEl:this.querySelector("[data-slider-next]"),prevEl:this.querySelector("[data-slider-prev]")},preventClicks:!1,preventClicksPropagation:!1,touchRatio:isMobile?1.5:1,shortSwipes:!0,longSwipesRatio:.3});swiperEl.querySelectorAll(".swiper-slide-duplicate video").forEach(video=>{video.removeAttribute("autoplay"),video.preload="none",video.pause()});const getActiveVideo=()=>{const activeSlide=swiper.slides[swiper.activeIndex];return activeSlide?(isMobile?activeSlide.querySelector(".media-mobile"):activeSlide.querySelector(".media-desktop"))?.querySelector("video"):null},handleVideoSlide=()=>{const video=getActiveVideo();video&&(video.loop=!0,video.currentTime=0,video.play().catch(()=>{}),revealVideo(video))};swiper.on("slideChange",()=>{const prevSlide=swiper.slides[swiper.previousIndex];prevSlide&&prevSlide.querySelectorAll("video").forEach(v=>v.pause()),handleVideoSlide()}),handleVideoSlide();const restoreTransitions=els=>{els.forEach(el=>{el&&el.dataset._origTransition!==void 0&&(el.style.transition=el.dataset._origTransition,delete el.dataset._origTransition)})},hideElements=els=>{!els||!els.length||(gsap.killTweensOf(els),els.forEach(el=>{el.dataset._origTransition===void 0&&(el.dataset._origTransition=el.style.transition||""),el.style.transition="none"}),gsap.set(els,{y:25,opacity:0}))},runSlideAnimation=slide=>{if(!slide)return;const heading=slide.querySelector("[data-fade-up-heading]"),texts=Array.from(slide.querySelectorAll("[data-fade-up-text]")),buttons=Array.from(slide.querySelectorAll("[data-fade-up-btn]")),elems=[];heading&&elems.push(heading),elems.push(...texts),elems.push(...buttons),elems.length&&gsap.killTweensOf(elems),elems.forEach(el=>{el.dataset._origTransition===void 0&&(el.dataset._origTransition=el.style.transition||""),el.style.transition="none"}),gsap.set(elems,{y:isMobile?15:20,opacity:0}),gsap.to(elems,{y:0,opacity:1,duration:isMobile?.4:.5,ease:"power2.out",stagger:0,onComplete:()=>restoreTransitions(elems)}),arrowsEl&&(gsap.killTweensOf(arrowsEl),gsap.set(arrowsEl,{y:isMobile?15:20,opacity:0}),gsap.to(arrowsEl,{y:0,opacity:1,duration:isMobile?.4:.5,ease:"power2.out"}))};swiper.on("tap",(s,event)=>{if(event.target.closest("a, button"))return;const slideEl=event.target.closest(".swiper-slide");if(!slideEl)return;

1const link=slideEl.getAttribute("data-slide-link")||"";if(typeof FilaDL<"u"){var headingEl=slideEl.querySelector(".banner__heading"),bannerName=headingEl?FilaDL.stripHTML(headingEl.innerHTML):"",imgEl=slideEl.querySelector(".banner__media-img")||slideEl.querySelector(".video-poster")||slideEl.querySelector("video"),imgUrl=imgEl&&(imgEl.currentSrc||imgEl.src)||"";FilaDL.push({event:"main_click",click:{main_box_name:"hero_banner",type:"banner",banner_event_name:"hero banner",banner_name:bannerName,img_url:imgUrl,index:swiper.realIndex,click_location:link,page_type:FilaDL.getMainPageType()}})}link&&(window.location.href=link)}),swiper.on("slideChangeTransitionStart",()=>{const nowAll=Array.from(root.querySelectorAll(fadeSelector));hideElements(nowAll),arrowsEl&&(gsap.killTweensOf(arrowsEl),gsap.set(arrowsEl,{y:25,opacity:0}))}),swiper.on("slideChangeTransitionEnd",()=>{const activeSlide=swiper.slides[swiper.activeIndex];runSlideAnimation(activeSlide)}),requestAnimationFrame(()=>{const firstSlide=swiper.slides[swiper.activeIndex];if(runSlideAnimation(firstSlide),!root.hasAttribute("data-no-swipe-hint")){const peekDistance=isMobile?window.innerWidth*.4:window.innerWidth*.3,wrapperEl=swiperEl.querySelector(".swiper-wrapper");wrapperEl&&gsap.to(wrapperEl,{x:-peekDistance,duration:.6,delay:0,ease:"power2.out",onComplete:()=>{gsap.to(wrapperEl,{x:0,duration:.5,ease:"power2.inOut"})}})}})}}customElements.define("hero-slideshow",HeroSlideshow);
2//# sourceMappingURL=/cdn/shop/t/4/assets/hero-slideshow.js.map?v=42295560150869433121777340572