https://www.thoreninnebandy.se/assets/ImageRenderer-BvC_BdEt.js

1import{a1 as P,h as B,aB as C,r as c,am as f,w as M,ce as R,dc as h,j as _,b_ as D,z as N,B as q,C as z,D as F,E as I,F as L,N as U,aa as G}from"./index-DtyebqMC.js";const S=2,E=[640,960,1280,1600,1920,2560,2880],Q=E[E.length-1];function W(e){return E.find(r=>e<=r)??Q}function A(e,t=S){if(!Number.isFinite(e)||e<=0)return;const r=Number.isFinite(t)&&t>0?Math.min(t,S):S;return W(Math.ceil(e*r))}const p=[9/16,3/4,1,4/3,16/9,21/9,3];function j(e){if(!Number.isFinite(e)||e<=0)return p[2];let t=p[0],r=Math.abs(e-t);return p.forEach(a=>{const i=Math.abs(e-a);i<r&&(t=a,r=i)}),Math.round(t*100)/100}const O={name:"ImageRenderer",components:{SdpIcon:P},props:{mediaString:{type:String,validator:e=>R.isValid(e)||h(e),required:!0}},setup(e){const t=c(!1),r=c(null),a=B(C(r)),i=c(0),u=c(void 0),s=c(new f),m=_(()=>new R(e.mediaString??"")),w=_(()=>h(e.mediaString??"")),l=c(!1);let g=0;const b=_(()=>l.value?s.value.url:s.value.urlPlaceholderImage);M(()=>e.mediaString,n=>{h(n??"")&&(s.value=new f({url:n,urlPlaceholderImage:n}))},{immediate:!0});const y=async()=>{if(w.value){s.value=new f({url:e.mediaString,urlPlaceholderImage:e.mediaString});return}if(!m.value.isImage()){console.error("media is not an image",e.mediaString),t.value=!0;return}g+=1;const n=g;try{const o=typeof window<"u"?window.devicePixelRatio:void 0,d=A(a.width,o);u.value=d;const v=await D().renderMedia(m.value,!1,i.value,d);if(n!==g)return;l.value=!1,s.value=v}catch{if(n!==g)return;t.value=!0}},T=()=>{l.value||(l.value=!0)},x=(n,o,d)=>!(o>0)||!(d>0)?n:j(o/d);return M(a,()=>{if(w.value)return;const n=x(i.value,a.width,a.height);if(!(n>0))return;const o=A(a.width,typeof window<"u"?window.devicePixelRatio:void 0),d=n!==i.value,v=o!=null&&(u.value==null||o>u.value);!d&&!v||(i.value=n,y())}),{activeRenderer:s,displaySrc:b,hasError:t,imageElement:r,imageAreaElementSize:a,handleImageLoad:T,isImageLoaded:l}}},V=["src","alt","data-srcset"],k={class:"error-image"};function X(e,t,r,a,i,u){const s=q("sdp-icon");return z(),F("div",{ref:"imageElement",class:G(["img-wrapper",{error:a.hasError}])},[I("img",{src:a.displaySrc,alt:a.activeRenderer.alt,"data-srcset":a.activeRenderer.srcset,width:"100%",height:"auto",onLoad:t[0]||(t[0]=(...m)=>a.handleImageLoad&&a.handleImageLoad(...m))},null,40,V),I("div",k,[L(s,{class:"error-icon",icon:"imageFileQuestion",size:90}),I("span",null,U(e.$t("site.no_image_available")),1)])],2)}const J=N(O,[["render",X],["__scopeId","data-v-37a5b940"]]);export{J as I};