{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.regexp.search.js","webpack:///./node_modules/core-js/modules/_same-value.js","webpack:///./src/components/shared/Autocomplete.vue?dad9","webpack:///src/components/shared/Autocomplete.vue","webpack:///./src/components/shared/Autocomplete.vue?6804","webpack:///./src/components/shared/Autocomplete.vue","webpack:///./src/components/shared/Autocomplete.vue?1b51"],"names":["anObject","sameValue","regExpExec","defined","SEARCH","$search","maybeCallNative","regexp","O","this","fn","undefined","call","RegExp","String","res","done","value","rx","S","previousLastIndex","lastIndex","result","index","module","exports","Object","is","x","y","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","label","on","onChange","nativeOn","$event","type","indexOf","_k","keyCode","key","onEnter","model","callback","$$v","search","expression","directives","name","rawName","isOpen","results","length","_v","_l","i","class","arrowCounter","setResult","_s","_e","staticRenderFns","props","isAsync","Boolean","required","default","items","Array","data","isLoading","methods","filterResults","filter","handleClickOutside","$el","contains","evt","target","onArrowDown","onArrowUp","mounted","document","addEventListener","destroyed","removeEventListener","watch","$emit","component"],"mappings":"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","file":"js/chunk-45d18e2b.cce7bd4e.js","sourcesContent":["'use strict';\n\nvar anObject = require('./_an-object');\nvar sameValue = require('./_same-value');\nvar regExpExec = require('./_regexp-exec-abstract');\n\n// @@search logic\nrequire('./_fix-re-wks')('search', 1, function (defined, SEARCH, $search, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = defined(this);\n      var fn = regexp == undefined ? undefined : regexp[SEARCH];\n      return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search\n    function (regexp) {\n      var res = maybeCallNative($search, regexp, this);\n      if (res.done) return res.value;\n      var rx = anObject(regexp);\n      var S = String(this);\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","// 7.2.9 SameValue(x, y)\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare\n  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"autocomplete custom-control\"},[_c('b-field',{attrs:{\"label\":_vm.label,\"custom-class\":\"has-text-weight-normal\"}},[_c('b-input',{staticClass:\"autocomplete__input\",attrs:{\"icon\":\"search\",\"type\":\"search\"},on:{\"input\":_vm.onChange},nativeOn:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onEnter($event)}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOpen && _vm.results.length),expression:\"isOpen && results.length\"}],staticClass:\"autocomplete-results\"},[_c('ul',{staticClass:\"autocomplete-results__list\"},[(_vm.isLoading)?_c('li',{staticClass:\"loading\"},[_vm._v(\"Loading results...\")]):_vm._l((_vm.results),function(result,i){return _c('li',{key:i,staticClass:\"autocomplete-result\",class:{ 'is-active': i === _vm.arrowCounter },on:{\"click\":function($event){return _vm.setResult(result)}}},[_vm._v(\"\\n          \"+_vm._s(result)+\"\\n      \")])})],2),(_vm.results.length > 4)?_c('b-icon',{staticClass:\"autocomplete__arrow\",attrs:{\"icon\":\"angle-down\",\"size\":\"is-small\"}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"autocomplete custom-control\">\n    <b-field\n      :label=\"label\"\n      custom-class=\"has-text-weight-normal\">\n        <b-input\n          @input=\"onChange\"\n          @keydown.enter.native=\"onEnter\"\n          class=\"autocomplete__input\"\n          icon=\"search\"\n          type=\"search\"\n          v-model=\"search\"/>\n    </b-field>\n    <div v-show=\"isOpen && results.length\" class=\"autocomplete-results\">\n      <ul class=\"autocomplete-results__list\">\n        <li class=\"loading\" v-if=\"isLoading\">Loading results...</li>\n        <li\n          :key=\"i\"\n          :class=\"{ 'is-active': i === arrowCounter }\"\n          @click=\"setResult(result)\"\n          class=\"autocomplete-result\"\n          v-else\n          v-for=\"(result, i) in results\">\n            {{ result }}\n        </li>\n      </ul>\n      <b-icon\n        class=\"autocomplete__arrow\"\n        icon=\"angle-down\"\n        size=\"is-small\"\n        v-if=\"results.length > 4\"/>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    isAsync: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    items: {\n      type: Array,\n      required: false,\n      default: () => []\n    },\n    label: {\n      default: ''\n    }\n  },\n  data() {\n    return {\n      isOpen: false,\n      results: [],\n      search: \"\",\n      isLoading: false,\n      arrowCounter: -1\n    };\n  },\n  methods: {\n    onChange() {\n      // Let's warn the parent that a change was made\n\n      // Is the data given by an outside ajax request?\n      if (this.isAsync) {\n        this.isLoading = true;\n      } else {\n        // Data is sync, we can search our flat array\n        this.filterResults();\n        this.isOpen = true;\n      }\n    },\n    filterResults() {\n      if(!this.search.length) {\n        this.results = [...this.items]\n        return\n      }\n      this.results = this.items.filter(\n        item => item.toLowerCase().indexOf(this.search.toLowerCase()) > -1\n      );\n    },\n    setResult(result) {\n      this.search = result;\n      this.isOpen = false;\n    },\n    handleClickOutside(evt) {\n      if (!this.$el.contains(evt.target)) {\n        this.isOpen = false;\n        this.arrowCounter = -1;\n      }\n    },\n    onArrowDown() {\n      if (this.arrowCounter < this.results.length) {\n        this.arrowCounter = this.arrowCounter + 1;\n      }\n    },\n    onArrowUp() {\n      if (this.arrowCounter > 0) {\n        this.arrowCounter = this.arrowCounter - 1;\n      }\n    },\n    onEnter() {\n      this.search = this.results[this.arrowCounter] || this.search;\n      this.isOpen = false;\n      this.arrowCounter = -1;\n    }\n  },\n  mounted() {\n    document.addEventListener(\"click\", this.handleClickOutside);\n  },\n  destroyed() {\n    document.removeEventListener(\"click\", this.handleClickOutside);\n  },\n  watch: {\n    // Once the items content changes, it means the parent component\n    // provided the needed data\n    items: function(value) {\n      // we want to make sure we only do this when it's an async request\n      if (this.isAsync) {\n        this.results = value;\n        this.isOpen = true;\n        this.isLoading = false;\n      }\n    },\n    isOpen() {\n      if (!this.isOpen) {\n        this.$emit(\"input\", this.search);\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.autocomplete {\n  position: relative;\n  width: 180px;\n\n  &-results {\n    padding: 0;\n    margin: 0;\n    border: 1px solid #3273dc;\n    position: absolute;\n    background-color: #fff;\n    width: 100%;\n    z-index: 10;\n\n    &__list {\n      max-height: 130px;\n      overflow: auto;\n    }\n  }\n\n  &-result {\n    list-style: none;\n    text-align: left;\n    padding: 4px 2px;\n    cursor: pointer;\n\n    &:hover,\n    &.is-active {\n      background-color: #3273dc;\n      color: #fff;\n    }\n  }\n\n  &__arrow {\n    display: block;\n    margin: auto;\n  }\n\n  &__input {\n    width: 270px;\n  }\n}\n</style>","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!./Autocomplete.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!./Autocomplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Autocomplete.vue?vue&type=template&id=81ac6666&\"\nimport script from \"./Autocomplete.vue?vue&type=script&lang=js&\"\nexport * from \"./Autocomplete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Autocomplete.vue?vue&type=style&index=0&lang=scss&\"\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 mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Autocomplete.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Autocomplete.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}