{"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?981f","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":["$","getOwnPropertyDescriptor","f","toLength","toString","notARegExp","requireObjectCoercible","correctIsRegExpLogic","IS_PURE","$startsWith","startsWith","min","Math","CORRECT_IS_REGEXP_LOGIC","MDN_POLYFILL_BUG","descriptor","String","prototype","writable","target","proto","forced","searchString","that","this","index","arguments","length","undefined","search","call","slice","module","exports","render","_vm","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","selectDisabled","attrs","label","optional","error","ref","placeholder","on","$event","handleFocus","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","$nextTick","setFirstOption","bottomOfScreen","watch","handler","val","component"],"mappings":"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","file":"js/chunk-71d9d5b6.b3758768.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\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\n// eslint-disable-next-line es/no-string-prototype-startswith -- safe\nvar $startsWith = ''.startsWith;\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 $startsWith\n      ? $startsWith.call(that, search, index)\n      : that.slice(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',{class:(\"\" + (_vm.selectDisabled ? 'float-label' : '')),attrs:{\"label\":_vm.label,\"optional\":_vm.optional}},[_c('div',{staticClass:\"input-wrapper d-flex justify-content-between align-items-center\",class:[\n        (\"\" + (_vm.error ? 'invalid' : '')),\n        (\"\" + (_vm.selectDisabled ? 'disabled' : '')) ]},[_c('b-form-input',{ref:\"autocompleteInput\",staticClass:\"shadow-none form-control autocomplete-custom\",class:[(\"\" + (_vm.error ? 'invalid' : ''))],attrs:{\"type\":\"text\",\"name\":_vm.name,\"placeholder\":_vm.placeholder,\"readonly\":_vm.selectDisabled,\"autocomplete\":\"off\"},on:{\"click\":function($event){_vm.selectDisabled || _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 && !_vm.selectDisabled)?_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\":function($event){!_vm.selectDisabled && _vm.handleTogglePanel}}})],1)]),(this.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\" :class=\"`${selectDisabled ? 'float-label' : ''}`\">\n      <div\n        :class=\"[\n          `${error ? 'invalid' : ''}`,\n          `${selectDisabled ? 'disabled' : ''}`,\n        ]\"\n        class=\"input-wrapper d-flex justify-content-between align-items-center\"\n      >\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=\"selectDisabled || handleFocus()\"\n          :readonly=\"selectDisabled\"\n          autocomplete=\"off\"\n          @keydown.enter='setInputValue(current)'\n          @keydown.down='down'\n          @keydown.up='up'\n          ref=\"autocompleteInput\"\n        />\n        <b-icon v-if=\"inputValue !== '' && clearable && !selectDisabled\" icon=\"x\" class=\"clear-icon\" @click=\"handleResetValue\"></b-icon>\n        <img id=\"caret\" src=\"../../assets/images/icons/ic_drop.svg\" @click=\"!selectDisabled && handleTogglePanel\"/>\n      </div>\n    </FloatLabel>\n    <div class=\"result-panel\" v-if=\"this.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 } from \"@/store/info/actions\";\nimport { CLEAR_INFO } from \"@/store/authenticate-seller/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    selectDisabled: {\n      type: Boolean,\n      default: () => true,\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.$nextTick(() => this.$refs.autocompleteInput.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      this.filteredOptions.length === 1 && this.setFirstOption();\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    selectValue: {\n      handler(val) {\n        this.inputValue = val;\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  .form-control {\n    border: none !important;\n    height: 48px !important;\n  }\n  &.disabled {\n    border: none;\n    background-color: #e9ecef;\n    opacity: 1;\n    .form-control {\n      background-color: #e9ecef;\n      cursor: default;\n    }\n    #caret {\n      cursor: default;\n    }\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.clear-icon {\n  font-size: 25px;\n  cursor: pointer;\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!./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=2b38af74&\"\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":""}