https://koolmore.com/cdn/shop/t/110/assets/banner-animation.js?v=73818870224597593391777570454

1class AnimatedComponent extends HTMLElement{constructor(){super()}connectedCallback(){if(this.slides=[...this.querySelectorAll('[data-animate="effect_1"]')],this.section=this.closest(".shopify-section"),this.matches("[data-init-slideshow]"))return this.initObserverForSlick();this.initObserverForOrdinary()}initSlideshowChangeEvent(){const firstSlide=this.slides[0];firstSlide.classList.add("shouldShow"),firstSlide.querySelectorAll(".button").forEach(button=>{AnimatedComponent.addAndRemoveButtonTransitionListeners(button)}),$(this).on("beforeChange",function(event,slick,currentSlide,nextSlide){const nextSlideElement=this.slides[nextSlide];this.slides.forEach(slide=>{slide.classList.remove("shouldShow"),slide.querySelectorAll(".button").forEach(button=>{button.classList.remove("shouldShow"),AnimatedComponent.addAndRemoveButtonTransitionListeners(button)})}),nextSlideElement.classList.add("shouldShow")})}initObserverForSlick(){if(AnimatedComponent.slickInitialized(this))this.initSlideshowChangeEvent();else{const options={attributes:!0};this.mutationObserver=new MutationObserver((mutationList,observer)=>{const ref=mutationList[0];ref.type==="attributes"&&AnimatedComponent.slickInitialized(ref.target)&&(this.initSlideshowChangeEvent(),observer.disconnect())}),this.mutationObserver.observe(this,options)}}initObserverForOrdinary(){const options={threshold:.25},handler=(entries,observer)=>{entries.forEach(entry=>{entry.isIntersecting&&(entry.target.classList.add("shouldShow"),entry.target.querySelectorAll(".button").forEach(button=>{AnimatedComponent.addAndRemoveButtonTransitionListeners(button)}),observer.unobserve(entry.target),entries.length===0&&observer.disconnect())})};this.observer=new IntersectionObserver(handler,options),this.slides.forEach(sli

1de=>{this.observer.observe(slide)})}static slickInitialized(slideshow){return slideshow.classList.contains("slick-initialized")}static addAndRemoveButtonTransitionListeners(button){button.closest(".enable_border_color")!=null?button.classList.add("banner-button-animated"):(button.removeEventListener("transitionend",AnimatedComponent.bannerButtonTransitionEnd),button.addEventListener("transitionend",AnimatedComponent.bannerButtonTransitionEnd))}static bannerButtonTransitionEnd(e){const button=e.currentTarget,slide=button.closest('[data-animate="effect_1"]');!slide||!button||(slide.classList.contains("shouldShow")?(button.classList.add("banner-button-animated"),button.removeEventListener("transitionend",AnimatedComponent.bannerButtonTransitionEnd)):button.classList.remove("banner-button-animated"))}}customElements.define("animated-component",AnimatedComponent);
2//# sourceMappingURL=/cdn/shop/t/110/assets/banner-animation.js.map?v=73818870224597593391777570454