import{_ as u,o as n,s as a,n as i,F as m,z as p,m as l,e as d}from"./entry.4a1e3e7a.js";const y={props:{htmlRole:{type:String,default:""},hasReplacement:{type:Boolean,default:!1},image:{type:Object,required:!0},sizes:{type:String,default:null},discontinued:{type:Boolean,default:!1}},computed:{imageSources(){var r;const c=((r=this.image.srcset)==null?void 0:r.reduce((e,s)=>{const t=s.type;return e[t]=e[t]||[],e[t].push(s),e},{}))||{};return Object.keys(c).map(e=>{const s=c[e];return{type:e,srcset:s.map(t=>`${t.url} ${t.desc}`)}}).reverse()}}},f={class:"product-picture-wrap"},h=["srcset","type","sizes"],v=["role","src","alt"],g={key:0,class:"discontinued-overlay"},x={key:0,class:"new-version"};function k(c,r,e,s,t,_){return n(),a("div",f,[i("picture",null,[(n(!0),a(m,null,p(_.imageSources,o=>(n(),a("source",{key:o.type,srcset:o.srcset,type:o.type,sizes:e.sizes},null,8,h))),128)),l(),i("img",{itemprop:"image",role:e.htmlRole,src:e.image.src,alt:e.image.alt,loading:"lazy"},null,8,v)]),l(),e.discontinued?(n(),a("div",g,[l(`
      Discontinued
      `),e.hasReplacement?(n(),a("span",x,`
        new version available
      `)):d("",!0)])):d("",!0)])}const b=u(y,[["render",k],["__scopeId","data-v-db7f68c2"]]);export{b as _};