{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///../NFER.Ecommerce.Web/Components/Products/DropdownTabSelector.vue?a6e3","webpack:///../NFER.Ecommerce.Web/Components/Products/DropdownTabSelector.vue?1e17","webpack:///../NFER.Ecommerce.Web/Components/Products/DropdownTabSelector.vue","webpack:///../NFER.Ecommerce.Web/Components/Products/DropdownTabSelector.vue?ca91","webpack:///../NFER.Ecommerce.Web/Components/Products/DropdownTabSelector.vue?493f","webpack:///../NFER.Ecommerce.Web/Components/Products/ProductFaq.vue?e6a6","webpack:///../NFER.Ecommerce.Web/Components/Products/ProductFaq.vue","webpack:///../NFER.Ecommerce.Web/Components/Products/ProductFaq.vue?355c","webpack:///../NFER.Ecommerce.Web/Components/Products/ProductFaq.vue?845f","webpack:///../NFER.Ecommerce.Web/Scripts/productTheme.js","webpack:///../NFER.Ecommerce.Web/Components/Products/ProductFaq.vue?ba9f"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","components","AnimatedDropdown","props","id","type","String","required","label","default","tabs","Array","hideSingle","Boolean","layout","mobileDropdown","index","Number","selectedTab","computed","dropdownOptions","map","tabStyle","width","concat","dropdownClasses","showTabs","watch","immediate","handler","val","$emit","methods","isSelected","tab","tabSelected","_vm","this","_c","_self","staticClass","attrs","class","model","callback","$$v","expression","_e","_v","_l","idx","on","$event","_s","TabbedLayout","TabItem","DropdownTabSelector","heading","faqs","scopedSlots","_u","fn","currentTab","changeTab","_b","faq","subCategory","subIndex","domProps","content","VueApp","ProductSearch","ProductFaq","PowerUser","onSearchResultsLoaded","hash","location","setTimeout"],"mappings":"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","file":"productTheme.min.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"productTheme\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/Assets/js/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([29,\"vendor\",\"vendor.styles\",\"vendor.critical\",\"common\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ref--8-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-2!../../../node_modules/less-loader/dist/cjs.js??ref--8-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownTabSelector.vue?vue&type=style&index=0&id=626e34a0&prod&lang=less&scoped=true&\"","import mod from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownTabSelector.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownTabSelector.vue?vue&type=script&lang=js&\"","<template>\r\n  <div class=\"tab-container\"\r\n       role=\"tablist\"\r\n       :aria-label=\"label\">\r\n    <animated-dropdown v-if=\"showTabs\"\r\n                       v-model=\"selectedTab\"\r\n                       :options=\"dropdownOptions\"\r\n                       :select-multiple=\"false\"\r\n                       close-on-select\r\n                       class=\"dropdown\"\r\n                       :class=\"dropdownClasses\">\r\n    </animated-dropdown>\r\n    <template v-for=\"(tab, idx) in tabs\">\r\n      <button v-if=\"showTabs\"\r\n              :id=\"id + '-tab-' + idx\"\r\n              :key=\"tab.key\"\r\n              role=\"tab\"\r\n              :aria-selected=\"isSelected(tab.key)\"\r\n              :aria-controls=\"id + '-panel-' + idx\"\r\n              :tabindex=\"isSelected(tab.key) ? 0 : -1\"\r\n              class=\"tab\"\r\n              :class=\"{ 'tab--selected': isSelected(tab.key), 'tab--mobile': mobileDropdown }\"\r\n              @click=\"tabSelected(tab.key)\">\r\n        {{ tab.label }}\r\n        <font-awesome-icon :icon=\"['fas', 'chevron-right']\"\r\n                           class=\"icon\"></font-awesome-icon>\r\n      </button>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AnimatedDropdown from \"~/Components/Base/AnimatedDropdown.vue\";\r\n\r\nexport default {\r\n  name: \"DropdownTabSelector\",\r\n  components: {\r\n    AnimatedDropdown,\r\n  },\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    value: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    tabs: {\r\n      type: Array,\r\n      default: null,\r\n    },\r\n    hideSingle: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    layout: {\r\n      type: String,\r\n      default: \"horizontal\",\r\n    },\r\n    mobileDropdown: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    index: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n  },\r\n  data () {\r\n    return {\r\n      selectedTab: null,\r\n    };\r\n  },\r\n  computed: {\r\n    dropdownOptions () {\r\n      let result = [];\r\n\r\n      if ( this.tabs && this.tabs.length ) {\r\n        result = this.tabs.map( t => ( {\r\n          id: t.key,\r\n          label: t.label,\r\n        } ) );\r\n      }\r\n\r\n      return result;\r\n    },\r\n    tabStyle () {\r\n      let result = null;\r\n\r\n      if ( this.layout === \"horizontal\" ) {\r\n        const width = 100 / this.tabs.length;\r\n        result = { width: `${width}%` };\r\n      }\r\n\r\n      return result;\r\n    },\r\n    dropdownClasses () {\r\n      return {\r\n        \"dropdown--mobile\": this.mobileDropdown,\r\n      };\r\n    },\r\n    showTabs () {\r\n      let result = true;\r\n\r\n      if ( this.hideSingle && this.tabs.length === 1 ) {\r\n        result = false;\r\n      }\r\n\r\n      return result;\r\n    },\r\n  },\r\n  watch: {\r\n    value: {\r\n      immediate: true,\r\n      handler ( val ) {\r\n        if ( val ) {\r\n          this.selectedTab = val;\r\n        }\r\n      },\r\n    },\r\n    selectedTab ( val ) {\r\n      if ( val ) {\r\n        this.$emit( \"tab-selected\", val );\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    isSelected ( tab ) {\r\n      return tab === this.selectedTab;\r\n    },\r\n    tabSelected ( tab ) {\r\n      this.selectedTab = tab;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.tab-container {\r\n  .dropdown {\r\n    display: none;\r\n    width: 100%;\r\n    margin-right: 0;\r\n\r\n    /deep/ .checkbox {\r\n      background-color: #fff;\r\n    }\r\n\r\n    &--mobile {\r\n      @media (max-width: 767px) {\r\n        display: block;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tab {\r\n    display: block;\r\n    text-align: left;\r\n    border: none;\r\n    background: none;\r\n    color: inherit;\r\n    font-weight: inherit;\r\n\r\n    &--mobile {\r\n      @media (max-width: 767px) {\r\n        display: none !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render, staticRenderFns } from \"./DropdownTabSelector.vue?vue&type=template&id=626e34a0&scoped=true&\"\nimport script from \"./DropdownTabSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./DropdownTabSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropdownTabSelector.vue?vue&type=style&index=0&id=626e34a0&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"626e34a0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tab-container\",attrs:{\"role\":\"tablist\",\"aria-label\":_vm.label}},[(_vm.showTabs)?_c('animated-dropdown',{staticClass:\"dropdown\",class:_vm.dropdownClasses,attrs:{\"options\":_vm.dropdownOptions,\"select-multiple\":false,\"close-on-select\":\"\"},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}}):_vm._e(),_vm._v(\" \"),_vm._l((_vm.tabs),function(tab,idx){return [(_vm.showTabs)?_c('button',{key:tab.key,staticClass:\"tab\",class:{ 'tab--selected': _vm.isSelected(tab.key), 'tab--mobile': _vm.mobileDropdown },attrs:{\"id\":_vm.id + '-tab-' + idx,\"role\":\"tab\",\"aria-selected\":_vm.isSelected(tab.key),\"aria-controls\":_vm.id + '-panel-' + idx,\"tabindex\":_vm.isSelected(tab.key) ? 0 : -1},on:{\"click\":function($event){return _vm.tabSelected(tab.key)}}},[_vm._v(\"\\n      \"+_vm._s(tab.label)+\"\\n      \"),_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":['fas', 'chevron-right']}})],1):_vm._e()]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductFaq.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js?cacheDirectory!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductFaq.vue?vue&type=script&lang=js&\"","<template>\r\n  <div class=\"product-faq\">\r\n    <h2>{{ heading }}</h2>\r\n\r\n    <tabbed-layout>\r\n      <template #selector=\"{currentTab, changeTab, ...props}\">\r\n        <dropdown-tab-selector id=\"product-faqs-categories\"\r\n                               class=\"categories-container\"\r\n                               :value=\"currentTab\"\r\n                               v-bind=\"props\"\r\n                               label=\"Foo\"\r\n                               mobile-dropdown\r\n                               :index=\"1\"\r\n                               @tab-selected=\"(val) => changeTab(val)\">\r\n        </dropdown-tab-selector>\r\n      </template>\r\n      <tab-item v-for=\"(faq, index) in faqs\"\r\n                :id=\"('product-faqs-categories-panel-' + index)\"\r\n                :key=\"index\"\r\n                :label=\"faq.name\">\r\n        <tabbed-layout class=\"sub-categories-container\">\r\n          <template #selector=\"{currentTab, changeTab, ...props}\">\r\n            <dropdown-tab-selector id=\"product-faqs-sub-categories\"\r\n                                   :value=\"currentTab\"\r\n                                   v-bind=\"props\"\r\n                                   label=\"Bar\"\r\n                                   hide-single\r\n                                   mobile-dropdown\r\n                                   :index=\"2\"\r\n                                   @tab-selected=\"(val) => changeTab(val)\">\r\n            </dropdown-tab-selector>\r\n          </template>\r\n          <tab-item v-for=\"(subCategory, subIndex) in faq.subCategories\"\r\n                    :id=\"('product-faqs-sub-categories-panel-' + index)\"\r\n                    :key=\"subIndex\"\r\n                    :label=\"(subCategory.name ? subCategory.name : 'default')\">\r\n            <h3>{{ subCategory.name }}</h3>\r\n            <!-- eslint-disable-next-line vue/no-v-html -->\r\n            <div v-html=\"subCategory.content\" />\r\n          </tab-item>\r\n        </tabbed-layout>\r\n      </tab-item>\r\n    </tabbed-layout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { TabbedLayout, TabItem } from \"spiritweb.packages.web-account\";\r\nimport DropdownTabSelector from \"~/Components/Products/DropdownTabSelector.vue\";\r\n\r\nexport default {\r\n  name: \"ProductFaq\",\r\n  components: {\r\n    TabbedLayout,\r\n    TabItem,\r\n    DropdownTabSelector,\r\n  },\r\n  props: {\r\n    heading: {\r\n      type: String,\r\n      default: \"FAQs\",\r\n    },\r\n    faqs: {\r\n      type: Array,\r\n      default: null,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n@import \"../../Styles/utils/colors.less\";\r\n\r\n.product-faq {\r\n  background-color: #F6F6F5;\r\n  padding: 30px 20px 0;\r\n  margin-top: 30px;\r\n\r\n  h2 {\r\n    color: @color-accent-1;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 1.375rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  /deep/ .tabbed-layout {\r\n    display: flex;\r\n\r\n    @media ( max-width: 767px ) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  /deep/ .tab-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 0 0 200px;\r\n\r\n      @media ( max-width: 767px ) {\r\n        flex: 1 1 auto;\r\n      }\r\n\r\n    .tab {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      padding: 10px 10px 10px 0;\r\n      text-align: right;\r\n      color: #aaa;\r\n\r\n      .icon {\r\n        margin-left: 10px;\r\n      }\r\n\r\n      &--selected {\r\n        color: inherit;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n  }\r\n\r\n  .categories-container {\r\n    border-right: 1px solid lightgray;\r\n    padding-bottom: 50px;\r\n\r\n    @media ( max-width: 767px ) {\r\n      border: none;\r\n      padding: 0;\r\n    }\r\n\r\n    &.tab-container {\r\n      @media ( min-width: 768px ) {\r\n        width: 200px;\r\n      }\r\n    }\r\n\r\n    /deep/ .tab--selected {\r\n      border-bottom: 1px solid lightgray;\r\n    }\r\n  }\r\n\r\n  .sub-categories-container {\r\n\r\n    & > .tab-container {\r\n      margin-right: 30px;\r\n      padding-left: 15px;\r\n      flex: 0 0 250px;\r\n\r\n      @media ( max-width: 767px ) {\r\n        margin: 0 0 1rem 0;\r\n        padding: 0;\r\n        flex: 1 1 auto;\r\n      }\r\n\r\n      /deep/ .tab {\r\n        justify-content: flex-end;\r\n      }\r\n    }\r\n\r\n    /deep/ .tabbed-layout__content {\r\n      padding-bottom: 30px;\r\n    }\r\n  }\r\n\r\n}\r\n</style>\r\n","import { render, staticRenderFns } from \"./ProductFaq.vue?vue&type=template&id=54b67576&scoped=true&\"\nimport script from \"./ProductFaq.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductFaq.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductFaq.vue?vue&type=style&index=0&id=54b67576&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"54b67576\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"product-faq\"},[_c('h2',[_vm._v(_vm._s(_vm.heading))]),_vm._v(\" \"),_c('tabbed-layout',{scopedSlots:_vm._u([{key:\"selector\",fn:function({currentTab, changeTab, ...props}){return [_c('dropdown-tab-selector',_vm._b({staticClass:\"categories-container\",attrs:{\"id\":\"product-faqs-categories\",\"value\":currentTab,\"label\":\"Foo\",\"mobile-dropdown\":\"\",\"index\":1},on:{\"tab-selected\":(val) => changeTab(val)}},'dropdown-tab-selector',props,false))]}}])},[_vm._v(\" \"),_vm._l((_vm.faqs),function(faq,index){return _c('tab-item',{key:index,attrs:{\"id\":('product-faqs-categories-panel-' + index),\"label\":faq.name}},[_c('tabbed-layout',{staticClass:\"sub-categories-container\",scopedSlots:_vm._u([{key:\"selector\",fn:function({currentTab, changeTab, ...props}){return [_c('dropdown-tab-selector',_vm._b({attrs:{\"id\":\"product-faqs-sub-categories\",\"value\":currentTab,\"label\":\"Bar\",\"hide-single\":\"\",\"mobile-dropdown\":\"\",\"index\":2},on:{\"tab-selected\":(val) => changeTab(val)}},'dropdown-tab-selector',props,false))]}}],null,true)},[_vm._v(\" \"),_vm._l((faq.subCategories),function(subCategory,subIndex){return _c('tab-item',{key:subIndex,attrs:{\"id\":('product-faqs-sub-categories-panel-' + index),\"label\":(subCategory.name ? subCategory.name : 'default')}},[_c('h3',[_vm._v(_vm._s(subCategory.name))]),_vm._v(\" \"),_c('div',{domProps:{\"innerHTML\":_vm._s(subCategory.content)}})])})],2)],1)})],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import \"./modules/common\";\r\nimport VueApp from \"~/Scripts/new/vueApp\";\r\nimport ProductSearch from \"~/Components/Products/Search/ProductSearch.vue\";\r\nimport ProductFaq from \"~/Components/Products/ProductFaq.vue\";\r\nimport PowerUser from \"~/Components/Products/PowerUser.vue\";\r\n\r\nnew VueApp( {\r\n  name: \"ProductTheme\",\r\n  components: {\r\n    ProductSearch,\r\n    ProductFaq,\r\n    PowerUser,\r\n  },\r\n  methods: {\r\n    onSearchResultsLoaded () {\r\n      const { hash } = window.location;\r\n\r\n      // Bodge to ensure the page jumps to the faqs section after the\r\n      // product search results have loaded, if the url uses the #faqs\r\n      // hash.\r\n      if ( hash && hash === \"#faqs\" ) {\r\n        setTimeout( () => {\r\n          window.location.hash = null;\r\n          window.location.hash = \"#faqs\";\r\n        }, 20 );\r\n      }\r\n    },\r\n  },\r\n} );\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../node_modules/css-loader/dist/cjs.js??ref--8-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-2!../../../node_modules/less-loader/dist/cjs.js??ref--8-3!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductFaq.vue?vue&type=style&index=0&id=54b67576&prod&lang=less&scoped=true&\""],"sourceRoot":""}