https://twentysevenagency.com/_nuxt/ClsHBpUb.js

1import{b as C,e as c,f as k,g as l,H as L,q as g,K as v,r as N,x as b,i as p,z as y,A as _,t as x,w}from"./C-0twbaJ.js";import{_ as j}from"./Gm8ybFMA.js";import B from"./CkSILmER.js";import{_ as I}from"./DC04zIip.js";import"./CL3n4mDn.js";import"./C7lFeMhU.js";import"./NWqZv53T.js";import"./BRlkywfi.js";const R=["aria-label"],E=["src","alt"],h=-75,F={__name:"AnimatedSprite",props:{src:{type:String,required:!0},frames:{type:Number,default:4},ratioW:{type:Number,default:1},ratioH:{type:Number,default:1},duration:{type:Number,default:500},alt:{type:String,default:""},wrapperClass:{type:[String,Array,Object],default:""}},setup(s,{expose:n}){const a=s,i=b(()=>`aspect-[${a.ratioW}/${a.ratioH}]`),m=a.frames,f=m-1,d=b(()=>({"--sprite-duration":`${a.duration}ms`,"--steps":f,height:"101%",width:`calc(${m} * 100%)`,transform:"translateX(0%)",willChange:"transform"})),r=N(null);let t="idle";function u(){const e=r.value;e&&(e.classList.remove("is-forward","is-reverse"),e.offsetWidth)}function S(){const e=r.value;e&&(u(),e.style.transform="translateX(0%)",e.classList.add("is-forward"),t="forward")}function A(){const e=r.value;e&&(t!=="at-end"&&(u(),e.style.transform=`translateX(${h}%)`,t="at-end"),u(),e.classList.add("is-reverse"),t="reverse")}function $(e){const o=r.value;o&&(t==="forward"?(o.classList.remove("is-forward"),o.style.transform=`translateX(${h}%)`,t="at-end"):t==="reverse"&&(o.classList.remove("is-reverse"),o.style.transform="translateX(0%)",t="idle"))}return n({playForward:S,playReverse:A}),(e,o)=>(c(),k("div",{class:v(["inline-block",s.wrapperClass])},[l("div",{class:v(["not-prose relative w-full overflow-hidden",g(i)]),role:"img","aria-label":s.alt},[l("img",{ref_key:"imgRef",ref:r,src:s.src,alt:s.alt,draggable:"false",class:"sprite-img block max-w-none select-none",style:L(g(d)),onAnimationend:$},null,44,E)],10,R)],2))}},H=C(F,[["__scopeId","data-v-230d7f4b"]]),X={class:"ratioaspect-1/1 relative flex items-center justify-center"},z={class:"flex flex-col px-6 py-8"},W={class:"mb-4"},M={class:"h5 mb-2 text-center font-bold"},O={class:"h5 text-center"},P={class:"flex flex-row justify-center"},U={__name:"TeamCard",props:{index:{type:Number,default:null},image:{type:Object,default:()=>({})},name:{type:String,default:""},surname:{type:String,default:""},function:{type:String,default:""},emailAddress:{type:String,default:""},socialLinkedIn:{type:Object,default:null}},setup(s){const n=s;return(a,i)=>{const m=H,f=j,d=B,r=I;return c(),k("div",{"data-component":"team-card",class:"bg-lila mb-6 flex flex-col justify-between overflow-hidden rounded-md md:mb-0",onMouseenter:i[0]||(i[0]=(...t)=>a.$refs.pixelAnim.playForward&&a.$refs.pixelAnim.playForward(...t)),onMouseleave:i[1]||(i[1]=(...t)=>a.$refs.pixelAnim.playReverse&&a.$refs.pixelAnim.playReverse(...t))},[l("div",X,[p(m,{src:"/assets/anim/pixel-animation-sprite.png",frames:4,ratioW:1,ratioH:1,duration:450,alt:"Pixelated teammember reveal animation",wrapperClass:"absolute inset-0",ref:"pixelAnim"},null,512),n.image?.filename?(c(),y(f,{key:0,image:n.image,class:"w-full",sizes:"3xl:740px 2xl:740px xl:624px lg:624px md:468px 100vw"},null,8,["image"])):_("",!0)]),l("div",z,[l("div",W,[l("p",M,x(s.name)+" "+x(s.surname),1),l("p",O,x(s.function),1)]),l("div",P,[n.emailAddress?(c(),y(r,{key:0,link:{linktype:"email",cached_url:n.emailAddress},class:"bg-lila-light mr-4 flex h-12 w-12 items-center justify-center rounded-sm"},{default:w(()=>[p(d,{name:"ph:envelope",class:"h-6 w-6 text-black"})]),_:1},8,["link"])):_("",!0),n.socialLinkedIn?.url?(c(),y(r,{key:1,link:n.socialLinkedIn,class:"bg-lila-light flex h-12 w-12 items-center justify-center rounded-sm"},{default:w(()=>[p(d,{name:"ph:linkedin-logo",class:"h-6 w-6 text-black"})]),_:1},8,["link"])):_("",!0)])])],32)}}};export{U as default};