1import KeenSlider from"https://cdn.skypack.dev/pin/[email protected]/mode=imports,min/optimized/keen-slider.js";class FeaturedProducts extends window.BAO.CustomElement(){connectedCallback(){if(super.connectedCallback(),window.innerWidth>=900){const barWidth=400/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`),this.els.slide.elements.length<5?(this.els.progress.element.setAttribute("disabled",!0),this.els.slides.element.classList.remove("car-Carousel_Slides"),this.els.arrows.element.setAttribute("disabled",!0)):this.carousel=this.initialiseCarousel()}else if(window.innerWidth>=767){const barWidth=300/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`),this.els.slide.elements.length<4?(this.els.progress.element.setAttribute("disabled",!0),this.els.slides.element.classList.remove("car-Carousel_Slides"),this.els.arrows.element.setAttribute("disabled",!0)):this.carousel=this.initialiseCarousel()}else{const barWidth=200/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`),this.els.slide.elements.length<3?(this.els.progress.element.setAttribute("disabled",!0),this.els.slides.element.classList.remove("car-Carousel_Slides"),this.els.arrows.element.setAttribute("disabled",!0)):this.carousel=this.initialiseCarousel()}}setupListeners(){super.setupListeners(),this.listeners.add(window,"resize",this.progressSwitch.bind(this)),this.triggerMouseUpEvent=this.triggerMouseUpEvent.bind(this),this.listeners.add(this,"contextmenu",this.triggerMouseUpEvent),this.listeners.add(this,"mousedown",event=>{event.target.closest("select")&&this.triggerMouseUpEvent(event)})}triggerMouseUpEvent(event){const mouseUpEvent=new MouseEvent("mouseup",{bubbles:!0});event.target.dispatchEvent(mouseUpEvent)}progressSwitch(){if(window.innerWidth<767){const barWidth=200/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`)}else if(window.innerWidth>=767){const barWidth=300/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`)}else if(window.innerWidth>=900){const barWidth=400/this.els.slide.elements.length;this.els.progress.element.style.setProperty("--bar-width",`${barWidth}%`)}}initialiseCarousel(){return new KeenSlider(this.els.slides.element,{duration:1e3,loop:!1,mode:"snap",slidesPerView:2,slides:".car-Carousel_Slide",spacing:10,breakpoints:{"(min-width: 767px)":{spacing:10,slidesPerView:3},"(min-width: 900px)":{spacing:20,slidesPerView:4}},move:instance=>{if(this.els.progress.element){const progressTrack=instance.details().progressTrack,movementPercentage=(progressTrack>=.9?0:progressTrack)*100;this.els.progress.element.style.setProperty("--progress",`${movementPercentage}%`)}},slideChanged:instance=>{if(this.els.next.element){const currentSlide=instance.details().absoluteSlide,slidesPerView=instance.details().slidesPerView,carouselSize=instance.details().size;currentSlide===0?this.els.previous.element.setAttribute("disabled",null):this.els.previous.element.removeAttribute("disabled"),currentSlide+slidesPerView>=carouselSize?this.els.next.element.setAttribute("disabled",null):this.els.next.element.removeAttribute("disabled")}},created:instance=>{this.setAttribute("data-initialised",!0),this.nextEl&&this.nextEl.addEventListener("click",()=>{instance.next()}),this.previousEl&&this.previousEl.addEventListener("click",()=>{instance.prev()})}})}get nextEl(){return this.els.next&&this.els.next.element?this.els.next.element:null}get previousEl(){return this.els.previous&&this.els.previous.element?this.els.previous.element:null}}customElements.get("featured-products")||customElements.define("featured-products",FeaturedProducts); 2//# sourceMappingURL=/cdn/shop/t/291/assets/featured-products.js.map?v=11764603479353524631761906980
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.