https://www.dekra.it/_nuxt/Bvum4aFq.js

1import{_ as Q}from"./BDlKsl4J.js";import{_ as W}from"./BQn5VO3H.js";import{d as Y,aq as Z,C as _,m as ee,o as v,k as f,r as g,X as T,e as l,ad as S,bl as te,p as u,q as ae,aT as se,z as d,T as le,D as L,A as K,ae as E,_ as ne,F as oe,v as re,H as $,B as I,at as z,E as m,g as k}from"./DzmMXjjF.js";import{o as ie}from"./_KX8eI1t.js";import{i as N}from"./DgIWC6N3.js";const ue=["placeholder","disabled","onKeydown"],de={key:0,class:"absolute z-10 top-full left-0 w-[calc(100%+1.5px)] -ml-px duration-200 pb-6 overflow-hidden text-sm bg-white border-b border-x border-darkgreen-100 rounded-b-3xl flex flex-col"},ce=["onMouseup"],ge={class:"font-bold"},be={key:0,class:"text-red text-xs flex gap-2 items-center mt-2"},he=Y({__name:"Bar",props:z({state:{default:"default"},message:{default:""},suggestions:{default:()=>[]},inputPlaceholder:{default:""}},{modelValue:{default:""},modelModifiers:{}}),emits:z(["search","suggestion-clicked"],["update:modelValue"]),setup(a,{emit:A}){const p=A,o=Z(a,"modelValue"),r=m("");_(o,t=>r.value=t??"",{immediate:!0});const B=ee("container");ie(B,()=>i());const h=m(!1),w=m(!1),H=()=>{h.value=!w.value,w.value=!1,c.value=!0},c=m(!1),i=()=>{setTimeout(()=>{c.value=!1,n.value=-1},100)},n=m(-1),F=t=>{let e=n.value+t;e<-1&&(e=a.suggestions.length-1),e>=a.suggestions.length&&(e=-1),n.value=e,r.value=a.suggestions[n.value]??o.value},P=()=>{if(n.value===-1){p("search",o.value),i();return}p("suggestion-clicked",{index:n.value,suggestion:a.suggestions[n.value]}),i()},R={default:"border-darkgreen-100",disabled:"border-gray-300",error:"border-red"},q=k(()=>R[a.state]),O={default:"bg-white",disabled:"bg-gray-50",error:"bg-white"},V=k(()=>O[a.state]),U=t=>t===n.value?"border-darkgreen-600 bg-darkgreen-50 text-darkgreen-600 hover:border-darkgreen-600 hover:bg-darkgreen-100 hover:text-darkgreen-700 active:border-darkgreen-700 active:text-darkgreen-800 active:bg-darkgreen-300":"border-white hover:border-darkgreen-50 hover:bg-darkgreen-50 hover:text-darkgreen-600 active:border-darkgreen-100 active:bg-darkgreen-100 active:text-darkgreen-700",M=k(()=>a.suggestions.length&&a.suggestions.some(N)),X=k(()=>a.suggestions.filter(N).map(t=>{const e=o.value??"",b=e.toLowerCase(),C=t.toLowerCase(),x=e&&C.includes(b)?e:"",s=t.replace(new RegExp(e,"i"),"");return{plain:t,thin:x,bold:s}})),j=t=>{t.key!=="Escape"&&(c.value=!0),!(t.key==="ArrowUp"||t.key==="ArrowDown")&&(o.value=r.value)},G=t=>{p("search",t),i()},J=({index:t,suggestion:e})=>{p("suggestion-clicked",{index:t,suggestion:e}),i()},y=()=>{o.value=""};return(t,e)=>{const b=Q,C=W,x=ne;return v(),f("div",{ref_key:"container",ref:B,class:"flex flex-col"},[g("div",{class:T(["relative flex w-full p-1 pl-6 pr-6 sm:pr-1 border",[l(V),l(q),l(M)&&l(c)?"border-b-white rounded-t-3xl":"rounded-3xl",l(h)?"outline-2 outline-black outline-offset-2":""]]),onPointerdown:e[7]||(e[7]=s=>w.value=!0)},[S(g("input",{"onUpdate:modelValue":e[0]||(e[0]=s=>se(r)?r.value=s:null),class:T(["py-2 sm:p-1 text-base grow focus:outline-none placeholder:text-gray",[l(V)]]),placeholder:a.inputPlaceholder,disabled:a.state==="disabled",onFocus:H,onBlur:e[1]||(e[1]=s=>h.value=!1),onClick:e[2]||(e[2]=s=>c.value=!0),onKeyup:[j,e[3]||(e[3]=u(s=>P(),["enter"])),e[4]||(e[4]=u(s=>F(-1),["up"])),e[5]||(e[5]=u(s=>F(1),["down"]))],onKeydown:[u(ae(i,["prevent"]),["esc"]),u(i,["tab"])]},null,42,ue),[[te,l(r)]]),d(le,{"enter-from-class":"opacity-0","leave-to-class":"opacity-0","enter-active-class":"duration-300","leave-active-class":"duration-300"},{default:L(()=>[S(d(b,{"aria-label":("globalLabel"in t?t.globalLabel:l(K))("clear_all_label"),role:"button",icon:"circle-xmark",type:"solid",class:"w-6 h-6 outline-0 rounded-xl cursor-pointer my-auto mr-3 text-gray-500 hover:text-gray-600 active:text-gray-700 focus-visible:outline-3 focus-visible:outline-black focus-visible:outline-offset-2",tabindex:"0",onClick:y,onKeydown:[u(y,["enter"]),u(y,["space"])]},null,8,["aria-label"]),[[E,o.value]])]),_:1}),d(C,{class:"hidden sm:block min-w-30",size:"small",variant:"accent",label:("globalLabel"in t?t.globalLabel:l(K))("search_label"),disabled:a.state==="disabled",onClick:e[6]||(e[6]=s=>G(l(r)))},null,8,["label","disabled"]),d(x,null,{default:L(()=>[l(M)?S((v(),f("ul",de,[(v(!0),f(oe,null,re(l(X),(s,D)=>(v(),f("li",{key:s.plain,class:T(["px-6 py-3 flex gap-2 items-center border-l-4 duration-200 select-none cursor-pointer",[U(D)]]),onMouseup:ve=>J({index:D,suggestion:s.plain})},[d(b,{icon:"magnifying-glass",type:"regular"}),g("span",null,[g("span",null,$(s.thin),1),g("span",ge,$(s.bold),1)])],42,ce))),128))],512)),[[E,l(c)]]):I("",!0)]),_:1})],34),d(x,null,{default:L(()=>[a.message?(v(),f("span",be,[d(b,{icon:"circle-exclamation",type:"solid"}),g("span",null,$(a.message),1)])):I("",!0)]),_:1})],512)}}});

1export{he as _};