https://www.hausofyarn.com/cdn/shop/t/19/assets/slideshow.js?v=126977017077271715931747838877

1import"@archetype-themes/vendors/flickity";import"@archetype-themes/vendors/flickity-fade";import{debounce}from"@archetype-themes/utils/utils";import{HTMLThemeElement}from"@archetype-themes/custom-elements/theme-element";class Slideshow{constructor(el,args){this.el=el;const defaults={adaptiveHeight:!1,autoPlay:!1,avoidReflow:!1,childNav:null,childNavScroller:null,childVertical:!1,dragThreshold:7,fade:!1,friction:.8,initialIndex:0,pageDots:!1,pauseAutoPlayOnHover:!1,prevNextButtons:!1,rightToLeft:document.documentElement.dir==="rtl",selectedAttraction:.14,setGallerySize:!0,wrapAround:!0};if(this.args=Object.assign({},defaults,args),this.classes={animateOut:"animate-out",isPaused:"is-paused",isActive:"is-active"},this.selectors={allSlides:".slideshow__slide",currentSlide:".is-selected",wrapper:".slideshow-wrapper",pauseButton:".slideshow__pause"},this.productSelectors={thumb:".product__thumb-item:not(.hide)",links:".product__thumb-item:not(.hide) a",arrow:".product__thumb-arrow"},this.args.on={ready:this.init.bind(this),change:this.slideChange.bind(this),settle:this.afterChange.bind(this)},this.args.childNav&&(this.childNavEls=this.args.childNav.querySelectorAll(this.productSelectors.thumb),this.childNavLinks=this.args.childNav.querySelectorAll(this.productSelectors.links),this.arrows=this.args.childNav.querySelectorAll(this.productSelectors.arrow),this.childNavLinks.length&&this.initChildNav()),this.args.avoidReflow&&avoidReflow(el),this.slideshow=new Flickity(el,this.args),el.dataset.zoom&&el.dataset.zoom==="true"&&(this.slideshow.on("dragStart",()=>{this.slideshow.slider.style.pointerEvents="none",this.slideshow.options.fade&&(this.slideshow.slider.querySelector(".is-selected").style.pointerEvents="none")}),this.slideshow.on("dragEnd",()=>{this.slideshow.slider.style.pointerEvents="auto",this.slideshow.options.fade&&(this.slideshow.slider.querySelector(".is-selected").style.pointerEvents="auto")})),this.args.autoPlay){var wrapper=el.closest(this.selectors.wrapper);this.pauseBtn=wrapper.querySelector(this.selectors.pauseButton),this.pauseBtn&&this.pauseBtn.addEventListener("click",this._togglePause.bind(this))}window.addEventListener("resize",debounce(300,function(){this.resize()}.bind(this)));function avoidReflow(el2){if(el2.id){for(var firstChild=el2.firstChild;firstChild!=null&&firstChild.nodeType==3;)firstChild=firstChild.nextSibling;var style=document.createElement("style");style.innerHTML=`#${el2.id} .flickity-viewport{height:${firstChild.offsetHeight}px}`,document.head.appendChild(style)}}}init(){this.currentSlide=this.el.querySelector(this.selectors.currentSlide),this.args.callbacks&&this.args.callbacks.onInit&&typeof this.args.callbacks.onInit=="function"&&this.args.callbacks.onInit(this.currentSlide)}slideChange(index){this.currentSlide&&document.dispatchEvent(new CustomEvent("slideshow-component:slide-changed",{detail:{previousSlide:this.currentSlide.previousElementSibling,currentSlide:this.currentSlide,nextSlide:this.currentSlide.nextElementSibling}})),this.args.fade&&this.currentSlide&&(this.currentSlide.classList.add(this.classes.animateOut),this.currentSlide.addEventListener("transitionend",function(){this.currentSlide.classList.remove(this.classes.animateOut)}.bind(this))),this.args.childNav&&this.childNavGoTo(index),this.args.callbacks&&this.args.callbacks.onChange&&typeof this.args.callbacks.onChange=="function"&&this.args.callbacks.onChange(index),this.arrows&&this.arrows.length&&(this.arrows[0].classList.toggle("hide",index===0),this.arrows[1].classList.toggle("hide",index===this.childNavLinks.length-1))}afterChange(){this.args.fade&&this.el.querySelectorAll(this.selectors.allSlides).forEach(sli

1de=>{slide.classList.remove(this.classes.animateOut)}),this.currentSlide=this.el.querySelector(this.selectors.currentSlide),this.args.childNav&&this.childNavGoTo(this.slideshow.selectedIndex)}destroy(){this.args.childNav&&this.childNavLinks.length&&this.childNavLinks.forEach(a=>{a.classList.remove(this.classes.isActive)}),this.slideshow.destroy()}reposition(){this.slideshow.reposition()}_togglePause(){this.pauseBtn.classList.contains(this.classes.isPaused)?(this.pauseBtn.classList.remove(this.classes.isPaused),this.slideshow.playPlayer()):(this.pauseBtn.classList.add(this.classes.isPaused),this.slideshow.pausePlayer())}resize(){this.slideshow.resize()}play(){this.slideshow.playPlayer()}pause(){this.slideshow.pausePlayer()}goToSlide(i){this.slideshow.select(i)}setDraggable(enable){this.slideshow.options.draggable=enable,this.slideshow.updateDraggable()}initChildNav(){this.childNavLinks[this.args.initialIndex].classList.add("is-active"),this.childNavLinks.forEach((link,i)=>{link.setAttribute("data-index",i),link.addEventListener("click",function(evt){evt.preventDefault(),this.goToSlide(this.getChildIndex(evt.currentTarget))}.bind(this)),link.addEventListener("focus",function(evt){this.goToSlide(this.getChildIndex(evt.currentTarget))}.bind(this)),link.addEventListener("keydown",function(evt){evt.keyCode===13&&this.goToSlide(this.getChildIndex(evt.currentTarget))}.bind(this))}),this.arrows.length&&this.arrows.forEach(arrow=>{arrow.addEventListener("click",this.arrowClick.bind(this))})}getChildIndex(target){return parseInt(target.dataset.index)}childNavGoTo(index){this.childNavLinks.forEach(a=>{a.blur(),a.classList.remove(this.classes.isActive)});var el=this.childNavLinks[index];if(el.classList.add(this.classes.isActive),!!this.args.childNavScroller)if(this.args.childVertical){var elTop=el.offsetTop;this.args.childNavScroller.scrollTop=elTop-100}else{var elLeft=el.offsetLeft;this.args.childNavScroller.scrollLeft=elLeft-100}}arrowClick(evt){evt.currentTarget.classList.contains("product__thumb-arrow--prev")?this.slideshow.previous():this.slideshow.next()}}class SlideshowSection extends HTMLThemeElement{connectedCallback(){if(super.connectedCallback(),this.container=this.querySelector(`#SlideshowWrapper-${this.sectionId}`),this.slideshow=this.container.querySelector("#Slideshow-"+this.sectionId),this.initialIndex=0,!!this.slideshow){var sectionEl=this.container.parentElement,sectionIndex=[].indexOf.call(sectionEl.parentElement.children,sectionEl);this.init()}}init(){var slides=this.slideshow.querySelectorAll(".slideshow__slide");if(this.slideshow.classList.remove("loading","loading--delayed"),this.slideshow.classList.add("loaded"),slides.length>1){var sliderArgs={prevNextButtons:this.slideshow.hasAttribute("data-arrows"),pageDots:this.slideshow.hasAttribute("data-dots"),fade:!0,setGallerySize:!1,initialIndex:this.initialIndex,autoPlay:this.slideshow.dataset.autoplay==="true"?parseInt(this.slideshow.dataset.speed):!1};this.flickity=new Slideshow(this.slideshow,sliderArgs)}else slides[0].classList.add("is-selected")}forceReload(){this.onSectionUnload(),this.init()}onSectionUnload(){this.flickity&&typeof this.flickity.destroy=="function"&&this.flickity.destroy()}onSectionSelect(){this.forceReload()}onSectionReorder(){this.forceReload()}onSectionDeselect(){this.flickity&&typeof this.flickity.play=="function"&&this.flickity.play()}onBlockSelect({detail:{blockId}}){this.forceReload();var slide=this.slideshow.querySelector(".slideshow__slide--"+blockId),index=

1parseInt(slide.dataset.index);this.flickity&&typeof this.flickity.pause=="function"?(this.flickity.goToSlide(index),this.flickity.pause()):(this.initialIndex=index,setTimeout(function(){this.flickity&&typeof this.flickity.pause=="function"&&this.flickity.pause()}.bind(this),1e3))}onBlockDeselect(){this.flickity&&typeof this.flickity.play=="function"&&this.flickity.args.autoPlay&&this.flickity.play()}}customElements.define("slideshow-section",SlideshowSection);export{Slideshow};export{SlideshowSection};
2//# sourceMappingURL=/cdn/shop/t/19/assets/slideshow.js.map?v=126977017077271715931747838877