{"version":3,"file":"js/8717.14eeb342.js","mappings":"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","sources":["webpack://ellevio-styleguide-web/./src/stories/web/vue-components/Accordion.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/Accordion.vue?1b55","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/FaqList.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/FaqList.vue?0ead"],"sourcesContent":["<template>\r\n  <div class=\"accordion-item category\" :class=\"lastItem ? '' : 'mb-4'\">\r\n    <button @click=\"toggleContent($event)\" class=\"flex items-center justify-between w-full px-3 py-3 rounded-sm cursor-pointer md:px-5\" type=\"button\" :aria-expanded=\"expanded\">\r\n      <h3 class=\"inline-block mr-4 text-base text-left normal-case md:text-xl md:mr-0\">{{ name }}</h3>\r\n      <div class=\"flex items-center\">\r\n        <span v-if=\"parentText\" class=\"mr-5\">{{ parentText }}</span>\r\n        <span v-if=\"tagText\" class=\"mr-5 w-8\">{{ tagText }}</span>\r\n        <div>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n            <path\r\n              fill-rule=\"evenodd\"\r\n              clip-rule=\"evenodd\"\r\n              d=\"M9.74697 9.75166L9.74697 1.25298H12.2529V20.7449L9.74697 20.7449L9.74697 12.2568L1.25387 12.2538L1.25387 9.75166L9.74697 9.75166ZM20.746 12.2541H14.255L14.255 9.7481H20.746L20.746 12.2541Z\"\r\n              fill=\"#2C2827\" />\r\n          </svg>\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n            <path d=\"M20.7449 12.253H1.25299L1.25299 9.74703H20.7449L20.7449 12.253Z\" fill=\"#E07300\" />\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </button>\r\n    <div class=\"px-3 pb-4 text-left md:px-5 accordion-content\" :class=\"hiddenFromStart ? 'hidden' : ''\">\r\n      <slot />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ellevio-web-accordion',\r\n  props: {\r\n    name: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    tagText: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    parentText: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    hiddenFromStart: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    lastItem: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      expanded: !this.hiddenFromStart\r\n    }\r\n  },\r\n  methods: {\r\n    toggleContent($event) {\r\n      $event.currentTarget.parentElement.querySelector('.accordion-content').classList.toggle('hidden')\r\n      this.expanded = !this.expanded\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.accordion-item {\r\n  @apply bg-white rounded-lg accordion-parent border-1 border-newColors-gray-baseB;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg:first-child {\r\n  display: block;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg + svg {\r\n  display: none;\r\n}\r\n.accordion-parent:not(:has(.accordion-content.hidden)) div > svg:first-child {\r\n  display: none;\r\n}\r\n.accordion-parent:not(:has(.accordion-content.hidden)) div > svg + svg {\r\n  display: block;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden) div > svg:first-child path {\r\n  fill: #2c2827;\r\n  transition: fill 0.3s ease-in-out;\r\n}\r\n.accordion-parent:has(.accordion-content.hidden):hover div > svg:first-child path {\r\n  fill: #ff8300;\r\n}\r\n\r\n.accordion-parent:has(.accordion-content) {\r\n  box-shadow: none;\r\n  transition: box-shadow 0.3s ease-in-out;\r\n}\r\n.accordion-parent:has(.accordion-content):hover {\r\n  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);\r\n  border-color: #cdcbca;\r\n}\r\n\r\nbutton:focus:focus-visible {\r\n  outline: 2px dotted #000;\r\n  outline-offset: 3px;\r\n}\r\n</style>\r\n","import { render } from \"./Accordion.vue?vue&type=template&id=a64e6fd8&scoped=true\"\nimport script from \"./Accordion.vue?vue&type=script&lang=js\"\nexport * from \"./Accordion.vue?vue&type=script&lang=js\"\n\nimport \"./Accordion.vue?vue&type=style&index=0&id=a64e6fd8&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a64e6fd8\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"faq-list\">\r\n    <!-- Header with search input -->\r\n    <div class=\"bg-newColors-green-primaryA\">\r\n      <div class=\"container-small\">\r\n        <div class=\"flex flex-col items-center justify-center\">\r\n          <h1 class=\"mt-4 mb-5 text-3xl text-white md:text-7xl md:mt-16 md:mb-10\">{{ translations.heading }}</h1>\r\n          <div class=\"relative flex items-center w-full mb-3 max-w-928 md:mb-11\">\r\n            <input\r\n              v-model=\"inputText\"\r\n              @focus=\"scrollFaqListIntoView\"\r\n              ref=\"faq-filter\"\r\n              type=\"text\"\r\n              name=\"search\"\r\n              placeholder=\"Skriv din fråga\"\r\n              @keyup=\"keyUpEvents($event)\"\r\n              class=\"w-full px-3 py-2 md:py-2.5 pr-24 text-lg bg-white rounded-lg b placeholder:italic font-futuraEfBook\" />\r\n            <button v-if=\"hasInputText\" @click=\"removeTypedText\" class=\"absolute flex items-center h-full px-3 right-[3.125rem]\" type=\"button\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1rem\" height=\"1rem\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M7.99995 6.54551L14.5455 0L16 1.45454L1.45457 16L2.52421e-05 14.5454L6.5454 8.00005L0 1.45465L1.45454 0.00010735L7.99995 6.54551ZM14.5454 16.0001L9.162 10.6167L10.6165 9.16211L16 14.5455L14.5454 16.0001Z\"\r\n                  fill=\"#363433\" />\r\n              </svg>\r\n            </button>\r\n            <span class=\"absolute flex items-center h-8 pl-3.5 right-4 border-l-1 border-newColors-gray-baseB\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1.1875rem\" height=\"1.25rem\" fill=\"none\" viewBox=\"0 0 19 20\">\r\n                <g clip-path=\"url(#a)\">\r\n                  <mask id=\"b\" width=\"19\" height=\"20\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type: luminance\"><path fill=\"#fff\" d=\"M0 0h18.963v20H0V0Z\" /></mask>\r\n                  <g mask=\"url(#b)\">\r\n                    <path\r\n                      fill=\"#0B8454\"\r\n                      fill-rule=\"evenodd\"\r\n                      d=\"M12.545 11.905A5.986 5.986 0 0 1 8 14c-3.309 0-6-2.692-6-6 0-3.309 2.691-6 6-6a6.006 6.006 0 0 1 5.999 6c0 .915-.212 1.779-.579 2.555l1.807.853A7.912 7.912 0 0 0 15.999 8c0-4.411-3.589-8-7.999-8-4.412 0-8 3.589-8 8s3.588 8 8 8c1.44 0 2.852-.393 4.086-1.136L17.222 20l1.741-1.741-6.418-6.354Z\"\r\n                      clip-rule=\"evenodd\" />\r\n                  </g>\r\n                </g>\r\n                <defs>\r\n                  <clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h19v20H0z\" /></clipPath>\r\n                </defs>\r\n              </svg>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- FAQ list -->\r\n    <section class=\"bg-newColors-gray-baseC\">\r\n      <div class=\"container-small\">\r\n        <div class=\"py-3 mx-auto md:py-6 max-w-928\">\r\n          <!-- Hightlighted category (placed on top) -->\r\n          <ul v-if=\"itemFromUrl.length > 0\" class=\"mb-5 item-from-url faq-list\">\r\n            <li v-for=\"(category, i) in itemFromUrl\" :key=\"i\">\r\n              <ellevio-web-accordion :lastItem=\"i === itemFromUrl.length - 1\" :name=\"category.category\" :tagText=\"`${category.questions.length} st`\" :hiddenFromStart=\"false\">\r\n                <ul class=\"questions\">\r\n                  <li v-for=\"(question, j) in category.questions\" :key=\"j\" class=\"mb-3 rounded question bg-newColors-gray-background\">\r\n                    <div class=\"flex items-start justify-between\">\r\n                      <div class=\"flex flex-col w-full\">\r\n                        <div @click=\"toggleAnswer($event)\" class=\"flex cursor-pointer\">\r\n                          <h4 class=\"faq-subheading\">{{ question.question }}</h4>\r\n                          <button type=\"button\" class=\"faq-toggle-button-lvl2\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n                              <path\r\n                                fill-rule=\"evenodd\"\r\n                                clip-rule=\"evenodd\"\r\n                                d=\"M9.74697 9.75166L9.74697 1.25298H12.2529V20.7449L9.74697 20.7449L9.74697 12.2568L1.25387 12.2538L1.25387 9.75166L9.74697 9.75166ZM20.746 12.2541H14.255L14.255 9.7481H20.746L20.746 12.2541Z\"\r\n                                fill=\"#2C2827\" />\r\n                            </svg>\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n                              <path d=\"M20.7449 12.253H1.25299L1.25299 9.74703H20.7449L20.7449 12.253Z\" fill=\"#E07300\" />\r\n                            </svg>\r\n                          </button>\r\n                        </div>\r\n                        <div class=\"faq-answer\" :class=\"question.isExpanded ? 'is-extended' : 'hidden'\">\r\n                          <div class=\"wysiwyg wysiwyg-full\">\r\n                            <p v-html=\"question.answer\"></p>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </ellevio-web-accordion>\r\n            </li>\r\n          </ul>\r\n\r\n          <!-- Regular list -->\r\n          <h2 class=\"inline-block w-full mb-3 text-xl normal-case md:mb-5 md:text-2xl\">\r\n            {{ this.inputTextStatic.length > 0 ? searchHeadingComputed : translations.listHeading }}\r\n            <svg v-show=\"showSpinner\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"inline-block ml-5\">\r\n              <circle class=\"spinner_b2T7\" cx=\"4\" cy=\"12\" r=\"3\" />\r\n              <circle class=\"spinner_b2T7 spinner_YRVV\" cx=\"12\" cy=\"12\" r=\"3\" />\r\n              <circle class=\"spinner_b2T7 spinner_c9oY\" cx=\"20\" cy=\"12\" r=\"3\" />\r\n            </svg>\r\n          </h2>\r\n          <ul v-if=\"matches.length > 0\" class=\"faq-list\">\r\n            <li v-for=\"(category, i) in matches\" :key=\"i\">\r\n              <ellevio-web-accordion :lastItem=\"i === matches.length - 1\" :name=\"category.category\" parentText=\"\" :tagText=\"`${category.questions.length} st`\" :hiddenFromStart=\"!category.isExpanded\">\r\n                <ul class=\"questions\">\r\n                  <li v-for=\"(question, j) in category.questions\" :key=\"j\" class=\"mb-3 rounded question bg-newColors-gray-background\">\r\n                    <div class=\"flex items-start justify-between\">\r\n                      <div class=\"flex flex-col w-full\">\r\n                        <div @click=\"toggleAnswer($event)\" class=\"flex items-center justify-between w-full cursor-pointer\">\r\n                          <h4 class=\"faq-subheading\">{{ question.question }}</h4>\r\n                          <button type=\"button\" class=\"faq-toggle-button-lvl2\">\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n                              <path\r\n                                fill-rule=\"evenodd\"\r\n                                clip-rule=\"evenodd\"\r\n                                d=\"M9.74697 9.75166L9.74697 1.25298H12.2529V20.7449L9.74697 20.7449L9.74697 12.2568L1.25387 12.2538L1.25387 9.75166L9.74697 9.75166ZM20.746 12.2541H14.255L14.255 9.7481H20.746L20.746 12.2541Z\"\r\n                                fill=\"#2C2827\" />\r\n                            </svg>\r\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n                              <path d=\"M20.7449 12.253H1.25299L1.25299 9.74703H20.7449L20.7449 12.253Z\" fill=\"#E07300\" />\r\n                            </svg>\r\n                          </button>\r\n                        </div>\r\n                        <div class=\"faq-answer\" :class=\"question.isExpanded ? '' : 'hidden'\">\r\n                          <div class=\"wysiwyg wysiwyg-full\">\r\n                            <p v-html=\"question.answer\"></p>\r\n                          </div>\r\n                          <p v-if=\"question.lastChangedDate\" class=\"mt-8 text-lg\">{{ `${translations.updated}: ${question.lastChangedDate}` }}</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                </ul>\r\n              </ellevio-web-accordion>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport store from '../../../store/index'\r\nimport EllevioWebAccordion from './Accordion.vue'\r\nexport default {\r\n  name: 'ellevio-web-faq-list',\r\n  components: {\r\n    EllevioWebAccordion\r\n  },\r\n  props: {\r\n    categories: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    translations: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    apiUrl: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    debounceDelay: {\r\n      type: Number,\r\n      default: 200\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      faqCategories: [],\r\n      itemFromUrl: [],\r\n      inputText: '',\r\n      inputTextStatic: '',\r\n      dataFromApi: [],\r\n      timeoutId: 0,\r\n      showSpinner: false\r\n    }\r\n  },\r\n  computed: {\r\n    searchHeadingComputed() {\r\n      return this.formatString(this.translations.searchHeading, this.inputTextStatic, this.getNumberOfHits)\r\n    },\r\n\r\n    getDataFromApi() {\r\n      return this.dataFromApi\r\n    },\r\n    getNumberOfHits() {\r\n      return this.getDataFromApi.length > 0 ? this.getDataFromApi.reduce((acc, item) => acc + item.questions.length, 0) : this.translations.noHitsNumberText ?? 'inga'\r\n    },\r\n    matches() {\r\n      const sortedFaqCategories = [...this.faqCategories].filter((category) => category.isHighlighted !== true).sort(this.sortAlphabetically)\r\n      return this.getDataFromApi.length > 0 ? this.getDataFromApi : sortedFaqCategories\r\n    },\r\n    hasInputText() {\r\n      return this.inputText.length > 0\r\n    },\r\n    matchMediaQuery() {\r\n      return window.matchMedia(' (min-width: 1024px) ')\r\n    }\r\n  },\r\n  methods: {\r\n    async getData() {\r\n      return await store.dispatch('getTypeAheadCategoriesFaq', { query: this.inputText, apiUrl: this.apiUrl })\r\n    },\r\n    formatString(str, ...values) {\r\n      return str.replace(/{(\\d+)}/g, function (match, index) {\r\n        return typeof values[index] !== 'undefined' ? (+index === 0 ? `\"${values[index]}\"` : values[index]) : match\r\n      })\r\n    },\r\n    toggleQuestions($event) {\r\n      $event.currentTarget.parentElement.querySelector('ul').classList.toggle('hidden')\r\n    },\r\n    toggleAnswer($event) {\r\n      $event.stopPropagation()\r\n      $event.currentTarget.parentElement.querySelector('div+div:has(.wysiwyg)').classList.toggle('hidden')\r\n    },\r\n    makeApiCall() {\r\n      this.showSpinner = true\r\n      this.faqCategories = []\r\n\r\n      //debounce api call\r\n      clearTimeout(this.timeoutId)\r\n      this.timeoutId = setTimeout(async () => {\r\n        const dataReturned = await this.getData()\r\n        this.showSpinner = false\r\n        this.inputTextStatic = this.inputText\r\n        this.dataFromApi = dataReturned.data\r\n      }, this.debounceDelay)\r\n    },\r\n    keyUpEvents: async function ($event) {\r\n      this.itemFromUrl = [] //should never be populated from api\r\n      this.inputText = $event.target.value\r\n      this.makeApiCall()\r\n    },\r\n    sortAlphabetically(a, b) {\r\n      if (a.name < b.name) {\r\n        return -1\r\n      }\r\n      if (a.name > b.name) {\r\n        return 1\r\n      }\r\n      return 0\r\n    },\r\n    scrollFaqListIntoView() {\r\n      if (this.isMobile) {\r\n        document.querySelector('.faq-list').scrollIntoView({ behavior: 'smooth' })\r\n      }\r\n    },\r\n    scrollIntoView(selector) {\r\n      selector.scrollIntoView({ behavior: 'smooth' })\r\n    },\r\n    removeTypedText() {\r\n      this.inputText = ''\r\n      this.makeApiCall()\r\n      this.$refs['faq-filter'].focus()\r\n    },\r\n\r\n    resize: function () {\r\n      this.isMobile = this.matchMediaQuery ? !this.matchMediaQuery.matches : true\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.isMobile = this.matchMediaQuery ? !this.matchMediaQuery.matches : true\r\n    this.itemFromUrl = this.categories.filter((item) => item.isHighlighted === true)\r\n\r\n    this.faqCategories = [...this.categories]\r\n\r\n    this.$nextTick(function () {\r\n      const extendedItemsFromUrl = document.querySelectorAll('.is-extended')\r\n      if (extendedItemsFromUrl.length > 0) {\r\n        this.scrollIntoView(extendedItemsFromUrl[0].previousSibling)\r\n      }\r\n    })\r\n  },\r\n  unmounted() {\r\n    window.removeEventListener('resize', this._boundedResize)\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.faq-subheading {\r\n  @apply w-full px-5 py-3 text-base leading-tight normal-case md:text-xl font-futuraEfDemiBold;\r\n}\r\n.faq-subheading:first-letter {\r\n  text-transform: uppercase;\r\n}\r\n\r\n.faq-toggle-button-lvl2 {\r\n  @apply p-3 rounded-sm;\r\n}\r\n\r\n.faq-list svg {\r\n  @apply w-5 h-5;\r\n}\r\n\r\n.faq-answer {\r\n  @apply px-5 pb-3;\r\n}\r\n\r\nbutton > svg + svg {\r\n  display: none;\r\n}\r\nli.question:has(p + p.hidden) p:first-child {\r\n  margin-bottom: 0;\r\n}\r\nli.category:not(:has(ul.questions.hidden)) button > svg:first-child {\r\n  display: none;\r\n}\r\nli.category:not(:has(ul.questions.hidden)) button > svg + svg {\r\n  display: block;\r\n}\r\nli.category:has(ul.questions.hidden) button > svg:first-child path,\r\nli.question:has(.faq-answer.hidden) button > svg:first-child path {\r\n  fill: #2c2827;\r\n  transition: fill 0.3s ease-in-out;\r\n}\r\nli.category:has(ul.questions.hidden):hover button > svg:first-child path,\r\nli.question:has(.faq-answer.hidden):hover button > svg:first-child path {\r\n  fill: #ff8300;\r\n}\r\nli.question {\r\n  border: 1px solid transparent;\r\n}\r\nli.question:hover {\r\n  border: 1px solid #cdcbca;\r\n}\r\nli.question:has(.faq-answer.hidden) button > svg:first-child {\r\n  display: block;\r\n}\r\nli.question:has(.faq-answer.hidden) button > svg + svg {\r\n  display: none;\r\n}\r\nli.question:not(:has(.faq-answer.hidden)) button > svg:first-child {\r\n  display: none;\r\n}\r\nli.question:not(:has(.faq-answer.hidden)) button > svg + svg {\r\n  display: block !important;\r\n}\r\nbutton:focus:focus-visible {\r\n  outline: 2px dotted #000;\r\n  outline-offset: 3px;\r\n}\r\n.spinner_b2T7 {\r\n  animation: spinner_xe7Q 0.8s linear infinite;\r\n}\r\n.spinner_YRVV {\r\n  animation-delay: -0.65s;\r\n}\r\n.spinner_c9oY {\r\n  animation-delay: -0.5s;\r\n}\r\n@keyframes spinner_xe7Q {\r\n  93.75%,\r\n  100% {\r\n    r: 3px;\r\n  }\r\n  46.875% {\r\n    r: 0.2px;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./FaqList.vue?vue&type=template&id=444e9264&scoped=true\"\nimport script from \"./FaqList.vue?vue&type=script&lang=js\"\nexport * from \"./FaqList.vue?vue&type=script&lang=js\"\n\nimport \"./FaqList.vue?vue&type=style&index=0&id=444e9264&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-444e9264\"]])\n\nexport default __exports__"],"names":["class","lastItem","toggleContent","$event","type","expanded","name","parentText","tagText","xmlns","viewBox","fill","d","hiddenFromStart","props","String","required","Boolean","default","data","this","methods","currentTarget","parentElement","querySelector","classList","toggle","__exports__","render","width","height","translations","heading","scrollFaqListIntoView","ref","placeholder","keyUpEvents","inputText","removeTypedText","itemFromUrl","length","category","i","key","questions","question","j","toggleAnswer","isExpanded","answer","inputTextStatic","searchHeadingComputed","listHeading","cx","cy","r","showSpinner","matches","updated","lastChangedDate","components","EllevioWebAccordion","categories","Array","Object","apiUrl","debounceDelay","Number","faqCategories","dataFromApi","timeoutId","computed","formatString","searchHeading","getNumberOfHits","getDataFromApi","reduce","acc","item","noHitsNumberText","sortedFaqCategories","filter","isHighlighted","sort","sortAlphabetically","hasInputText","matchMediaQuery","window","matchMedia","getData","store","dispatch","query","str","values","replace","match","index","toggleQuestions","stopPropagation","makeApiCall","clearTimeout","setTimeout","async","dataReturned","target","value","a","b","isMobile","document","scrollIntoView","behavior","selector","$refs","focus","resize","mounted","$nextTick","extendedItemsFromUrl","querySelectorAll","previousSibling","unmounted","removeEventListener","_boundedResize"],"sourceRoot":""}