import{r as t,h as e,g as s}from"./p-3ba9c73c.js";const i=class{constructor(e){t(this,e),this.handleInput=t=>{t.cancelBubble=!0,this.value=t.target.value,this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}render(){if(!this.template)return null;const t=this.template.multiline?"textarea":"text";return[e("p",null,this.template.question),e("bce-input",{value:this.value,onInput:this.handleInput,validation:this.template.required?"required":"",type:t})]}get el(){return s(this)}static get style(){return"bce-element-input p{font-weight:500;text-align:center}\@media screen and (min-width:1024px){bce-element-input p{text-align:left}}"}};export{i as bce_element_input};