(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9230],{32330:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/search-autocomplete/advanced-usage",function(){return r(959)}])},14259:function(e,s,r){"use strict";r.d(s,{Z:function(){return i}});var n=r(85893),l=r(67294),o=r(50826),a=r.n(o);function i(e){let{videoId:s}=e,[r,o]=(0,l.useState)(!1);return(0,n.jsx)("div",{className:a().wrapper,children:r?(0,n.jsx)("div",{children:(0,n.jsx)("iframe",{title:"youtube-video",width:"100%",height:450,src:"https://www.youtube.com/embed/".concat(s,"?autoplay=1"),frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}):(0,n.jsxs)("div",{className:a().clickcontainer,onClick:()=>o(!0),children:[(0,n.jsx)("img",{src:"https://img.youtube.com/vi/".concat(s,"/maxresdefault.jpg"),className:a().image}),(0,n.jsx)("div",{className:a().iconcontainer,children:(0,n.jsx)("i",{className:"fa fa-play"})})]})})}},49369:function(e,s,r){"use strict";var n=r(85893);r(67294);var l=r(62737),o=r(11163),a=r(25675),i=r.n(a);let t={logo:(0,n.jsx)(i(),{src:"/images/logo/logo-rekai-blue-docs.svg",alt:"",width:210,height:30}),footer:{text:"Rek.ai Docs"},feedback:{content:null},editLink:{text:null},darkMode:!1,nextThemes:{defaultTheme:"light"},sidebar:{defaultMenuCollapseLevel:1,titleComponent(e){let{title:s,type:r}=e;return"separator"===r?(0,n.jsx)("span",{className:"cursor-default",children:s}):(0,n.jsx)(n.Fragment,{children:s})}},head:()=>{let{asPath:e,defaultLocale:s,locale:r}=(0,o.useRouter)(),{frontMatter:a}=(0,l.ZR)(),i="https://docs.rek.ai"+(s===r?e:"/".concat(r).concat(e));return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{property:"og:url",content:i}),(0,n.jsx)("meta",{property:"og:title",content:a.title||"Rek.ai"}),(0,n.jsx)("meta",{property:"og:description",content:a.description||"Rek.ai"}),(0,n.jsx)("meta",{name:"description",content:a.description||"Rek.ai"}),(0,n.jsx)("link",{rel:"stylesheet",href:"https://kit.fontawesome.com/7e04b094d0.css",crossOrigin:"anonymous"})]})},useNextSeoProps:()=>({titleTemplate:"%s – Rek.ai documentation"})};s.Z=t},959:function(e,s,r){"use strict";r.r(s),r.d(s,{default:function(){return k}});var n=r(85893),l=r(92673),o=r(62737),a=r(49369);r(19966);var i=r(11151),t=r(25675),c=r.n(t),d={src:"/_next/static/media/advancedsearchexample.262de2ce.png",height:205,width:500,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAIAAAAhqtkfAAAAQUlEQVR42h2LQQ6AIBADadlF/v9KT56MJhooDU06l8ngvB6AZU+S4VcyQm+rzEia2eyAAgvhuL/JX6B6d4AxBM4FWbgZBdkrIi0AAAAASUVORK5CYII=",blurWidth:8,blurHeight:3};r(14259);let h={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,i.ah)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(x,{...e})}):x(e)},pageOpts:{filePath:"pages/search-autocomplete/advanced-usage.mdx",route:"/search-autocomplete/advanced-usage",headings:[{depth:1,value:"Advanced usage of search autocomplete",id:"advanced-usage-of-search-autocomplete"},{depth:2,value:"Code example templates rek.ai autocomplete",id:"code-example-templates-rekai-autocomplete"},{depth:2,value:"Code example templates rek.ai autocomplete Sitevision",id:"code-example-templates-rekai-autocomplete-sitevision"},{depth:2,value:"Segmentation of search results",id:"segmentation-of-search-results"}],pageMap:[{kind:"Meta",data:{index:"Introduction","getting-started":"Getting started",advanced:"Advanced","search-autocomplete":"Search autocomplete",intranet:"Rek.ai on an intranet","questions-and-answers":"Questions & Answers","dashboard-guide":"Dashboard","integration-modules":"Integration modules","-- More":{type:"separator",title:"More"},"video-guides":"Video guides",faq:"FAQ",troubleshooting:"Troubleshooting",tutorials:"Tutorials",security:"Security",dashboard:{title:"Rek.ai Dashboard ↗",type:"page",href:"https://dashboard.rek.ai",newWindow:!0},contact:{title:"Rek.ai website ↗",type:"page",href:"https://rek.ai",newWindow:!0},qanda:"Qanda"}},{kind:"Folder",name:"advanced",route:"/advanced",children:[{kind:"Folder",name:"JSON-LD",route:"/advanced/JSON-LD",children:[{kind:"Meta",data:{"json-ld-add":"JSON-LD Add to page","json-ld-filter":"JSON-LD Filter on metadata","json-ld-display":"JSON-LD Display"}},{kind:"MdxPage",name:"json-ld-add",route:"/advanced/JSON-LD/json-ld-add"},{kind:"MdxPage",name:"json-ld-display",route:"/advanced/JSON-LD/json-ld-display"},{kind:"MdxPage",name:"json-ld-filter",route:"/advanced/JSON-LD/json-ld-filter"}]},{kind:"MdxPage",name:"JSON-LD",route:"/advanced/JSON-LD"},{kind:"Meta",data:{allparameters:"All parameters",testinadevelopmentenvironment:"Test in a development environment",advancedrecommendation:"Advanced recommendation",customfeatures:"Custom features",advanceddatacollection:"Advanced data collection","JSON-LD":"JSON-LD",validateaccess:"Validate user access",multisiterecommendation:"Multi-site recommendation",externalsite:"External site"}},{kind:"MdxPage",name:"advanceddatacollection",route:"/advanced/advanceddatacollection"},{kind:"MdxPage",name:"advancedrecommendation",route:"/advanced/advancedrecommendation"},{kind:"Folder",name:"allparameters",route:"/advanced/allparameters",children:[{kind:"Meta",data:{"prediction-parameters":"Prediction parameters","filter-parameters":"Filter parameters","render-parameters":"Render parameters","advanced-parameters":"Advanced parameters"}},{kind:"Folder",name:"advanced-parameters",route:"/advanced/allparameters/advanced-parameters",children:[{kind:"MdxPage",name:"advancedmockdata",route:"/advanced/allparameters/advanced-parameters/advancedmockdata"},{kind:"MdxPage",name:"callback",route:"/advanced/allparameters/advanced-parameters/callback"},{kind:"MdxPage",name:"ignorelabels",route:"/advanced/allparameters/advanced-parameters/ignorelabels"},{kind:"MdxPage",name:"nrofcontextualhits",route:"/advanced/allparameters/advanced-parameters/nrofcontextualhits"},{kind:"MdxPage",name:"projectid",route:"/advanced/allparameters/advanced-parameters/projectid"},{kind:"MdxPage",name:"rt",route:"/advanced/allparameters/advanced-parameters/rt"},{kind:"Meta",data:{advancedmockdata:"Advancedmockdata",callback:"Callback",ignorelabels:"Ignorelabels",nrofcontextualhits:"Nrofcontextualhits",projectid:"Projectid",rt:"Rt"}}]},{kind:"MdxPage",name:"advanced-parameters",route:"/advanced/allparameters/advanced-parameters"},{kind:"Folder",name:"filter-parameters",route:"/advanced/allparameters/filter-parameters",children:[{kind:"MdxPage",name:"allowedlangs",route:"/advanced/allparameters/filter-parameters/allowedlangs"},{kind:"MdxPage",name:"domain",route:"/advanced/allparameters/filter-parameters/domain"},{kind:"MdxPage",name:"excludechildnodes",route:"/advanced/allparameters/filter-parameters/excludechildnodes"},{kind:"MdxPage",name:"excludetree",route:"/advanced/allparameters/filter-parameters/excludetree"},{kind:"MdxPage",name:"filterexcludeonpagelinks",route:"/advanced/allparameters/filter-parameters/filterexcludeonpagelinks"},{kind:"MdxPage",name:"intitle",route:"/advanced/allparameters/filter-parameters/intitle"},{kind:"MdxPage",name:"jsonld",route:"/advanced/allparameters/filter-parameters/jsonld"},{kind:"MdxPage",name:"maxpathdepth",route:"/advanced/allparameters/filter-parameters/maxpathdepth"},{kind:"MdxPage",name:"minpathdepth",route:"/advanced/allparameters/filter-parameters/minpathdepth"},{kind:"MdxPage",name:"notdomain",route:"/advanced/allparameters/filter-parameters/notdomain"},{kind:"MdxPage",name:"notpagetype",route:"/advanced/allparameters/filter-parameters/notpagetype"},{kind:"MdxPage",name:"pagetype",route:"/advanced/allparameters/filter-parameters/pagetype"},{kind:"MdxPage",name:"rootpathlevel",route:"/advanced/allparameters/filter-parameters/rootpathlevel"},{kind:"MdxPage",name:"subtree",route:"/advanced/allparameters/filter-parameters/subtree"},{kind:"MdxPage",name:"tags",route:"/advanced/allparameters/filter-parameters/tags"},{kind:"MdxPage",name:"term",route:"/advanced/allparameters/filter-parameters/term"},{kind:"MdxPage",name:"userootpath",route:"/advanced/allparameters/filter-parameters/userootpath"},{kind:"Meta",data:{allowedlangs:"Allowedlangs",domain:"Domain",excludechildnodes:"Excludechildnodes",excludetree:"Excludetree",filterexcludeonpagelinks:"Filterexcludeonpagelinks",intitle:"Intitle",jsonld:"Jsonld",maxpathdepth:"Maxpathdepth",minpathdepth:"Minpathdepth",notdomain:"Notdomain",notpagetype:"Notpagetype",pagetype:"Pagetype",rootpathlevel:"Rootpathlevel",subtree:"Subtree",tags:"Tags",term:"Term",userootpath:"Userootpath"}}]},{kind:"MdxPage",name:"filter-parameters",route:"/advanced/allparameters/filter-parameters"},{kind:"Folder",name:"prediction-parameters",route:"/advanced/allparameters/prediction-parameters",children:[{kind:"MdxPage",name:"addcontent",route:"/advanced/allparameters/prediction-parameters/addcontent"},{kind:"MdxPage",name:"nrofhits",route:"/advanced/allparameters/prediction-parameters/nrofhits"},{kind:"Meta",data:{addcontent:"Addcontent",nrofhits:"Nrofhits"}}]},{kind:"MdxPage",name:"prediction-parameters",route:"/advanced/allparameters/prediction-parameters"},{kind:"Folder",name:"render-parameters",route:"/advanced/allparameters/render-parameters",children:[{kind:"MdxPage",name:"addstripes",route:"/advanced/allparameters/render-parameters/addstripes"},{kind:"MdxPage",name:"cols",route:"/advanced/allparameters/render-parameters/cols"},{kind:"MdxPage",name:"datefontclass",route:"/advanced/allparameters/render-parameters/datefontclass"},{kind:"MdxPage",name:"fallbackimgsrc",route:"/advanced/allparameters/render-parameters/fallbackimgsrc"},{kind:"MdxPage",name:"headerfontclass",route:"/advanced/allparameters/render-parameters/headerfontclass"},{kind:"MdxPage",name:"headerheadinglevel",route:"/advanced/allparameters/render-parameters/headerheadinglevel"},{kind:"MdxPage",name:"headerid",route:"/advanced/allparameters/render-parameters/headerid"},{kind:"MdxPage",name:"headertext",route:"/advanced/allparameters/render-parameters/headertext"},{kind:"MdxPage",name:"hideimage",route:"/advanced/allparameters/render-parameters/hideimage"},{kind:"MdxPage",name:"ingressfontclass",route:"/advanced/allparameters/render-parameters/ingressfontclass"},{kind:"MdxPage",name:"ingressheadinglevel",route:"/advanced/allparameters/render-parameters/ingressheadinglevel"},{kind:"MdxPage",name:"ingressmaxlength",route:"/advanced/allparameters/render-parameters/ingressmaxlength"},{kind:"MdxPage",name:"listcols",route:"/advanced/allparameters/render-parameters/listcols"},{kind:"MdxPage",name:"questionsfirst",route:"/advanced/allparameters/render-parameters/questionsfirst"},{kind:"MdxPage",name:"renderstyle",route:"/advanced/allparameters/render-parameters/renderstyle"},{kind:"MdxPage",name:"selector",route:"/advanced/allparameters/render-parameters/selector"},{kind:"MdxPage",name:"showdate",route:"/advanced/allparameters/render-parameters/showdate"},{kind:"MdxPage",name:"showimage",route:"/advanced/allparameters/render-parameters/showimage"},{kind:"MdxPage",name:"showingress",route:"/advanced/allparameters/render-parameters/showingress"},{kind:"MdxPage",name:"stripecolor",route:"/advanced/allparameters/render-parameters/stripecolor"},{kind:"MdxPage",name:"styling",route:"/advanced/allparameters/render-parameters/styling"},{kind:"MdxPage",name:"titlefontclass",route:"/advanced/allparameters/render-parameters/titlefontclass"},{kind:"MdxPage",name:"titleheadinglevel",route:"/advanced/allparameters/render-parameters/titleheadinglevel"},{kind:"MdxPage",name:"titlemaxlength",route:"/advanced/allparameters/render-parameters/titlemaxlength"},{kind:"MdxPage",name:"useh1forcontent",route:"/advanced/allparameters/render-parameters/useh1forcontent"},{kind:"Meta",data:{addstripes:"Addstripes",cols:"Cols",datefontclass:"Datefontclass",fallbackimgsrc:"Fallbackimgsrc",headerfontclass:"Headerfontclass",headerheadinglevel:"Headerheadinglevel",headerid:"Headerid",headertext:"Headertext",hideimage:"Hideimage",ingressfontclass:"Ingressfontclass",ingressheadinglevel:"Ingressheadinglevel",ingressmaxlength:"Ingressmaxlength",listcols:"Listcols",questionsfirst:"Questionsfirst",renderstyle:"Renderstyle",selector:"Selector",showdate:"Showdate",showimage:"Showimage",showingress:"Showingress",stripecolor:"Stripecolor",styling:"Styling",titlefontclass:"Titlefontclass",titleheadinglevel:"Titleheadinglevel",titlemaxlength:"Titlemaxlength",useh1forcontent:"Useh1forcontent"}}]},{kind:"MdxPage",name:"render-parameters",route:"/advanced/allparameters/render-parameters"}]},{kind:"MdxPage",name:"allparameters",route:"/advanced/allparameters"},{kind:"MdxPage",name:"customfeatures",route:"/advanced/customfeatures"},{kind:"MdxPage",name:"externalsite",route:"/advanced/externalsite"},{kind:"MdxPage",name:"multisiterecommendation",route:"/advanced/multisiterecommendation"},{kind:"MdxPage",name:"testinadevelopmentenvironment",route:"/advanced/testinadevelopmentenvironment"},{kind:"MdxPage",name:"validateaccess",route:"/advanced/validateaccess"}]},{kind:"MdxPage",name:"advanced",route:"/advanced"},{kind:"Folder",name:"dashboard-guide",route:"/dashboard-guide",children:[{kind:"Meta",data:{"block-pages":"Block pages","ai-simulator":"AI simulator","questions-and-answers":"Questions and Answers","ai-statistics":"AI statistics","website-statistics":"Website statistics","monthly-reports":"Monthly reports",settings:"Settings"}},{kind:"MdxPage",name:"ai-simulator",route:"/dashboard-guide/ai-simulator"},{kind:"Folder",name:"ai-statistics",route:"/dashboard-guide/ai-statistics",children:[{kind:"Meta",data:{"feature-insights":"Feature insights"}},{kind:"MdxPage",name:"feature-insights",route:"/dashboard-guide/ai-statistics/feature-insights"}]},{kind:"MdxPage",name:"ai-statistics",route:"/dashboard-guide/ai-statistics"},{kind:"MdxPage",name:"block-pages",route:"/dashboard-guide/block-pages"},{kind:"MdxPage",name:"monthly-reports",route:"/dashboard-guide/monthly-reports"},{kind:"MdxPage",name:"questions-and-answers",route:"/dashboard-guide/questions-and-answers"},{kind:"Folder",name:"settings",route:"/dashboard-guide/settings",children:[{kind:"Meta",data:{modelsettings:"Model settings",searchsettings:"Search settings",externalsites:"External sites",useraaccess:"User access",viewstream:"View stream",alloweddomains:"Allowed domains",questionssettings:"Questions settings"}},{kind:"MdxPage",name:"alloweddomains",route:"/dashboard-guide/settings/alloweddomains"},{kind:"MdxPage",name:"externalsites",route:"/dashboard-guide/settings/externalsites"},{kind:"MdxPage",name:"modelsettings",route:"/dashboard-guide/settings/modelsettings"},{kind:"MdxPage",name:"questionssettings",route:"/dashboard-guide/settings/questionssettings"},{kind:"MdxPage",name:"searchsettings",route:"/dashboard-guide/settings/searchsettings"},{kind:"MdxPage",name:"useraaccess",route:"/dashboard-guide/settings/useraaccess"},{kind:"MdxPage",name:"viewstream",route:"/dashboard-guide/settings/viewstream"}]},{kind:"MdxPage",name:"settings",route:"/dashboard-guide/settings"},{kind:"MdxPage",name:"website-statistics",route:"/dashboard-guide/website-statistics"}]},{kind:"MdxPage",name:"dashboard-guide",route:"/dashboard-guide"},{kind:"MdxPage",name:"faq",route:"/faq"},{kind:"Folder",name:"getting-started",route:"/getting-started",children:[{kind:"Meta",data:{"quickstart-guide":"Quickstart guide",installation:"Installation","data-gathering":"Data gathering","display-recommendations":"Display recommendations","best-practice-filtering":"Best practice filtering pages","display-recommendations-javascript":"Display recommendations with javascript","how-it-works":"How It Works"}},{kind:"MdxPage",name:"best-practice-filtering",route:"/getting-started/best-practice-filtering"},{kind:"MdxPage",name:"data-gathering",route:"/getting-started/data-gathering"},{kind:"MdxPage",name:"display-recommendations-javascript",route:"/getting-started/display-recommendations-javascript"},{kind:"MdxPage",name:"display-recommendations",route:"/getting-started/display-recommendations"},{kind:"MdxPage",name:"how-it-works",route:"/getting-started/how-it-works"},{kind:"MdxPage",name:"installation",route:"/getting-started/installation"},{kind:"MdxPage",name:"quickstart-guide",route:"/getting-started/quickstart-guide"}]},{kind:"MdxPage",name:"getting-started",route:"/getting-started"},{kind:"MdxPage",name:"index",route:"/"},{kind:"Folder",name:"integration-modules",route:"/integration-modules",children:[{kind:"Meta",data:{sitevision:"Sitevision",react:"React"}},{kind:"Folder",name:"react",route:"/integration-modules/react",children:[{kind:"Meta",data:{"react-helloworldreact":"React - Hello World!"}},{kind:"MdxPage",name:"react-helloworldreact",route:"/integration-modules/react/react-helloworldreact"}]},{kind:"MdxPage",name:"react",route:"/integration-modules/react"},{kind:"Folder",name:"sitevision",route:"/integration-modules/sitevision",children:[{kind:"Meta",data:{"sitevision-installation":"Installation","sitevision-global-and-search":"Settings and Search","sitevision-manual":"Manual","sitevision-premium":"Premium"}},{kind:"MdxPage",name:"sitevision-global-and-search",route:"/integration-modules/sitevision/sitevision-global-and-search"},{kind:"MdxPage",name:"sitevision-installation",route:"/integration-modules/sitevision/sitevision-installation"},{kind:"MdxPage",name:"sitevision-manual",route:"/integration-modules/sitevision/sitevision-manual"},{kind:"MdxPage",name:"sitevision-premium",route:"/integration-modules/sitevision/sitevision-premium"}]},{kind:"MdxPage",name:"sitevision",route:"/integration-modules/sitevision"}]},{kind:"MdxPage",name:"integration-modules",route:"/integration-modules"},{kind:"MdxPage",name:"intranet",route:"/intranet"},{kind:"MdxPage",name:"qanda",route:"/qanda"},{kind:"Folder",name:"questions-and-answers",route:"/questions-and-answers",children:[{kind:"Meta",data:{"implementing-questions-and-answers":"Implementation Question & Answers","styling-questions-and-answers":"Styling Question & Answers","siteivison-questions-and-answers":"Question & Answers in Sitevision","questions-and-answers-in-search":"Question & Answers in autocomplete"}},{kind:"MdxPage",name:"implementing-questions-and-answers",route:"/questions-and-answers/implementing-questions-and-answers"},{kind:"MdxPage",name:"questions-and-answers-in-search",route:"/questions-and-answers/questions-and-answers-in-search"},{kind:"MdxPage",name:"siteivison-questions-and-answers",route:"/questions-and-answers/siteivison-questions-and-answers"},{kind:"MdxPage",name:"styling-questions-and-answers",route:"/questions-and-answers/styling-questions-and-answers"}]},{kind:"Folder",name:"search-autocomplete",route:"/search-autocomplete",children:[{kind:"Meta",data:{"search-autocomplete-html":"Search Autocomplete HTML","search-autocomplete-sitevision":"Search Autocomplete Sitevision","advanced-usage":"Advanced Usage"}},{kind:"MdxPage",name:"advanced-usage",route:"/search-autocomplete/advanced-usage"},{kind:"MdxPage",name:"search-autocomplete-html",route:"/search-autocomplete/search-autocomplete-html"},{kind:"MdxPage",name:"search-autocomplete-sitevision",route:"/search-autocomplete/search-autocomplete-sitevision"}]},{kind:"MdxPage",name:"search-autocomplete",route:"/search-autocomplete"},{kind:"Folder",name:"security",route:"/security",children:[{kind:"Meta",data:{csp:"Content Security Policy (CSP)"}},{kind:"MdxPage",name:"csp",route:"/security/csp"}]},{kind:"MdxPage",name:"troubleshooting",route:"/troubleshooting"},{kind:"Folder",name:"tutorials",route:"/tutorials",children:[{kind:"Meta",data:{stylerecommendations:"Style recommendations",sitevisionspecific:"Sitevision specific",eservice:"E-services on search page"}},{kind:"MdxPage",name:"eservice",route:"/tutorials/eservice"},{kind:"MdxPage",name:"sitevisionspecific",route:"/tutorials/sitevisionspecific"},{kind:"MdxPage",name:"stylerecommendations",route:"/tutorials/stylerecommendations"}]},{kind:"MdxPage",name:"tutorials",route:"/tutorials"},{kind:"MdxPage",name:"video-guides",route:"/video-guides"}],flexsearch:{codeblocks:!0},title:"Advanced usage of search autocomplete"},pageNextRoute:"/search-autocomplete/advanced-usage",nextraLayout:o.ZP,themeConfig:a.Z};function x(e){let s=Object.assign({h1:"h1",p:"p",a:"a",h2:"h2",pre:"pre",code:"code",span:"span"},(0,i.ah)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"Advanced usage of search autocomplete"}),"\n",(0,n.jsx)(s.p,{children:"To inspire your visitors, consider diversifying the presentation of search autocomplete suggestions."}),"\n",(0,n.jsx)(s.p,{children:"You may opt to display various types of content in distinct manners. For instance, news could be showcased with an image and a tag on the right, or individuals could be depicted alongside their titles."}),"\n",(0,n.jsx)(s.p,{children:"There is no limit to the number of different search result presentations that can be created."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(c(),{alt:"Advanced search result",placeholder:"blur",src:d})}),"\n",(0,n.jsxs)(s.p,{children:["If you want to segment the search suggestions before they are displayed, there is a ready-made function ",(0,n.jsx)(s.a,{href:"/search-autocomplete/advanced-usage#segmentation-of-search-results",children:"sortResult"})," for that."]}),"\n",(0,n.jsxs)(s.p,{children:["The implementation of custom templates for the search suggestions looks different if you use the standard autocomplete or the script for ",(0,n.jsx)(s.a,{href:"/search-autocomplete/advanced-usage#code-example-templates-rekai-autocomplete-sitevision",children:"Sitevision"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"code-example-templates-rekai-autocomplete",children:"Code example templates rek.ai autocomplete"}),"\n",(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-object"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"justify-content"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"space-between"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-img-and-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-img"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"width"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"30"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"margin-right"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"5"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"align-items"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"center"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex-direction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"row"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"block"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-object"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".tag"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"border-radius"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"font-size"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"10"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"text-transform"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"uppercase"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"background-color"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"#e0e7f8"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"align-items"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"center"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"padding"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0 4"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"max-height"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"20"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"$"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"( document )"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".ready"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"() {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" rekAutocomplete "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"rekai_autocomplete"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'#search-input'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      debug"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      params"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        addcontent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    [{"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      templates"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(suggestion) {"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// If news article"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"url"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".indexOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'news'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:">"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"-"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"1"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"''"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<a href=\"'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".url "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-object\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-img-and-title\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'<img class="search-img" src="\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".imgurl "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-title\"><span>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".title "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</span></div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"tag\"><span>News</span></div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</a>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" s;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"else"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Else render normaly"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'<p class="search-page-normal"><a href="\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".url "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"suggestion"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".title "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</a></p>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }])"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  });"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]})]})}),"\n",(0,n.jsx)(s.h2,{id:"code-example-templates-rekai-autocomplete-sitevision",children:"Code example templates rek.ai autocomplete Sitevision"}),"\n",(0,n.jsx)(s.p,{children:"If you have activated the search suggestions in the Sitevision module, you need to add the following code to include all the metadata that exists about the recommended pages."}),"\n",(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"transformRequestString"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(params) {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    params "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'&addcontent=true'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" params;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".__rekai "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".__rekai "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"||"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {};"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"__rekai"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".transformRequestString "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" transformRequestString;"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]})]})}),"\n",(0,n.jsx)(s.p,{children:"Then you can add the following code to get search suggestions that show images and tags for news."}),"\n",(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-object"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"justify-content"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"space-between"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-img-and-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-img"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"width"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"30"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"margin-right"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"5"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"position"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"relative"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"align-items"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"center"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex-direction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"row"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-title"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"block"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".search-object"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".tag"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"display"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"flex"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"border-radius"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"font-size"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"10"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"text-transform"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"uppercase"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"background-color"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"#e0e7f8"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"align-items"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"center"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"padding"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0 4"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"max-height"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"20"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"px"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  </"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"svDocReady"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"() {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"rekaiSVAutoRenderItem"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(prediction) {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// If lokalobjekt"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"url"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".indexOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'news'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:">"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"-"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"1"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// News"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"''"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'<li class="" data-targeturl="\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".url "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'\" >'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-object\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-img-and-title\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'<img class="search-img" src="\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".imgurl "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'\">'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"search-title\"><span>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".title "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</span></div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'<div class=\"tag\"><span>News</span></div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</div>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        s "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</a></li>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" s;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"else"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'<li class="" data-targeturl="\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".url "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'" ><a href="#">\''}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"escapeHTML"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"prediction"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".title) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"+"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'</a></li>'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"$svjq"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"#search1"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".rekAutoComplete"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"({"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      params"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        addcontent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    });"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  });"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]})]})}),"\n",(0,n.jsx)(s.h2,{id:"segmentation-of-search-results",children:"Segmentation of search results"}),"\n",(0,n.jsxs)(s.p,{children:["If you want to divide the search results so that, for example, you want all news to be grouped together before the other search suggestions, you can use the function ",(0,n.jsx)(s.code,{children:"sortResult"}),"."]}),"\n",(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Funtion to sort the results in to two groups before rendering them."})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Used in both SV and non SV"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".__rekai "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".__rekai "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"||"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {};"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"window"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"__rekai"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"sortResult"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (data) {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" typeOrginal "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [];"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" typeFacet "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [];"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" maxInEach "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"5"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"for"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"var"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" i "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"; i "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"data"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"length"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"; i"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"++"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (data[i]."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"url"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".indexOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"( "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'news'"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:">"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"-"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"1"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"&&"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"typeFacet"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"length"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" maxInEach) {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"typeFacet"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".push"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(data[i]); "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Add to typeOrginal array"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"else"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"typeOrginal"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"length"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" maxInEach) {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"typeOrginal"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".push"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(data[i]); "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Add to page array"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    data "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" typeOrginal ; "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// First facet"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    data "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"data"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".concat"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(typeFacet); "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// Then orginal types"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" data; "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// resturn concated array"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  }"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]})]})})]})}var k=(0,l.j)(h)},50826:function(e){e.exports={wrapper:"youtube-embed_wrapper__b8WVk",clickcontainer:"youtube-embed_clickcontainer__uuNNJ",image:"youtube-embed_image__bUEaa",iconcontainer:"youtube-embed_iconcontainer__52MtH"}}},function(e){e.O(0,[9774,2819,2888,179],function(){return e(e.s=32330)}),_N_E=e.O()}]);