{
  "version": 3,
  "sources": ["../../../Vettvangur.Frontend/src/scripts/components/search.ts"],
  "sourcesContent": ["import axios from 'axios'\nimport { debounce } from 'throttle-debounce'\nimport gsap from 'gsap'\n\nconst search = {\n  el: {\n    search: {\n      background: document.querySelector<HTMLElement>('.search__background'),\n      body: document.querySelector<HTMLElement>('.search__body'),\n      closeButton: document.querySelector<HTMLElement>('.search__close-button'),\n      head: document.querySelector<HTMLElement>('.search__head'),\n      input: document.querySelector<HTMLInputElement>('.search__input input'),\n      modal: document.querySelector<HTMLElement>('.search__modal'),\n      resultsButton: document.querySelector<HTMLElement>('.search__results-button'),\n      root: document.querySelector<HTMLElement>('.search'),\n    },\n    trigger: {\n      desktop: document.querySelector<HTMLElement>('.header__search-trigger'),\n      mobile: document.querySelector<HTMLElement>('.mobile-header__search-trigger'),\n    },\n    tabs: {\n      buttons: document.querySelectorAll<HTMLElement>('.search .tabs__button'),\n      content: document.querySelectorAll<HTMLElement>('.search .tabs-content'),\n    },\n  },\n\n  init(): void {\n    ;[this.el.search.background, this.el.search.closeButton, this.el.trigger.desktop, this.el.trigger.mobile].forEach((trigger) => {\n      trigger.addEventListener('click', this.toggleSearchVisibility.bind(this))\n    })\n\n    this.el.search.resultsButton.addEventListener('mouseover', this.handleResultsButtonHover.bind(this))\n    this.el.search.resultsButton.addEventListener('mouseout', this.handleResultsButtonHover.bind(this))\n\n    this.el.search.input.addEventListener(\n      'keyup',\n      debounce(66, (event) => {\n        event.preventDefault()\n\n        if (event.target.value.length >= 3) {\n          this.getSearchResults(event.target.value).then((response) => {\n            this.renderSearchResults(response.data)\n          })\n        }\n\n        this.toggleSearchResultsVisibility(event)\n      })\n    )\n  },\n\n  areResultsVisible(): boolean {\n    return this.el.search.root.classList.contains('search--results-visible')\n  },\n\n  closeOnEscPress(event): void {\n    if (event.key.match('Escape') && this.el.search.root.classList.contains('search--active')) {\n      this.toggleSearchVisibility(null)\n    }\n  },\n\n  async getSearchResults(input: string): Promise<any> {\n    const host = window.location.origin\n    const query = '/umbraco/api/search/search?query='\n    const url = host.concat(query, input)\n\n    return await axios\n      .get(url)\n      .then((response) => {\n        return response\n      })\n      .catch((err) => console.log(err))\n  },\n\n  handleResultsButtonHover(): void {\n    this.el.search.modal.classList.toggle('search__modal--results-button-hovered')\n  },\n\n  renderSearchResults(data): void {\n    const results = [data.treatmentResults, data.cureResults, data.productResults, data.otherResults]\n    const total = data.totalCures + data.totalProducts + data.totalTreatments + data.totalOther\n\n    // Rendering amount of results in each tab button\n    this.el.tabs.buttons.forEach((button, index) => {\n      if (results[index].length > 0) {\n        button.classList.add('tabs__button--count')\n        button.querySelector('.tabs__button-count').innerHTML = results[index].length\n      } else {\n        button.classList.remove('tabs__button--count')\n        button.querySelector('.tabs__button-count').innerHTML = '0'\n      }\n    })\n\n    // Rendering results\n    this.el.tabs.content.forEach((content, index) => {\n      const list = content.firstElementChild\n      const noResultsText = this.el.search.root.querySelector<HTMLInputElement>('[name=\"no-results-text\"]').value\n\n      list.innerHTML = ''\n\n      if (results[index].length > 0) {\n        results[index].forEach((result) => {\n          list.insertAdjacentHTML(\n            'beforeend',\n            `\n            <li class=\"search__result\">\n              <a href=\"${result.url}\">\n                <h3 class=\"body1\">${result.name}</h3>\n                ${result.summary ? `<p class=\"body2\">${result.summary}</p>` : ''}\n              </a>\n            </li>\n          `\n          )\n        })\n      } else {\n        list.innerHTML = `<li class=\"body2\" tabindex=\"0\">${noResultsText}</li>`\n      }\n    })\n\n    // Jumping to the first tab with results\n    let jumped = false\n\n    this.el.tabs.buttons.forEach((button, index) => {\n      if (results[index].length > 0 && !jumped) {\n        button.click()\n        jumped = true\n      }\n    })\n\n    // Updating the redirect link for all results to be displayed\n    this.el.search.resultsButton.setAttribute('href', `${this.el.search.head.getAttribute('action')}?q=${this.el.search.input.value}`)\n\n    // Rendering total amount of results in the results button\n    if (total > 0) {\n      this.el.search.resultsButton.classList.remove('search__results-button--hidden')\n      this.el.search.resultsButton.querySelector('.button__text span').innerHTML = total.toString()\n    } else {\n      this.el.search.resultsButton.classList.add('search__results-button--hidden')\n    }\n  },\n\n  toggleSearchVisibility(event): void {\n    event && event.preventDefault()\n\n    if (this.el.search.root.classList.contains('search--active')) {\n      this.el.search.root.classList.remove('search--active')\n      this.el.trigger.desktop.ariaExpanded = 'false'\n      this.el.trigger.mobile.ariaExpanded = 'false'\n      window.removeEventListener('keydown', this.closeOnEscPress.bind(this))\n      setTimeout(() => {\n        this.el.search.input.value = ''\n        this.el.search.root.classList.remove('search--results-visible')\n      }, 345)\n    } else {\n      this.el.search.root.classList.add('search--active')\n      this.el.trigger.desktop.ariaExpanded = 'true'\n      this.el.trigger.mobile.ariaExpanded = 'true'\n      window.addEventListener('keydown', this.closeOnEscPress.bind(this))\n      setTimeout(() => {\n        this.el.search.input.focus()\n      }, 678)\n    }\n  },\n\n  toggleSearchResultsVisibility(event): void {\n    const runAnimation = (action) => {\n      const props = {\n        clearProps: 'all',\n        duration: 0.543,\n        ease: 'power3.inOut',\n      }\n\n      if (gsap.isTweening(this.el.search.body)) {\n        return\n      }\n\n      if (!this.areResultsVisible() && action === 'open') {\n        gsap.fromTo(\n          this.el.search.body,\n          {\n            height: 0,\n          },\n          {\n            clearProps: 'all',\n            delay: 0.06, // Tiny delay\n            height: 'auto',\n            onStart: () => {\n              this.el.search.root.classList.add('search--results-visible')\n            },\n            ...props,\n          }\n        )\n      }\n\n      if (this.areResultsVisible() && action === 'close') {\n        gsap.fromTo(\n          this.el.search.body,\n          {\n            height: this.el.search.body.offsetHeight,\n          },\n          {\n            clearProps: 'all',\n            height: 0,\n            // onComplete: () => { // This results in jerky transition between opened modal and search bar.\n            //   this.el.search.root.classList.remove('search--results-visible')\n            // },\n            onStart: () => {\n              // Delay from start gives smoother transition when going from opened modal to a search bar.\n              gsap.delayedCall(0.343, () => {\n                this.el.search.root.classList.remove('search--results-visible')\n              })\n            },\n            ...props,\n          }\n        )\n      }\n    }\n\n    runAnimation(event.target.value.length >= 3 ? 'open' : 'close')\n  },\n}\n\nexport default search\n"],
  "mappings": "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",
  "names": ["search", "trigger", "debounce", "event", "response", "input", "url", "axios_default", "err", "data", "results", "total", "button", "index", "content", "list", "noResultsText", "result", "jumped", "action", "props", "gsapWithCSS", "__spreadValues", "search_default"]
}