https://www.fdfscotland.org.uk/Static/build/js/SearchAutocomplete.D4evHiCm.js

1import{s as R,o as D,e as n,f as t,w as N,v as B,g as v,t as y,i as I,F as M,r as V,n as E,j as m,k as d,l as i}from"./vue-boilerplate.Cffpf71l.js";import{u as F}from"./useStore.C_6jtT4N.js";import{d as U}from"./debounce.CH4Fy41y.js";import"./createBaseStore.DJTpuxoh.js";import"./index.DYHTiXPB.js";import"./vendor.C5WciNgY.js";import"./companies.DUwIK1K9.js";import"./documents.C2YKTO8T.js";const _={class:"search-box relative"},q=["id","placeholder","name"],Z={type:"submit",class:"search-focusable button button-secondary mobile-no-hover hover:border-secondary !transition-none button-rounded search-focusable absolute right-[4px] lg:right-[9px] top-[4px] lg:top-[7px]"},j={class:"sr-only"},K=["href","target"],W={__name:"SearchAutocomplete",props:{store:{type:String,required:!0},searchId:{type:String,default:null},placeholderText:{type:String,default:null},inputName:{type:String,default:null},autocompleteUrl:{type:String,default:null},autocompleteParentId:{type:Number,default:null},buttonText:{type:String,default:"Search"},onChange:{type:Boolean,default:!1},autocompleteLinkAttribute:{type:String,default:"ReadMoreUrl"},autocompleteLabelAttribute:{type:String,default:"AutoCompleteTitle"},autocompleteDisableLinkAttribute:{type:String,default:"DisableLink"},autocompleteNewTabAttribute:{type:String,default:"AutoCompleteNewTab"}},emits:["search"],setup(l,{emit:x}){const u=l,L=x,o=F(u.store),{SearchTerm:w,autocompleteResults:S,showAutocomplete:C}=R(o),p=d(null),r=d(!1),f=d(null),c=m({get:()=>w.value,set:s=>{o.setAutocompleteResults(null),o.setShowAutocomplete(!1),o.setSearchTerm(s)}}),h=m(()=>S.value?.filter(s=>s[u.autocompleteLabelAttribute])||[]),b=m(()=>h.value.length&&C.value&&!r.value&&document.activeElement===p.value),k=()=>{o.setSearchTerm(""),o.setAutocompleteResults(null),o.setShowAutocomplete(!1),p.value?.focus()},g=()=>{o.fetchAutocompleteResults({url:u.autocompleteUrl,parentId:u.autocompleteParentId})},A=s=>{if(s.keyCode===13){r.value=!0,g();return}c.value.length>2&&(r.value=!1,clearTimeout(f.value),f.value=setTimeout(()=>g(),500)),u.onChange&&s.keyCode!==13&&(r.value=!1,T())},T=U(()=>L("search"),500);return D(()=>{document.addEventListener("click",()=>{o.setShowAutocomplete(!1)})}),(s,e)=>(i(),n("div",{class:E(["search-panel__field-and-submit search-panel__field-and-submit",{"search-panel__field-and-submit--autocomplete":b.value}])},[t("div",_,[N(t("input",{ref_key:"inputRef",ref:p,class:"search-input search-focusable block w-full bg-white py-[13px] md:py-[16px] lg:py-[18px] pl-[22px] lg:pl-[30px] pr-[100px] focus:outline-[#B3D9DC] focu

1s:outline-[3px] focus:outline-offset-[3px]",type:"text",id:l.searchId,placeholder:l.placeholderText,"onUpdate:modelValue":e[0]||(e[0]=a=>c.value=a),autocomplete:"off",name:l.inputName,onKeyup:A,onFocus:e[1]||(e[1]=a=>r.value=!1),required:"required"},null,40,q),[[B,c.value]]),c.value?(i(),n("button",{key:0,type:"button",class:"search-focusable absolute right-[68px] lg:right-[80px] top-1/2 mt-[-7px] text-black js-search-clear",onClick:k},[...e[3]||(e[3]=[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},[t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 1.4L12.6 0L7 5.6L1.4 0L0 1.4L5.6 7L0 12.6L1.4 14L7 8.4L12.6 14L14 12.6L8.4 7L14 1.4Z",fill:"currentColor"})],-1),t("span",{class:"sr-only"},"Clear search button",-1)])])):v("",!0),t("button",Z,[e[4]||(e[4]=t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},[t("path",{d:"M15.755 14.2549H14.965L14.685 13.9849C15.665 12.8449 16.255 11.3649 16.255 9.75488C16.255 6.16488 13.345 3.25488 9.755 3.25488C6.165 3.25488 3.255 6.16488 3.255 9.75488C3.255 13.3449 6.165 16.2549 9.755 16.2549C11.365 16.2549 12.845 15.6649 13.985 14.6849L14.25

15 14.9649V15.7549L19.255 20.7449L20.745 19.2549L15.755 14.2549ZM9.755 14.2549C7.26501 14.2549 5.255 12.2449 5.255 9.75488C5.255 7.26488 7.26501 5.25488 9.755 5.25488C12.245 5.25488 14.255 7.26488 14.255 9.75488C14.255 12.2449 12.245 14.2549 9.755 14.2549Z",fill:"currentColor"})],-1)),t("span",j,y(l.buttonText),1)])]),b.value?(i(),n("ol",{key:0,class:"search-panel__autocomplete",onClick:e[2]||(e[2]=I(()=>{},["stop"]))},[(i(!0),n(M,null,V(h.value,a=>(i(),n("li",{key:a.Id,class:"search-panel__autocomplete-item"},[t("a",{href:a[l.autocompleteDisableLinkAttribute]?null:a[l.autocompleteLinkAttribute],target:a[l.autocompleteNewTabAttribute]?"_blank":null,class:"search-panel__autocomplete-link"},y(a[l.autocompleteLabelAttribute]),9,K)]))),128))])):v("",!0)],2))}};export{W as default};