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