https://www.reevein.com/cdn/shop/t/28/assets/premium-lookbook-slider.js?v=13243506260570946251789712408

1(()=>{if(window.PremiumLookbookSlider){window.PremiumLookbookSlider.initAll();return}const instances=new WeakMap,init=root=>{if(!root||root.dataset.initialized==="true")return;const slides=[...root.querySelectorAll("[data-slide]")];if(root.dataset.initialized="true",slides.length<2){slides.forEach((slide,index)=>{slide.classList.toggle("is-active",index===0),slide.setAttribute("aria-hidden",index===0?"false":"true")});return}const prevButton=root.querySelector("[data-prev]"),nextButton=root.querySelector("[data-next]"),dots=[...root.querySelectorAll("[data-dot]")],current=root.querySelector("[data-current]"),pauseButton=root.querySelector("[data-pause]"),progress=root.querySelector("[data-progress]"),arrowsWrap=root.querySelector("[data-arrows]"),autoplayEnabled=root.dataset.autoplay==="true",pauseOnHover=root.dataset.pauseHover==="true",loop=root.dataset.loop==="true",interval=Math.max(2e3,Number(root.dataset.autoplaySpeed)||6e3),reduceMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches;let activeIndex=Math.max(0,slides.findIndex(slide=>slide.classList.contains("is-active"))),timer=null,pausedByUser=!1,pausedTemporarily=!1,touchStartX=null;const setFocusable=(slide,enabled)=>{slide.querySelectorAll("a, button, input, select, textarea, [tabindex]").forEach(el=>{if(enabled)if(el.dataset.plOriginalTabindex!==void 0){const original=el.dataset.plOriginalTabindex;original===""?el.removeAttribute("tabindex"):el.setAttribute("tabindex",original),delete el.dataset.plOriginalTabindex}else el.getAttribute("tabindex")==="-1"&&el.removeAttribute("tabindex");else el.dataset.plOriginalTabindex===void 0&&(el.dataset.plOriginalTabindex=el.getAttribute("tabindex")||""),el.setAttribute("tabindex","-1")})},stopAutoplay=()=>{timer&&window.clearInterval(timer),timer=null,progress&&(progress.style.transition="none")},resetProgress=()=>{progress&&(progress.style.transition="none",progress.style.transform="scaleX(0)",progress.offsetWidth,autoplayEnabled&&!pausedByUser&&!pausedTemporarily&&!reduceMotion&&(progress.style.transition=`transform ${interval}ms linear`,progress.style.transform="scaleX(1)"))},syncArrowPosition=()=>{if(!arrowsWrap||!prevButton||!nextButton)return;const media=slides[activeIndex]?.querySelector(".premium-lookbook__media"),slider=root.querySelector(".premium-lookbook__slider");if(!media||!slider)return;const mediaRect=media.getBoundingClientRect(),sliderRect=slider.getBoundingClientRect(),top=mediaRect.top-sliderRect.top+mediaRect.height/2,left=Math.max(10,mediaRect.left-sliderRect.left+12),right=Math.max(10,sliderRect.right-mediaRect.right+12);root.style.setProperty("--pl-arrow-top",`${top}px`),root.style.setProperty("--pl-arrow-left",`${left}px`),root.style.setProperty("--pl-arrow-right",`${right}px`)},updateControls=()=>{dots.forEach((dot,index)=>{const isActive=index===activeIndex;dot.classList.toggle("is-active",isActive),dot.setAttribute("aria-current",isActive?"true":"false")}),current&&(current.textContent=String(activeIndex+1).padStart(2,"0")),loop||(prevButton&&(prevButton.disabled=activeIndex===0),nextButton&&(nextButton.disabled=activeIndex===slides.length-1))},startAutoplay=()=>{stopAutoplay(),resetProgress(),!(!autoplayEnabled||pausedByUser||pausedTemporarily||reduceMotion)&&(timer=window.setInterval(()=>{if(!loop&&activeIndex===slides.length-1){stopAutoplay();return}showSlide(activeIndex+1,{restart:!1}),resetProgress()},interval))},showSlide=(index,{restart=!0}={})=>{loop?index=(index+slides.length)%slides.length:index=Math.max(0,Math.min(slides.length-1,index)),slides.forEach((slide,slideIndex)=>{const isActive=slideIndex===index;slide.classList.toggle("is-active",isActive),slide.setAttribute("aria-hidden",isActive?"false":"true"),setFocusable(slide,isActive)}),activeIndex=index,updateControls(),window.requestAnimationFrame(syncArrowPosition),restart&&startAutoplay()},setTemporaryPause=value=>{pausedTemporarily=value,startAutoplay()},onPrev=()=>{showSlide(activeIndex-1)},onNext=()=>{showSlide(activeIndex+1)},onPause=()=>{pausedByUser=!pausedByUser,pauseButton?.classList.toggle("is-paused",pausedByUser),pauseButton?.setAttribute("aria-label",pausedByUser?"Start automatisk slider":"Pause automatisk slider"),startAutoplay()},onKeydown=event=>{event.key==="ArrowLeft"&&showSlide(activeIndex-1),event.key==="ArrowRight"&&showSlide(activeIndex+1)},onTouchStart=event=>{touchStartX=event.changedTouches?.[0]?.clientX??null},onTouchEnd=event=>{if(touchStartX===null)return;const delta=(event.changedTouches?.[0]?.clientX??touchStartX)-touchStartX;touchStartX=null,!(Math.abs(delta)<45)&&(delta>0?showSlide(activeIndex-1):showSlide(activeIndex+1))},onMouseEnter=()=>{setTemporaryPause(!0)},onMouseLeave=()=>{setTemporaryPause(!1)},onFocusIn=()=>{setTemporaryPause(!0)},onFocusOut=event=>{root.contains(event.relatedTarget)||setTemporaryPause(!1)},onBlockSelect=event=>{const selected=root.querySelector(`[data-block-id="${event.detail.blockId}"]`);if(!selected)return;

1const index=slides.indexOf(selected);index<0||(pausedTemporarily=!0,showSlide(index,{restart:!1}),stopAutoplay())},onBlockDeselect=()=>{pausedTemporarily=!1,startAutoplay()},onResize=()=>{window.requestAnimationFrame(syncArrowPosition)},onImageLoad=()=>{window.requestAnimationFrame(syncArrowPosition)},onVisibility=()=>{document.hidden?stopAutoplay():startAutoplay()};prevButton?.addEventListener("click",onPrev),nextButton?.addEventListener("click",onNext),pauseButton?.addEventListener("click",onPause),dots.forEach(dot=>{dot.addEventListener("click",()=>{showSlide(Number(dot.dataset.dot))})}),root.addEventListener("keydown",onKeydown),root.addEventListener("touchstart",onTouchStart,{passive:!0}),root.addEventListener("touchend",onTouchEnd,{passive:!0}),pauseOnHover&&(root.addEventListener("mouseenter",onMouseEnter),root.addEventListener("mouseleave",onMouseLeave),root.addEventListener("focusin",onFocusIn),root.addEventListener("focusout",onFocusOut)),document.addEventListener("visibilitychange",onVisibility),window.addEventListener("resize",onResize,{passive:!0}),root.querySelectorAll(".premium-lookbook__image").forEach(image=>{image.addEventListener("load",onImageLoad)}),document.addEventListener("shopify:block:select",onBlockSelect),document.addEventListener("shopify:block:deselect",onBlockDeselect),slides.forEach((slide,index)=>{setFocusable(slide,index===activeIndex)}),updateControls(),window.requestAnimationFrame(syncArrowPosition),startAutoplay(),instances.set(root,{destroy(){stopAutoplay(),prevButton?.removeEventListener("click",onPrev),nextButton?.removeEventListener("click",onNext),pauseButton?.removeEventListener("click",onPause),root.removeEventListener("keydown",onKeydown),root.removeEventListener("touchstart",onTouchStart),root.removeEventListener("touchend",onTouchEnd),root.removeEventListener("mouseenter",onMouseEnter),root.removeEventListener("mouseleave",onMouseLeave),root.removeEventListener("focusin",onFocusIn),root.removeEventListener("focusout",onFocusOut),document.removeEventListener("visibilitychange",onVisibility),window.removeEventListener("resize",onResize),root.querySelectorAll(".premium-lookbook__image").forEach(image=>{image.removeEventListener("load",onImageLoad)}),document.removeEventListener("shopify:block:select",onBlockSelect),document.removeEventListener("shopify:block:deselect",onBlockDeselect),root.dataset.initialized="false"}})},initAll=(scope=document)=>{scope.matches?.("[data-premium-lookbook]")&&init(scope),scope.querySelectorAll?.("[data-premium-lookbook]").forEach(init)},destroy=root=>{instances.get(root)?.destroy(),instances.delete(root)};window.PremiumLookbookSlider={init,initAll,destroy},document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>initAll()):initAll(),document.addEventListener("shopify:section:load",event=>{initAll(event.target)}),document.addEventListener("shopify:section:unload",event=>{const root=event.target.matches?.("[data-premium-lookbook]")?event.target:event.target.querySelector?.("[data-premium-lookbook]");root&&destroy(root)})})();
2//# sourceMappingURL=/cdn/shop/t/28/assets/premium-lookbook-slider.js.map?v=13243506260570946251789712408