https://dc-app.ru/assets/feature-booking-mark-picker-CGjcRycm.js

1import{h as f,aP as h,i as t,j as s,y as o,q as d,O as y,s as l,I as p,P as g,Q as m,l as u,F as k,E as v,t as b}from"./vue-vendor-CppcjN3N.js";import"./entity-abonement-CFsRt_xX.js";import{d as w}from"./entity-booking-CJQ3_GMX.js";const B={class:"flex h-full w-full flex-col"},j={class:"sticky top-0 z-10 w-full bg-[#f3f3f3] px-4 pt-3 pb-3"},C={class:"flex w-full items-center gap-3 rounded-full bg-white px-5 py-3"},M={class:"flex-1 overflow-y-auto bg-white"},S={key:0,class:"flex items-center justify-center py-10"},V={key:1,class:"divide-y divide-gray-100"},N=["onClick"],P={class:"flex h-7 w-9 shrink-0 items-center justify-center"},D=["src","alt"],E={class:"text-base text-black"},F={key:0,class:"px-4 py-8 text-center text-sm text-gray-400"},z=f({__name:"BookingMarkPicker",setup(I){const c=w(),{marks:i,isMarksLoading:x,markSearch:n}=h(c),_=r=>{const a=i.value.find(e=>e.id===r);a&&c.selectMark(a)};return(r,a)=>(s(),t("div",B,[o("div",j,[o("div",C,[d(l(p),{icon:"lucide:search",class:"text-xl text-gray-400"}),y(o("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>m(n)?n.value=e:null),type:"text",placeholder:"Поиск марки",class:"w-full bg-transparent text-base text-black outline-none placeholder:text-gray-400"},null,512),[[g,l(n)]])])]),o("div",M,[l(x)?(s(),t("div",S,[d(l(p),{icon:"lucide:loader-2",class:"animate-spin text-2xl text-gray-400"})])):(s(),t("ul",V,[(s(!0),t(k,null,v(l(i),e=>(s(),t("li",{key:e.id,class:"flex cursor-pointer items-center gap-4 px-4 py-3 transition-colors active:bg-gray-50",onClick:L=>_(e.id)},[o("div",P,[e.icon?(s(),t("img",{key:0,src:e.icon,alt:e.title,class:"max-h-7 max-w-9 object-contain"},null,8,D)):u("",!0)]),o("span",E,b(e.title),1)],8,N))),128)),l(i).length===0?(s(),t("li",F," Ничего не найдено ")):u("",!0)]))])]))}});export{z as _};