import{r as t,h as e,g as s}from"./p-aee8b1df.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}))}}async validate(t=!1){return this.el.shadowRoot.querySelector("bce-input").validate(t)}render(){const t=this.template.multiline?"textarea":"text",s=[this.template.min&&"min:"+this.template.min,this.template.max&&"max:"+this.template.max,this.template.required?"required":null].filter(t=>!!t).join("|");return[e("p",null,this.handler.t("question")),e("bce-input",{value:this.value,onInput:this.handleInput,validation:s,type:t})]}get el(){return s(this)}static get style(){return":host p{font-weight:500;text-align:center}\@media screen and (min-width: 1024px){:host p{text-align:left}}"}};export{i as bce_element_input};