import { r as registerInstance, h, H as Host } from './index-ecdfb761.js';
import { r as renderReference } from './util-214b9543.js';

const dvnFieldDisplayCellReferenceCss = ".sc-dvn-field-display-cell-reference-h{display:-ms-flexbox;display:flex;overflow:auto;padding:0 4px}.sc-dvn-field-display-cell-reference-h abbr.sc-dvn-field-display-cell-reference{border-bottom:none}";

const DvnFieldDisplayCellReference = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
  }
  render() {
    const { field, meta } = this;
    const value = this.value || [];
    return (h(Host, null, Array.isArray(value)
      ? value.map(data => renderReference(field, data, meta))
      : renderReference(field, value, meta)));
  }
};
DvnFieldDisplayCellReference.style = dvnFieldDisplayCellReferenceCss;

export { DvnFieldDisplayCellReference as dvn_field_display_cell_reference };
