https://bharatreshma.com/cdn/shop/t/16/assets/image-with-text-overlay.js?v=18317246572745387091783929655

1if(!customElements.get("image-with-text-overlay")){class ImageTextOverlay extends HTMLElement{constructor(){super(),this.tl=!1,this.splittext=!1}connectedCallback(){document.body.classList.contains("animations-true")&&typeof gsap<"u"&&this.prepareAnimations()}disconnectedCallback(){document.body.classList.contains("animations-true")&&typeof gsap<"u"&&(this.tl&&this.tl.kill(),this.splittext&&this.splittext.revert())}prepareAnimations(){let section=this,button_offset=0,property=gsap.getProperty("html","--header-height")+gsap.getProperty("html","--header-offset")+"px";section.tl=gsap.timeline({scrollTrigger:{trigger:section,start:"top center"}}),document.fonts.ready.then(function(){section.splittext=new SplitText(section.querySelectorAll(".image-with-text-overlay--heading, p:not(.subheading)"),{type:"lines, words",linesClass:"line-child"});let subheading=section.querySelector(".subheading");subheading&&(section.tl.fromTo(subheading,{opacity:0},{duration:.75,opacity:.6},0),button_offset+=.5);let heading=section.querySelector(".image-with-text-overlay--heading");if(heading){let headingLines=section.querySelectorAll(".image-with-text-overlay--heading .line-child div"),h3_duration=.8+(headingLines.length-1)*.08;section.tl.set(heading,{visibility:"visible"},0).from(headingLines,{duration:h3_duration,yPercent:"100",stagger:.08},0),button_offset+=h3_duration}let rteParagraphs=section.querySelectorAll(".rte p");if(rteParagraphs.length){let rteLines=section.querySelectorAll(".rte p .line-child div"),p_duration=.8+(rteLines.length-1)*.02;section.tl.set(rteParagraphs,{visibility:"visible"},0).from(rteLines,{duration:p_duration,yPercent:"100",stagger:.02},0),button_offset+=p_duration}let buttons=section.querySelectorAll(".button");buttons.length&&buttons.forEach((item,index)=>{section.tl.fromTo(item,{autoAlpha:0},{duration:.5,autoAlpha:1},button_offset*.4+index*.1)})});let parallaxImage=section.querySelector(".thb-parallax-image");parallaxImage&&gsap.fromTo(parallaxImage,{y:"-8%"},{y:"8%",ease:"none",scrollTrigger:{trigger:section,scrub:1,start:()=>"top bottom",end:()=>`bottom top+=${property}`,onUpdate:()=>{property=gsap.getProperty("html","--header-height")+gsap.getProperty("html","--header-offset")+"px"}}})}}customElements.define("image-with-text-overlay",ImageTextOverlay)}
2//# sourceMappingURL=/cdn/shop/t/16/assets/image-with-text-overlay.js.map?v=18317246572745387091783929655