import{p as e,H as a,c as s,h as i,t as r}from"./p-Bpcl2TqF.js";import{i as t,d as n,t as o}from"./p-94ZtGp9D.js";import{d as c}from"./p-KvSIaMXJ.js";import{d as h}from"./p-Do8YsFMA.js";const l=()=>`:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:var(--ifx-font-family)}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper a:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}`;const p=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.ifxInput=s(this,"ifxInput",7);this.ifxOpen=s(this,"ifxOpen",7)}get el(){return this}isOpen=true;disabled=false;value;maxlength;autocomplete="on";ifxInput;ifxOpen;internalState;async onNavbarMobile(){this.ifxOpen.emit(false);this.internalState=false}handlePropChange(){this.internalState=this.isOpen}handleCloseButton=()=>{this.internalState=!this.internalState;this.ifxOpen.emit(this.internalState)};setInitialState(){this.internalState=this.isOpen}componentWillLoad(){this.setInitialState();this.ifxOpen.emit(this.internalState)}async componentDidLoad(){if(!t(this.el)){const e=n();o("ifx-search-bar",await e)}}handleInput(e){this.value=e.detail}render(){return i("div",{key:"617fc2ae4bc28aca2d01f62cef32c0dd5a638c1d",role:"search","aria-label":"a search field for user input","aria-disabled":this.disabled,class:`search-bar ${this.internalState?"open":"closed"}`},this.internalState?i("div",{class:"search-bar-wrapper"},i("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},i("ifx-icon",{icon:"search-16",slot:"search-icon"})),i("a",{"aria-label":"Close button",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):i("div",{class:"search-bar_icon-wrapper",onClick:this.handleCloseButton},i("ifx-icon",{icon:"search-16"})))}static get watchers(){return{isOpen:[{handlePropChange:0}]}}static get style(){return l()}},[513,"ifx-search-bar",{isOpen:[4,"is-open"],disabled:[4],value:[1025],maxlength:[2],autocomplete:[1],internalState:[32],onNavbarMobile:[64]},undefined,{isOpen:[{handlePropChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ifx-search-bar","ifx-icon","ifx-search-field"];e.forEach((e=>{switch(e){case"ifx-search-bar":if(!customElements.get(r(e))){customElements.define(r(e),p)}break;case"ifx-icon":if(!customElements.get(r(e))){c()}break;case"ifx-search-field":if(!customElements.get(r(e))){h()}break}}))}const d=p;const b=f;export{d as IfxSearchBar,b as defineCustomElement};
//# sourceMappingURL=ifx-search-bar.js.map