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.href="",this.text="",this.icon="",this.labelHref="Reference",this.labelText="Text",this.labelIcon="Icon",this.placeholderHref="https://example.com",this.placeholderText="Example",this.placeholderIcon="globe",this._link=i(this,this.handleInput),this._href=this._link("href"),this._text=this._link("text"),this._icon=this._link("icon")}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({},{href:this.href,text:this.text,icon:this.icon},t)}componentDidLoad(){this.value=this.updateValue(),this.el.dispatchEvent(new Event("input",{bubbles:!0}))}render(){return[e("bce-input",Object.assign({type:"text"},this._href)),e("bce-input",Object.assign({type:"text"},this._text)),e("bce-input",Object.assign({type:"text"},this._icon))]}get el(){return s(this)}};export{h as bce_element_link_template};