https://smartflowapps.com/_nuxt/DUYCZf27.js

1import{o,c as r,b as t,e as d,I as O,t as v,g as w,J as B,m as s,k as C}from"./DbqLN8Wm.js";const T={ref:"elementRef",class:"ImageComponent"},I={key:0,class:"image-wrapper"},P={class:"img-w-align"},U=["sizes","srcset"],A=["src","sizes","srcset","alt"],F=["textContent"],N={key:1,class:"image-fallback"},D={__name:"BaseImage",props:{sizes:{type:Object,default:()=>({xs:400,lg:1920})},alt:{type:String,default:""},hideAlt:{type:String,default:"false"},mediaUrl:{type:String,default:""},mediaObject:{type:Object,default:()=>({})}},setup(b){const e=b,l={xs:400,sm:800,md:1280,lg:1920,xl:2600},f=s(()=>Object.keys(e.sizes||{}).length>0?e.sizes:l),g=s(()=>"100vw"),m=e.mediaObject?.url||e.mediaUrl,{alignment:_,backgroundFocusPoint:h,altText:j,imgSrc:k,credits:u}=y(),p=n=>Object.entries(f.value).map(([c,i])=>`${m}&width=${i}&height=${i}&format=webp ${i}w`).filter(Boolean).join(", ");function y(){const n=s(()=>{const a=e.mediaObject?.alignment?.match(/focus-(\d+)%-(\d+)%/);return a?`object-position: ${a[2]}% ${a[1]}%;`:""}),c=a=>a?a.replace(/^[\s_]+|[\s_]+$/g,"").replace(/[_\s]+/g," ").replace(/\d+/g,"").replace(/^[a-z]/,z=>z.toUpperCase()):"",i=s(()=>e.mediaObject?.alignment?`has-alignment ${e.mediaObject.alignment}`:""),S=s(()=>e.mediaObject?.altText),$=s(()=>e.mediaObject?.credits),x=s(()=>`${m}&width=${l.xs}&height=${l.xs}`);return{backgroundFocusPoint:n,humanizeString:c,alignment:i,altText:S,credits:$,imgSrc:x}}return(n,c)=>(o(),r("div",T,[t(m)?(o(),r("div",I,[d("picture",P,[d("source",{sizes:g.value,srcset:p(),type:"image/webp"},null,8,U),d("img",O({src:t(k),class:[t(_)],sizes:g.value,srcset:p(),style:t(h),alt:t(j)},n.$attrs),null,16,A)]),t(u)?(o(),r("div",{key:0,class:"image-credits",textContent:v(t(u))},null,8,F)):w("",!0)])):(o(),r("div",N,[B(n.$slots,"fallback",{},()=>[c[0]||(c[0]=C("Afbeelding niet gevonden",-1))])]))],512))}};export{D as default};