{"version":3,"file":"freeform-search-e841932e9a.js","sources":["freeform-search-e841932e9a.js"],"sourcesContent":["import { debounce } from \"./utilities.js\";\r\n\r\nlet searchTerm = '';\r\nlet autocompletePopup;\r\nlet ajaxRequest = null;\r\n\r\nconst renderMenu = () => {\r\n\tconst htmlStr = `<ul tabindex=\"0\" class=\"ui-autocomplete\" style=\"display: none;\" unselectable=\"on\" />`;\r\n\twindow.site.body.append(htmlStr)\r\n\r\n\tautocompletePopup = document.querySelector('.ui-autocomplete');\r\n\tautocompletePopup.addEventListener('mousemove', (e) => {\r\n\t\tconst anchorElementNodeType = 'A';\r\n\t\tif (e.target.nodeName === anchorElementNodeType) {\r\n\t\t\tautocompletePopup.querySelector('.active')?.classList.remove('active')\r\n\t\t\te.target.classList.add('active')\r\n\t\t\tconst search = $('.js-freeform-search:visible'); // To change after ST-4422 \r\n\t\t\tsearch.val(autocompletePopup.querySelector('.ui-autocomplete__link.active').textContent);\r\n\t\t}\r\n\t})\r\n\r\n\tautocompletePopup.addEventListener('mouseout', (e) => {\r\n\t\te.target.classList.remove('active')\r\n\t\tconst search = $('.js-freeform-search:visible'); // To change after ST-4422 \r\n\t\tsearch.val(searchTerm);\r\n\t})\r\n\r\n\twindow.site.doc.on('click', (e) => {\r\n\t\tif (!e.target.closest('.ui-autocomplete, .js-freeform-search')) {\r\n\t\t\tcloseMenu()\r\n\t\t}\r\n\t})\r\n}\r\n\r\nconst menuHeading = (title, category) => {\r\n\treturn `<li class=\"ui-autocomplete__menu-item\">\r\n\t\t<span class=\"ui-autocomplete__${category.toLowerCase()}\">${title}</span>\r\n\t</li>`\r\n}\r\n\r\nconst menuItem = (data, category) => {\r\n\tconst { Name: name, Uri: uri } = data;\r\n\r\n\treturn `<li class=\"ui-autocomplete__menu-item\" aria-label=\"${category}: ${name}\">\r\n\t\t<a class=\"ui-autocomplete__link\" href=\"${uri}?s=${searchTerm}\">${name}</a>\r\n\t</li>`\r\n}\r\n\r\nconst buildMenuItems = (title, category, resultsData = []) => {\r\n\tconst resultsHeadingHtml = menuHeading(title, category)\r\n\tautocompletePopup.innerHTML += resultsHeadingHtml;\r\n\r\n\tif (resultsData.Results) {\r\n\t\tconst resultsHtml = resultsData.Results.map(data => menuItem(data, category))\r\n\t\tautocompletePopup.innerHTML += resultsHtml.join('')\r\n\t}\r\n\r\n\tif (resultsData.Remaining) {\r\n\t\tconst remainingHtml = parseInt(resultsData.Remaining) > 0 ? menuHeading(`${resultsData.Remaining} more available`, 'more') : '';\r\n\t\tautocompletePopup.innerHTML += remainingHtml;\r\n\t}\r\n}\r\n\r\nconst resetMenuItems = () => autocompletePopup.innerHTML = '';\r\n\r\nconst moveFocusTo = (direction) => {\r\n\tconst links = Array.from(document.querySelectorAll('.ui-autocomplete__link'));\r\n\tconst linksCount = links.length;\r\n\tconst activeLink = autocompletePopup.querySelector('.ui-autocomplete__link.active');\r\n\tconst activeIndex = links.indexOf(activeLink);\r\n\tconst delta = (direction === 'next') ? + 1 : (direction === 'prev') ? - 1 : 0;\r\n\r\n\tlet nextActiveIndex = activeIndex + delta;\r\n\tnextActiveIndex = nextActiveIndex < 0 ? linksCount - 1 : nextActiveIndex;\r\n\tnextActiveIndex = nextActiveIndex % linksCount;\r\n\r\n\tlinks.forEach(item => item.classList.remove('active'))\r\n\tlinks[nextActiveIndex].classList.add('active')\r\n\r\n\tconst search = $('.js-freeform-search:visible'); // To change after ST-4422 \r\n\tsearch.val(autocompletePopup.querySelector('.ui-autocomplete__link.active').textContent); // To change after ST-4422 \r\n}\r\n\r\nconst openMenu = () => {\r\n\tconst search = $('.js-freeform-search:visible'); // To update after ST-4422\r\n\tconst searchPos = search[0].getBoundingClientRect(); // To change after ST-4422 \r\n\r\n\tautocompletePopup.style.top = `${searchPos.top + searchPos.height + 1}px`;\r\n\tautocompletePopup.style.left = `${searchPos.left}px`;\r\n\tautocompletePopup.style.width = `${searchPos.width}px`;\r\n\tautocompletePopup.style.display = 'block';\r\n}\r\n\r\nconst closeMenu = () => {\r\n\tautocompletePopup.style.top = `-400px`;\r\n\tautocompletePopup.style.left = `-400px`;\r\n\tautocompletePopup.style.display = 'none'\r\n\t$('.js-freeform-search:visible').focus(); // To change after ST-4422 \r\n}\r\n\r\nconst handleSpecialKeyboard = (e) => {\r\n\tif (e.shiftKey && e.key === 'Tab') {\r\n\t\te.preventDefault()\r\n\t\tmoveFocusTo('prev')\r\n\t}\r\n\telse {\r\n\t\tswitch (e.key) {\r\n\t\t\tcase 'ArrowUp':\r\n\t\t\t\te.preventDefault()\r\n\t\t\t\tmoveFocusTo('prev')\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase 'Tab':\r\n\t\t\tcase 'ArrowDown':\r\n\t\t\t\te.preventDefault()\r\n\t\t\t\tmoveFocusTo('next')\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase 'Escape':\r\n\t\t\t\tcloseMenu()\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nconst handleKeyboard = (e, form) => {\r\n\tconst keyboardInput = e.target.value;\r\n\r\n\tajaxRequest?.abort();\r\n\tajaxRequest = null;\r\n\r\n\tif (keyboardInput.length > 2) {\r\n\t\tajaxRequest = $.ajax({\r\n\t\t\turl: '/api/freeform-search',\r\n\t\t\tmethod: 'POST',\r\n\t\t\tdata: $(form).serialize(),\r\n\t\t\tsuccess: function(returned) {\r\n\t\t\t\ttry {\r\n\t\t\t\t\treturned = JSON.parse(returned);\r\n\t\t\t\t}\r\n\t\t\t\tcatch {\r\n\t\t\t\t\tconsole.log('Freeform Search ajax response failed to JSON.parse')\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsearchTerm = keyboardInput;\r\n\t\t\t\tresetMenuItems()\r\n\r\n\t\t\t\tif ((!returned.Properties.Results.length && !returned.Properties.Results.length && !returned.Properties.Results.length) || !returned.Success) {\r\n\t\t\t\t\tbuildMenuItems('No matches found', 'empty')\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\treturned.Properties.Results.length && buildMenuItems('Properties', 'category', returned.Properties)\r\n\t\t\t\t\treturned.Regions.Results.length && buildMenuItems('Regions', 'category', returned.Regions)\r\n\t\t\t\t\treturned.Countries.Results.length && buildMenuItems('Countries', 'category', returned.Countries)\r\n\t\t\t\t}\r\n\r\n\t\t\t\topenMenu()\r\n\t\t\t},\r\n\t\t\terror: function(e) {\r\n\t\t\t\tconsole.log('Ajax call to freeform-search failed', e)\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n}\r\n\r\nconst init = () => {\r\n\trenderMenu()\r\n\tconst inputs = document.querySelectorAll('.js-freeform-search'); // Can be changed to document.querySelector() when ST-4422 is merged\r\n\r\n\tinputs.forEach((input) => {\r\n\t\tconst form = input.closest('form')\r\n\r\n\t\tinput.addEventListener('input', (e) => {\r\n\t\t\tdebounce(handleKeyboard(e, form))\r\n\t\t})\r\n\r\n\t\tform.addEventListener('submit', (e) => {\r\n\t\t\te.preventDefault()\r\n\t\t\tconst activeOrFirstLink = autocompletePopup.querySelector('.ui-autocomplete__link.active') ?? autocompletePopup.querySelector('.ui-autocomplete__link')\r\n\t\t\tactiveOrFirstLink.classList.add('active')// .active may already exist but its less effort to add it again than do a prescence check first\r\n\t\t\tactiveOrFirstLink.click();\r\n\t\t})\r\n\r\n\t\tinput.addEventListener('keydown', handleSpecialKeyboard)\r\n\t\tinput.classList.add('js-autocomplete-done');\r\n\t})\r\n\r\n\twindow.site.win.on('resize', debounce(closeMenu))\r\n}\r\n\r\nexport default init;\r\n"],"names":["debounce","let","searchTerm","autocompletePopup","ajaxRequest","renderMenu","window","site","body","append","document","querySelector","addEventListener","e","target","nodeName","classList","remove","add","$","val","textContent","doc","on","closest","closeMenu","menuHeading","title","category","toLowerCase","menuItem","data","Name","name","Uri","uri","buildMenuItems","resultsData","resultsHeadingHtml","innerHTML","Results","resultsHtml","map","join","Remaining","remainingHtml","parseInt","resetMenuItems","moveFocusTo","links","Array","from","querySelectorAll","linksCount","length","activeLink","nextActiveIndex","indexOf","direction","forEach","item","openMenu","searchPos","getBoundingClientRect","style","top","height","left","width","display","focus","handleSpecialKeyboard","shiftKey","key","preventDefault","handleKeyboard","form","keyboardInput","value","abort","ajax","url","method","serialize","success","returned","JSON","parse","console","log","Properties","Success","Regions","Countries","error","init","input","activeOrFirstLink","click","win"],"mappings":"OAASA,QAAgC,KAAhB,iBAEzBC,IAAIC,WAAa,GACbC,kBACAC,YAAc,KAElB,MAAMC,WAAa,KAElBC,OAAOC,KAAKC,KAAKC,OADD,sFACe,GAE/BN,kBAAoBO,SAASC,cAAc,kBAAkB,GAC3CC,iBAAiB,YAAa,IACjB,MAC1BC,EAAEC,OAAOC,WACZZ,kBAAkBQ,cAAc,SAAS,GAAGK,UAAUC,OAAO,QAAQ,EACrEJ,EAAEC,OAAOE,UAAUE,IAAI,QAAQ,EAChBC,EAAE,6BAA6B,EACvCC,IAAIjB,kBAAkBQ,cAAc,+BAA+B,EAAEU,WAAW,EAEzF,CAAC,EAEDlB,kBAAkBS,iBAAiB,WAAY,IAC9CC,EAAEC,OAAOE,UAAUC,OAAO,QAAQ,EACnBE,EAAE,6BAA6B,EACvCC,IAAIlB,UAAU,CACtB,CAAC,EAEDI,OAAOC,KAAKe,IAAIC,GAAG,QAAS,IACtBV,EAAEC,OAAOU,QAAQ,uCAAuC,GAC5DC,UAAU,CAEZ,CAAC,CACF,EAEMC,YAAc,CAACC,EAAOC;kCAEMA,EAASC,YAAY,MAAMF;QAIvDG,SAAW,CAACC,EAAMH,KACvB,GAAM,CAAEI,KAAMC,EAAMC,IAAKC,CAAI,EAAIJ,EAEjC,4DAA6DH,MAAaK;2CAChCE,OAASjC,eAAe+B;OAEnE,EAEMG,eAAiB,CAACT,EAAOC,EAAUS,EAAc,MACtD,IAAMC,EAAqBZ,YAAYC,EAAOC,CAAQ,EACtDzB,kBAAkBoC,WAAaD,EAE3BD,EAAYG,UACTC,EAAcJ,EAAYG,QAAQE,IAAIX,GAAQD,SAASC,EAAMH,CAAQ,CAAC,EAC5EzB,kBAAkBoC,WAAaE,EAAYE,KAAK,EAAE,GAG/CN,EAAYO,YACTC,EAAkD,EAAlCC,SAAST,EAAYO,SAAS,EAAQlB,YAAeW,EAAYO,UAAf,kBAA2C,MAAM,EAAI,GAC7HzC,kBAAkBoC,WAAaM,EAEjC,EAEME,eAAiB,IAAM5C,kBAAkBoC,UAAY,GAErDS,YAAc,IACnB,IAAMC,EAAQC,MAAMC,KAAKzC,SAAS0C,iBAAiB,wBAAwB,CAAC,EACtEC,EAAaJ,EAAMK,OACnBC,EAAapD,kBAAkBQ,cAAc,+BAA+B,EAKlF6C,GAAkBA,EAJEP,EAAMQ,QAAQF,CAAU,GACf,SAAdG,EAA0B,EAAmB,SAAdA,EAAwB,CAAE,EAAI,IAGxC,EAAIL,EAAa,EAAIG,EACzDA,GAAoCH,EAEpCJ,EAAMU,QAAQC,GAAQA,EAAK5C,UAAUC,OAAO,QAAQ,CAAC,EACrDgC,EAAMO,GAAiBxC,UAAUE,IAAI,QAAQ,EAE9BC,EAAE,6BAA6B,EACvCC,IAAIjB,kBAAkBQ,cAAc,+BAA+B,EAAEU,WAAW,CACxF,EAEMwC,SAAW,KAChB,IACMC,EADS3C,EAAE,6BAA6B,EACrB,GAAG4C,sBAAsB,EAElD5D,kBAAkB6D,MAAMC,IAASH,EAAUG,IAAMH,EAAUI,OAAS,EAAtC,KAC9B/D,kBAAkB6D,MAAMG,KAAUL,EAAUK,KAAb,KAC/BhE,kBAAkB6D,MAAMI,MAAWN,EAAUM,MAAb,KAChCjE,kBAAkB6D,MAAMK,QAAU,OACnC,EAEM5C,UAAY,KACjBtB,kBAAkB6D,MAAMC,IAAM,SAC9B9D,kBAAkB6D,MAAMG,KAAO,SAC/BhE,kBAAkB6D,MAAMK,QAAU,OAClClD,EAAE,6BAA6B,EAAEmD,MAAM,CACxC,EAEMC,sBAAwB,IAC7B,GAAI1D,EAAE2D,UAAsB,QAAV3D,EAAE4D,IACnB5D,EAAE6D,eAAe,EACjB1B,YAAY,MAAM,OAGlB,OAAQnC,EAAE4D,KACT,IAAK,UACJ5D,EAAE6D,eAAe,EACjB1B,YAAY,MAAM,EAClB,MAED,IAAK,MACL,IAAK,YACJnC,EAAE6D,eAAe,EACjB1B,YAAY,MAAM,EAClB,MAED,IAAK,SACJvB,UAAU,CAEZ,CAEF,EAEMkD,eAAiB,CAAC9D,EAAG+D,KAC1B,MAAMC,EAAgBhE,EAAEC,OAAOgE,MAE/B1E,aAAa2E,MAAM,EACnB3E,YAAc,KAEa,EAAvByE,EAAcvB,SACjBlD,YAAce,EAAE6D,KAAK,CACpBC,IAAK,uBACLC,OAAQ,OACRnD,KAAMZ,EAAEyD,CAAI,EAAEO,UAAU,EACxBC,QAAS,SAASC,GACjB,IACCA,EAAWC,KAAKC,MAAMF,CAAQ,CAI/B,CAFA,MACCG,QAAQC,IAAI,oDAAoD,CACjE,CAEAvF,WAAa2E,EACb9B,eAAe,GAETsC,EAASK,WAAWlD,QAAQc,QAAW+B,EAASK,WAAWlD,QAAQc,QAAW+B,EAASK,WAAWlD,QAAQc,SAAY+B,EAASM,SAIpIN,EAASK,WAAWlD,QAAQc,QAAUlB,eAAe,aAAc,WAAYiD,EAASK,UAAU,EAClGL,EAASO,QAAQpD,QAAQc,QAAUlB,eAAe,UAAW,WAAYiD,EAASO,OAAO,EACzFP,EAASQ,UAAUrD,QAAQc,QAAUlB,eAAe,YAAa,WAAYiD,EAASQ,SAAS,GAL/FzD,eAAe,mBAAoB,OAAO,EAQ3CyB,SAAS,CACV,EACAiC,MAAO,SAASjF,GACf2E,QAAQC,IAAI,sCAAuC5E,CAAC,CACrD,CACD,CAAC,EAEH,EAEMkF,KAAO,KACZ1F,WAAW,EACIK,SAAS0C,iBAAiB,qBAAqB,EAEvDO,QAAQ,IACd,MAAMiB,EAAOoB,EAAMxE,QAAQ,MAAM,EAEjCwE,EAAMpF,iBAAiB,QAAS,IAC/BZ,SAAS2E,eAAe9D,EAAG+D,CAAI,CAAC,CACjC,CAAC,EAEDA,EAAKhE,iBAAiB,SAAU,IAC/BC,EAAE6D,eAAe,EACXuB,EAAoB9F,kBAAkBQ,cAAc,+BAA+B,GAAKR,kBAAkBQ,cAAc,wBAAwB,EACtJsF,EAAkBjF,UAAUE,IAAI,QAAQ,EACxC+E,EAAkBC,MAAM,CACzB,CAAC,EAEDF,EAAMpF,iBAAiB,UAAW2D,qBAAqB,EACvDyB,EAAMhF,UAAUE,IAAI,sBAAsB,CAC3C,CAAC,EAEDZ,OAAOC,KAAK4F,IAAI5E,GAAG,SAAUvB,SAASyB,SAAS,CAAC,CACjD,iBAEesE"}