https://petsfit.com/cdn/shop/t/47/assets/section-split-screen-slider.js?v=97651931213442061851732088654

1if(typeof SplitScreenSlider!="function"){class SplitScreenSlider2 extends HTMLElement{constructor(){super(),this.mount(),this.RESIZE_SliderHelper=debounce(()=>{this.unmount(),this.mount()},300),window.addEventListener("resize",this.RESIZE_SliderHelper,{passive:!0})}mount(){this._currentScroll=window.scrollY,this._headerHeight=document.getElementById("site-header").offsetHeight,this._fullWidth=!!this.classList.contains("layout-full"),this._scrollEnabled=!0,this._screenHeight=Math.min(window.innerHeight,window.screen.availHeight),this.slides=this.querySelectorAll(".slider-item"),this.slidesMedia=this.querySelectorAll(".slider-item-media > div"),this.slidesBlackArray=this.querySelectorAll(".slider-item-media-overlay"),this.headings=this.querySelectorAll(".box__heading"),this.slides.forEach((elm,key)=>{key==0||window.scrollY>=this._getOffsetTop(elm)?this.slidesMedia[key].style.height="100%":this.slidesMedia[key].style.height="0"});const cssSlider=this.querySelector("css-slider");cssSlider.addEventListener("ready",()=>{const cssSliderSlides=this.querySelectorAll(".slider-item"),cssSlidesMediaElements=this.querySelectorAll(".slider-item-media-element");cssSlider.addEventListener("scroll",()=>{const scrollX=-cssSlider.element.scrollLeft;cssSliderSlides.forEach((slide,i)=>{const media=cssSlidesMediaElements[i];media&&(media.style.transform=`translateX(${(slide.offsetLeft+scrollX)*-1/3}px)`)})})});let previous=-1,currentOld=-1;this.SCROLL_SliderHelper=()=>{const scrollTop=window.scrollY>=0?window.scrollY:0,sliderTop=this._getOffsetTop(this);if(this._scrollEnabled){let current=0;if(scrollTop+this._headerHeight-this._headerHeight<this._getOffsetTop(this)&&!this.classList.contains("back-to-normal")&&this.classList.add("back-to-normal"),this.slides.forEach((elm,key)=>{this._checkVisible(elm)&&(current=key)}),current!=currentOld&&(this._currentScroll<scrollTop&&currentOld>0?this._scrollMedia(current,this.slides[currentOld],this.slides[previous],this.slidesMedia[currentOld],this.slidesBlackArray[previous],this._screenHeight):this._currentScroll>window.scrollY&&currentOld>0&&this._scrollMedia(current,this.slides[currentOld],this.slides[previous],this.slidesMedia[currentOld],this.slidesBlackArray[previous],0),currentOld=current,previous=current-1),current==0&&scrollTop+this._screenHeight>=sliderTop+this.offsetHeight&&!this.classList.contains("back-to-normal"))this.classList.add("back-to-normal");else if(current>0){const scrollValue=scrollTop-sliderTop-this._screenHeight*(current-1);this.classList.contains("back-to-normal")||this._scrollMedia(current,this.slides[current],this.slides[previous],this.slidesMedia[current],this.slidesBlackArray[previous],scrollValue),scrollTop+this._screenHeight>=sliderTop+this.offsetHeight&&!this.classList.contains("back-to-normal")?this.classList.add("back-to-normal"):scrollTop+this._screenHeight<sliderTop+this.offsetHeight&&this.classList.contains("back-to-normal")&&this.classList.remove("back-to-normal")}}this._currentScroll=scrollTop},window.addEventListener("scroll",this.SCROLL_SliderHelper,{passive:!0}),this.SCROLL_SliderHelper()}unmount(){window.removeEventListener("scroll",this.SCROLL_SliderHelper)}_scrollMedia(index,currentSlide,previousSlide,currentSlideMedia,previousSlideOverlay,scrollValue){this._fullWidth?currentSlideMedia.style.clipPath=`polygon(0 ${window.innerHeight-scrollValue+1}px, 100% ${window.innerHeight-scrollValue+1}px, 100% 100%, 0% 100%)`:currentSlideMedia.style.height=`${scrollValue}px`,previousSlideOverlay&&(previousSlideOverlay.style.opacity=`${Math.ceil(scrollValue*30/this._screenHeight)/100}`)}_checkVisible(elm){const rect=elm.getBoundingClientRect(),viewHeight=Math.max(document.documentElement.clientHeight,window.innerHeight);return!(rect.bottom<0||rect.top-viewHeight>=0)}_getOffsetTop(elm){if(!elm.getClientRects().length)return 0;const rect=elm.getBoundingClientRect(),win=elm.ownerDocument.defaultView;return rect.top+win.pageYOffset}}typeof customElements.get("split-screen-slider")>"u"&&customElements.define("split-screen-slider",SplitScreenSlider2)}
2//# sourceMappingURL=/cdn/shop/t/47/assets/section-split-screen-slider.js.map?v=97651931213442061851732088654