import{r as e,h as r,H as l}from"./p-c1e62c18.js";const t=class{constructor(r){e(this,r)}render(){const{field:e}=this;return r(l,null,(this.value||[]).map((l=>{const t=l[e.nameOfOtherCollectionInRelationCollection],s=e.imageField?t[e.imageField]:void 0,i=e.titleField?t[e.titleField].split(" ").map((e=>e[0])).join(""):void 0;return r("abbr",{title:t[e.titleField]},r("dvn-image",{bordered:!0,leanedVertically:!0,src:s,text:i}))})))}};t.style=".sc-dvn-field-display-cell-relation-reference-h{display:flex;overflow:auto}";export{t as dvn_field_display_cell_relation_reference}