1(()=>{let stepsColumnsSwiper;const initColumnsSlider=slider=>{slider.classList.add("swiper");const wrapper=slider.querySelector(".steps__wrapper");if(!wrapper)return;wrapper.classList.add("swiper-wrapper");const slides=slider.querySelectorAll(".steps__step");!slides||!slides.length||(slides.forEach(slide=>{slide.classList.add("swiper-slide")}),stepsColumnsSwiper=new Swiper(slider,{loop:!1,slidesPerView:1.1,spaceBetween:16,speed:1e3,mousewheel:{forceToAxis:!0}}))},destroyColumnsSlider=section=>{if(!section||!section?.classList.contains("steps-section"))return;const slider=section.querySelector(".steps-slider"),slides=section.querySelectorAll(".steps__step"),wrapper=section.querySelector(".steps__wrapper");!slider||!slides||!slides.length||!wrapper||(slider.classList.remove("swiper"),slides.forEach(slide=>{slide.classList.remove("swiper-slide")}),wrapper.classList.remove("swiper-wrapper"),stepsColumnsSwiper.destroy(!0,!0),stepsColumnsSwiper=null)},progressBar=(steps,heightSection,stepsItems,progress)=>{let scrollTop=window.scrollY+window.innerHeight/2,topSteps=window.scrollY+steps.getBoundingClientRect().top,heightProgress;scrollTop<topSteps?heightProgress=0:scrollTop>heightSection+topSteps?heightProgress=100:heightProgress=(scrollTop-topSteps)/heightSection*100,progress.style.height=heightProgress+"%";for(let step of stepsItems){let number=step.querySelector(".step__number");window.scrollY+number.getBoundingClientRect().top<scrollTop?number.classList.add("active"):number.classList.remove("active")}},collapsibleSteps=()=>{$(".step__toggle").unbind("click").on("click",function(){const parent=$(this).parent(),i=parent.index();parent.hasClass("active")||(parent.siblings(".step.active").removeClass("active"),$(this).closest(".steps__wrapper").find(".step__image:not(.step__image-mobile).active").removeClass("active"),parent.addClass("active"),$(this).closest(".steps__wrapper").find(".step__image:not(.step__image-mobile)")[i]&&$(this).closest(".steps__wrapper").find(".step__image:not(.step__image-mobile)")[i].classList.add("active"),$(this).closest(".steps__wrapper").find(".step__toggle-content").stop().slideUp(300),$(this).next().stop().slideDown(300))})},initSlider=sectionSteps=>{const stepsThumbs=sectionSteps.querySelector(".steps__thumbs"),stepsSlider=sectionSteps.querySelector(".steps__swiper"),navigation=sectionSteps.querySelector(".steps__navigation"),pagination=sectionSteps.querySelector(".steps__pagination");let stepsThumbsSwiper;if(stepsThumbs){let swiperParamsThumbs={slidesPerView:1,slidesPerGroup:1,spaceBetween:24,mousewheel:{forceToAxis:!0},watchSlidesVisibility:!0,watchSlidesProgress:!0,breakpoints:{576:{slidesPerView:2,spaceBetween:32},750:{slidesPerView:2,spaceBetween:64},990:{slidesPerView:3,spaceBetween:129}},on:{click:function(swiper,event){event.target.classList.contains("swiper-wrapper")||swiper.clickedIndex!=0&&swiper.clickedIndex!=swiper.slides.length-1&&(swiper.clickedIndex==swiper.visibleSlidesIndexes[swiper.visibleSlidesIndexes.length-1]&&swiper.slideNext(),swiper.clickedIndex==swiper.visibleSlidesIndexes[0]&&swiper.slidePrev())}}};stepsThumbsSwiper=new Swiper(stepsThumbs,swiperParamsThumbs)}let stepsSwiper;if(stepsSlider){let swiperParams={slidesPerView:1,mousewheel:{forceToAxis:!0},navigation:{nextEl:navigation.querySelector(".swiper-button-next"),prevEl:navigation.querySelector(".swiper-button-prev")},pagination:{el:pagination,type:"bullets",clickable:!0},thumbs:{swiper:stepsThumbsSwiper}};stepsSwiper=new Swiper(stepsSlider,swiperParams)}},initSection=section=>{let sectionContainer,sectionSteps,columnsSlider;document.currentScript?(sectionContainer=document.currentScript.parentElement,sectionSteps=document.currentScript.parentElement.querySelector(".steps"),columnsSlider=document.currentScript.parentElement.querySelector(".steps-slider")):(sectionContainer=section,sectionSteps=section.querySelector(".steps"),columnsSlider=section.querySelector(".steps-slider")),sectionSteps&&(initSlider(sectionSteps),new ResizeObserver(entries=>{const[entry]=entries,progress=sectionSteps.querySelector(".steps__progress"),steps=sectionSteps.querySelector(".steps__content--scroll");let stepsItems,heightSection;steps&&(stepsItems=sectionSteps.querySelectorAll(".steps__content--scroll .step"),heightSection=steps.clientHeight),progress&&(progressBar(steps,heightSection,stepsItems,progress),window.addEventListener("scroll",()=>{progressBar(steps,heightSection,stepsItems,progress)}));const slider=sectionSteps.querySelector(".steps__swiper"),thumbs=sectionSteps.querySelector(".steps__thumbs");
1slider&&slider.swiper&&(entry.contentRect.width<576?(slider.swiper.thumbs={swiper:""},thumbs&&thumbs.swiper&&(thumbs.swiper.controller.control=slider.swiper,slider.swiper.controller.control=thumbs.swiper,thumbs.swiper.update()),slider.swiper.update()):(slider.swiper.thumbs={swiper:thumbs.swiper},thumbs&&thumbs.swiper&&(thumbs.swiper.controller.control=thumbs.swiper,slider.swiper.controller.control=slider.swiper,thumbs.swiper.update()),slider.swiper.update()))}).observe(sectionSteps),collapsibleSteps()),columnsSlider&&new ResizeObserver(entries=>{entries.forEach(entry=>{entry.contentRect.width<576&&columnsSlider?initColumnsSlider(columnsSlider):stepsColumnsSwiper&&destroyColumnsSlider(sectionContainer)})}).observe(sectionContainer)};initSection(),stepsColumnsSwiper&&destroyColumnsSlider(document.currentScript.parentElement),document.addEventListener("shopify:section:load",function(section){stepsColumnsSwiper&&destroyColumnsSlider(section.target),initSection(section.target)})})(); 2//# sourceMappingURL=/cdn/shop/t/7/assets/steps.js.map?v=180228003489450583661744287871
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.