https://www.hk.fi/Scripts/HK/QuickSearch.b5604381b2687f64b32f.js

1"use strict";(globalThis.webpackChunkhkscan=globalThis.webpackChunkhkscan||[]).push([[287],{3759(e,t,s){s.d(t,{A:()=>a});var r=s(8174);const o=e=>{let t=!1;const s=new Promise((s,r)=>{e.then(e=>{t?r(new Error("Promise canceled")):s(e)}).catch(e=>{r(t?new Error("Promise canceled"):e)})});return s.cancel=()=>{t=!0},s},n={header:"/api/search/autocomplete",all:"/api/search",product:"/api/products",productscan:"/api/scan/products",recipe:"/api/recipes",recipescan:"/api/scan/recipes",recipetag:"/api/recipes/tag",blog:"/api/blogs",tip:"/api/tips",banner:"/api/banners",contentcontainer:"/api/contentcontainer"},l=(e,t)=>`${n[e]}/${t}`,a={getHeaderResults:(e,t)=>{const s=l("header",e),n=r.A.get(s,{q:t}).then(e=>({items:e,error:null})).catch(e=>({items:[],error:e}));return o(n)},getAllResults:(e,t,s,o)=>{const n=`/api/search/${e}`,l=r.A.get(n,{page:o,q:s,type:t}).then(({ResultsByType:e,Total:t,TypeTotal:s,TypeSortOrder:r})=>{const o=Object.entries(e).reduce((e,[t,s])=>(e[t.toLowerCase()]=s,e),{});return{total:t,items:o,typeTotal:s,typeSortOrder:r,error:null}}).catch(e=>({total:0,items:{},error:e}));return l},getFilteredResults:(e,t,s,n,a,u)=>{const c=l(e,t),i=r.A.get(c,{page:s,q:n,...a,sort:u}).then(({Items:e,Total:t})=>({total:t,items:e,error:null})).catch(e=>({total:0,items:[],error:e}));return o(i)},getFilteredResultsByTag:(e,t,s,n,a,u)=>{const c=l(e,t),i=r.A.get(c,{page:s,q:n,...a,sort:u}).then(({Items:e,Total:t})=>({total:t,items:e,error:null})).catch(e=>({total:0,items:[],error:e}));return o(i)},getPageBanners:(e,t,s,n)=>{const a=l("banner",e),u=r.A.get(a,{pageID:t,...s,pagetype:n}).then(({Items:e,Total:t})=>({total:t,items:e,error:null})).catch(e=>({total:0,items:[],error:e}));return o(u)},getFilteredResultsByTagWithExclude:(e,t,s,n,a,u,c)=>{const i=l(e,t),h=r.A.get(i,{page:s,currentPage:n,q:a,...u,sort:c}).then(({Items:e,Total:t})=>({total:t,items:e,error:null})).catch(e=>({total:0,items:[],error:e}));return o(h)},getChildResults:(e,t,s,n,a)=>{const u=l(e,t),c=r.A.get(u,{page:s,currentPage:n,blockId:a}).then(e=>e).catch(e=>(console.log(e),[]));return o(c)}}},46(e,t,s){s.r(t),s.d(t,{default:()=>k});var r=s(3751),o=s(641);const n={class:"search__form"},l={class:"row row--grid"},a={class:"col-md-6 offset-md-3"};var u=s(9470),c=s(3759);const i=["placeholder"],h={props:{resultsUrl:{type:String,required:!0},placeholder:{type:String,required:!0}},data:()=>({querySearch:""}),methods:{onClear(){this.querySearch="",this.onQuerySearchInput()},onQuerySearchInput(){this.$emit("querySearchChange",this.querySearch)},onSubmit(){window.location=this.resultsUrl},onFocus(){this.$emit("focus")},onBlur(){this.$emit("blur")}}};var g=s(6262);const p=(0,g.A)(h,[["render",function(e,t,s,n,l,a){return(0,o.uX)(),(0,o.CE)("form",{class:"search__form-group",onSubmit:t[7]||(t[7]=(0,r.D$)((...e)=>a.onSubmit&&a.onSubmit(...e),["prevent"]))},[(0,o.bo)((0,o.Lk)("input",{class:"search__form-input",type:"text",name:"search-qeury",autocomplete:"off",placeholder:s.placeholder,"onUpdate:modelValue":t[0]||(t[0]=e=>l.querySearch=e),onInput:t[1]||(t[1]=(...e)=>a.onQuerySearchInput&&a.onQuerySearchInput(...e)),onFocus:t[2]||(t[2]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[3]||(t[3]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,i),[[r.Jo,l.querySearch]]),(0,o.Lk)("button",{class:"search__form-submit",type:"submit",onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e))},[...t[8]||(t[8]=[(0,o.Lk)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,o.Lk)("path",{d:"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z"})],-1)])],32),l.querySearch.length>0?((0,o.uX)(),(0,o.CE)("button",{key:0,class:"search__form-clear",type:"button",onClick:t[6]||(t[6]=e=>a.onClear())},[...t[9]||(t[9]=[(0,o.Lk)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[(0,o.Lk)("path",{d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"})],-1)])])):(0,o.Q3)("",!0)],32)}]]);var d=s(33);const m={class:"search__autocomplete"},y={key:0,class:"search__autocomplete-list"},S=["href"],T={class:"search__suggestion"},f={class:"search__suggestion-title"},_={class:"search__suggestion-description"},b={class:"search__autocomplete-item"},L=["href"],w={key:1,class:"text-center"},C={props:{show:{type:Boolean,required:!0},loading:{type:Boolean,required:!0},suggestions:{type:[null,Array],required:!0},resultsUrl:{type:String,required:!0},noResultsText:{type:String,required:!0},allResultsText:{type:String,required:!0}},methods:{onFocus(){this.$emit("focus")},onBlur(){this.$emit("blur")}}},q={components:{SearchForm:p,SearchAutocomplete:(0,g.A)(C,[["render",function(e,t,s,r,n,l){return(0,o.uX)(),(0,o.CE)("div",m,[(0,o.Lk)("div",{class:(0,d.C4)(["search__autocomplete-wrapper",{"search__autocomplete-wrapper--active":s.show}])},[s.suggestions&&s.suggestions.length?((0,o.uX)(),(0,o.CE)("div",y,[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(s.suggestions,e=>((0,o.uX)(),(0,o.CE)("div",{class:"search__autocomplete-item",key:e.id},[(0,o.Lk)("a",{class:"search__autocomplete-link",href:e.Url,onFocus:t[0]||(t[0]=(...e)=>l.onFocus&&l.onFocus(...e)),onBlur:t[1]||(t[1]=(...e)=>l.onBlur&&l.onBlur(...e))},[(0,o.Lk)("article",T,[(0,o.Lk)("div",f,(0,d.v_)(e.Title),1),(0,o.Lk)("div",_,(0,d.v_)(e.Description),1)])],40,S)]))),128)),(0,o.Lk)("div",b,[(0,o.Lk)("a",{class:"link",href:s.resultsUrl,onFocus:t[2]||(t[2]=(...e)=>l.onFocus&&l.onFocus(...e)),onBlur:t[3]||(t[3]=(...e)=>l.onBlur&&l.onBlur(...e))},(0,d.v_)(s.allResultsText),41,L)])])):(0,o.Q3)("",!0),s.suggestions&&0===s.suggestions.length?((0,o.uX)(),(0,o.CE)("div",w,(0,d.v_)(s.noResultsText),1)):(0,o.Q3)("",!0),(0,o.Lk)("div",{class:(0,d.C4)(["search__autocomplete-loader",{"search__autocomplete-loader--active":s.loading}])},[...t[4]||(t[4]=[(0,o.Lk)("div",{class:"spinner"}

1,null,-1)])],2)],2)])}]])},props:{type:String,lang:String,searchPageUrl:String,labelsJson:{type:String,default:()=>""}},mounted(){this.query.type=this.type,this.query.lang=this.lang,this.searchPageUri=this.searchPageUrl,this.labelsJson.length>0&&(this.labels=JSON.parse(this.labelsJson))},data:()=>({query:{type:"",lang:"",search:"",page:0,filters:[]},suggestions:null,error:null,searchPageUri:null,searchRequest:null,searchTimeoutId:null,loading:!1,showSuggestions:!1,isFocused:!1,labels:{}}),computed:{resultsUrl(){return`${this.searchPageUri}?search=${this.query.search}`}},methods:{onQuerySearchChange(e){this.query.search=e,this.searchTimeoutId&&this.clearSearchTimeout(),e.length>=u.A.threshold?(this.showSuggestions=!0,this.setSearchTimeout()):(this.suggestions=null,this.showSuggestions=!1)},setSearchTimeout(){const{type:e,lang:t,page:s,search:r,filters:o}=this.query;this.searchTimeoutId=setTimeout(()=>{this.loading=!0,this.searchRequest&&this.searchRequest.cancel(),this.searchRequest=c.A.getFilteredResults(e,t,s,r,o),this.searchRequest.then(({items:e,error:t})=>{this.suggestions=e.slice(0,3),this.error=t}).catch(()=>{}).finally(()=>{this.loading=!1,this.searchRequest=null})},u.A.delay)},clearSearchTimeout(){clearTimeout(this.searchTimeoutId),this.searchTimeoutId=null},onFocus(){this.isFocused=!0},onBlur(){this.isFocused=!1}}},F=(0,g.A)(q,[["render",function(e,t,s,r,u,c){const i=(0,o.g2)("search-form"),h=(0,o.g2)("search-autocomplete");return(0,o.uX)(),(0,o.CE)("div",n,[(0,o.Lk)("div",l,[(0,o.Lk)("div",a,[(0,o.bF)(i,{resultsUrl:c.resultsUrl,placeholder:u.labels.searchPlaceholderText,onQuerySearchChange:c.onQuerySearchChange,onFocus:c.onFocus,onBlur:c.onBlur},null,8,["resultsUrl","placeholder","onQuerySearchChange","onFocus","onBlur"]),(0,o.bF)(h,{show:u.isFocused&&u.showSuggestions,loading:u.loading,suggestions:u.suggestions,resultsUrl:c.resultsUrl,noResultsText:u.labels.noResultsText,allResultsText:u.labels.allResultsText,onFocus:c.onFocus,onBlur:c.onBlur},null,8,["show","loading","suggestions","resultsUrl","noResultsText","allResultsText","onFocus","onBlur"])])])])}]]),k=function(e){(0,r.Ef)(F,{...e.dataset}).mount(e)}},9470(e,t,s){s.d(t,{A:()=>r});const r={threshold:4,delay:500}},8174(e,t,s){s.d(t,{A:()=>o});const r=e=>{if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.text().then(e=>e?JSON.parse(e):null)},o={get:(e,t)=>{const s=t?`${e}?${(e=>{const t=new URLSearchParams;for(const[s,r]of Object.entries(e))null!=r&&(Array.isArray(r)?r.forEach(e=>t.append(`${s}[]`,e)):t.append(s,r));return t.toString()})(t)}`:e;return fetch(s).then(r)},post:(e,t,s)=>fetch(e,{method:"POST",headers:{"Content-Type":"application/json",...s},body:JSON.stringify(t)}).then(r),patch:(e,t,s)=>fetch(e,{method:"PATCH",headers:{"Content-Type":"application/json",...s},body:JSON.stringify(t)}).then(r),delete:(e,t,s)=>fetch(e,{method:"DELETE",headers:{"Content-Type":"application/json",...s},body:JSON.stringify(t)}).then(r)}}}]);