https://www.mycase.com/_astro/HeroMedia.astro_astro_type_script_index_0_lang.BVsjVpQC.js

1import{g as t,S as f}from"./vendor-gsap.C0eCJjti.js";import{g as T}from"./image-animation.BR7WNNJ3.js";import"./vendor-vue.C0jhY4wg.js";t.registerPlugin(f);class u extends HTMLElement{connectedCallback(){const r=this.querySelector('[data-id="hero-images-fade-wrapper"]');if(!r)return;let i=t.matchMedia();const a="top 90%",n="top 10%";i.add("(min-width: 768px)",()=>{const e=r.querySelector(".image-fade-one"),o=r.querySelector(".image-fade-two"),g=r.dataset.orientation,c=r.dataset.presentation,{oneFrom:m,oneTo:d,twoFrom:l,twoTo:p}=T(c,g,!o),s={start:a,end:n,scrub:!0};e&&t.fromTo(e,m,{scrollTrigger:{...s,trigger:e},...d}),o&&t.fromTo(o,l,{scrollTrigger:{...s,trigger:o},...p})}),i.add("(max-width: 767px)",()=>{const e=r.querySelector(".image-fade-one");e&&t.fromTo(e,{opacity:0,y:"2.5rem"},{scrollTrigger:{trigger:e,start:a,end:n,scrub:!0},y:0,opacity:1})})}}customElements.define("hero-media",u);