{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/components/Search.vue?498f","webpack:///src/components/Search.vue","webpack:///./src/components/Search.vue?cf2a","webpack:///./src/components/Search.vue","webpack:///./src/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","app","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","Searchvue_type_template_id_82f77dd6_render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","method","action","directives","rawName","expression","type","placeholder","domProps","on","input","$event","target","composing","searchQuery","onInputChange","xmlns","viewBox","items","suggestions","categories","visible","_m","_l","category","index","href","_v","_s","sNavDesc","_e","suggestion","staticRenderFns","CancelToken","axios_default","a","api","adapter","dist_default","defaults","Searchvue_type_script_lang_js_","cancel","mounted","_this","document","addEventListener","e","inComponent","path","find","el","classList","contains","body","remove","methods","_this2","self","trim","url","concat","Promise","resolve","cancelToken","delay","then","response","stNavWords","arrNavGroup","forEach","item","stSearchwords","catch","thrown","focus","onDefaultSearch","query","location","vue_runtime_esm","$baseURL","catalogURL","onSearchItemSelected","selectedSearchItem","title","formatPrice","price","Intl","NumberFormat","style","currency","format","components_Searchvue_type_script_lang_js_","component","componentNormalizer","Search","Vue","config","productionTip","process","render","h","$mount"],"mappings":"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","file":"js/app.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(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 \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\"app\": 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 = \"\";\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([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search\"},[_c('div',{staticClass:\"search__box\"},[_c('form',{attrs:{\"method\":\"get\",\"action\":\"\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchQuery),expression:\"searchQuery\"}],attrs:{\"type\":\"text\",\"name\":\"search\",\"placeholder\":\"Zoek op productnaam of artikelnummer\"},domProps:{\"value\":(_vm.searchQuery)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.searchQuery=$event.target.value},_vm.onInputChange]}}),_c('button',{staticClass:\"button button--search\"},[_c('span',{staticClass:\"icon icon--size-3 fill--blue icon--search\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 512 512\"}},[_c('path',{attrs:{\"d\":\"M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z\"}})])])])]),((_vm.items.suggestions.length > 0 || _vm.items.categories.length > 0) && _vm.visible)?_c('div',{staticClass:\"search__suggestions\"},[_c('ul',[(_vm.items.categories.length > 0)?_c('li',{staticClass:\"suggestions suggestions--products spacing\"},[_vm._m(0),_c('ul',{},_vm._l((_vm.items.categories),function(category,index){return _c('li',{key:(\"category-\" + index)},[_c('a',{attrs:{\"href\":(\"?category=\" + (category.sNavDesc))}},[_vm._v(_vm._s(category.sNavDesc))])])}),0)]):_vm._e(),(_vm.items.suggestions.length > 0)?_c('li',{staticClass:\"suggestions suggestions--search spacing border--bottom\"},[_vm._m(1),_c('ul',_vm._l((_vm.items.suggestions),function(suggestion,index){return _c('li',{key:(\"suggestion-\" + index)},[_c('a',{attrs:{\"href\":(\"?search=\" + suggestion)}},[_vm._v(_vm._s(suggestion))])])}),0)]):_vm._e()])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h3',{staticClass:\"text text--size-3\"},[_c('strong',[_vm._v(\"Categorieën\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h3',{staticClass:\"text text--size-3\"},[_c('strong',[_vm._v(\"Zoeksuggesties\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"search\">\n    <div class=\"search__box\">\n      <form method=\"get\" action=\"\">\n        <input type=\"text\" name=\"search\" placeholder=\"Zoek op productnaam of artikelnummer\" @input=\"onInputChange\" v-model=\"searchQuery\">\n        <button class=\"button button--search\">\n          <span class=\"icon icon--size-3 fill--blue icon--search\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z\"></path></svg>\n\n          </span>\n        </button>\n      </form>\n\n      <div class=\"search__suggestions\" v-if=\"(items.suggestions.length > 0 || items.categories.length > 0) && visible\">\n        <ul>\n          <li class=\"suggestions suggestions--products spacing\" v-if=\"items.categories.length > 0\">\n            <h3 class=\"text text--size-3\"><strong>Categorieën</strong></h3>\n            <ul class=\"\">\n              <li v-for=\"(category, index) in items.categories\" :key=\"`category-${index}`\">\n                <a :href=\"`?category=${category.sNavDesc}`\">{{ category.sNavDesc }}</a>\n              </li>\n            </ul>\n          </li>\n          <li class=\"suggestions suggestions--search spacing border--bottom\" v-if=\"items.suggestions.length > 0\">\n            <h3 class=\"text text--size-3\"><strong>Zoeksuggesties</strong></h3>\n            <ul>\n              <li v-for=\"(suggestion, index) in items.suggestions\" :key=\"`suggestion-${index}` \">\n                <a :href=\"`?search=${suggestion}`\">{{ suggestion }}</a>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </div>\n\n\n    </div>\n  </div>\n\n</template>\n\n<script>\nimport Vue from 'vue'\n\nimport axios from 'axios'\nimport delayAdapterEnhancer from 'axios-delay'\nconst CancelToken = axios.CancelToken\nconst api = axios.create({\n  adapter: delayAdapterEnhancer(axios.defaults.adapter)\n});\n\nexport default {\n  name: 'RaadsmaSearch',\n  data: function() {\n    return {\n      searchQuery: '',\n      items: {\n        suggestions: [],\n        categories: []\n      },\n      visible: false,\n      cancel: function() {}\n    }\n  },\n  mounted: function() {\n    document.addEventListener('click', (e) => {\n      // Check if mouse events is in current component\n      let inComponent = e.path.find(el => {\n        return el.classList && el.classList.contains('search__box')\n      })\n      this.visible = inComponent ? true : false\n      if (inComponent) {\n        document.body.classList.remove('show-account')\n      }\n    })\n\n  },\n  methods: {\n    onInputChange () {\n      let self = this\n      if (this.searchQuery.trim().length <= 2) {\n        this.visible = false\n        return null\n      }\n      const url = `https://demorest.msgsoftware.nl/Searchword/Suggestion/${this.searchQuery.replace('/', ' ')}`\n      return new Promise(resolve => {\n        self.cancel && self.cancel()\n        api.get(url, {\n          cancelToken: new CancelToken(function executor(c) {\n            self.cancel = c;\n          }),\n          delay: 300\n        }).then(response => {\n          this.items.suggestions = []\n          this.items.categories = []\n\n          response.data.stNavWords && response.data.stNavWords.arrNavGroup && response.data.stNavWords.arrNavGroup.forEach((item, index) => {\n            item.type = 'suggestion'\n            item.index = index\n            this.items.categories.push(item)\n          })\n          response.data.stSearchwords && response.data.stSearchwords.forEach((item) => {\n            this.items.suggestions.push(item)\n          })\n\n          this.visible = true\n\n          resolve(response.data)\n        }).catch(function (thrown) {\n        })\n      })\n    },\n    focus () {\n      this.visible = true\n    },\n    onDefaultSearch (query) {\n      if (query.trim().length === 0) {\n        return null\n      }\n      window.location.href = `${Vue.prototype.$baseURL}/${this.catalogURL}?search=${query}`\n    },\n    onSearchItemSelected (item) {\n      this.selectedSearchItem = item\n      if (item.type === 'product') {\n        if (item.url) {\n          window.location.href = item.url\n        } else {\n          window.location.href = `${Vue.prototype.$baseURL}/${item.object.url}`\n        }\n      } else {\n        window.location.href = `${Vue.prototype.$baseURL}/${this.catalogURL}?tn_q=${item.title}`\n      }\n    },\n    formatPrice (price) {\n      return typeof Intl !== \"undefined\" ? new Intl.NumberFormat('nl-NL', { style: 'currency', currency: 'EUR' }).format(price) : price\n    }\n  }\n}\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Search.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Search.vue?vue&type=template&id=82f77dd6&\"\nimport script from \"./Search.vue?vue&type=script&lang=js&\"\nexport * from \"./Search.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\nimport Search from '@/components/Search.vue'\n\nVue.config.productionTip = false\n\nVue.prototype.$baseURL = process.env.VUE_APP_ROOT_URL\n\nnew Vue({\n  render: h => h(Search),\n}).$mount('#raadsma-search')\n"],"sourceRoot":""}