https://www.aikhockey.se/assets/ImageRenderer-DZoOiCio.js

1import{a1 as M,h as A,aB as B,r as s,am as m,w as I,cc as _,da as u,bY as b,j as p,z as y,B as z,C as L,D as x,E as g,F as C,N as j,aa as N}from"./index-CGXv63ki.js";const P={name:"ImageRenderer",components:{SdpIcon:M},props:{mediaString:{type:String,validator:e=>_.isValid(e)||u(e),required:!0}},setup(e){const t=s(!1),d=s(null),a=A(B(d)),i=s(0),n=s(new m),l=p(()=>new _(e.mediaString??"")),c=p(()=>u(e.mediaString??"")),o=s(!1),v=s();I(()=>e.mediaString,r=>{u(r??"")&&(n.value=new m({url:r,urlPlaceholderImage:r}))},{immediate:!0});const h=async()=>{if(c.value){n.value=new m({url:e.mediaString,urlPlaceholderImage:e.mediaString});return}if(!l.value.isImage()){console.error("media is not an image",e.mediaString),t.value=!0;return}try{n.value=await b().renderMedia(l.value,!1,i.value),o.value&&(v.value.src=n.value.url)}catch{t.value=!0}},w=()=>{o.value||(o.value=!0,h())},S=(r,E,R)=>{const f=E/R;return Math.abs(f-r)>.15?Math.round(f*100)/100:r};return I(a,()=>{if(c.value)return;const r=S(i.value,a.width,a.height);r!==i.value&&(i.value=r,o.value=!1,h())}),{activeRenderer:n,hasError:t,imageElement:d,imageAreaElementSize:a,handleImageLoad:w,isImageLoaded:o,renderedImage:v}}},T=["src","alt","data-srcset"],V={class:"error-image"};function k(e,t,d,a,i,n){const l=z("sdp-icon");return L(),x("div",{ref:"imageElement",class:N(["img-wrapper",{error:a.hasError}])},[g("img",{ref:"renderedImage",src:a.activeRenderer.urlPlaceholderImage,alt:a.activeRenderer.alt,"data-srcset":a.activeRenderer.srcset,width:"100%",height:"auto",onLoad:t[0]||(t[0]=(...c)=>a.handleImageLoad&&a.handleImageLoad(...c))},null,40,T),g("div",V,[C(l,{class:"error-icon",icon:"imageFileQuestion",size:90}),g("span",null,j(e.$t("site.no_image_available")),1)])],2)}const O=y(P,[["render",k],["__scopeId","data-v-7c48e57d"]]);export{O as I};