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:"Header",labelQuestion:"Formulate your question",labelRequired:"Required",labelOCOptionAdd:"Add Option",labelOCOptionRemove:"Delete Option",labelOCOther:"Other",labelOCOtherAdd:'Add "Other"',labelOCOtherRemove:'Remove "Other"',labelOCImageUpload:"Upload Image",labelOCImageDelete:"Delete Image",labelOrientation:"Oriëntation",labelOrientationH:"Horizontal",labelOrientationV:"Vertical",placeholderOptions:"Option"},this.handleOther=e=>{this.handler.set("options",e.target.value,{localize:!0}),this.handler.set("other",e.detail,{emit:!0,localize:!0})}}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("bce-option-creator",Object.assign({},this.prop("options",{default:()=>[],localize:!0}),{"allow-other":!0,label:this.label,other:this.handler.tryGet("other",{localize:!0}),onOther:this.handleOther})),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))}};export{l as bce_element_radio_editor};