import { r as registerInstance, h } from './index-d0047af2.js';
import { E as ElementQuestionBase } from './element-question-base-5ebd9dee.js';

const BceElementTableTemplate = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.label = {
            name: 'Table',
            labelQuestion: 'Formulate your question',
            labelRequired: 'Required',
            labelOCOptionAdd: 'Add Column',
            labelOCOptionRemove: 'Delete Column',
            labelOrientation: 'Oriëntation',
            labelOrientationH: 'Horizontal',
            labelOrientationV: 'Vertical',
            labelMaxRows: 'Max row count',
            placeholderColumns: 'Column'
        };
    }
    prop(path, options = {}) {
        return this.handler.prop(path, Object.assign(Object.assign({}, options), { label: this.label }));
    }
    render() {
        const { labelOrientationH, labelOrientationV } = this.label;
        return (h(ElementQuestionBase, { question: this.prop('question', { localize: true }), required: this.prop('required') }, h("bce-option-creator", Object.assign({}, this.prop('columns'), { label: this.label })), h("bce-select", Object.assign({}, this.prop('orientation')), h("bce-option", { value: "horizontal" }, labelOrientationH), h("bce-option", { value: "vertical" }, labelOrientationV)), h("bce-input", Object.assign({ type: "number" }, this.prop('maxRows'))), h("slot", null)));
    }
};

export { BceElementTableTemplate as bce_element_table_editor };
