1(globalThis["webpackChunkwebsite_js"]=globalThis["webpackChunkwebsite_js"]||[]).push([[5779],{66166(e,t,s){"use strict";s.r(t),s.d(t,{default:()=>l});var o=s(31601),r=s.n(o),n=s(76314),a=s.n(n),i=a()(r());i.push([e.id,".global-search-results{box-sizing:border-box;width:800px;max-height:600px;scrollbar-width:thin;scrollbar-color:#0003 #0000001a;overflow:auto!important;position:absolute;margin-top:-1px;background:#fff;z-index:1000;border:1px solid #0000001a;box-shadow:2px 2px 0 #0000000f;overflow:hidden;border-radius:0}.global-search-results::-webkit-scrollbar{width:6px;height:6px}.global-search-results::-webkit-scrollbar-track{background:#0000001a}.global-search-results::-webkit-scrollbar-thumb{background-color:#0003}.global-search-results .suggestions{padding:1em;background:#00000003;border-bottom:1px solid #0000001a}.global-search-results .suggestions-caption{font-size:12px;font-weight:600}.global-search-results .suggestions-items span{display:inline-block;margin:.8em .8em 0 0;cursor:pointer;line-height:1em;border-bottom:1px dotted #000000bf}.global-search-results .suggestions-items span:focus,.global-search-results .suggestions-items span:hover{outline:none;border-bottom:1px solid #00000080;font-weight:600}.global-search-results .result-groups{display:grid;grid-template-columns:2fr 1fr}.global-search-results .products{padding:1em}.global-search-results .none-products{padding:1em;background:rgba(0,0,0,.025)}.global-search-results .categories{margin-bottom:1em}.global-search-results .result-group-caption{font-size:12px;font-weight:600}.global-search-results-item{display:block;padding:3px 10px;color:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.global-search-results-item:focus,.global-search-results-item:hover{background-color:rgba(0,0,0,.025);outline:none;text-decoration:none}.global-search-results-item img{width:40px;height:40px;object-fit:contain;margin-right:10px}.global-search-results-item .text{flex:1;font-size:.85rem;font-weight:600;line-height:1.2}.global-search-results-item .text .sku{margin-top:3px;font-size:.7rem;color:#0000008a}.global-search-results-item .pricing{margin-left:10px;font-size:.79rem;font-weight:600}.global-search.has-results .uk-button-group{border-bottom-left-radius:0;border-bottom-right-radius:0}.global-search input.uk-search-input{border:0}.global-search .uk-spinner{position:absolute;top:4px;left:4px;opacity:.25}",""]);const l=i},66273(e,t,s){"use strict";s.d(t,{U:()=>a,X:()=>n});var o=s(94335),r=s(62893);function n(){if(window.cbxScrollbarWidth)return window.cbxScrollbarWidth;const e=document.createElement("div");e.style.visibility="hidden",e.style.width="100px",e.style.msOverflowStyle="scrollbar",document.body.appendChild(e);const t=e.offsetWidth;e.style.overflow="scroll";const s=document.createElement("div");s.style.width="100%",e.appendChild(s);const o=s.offsetWidth;return e.parentNode.removeChild(e),window.cbxScrollbarWidth=t-o}async function a(e,t=null,s=null){try{const n=await o.A.get(window.location.href),a=document.querySelector(e),i=document.createElement("div");i.innerHTML=n.data,"function"===typeof s&&s(i);const l=i.querySelector(e);if(null!==l)a.replaceWith(l);else while(a.firstChild)a.removeChild(a.firstChild);const u=r["default"].extend(window.app);new u({i18n:window.app.$i18n,data:window.app.$data,mounted:function(){this.$nextTick(function(){"function"===typeof t&&t()})}}).$mount(document.querySelector(e))}catch{window.location.reload()}}},85779(e,t,s){"use strict";s.r(t),s.d(t,{default:()=>f});var o=function(){var e=this,t=e._self._c;e._self._setupProxy;return e.isViewType?t("div",{directives:[{name:"on-clickaway",rawName:"v-on-clickaway",value:e.handleClickAway,expression:"handleClickAway"}],staticClass:"uk-search uk-search-default global-search",class:{"has-results":e.products.length,"uk-width-1":e.isMobile},style:e.cssVars},[t("div",{staticClass:"uk-button-group",class:{"uk-preserve":e.isMobile}},[t("div",{staticClass:"uk-width-expand"},[e.isFetching?t("div",{attrs:{"uk-spinner":"ratio:.9"}}):e._e(),t("span",{attrs:{"uk-search-icon":""}}),t("input",{directives:[{name:"model",rawName:"v-model",value:e.keyword,expression:"keyword"}],ref:"searchInput",staticClass:"uk-search-input",attrs:{autofocus:"",type:"search",placeholder:e.$t("search.search-text",["Search for items..."]),tabindex:"1234"},domProps:{value:e.keyword},on:{input:[function(t){t.target.composing||(e.keyword=t.target.value)},e.handleKeywordInput],keyup:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.reset.apply(null,arguments)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.gotoSearchPage.apply(null,arguments)}],keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(e.products.length-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(0))}]}})]),t("button",{staticClass:"uk-button uk-button-primary uk-padding uk-padding-remove-vertical",attrs:{tabindex:"1235"},on:{click:e.gotoSearchPage}},[e._v(" "+e._s(e.$t("actions.search",["Search"]))+" ")])]),null!=e.result?t("div",{staticClass:"global-search-results"},[e.suggestions.length>0?t("div",{staticClass:"suggestions"},[t("div",{staticClass:"suggestions-caption"},[e._v("Did you mean?")]),t("div",{staticClass:"suggestions-items"},e._l(e.suggestions,function(s){return t("span",{key:s,attrs:{tabindex:"1234"},on:{click:function(t){return e.setKeyword(s)},keyup:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.setKeyword(s)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.setFocus(-1)}],keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(0))}]}},[e._v(" "+e._s(s)+" ")])}
1),0)]):e._e(),t("div",{staticClass:"result-groups"},[t("div",{staticClass:"products"},[t("div",{staticClass:"result-group-caption"},[e._v("Products ("+e._s(e.result.productcount)+")")]),e.result.productcount>0?t("div",{staticClass:"result-group-items"},e._l(e.products,function(s,o){return t("a",{key:s.id,ref:`suggestion-${o}`,refInFor:!0,staticClass:"global-search-results-item",attrs:{href:s.metadata.url,tabindex:"1234"},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(o-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(o+1))}],keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.setFocus(-1)}}},[t("img",{attrs:{src:s.metadata.image}}),e._v(" "+e._s(s.metadata.title)+" ")])}),0):t("div",[e._v("No products found")])]),t("div",{staticClass:"none-products"},[t("div",{staticClass:"categories"},[t("div",{staticClass:"result-group-caption"},[e._v("Categories ("+e._s(e.result.categorycount)+")")]),e.result.categorycount>0?t("div",{staticClass:"result-group-items"},e._l(e.categories,function(s){return t("a",{key:s.id,staticClass:"global-search-results-item",attrs:{href:s.metadata.url,tabindex:"1234"},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(0))}],keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.setFocus(-1)}}},[t("img",{attrs:{src:s.metadata.image}}),e._v(" "+e._s(s.metadata.title)+" ")])}),0):t("div",[e._v("No categories found")])]),t("div",{staticClass:"cmspages"},[t("div",{staticClass:"result-group-caption"},[e._v("Pages ("+e._s(e.result.cmscount)+")")]),e.result.cmscount>0?t("div",{staticClass:"result-group-items"},e._l(e.cmspages,function(s){return t("a",{key:s.id,staticClass:"global-search-results-item",attrs:{href:s.metadata.url,tabindex:"1234"},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(-1))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:(t.preventDefault(),t.stopPropagation(),e.setFocus(0))}],keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"esc",27,t.key,["Esc","Escape"])?null:e.setFocus(-1)}}},[e._v(" "+e._s(s.metadata.title)+" ")])}),0):t("div",[e._v("No pages found")])])])])]):e._e()]):e._e()},r=[],n=s(15215),a=s(71886),i=s(53917),l=s(22163),u=s(66273),c=s(99499);const d=new l.A;let p=class extends a.lD{constructor(){super(...arguments),this.result=null,this.suggestions=[],this.isFetching=!1,this.keyword="",this.scrollbarWidth=0}get isViewType(){return this.$screen.breakpoint===this.viewType}get isMobile(){return"mobile"===this.$screen.breakpoint}get cssVars(){return{"--scrollbar-width":`${this.scrollbarWidth}px`}}get products(){return this.result?.products??[]}get categories(){return this.result?.categories??[]}get cmspages(){return this.result?.cmspages??[]}created(){this.scrollbarWidth=(0,u.X)()}async search(){this.isFetching=!0,this.result=await d.magicSearch(this.keyword),this.isFetching=!1,this.suggestions=await d.suggestions(this.keyword)}gotoSearchPage(){window.location.href=`${window.CbxSearchPageUrl}?query=${this.keyword}&orderby=`}setFocus(e){let t;t=e<0||e>this.products.length-1?this.$refs.searchInput:this.$refs[`suggestion-${e}`][0],this.$nextTick(()=>t.focus())}reset(){this.keyword="",this.result=null}setKeyword(e){this.keyword=e,this.search()}async handleKeywordInput(){this.search()}handleClickAway(e){console.log(e),this.$el.contains(e.relatedTarget)||this.reset()}};(0,n.Cg)([(0,a.kv)({type:String,required:!1,default:"desktop"})],p.prototype,"viewType",void 0),(0,n.Cg)([(0,i.S)(250)],p.prototype,"handleKeywordInput",null),p=(0,n.Cg)([(0,a.uA)({name:"GlobalSearch",mixins:[c.co]})],p);const g=p,h=g;s(89132);var y=s(81656),k=(0,y.A)(h,o,r,!1,null,null,null);const f=k.exports},89132(e,t,s){var o=s(66166);o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.id,o,""]]),o.locals&&(e.exports=o.locals);var r=s(99548).A;r("587126a8",o,!0,{sourceMap:!1,shadowMode:!1})}}]); 2//# sourceMappingURL=5779.js.map?id=3e09429cbb47c43b
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.