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