import{v as G,n as T,u as d,cb as V,T as z,a5 as A,r as e,Y as D,t as J,q as S,cc as Q,bO as Z,aJ as v,F as W,aq as B,H as X,E as b,z as M,aK as _}from"./core-0568cae8.js";import"./datadog-b1cfe729.js";const w=t=>{const a=t.current;if(!a)return;const n=a.getElementsByClassName("layered-card");for(let r=0;r<n.length;r+=1){const c=n[r],u=n[r+1];if(!c||!u)return;const s=c.getBoundingClientRect(),o=u.getBoundingClientRect(),C=Math.max(0,Math.min(s.right,o.right)-Math.max(s.left,o.left))*Math.max(0,Math.min(s.bottom,o.bottom)-Math.max(s.top,o.top)),p=s.width*s.height,h=C/p*100;s.bottom>o.top&&h>50?c.style.setProperty("--layered-card-overlay-opacity","0.2"):c.style.setProperty("--layered-card-overlay-opacity","0")}},ee=()=>{const t=d.useRef(null),a=Z(t);return d.useEffect(()=>(a?window.addEventListener("scroll",v(()=>w(t),150)):window.removeEventListener("scroll",v(()=>w(t),150)),()=>window.removeEventListener("scroll",v(()=>w(t),150))),[a]),{containerRef:t}},$="LayeredCard",l=new G($),I=({textGroup:t,cardTheme:a="neutral 100",mediaFrame:n,progress:r,range:c,targetScale:u})=>{const s=W(r,c,[1,u]),o=S(B.getThemeClassName(a),l.getComponentClassName());return e.jsx(X.div,{style:{scale:s},className:l.getElementClassName("motion-card-container"),children:e.jsxs("div",{className:o,children:[t&&e.jsx("div",{className:l.getElementClassName("header-container"),children:e.jsx(b,{className:l.getElementClassName("header"),textGroup:t})}),e.jsx("div",{className:l.getElementClassName("media-container"),children:e.jsx(M,{...n})})]})})};I.displayName=$;const te=({textGroup:t,mediaFrame:a,cardTheme:n="neutral 100"})=>{const r=S(B.getThemeClassName(n),l.getComponentClassName(),l.getElementClassName("reduced-motion"));return e.jsxs("div",{className:r,children:[t&&e.jsx("div",{className:l.getElementClassName("header-container"),children:e.jsx(b,{className:l.getElementClassName("header"),textGroup:t})}),e.jsx("div",{className:l.getElementClassName("media-container"),children:e.jsx(M,{...a})})]})},ae={columnStart:T.leftInner,columnEnd:T.rightInner},L="LayeredCardSection",g=new G(L),se=t=>{let a=t;return _(t)||(a={textGroup:t}),e.jsx(b,{className:g.getElementClassName("header"),...a})},ne=({headline:t,collection:a,actionGroup:n,disclosureType:r,theme:c="white",topSpacer:u="6vw",bottomSpacer:s="6vw",componentId:o})=>{const[C,p]=d.useState(!1),[h,F]=d.useState(!1),[N,y]=d.useState(!1),K=V(),E=d.useRef(null),x=d.useRef([]),{scrollYProgress:P}=z({target:E,offset:["start start","end end"]}),Y=A(P,{stiffness:90,damping:20}),k={topSpacing:u,bottomSpacing:s},q=m=>{const i=m.target,f=E.current,j=x.current[0];f!=null&&f.contains(i)&&p(!0),F(x.current.length>0&&j.contains(i))},H=m=>{m.relatedTarget||(p(!1),y(!1))},O=m=>{if(m.key==="Tab"&&C){y(!0);return}y(!1)};d.useEffect(()=>{N&&h&&x.current[0].scrollIntoView()},[N,h]);const{containerRef:U}=ee();return e.jsxs(D,{options:k,theme:c,className:g.getComponentClassName(),disclosure:r,id:o,children:[t&&se(t),e.jsx(J,{ref:U,options:ae,children:e.jsxs("div",{onFocus:q,onBlur:H,onKeyUp:O,children:[e.jsx("div",{className:g.getElementClassName("cards-container"),ref:E,style:{marginBottom:(a.length-1)*32},children:a.map((m,i)=>{if(K)return e.jsx(te,{...m},`layered-card-${i+1}`);const f=1-(a.length-(i+1))*.05,j=`${i*32}px`;return e.jsx("div",{ref:R=>{R&&x.current.push(R)},className:S({[g.getElementClassName("card-sticky-wrapper")]:!N,[g.getElementClassName("card-static-wrapper")]:N}),children:e.jsx("div",{className:g.getElementClassName("card-container"),style:{top:j},children:e.jsx(I,{...m,progress:Y,range:[i*.25,1],targetScale:f})})},`layered-card-${i+1}`)})}),n&&e.jsx(Q,{...n,className:g.getElementClassName("action-group")})]})})]})};ne.displayName=L;export{ne as default};