import{r as t,c as s,h as e,H as i,g as a}from"./p-1617f73a.js";import{b as n}from"./p-51b0bb94.js";const r="bs-input-search{display:inline-block;width:100%}bs-input-search :where(bs-input-addon) :where(bs-icon-search){padding-left:0.75rem}bs-input-search :where(bs-input-addon) :where(bs-icon-close){padding-right:0.75rem}bs-input-search :where(bs-input-addon) :where(button){align-items:center;background-color:transparent;cursor:pointer;display:flex;height:100%}";const h=class{constructor(e){t(this,e);this.onclear=s(this,"onclear",7);this.attrs={};this.disabled=false;this.passAttrs="";this.placeholder="Search Items";this.ariaLabel="Search Items";this.hintId=undefined;this.value=""}componentWillLoad(){this.attrs=n(this.hostEl,["autocomplete","id","maxlength","minlength","name",...this.passAttrs.split(",")])}render(){const t="aria-label";return e(i,null,e("bs-input-addon",{disabled:this.disabled},e("bs-icon-search",null),e("bs-input",Object.assign({"aria-label":this.ariaLabel,"data-autowidth":true,disabled:this.disabled,passAttrs:t,placeholder:this.placeholder,value:this.value},Object.assign(Object.assign({},this.attrs),{"aria-describedby":this.hintId}))),!this.disabled&&e("button",{title:"Clear",type:"button",onClick:()=>this.onclear.emit()},e("bs-icon-close",{size:"sm"}))))}get hostEl(){return a(this)}};h.style=r;export{h as bs_input_search};
//# sourceMappingURL=p-9bdf154e.entry.js.map