{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.starts-with.js","webpack:///./src/assets/images/icons/ic_drop.svg","webpack:///./src/assets/images/input-spinner.gif","webpack:///./src/components/common/CustomAutocompleteInput.vue?5871","webpack:///src/components/common/CustomAutocompleteInput.vue","webpack:///./src/components/common/CustomAutocompleteInput.vue?a44c","webpack:///./src/components/common/CustomAutocompleteInput.vue","webpack:///./src/components/common/CustomAutocompleteInput.vue?8db1"],"names":["$","uncurryThis","getOwnPropertyDescriptor","f","toLength","toString","notARegExp","requireObjectCoercible","correctIsRegExpLogic","IS_PURE","stringSlice","slice","min","Math","CORRECT_IS_REGEXP_LOGIC","MDN_POLYFILL_BUG","descriptor","String","prototype","writable","target","proto","forced","startsWith","searchString","that","this","index","arguments","length","undefined","search","module","exports","render","_vm","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","label","optional","class","error","ref","placeholder","on","handleFocus","$event","type","indexOf","_k","keyCode","key","setInputValue","current","down","apply","up","model","callback","$$v","inputValue","trim","clearable","handleResetValue","_e","handleTogglePanel","handleScroll","_l","option","refInFor","isActive","_v","_s","helperText","isLoading","isLoadAble","staticRenderFns","inheritAttrs","prop","event","data","onFocus","togglePanel","selectValue","arrowCounter","searchValue","limit","page","isDOMUpdateComplete","props","Number","default","options","Array","startsWithFilter","Boolean","isFocus","computed","filteredOptions","filter","totalPage","ceil","paginated","methods","getOption","$store","dispatch","closeSuggestionPanel","focusOut","fixScrolling","$refs","scrollContainer","scrollTop","liHeight","$emit","filterdOptions","autocompleteCustom","$nextTick","setFirstOption","bottomOfScreen","watch","handler","isMatched","component"],"mappings":"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","file":"js/chunk-636e46bc.96554101.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this-clause');\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar toLength = require('../internals/to-length');\nvar toString = require('../internals/to-string');\nvar notARegExp = require('../internals/not-a-regexp');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar correctIsRegExpLogic = require('../internals/correct-is-regexp-logic');\nvar IS_PURE = require('../internals/is-pure');\n\nvar stringSlice = uncurryThis(''.slice);\nvar min = Math.min;\n\nvar CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');\n// https://github.com/zloirock/core-js/pull/702\nvar MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {\n  var descriptor = getOwnPropertyDescriptor(String.prototype, 'startsWith');\n  return descriptor && !descriptor.writable;\n}();\n\n// `String.prototype.startsWith` method\n// https://tc39.es/ecma262/#sec-string.prototype.startswith\n$({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {\n  startsWith: function startsWith(searchString /* , position = 0 */) {\n    var that = toString(requireObjectCoercible(this));\n    notARegExp(searchString);\n    var index = toLength(min(arguments.length > 1 ? arguments[1] : undefined, that.length));\n    var search = toString(searchString);\n    return stringSlice(that, index, index + search.length) === search;\n  }\n});\n","module.exports = __webpack_public_path__ + \"img/ic_drop.5a607ae3.svg\";","module.exports = __webpack_public_path__ + \"img/input-spinner.db29fe82.gif\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.focusOut),expression:\"focusOut\"}],staticClass:\"wrapper\"},[_c('FloatLabel',{attrs:{\"label\":_vm.label,\"optional\":_vm.optional}},[_c('div',{staticClass:\"input-wrapper d-flex justify-content-between align-items-center\",class:[(\"\" + (_vm.error ? 'invalid' : ''))]},[_c('b-form-input',{ref:\"autocompleteCustom\",staticClass:\"shadow-none form-control autocomplete-custom\",class:[(\"\" + (_vm.error ? 'invalid' : ''))],attrs:{\"type\":\"text\",\"name\":_vm.name,\"placeholder\":_vm.placeholder,\"autocomplete\":\"off\"},on:{\"click\":_vm.handleFocus,\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.setInputValue(_vm.current)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"down\",40,$event.key,[\"Down\",\"ArrowDown\"])){ return null; }return _vm.down.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"up\",38,$event.key,[\"Up\",\"ArrowUp\"])){ return null; }return _vm.up.apply(null, arguments)}]},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"inputValue\"}}),(_vm.inputValue !== '' && _vm.clearable)?_c('b-icon',{staticClass:\"clear-icon\",attrs:{\"icon\":\"x\"},on:{\"click\":_vm.handleResetValue}}):_vm._e(),_c('img',{attrs:{\"id\":\"caret\",\"src\":require(\"../../assets/images/icons/ic_drop.svg\")},on:{\"click\":_vm.handleTogglePanel}})],1)]),(_vm.togglePanel)?_c('div',{ref:\"scrollContainer\",staticClass:\"result-panel\",on:{\"scroll\":_vm.handleScroll}},[_c('ul',_vm._l((_vm.paginated),function(option,index){return _c('li',{key:option,ref:\"option\",refInFor:true,class:{'active': _vm.isActive(index), 'selected': _vm.inputValue === option},attrs:{\"value\":option},on:{\"click\":function($event){return _vm.setInputValue(index)}}},[_vm._v(\" \"+_vm._s(option)+\" \")])}),0)]):_vm._e(),_c('div',{staticClass:\"fs-12 text-right mb-2 mt-n3 pr-2 err-text\"},[_vm._v(_vm._s(_vm.error ? _vm.helperText : ''))]),(_vm.isLoading && _vm.isLoadAble)?_c('img',{staticClass:\"input-spinner\",attrs:{\"src\":require(\"../../assets/images/input-spinner.gif\")}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\" v-click-outside=\"focusOut\">\n    <FloatLabel :label=\"label\" :optional=\"optional\">\n      <div :class=\"[`${error ? 'invalid' : ''}`]\" class=\"input-wrapper d-flex justify-content-between align-items-center\">\n        <b-form-input \n          class=\"shadow-none form-control autocomplete-custom\"\n          v-model.trim=\"inputValue\"\n          type=\"text\"\n          :name=\"name\"\n          :placeholder=\"placeholder\"\n          :class=\"[`${error ? 'invalid' : ''}`]\"\n          @click=\"handleFocus\"\n          autocomplete=\"off\"\n          @keydown.enter='setInputValue(current)'\n          @keydown.down='down'\n          @keydown.up='up'\n          ref=\"autocompleteCustom\"\n        />\n        <b-icon v-if=\"inputValue !== '' && clearable\" icon=\"x\" class=\"clear-icon\" @click=\"handleResetValue\"></b-icon>\n        <img id=\"caret\" src=\"../../assets/images/icons/ic_drop.svg\" @click=\"handleTogglePanel\"/>\n      </div>\n    </FloatLabel>\n    <div class=\"result-panel\" v-if=\"togglePanel\" ref=\"scrollContainer\" @scroll=\"handleScroll\">\n      <ul>\n        <li \n          :class=\"{'active': isActive(index), 'selected': inputValue === option}\" \n          v-for=\"(option, index) in paginated\"\n          :key=\"option\"\n          :value=\"option\" \n          @click=\"setInputValue(index)\"\n          ref=\"option\"\n        >\n          {{ option }}\n        </li>\n      </ul>\n    </div>\n    <div class=\"fs-12 text-right mb-2 mt-n3 pr-2 err-text\">{{ error ? helperText : '' }}</div>\n    <img\n      v-if=\"isLoading && isLoadAble\"\n      class=\"input-spinner\"\n      src=\"../../assets/images/input-spinner.gif\"\n    />\n  </div>\n</template>\n<script>\nimport { FETCH_DETAIL, CLEAR_INFO } from \"@/store/info/actions\";\nexport default {\n components: { \n   FloatLabel: () => import('./FloatLabel.vue')\n  },\n  name: 'CustomAutocompleteInput',\n  inheritAttrs: false,\n  model: {\n    prop: 'selectValue',\n    event: 'change'\n  },\n  data() {\n    return {\n      onFocus: false,\n      togglePanel: false,\n      inputValue: this.selectValue,\n      current: 0,\n      arrowCounter: 0,\n      searchValue: this.selectValue || '',\n      limit: 20,\n      page: 1,\n      isLoading: false,\n      isDOMUpdateComplete: false,\n    }\n  },\n  props: {\n    selectValue: {\n      type: [Number, String],\n      default: () => \"\"\n    },\n    options: {\n      type: Array,\n      default: () => [],\n    },\n    label: String,\n    name: {\n      type: String,\n      default: () => \"\"\n    },\n    startsWithFilter: {\n      type: Boolean,\n      default: () => true,\n    },\n    isLoadAble: {\n      type: Boolean,\n      default: () => false,\n    },\n    error: Boolean,\n    helperText: String,\n    isFocus: Boolean,\n    optional: Boolean,\n    placeholder: String,\n    clearable: {\n      type: Boolean,\n      default: () => false,\n    },\n  },\n  computed: {\n    filteredOptions() {\n      return this.options.filter((option) => {\n        const upperCaseOption = option.toUpperCase();\n        const upperCaseSearch = this.searchValue.toUpperCase();\n        return this.startsWithFilter ? upperCaseOption.startsWith(upperCaseSearch) : upperCaseOption.includes(upperCaseSearch);\n      });\n    },\n    totalPage() {\n      return Math.ceil(this.filteredOptions.length / this.limit);\n    },\n    paginated() {\n      return this.page <= this.totalPage ? [...this.filteredOptions].slice(0, this.limit * this.page) : [...this.filteredOptions]\n    },\n  },\n  methods: {\n    getOption(value) {\n      return this.filteredOptions[value];\n    },\n    handleFocus() {\n      if (!this.isDOMUpdateComplete) {\n        this.isLoading = true;\n      } else {\n        this.handleTogglePanel();\n        this.current = 0;\n      }\n    },\n    handleTogglePanel() {\n      this.togglePanel = !this.togglePanel;\n    },\n    handleResetValue() {\n      this.inputValue = '';\n      if (this.label === 'Make') {\n        this.$store.dispatch(FETCH_DETAIL);\n        this.$store.dispatch(CLEAR_INFO);\n      }\n    },\n    closeSuggestionPanel() {\n      this.togglePanel = false;\n      this.arrowCounter = 0;\n    },\n    setInputValue(index) {\n      this.inputValue = this.getOption(index);\n      this.searchValue = this.getOption(index);\n      this.focusOut();\n    },\n    up() {\n      if(this.current > 0) {\n        this.current--;\n        if (this.arrowCounter > 0) {\n            this.arrowCounter = this.arrowCounter - 1;\n            this.fixScrolling();\n        }\n      }\n    },\n    down() {\n      if(this.current < this.filteredOptions.length - 1) {\n        this.current++;\n        if (this.arrowCounter < this.filteredOptions.length-1) {\n            this.arrowCounter = this.arrowCounter + 1;\n            this.fixScrolling();\n        }\n      }\n    },\n    isActive(index) {\n      return index === this.current;\n    },\n    fixScrolling() {\n      const liHeight = this.$refs.option[this.arrowCounter].clientHeight;\n      this.$refs.scrollContainer.scrollTop = liHeight * this.arrowCounter;\n    },\n    focusOut() {\n      this.$emit('change', this.inputValue);\n      this.searchValue = '';\n      this.filterdOptions = this.options;\n      this.closeSuggestionPanel();\n      this.$emit('setNextInput');\n      this.$refs.autocompleteCustom && this.$nextTick(() => this.$refs.autocompleteCustom.blur());\n    },\n    setFirstOption() {\n      this.inputValue = this.filteredOptions[0];\n      this.searchValue = this.filteredOptions[0];\n      this.focusOut();\n    },\n    handleScroll: function () {\n      const scrollScreen = this.$refs.scrollContainer;\n      const bottomOfScreen = scrollScreen.scrollTop >= scrollScreen.offsetHeight * this.page;\n      if (bottomOfScreen && this.page < this.totalPage) {\n        this.page++;\n      }\n    },\n  },\n  watch: {\n    inputValue: {\n      handler(value) {\n        this.searchValue = value || '';\n      }\n    },\n    filteredOptions() {\n      if (this.filteredOptions.length === 1) {\n        this.setFirstOption();\n      } else {\n        if (this.searchValue !== '') {\n          const isMatched = this.filteredOptions.some((option) => option.toLowerCase() === this.inputValue.toLowerCase());\n          this.inputValue = isMatched ? this.filteredOptions[0] : this.inputValue;\n          isMatched && this.focusOut();\n        }\n      }\n      if (this.filteredOptions.length > 1 || this.selectValue !== \"\") {\n        this.isDOMUpdateComplete = true;\n        if (this.isLoading) {\n          this.isLoading = false;\n          this.togglePanel = true;\n        }\n      }\n    }\n  },\n}\n</script>\n<style lang=\"scss\">\n$gray-color: #ced4da;\nselect.form-control.invalid, input.form-control.invalid {\n  border-color: red !important ;\n}\n.invalid {\n  border-color: red !important;\n}\n.err-text {\n  color: red;\n  font-style: italic;\n  min-height: 16px;\n}\n.border-lable-flt {\n  margin-bottom: 0;\n}\n.non-foucus {\n  border-color: $gray-color !important;\n}\n.next-select-input {\n  color: #2C2448;\n  background-color: #fff;\n  border-color: #00BB65 !important;\n  outline: 0;\n}\n.input-wrapper {\n  border: 1px solid $gray-color;\n  border-radius: 8px;\n  position: relative;\n  background-color: #fff !important;\n  .form-control {\n    border: none !important;\n  }\n}\n#caret {\n  width: 12px;\n  height: 12px;\n  margin: 0px 10px;\n  cursor: pointer;\n}\n.wrapper {\n  position: relative;\n}\n.result-panel {\n  position: absolute;\n  top: 52px;\n  left: -2px;\n  z-index: 100002;\n  background: white;\n  width: 100%;\n  max-height: 200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  box-shadow: 0px 3px 26px 4px rgb(0 0 0 / 19%);\n  padding: 0px;\n  margin-left: 2px;\n  box-sizing: content-box;\n  border: 1px solid rgba(0, 0, 0, .5);\n  ul {\n    list-style-type: none;\n    padding-inline-start: unset;\n    margin-bottom: 0;\n    li {\n      padding: 6px 12px;\n      height: 30px;\n      text-align: left !important;\n      &:hover {\n        background: $gray-color;\n      }\n    }\n    .selected, .active {\n      background: $gray-color;\n    }\n  }\n}\n.clear-icon {\n  font-size: 25px;\n  cursor: pointer;\n}\n</style>\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!./CustomAutocompleteInput.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!./CustomAutocompleteInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomAutocompleteInput.vue?vue&type=template&id=0a1389de&\"\nimport script from \"./CustomAutocompleteInput.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomAutocompleteInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomAutocompleteInput.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./CustomAutocompleteInput.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}