import { r as registerInstance, h, H as Host } from './index-55faf181.js';

const dvnFieldDisplayCellMultipleChoiceCss = ".sc-dvn-field-display-cell-multiple-choice-h{display:block;padding:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-dvn-field-display-cell-multiple-choice-h ul.sc-dvn-field-display-cell-multiple-choice{margin:0;padding-left:0}.sc-dvn-field-display-cell-multiple-choice-h ul.sc-dvn-field-display-cell-multiple-choice li.sc-dvn-field-display-cell-multiple-choice{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

const DvnFieldDisplayCellMultipleChoice = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.value = [];
  }
  render() {
    return (h(Host, null, this.value.map(v => (this.field.getOptionOfValue(v).label)).join(', ')));
  }
};
DvnFieldDisplayCellMultipleChoice.style = dvnFieldDisplayCellMultipleChoiceCss;

export { DvnFieldDisplayCellMultipleChoice as dvn_field_display_cell_multiple_choice };
