'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-7cdf1df1.js');

const dvnFieldDisplayCellMultipleChoiceCss = ".sc-dvn-field-display-cell-multiple-choice-h{display:block}.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) {
    index.registerInstance(this, hostRef);
    this.value = [];
  }
  render() {
    return (index.h(index.Host, { style: { height: `${(this.field.options || []).length * 20}px` } }, index.h("ul", null, this.value.map(v => (index.h("li", null, this.field.getOptionOfValue(v).label))))));
  }
};
DvnFieldDisplayCellMultipleChoice.style = dvnFieldDisplayCellMultipleChoiceCss;

exports.dvn_field_display_cell_multiple_choice = DvnFieldDisplayCellMultipleChoice;
