{
  "version": 3,
  "sources": ["../../../Vettvangur.Frontend/src/scripts/components/searchPopup.ts"],
  "sourcesContent": ["import TagManager from \"helpers/tag-manager\";\r\nimport { debounce } from \"utility/helpers\";\r\n\r\nconst SearchPopup = {\r\n\tel: {\r\n\t\troot: document.querySelector(\".search-popup\"),\r\n\t},\r\n\r\n\tinit() {\r\n\t\tif (this.el.root) {\r\n\t\t\tconst el = {\r\n\t\t\t\theaderSearchButton: document.querySelector(\".header__links--search\"),\r\n\t\t\t\tsearchPopup: document.querySelector<HTMLFormElement>(\".search-popup\"),\r\n\t\t\t\tpopupForm: document.querySelector<HTMLFormElement>(\r\n\t\t\t\t\t\".search-popup__form\",\r\n\t\t\t\t),\r\n\t\t\t\tsearchPopupInput: document.querySelector(\r\n\t\t\t\t\t\".search-popup__input input\",\r\n\t\t\t\t) as HTMLInputElement,\r\n\t\t\t\tsuggestionsContainer: document.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\".search-popup__suggestions-container\",\r\n\t\t\t\t),\r\n\t\t\t\tsuggestionsPopupResults: document.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\".search-popup__suggestions\",\r\n\t\t\t\t),\r\n\t\t\t\tsuggestionsPopupData: document.querySelector<HTMLDivElement>(\r\n\t\t\t\t\t\".search-popup-suggestion-data\",\r\n\t\t\t\t),\r\n\t\t\t\tlinkElement: document.querySelector<HTMLAnchorElement>(\r\n\t\t\t\t\t\".search-popup__link\",\r\n\t\t\t\t),\r\n\t\t\t\tlintTextElement: document.querySelector<HTMLSpanElement>(\r\n\t\t\t\t\t\".search-popup-suggestion-data-total\",\r\n\t\t\t\t),\r\n\t\t\t};\r\n\r\n\t\t\tconst searchPagePath = el.linkElement\r\n\t\t\t\t.getAttribute(\"data-searchPageUrl\")\r\n\t\t\t\t.replaceAll(\"/\", \"\");\r\n\t\t\tconst currentPath = window.location.pathname.replaceAll(\"/\", \"\");\r\n\r\n\t\t\tif (searchPagePath === currentPath) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (el.searchPopupInput) {\r\n\t\t\t\tthis.debounceInput(el);\r\n\r\n\t\t\t\tel.searchPopupInput.addEventListener(\"keyup\", () => {\r\n\t\t\t\t\t//* wait to call the submit after the user has finished typing\r\n\t\t\t\t\tthis.debounceInput(el);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tlet searchPopupIsOpen = false;\r\n\t\t\tlet isDesktop = false;\r\n\r\n\t\t\tif (window.innerWidth >= 1200) {\r\n\t\t\t\tisDesktop = true;\r\n\t\t\t}\r\n\r\n\t\t\twindow.addEventListener(\"resize\", () => {\r\n\t\t\t\tif (window.innerWidth >= 1200) {\r\n\t\t\t\t\tisDesktop = true;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tisDesktop = false;\r\n\t\t\t\t\tsearchPopupIsOpen = this.onClose(el);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tel.searchPopup.addEventListener(\"keydown\", (e) => {\r\n\t\t\t\tconst { key } = e;\r\n\t\t\t\tconst searchPagePath =\r\n\t\t\t\t\tel.linkElement.getAttribute(\"data-searchPageUrl\");\r\n\r\n\t\t\t\tif (key === \"Escape\") {\r\n\t\t\t\t\tsearchPopupIsOpen = this.onClose(el);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (key === \"Enter\") {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tif (el.searchPopupInput.value.length >= 2) {\r\n\t\t\t\t\t\twindow.location.href = `${searchPagePath}?q=${el.searchPopupInput.value}`;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tdocument.addEventListener(\"click\", (event) => {\r\n\t\t\t\tconst withinSearchPopupBoundaries = event\r\n\t\t\t\t\t.composedPath()\r\n\t\t\t\t\t.includes(el.searchPopup);\r\n\t\t\t\tconst withinheaderSearchButtonBoundaries = event\r\n\t\t\t\t\t.composedPath()\r\n\t\t\t\t\t.includes(el.headerSearchButton);\r\n\r\n\t\t\t\tif (!isDesktop && withinheaderSearchButtonBoundaries) {\r\n\t\t\t\t\twindow.location.href =\r\n\t\t\t\t\t\tel.linkElement.getAttribute(\"data-searchPageUrl\");\r\n\t\t\t\t} else if (\r\n\t\t\t\t\tisDesktop &&\r\n\t\t\t\t\tsearchPopupIsOpen &&\r\n\t\t\t\t\t(!withinSearchPopupBoundaries || withinheaderSearchButtonBoundaries)\r\n\t\t\t\t) {\r\n\t\t\t\t\tsearchPopupIsOpen = this.onClose(el);\r\n\t\t\t\t} else if (\r\n\t\t\t\t\tisDesktop &&\r\n\t\t\t\t\t!searchPopupIsOpen &&\r\n\t\t\t\t\twithinheaderSearchButtonBoundaries\r\n\t\t\t\t) {\r\n\t\t\t\t\tsearchPopupIsOpen = this.onOpen(el);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t\tthis.submit(el);\r\n\t\t}\r\n\t},\r\n\r\n\tonOpen: (el) => {\r\n\t\tel.searchPopup.classList.add(\"search-popup--open\");\r\n\t\tdocument.body.classList.add(\"h-disable-scroll\");\r\n\t\tel.searchPopupInput.focus();\r\n\r\n\t\treturn true;\r\n\t},\r\n\r\n\tonClose: (el) => {\r\n\t\tel.searchPopup.classList.remove(\"search-popup--open\");\r\n\t\tdocument.body.classList.remove(\"h-disable-scroll\");\r\n\r\n\t\tel.searchPopupInput.value = \"\";\r\n\t\tSearchPopup.closeSuggestions(el);\r\n\r\n\t\treturn false;\r\n\t},\r\n\r\n\ttogglePopup: (el) => {\r\n\t\tif (el.searchPopup.classList.contains(\"search-popup--visible\")) {\r\n\t\t\tSearchPopup.onClose(el);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tSearchPopup.onOpen(el);\r\n\t},\r\n\r\n\tsendData: async (el) => {\r\n\t\tel.suggestionsPopupResults.innerHTML = \"\";\r\n\t\tconst action = el.popupForm.getAttribute(\"action\");\r\n\t\tconst lang = el.popupForm.getAttribute(\"data-lang\");\r\n\r\n\t\ttry {\r\n\t\t\t//* fetching search data\r\n\t\t\tconst response = await fetch(\r\n\t\t\t\t`${action}?q=${el.searchPopupInput.value}&culture=${lang}`,\r\n\t\t\t\t{\r\n\t\t\t\t\tmethod: el.popupForm.getAttribute(\"method\"),\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tconsole.error(\"Error fetching search data\");\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst result = await response.json();\r\n\r\n\t\t\tif (result.length < 1) {\r\n\t\t\t\tSearchPopup.closeSuggestions(el);\r\n\t\t\t} else if (result && result.length > 0) {\r\n\t\t\t\tSearchPopup.openSuggestions(el, result);\r\n\t\t\t\tTagManager.fireSearchEvent(el.searchPopupInput.value);\r\n\t\t\t}\r\n\t\t} catch (el) {\r\n\t\t\tSearchPopup.closeSuggestions(el);\r\n\t\t}\r\n\t},\r\n\r\n\topenSuggestions: (el, result) => {\r\n\t\tSearchPopup.renderResultsDataLink(el, result.length);\r\n\t\tSearchPopup.renderSuggestions(el, result);\r\n\r\n\t\tif (el.suggestionsContainer) {\r\n\t\t\tel.suggestionsContainer.classList.add(\r\n\t\t\t\t\"search-popup__suggestions-container--open\",\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\r\n\tcloseSuggestions: (el) => {\r\n\t\tel.suggestionsPopupResults.innerHTML = \"\";\r\n\r\n\t\tif (el.suggestionsContainer) {\r\n\t\t\tel.suggestionsContainer.classList.remove(\r\n\t\t\t\t\"search-popup__suggestions-container--open\",\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\r\n\trenderResultsDataLink: (el, resultTotal) => {\r\n\t\tconst linkText = `${el.linkElement.getAttribute(\"data-searchPageUrl\")}?q=${el.searchPopupInput.value}`;\r\n\r\n\t\tel.linkElement.href = linkText;\r\n\t\tel.lintTextElement.innerHTML = resultTotal;\r\n\t},\r\n\r\n\trenderSuggestions: (el, result) => {\r\n\t\tconst suggestions = result.slice(0, 4);\r\n\r\n\t\tsuggestions.forEach((suggestion) => {\r\n\t\t\tel.suggestionsPopupResults.insertAdjacentHTML(\r\n\t\t\t\t\"beforeend\",\r\n\t\t\t\tSearchPopup.renderSuggestionItem(suggestion),\r\n\t\t\t);\r\n\t\t});\r\n\t},\r\n\r\n\trenderSuggestionItem: (suggestion) => {\r\n\t\tlet url = suggestion.url;\r\n\r\n\t\tif (suggestion.docAlias === \"employee\") {\r\n\t\t\turl = url.split(\"/\").slice(0, -2).join(\"/\");\r\n\t\t}\r\n\r\n\t\tif (suggestion.docAlias === \"faqItem\") {\r\n\t\t\tconst parts = url.split(\"/\").filter((part) => part);\r\n\t\t\tconst firstPart = parts[0] || null;\r\n\t\t\tconst allExceptLast = parts.slice(0, -1);\r\n\t\t\tconst resultWithoutLast = `/${allExceptLast.join(\"/\")}`;\r\n\r\n\t\t\turl =\r\n\t\t\t\tfirstPart === \"spurt-og-svarad\"\r\n\t\t\t\t\t? `${firstPart}#${suggestion.id}`\r\n\t\t\t\t\t: `${resultWithoutLast}#${suggestion.id}`;\r\n\t\t}\r\n\r\n\t\treturn `<a href=\"${url}\" class=\"search-popup__suggestions-item\">${suggestion.title}</a>`;\r\n\t},\r\n\r\n\tdebounceInput: (el) => {\r\n\t\tconst debounceSubmit = debounce(() => SearchPopup.sendData(el));\r\n\t\tconst debounceClose = debounce(() => SearchPopup.closeSuggestions(el));\r\n\r\n\t\tif (el.searchPopupInput.value.length >= 2) {\r\n\t\t\tdebounceSubmit();\r\n\t\t} else {\r\n\t\t\tdebounceClose();\r\n\t\t}\r\n\t},\r\n\r\n\tsubmit(el) {\r\n\t\tel.popupForm.addEventListener(\r\n\t\t\t\"submit\",\r\n\t\t\t(e: Event & { target: HTMLInputElement }) => {\r\n\t\t\t\tTagManager.fireSearchEvent(e.target.value);\r\n\t\t\t},\r\n\t\t);\r\n\t},\r\n};\r\n\r\nexport default SearchPopup;\r\n"],
  "mappings": "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",
  "names": ["SearchPopup", "el", "searchPagePath", "currentPath", "searchPopupIsOpen", "isDesktop", "e", "key", "event", "withinSearchPopupBoundaries", "withinheaderSearchButtonBoundaries", "action", "lang", "response", "result", "tag_manager_default", "resultTotal", "linkText", "suggestion", "url", "parts", "part", "firstPart", "resultWithoutLast", "debounceSubmit", "debounce", "debounceClose", "searchPopup_default"]
}