https://sida.se/_nuxt/C-g_NTvH.js

1import{$ as e,B as t,Ct as n,Et as r,K as i,S as a,T as o,U as s,c,d as l,k as u,kt as d,l as f,lt as p,mt as m,p as h,rt as g,v as _,x as v,y}from"./BUQO_wki.js";import{d as b}from"./C1iKWVXg.js";import{a as x,o as S}from"#entry";var C={class:`position-relative w-100`},w=[`id`,`aria-expanded`,`aria-controls`,`autocomplete`,`aria-activedescendant`,`placeholder`],T=[`id`],E={role:`presentation`},D=[`aria-labelledby`],O=[`id`],k=[`id`,`aria-selected`,`onMouseup`],A={role:`alert`,class:`input-message semi-bold`},j={key:0},M={__name:`AutoSuggest`,props:{inputProps:{type:Object,required:!0},suggestions:{type:Array,default:()=>[]},suggestionsHeading:{type:String,default:``},minimumTerm:{type:Number,default:0},resetOnSelect:{type:Boolean,default:!0},forceReset:{type:Boolean,default:!1}},emits:[`itemChanged`,`termChanged`,`selected`,`inputFocusChange`],setup(u,{emit:S}){let M=u,N=S,P=b(),F=m(null),I=m(!0),L=m(null),R=m(null),z=m(null),B=m(``),V=m(``),H=m(``),U=m(null);e(()=>M.suggestions,()=>{M.suggestions.length||(F.value=null)}),e(()=>M.forceReset,()=>{M.forceReset&&(F.value=null,B.value=``,V.value=``,H.value=``)}),e(()=>M.inputProps,(e,t)=>{e?.defaultTerm!==t?.defaultTerm&&(B.value=e?.defaultTerm||``)}),t(()=>{M.inputProps?.defaultTerm&&(B.value=M.inputProps.defaultTerm)}),e(()=>P.path,()=>{I.value=!1}),e(()=>B.value,()=>{B.value||(I.value=!1)});let W=_(()=>M.suggestions.map((e,t)=>({id:`${e.replaceAll(` `,`-`)}-${t}`,name:e})));function G(e){H.value=``,M.minimumTerm&&B.value.length<M.minimumTerm?setTimeout(()=>{H.value=`show`},150):(N(`selected`,e),M.resetOnSelect&&(F.value=null,B.value=``,V.value=``))}function K(e){if(e.preventDefault(),e.stopPropagation(),H.value=``,M.suggestions.length){let t=-1;switch(e.key){case`Esc`:case`Escape`:I.value&&(I.value=!1,F.value=null,B.value=V.value);break;case`Down`:case`ArrowDown`:I.value=!0,t=F.value?W.value.findIndex(e=>e.id===F.value.id):-1,t!==-1&&t!==M.suggestions.length-1?(F.value=W.value[t+1],B.value=F.value.name):(F.value=W.value[0],B.value=F.value.name);break;case`Up`:case`ArrowUp`:I.value=!0,t=F.value?W.value.findIndex(e=>e.id===F.value.id):-1,t!==-1&&t!==0?(F.value=W.value[t-1],B.value=F.value.name):(F.value=W.value[W.value.length-1],B.value=F.value.name);break;case`Enter`:F.value?G(F.value.name):G(B.value);break}}else e.key===`Enter`&&G(B.value)}function q(){N(`termChanged`,B.value),H.value=``,F.value=``,I.value=!0,V.value=B.value}function J(){setTimeout(()=>{document.activeElement!==z.value&&document.activeElement!==R.value&&M.resetOnSelect&&!document.activeElement.classList.contains(`autosuggest__results-item`)&&(B.value=``,N(`termChanged`,B.value)),N(`inputFocusChange`),H.value=``,document.activeElement.classList.contains(`autosuggest__results-item`)||(I.value=!1)},200)}function Y(){F.value=null,B.value=``,V.value=``,H.value=``,N(`selected`,``),R.value.focus()}return(e,t)=>(s(),a(h,null,[y(`div`,{ref_key:`autoSuggestContainer`,ref:U,class:`autosuggest d-flex`},[y(`div`,C,[g(y(`input`,{id:M.inputProps.id,ref_key:`searchInput`,ref:R,"onUpdate:modelValue":t[0]||=e=>p(B)?B.value=e:null,type:`text`,"aria-expanded":String(!!M.suggestions.length),"aria-controls":`autosuggest-list-${M.inputProps.id}`,"aria-autocomplete":`list`,role:`combobox`,autocomplete:M.inputProps.autocomplete,"aria-activedescendant":n(F)?`listitem-${n(F).id}-${M.inputProps.id}`:!1,class:`autosuggest-input`,placeholder:M.inputProps.placeholder,onKeyup:K,onInput:q,onFocus:t[1]||=e=>N(`inputFocusChange`),onBlur:t[2]||=(...e)=>J&&J(...e)},null,40,w),[[c,n(B)]]),M.inputProps.showClearButton&&n(B)?(s(),a(`button`,{key:0,class:`btn btn-secondary clear-autosuggest-btn`,type:`button`,onClick:t[3]||=l(e=>Y(),[`prevent`])},[o(n(x),{"aria-label":e.$t(`general.clearFilter`),class:`icon-sm`},null,8,[`aria-label`])])):v(``,!0)]),y(`div`,{id:`autosuggest-list-${M.inputProps.id}`,ref_key:`listBox`,ref:L,role:`listbox`,class:`search-input__autosuggest-list`},[g(y(`div`,E,[y(`div`,{role:`group`,"aria-labelledby":`autosuggest-list-heading-${M.inputProps.id}`,class:`autosuggest__results`},[y(`div`,{id:`autosuggest-list-heading-${M.inputProps.id}`,class:`autosuggest-label my-1 text-mini semi-bold`},d(M.suggestionsHeading),9,O),(s(!0),a(h,null,i(n(W),(e,t)=>(s(),a(`div`,{id:`listitem-${e.id}-${M.inputProps.id}`,key:t,role:`option`,tabindex:`-1`,"aria-selected":n(F)&&n(F).id===e.id?`true`:`false`,class:r([`autosuggest__results-item`,{"autosuggest__results-item--highlighted":n(F)&&n(F).id===e.id}]),onMouseup:t=>(B.value=e.name,G(e.name))},[y(`span`,null,d(e.name),1)],42,k))),128))],8,D)],512),[[f,M.suggestions.length&&n(I)]])],8,T),y(`button`,{ref_key:`submitBtn`,ref:z,type:`button`,class:`btn btn-primary d-none d-sm-flex ml-1 autosuggest-search-button`,onClick:t[4]||=e=>G(n(B)),onBlur:J},d(e.$t(`general.search`)),545)],512),g(y(`div`,A,[n(H)?(s(),a(`span`,j,d(e.$t(`search.minChars`)),1)):v(``,!0)],512),[[f,n(H)]])],64))}},N={xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`};function P(e,t){return s(),a(`svg`,N,[...t[0]||=[y(`path`,{fill:`currentColor`,d:`M19.414 14 18 15.414l-4.707-4.707

1a1 1 0 0 1 1.32-1.497l.094.083zm-14.828.25L12 6.836l1.414 1.414L6 15.664z`},null,-1)]])}var F={render(){return u(S,{icon:{render:P},name:`chevron-up`})}};export{M as n,F as t};