1import{_ as S}from"./smN3ABJD.js";import{_ as j}from"./CQfp6dAn.js";import{d as B,r as w,J as L,y as M,L as z,g as E,k as i,o as a,l as o,F as h,s as y,i as l,C as v,h as g,q as u,t as k,m as C,n as N,U as R,M as V}from"./DUR5FtJ5.js";import"./2TF963og.js";import"./CexjeXAn.js";import"./DlAUqK2U.js";import"./Bkk-zqau.js";const $=["id"],F={class:"pointer-events-none sticky top-1/4 flex items-center justify-center"},H={class:"container pointer-events-auto mx-auto flex h-fit max-h-none w-[calc(100%-1rem)] max-w-content flex-col gap-10 justify-self-center rounded-[0.938rem] bg-light-grey/80 px-[clamp(1.188rem,8vw,5rem)] py-[clamp(1.875rem,8vw,6.25rem)] backdrop-blur-md xl:flex-row xl:gap-10"},U={class:"w-full self-start pt-4"},W={class:"flex flex-col gap-10"},Y=["aria-labelledby","onClick"],q=["id"],D={class:"mt-[clamp(2.5rem,8vw,0rem)] flex w-full items-center justify-center"},J={class:"container pointer-events-auto mx-auto mb-[clamp(1.875rem,8vw,6.25rem)] flex h-fit max-h-none w-[calc(100%-1rem)] max-w-content flex-col gap-10 justify-self-center rounded-[0.938rem] bg-light-grey/80 py-[clamp(1.875rem,8vw,6.25rem)] pl-[clamp(1.188rem,8vw,5rem)] pr-[clamp(1.188rem,8vw,2.5rem)] text-center backdrop-blur-md xl:hidden xl:flex-row xl:gap-10"},A={class:"mb-2 text-[clamp(1rem,3vw,1.5rem)] font-bold leading-[clamp(1.4rem,3.5vw,1.8rem)] text-black"},te=B({__name:"ScrollableTextImageBlock",props:{data:{},id:{},componentClass:{}},setup(T){const t=T.data.ScrollableBlockItem,m=w(0),d=w(null),b=L(),_=()=>{if(!d.value)return;const n=window.scrollY-d.value.offsetTop,p=t.length*window.innerHeight*.6,r=n/p,c=Math.round(r*(t.length-1));m.value=Math.min(Math.max(0,c),t.length-1)};M(()=>{window.addEventListener("scroll",_)}),z(()=>{window.removeEventListener("scroll",_)});const f=E(()=>{const n=t==null?void 0:t[m.value];return n==null?void 0:n.image}),I=n=>{if(!d.value)return;const p=d.value.offsetTop,r=t.length*window.innerHeight*.6,c=n/(t.length-1),e=p+c*r;window.scrollTo({top:e,behavior:"smooth"})};return(n,p)=>{const r=S,c=j;return a(),i(h,null,[o("div",{id:n.id,ref_key:"scrollWrapper",ref:d,class:v(["relative mb-[clamp(1.875rem,8vw,6.25rem)] hidden xl:block",n.componentClass])},[o("div",F,[o("div",H,[o("div",U,[o("div",W,[(a(!0),i(h,null,y(l(t),(e,s)=>(a(),i("div",{key:s,class:v(["cursor-pointer transition-all",{"font-semibold text-black":l(m)===s,"text-dark-grey":l(m)!==s}]),tabindex:0,"aria-labelledby":l(b),onClick:x=>I(s)},[o("div",{class:v(["relative pl-[1.875rem]",{"before:absolute before:bottom-0 before:left-0 before:top-0 before:w-1 before:bg-brand-blue before:content-['']":l(m)===s}])},[o("h3",{id:l(b),class:"mb-[0.625rem] text-2xl font-bold leading-[120%]"},k(e.headline),9,q),e.text?(a(),g(r,{key:0,content:e.text,"component-styles":"text-xl leading-[160%]"},null,8,["content"])):u("",!0)],2)],10,Y))),128))])]),o("div",D,[C(R,{"enter-active-class":"transition-opacity duration-400","enter-from-class":"opacity-0","leave-to-class":"opacity-0",mode:"out-in"},{default:N(()=>{var e;return[(e=l(f))!=null&&e.url?(a(),i("div",{key:l(f).url,class:"h-full w-full"},[C(c,{image:l(f),sizes:"xs:100vw xl:600px",class:"h-full max-h-[34.375rem] w-full object-contain transition-opacity duration-500"},null,8,["image"])])):u("",!0)]}),_:1})])])]),o("div",{style:V({height:`${l(t).length*60}vh`})},null,4)],10,$),o("div",J,[(a(!0),i(h,null,y(l(t),(e,s)=>{var x;return a(),i("div",{key:s,class:"mb-10 justify-items-center"},[o("h3",A,k(e.headline),1),e.text?(a(),g(r,{key:0,content:e.text,"component-styles":"text-[clamp(0.875rem,3vw,1.125rem)] leading-[1.575rem] text-black"},null,8,["content"])):u("",!0),(x=e.image)!=null&&x.url?(a(),g(c,{key:1,image:e.image,class:"mt-4 rounded-xl shadow-md"},null,8,["image"])):u("",!0)])}),128))])],64)}}});export{te as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.