https://cynthiarowley.com/cdn/shop/t/81/assets/card-product-slider.js?v=60935709382946437831788275911

1if(!customElements.get("card-product-slider")){class CardProductSlider extends HTMLElement{constructor(){super();const swiperOptions=JSON.parse(this.getAttribute("data-swiper-options"))||{};this.sliderWrapper=this.querySelector(".swiper-wrapper"),this.requiresFetch=this.hasAttribute("data-url"),this.parent=this.closest("[data-section-id]"),this.sliderOptions={a11y:!1,threshold:3,spaceBetween:swiperOptions.spaceBetweenMobile||2,slidesPerView:swiperOptions.slidesPerViewMobile||"auto",resistanceRatio:.72,breakpoints:{750:{slidesPerView:3,spaceBetween:swiperOptions.spaceBetweenDesktop||2},1100:{slidesPerView:4,spaceBetween:swiperOptions.spaceBetweenDesktop||2}}},swiperOptions.navigation&&(this.sliderOptions.navigation={...swiperOptions.navigation}),swiperOptions.autoplay&&(this.sliderOptions.autoplay={...swiperOptions.autoplay}),swiperOptions.loop&&(this.sliderOptions.loop=swiperOptions.loop)}connectedCallback(){if(this.requiresFetch){this.fetchItems();return}this.initSlider(),this.syncHeights(),window.addEventListener("resize",()=>this.syncHeights())}syncHeights(){const textSlide=this.querySelector(".products-feed__card-text-custom-slide"),actionElement=this.querySelector(".product-card__actions");if(textSlide&&actionElement){const actionHeight=actionElement.offsetHeight;textSlide.style.height=`${actionHeight}px`}}fetchItems(){if(!this.parent)throw new Error("Parent is missing");fetch(this.getAttribute("data-url")).then(response=>response.text()).then(text=>{const wrapper=new DOMParser().parseFromString(text,"text/html").querySelector(".swiper-wrapper");wrapper&&wrapper.innerHTML.trim().length&&(this.querySelector(".swiper-wrapper").innerHTML=wrapper.innerHTML,this.parent.classList.remove("hidden"),this.initSlider())}).catch(e=>{console.error(e)})}initSlider(slider=this){this.slider=new Swiper(slider,this.sliderOptions),this.slider.wrapperEl.setAttribute("aria-live","polite"),this.slider.wrapperEl.id=`swiper-wrapper-${this.dataset.sectionId}`,this.slider.slides.forEach((slide,i)=>{slide.setAttribute("role","group"),slide.setAttribute("aria-label",`${i+1} / ${this.slider.slides.length}`),slide.dataset.index=i}),this.swiperOptions?.navigation&&[this.slider.navigation.prevEl,this.slider.navigation.nextEl].forEach((button,i)=>{let type="Previous";i===1&&(type="Next"),button.setAttribute("aria-label",`${type} slide`),button.setAttribute("aria-controls",this.slider.wrapperEl.id)}),this.slider.wrapperEl.addEventListener("focusin",e=>{this.slider.el.scrollLeft=0;const slide=e.target.closest(".swiper-slide"),slideIndex=+slide.dataset.index,isFirstSlide=slideIndex===0,isLastSlide=slideIndex===this.slider.slides.length-1;if(isFirstSlide||isLastSlide){this.slider.slideTo(slideIndex,0);return}const slideRect=slide.getBoundingClientRect(),wrapperWidth=this.slider.wrapperEl.clientWidth,slideLeft=slideRect.x+slideRect.width-(document.body.clientWidth-wrapperWidth)/2;slideLeft<=wrapperWidth&&slideLeft>=slideRect.width||(slideLeft>=slideRect.width?this.slider.slideNext(0):this.slider.slidePrev(0))});const swiperOptions=JSON.parse(this.getAttribute("data-swiper-options"))||{};this.slider.wrapperEl.addEventListener("mouseenter",()=>this.slider.autoplay.stop()),this.slider.wrapperEl.addEventListener("mouseleave",()=>{!this.classList.contains("product--open-on-quick-cart")&&this.sliderOptions.autoplay&&this.slider.autoplay.start(),swiperOptions.autoplay===!1&&this.slider.autoplay.stop()}),this.hasAttribute("data-init-quick-cart")&&document.querySelector("quick-cart-drawer")&&this.querySelector(".swiper-slide")&&document.querySelector("quick-cart-drawer").init(),this.querySelectorAll("product-card").forEach(card=>{card.init()}),Shopify.designMode&&this.hasAttribute("data-init-quick-cart")&&document.querySelector("quick-cart-drawer")&&this.querySelector(".swiper-slide")&&document.querySelector("quick-cart-drawer").init()}}customElements.define("card-product-slider",CardProductSlider)}
2//# sourceMappingURL=/cdn/shop/t/81/assets/card-product-slider.js.map?v=60935709382946437831788275911