{"version":3,"sources":["webpack:///./src/components/facet/SearchBarAutocomplete.vue?a447","webpack:///./src/assets/icons/search-icon.svg","webpack:///./src/components/facet/SearchBarAutocomplete.vue?3098","webpack:///src/components/facet/SearchBarAutocomplete.vue","webpack:///./src/components/facet/SearchBarAutocomplete.vue?aa3b","webpack:///./src/components/facet/SearchBarAutocomplete.vue?318f","webpack:///./node_modules/@trevoreyre/autocomplete-vue/dist/autocomplete.esm.js"],"names":["module","exports","functional","_h","_vm","_c","_v","data","children","class","classNames","staticClass","style","staticStyle","attrs","rest","Object","assign","concat","render","this","$createElement","_self","ref","search","model","placeholderText","getResultValue","on","submitSearchResult","scopedSlots","_u","key","fn","rootProps","inputProps","inputListeners","resultListProps","resultListListeners","results","resultProps","_b","isMobile","placeholder","_g","length","handleFocus","handleBlur","focused","_e","store","state","tags","searchTerms","isLoading","recentSearchShown","_s","recentSearchTitle","_l","result","index","id","domProps","name","getRecipes","tagsTitle","uid","title","getFacets","facetTitle","staticRenderFns","components","Autocomplete","SearchIcon","SelectedFilters","props","type","required","focusOnShowUp","Boolean","default","hideTags","String","isFacetPage","value","cancelToken","filteredResults","tag","computed","recentSearch","isFacetZero","showRecentSearch","watch","$emit","mounted","focusInput","methods","$refs","input","focus","filter","selectItemFromRecentHistory","dispatch","component","instance","Constructor","TypeError","_defineProperty","obj","defineProperty","enumerable","configurable","writable","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","sym","getOwnPropertyDescriptor","push","apply","_objectSpread2","target","i","arguments","source","forEach","getOwnPropertyDescriptors","defineProperties","matches","element","selector","msMatchesSelector","webkitMatchesSelector","closestPolyfill","el","nodeType","parentNode","closest","isPromise","then","AutocompleteCore","_this","_ref","undefined","_ref$autoSelect","autoSelect","_ref$setValue","setValue","_ref$setAttribute","setAttribute","_ref$onUpdate","onUpdate","_ref$onSubmit","onSubmit","_ref$onShow","onShow","_ref$autocorrect","autocorrect","_ref$onHide","onHide","_ref$onLoading","onLoading","_ref$onLoaded","onLoaded","_classCallCheck","event","updateResults","selectedIndex","preventDefault","handleArrows","selectResult","selectedResult","hideResults","parseInt","dataset","resultIndex","resultsCount","currentSearch","searchCounter","showResults","resultsElement","selectedResultElement","querySelector","resultsPosition","getBoundingClientRect","selectedPosition","top","scrollTop","bottom","Promise","resolve","idCounter","uniqueId","prefix","getRelativePosition","element1","element2","position1","position2","positionAbove","height","window","innerHeight","pageYOffset","debounce","func","wait","immediate","timeout","context","args","later","callNow","clearTimeout","setTimeout","script","inheritAttrs","Function","baseClass","defaultValue","debounceTime","Number","core","handleUpdate","handleSubmit","handleShow","handleHide","handleLoading","handleLoaded","handleInput","resultListId","expanded","loading","position","resetPosition","role","autocomplete","autocapitalize","spellcheck","$attrs","keydown","handleKeyDown","blur","yPosition","zIndex","width","visibility","pointerEvents","mousedown","handleResultMouseDown","click","handleResultClick","map","document","body","addEventListener","handleDocumentClick","beforeDestroy","removeEventListener","updated","resultList","checkSelectedResultVisible","root","contains","normalizeComponent","template","scopeId","isFunctionalTemplate","moduleIdentifier","shadowMode","createInjector","createInjectorSSR","createInjectorShadow","options","hook","_compiled","_scopeId","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","originalRender","h","existing","beforeCreate","__vue_script__","__vue_render__","_t","$listeners","__vue_staticRenderFns__","__vue_inject_styles__","__vue_scope_id__","__vue_module_identifier__","__vue_is_functional_template__","__vue_component__","install","Vue","installed","GlobalVue","plugin","global","use"],"mappings":"kHAAA,yBAAsgB,EAAG,G,4CCCngBA,EAAOC,QAAU,CACfC,YAAY,EACZ,OAAOC,EAAIC,GACT,MAAM,GAAEC,EAAE,GAAEC,EAAE,KAAEC,EAAI,SAAEC,EAAW,IAAOJ,GAGtCK,MAAOC,EAAU,YACjBC,EAAW,MACXC,EAAK,YACLC,EAAW,MACXC,EAAQ,MACLC,GACDR,EAEJ,OAAOF,EACL,MACA,CACEI,MAAO,CAACC,EAAWC,GACnBC,MAAO,CAACA,EAAMC,GACdC,MAAOE,OAAOC,OAAO,CAAC,MAAQ,KAAK,OAAS,KAAK,KAAO,OAAO,MAAQ,8BAA+BH,MACnGC,GAELP,EAASU,OAAO,CAACb,EAAG,SAAS,CAACS,MAAM,CAAC,GAAK,OAAO,GAAK,MAAM,EAAI,OAAOT,EAAG,OAAO,CAACS,MAAM,CAAC,EAAI,8B,yCCvBzG,ICqMA,EDrMIK,EAAS,WAAa,IAAIf,EAAIgB,KAASjB,EAAGC,EAAIiB,eAAmBhB,EAAGD,EAAIkB,MAAMjB,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACkB,IAAI,eAAeZ,YAAY,mCAAmCG,MAAM,CAAC,OAASV,EAAIoB,OAAO,YAAcpB,EAAIqB,MAAMC,gBAAgB,aAAatB,EAAIqB,MAAMC,gBAAgB,mBAAmBtB,EAAIuB,eAAe,mBAAkB,GAAMC,GAAG,CAAC,OAASxB,EAAIyB,oBAAoBC,YAAY1B,EAAI2B,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASV,GAC7a,IAAIW,EAAYX,EAAIW,UAChBC,EAAaZ,EAAIY,WACjBC,EAAiBb,EAAIa,eACrBC,EAAkBd,EAAIc,gBACtBC,EAAsBf,EAAIe,oBAC1BC,EAAUhB,EAAIgB,QACdC,EAAcjB,EAAIiB,YAC1B,MAAO,CAACnC,EAAG,MAAMD,EAAIqC,GAAG,CAAChC,MAAM,CACvB,sCAAuCL,EAAIsC,WAC1C,MAAMR,GAAU,GAAO,CAAC7B,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,YAAY,6BAA6BF,MAAM,CACxF,kDAAmDL,EAAIsC,WACtD,CAAEtC,EAAIuC,YAAkB,OAAEtC,EAAG,QAAQD,EAAIwC,GAAGxC,EAAIqC,GAAG,CAAClB,IAAI,QAAQZ,YAAY,oEAAoEF,MAAM,CACrJ,kBAAmBL,EAAIuC,YAAYE,OACnC,kBAAmBzC,EAAIsC,SACvB,MAAOtC,EAAIsC,UACX5B,MAAM,CAAC,KAAO,OAAO,YAAcV,EAAIuC,aAAaf,GAAG,CAAC,MAAQxB,EAAI0C,YAAY,KAAO1C,EAAI2C,aAAa,QAAQZ,GAAW,GAAOC,IAAiB/B,EAAG,QAAQD,EAAIwC,GAAGxC,EAAIqC,GAAG,CAAClB,IAAI,QAAQZ,YAAY,kDAAkDF,MAAM,CAC7P,6BAA8BL,EAAI4C,QAClC,kBAAmB5C,EAAIsC,SACvB,YAAatC,EAAIsC,UACjB5B,MAAM,CAAC,KAAO,QAAQc,GAAG,CAAC,MAAQxB,EAAI0C,YAAY,KAAO1C,EAAI2C,aAAa,QAAQZ,GAAW,GAAOC,IAAkBhC,EAAa,UAAEC,EAAG,MAAM,CAACM,YAAY,0DAA0D,CAACN,EAAG,MAAM,CAACM,YAAY,sBAAsBG,MAAM,CAAC,QAAU,cAAc,CAACT,EAAG,SAAS,CAACM,YAAY,OAAOG,MAAM,CAAC,GAAK,KAAK,GAAK,KAAK,EAAI,KAAK,KAAO,OAAO,eAAe,WAAWV,EAAI6C,KAAO7C,EAAI8C,MAAMC,MAAMC,KAAKP,QAAWzC,EAAI8C,MAAMC,MAAME,YAAYR,OAE5UzC,EAAI6C,KAFgV5C,EAAG,SAAS,CAACM,YAAY,gFAAgFF,MAAM,CAC5kB,UAAaL,EAAIkD,WACjBxC,MAAM,CAAC,KAAO,UAAUc,GAAG,CAAC,MAAQxB,EAAIyB,qBAAqB,CAACxB,EAAG,OAAO,CAACM,YAAY,WAAW,CAACP,EAAIE,GAAG,YAAYD,EAAG,eAAe,OAAgBA,EAAG,kBAAkB,CAACM,YAAY,wBAAwBN,EAAG,MAAMD,EAAIwC,GAAGxC,EAAIqC,GAAG,CAAChC,MAAM,CAClP,8FAA+FL,EAAIsC,SACnG,uBAAwBtC,EAAIsC,UAC5B9B,MAAM,IAAM,MAAMyB,GAAgB,GAAOC,GAAqB,CAAEC,EAAc,OAAElC,EAAG,MAAM,CAACI,MAAM,CAC9F,OAAQL,EAAIsC,WACX,CAAEtC,EAAImD,mBAAqBhB,EAAQM,OAAQ,CAACxC,EAAG,OAAO,CAACM,YAAY,wCAAwC,CAACN,EAAG,IAAI,CAACD,EAAIE,GAAGF,EAAIoD,GAAGpD,EAAIqB,MAAMgC,wBAAwBpD,EAAG,MAAM,CAACkB,IAAI,sBAAsBZ,YAAY,OAAOF,MAAM,CAC9N,2BAA4BL,EAAIsC,WAC/BtC,EAAIsD,GAAG,GAAU,SAASC,EAAOC,GAAO,OAAOvD,EAAG,MAAMD,EAAIqC,GAAG,CAACT,IAAI2B,EAAOE,GAAGlD,YAAY,kEAAkEF,MAAM,CACjK,OAAQL,EAAIsC,UACZoB,SAAS,CAAC,UAAY1D,EAAIoD,GAAGG,EAAOI,QAAQ,MAAMvB,EAAYoB,IAAO,OAAU,IAAI,CAAErB,EAAQM,QAAUzC,EAAI4D,WAAWzB,GAASM,OAAQxC,EAAG,OAAO,CAACM,YAAY,wCAAwC,CAACN,EAAG,IAAI,CAACM,YAAY,QAAQ,CAACP,EAAIE,GAAGF,EAAIoD,GAAGpD,EAAIqB,MAAMwC,cAAc7D,EAAIE,GAAG,KAAKF,EAAIoD,GAAGpD,EAAI4D,WAAWzB,GAASM,QAAQ,QAAQzC,EAAI6C,KAAK5C,EAAG,MAAM,CAACkB,IAAI,sBAAsBZ,YAAY,OAAOF,MAAM,CAC7Y,2BAA4BL,EAAIsC,WAC/BtC,EAAIsD,GAAItD,EAAI4D,WAAWzB,IAAU,SAASoB,GAAQ,OAAOtD,EAAG,MAAMD,EAAIqC,GAAG,CAACT,IAAIQ,EAAYmB,EAAOC,OAAOM,IAAIvD,YAAY,4EAA4EF,MAAM,CACzM,OAAQL,EAAIsC,UACZoB,SAAS,CAAC,UAAY1D,EAAIoD,GAAGG,EAAOQ,SAAS,MAAM3B,EAAYmB,EAAOC,QAAO,OAAU,GAAIrB,EAAQM,QAAUzC,EAAIgE,UAAU7B,GAASM,OAAQxC,EAAG,OAAO,CAACM,YAAY,6CAA6C,CAACN,EAAG,IAAI,CAACD,EAAIE,GAAGF,EAAIoD,GAAGpD,EAAIqB,MAAM4C,iBAAiBjE,EAAI6C,KAAK7C,EAAIsD,GAAItD,EAAIgE,UAAU7B,IAAU,SAASoB,GAAQ,OAAOtD,EAAG,MAAMD,EAAIqC,GAAG,CAACT,IAAIQ,EAAYmB,EAAOC,OAAOG,KAAKpD,YAAY,kEAAkEF,MAAM,CAC7c,OAAQL,EAAIsC,UACZoB,SAAS,CAAC,UAAY1D,EAAIoD,GAAGG,EAAOI,QAAQ,MAAMvB,EAAYmB,EAAOC,QAAO,SAAY,GAAGxD,EAAI6C,QAAQ,WACnHqB,EAAkB,G,2OCiKtB,GACEC,WAAY,CACVC,aAAJ,OACIC,WAAJ,IACIC,gBAAJ,QAEEC,MAAO,CACLlD,MAAO,CACLmD,KAAM5D,OACN6D,UAAU,GAEZC,cAAe,CACbF,KAAMG,QACNC,SAAS,GAEXC,SAAU,CACRL,KAAMG,QACNC,SAAS,GAEXrC,YAAa,CACXiC,KAAMM,OACNF,QAAS,IAEXtC,SAAU,CACRkC,KAAMG,QACNC,SAAS,GAEXG,YAAa,CACXP,KAAMG,QACNC,SAAS,IAGbzE,KAhCF,WAiCI,MAAO,CACL6E,MAAO,GACPlC,MAAN,OACMmC,YAAa,KACb9C,QAAS,GACT+C,gBAAiB,GACjBC,IAAK,KACLjC,WAAW,EACXN,SAAS,EACTO,mBAAmB,IAGvBiC,SAAU,CACRC,aADJ,WACA,IACA,gCACM,OAAOA,GAETC,YALJ,WAKA,MACA,mBADA,EACA,OADA,EACA,YACM,OAAQtC,EAAKP,SAAWQ,EAAYR,QAEtC8C,iBATJ,WASA,IACA,uCACM,OAAOD,GAAeD,EAAa5C,SAGvC+C,MAAO,CACL5C,QADJ,SACA,GACM5B,KAAKyE,MAAM,gBAAiBT,KAGhCU,QAhEF,WAiEQ1E,KAAK0D,eACP1D,KAAK2E,cAGTC,QAAS,CACP,OADJ,SACA,0LACA,sCACA,aAFA,mBAGA,wBACA,EAJA,wDAKA,IALA,YAQA,mBARA,yCASA,IATA,cAWA,uBACA,eAEA,0BAEA,GACA,WAGA,6BACA,qBArBA,UAwBA,qDAxBA,4BAuBA,OAvBA,EAuBA,SAvBA,EAuBA,UAvBA,EAuBA,IAGA,iDAQA,EANA,EAMA,EALA,mBAEA,OADA,QACA,KAKA,gIACA,oCACA,QACA,eAvCA,kBAyCA,GAzCA,+CA2CIlD,YA5CJ,WA6CM1B,KAAK4B,SAAU,GAEjBD,WA/CJ,WAgDM3B,KAAK4B,SAAU,GAEjB+C,WAlDJ,WAmDM3E,KAAK6E,MAAMC,MAAMC,SAEnB/B,UArDJ,SAqDA,GACM,OAAO7B,EAAQ6D,QAAO,SAA5B,4BAEIpC,WAxDJ,SAwDA,GACM,OAAOzB,EAAQ6D,QAAO,SAA5B,4BAEIzE,eA3DJ,WA6DM,OADAP,KAAKgE,MAAQhE,KAAK6E,MAAMC,MAAMd,MACvB,IAET,mBA/DJ,SA+DA,mLAEA,UAFA,uBAGA,6BAHA,6BAOA,oBAPA,gCAQA,sCARA,uBASA,yDATA,cAYA,IAZA,UAaA,+BAbA,WAcA,aACA,wBAGA,kBAlBA,wBAmBA,iCAnBA,+BAwBA,GACA,oFACA,IACA,8BACA,sBAGA,wHACA,UAIA,UApCA,kCAsCA,oDAtCA,QAuCA,2BACA,kBACA,0BAzCA,4BA4CA,WA5CA,kCA8CA,0CA9CA,mCAkDA,6BACA,gBAnDA,kCAoDA,+BApDA,iDAwDA,sCACA,2BACA,iBACA,aACA,0BA5DA,UA8DA,qDA9DA,QAgEA,8BACA,qBAjEA,yBAmEA,qCAnEA,yBAoEA,+DApEA,yBAqEA,oBArEA,+CAuEIiB,4BAtIJ,SAsIA,OACA,yBACMjF,KAAK8B,MAAMoD,SAAS,UAAW,CAArC,SACMlF,KAAK8B,MAAMoD,SAAS,iBAAkB,CAA5C,gBACMlF,KAAK8B,MAAMoD,SAAS,kCAAmC,CAA7D,WACM,EAAN,mBAEI,iBA7IJ,SA6IA,2KACA,oDADA,uBAEA,oBAFA,8CAII,UAjJJ,SAiJA,2KACA,sCADA,uBAEA,oBAFA,gDC7Z8W,I,wBCQ1WC,EAAY,eACd,EACApF,EACAmD,GACA,EACA,KACA,WACA,MAIa,aAAAiC,E,8CCnBf,4BACE,KAAMC,aAAoBC,GACxB,MAAM,IAAIC,UAAU,qCAIxB,SAASC,EAAgBC,EAAK5E,EAAKoD,GAYjC,OAXIpD,KAAO4E,EACT5F,OAAO6F,eAAeD,EAAK5E,EAAK,CAC9BoD,MAAOA,EACP0B,YAAY,EACZC,cAAc,EACdC,UAAU,IAGZJ,EAAI5E,GAAOoD,EAGNwB,EAGT,SAASK,EAAQC,EAAQC,GACvB,IAAIC,EAAOpG,OAAOoG,KAAKF,GAEvB,GAAIlG,OAAOqG,sBAAuB,CAChC,IAAIC,EAAUtG,OAAOqG,sBAAsBH,GACvCC,IAAgBG,EAAUA,EAAQlB,QAAO,SAAUmB,GACrD,OAAOvG,OAAOwG,yBAAyBN,EAAQK,GAAKT,eAEtDM,EAAKK,KAAKC,MAAMN,EAAME,GAGxB,OAAOF,EAGT,SAASO,EAAeC,GACtB,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUjF,OAAQgF,IAAK,CACzC,IAAIE,EAAyB,MAAhBD,UAAUD,GAAaC,UAAUD,GAAK,GAE/CA,EAAI,EACNZ,EAAQjG,OAAO+G,IAAS,GAAMC,SAAQ,SAAUhG,GAC9C2E,EAAgBiB,EAAQ5F,EAAK+F,EAAO/F,OAE7BhB,OAAOiH,0BAChBjH,OAAOkH,iBAAiBN,EAAQ5G,OAAOiH,0BAA0BF,IAEjEd,EAAQjG,OAAO+G,IAASC,SAAQ,SAAUhG,GACxChB,OAAO6F,eAAee,EAAQ5F,EAAKhB,OAAOwG,yBAAyBO,EAAQ/F,OAKjF,OAAO4F,EAOT,IAAIO,EAAU,SAAiBC,EAASC,GACtC,OAAOD,EAAQD,QAAUC,EAAQD,QAAQE,GAAYD,EAAQE,kBAAoBF,EAAQE,kBAAkBD,GAAYD,EAAQG,sBAAwBH,EAAQG,sBAAsBF,GAAY,MAK/LG,EAAkB,SAAyBC,EAAIJ,GACjD,IAAID,EAAUK,EAEd,MAAOL,GAAgC,IAArBA,EAAQM,SAAgB,CACxC,GAAIP,EAAQC,EAASC,GACnB,OAAOD,EAGTA,EAAUA,EAAQO,WAGpB,OAAO,MAGLC,EAAU,SAAiBR,EAASC,GACtC,OAAOD,EAAQQ,QAAUR,EAAQQ,QAAQP,GAAYG,EAAgBJ,EAASC,IAK5EQ,EAAY,SAAmBzD,GACjC,OAAOL,QAAQK,GAA+B,oBAAfA,EAAM0D,OAGnCC,EAAmB,SAASA,IAC9B,IAAIC,EAAQ5H,KAER6H,EAAOnB,UAAUjF,OAAS,QAAsBqG,IAAjBpB,UAAU,GAAmBA,UAAU,GAAK,GAC3EtG,EAASyH,EAAKzH,OACd2H,EAAkBF,EAAKG,WACvBA,OAAiC,IAApBD,GAAqCA,EAClDE,EAAgBJ,EAAKK,SACrBA,OAA6B,IAAlBD,EAA2B,aAAiBA,EACvDE,EAAoBN,EAAKO,aACzBA,OAAqC,IAAtBD,EAA+B,aAAiBA,EAC/DE,EAAgBR,EAAKS,SACrBA,OAA6B,IAAlBD,EAA2B,aAAiBA,EACvDE,EAAgBV,EAAKW,SACrBA,OAA6B,IAAlBD,EAA2B,aAAiBA,EACvDE,EAAcZ,EAAKa,OACnBA,OAAyB,IAAhBD,EAAyB,aAAiBA,EACnDE,EAAmBd,EAAKe,YACxBA,OAAmC,IAArBD,GAAsCA,EACpDE,EAAchB,EAAKiB,OACnBA,OAAyB,IAAhBD,EAAyB,aAAiBA,EACnDE,EAAiBlB,EAAKmB,UACtBA,OAA+B,IAAnBD,EAA4B,aAAiBA,EACzDE,EAAgBpB,EAAKqB,SACrBA,OAA6B,IAAlBD,EAA2B,aAAiBA,EAE3DE,EAAgBnJ,KAAM2H,GAEtBpC,EAAgBvF,KAAM,QAAS,IAE/BuF,EAAgBvF,KAAM,gBAAiB,GAEvCuF,EAAgBvF,KAAM,UAAW,IAEjCuF,EAAgBvF,KAAM,iBAAkB,GAExCuF,EAAgBvF,KAAM,WAAW,WAC/B4H,EAAMxH,OAAS,KACfwH,EAAMM,SAAW,KACjBN,EAAMQ,aAAe,KACrBR,EAAMU,SAAW,KACjBV,EAAMY,SAAW,KACjBZ,EAAMgB,YAAc,KACpBhB,EAAMc,OAAS,KACfd,EAAMkB,OAAS,KACflB,EAAMoB,UAAY,KAClBpB,EAAMsB,SAAW,QAGnB3D,EAAgBvF,KAAM,eAAe,SAAUoJ,GAC7C,IAAIpF,EAAQoF,EAAM5C,OAAOxC,MAEzB4D,EAAMyB,cAAcrF,GAEpB4D,EAAM5D,MAAQA,KAGhBuB,EAAgBvF,KAAM,iBAAiB,SAAUoJ,GAC/C,IAAIxI,EAAMwI,EAAMxI,IAEhB,OAAQA,GACN,IAAK,KAEL,IAAK,OAEL,IAAK,UACL,IAAK,YAED,IAAI0I,EAAwB,YAAR1I,GAA6B,OAARA,EAAegH,EAAM0B,cAAgB,EAAI1B,EAAM0B,cAAgB,EACxGF,EAAMG,iBAEN3B,EAAM4B,aAAaF,GAEnB,MAGJ,IAAK,MAED1B,EAAM6B,eAEN,MAGJ,IAAK,QAED,IAAIC,EAAiB9B,EAAMzG,QAAQyG,EAAM0B,eAEzC1B,EAAM6B,eAEN7B,EAAMY,SAASkB,GAEf,MAGJ,IAAK,MAEL,IAAK,SAED9B,EAAM+B,cAEN/B,EAAMM,WAEN,MAGJ,QACE,WAIN3C,EAAgBvF,KAAM,eAAe,SAAUoJ,GAC7C,IAAIpF,EAAQoF,EAAM5C,OAAOxC,MAEzB4D,EAAMyB,cAAcrF,GAEpB4D,EAAM5D,MAAQA,KAGhBuB,EAAgBvF,KAAM,cAAc,WAClC4H,EAAM+B,iBAGRpE,EAAgBvF,KAAM,yBAAyB,SAAUoJ,GACvDA,EAAMG,oBAGRhE,EAAgBvF,KAAM,qBAAqB,SAAUoJ,GACnD,IAAI5C,EAAS4C,EAAM5C,OACfjE,EAASiF,EAAQhB,EAAQ,uBAE7B,GAAIjE,EAAQ,CACVqF,EAAM0B,cAAgBM,SAASrH,EAAOsH,QAAQC,YAAa,IAC3D,IAAIJ,EAAiB9B,EAAMzG,QAAQyG,EAAM0B,eAEzC1B,EAAM6B,eAEN7B,EAAMY,SAASkB,OAInBnE,EAAgBvF,KAAM,gBAAgB,SAAUsJ,GAE9C,IAAIS,EAAenC,EAAMzG,QAAQM,OACjCmG,EAAM0B,eAAiBA,EAAgBS,EAAeA,GAAgBA,EAEtEnC,EAAMU,SAASV,EAAMzG,QAASyG,EAAM0B,kBAGtC/D,EAAgBvF,KAAM,gBAAgB,WACpC,IAAI0J,EAAiB9B,EAAMzG,QAAQyG,EAAM0B,eAErCI,GACF9B,EAAMM,SAASwB,GAGjB9B,EAAM+B,iBAGRpE,EAAgBvF,KAAM,iBAAiB,SAAUgE,GAC/C,IAAIgG,IAAkBpC,EAAMqC,cAE5BrC,EAAMoB,YAENpB,EAAMxH,OAAO4D,GAAO0D,MAAK,SAAUvG,GAC7B6I,IAAkBpC,EAAMqC,gBAI5BrC,EAAMzG,QAAUA,EAEhByG,EAAMsB,WAEuB,IAAzBtB,EAAMzG,QAAQM,QAMlBmG,EAAM0B,cAAgB1B,EAAMI,WAAa,GAAK,EAE9CJ,EAAMU,SAASV,EAAMzG,QAASyG,EAAM0B,eAEpC1B,EAAMsC,eATJtC,EAAM+B,qBAaZpE,EAAgBvF,KAAM,eAAe,WACnC4H,EAAMQ,aAAa,iBAAiB,GAEpCR,EAAMc,YAGRnD,EAAgBvF,KAAM,eAAe,WACnC4H,EAAM0B,eAAiB,EACvB1B,EAAMzG,QAAU,GAEhByG,EAAMQ,aAAa,iBAAiB,GAEpCR,EAAMQ,aAAa,wBAAyB,IAE5CR,EAAMU,SAASV,EAAMzG,QAASyG,EAAM0B,eAEpC1B,EAAMkB,YAGRvD,EAAgBvF,KAAM,8BAA8B,SAAUmK,GAC5D,IAAIC,EAAwBD,EAAeE,cAAc,uBAAwBvK,OAAO8H,EAAM0B,cAAe,OAE7G,GAAKc,EAAL,CAIA,IAAIE,EAAkBH,EAAeI,wBACjCC,EAAmBJ,EAAsBG,wBAEzCC,EAAiBC,IAAMH,EAAgBG,IAEzCN,EAAeO,WAAaJ,EAAgBG,IAAMD,EAAiBC,IAC1DD,EAAiBG,OAASL,EAAgBK,SAEnDR,EAAeO,WAAaF,EAAiBG,OAASL,EAAgBK,YAI1E3K,KAAKI,OAASqH,EAAUrH,GAAUA,EAAS,SAAU4D,GACnD,OAAO4G,QAAQC,QAAQzK,EAAO4D,KAEhChE,KAAKgI,WAAaA,EAClBhI,KAAKkI,SAAWA,EAChBlI,KAAKoI,aAAeA,EACpBpI,KAAKsI,SAAWA,EAChBtI,KAAKwI,SAAWA,EAChBxI,KAAK4I,YAAcA,EACnB5I,KAAK0I,OAASA,EACd1I,KAAK8I,OAASA,EACd9I,KAAKgJ,UAAYA,EACjBhJ,KAAKkJ,SAAWA,GAKd4B,EAAY,EAEZC,EAAW,WACb,IAAIC,EAAStE,UAAUjF,OAAS,QAAsBqG,IAAjBpB,UAAU,GAAmBA,UAAU,GAAK,GACjF,MAAO,GAAG5G,OAAOkL,GAAQlL,SAASgL,IAQhCG,EAAsB,SAA6BC,EAAUC,GAC/D,IAAIC,EAAYF,EAASX,wBACrBc,EAAYF,EAASZ,wBACrBe,EAEJF,EAAUT,OAASU,EAAUE,OAASC,OAAOC,aAE7CD,OAAOC,YAAcL,EAAUT,OAASS,EAAUX,KAElDe,OAAOE,YAAcN,EAAUX,IAAMY,EAAUE,OAAS,EACxD,OAAOD,EAAgB,QAAU,SAQ/BK,EAAW,SAAkBC,EAAMC,EAAMC,GAC3C,IAAIC,EACJ,OAAO,WACL,IAAIC,EAAUhM,KACViM,EAAOvF,UAEPwF,EAAQ,WACVH,EAAU,KACLD,GAAWF,EAAKtF,MAAM0F,EAASC,IAGlCE,EAAUL,IAAcC,EAC5BK,aAAaL,GACbA,EAAUM,WAAWH,EAAOL,GACxBM,GAASP,EAAKtF,MAAM0F,EAASC,KAIjCK,EAAS,CACX3J,KAAM,eACN4J,cAAc,EACdhJ,MAAO,CACLnD,OAAQ,CACNoD,KAAMgJ,SACN/I,UAAU,GAEZgJ,UAAW,CACTjJ,KAAMM,OACN,QAAW,gBAEbkE,WAAY,CACVxE,KAAMG,QACN,SAAW,GAEbpD,eAAgB,CACdiD,KAAMgJ,SACN,QAAW,SAAkBjK,GAC3B,OAAOA,IAGXmK,aAAc,CACZlJ,KAAMM,OACN,QAAW,IAEb6I,aAAc,CACZnJ,KAAMoJ,OACN,QAAW,IAGfzN,KAAM,WACJ,IAAI0N,EAAO,IAAIlF,EAAiB,CAC9BvH,OAAQJ,KAAKI,OACb4H,WAAYhI,KAAKgI,WACjBE,SAAUlI,KAAKkI,SACfI,SAAUtI,KAAK8M,aACftE,SAAUxI,KAAK+M,aACfrE,OAAQ1I,KAAKgN,WACblE,OAAQ9I,KAAKiN,WACbjE,UAAWhJ,KAAKkN,cAChBhE,SAAUlJ,KAAKmN,eAOjB,OAJInN,KAAK2M,aAAe,IACtBE,EAAKO,YAAczB,EAASkB,EAAKO,YAAapN,KAAK2M,eAG9C,CACLE,KAAMA,EACN7I,MAAOhE,KAAK0M,aACZW,aAActC,EAAS,GAAGjL,OAAOE,KAAKyM,UAAW,kBACjDtL,QAAS,GACTmI,eAAgB,EAChBgE,UAAU,EACVC,SAAS,EACTC,SAAU,QACVC,eAAe,IAGnBrJ,SAAU,CACRtD,UAAW,WACT,MAAO,CACL,MAASd,KAAKyM,UACdjN,MAAO,CACLgO,SAAU,YAEZ,gBAAiBxN,KAAKsN,SACtB,eAAgBtN,KAAKuN,QACrB,gBAAiBvN,KAAKwN,WAG1BzM,WAAY,WACV,OAAOwF,EAAe,CACpB,MAAS,GAAGzG,OAAOE,KAAKyM,UAAW,UACnCzI,MAAOhE,KAAKgE,MACZ0J,KAAM,WACNC,aAAc,MACdC,eAAgB,MAChBhF,YAAa,MACbiF,WAAY,QACZ,oBAAqB,OACrB,gBAAiB,UACjB,YAAa7N,KAAKqN,aAClB,gBAAiBrN,KAAKsN,SAAW,OAAS,QAC1C,wBAAyBtN,KAAKsJ,eAAiB,EAAItJ,KAAKoB,YAAYpB,KAAKsJ,eAAe7G,GAAK,IAC5FzC,KAAK8N,SAEV9M,eAAgB,WACd,MAAO,CACL8D,MAAO9E,KAAKoN,YACZW,QAAS/N,KAAK6M,KAAKmB,cACnBjJ,MAAO/E,KAAK6M,KAAKnL,YACjBuM,KAAMjO,KAAK6M,KAAKlL,aAGpBV,gBAAiB,WACf,IAAIiN,EAA8B,UAAlBlO,KAAKwN,SAAuB,MAAQ,SACpD,MAAO,CACL/K,GAAIzC,KAAKqN,aACT,MAAS,GAAGvN,OAAOE,KAAKyM,UAAW,gBACnCiB,KAAM,UACNlO,MAAO+F,EAAgB,CACrBiI,SAAU,WACVW,OAAQ,EACRC,MAAO,OACPC,WAAYrO,KAAKsN,SAAW,UAAY,SACxCgB,cAAetO,KAAKsN,SAAW,OAAS,QACvCY,EAAW,UAGlBhN,oBAAqB,WACnB,MAAO,CACLqN,UAAWvO,KAAK6M,KAAK2B,sBACrBC,MAAOzO,KAAK6M,KAAK6B,oBAGrBtN,YAAa,WACX,IAAIwG,EAAQ5H,KAEZ,OAAOA,KAAKmB,QAAQwN,KAAI,SAAUpM,EAAQC,GACxC,OAAO+D,EAAe,CACpB9D,GAAI,GAAG3C,OAAO8H,EAAM6E,UAAW,YAAY3M,OAAO0C,GAClD,MAAS,GAAG1C,OAAO8H,EAAM6E,UAAW,WACpC,oBAAqBjK,EACrBkL,KAAM,UACL9F,EAAM0B,gBAAkB9G,EAAQ,CACjC,gBAAiB,QACf,SAIVkC,QAAS,WACPkK,SAASC,KAAKC,iBAAiB,QAAS9O,KAAK+O,sBAE/CC,cAAe,WACbJ,SAASC,KAAKI,oBAAoB,QAASjP,KAAK+O,sBAElDG,QAAS,WACFlP,KAAK6E,MAAMC,OAAU9E,KAAK6E,MAAMsK,aAIjCnP,KAAKyN,eAAiBzN,KAAKmB,QAAQM,OAAS,IAC9CzB,KAAKyN,eAAgB,EACrBzN,KAAKwN,SAAWvC,EAAoBjL,KAAK6E,MAAMC,MAAO9E,KAAK6E,MAAMsK,aAGnEnP,KAAK6M,KAAKuC,2BAA2BpP,KAAK6E,MAAMsK,cAElDvK,QAAS,CACPsD,SAAU,SAAkB3F,GAC1BvC,KAAKgE,MAAQzB,EAASvC,KAAKO,eAAegC,GAAU,IAEtDuK,aAAc,SAAsB3L,EAASmI,GAC3CtJ,KAAKmB,QAAUA,EACfnB,KAAKsJ,cAAgBA,EACrBtJ,KAAKyE,MAAM,SAAUtD,EAASmI,IAEhC0D,WAAY,WACVhN,KAAKsN,UAAW,GAElBL,WAAY,WACVjN,KAAKsN,UAAW,EAChBtN,KAAKyN,eAAgB,GAEvBP,cAAe,WACblN,KAAKuN,SAAU,GAEjBJ,aAAc,WACZnN,KAAKuN,SAAU,GAEjBH,YAAa,SAAqBhE,GAChCpJ,KAAKgE,MAAQoF,EAAM5C,OAAOxC,MAC1BhE,KAAK6M,KAAKO,YAAYhE,IAExB2D,aAAc,SAAsBrD,GAClC1J,KAAKyE,MAAM,SAAUiF,IAEvBqF,oBAAqB,SAA6B3F,GAC5CpJ,KAAK6E,MAAMwK,KAAKC,SAASlG,EAAM5C,SAInCxG,KAAK6M,KAAKlD,iBAKhB,SAAS4F,EAAmBC,EAAUhQ,EAAO8M,EAAQmD,EAASC,EAAsBC,EAAoCC,EAAYC,EAAgBC,EAAmBC,GACzI,mBAAfH,IACPE,EAAoBD,EACpBA,EAAiBD,EACjBA,GAAa,GAGjB,MAAMI,EAA4B,oBAAX1D,EAAwBA,EAAO0D,QAAU1D,EAehE,IAAI2D,EAmCJ,GAhDIT,GAAYA,EAASzP,SACrBiQ,EAAQjQ,OAASyP,EAASzP,OAC1BiQ,EAAQ9M,gBAAkBsM,EAAStM,gBACnC8M,EAAQE,WAAY,EAEhBR,IACAM,EAAQlR,YAAa,IAIzB2Q,IACAO,EAAQG,SAAWV,GAGnBE,GAEAM,EAAO,SAAUjE,GAEbA,EACIA,GACKhM,KAAKoQ,QAAUpQ,KAAKoQ,OAAOC,YAC3BrQ,KAAKsQ,QAAUtQ,KAAKsQ,OAAOF,QAAUpQ,KAAKsQ,OAAOF,OAAOC,WAE5DrE,GAA0C,qBAAxBuE,sBACnBvE,EAAUuE,qBAGV/Q,GACAA,EAAMgR,KAAKxQ,KAAM8P,EAAkB9D,IAGnCA,GAAWA,EAAQyE,uBACnBzE,EAAQyE,sBAAsBC,IAAIf,IAK1CK,EAAQW,aAAeV,GAElBzQ,IACLyQ,EAAOL,EACD,SAAU5D,GACRxM,EAAMgR,KAAKxQ,KAAM+P,EAAqB/D,EAAShM,KAAK4Q,MAAMC,SAASC,cAErE,SAAU9E,GACRxM,EAAMgR,KAAKxQ,KAAM6P,EAAe7D,MAGxCiE,EACA,GAAID,EAAQlR,WAAY,CAEpB,MAAMiS,EAAiBf,EAAQjQ,OAC/BiQ,EAAQjQ,OAAS,SAAkCiR,EAAGhF,GAElD,OADAiE,EAAKO,KAAKxE,GACH+E,EAAeC,EAAGhF,QAG5B,CAED,MAAMiF,EAAWjB,EAAQkB,aACzBlB,EAAQkB,aAAeD,EAAW,GAAGnR,OAAOmR,EAAUhB,GAAQ,CAACA,GAGvE,OAAO3D,EAIX,MAAM6E,EAAiB7E,EAGvB,IAAI8E,EAAiB,WAAa,IAAIpS,EAAIgB,KAASjB,EAAGC,EAAIiB,eAAmBhB,EAAGD,EAAIkB,MAAMjB,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACkB,IAAI,QAAQ,CAACnB,EAAIqS,GAAG,UAAU,CAACpS,EAAG,MAAMD,EAAIqC,GAAG,GAAG,MAAMrC,EAAI8B,WAAU,GAAO,CAAC7B,EAAG,QAAQD,EAAIwC,GAAGxC,EAAIqC,GAAG,CAAClB,IAAI,QAAQK,GAAG,CAAC,MAAQxB,EAAIoO,YAAY,QAAUpO,EAAI6N,KAAKmB,cAAc,MAAQhP,EAAI6N,KAAKnL,YAAY,KAAO1C,EAAI6N,KAAKlL,aAAa,QAAQ3C,EAAI+B,YAAW,GAAO/B,EAAIsS,aAAatS,EAAIE,GAAG,KAAKD,EAAG,KAAKD,EAAIwC,GAAGxC,EAAIqC,GAAG,CAAClB,IAAI,cAAc,KAAKnB,EAAIiC,iBAAgB,GAAOjC,EAAIkC,qBAAqB,CAAClC,EAAIsD,GAAItD,EAAW,SAAE,SAASuD,EAAOC,GAAO,MAAO,CAACxD,EAAIqS,GAAG,SAAS,CAACpS,EAAG,KAAKD,EAAIqC,GAAG,CAACT,IAAI5B,EAAIoC,YAAYoB,GAAOC,IAAI,KAAKzD,EAAIoC,YAAYoB,IAAO,GAAO,CAACxD,EAAIE,GAAG,mBAAmBF,EAAIoD,GAAGpD,EAAIuB,eAAegC,IAAS,qBAAqB,CAAC,OAASA,EAAO,MAAQvD,EAAIoC,YAAYoB,UAAa,MAAM,CAAC,UAAYxD,EAAI8B,UAAU,WAAa9B,EAAI+B,WAAW,eAAiB/B,EAAIgC,eAAe,gBAAkBhC,EAAIiC,gBAAgB,oBAAsBjC,EAAIkC,oBAAoB,QAAUlC,EAAImC,QAAQ,YAAcnC,EAAIoC,eAAe,IACngCmQ,EAA0B,GAG5B,MAAMC,OAAwB1J,EAExB2J,OAAmB3J,EAEnB4J,OAA4B5J,EAE5B6J,GAAiC,EASjCC,EAAoBrC,EACxB,CAAExP,OAAQqR,EAAgBlO,gBAAiBqO,GAC3CC,EACAL,EACAM,EACAE,EACAD,GACA,OACA5J,OACAA,OACAA,GAGJ,SAAS+J,EAAQC,GACXD,EAAQE,YAIZF,EAAQE,WAAY,EACpBD,EAAI3M,UAAU,eAAgByM,IAGhC,IAIII,EAJAC,EAAS,CACXJ,QAASA,GAKW,qBAAXrG,OACTwG,EAAYxG,OAAOsG,IACQ,qBAAXI,IAChBF,EAAYE,EAAOJ,KAGjBE,GACFA,EAAUG,IAAIF,GAKhBL,EAAkBC,QAAUA,EAEb,W","file":"js/chunk-7c9b553b.5865ae50.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarAutocomplete.vue?vue&type=style&index=0&id=2987d2c2&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarAutocomplete.vue?vue&type=style&index=0&id=2987d2c2&scoped=true&lang=css&\"","\n      module.exports = {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"width\":\"15\",\"height\":\"15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('circle',{attrs:{\"cx\":\"6.25\",\"cy\":\"5.5\",\"r\":\"5\"}}),_c('path',{attrs:{\"d\":\"M14.25 14l-4.5-4.5\"}})])\n          )\n        }\n      }\n    ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('autocomplete',{ref:\"autocomplete\",staticClass:\"c-facet__search-bar-autocomplete\",attrs:{\"search\":_vm.search,\"placeholder\":_vm.model.placeholderText,\"aria-label\":_vm.model.placeholderText,\"get-result-value\":_vm.getResultValue,\"submit-on-enter\":true},on:{\"submit\":_vm.submitSearchResult},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n    var rootProps = ref.rootProps;\n    var inputProps = ref.inputProps;\n    var inputListeners = ref.inputListeners;\n    var resultListProps = ref.resultListProps;\n    var resultListListeners = ref.resultListListeners;\n    var results = ref.results;\n    var resultProps = ref.resultProps;\nreturn [_c('div',_vm._b({class:{\n        'flex flex-col h-full oveflow-hidden': _vm.isMobile\n      }},'div',rootProps,false),[_c('div',[_c('div',{staticClass:\"flex items-center relative\",class:{\n            'sticky top-0 border border-outline-grey rounded': _vm.isMobile\n          }},[(_vm.placeholder.length)?_c('input',_vm._g(_vm._b({ref:\"input\",staticClass:\"flex-grow text-sm autocomplete-input font-light text-outline-grey\",class:{\n              'has-placeholder': _vm.placeholder.length,\n              'py-1 pl-2 mr-2': !_vm.isMobile,\n              'p-2': _vm.isMobile\n            },attrs:{\"type\":\"text\",\"placeholder\":_vm.placeholder},on:{\"focus\":_vm.handleFocus,\"blur\":_vm.handleBlur}},'input',inputProps,false),inputListeners)):_c('input',_vm._g(_vm._b({ref:\"input\",staticClass:\"flex-grow text-sm autocomplete-input font-light\",class:{\n              'autocomplete-input-focused': _vm.focused,\n              'py-1 pl-2 mr-2': !_vm.isMobile,\n              'px-3 py-2': _vm.isMobile\n            },attrs:{\"type\":\"text\"},on:{\"focus\":_vm.handleFocus,\"blur\":_vm.handleBlur}},'input',inputProps,false),inputListeners)),(_vm.isLoading)?_c('div',{staticClass:\"absolute ltr:right-0 ltr:mr-3 rtl:left-0 rtl:ml-3 mt-2\"},[_c('svg',{staticClass:\"new-spinner w-4 h-4\",attrs:{\"viewBox\":\"0 0 50 50\"}},[_c('circle',{staticClass:\"path\",attrs:{\"cx\":\"25\",\"cy\":\"25\",\"r\":\"20\",\"fill\":\"none\",\"stroke-width\":\"5\"}})])]):_vm._e(),(!_vm.store.state.tags.length && !_vm.store.state.searchTerms.length)?_c('button',{staticClass:\"search-btn-facet inline-flex ml-auto w-8 h-8 items-center justify-center mr-1\",class:{\n              'invisible': _vm.isLoading\n            },attrs:{\"type\":\"button\"},on:{\"click\":_vm.submitSearchResult}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Search\")]),_c('SearchIcon')],1):_vm._e()])]),_c('SelectedFilters',{staticClass:\"md:hidden mt-4 mb-4\"}),_c('div',_vm._g(_vm._b({class:{\n          'origin-top-right absolute left-0 w-full w-full max-w-xl bg-white shadow-dropdown mt-4 z-10': !_vm.isMobile,\n          'flex-1 overflow-auto': _vm.isMobile\n        },style:({})},'div',resultListProps,false),resultListListeners),[(results.length)?_c('div',{class:{\n            'p-2': !_vm.isMobile\n          }},[(_vm.recentSearchShown && results.length)?[_c('span',{staticClass:\"flex text-2xs px-2 py-1 bg-blue-grey\"},[_c('b',[_vm._v(_vm._s(_vm.model.recentSearchTitle))])]),_c('div',{ref:\"scrollableContainer\",staticClass:\"mt-2\",class:{\n                'max-h-260 overflow-auto': !_vm.isMobile\n              }},_vm._l((results),function(result,index){return _c('div',_vm._b({key:result.id,staticClass:\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey\",class:{\n                  'py-3': _vm.isMobile\n                },domProps:{\"innerHTML\":_vm._s(result.name)}},'div',resultProps[index],false))}),0)]:[(results.length && _vm.getRecipes(results).length)?_c('span',{staticClass:\"flex text-2xs px-2 py-1 bg-blue-grey\"},[_c('b',{staticClass:\"mr-1\"},[_vm._v(_vm._s(_vm.model.tagsTitle))]),_vm._v(\" (\"+_vm._s(_vm.getRecipes(results).length)+\") \")]):_vm._e(),_c('div',{ref:\"scrollableContainer\",staticClass:\"mt-2\",class:{\n                'max-h-260 overflow-auto': !_vm.isMobile\n              }},_vm._l((_vm.getRecipes(results)),function(result){return _c('div',_vm._b({key:resultProps[result.index].uid,staticClass:\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey last:mb-2\",class:{\n                  'py-3': _vm.isMobile\n                },domProps:{\"innerHTML\":_vm._s(result.title)}},'div',resultProps[result.index],false))}),0),(results.length && _vm.getFacets(results).length)?_c('span',{staticClass:\"flex text-2xs px-2 py-1 bg-blue-grey mb-2\"},[_c('b',[_vm._v(_vm._s(_vm.model.facetTitle))])]):_vm._e(),_vm._l((_vm.getFacets(results)),function(result){return _c('div',_vm._b({key:resultProps[result.index].name,staticClass:\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey\",class:{\n                'py-3': _vm.isMobile\n              },domProps:{\"innerHTML\":_vm._s(result.name)}},'div',resultProps[result.index],false))})]],2):_vm._e()])],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <autocomplete\n    ref=\"autocomplete\"\n    class=\"c-facet__search-bar-autocomplete\"\n    :search=\"search\"\n    :placeholder=\"model.placeholderText\"\n    :aria-label=\"model.placeholderText\"\n    :get-result-value=\"getResultValue\"\n    :submit-on-enter=\"true\"\n    @submit=\"submitSearchResult\"\n  >\n    <template\n      #default=\"{\n        rootProps,\n        inputProps,\n        inputListeners,\n        resultListProps,\n        resultListListeners,\n        results,\n        resultProps\n      }\"\n    >\n      <div\n        v-bind=\"rootProps\"\n        :class=\"{\n          'flex flex-col h-full oveflow-hidden': isMobile\n        }\"\n      >\n        <div>\n          <div\n            class=\"flex items-center relative\"\n            :class=\"{\n              'sticky top-0 border border-outline-grey rounded': isMobile\n            }\"\n          >\n            <input\n              v-if=\"placeholder.length\"\n              ref=\"input\"\n              v-bind=\"inputProps\"\n              class=\"flex-grow text-sm autocomplete-input font-light text-outline-grey\"\n              type=\"text\"\n              :class=\"{\n                'has-placeholder': placeholder.length,\n                'py-1 pl-2 mr-2': !isMobile,\n                'p-2': isMobile\n              }\"\n              :placeholder=\"placeholder\"\n              v-on=\"inputListeners\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n            >\n            <input\n              v-else\n              ref=\"input\"\n              v-bind=\"inputProps\"\n              class=\"flex-grow text-sm autocomplete-input font-light\"\n              type=\"text\"\n              :class=\"{\n                'autocomplete-input-focused': focused,\n                'py-1 pl-2 mr-2': !isMobile,\n                'px-3 py-2': isMobile\n              }\"\n              v-on=\"inputListeners\"\n              @focus=\"handleFocus\"\n              @blur=\"handleBlur\"\n            >\n            <div\n              v-if=\"isLoading\"\n              class=\"absolute ltr:right-0 ltr:mr-3 rtl:left-0 rtl:ml-3 mt-2 \"\n            >\n              <svg viewBox=\"0 0 50 50\" class=\"new-spinner w-4 h-4\">\n                <circle\n                  class=\"path\"\n                  cx=\"25\"\n                  cy=\"25\"\n                  r=\"20\"\n                  fill=\"none\"\n                  stroke-width=\"5\"\n                />\n              </svg>\n            </div>\n            <button\n              v-if=\"!store.state.tags.length && !store.state.searchTerms.length\"\n              type=\"button\"\n              class=\"search-btn-facet inline-flex ml-auto w-8 h-8 items-center justify-center mr-1\"\n              :class=\"{\n                'invisible': isLoading\n              }\"\n              @click=\"submitSearchResult\"\n            >\n              <span class=\"sr-only\">Search</span>\n              <SearchIcon />\n            </button>\n          </div>\n        </div>\n        <SelectedFilters\n          class=\"md:hidden mt-4 mb-4\"\n        />\n        <div\n          :class=\"{\n            'origin-top-right absolute left-0 w-full w-full max-w-xl bg-white shadow-dropdown mt-4 z-10': !isMobile,\n            'flex-1 overflow-auto': isMobile\n          }\"\n          :style=\"{}\"\n          v-bind=\"resultListProps\"\n          v-on=\"resultListListeners\"\n        >\n          <div\n            v-if=\"results.length\"\n            :class=\"{\n              'p-2': !isMobile\n            }\"\n          >\n            <template v-if=\"recentSearchShown && results.length\">\n              <span\n                class=\"flex text-2xs px-2 py-1 bg-blue-grey\"\n              >\n                <b>{{ model.recentSearchTitle }}</b>\n              </span>\n              <div\n                ref=\"scrollableContainer\"\n                class=\"mt-2\"\n                :class=\"{\n                  'max-h-260 overflow-auto': !isMobile\n                }\"\n              >\n                <div\n                  v-for=\"(result, index) in results\"\n                  :key=\"result.id\"\n                  v-bind=\"resultProps[index]\"\n                  class=\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey\"\n                  :class=\"{\n                    'py-3': isMobile\n                  }\"\n                  v-html=\"result.name\"\n                />\n              </div>\n            </template>\n            <template v-else>\n              <span\n                v-if=\"results.length && getRecipes(results).length\"\n                class=\"flex text-2xs px-2 py-1 bg-blue-grey\"\n              >\n                <b class=\"mr-1\">{{ model.tagsTitle }}</b> ({{ getRecipes(results).length }})\n              </span>\n              <div\n                ref=\"scrollableContainer\"\n                class=\"mt-2\"\n                :class=\"{\n                  'max-h-260 overflow-auto': !isMobile\n                }\"\n              >\n                <div\n                  v-for=\"result in getRecipes(results)\"\n                  :key=\"resultProps[result.index].uid\"\n                  v-bind=\"resultProps[result.index]\"\n                  class=\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey last:mb-2\"\n                  :class=\"{\n                    'py-3': isMobile\n                  }\"\n                  v-html=\"result.title\"\n                />\n              </div>\n              <span\n                v-if=\"results.length && getFacets(results).length\"\n                class=\"flex text-2xs px-2 py-1 bg-blue-grey mb-2\"\n              >\n                <b>{{ model.facetTitle }}</b>\n              </span>\n              <div\n                v-for=\"result in getFacets(results)\"\n                :key=\"resultProps[result.index].name\"\n                v-bind=\"resultProps[result.index]\"\n                class=\"search-item text-xs cursor-pointer px-2 py-1 hover:bg-blue-grey\"\n                :class=\"{\n                  'py-3': isMobile\n                }\"\n                v-html=\"result.name\"\n              />\n            </template>\n          </div>\n        </div>\n      </div>\n    </template>\n  </autocomplete>\n</template>\n\n<script>\nimport Autocomplete from '@trevoreyre/autocomplete-vue'\nimport SearchIcon from '@/assets/icons/search-icon.svg'\nimport coreApi from '@/api'\nimport api from '@/components/facet/api'\nimport store from '@/components/facet/store'\nimport pageRefresh from '@/components/facet/page-refresh'\nimport tracking from '@/helpers/tracking'\nimport SelectedFilters from '@/components/facet/FacetSelectedFilters.vue'\n\nlet cancelToken\n\nexport default {\n  components: {\n    Autocomplete,\n    SearchIcon,\n    SelectedFilters\n  },\n  props: {\n    model: {\n      type: Object,\n      required: true\n    },\n    focusOnShowUp: {\n      type: Boolean,\n      default: false\n    },\n    hideTags: {\n      type: Boolean,\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    isMobile: {\n      type: Boolean,\n      default: false\n    },\n    isFacetPage: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      value: '',\n      store,\n      cancelToken: null,\n      results: [],\n      filteredResults: [],\n      tag: null,\n      isLoading: false,\n      focused: false,\n      recentSearchShown: false\n    }\n  },\n  computed: {\n    recentSearch() {\n      const { recentSearch } = this.store.state\n      return recentSearch\n    },\n    isFacetZero() {\n      const { tags, searchTerms } = this.store.state\n      return !tags.length && !searchTerms.length\n    },\n    showRecentSearch() {\n      const { isFacetZero, recentSearch } = this\n      return isFacetZero && recentSearch.length\n    }\n  },\n  watch: {\n    focused(value) {\n      this.$emit('focus-changed', value)\n    }\n  },\n  mounted() {\n    if (this.focusOnShowUp) {\n      this.focusInput()\n    }\n  },\n  methods: {\n    async search(query) {\n      const { showRecentSearch, recentSearch } = this\n      if (query.length === 0) {\n        this.recentSearchShown = true\n        if (showRecentSearch) {\n          return [...recentSearch]\n        }\n      }\n      if (query.trim().length < 2) {\n        return []\n      }\n      this.recentSearchShown = false\n      this.isLoading = true\n\n      const { tagUids } = this.store.getters\n\n      if (cancelToken) {\n        cancelToken.cancel()\n      }\n\n      cancelToken = coreApi.createCancelToken()\n      const { tags: currentTags } = this.store.state\n      const {\n        data: { facets, recipes, tag }\n      } = await api.search.get({ query, tagUids, cancelToken })\n\n      const alreadySelectedTag = tag && currentTags.some((currentTag) => currentTag.uid === tag.uid)\n      let extendedRecipes\n      if (!alreadySelectedTag) {\n        extendedRecipes = recipes.map((recipe) => {\n          recipe.tag = tag\n          return recipe\n        })\n      } else {\n        extendedRecipes = recipes\n      }\n      const results = [...extendedRecipes, ...facets].map((item, index) => ({ ...item, index }))\n      this.filteredResults = [...results]\n      this.tag = tag\n      this.isLoading = false\n\n      return results\n    },\n    handleFocus() {\n      this.focused = true\n    },\n    handleBlur() {\n      this.focused = false\n    },\n    focusInput() {\n      this.$refs.input.focus()\n    },\n    getFacets(results) {\n      return results.filter(({ uid }) => !uid)\n    },\n    getRecipes(results) {\n      return results.filter(({ uid }) => uid)\n    },\n    getResultValue() {\n      this.value = this.$refs.input.value\n      return ''\n    },\n    async submitSearchResult(result) {\n      // It's recipe\n      if (result && result.url) {\n        document.location.href = result.url\n        return\n      }\n\n      if (!this.model.isFacetPage) {\n        await this.store.dispatch('setIsNotFacetPage')\n        await this.store.dispatch('setSortOrder', { sortOrder: 'Relevance' })\n      }\n\n      let selectedItem = result\n      await this.store.dispatch('showLoader')\n      const addItemToStart = this.isMobile\n      const firstFoundItem = this.filteredResults[0]\n\n      // is item from recent search\n      if (selectedItem && selectedItem.searchTerms) {\n        this.selectItemFromRecentHistory(selectedItem)\n        return\n      }\n\n      // submit the text field and check if found results match with input\n      if (!result\n        && firstFoundItem && firstFoundItem.name?.toLowerCase() === this.value.toLowerCase()) {\n        selectedItem = firstFoundItem\n        this.$refs.autocomplete.value = ''\n        this.$refs.input.blur()\n      }\n\n      if (result == null && this.value.toLowerCase() === this.tag?.name?.toLowerCase()) {\n        selectedItem = this.tag\n      }\n\n      // it's tag selection\n      if (selectedItem && selectedItem.uid) {\n        // tracking.selectTagFromAutocomplete(selectedItem.name, this.value)\n        await this.store.dispatch('addTag', { tag: selectedItem, addItemToStart })\n        tracking.submitRecipeSearch({\n          searchTerm: selectedItem.name,\n          placement: 'hero filter'\n        })\n        // tracking.currentTagCombination()\n      } else if (selectedItem && selectedItem.tags) {\n        // it's facet selection\n        await this.store.dispatch('setTags', { tags: selectedItem.tags })\n        // tracking.selectFacetFromAutocomplete(selectedItem.name, this.value)\n      } else {\n        // free text search\n        const searchTerm = this.$refs.autocomplete.value\n        if (!searchTerm.trim().length) {\n          await this.store.dispatch('hideLoader')\n          return\n        }\n\n        const { currentTagsAndTerms: currentFilters } = this.store.getters\n        tracking.submitFilterSearch({\n          currentFilters,\n          filterName: searchTerm,\n          placement: 'hero filter'\n        })\n        await this.store.dispatch('updateSearchTerms', { searchTerm })\n\n        this.$refs.autocomplete.value = ''\n        this.$refs.input.blur()\n      }\n      await this.store.dispatch('saveRecentSearch')\n      await this.store.dispatch('setMobileAutoCompleteVisibility', { value: false })\n      await pageRefresh.updatePage()\n    },\n    selectItemFromRecentHistory(selectedItem) {\n      const { searchTerms, tags } = selectedItem\n      this.store.dispatch('setTags', { tags })\n      this.store.dispatch('setSearchTerms', { searchTerms })\n      this.store.dispatch('setMobileAutoCompleteVisibility', { value: false })\n      pageRefresh.updatePage()\n    },\n    async removeSearchTerm(searchTerm) {\n      await this.store.dispatch('removeSearchTerm', { searchTerm })\n      await pageRefresh.updatePage()\n    },\n    async removeTag(tag) {\n      await this.store.dispatch('removeTag', { tag })\n      await pageRefresh.updatePage()\n    }\n  }\n}\n</script>\n\n<style scoped>\n.search-item[aria-selected=\"true\"] {\n  @apply bg-blue-grey;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarAutocomplete.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBarAutocomplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchBarAutocomplete.vue?vue&type=template&id=2987d2c2&scoped=true&\"\nimport script from \"./SearchBarAutocomplete.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchBarAutocomplete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchBarAutocomplete.vue?vue&type=style&index=0&id=2987d2c2&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2987d2c2\",\n  null\n  \n)\n\nexport default component.exports","function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    if (enumerableOnly) symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    });\n    keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nfunction _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i] != null ? arguments[i] : {};\n\n    if (i % 2) {\n      ownKeys(Object(source), true).forEach(function (key) {\n        _defineProperty(target, key, source[key]);\n      });\n    } else if (Object.getOwnPropertyDescriptors) {\n      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n    } else {\n      ownKeys(Object(source)).forEach(function (key) {\n        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n      });\n    }\n  }\n\n  return target;\n}\n\n// Polyfill for element.matches, to support Internet Explorer. It's a relatively\n// simple polyfill, so we'll just include it rather than require the user to\n// include the polyfill themselves. Adapted from\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nvar matches = function matches(element, selector) {\n  return element.matches ? element.matches(selector) : element.msMatchesSelector ? element.msMatchesSelector(selector) : element.webkitMatchesSelector ? element.webkitMatchesSelector(selector) : null;\n};\n\n// Polyfill for element.closest, to support Internet Explorer. It's a relatively\n\nvar closestPolyfill = function closestPolyfill(el, selector) {\n  var element = el;\n\n  while (element && element.nodeType === 1) {\n    if (matches(element, selector)) {\n      return element;\n    }\n\n    element = element.parentNode;\n  }\n\n  return null;\n};\n\nvar closest = function closest(element, selector) {\n  return element.closest ? element.closest(selector) : closestPolyfill(element, selector);\n};\n\n// Returns true if the value has a \"then\" function. Adapted from\n// https://github.com/graphql/graphql-js/blob/499a75939f70c4863d44149371d6a99d57ff7c35/src/jsutils/isPromise.js\nvar isPromise = function isPromise(value) {\n  return Boolean(value && typeof value.then === 'function');\n};\n\nvar AutocompleteCore = function AutocompleteCore() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      search = _ref.search,\n      _ref$autoSelect = _ref.autoSelect,\n      autoSelect = _ref$autoSelect === void 0 ? false : _ref$autoSelect,\n      _ref$setValue = _ref.setValue,\n      setValue = _ref$setValue === void 0 ? function () {} : _ref$setValue,\n      _ref$setAttribute = _ref.setAttribute,\n      setAttribute = _ref$setAttribute === void 0 ? function () {} : _ref$setAttribute,\n      _ref$onUpdate = _ref.onUpdate,\n      onUpdate = _ref$onUpdate === void 0 ? function () {} : _ref$onUpdate,\n      _ref$onSubmit = _ref.onSubmit,\n      onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,\n      _ref$onShow = _ref.onShow,\n      onShow = _ref$onShow === void 0 ? function () {} : _ref$onShow,\n      _ref$autocorrect = _ref.autocorrect,\n      autocorrect = _ref$autocorrect === void 0 ? false : _ref$autocorrect,\n      _ref$onHide = _ref.onHide,\n      onHide = _ref$onHide === void 0 ? function () {} : _ref$onHide,\n      _ref$onLoading = _ref.onLoading,\n      onLoading = _ref$onLoading === void 0 ? function () {} : _ref$onLoading,\n      _ref$onLoaded = _ref.onLoaded,\n      onLoaded = _ref$onLoaded === void 0 ? function () {} : _ref$onLoaded;\n\n  _classCallCheck(this, AutocompleteCore);\n\n  _defineProperty(this, \"value\", '');\n\n  _defineProperty(this, \"searchCounter\", 0);\n\n  _defineProperty(this, \"results\", []);\n\n  _defineProperty(this, \"selectedIndex\", -1);\n\n  _defineProperty(this, \"destroy\", function () {\n    _this.search = null;\n    _this.setValue = null;\n    _this.setAttribute = null;\n    _this.onUpdate = null;\n    _this.onSubmit = null;\n    _this.autocorrect = null;\n    _this.onShow = null;\n    _this.onHide = null;\n    _this.onLoading = null;\n    _this.onLoaded = null;\n  });\n\n  _defineProperty(this, \"handleInput\", function (event) {\n    var value = event.target.value;\n\n    _this.updateResults(value);\n\n    _this.value = value;\n  });\n\n  _defineProperty(this, \"handleKeyDown\", function (event) {\n    var key = event.key;\n\n    switch (key) {\n      case 'Up': // IE/Edge\n\n      case 'Down': // IE/Edge\n\n      case 'ArrowUp':\n      case 'ArrowDown':\n        {\n          var selectedIndex = key === 'ArrowUp' || key === 'Up' ? _this.selectedIndex - 1 : _this.selectedIndex + 1;\n          event.preventDefault();\n\n          _this.handleArrows(selectedIndex);\n\n          break;\n        }\n\n      case 'Tab':\n        {\n          _this.selectResult();\n\n          break;\n        }\n\n      case 'Enter':\n        {\n          var selectedResult = _this.results[_this.selectedIndex];\n\n          _this.selectResult();\n\n          _this.onSubmit(selectedResult);\n\n          break;\n        }\n\n      case 'Esc': // IE/Edge\n\n      case 'Escape':\n        {\n          _this.hideResults();\n\n          _this.setValue();\n\n          break;\n        }\n\n      default:\n        return;\n    }\n  });\n\n  _defineProperty(this, \"handleFocus\", function (event) {\n    var value = event.target.value;\n\n    _this.updateResults(value);\n\n    _this.value = value;\n  });\n\n  _defineProperty(this, \"handleBlur\", function () {\n    _this.hideResults();\n  });\n\n  _defineProperty(this, \"handleResultMouseDown\", function (event) {\n    event.preventDefault();\n  });\n\n  _defineProperty(this, \"handleResultClick\", function (event) {\n    var target = event.target;\n    var result = closest(target, '[data-result-index]');\n\n    if (result) {\n      _this.selectedIndex = parseInt(result.dataset.resultIndex, 10);\n      var selectedResult = _this.results[_this.selectedIndex];\n\n      _this.selectResult();\n\n      _this.onSubmit(selectedResult);\n    }\n  });\n\n  _defineProperty(this, \"handleArrows\", function (selectedIndex) {\n    // Loop selectedIndex back to first or last result if out of bounds\n    var resultsCount = _this.results.length;\n    _this.selectedIndex = (selectedIndex % resultsCount + resultsCount) % resultsCount; // Update results and aria attributes\n\n    _this.onUpdate(_this.results, _this.selectedIndex);\n  });\n\n  _defineProperty(this, \"selectResult\", function () {\n    var selectedResult = _this.results[_this.selectedIndex];\n\n    if (selectedResult) {\n      _this.setValue(selectedResult);\n    }\n\n    _this.hideResults();\n  });\n\n  _defineProperty(this, \"updateResults\", function (value) {\n    var currentSearch = ++_this.searchCounter;\n\n    _this.onLoading();\n\n    _this.search(value).then(function (results) {\n      if (currentSearch !== _this.searchCounter) {\n        return;\n      }\n\n      _this.results = results;\n\n      _this.onLoaded();\n\n      if (_this.results.length === 0) {\n        _this.hideResults();\n\n        return;\n      }\n\n      _this.selectedIndex = _this.autoSelect ? 0 : -1;\n\n      _this.onUpdate(_this.results, _this.selectedIndex);\n\n      _this.showResults();\n    });\n  });\n\n  _defineProperty(this, \"showResults\", function () {\n    _this.setAttribute('aria-expanded', true);\n\n    _this.onShow();\n  });\n\n  _defineProperty(this, \"hideResults\", function () {\n    _this.selectedIndex = -1;\n    _this.results = [];\n\n    _this.setAttribute('aria-expanded', false);\n\n    _this.setAttribute('aria-activedescendant', '');\n\n    _this.onUpdate(_this.results, _this.selectedIndex);\n\n    _this.onHide();\n  });\n\n  _defineProperty(this, \"checkSelectedResultVisible\", function (resultsElement) {\n    var selectedResultElement = resultsElement.querySelector(\"[data-result-index=\\\"\".concat(_this.selectedIndex, \"\\\"]\"));\n\n    if (!selectedResultElement) {\n      return;\n    }\n\n    var resultsPosition = resultsElement.getBoundingClientRect();\n    var selectedPosition = selectedResultElement.getBoundingClientRect();\n\n    if (selectedPosition.top < resultsPosition.top) {\n      // Element is above viewable area\n      resultsElement.scrollTop -= resultsPosition.top - selectedPosition.top;\n    } else if (selectedPosition.bottom > resultsPosition.bottom) {\n      // Element is below viewable area\n      resultsElement.scrollTop += selectedPosition.bottom - resultsPosition.bottom;\n    }\n  });\n\n  this.search = isPromise(search) ? search : function (value) {\n    return Promise.resolve(search(value));\n  };\n  this.autoSelect = autoSelect;\n  this.setValue = setValue;\n  this.setAttribute = setAttribute;\n  this.onUpdate = onUpdate;\n  this.onSubmit = onSubmit;\n  this.autocorrect = autocorrect;\n  this.onShow = onShow;\n  this.onHide = onHide;\n  this.onLoading = onLoading;\n  this.onLoaded = onLoaded;\n};\n\n// Generates a unique ID, with optional prefix. Adapted from\n// https://github.com/lodash/lodash/blob/61acdd0c295e4447c9c10da04e287b1ebffe452c/uniqueId.js\nvar idCounter = 0;\n\nvar uniqueId = function uniqueId() {\n  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n  return \"\".concat(prefix).concat(++idCounter);\n};\n\n// Calculates whether element2 should be above or below element1. Always\n// places element2 below unless all of the following:\n// 1. There isn't enough visible viewport below to fit element2\n// 2. There is more room above element1 than there is below\n// 3. Placing elemen2 above 1 won't overflow window\nvar getRelativePosition = function getRelativePosition(element1, element2) {\n  var position1 = element1.getBoundingClientRect();\n  var position2 = element2.getBoundingClientRect();\n  var positionAbove =\n  /* 1 */\n  position1.bottom + position2.height > window.innerHeight &&\n  /* 2 */\n  window.innerHeight - position1.bottom < position1.top &&\n  /* 3 */\n  window.pageYOffset + position1.top - position2.height > 0;\n  return positionAbove ? 'above' : 'below';\n};\n\n// Credit David Walsh (https://davidwalsh.name/javascript-debounce-function)\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\nvar debounce = function debounce(func, wait, immediate) {\n  var timeout;\n  return function executedFunction() {\n    var context = this;\n    var args = arguments;\n\n    var later = function later() {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n\n    var callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n  };\n};\n\nvar script = {\n  name: 'Autocomplete',\n  inheritAttrs: false,\n  props: {\n    search: {\n      type: Function,\n      required: true\n    },\n    baseClass: {\n      type: String,\n      \"default\": 'autocomplete'\n    },\n    autoSelect: {\n      type: Boolean,\n      \"default\": false\n    },\n    getResultValue: {\n      type: Function,\n      \"default\": function _default(result) {\n        return result;\n      }\n    },\n    defaultValue: {\n      type: String,\n      \"default\": ''\n    },\n    debounceTime: {\n      type: Number,\n      \"default\": 0\n    }\n  },\n  data: function data() {\n    var core = new AutocompleteCore({\n      search: this.search,\n      autoSelect: this.autoSelect,\n      setValue: this.setValue,\n      onUpdate: this.handleUpdate,\n      onSubmit: this.handleSubmit,\n      onShow: this.handleShow,\n      onHide: this.handleHide,\n      onLoading: this.handleLoading,\n      onLoaded: this.handleLoaded\n    });\n\n    if (this.debounceTime > 0) {\n      core.handleInput = debounce(core.handleInput, this.debounceTime);\n    }\n\n    return {\n      core: core,\n      value: this.defaultValue,\n      resultListId: uniqueId(\"\".concat(this.baseClass, \"-result-list-\")),\n      results: [],\n      selectedIndex: -1,\n      expanded: false,\n      loading: false,\n      position: 'below',\n      resetPosition: true\n    };\n  },\n  computed: {\n    rootProps: function rootProps() {\n      return {\n        \"class\": this.baseClass,\n        style: {\n          position: 'relative'\n        },\n        'data-expanded': this.expanded,\n        'data-loading': this.loading,\n        'data-position': this.position\n      };\n    },\n    inputProps: function inputProps() {\n      return _objectSpread2({\n        \"class\": \"\".concat(this.baseClass, \"-input\"),\n        value: this.value,\n        role: 'combobox',\n        autocomplete: 'off',\n        autocapitalize: 'off',\n        autocorrect: 'off',\n        spellcheck: 'false',\n        'aria-autocomplete': 'list',\n        'aria-haspopup': 'listbox',\n        'aria-owns': this.resultListId,\n        'aria-expanded': this.expanded ? 'true' : 'false',\n        'aria-activedescendant': this.selectedIndex > -1 ? this.resultProps[this.selectedIndex].id : ''\n      }, this.$attrs);\n    },\n    inputListeners: function inputListeners() {\n      return {\n        input: this.handleInput,\n        keydown: this.core.handleKeyDown,\n        focus: this.core.handleFocus,\n        blur: this.core.handleBlur\n      };\n    },\n    resultListProps: function resultListProps() {\n      var yPosition = this.position === 'below' ? 'top' : 'bottom';\n      return {\n        id: this.resultListId,\n        \"class\": \"\".concat(this.baseClass, \"-result-list\"),\n        role: 'listbox',\n        style: _defineProperty({\n          position: 'absolute',\n          zIndex: 1,\n          width: '100%',\n          visibility: this.expanded ? 'visible' : 'hidden',\n          pointerEvents: this.expanded ? 'auto' : 'none'\n        }, yPosition, '100%')\n      };\n    },\n    resultListListeners: function resultListListeners() {\n      return {\n        mousedown: this.core.handleResultMouseDown,\n        click: this.core.handleResultClick\n      };\n    },\n    resultProps: function resultProps() {\n      var _this = this;\n\n      return this.results.map(function (result, index) {\n        return _objectSpread2({\n          id: \"\".concat(_this.baseClass, \"-result-\").concat(index),\n          \"class\": \"\".concat(_this.baseClass, \"-result\"),\n          'data-result-index': index,\n          role: 'option'\n        }, _this.selectedIndex === index ? {\n          'aria-selected': 'true'\n        } : {});\n      });\n    }\n  },\n  mounted: function mounted() {\n    document.body.addEventListener('click', this.handleDocumentClick);\n  },\n  beforeDestroy: function beforeDestroy() {\n    document.body.removeEventListener('click', this.handleDocumentClick);\n  },\n  updated: function updated() {\n    if (!this.$refs.input || !this.$refs.resultList) {\n      return;\n    }\n\n    if (this.resetPosition && this.results.length > 0) {\n      this.resetPosition = false;\n      this.position = getRelativePosition(this.$refs.input, this.$refs.resultList);\n    }\n\n    this.core.checkSelectedResultVisible(this.$refs.resultList);\n  },\n  methods: {\n    setValue: function setValue(result) {\n      this.value = result ? this.getResultValue(result) : '';\n    },\n    handleUpdate: function handleUpdate(results, selectedIndex) {\n      this.results = results;\n      this.selectedIndex = selectedIndex;\n      this.$emit('update', results, selectedIndex);\n    },\n    handleShow: function handleShow() {\n      this.expanded = true;\n    },\n    handleHide: function handleHide() {\n      this.expanded = false;\n      this.resetPosition = true;\n    },\n    handleLoading: function handleLoading() {\n      this.loading = true;\n    },\n    handleLoaded: function handleLoaded() {\n      this.loading = false;\n    },\n    handleInput: function handleInput(event) {\n      this.value = event.target.value;\n      this.core.handleInput(event);\n    },\n    handleSubmit: function handleSubmit(selectedResult) {\n      this.$emit('submit', selectedResult);\n    },\n    handleDocumentClick: function handleDocumentClick(event) {\n      if (this.$refs.root.contains(event.target)) {\n        return;\n      }\n\n      this.core.hideResults();\n    }\n  }\n};\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\r\n    if (typeof shadowMode !== 'boolean') {\r\n        createInjectorSSR = createInjector;\r\n        createInjector = shadowMode;\r\n        shadowMode = false;\r\n    }\r\n    // Vue.extend constructor export interop.\r\n    const options = typeof script === 'function' ? script.options : script;\r\n    // render functions\r\n    if (template && template.render) {\r\n        options.render = template.render;\r\n        options.staticRenderFns = template.staticRenderFns;\r\n        options._compiled = true;\r\n        // functional template\r\n        if (isFunctionalTemplate) {\r\n            options.functional = true;\r\n        }\r\n    }\r\n    // scopedId\r\n    if (scopeId) {\r\n        options._scopeId = scopeId;\r\n    }\r\n    let hook;\r\n    if (moduleIdentifier) {\r\n        // server build\r\n        hook = function (context) {\r\n            // 2.3 injection\r\n            context =\r\n                context || // cached call\r\n                    (this.$vnode && this.$vnode.ssrContext) || // stateful\r\n                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional\r\n            // 2.2 with runInNewContext: true\r\n            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\r\n                context = __VUE_SSR_CONTEXT__;\r\n            }\r\n            // inject component styles\r\n            if (style) {\r\n                style.call(this, createInjectorSSR(context));\r\n            }\r\n            // register component module identifier for async chunk inference\r\n            if (context && context._registeredComponents) {\r\n                context._registeredComponents.add(moduleIdentifier);\r\n            }\r\n        };\r\n        // used by ssr in case component is cached and beforeCreate\r\n        // never gets called\r\n        options._ssrRegister = hook;\r\n    }\r\n    else if (style) {\r\n        hook = shadowMode\r\n            ? function (context) {\r\n                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));\r\n            }\r\n            : function (context) {\r\n                style.call(this, createInjector(context));\r\n            };\r\n    }\r\n    if (hook) {\r\n        if (options.functional) {\r\n            // register for functional component in vue file\r\n            const originalRender = options.render;\r\n            options.render = function renderWithStyleInjection(h, context) {\r\n                hook.call(context);\r\n                return originalRender(h, context);\r\n            };\r\n        }\r\n        else {\r\n            // inject component registration as beforeCreate hook\r\n            const existing = options.beforeCreate;\r\n            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\r\n        }\r\n    }\r\n    return script;\r\n}\n\n/* script */\nconst __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"root\"},[_vm._t(\"default\",[_c('div',_vm._b({},'div',_vm.rootProps,false),[_c('input',_vm._g(_vm._b({ref:\"input\",on:{\"input\":_vm.handleInput,\"keydown\":_vm.core.handleKeyDown,\"focus\":_vm.core.handleFocus,\"blur\":_vm.core.handleBlur}},'input',_vm.inputProps,false),_vm.$listeners)),_vm._v(\" \"),_c('ul',_vm._g(_vm._b({ref:\"resultList\"},'ul',_vm.resultListProps,false),_vm.resultListListeners),[_vm._l((_vm.results),function(result,index){return [_vm._t(\"result\",[_c('li',_vm._b({key:_vm.resultProps[index].id},'li',_vm.resultProps[index],false),[_vm._v(\"\\n              \"+_vm._s(_vm.getResultValue(result))+\"\\n            \")])],{\"result\":result,\"props\":_vm.resultProps[index]})]})],2)])],{\"rootProps\":_vm.rootProps,\"inputProps\":_vm.inputProps,\"inputListeners\":_vm.inputListeners,\"resultListProps\":_vm.resultListProps,\"resultListListeners\":_vm.resultListListeners,\"results\":_vm.results,\"resultProps\":_vm.resultProps})],2)};\nvar __vue_staticRenderFns__ = [];\n\n  /* style */\n  const __vue_inject_styles__ = undefined;\n  /* scoped */\n  const __vue_scope_id__ = undefined;\n  /* module identifier */\n  const __vue_module_identifier__ = undefined;\n  /* functional template */\n  const __vue_is_functional_template__ = false;\n  /* style inject */\n  \n  /* style inject SSR */\n  \n  /* style inject shadow dom */\n  \n\n  \n  const __vue_component__ = normalizeComponent(\n    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n    __vue_inject_styles__,\n    __vue_script__,\n    __vue_scope_id__,\n    __vue_is_functional_template__,\n    __vue_module_identifier__,\n    false,\n    undefined,\n    undefined,\n    undefined\n  );\n\nfunction install(Vue) {\n  if (install.installed) {\n    return;\n  }\n\n  install.installed = true;\n  Vue.component('Autocomplete', __vue_component__);\n}\n\nvar plugin = {\n  install: install\n}; // Auto install if Vue is found\n\nvar GlobalVue;\n\nif (typeof window !== 'undefined') {\n  GlobalVue = window.Vue;\n} else if (typeof global !== 'undefined') {\n  GlobalVue = global.Vue;\n}\n\nif (GlobalVue) {\n  GlobalVue.use(plugin);\n} // Inject install function into component. Allows component to be registered via\n// Vue.use() as well as Vue.component()\n\n\n__vue_component__.install = install;\n\nexport default __vue_component__;\n"],"sourceRoot":""}