import { r as registerInstance, h } from './index-b13326fc.js';
import { E as ElementQuestionBase } from './element-question-base-275076e1.js';

const ElementMatrixEditor = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    prop(path, options = {}) {
        return this.handler.prop(path, Object.assign({}, options));
    }
    render() {
        return (h(ElementQuestionBase, { t: this.t, question: this.prop('question', { localize: true }), required: this.prop('required') }, h("div", { class: "option-creator" }, h("bce-option-creator", Object.assign({}, this.prop('rows', { default: () => [], localize: true }), { label: this.t('row'), placeholder: this.t('row'), t: this.t })), h("bce-option-creator", Object.assign({}, this.prop('columns', { default: () => [], localize: true }), { label: this.t('column'), placeholder: this.t('column'), t: this.t }))), h("bce-select", Object.assign({}, this.prop('orientation'), { label: this.t('me-orientation'), type: "radio" }), h("bce-option", { value: "horizontal" }, this.t('me-orientation-h')), h("bce-option", { value: "vertical" }, this.t('me-orientation-v'))), h("slot", null)));
    }
    static get style() { return ":host bce-input,:host bce-switch{margin:10px 0}:host .option-creator{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}:host .option-creator bce-option-creator{-ms-flex:1 1 auto;flex:1 1 auto}:host .option-creator bce-option-creator :last-child{bottom:-27px}\@media screen and (min-width: 600px){:host .option-creator{-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:row nowrap;flex-flow:row nowrap}}"; }
};

export { ElementMatrixEditor as bce_element_matrix_editor };
