https://cutechgroup.com/assets/js/SearchModalButton.b658ca8c5ccead8e56be.js

1"use strict";(self.webpackChunkcmtl_frontend=self.webpackChunkcmtl_frontend||[]).push([[374],{4676:(e,l,a)=>{a.d(l,{i:()=>o});const t=(e,l)=>{("object"==typeof e?e:document.querySelector(e)).classList.add(l)},s=(e,l)=>{("object"==typeof e?e:document.querySelector(e)).classList.remove(l)},r=(e,l)=>("object"==typeof e?e:document.querySelector(e)).classList.contains(l),o=()=>{let e=document.querySelectorAll("[data-float-labels]");for(let l of[...e]){let e=l.dataset.floatLabelsClassPrefix||"field",a=["[type=text]","[type=email]","[type=password]","[type=tel]","textarea","select","[data-float-label]"],t=l.querySelectorAll(a.join(","));n(e,t)}},n=(e,l)=>{for(let a of l){let l=a.parentElement;r(l,e)&&(t(l,`${e}--floated-label`),u(a)?t(l,`${e}--floated-label-dirty`):s(l,`${e}--floated-label-dirty`),a.addEventListener("input",()=>{u(a)?t(l,`${e}--floated-label-dirty`):s(l,`${e}--floated-label-dirty`)}),a.placeholder="")}},u=e=>null!==e.value&&void 0!==e.value&&""!==e.value;o()},7973:(e,l,a)=>{a.r(l),a.d(l,{default:()=>$});var t=a(1425);const s=(0,t.KR)(),r=(0,t.KR)(!1);var o=a(4676);const n={class:"modal-inner"},u={class:"modal-dialog modal-dialog--search",role:"dialog","aria-modal":"true"},i={class:"modal-dialog__content"},c={class:"button-list search-filters",role:"radiogroup","aria-label":"Filter search results by type"},v=["id","value"],d=["for"],p={class:"search-auto-complete","data-float-labels":"","data-float-labels-class-prefix":"form-field"},f={class:"form-field form-field--floated-label"},g=["onKeydown"],h={for:"global-search"},m={class:"search-results__messages"},y={key:0,class:"search-spinner"},b={key:1},k={key:2},_={key:3,class:"search-results__summary"},w={key:0,class:"search-results"},L=["href","target","rel"],C={key:0,class:"search-result__image-clip"},E=["src","alt"],Q={class:"search-result__content"},R={class:"search-result__title"},T={key:0,class:"search-result__tag badge"},X=["innerHTML"],S={key:0,class:"search-result__date"},K={key:1,class:"search-result__meta"},q={key:2,class:"search-result__meta"},I={key:3,class:"search-result__meta"},M=["innerHTML"],x={class:"button-link","aria-hidden":"true"},D={__name:"SearchModal",props:{rootId:{type:Number,required:!0},labels:{type:Object,default:()=>({})},availableFilters:{type:Array,default:null}},emits:["close"],setup(e,l){let{emit:s}=l;const r=e,D=s,$=(e,l)=>{const a=r.labels&&r.labels[e];return null==a||""===a?l:a},W=(0,t.EW)(()=>{const e=[{label:$("news","News"),value:"news"},{label:$("jobs","Jobs"),value:"jobs"},{label:$("offices","Offices"),value:"offices"}],l=Array.isArray(r.availableFilters)?e.filter(e=>r.availableFilters.includes(e.value)):e;return[{label:$("all","All"),value:"all"},...l]}),P=e=>{switch(e){case"News":return $("tagNews","News");case"Job":return $("tagJob","Job");

1case"Office":return $("tagOffice","Office");case"Page":return $("tagPage","Page");default:return e}},F=(0,t.KR)(null),O=(0,t.KR)(""),j=(0,t.KR)(""),A=(0,t.KR)("all"),B=(0,t.KR)([]),N=(0,t.KR)(1),U=(0,t.KR)(0),J=(0,t.KR)(0),H=(0,t.KR)(!1),V=(0,t.KR)(!1),Y=async()=>{F.value||(F.value=await Promise.all([a.e(83),a.e(295)]).then(a.bind(a,1324)).then(e=>e.default))},Z=(0,t.EW)(()=>A.value&&"all"!==A.value),G=(0,t.EW)(()=>!V.value&&B.value.length>0&&U.value<N.value),z=e=>({name:e.name??e.Name??"",description:e.description??e.Description??"",url:e.url??e.Url??"",pageType:e.pageType??e.PageType??"",imageUrl:e.imageUrl??e.ImageUrl??"",articleDate:e.articleDate??e.ArticleDate??"",company:e.company??e.Company??"",locations:e.locations??e.Locations??"",postedDate:e.postedDate??e.PostedDate??""}),ee=function(){return String(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")},le=e=>{const l=j.value.trim(),a=e||"";if(!l||l.length<3||!a)return ee(a);const t=new RegExp(`(${function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}(l)})`,"gi");return ee(a).replace(t,'<span class="search-result__highlight">$1</span>')},ae=(0,t.KR)(null);let te=null;const se=()=>{te&&(te.disconnect(),te=null)},re=()=>{ae.value&&G.value?(se(),te=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&G.value&&ue()})},{root:null,threshold:.25}),te.observe(ae.value)):se()},oe=()=>{H.value=!1,B.value=[],J.value=0,N.value=1,U.value=0,j.value="",V.value=!1,se()},ne=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,l=arguments.length>1?arguments[1]:void 0;if(V.value&&1===e)return;const a=(l??O.value).trim();if(a||Z.value){H.value=!0,V.value=!0;try{await Y();const{data:l}=await F.value.get("/umbraco/api/search/globalsearch",{params:{query:a,page:e,rootId:r.rootId,pageType:A.value||"all"}}),s=(l.items??l.Items??[]).map(z);1===e?B.value=s:B.value.push(...s),N.value=l.totalPages??l.TotalPages??1,J.value=l.totalResults??l.TotalResults??0,U.value=e,j.value=l.searchTerm??l.SearchTerm??a,await(0,t.dY)(),re()}catch{}finally{V.value=!1}}},ue=()=>{G.value&&ne(U.value+1,j.value||O.value)},ie=()=>{const e=O.value.trim();(e&&!(e.length<3)||Z.value)&&ne(1,e)},ce=()=>{oe(),O.value="",A.value="all",D("close")},ve=()=>{(()=>{if("undefined"==typeof window||!window.getSelection)return!1;const e=window.getSelection();return e&&e.toString().trim().length>0})()||ce()},de=e=>{"Escape"!==e.key&&"Esc"!==e.key||(e.preventDefault(),ce())};let pe=null;return(0,t.wB)(O,e=>{pe&&clearTimeout(pe);const l=e.trim();l&&!(l.length<3)||Z.value?pe=setTimeout(()=>{(l!==j.value||Z.value)&&ne(1,l)},500):oe()}),(0,t.wB)(A,()=>{const e=O.value.trim();e&&!(e.length<3)||Z.value?(se(),B.value=[],N.value=1,U.value=0,ne(1,e)):oe()}),(0,t.wB)([G,ae],()=>{(0,t.dY)().then(re)}),(0,t.sV)(async()=>{await(0,t.dY)(),(0,o.i)(),window.addEventListener("keydown",de)}),(0,t.$u)(()=>{(0,o.i)()}),(0,t.hi)(()=>{se(),pe&&clearTimeout(pe),window.removeEventListener("keydown",de)}),(e,l)=>((0,t.uX)(),(0,t.CE)("div",{class:"modal-container modal-container--search search-modal",onClick:(0,t.D$)(ve,["self"])},[(0,t.Lk)("div",n,[(0,t.Lk)("div",u,[(0,t.Lk)("button",{class:"modal-close",onClick:ce,"aria-label":"Close search"},l[2]||(l[2]=[(0,t.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 -960 960 960",width:"24"},[(0,t.Lk)("path",{d:"M256-213.847 213.847-256l224-224-224-224L256-746.153l224 224 224-224L746.153-704l-224 224 224 224L704-213.847l-224-224-224 224Z"})],-1)])),(0,t.Lk)("div",i,[(0,t.Q3)(" Page type filter pills "),(0,t.Lk)("ul",c,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(W.value,e=>((0,t.uX)(),(0,t.CE)("li",{key:e.value},[(0,t.bo)((0,t.Lk)("input",{class:"search-radio",type:"radio",name:"page-type-filter",id:`page-type-${e.value}`,value:e.value,"onUpdate:modelValue":l[0]||(l[0]=e=>A.value=e)},null,8,v),[[t.XL,A.value]]),(0,t.Lk)("label",{for:`page-type-${e.value}`},(0,t.v_)(e.label),9,d)]))),128))]),(0,t.Q3)(" Search input "),(0,t.Lk)("div",p,[(0,t.Lk)("div",f,[(0,t.bo)((0,t.Lk)("input",{id:"global-search",type:"text","onUpdate:modelValue":l[1]||(l[1]=e=>O.value=e),onKeydown:(0,t.jR)((0,t.D$)(ie,["prevent"]),["enter"]),autocomplete:"off"},null,40,g),[[t.Jo,O.value]]),(0,t.Lk)("label",h,(0,t.v_)($("placeholder","What are you looking for?")),1)])]),(0,t.Q3)(" State messages "),(0,t.Lk)("div",m,[V.value&&0===B.value.length?((0,t.uX)(),(0,t.CE)("div",y,[l[3]||(l[3]=(0,t.Lk)("svg",{class:"search-spinner__icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[(0,t.Lk)("circle",{class:"search-spinner__track",cx:"12",cy:"12",r:"10",fill:"none","stroke-width":"3"}),(0,t.Lk)("circle",{class:"search-spinner__arc",cx:"12",cy:"12",r:"10",fill:"none","stroke-width":"3","stroke-linecap":"round"})],-1)),(0,t.Lk)("span",null,(0,t.v_)($("searching","Searching…")),1)])):(0,t.Q3)("v-if",!0),H.value||V.value||0!==B.value.length?(0,t.Q3)("v-if",!0):((0,t.uX)(),(0,t.CE)("p",b,(0,t.v_)($("prompt","Start t

1yping to search, or pick a filter to browse.")),1)),H.value&&!V.value&&0===B.value.length?((0,t.uX)(),(0,t.CE)("p",k,(0,t.v_)($("noResults","No results found.")),1)):(0,t.Q3)("v-if",!0),J.value>0&&!V.value?((0,t.uX)(),(0,t.CE)("p",_,[(0,t.eW)((0,t.v_)(J.value)+" "+(0,t.v_)(1===J.value?$("resultSingular","result"):$("resultPlural","results")),1),j.value.trim()?((0,t.uX)(),(0,t.CE)(t.FK,{key:0},[(0,t.eW)((0,t.v_)($("resultsFor","for"))+" “"+(0,t.v_)(j.value)+"”",1)],64)):(0,t.Q3)("v-if",!0),l[4]||(l[4]=(0,t.eW)(". "))])):(0,t.Q3)("v-if",!0)]),(0,t.Q3)(" Results "),B.value.length?((0,t.uX)(),(0,t.CE)("div",w,[((0,t.uX)(!0),(0,t.CE)(t.FK,null,(0,t.pI)(B.value,(e,l)=>((0,t.uX)(),(0,t.CE)("a",{class:"search-result",key:e.url||l,href:e.url||"#",target:"Office"===e.pageType?"_blank":null,rel:"Office"===e.pageType?"noopener":null},[e.imageUrl?((0,t.uX)(),(0,t.CE)("div",C,[(0,t.Lk)("img",{class:"search-result__image",src:e.imageUrl,alt:e.name||"Search result",loading:"lazy"},null,8,E)])):(0,t.Q3)("v-if",!0),(0,t.Lk)("div",Q,[(0,t.Lk)("p",R,[e.pageType?((0,t.uX)(),(0,t.CE)("span",T,(0,t.v_)(P(e.pageType)),1)):(0,t.Q3)("v-if",!0),(0,t.Lk)("span",{innerHTML:le(e.name)},null,8,X)]),e.articleDate?((0,t.uX)(),(0,t.CE)("p",S,[(0,t.Lk)("strong",null,(0,t.v_)(e.articleDate),1)])):(0,t.Q3)("v-if",!0),e.company?((0,t.uX)(),(0,t.CE)("p",K,[(0,t.Lk)("strong",null,(0,t.v_)($("company","Company"))+":",1),(0,t.eW)(" "+(0,t.v_)(e.company),1)])):(0,t.Q3)("v-if",!0),e.locations?((0,t.uX)(),(0,t.CE)("p",q,[(0,t.Lk)("strong",null,(0,t.v_)($("locations","Locations"))+":",1),(0,t.eW)(" "+(0,t.v_)(e.locations),1)])):(0,t.Q3)("v-if",!0),e.postedDate?((0,t.uX)(),(0,t.CE)("p",I,[(0,t.Lk)("strong",null,(0,t.v_)($("posted","Posted"))+":",1),(0,t.eW)(" "+(0,t.v_)(e.postedDate),1)])):(0,t.Q3)("v-if",!0),e.description?((0,t.uX)(),(0,t.CE)("p",{key:4,class:"search-result__description",innerHTML:le(e.description)},null,8,M)):(0,t.Q3)("v-if",!0),(0,t.Lk)("span",x,(0,t.v_)("Office"===e.pageType?$("directions","Get directions"):$("readMore","Read more")),1)])],8,L))),128))])):(0,t.Q3)("v-if",!0),(0,t.Q3)(" Infinite scroll sentinel "),G.value?((0,t.uX)(),(0,t.CE)("div",{key:1,ref_key:"loadMoreTrigger",ref:ae,class:"search-results__sentinel","aria-hidden":"true"},null,512)):(0,t.Q3)("v-if",!0)])])])]))}},$={__name:"SearchModalButton",props:{rootId:{type:Number,required:!0},labels:{type:Object,default:()=>({})},availableFilters:{type:Array,default:null}},setup(e){const l=((0,t.nT)(()=>{document.body.classList.toggle("noscroll",r.value)}),{component:s,show:r,showModal:()=>r.value=!0,hideModal:()=>r.value=!1}),a=e,{rootId:o}=(0,t.QW)(a),n=o.value,u=()=>{l.component.value=(0,t.IG)(D),l.showModal()};return(a,s)=>((0,t.uX)(),(0,t.CE)("div",null,[((0,t.uX)(),(0,t.Wv)(t.Im,{to:"#modals"},[(0,t.bF)(t.eB,{name:"modal-fade",appear:""},{default:(0,t.k6)(()=>[(0,t.R1)(l).show.value?((0,t.uX)(),(0,t.Wv)(D,{key:0,onClose:(0,t.R1)(l).hideModal,rootId:(0,t.R1)(n),labels:e.labels,"available-filters":e.availableFilters},null,8,["onClose","rootId","labels","available-filters"])):(0,t.Q3)("v-if",!0)]),_:1})])),(0,t.Lk)("button",{class:"svg-button svg-button--search-modal search-modal-button",title:"Open Search",type:"button",onClick:u},s[0]||(s[0]=[(0,t.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",height:"30",viewBox:"0 -960 960 960",width:"30"},[(0,t.Lk)("path",{d:"M792-120.667 532.667-380q-30 25.333-69.64 39.666Q423.388-326 378.667-326q-108.441 0-183.554-75.167Q120-476.333 120-583.333T195.167-765.5q75.166-75.167 182.5-75.167 107.333 0 182.166 75.167 74.834 75.167 74.834 182.267 0 43.233-14 82.9-14 39.666-40.667 73l260 258.667-48 47.999ZM378-392.666q79.167 0 134.583-55.834Q568-504.333 568-583.333q0-79.001-55.417-134.834Q457.167-774 378-774q-79.722 0-135.528 55.833t-55.806 134.834q0 79 55.806 134.833Q298.278-392.666 378-392.666Z"})],-1)]))]))}}}}]);
2//# sourceMappingURL=SearchModalButton.b658ca8c5ccead8e56be.js.map