https://escapure.de/cdn/shop/t/15/assets/images-with-text-scroll.js?v=53188284904124874711771928167

1import{timeline as timeline11,animate as animate20,inView as inView15,scroll as scroll2,ScrollOffset}from"vendor";import{__privateAdd,__privateGet,__privateMethod,__privateSet,matchesMediaQuery,mediaQueryListener}from"theme";import{EffectCarousel}from"./effect-carousel.js";var _itemElements,_imageElements,_textElements,_visibleImageElement,_setupScrollObservers,setupScrollObservers_fn,_onBreakpointChanged,onBreakpointChanged_fn,ImagesWithTextScroll=class extends EffectCarousel{constructor(){super(...arguments),__privateAdd(this,_setupScrollObservers),__privateAdd(this,_onBreakpointChanged),__privateAdd(this,_itemElements,void 0),__privateAdd(this,_imageElements,void 0),__privateAdd(this,_textElements,void 0),__privateAdd(this,_visibleImageElement,void 0)}connectedCallback(){super.connectedCallback(),__privateSet(this,_itemElements,Array.from(this.querySelectorAll(".images-with-text-scroll__item"))),__privateSet(this,_imageElements,Array.from(this.querySelectorAll(".images-with-text-scroll__image"))),__privateSet(this,_textElements,Array.from(this.querySelectorAll(".images-with-text-scroll__text"))),__privateSet(this,_visibleImageElement,__privateGet(this,_imageElements)[0]),inView15(this,()=>{}),matchesMediaQuery("md")&&__privateMethod(this,_setupScrollObservers,setupScrollObservers_fn).call(this),mediaQueryListener("md",__privateMethod(this,_onBreakpointChanged,onBreakpointChanged_fn).bind(this))}get cellSelector(){return".images-with-text-scroll__item"}get allowSwipe(){return matchesMediaQuery("md-max")}createOnChangeAnimationControls(fromSlide,toSlide,{direction}={}){let imageAnimationSequence=[],toSlideImage=toSlide.querySelector(".images-with-text-scroll__image");return toSlideImage&&toSlideImage!==__privateGet(this,_visibleImageElement)&&(imageAnimationSequence.push([__privateGet(this,_visibleImageElement),{opacity:[1,0]},{duration:.8,delay:.4}],[toSlideImage,{opacity:[0,1]},{duration:.8,at:"<",delay:.4}]),__privateSet(this,_visibleImageElement,toSlideImage)),timeline11([...imageAnimationSequence,[fromSlide.querySelector(".images-with-text-scroll__text"),{opacity:[1,0],transform:["translateY(0)","translateY(-15px)"]},{duration:.4,at:"<",easing:[.55,.055,.675,.19]}],[toSlide.querySelector(".images-with-text-scroll__text"),{opacity:[0,1],transform:["translateY(15px)","translateY(0)"]},{duration:.4,at:"+0.4",easing:[.25,.46,.45,.94]}]])}};_itemElements=new WeakMap,_imageElements=new WeakMap,_textElements=new WeakMap,_visibleImageElement=new WeakMap,_setupScrollObservers=new WeakSet,setupScrollObservers_fn=function(){__privateGet(this,_textElements).forEach(textElement=>{scroll2(animate20(textElement,{opacity:[0,.25,1,.25,0]}),{target:textElement,offset:ScrollOffset.Any})}),scroll2(info=>{const index=Math.min(Math.floor(info.y.progress/(1/__privateGet(this,_itemElements).length)),__privateGet(this,_itemElements).length-1),toImage=__privateGet(this,_itemElements)[index].querySelector(".images-with-text-scroll__image");toImage&&toImage!==__privateGet(this,_visibleImageElement)&&(timeline11([[__privateGet(this,_visibleImageElement),{opacity:[1,0]},{duration:.25}],[toImage,{opacity:[0,1]},{duration:.25,at:"<"}]]),__privateSet(this,_visibleImageElement,toImage))},{target:this,offset:["start center","end center"]})},_onBreakpointChanged=new WeakSet,onBreakpointChanged_fn=function(event){event.matches?(__privateGet(this,_imageElements).forEach(image=>image.style=null),__privateGet(this,_textElements).forEach(text=>text.style=null),__privateMethod(this,_setupScrollObservers,setupScrollObservers_fn).call(this)):this.getAnimations({subtree:!0}).forEach(animation=>animation.cancel())},window.customElements.get("images-with-text-scroll")||window.customElements.define("images-with-text-scroll",ImagesWithTextScroll);export{ImagesWithTextScroll};
2//# sourceMappingURL=/cdn/shop/t/15/assets/images-with-text-scroll.js.map?v=53188284904124874711771928167