https://www.waterdrop.com/cdn/shop/t/30/assets/image-with-text-overlay-CLaBtuGC.js

1var d=(i,o,e)=>new Promise((n,t)=>{var s=a=>{try{c(e.next(a))}catch(l){t(l)}},r=a=>{try{c(e.throw(a))}catch(l){t(l)}},c=a=>a.done?n(a.value):Promise.resolve(a.value).then(s,r);c((e=e.apply(i,o)).next())});import p from"./custom-html-element-Cddc4xm8.js";import{C as m,P as h,a as f,S as g}from"./animation-Lj_RU2CY.js";import{a as y}from"./critical-fHRcG82-.js";import{r as w}from"./dom-BWtg1rrq.js";import{i as _}from"./image-DkAYJs43.js";import{M as u}from"./media-features-Dpev1hGC.js";import"./logger-pamvzmAu.js";import"./exports-NHIMKJG4.js";import"./event-zU-Y6ZHH.js";import"./customer-portal-R96TstYq.js";import"./redirection-modal-CNuhsO_W.js";const b=class extends p{connectedCallback(){this.hasAttribute("parallax")&&!u.prefersReducedMotion()&&(this._hasPendingRaF=!1,this._onScrollListener=this._onScroll.bind(this),window.addEventListener("scroll",this._onScrollListener)),this.hasAttribute("reveal-on-scroll")&&this._setupVisibility()}disconnectedCallback(){super.disconnectedCallback(),this._onScrollListener&&window.removeEventListener("scroll",this._onScrollListener)}_setupVisibility(){return d(this,null,function*(){const i=this.querySelector(".image-overlay__image"),o=yield w(this.querySelectorAll("split-lines")),e=u.prefersReducedMotion();yield this.untilVisible(),yield _(i);const n=[new m(i,{opacity:[0,1],transform:[`scale(${e?1:1.1})`,"scale(1)"]},{duration:500,easing:"cubic-bezier(0.65, 0, 0.35, 1)"}),new h(o.map((s,r)=>new m(s,{opacity:[0,.2,1],transform:[`translateY(${e?0:"100%"})`,"translateY(0)"],clipPath:[`inset(${e?"0 0 0 0":"0 0 100% 0"})`,"inset(0 0 0 0)"]},{duration:300,delay:e?0:120*r,easing:"cubic-bezier(0.5, 0.06, 0.01, 0.99)"}))),new m(this.querySelector(".image-overlay__text-container"),{opacity:[0,1]},{duration:300})],t=e?new f(new h(n)):new f(new g(n));this._hasSectionReloaded?t.finish():t.play()})}_onScroll(){this._hasPendingRaF||(this._hasPendingRaF=!0,requestAnimationFrame(()=>{const i=this.getBoundingClientRect(),o=3,e=this.querySelector(".image-overlay__content-wrapper"),n=this.querySelector(".image-overlay__image"),t=i.bottom,s=i.height,r=y();e&&(e.style.opacity=Math.max(1-o*(1-Math.min(t/s,1)),0).toString()),n&&(n.style.transform=`translateY(${100-Math.max(1-(1-Math.min(t/(s+r),1)),0)*100}px)`),this._hasPendingRaF=!1}))}};window.customElements.get("image-with-text-overlay")||window.customElements.define("image-with-text-overlay",b);