https://parkinsonsdisease.net/_nuxt/CV-SEXo9.js

1import{_ as d,V as c,o as i,a as m,w as p,al as f,e as a,b as h,f as b,h as g,aY as l,i as u,aD as C,n as S,q as F,aj as v}from"./DLAHmfm5.js";const w={name:"SearchForm",components:[c],props:{term:{type:String,default:""},wrapperAttrs:{type:Object,default:()=>{}},isForm:{type:Boolean,default:!0}},data(){return{search:""}},computed:{wrapperComponent(){return this.isForm?c:"div"}},watch:{term(e){this.search=e}},created(){this.search=this.term},methods:{searchFunction(){this.$emit("search",this.search)},handleClearSearch(){this.search="",this.searchFunction()}}},y={class:"search-form__container"},x={class:"search-form__button search-form__button--left","data-test-id":"search-form-button"},I=["id","name"],k={class:"search-form__button search-form__button--right","data-test-id":"search-form-button"};function V(e,t,_,$,s,r){const n=b;return i(),m(v(r.wrapperComponent),l({class:"search-form"},_.wrapperAttrs,{onSubmit:u(r.searchFunction,["prevent"])}),{default:p(()=>[f(e.$slots,"default",{},void 0,!0),a("div",y,[a("button",x,[t[2]||(t[2]=a("span",{class:"search-form__button-hidden-text"},"Search",-1)),h(n,{name:"magnifying-glass",class:"search-form__button-icon"})]),g(a("input",l(e.$attrs,{id:e.$attrs.id?`${e.$attrs.id}Input`:"searchFormInput",ref:"searchFormInput","onUpdate:modelValue":t[0]||(t[0]=o=>s.search=o),name:e.$attrs.name||"searchFormInput",class:"search-form__input","data-test-id":"search-form-input",role:"searchbox",type:"text",onInput:t[1]||(t[1]=u(o=>e.$emit("input",s.search),["stop"]))}),null,16,I),[[C,s.search]]),a("button",{class:S(["search-form__clear-button",{"search-form__clear-button--active":s.search.length>0}]),"data-test-id":"search-form-clear-button","aria-label":"Clear Search"},[s.search.length>0?(i(),m(n,{key:0,name:"x",title:"clear",class:"search-form__clear-icon icon--smallest",onClick:r.handleClearSearch},null,8,["onClick"])):F("",!0)],2),a("button",k,[t[3]||(t[3]=a("span",{class:"search-form__button-hidden-text"},"Search",-1)),h(n,{name:"magnifying-glass",class:"search-form__button-icon"})])])]),_:3},16,["onSubmit"])}const j=Object.assign(d(w,[["render",V],["__scopeId","data-v-5d8d7ca4"]]),{__name:"SearchForm"});export{j as _};