import{r as e,h as t}from"./p-fdd3ce28.js";import{E as o}from"./p-93061dfe.js";const l=class{constructor(t){e(this,t),this.label={name:"Matrix",labelQuestion:"Formulate your question",labelRequired:"Required",labelRows:"Rows",labelColumns:"Columns",labelOrientation:"Column Oriëntation",labelOrientationH:"Horizontal",labelOrientationV:"Vertical",placeholderRows:"Row",placeholderColumns:"Column",rows:{labelOCOptionAdd:"Add Row",labelOCOptionRemove:"Delete Row"},columns:{labelOCOptionAdd:"Add Row",labelOCOptionRemove:"Delete Row"}}}prop(e,t={}){return this.handler.prop(e,Object.assign(Object.assign({},t),{label:this.label}))}render(){const{labelOrientationH:e,labelOrientationV:l}=this.label;return t(o,{question:this.prop("question",{localize:!0}),required:this.prop("required")},t("div",{class:"option-creator"},t("bce-option-creator",Object.assign({},this.prop("rows",{default:()=>[],localize:!0}),{label:this.label.rows})),t("bce-option-creator",Object.assign({},this.prop("columns",{default:()=>[],localize:!0}),{label:this.label.columns}))),t("bce-select",Object.assign({},this.prop("orientation"),{type:"radio"}),t("bce-option",{value:"horizontal"},e),t("bce-option",{value:"vertical"},l)),t("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{l as bce_element_matrix_editor};