import{r as a,c as e,a as r,h as s}from"./p-Cby2wKoI.js";import{i}from"./p-CtINY9El.js";import{d as t,t as o}from"./p-DNHOWgWh.js";const h=()=>`: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 c=class{constructor(r){a(this,r);this.ifxInput=e(this,"ifxInput",7);this.ifxOpen=e(this,"ifxOpen",7)}get el(){return r(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(!i(this.el)){const a=t();o("ifx-search-bar",await a)}}handleInput(a){this.value=a.detail}render(){return s("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?s("div",{class:"search-bar-wrapper"},s("ifx-search-field",{autocomplete:this.autocomplete,disabled:this.disabled,value:this.value,maxlength:this.maxlength,onIfxInput:this.handleInput.bind(this)},s("ifx-icon",{icon:"search-16",slot:"search-icon"})),s("a",{"aria-label":"Close button",href:"javascript:void(0)",onClick:this.handleCloseButton},"Close")):s("div",{class:"search-bar_icon-wrapper",onClick:this.handleCloseButton},s("ifx-icon",{icon:"search-16"})))}static get watchers(){return{isOpen:[{handlePropChange:0}]}}};c.style=h();export{c as ifx_search_bar};
//# sourceMappingURL=p-f6173d30.entry.js.map