import{d as _,a8 as f,i as l,q as g,s as h,o as b,a as w,b as t,P as C}from"./index.29cf2edd.js";/* empty css              */const x=_({__name:"ServiceLocationSelection",props:{value:{type:Number}},emits:["change"],setup(c,{emit:r}){const n=c,u=f(),e=l();let s=l(),i=l();g(()=>{s.value=u.services,n.value&&(e.value=n.value)});const p=(o,a)=>a.name.toLowerCase().indexOf(o.toLowerCase())>=0,d=()=>{r("change",e.value)};return h(()=>n.value,o=>{o||(e.value=null)}),(o,a)=>{const v=C;return b(),w(v,{value:e.value,"onUpdate:value":a[0]||(a[0]=m=>e.value=m),"show-search":"",placeholder:"Choose a location",options:t(s),"field-names":{label:"name",value:"id"},"filter-option":p,loading:t(i),disabled:t(i),onChange:d,"clear-icon":"","allow-clear":""},null,8,["value","options","loading","disabled"])}}});export{x as _};
