import{r as t,h as e,g as s}from"./p-3ba9c73c.js";import{l as i}from"./p-2b74e80e.js";const h=class{constructor(e){t(this,e),this.text="",this.placeholderText="Header text",this._link=i(this,this.handleInput),this._text=this._link("text")}handleInput(t,e){const s=e.target;s&&(e.cancelBubble=!0,this[t]=s.value,this.value=this.updateValue({[t]:s.value}),this.el.dispatchEvent(new Event("input",{bubbles:!0})))}updateValue(t={}){return Object.assign({},{text:this.text},t)}componentDidLoad(){this.value={text:this.text},this.el.dispatchEvent(new Event("input",{bubbles:!0}))}render(){return e("bce-input",Object.assign({type:"text"},this._text))}get el(){return s(this)}};export{h as bce_element_header_template};