{"version":3,"sources":["webpack:///./src/components/common/CustomClearSelect.vue?a64c","webpack:///src/components/common/CustomClearSelect.vue","webpack:///./src/components/common/CustomClearSelect.vue?0bb6","webpack:///./src/components/common/CustomClearSelect.vue","webpack:///./src/components/common/CustomClearSelect.vue?a80a","webpack:///./src/assets/images/input-spinner.gif"],"names":["render","this$1","this","_vm","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","selectDisabled","options","length","attrs","label","optional","ref","error","selectValue","isClear","isVariant","id","on","handleFocus","_v","_s","val","find","option","key","handleResetOptions","_e","handleScroll","_l","index","refInFor","selected","isColour","toUpperCase","$event","handleChange","mappedDisplay","helperText","isLoading","isLoadAble","staticRenderFns","components","FloatLabel","inheritAttrs","model","prop","event","data","isDOMUpdateComplete","togglePanel","limit","page","props","type","Number","String","default","Array","mapper","Object","require","Boolean","isFocus","computed","get","set","totalPage","Math","ceil","paginated","methods","$emit","convertShiftValue","e","optionParser","toString","substring","$store","dispatch","make","info","year","badge","edition","bodyType","fuelType","drive","transmission","series","handleTogglePanel","bottomOfScreen","focusOut","component","module","exports"],"mappings":"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","file":"js/chunk-05922867.ffab5a35.js","sourcesContent":["var render = function () {\nvar this$1 = this;\nvar _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:\"position-relative\"},[_c('FloatLabel',{class:(\"\" + (_vm.selectDisabled || this.options.length === 0 ? '' : '')),attrs:{\"label\":_vm.label,\"optional\":_vm.optional}},[_c('div',{ref:\"customSelect\",staticClass:\"shadow-none form-control select-custom\",class:[\n        ((_vm.error ? 'invalid' : '') + \" \" + (_vm.selectDisabled || this.options.length === 0 ? '' : '') + \" \" + (this.selectValue !== '' ? '' : 'gray') + \" \" + (_vm.isClear && !_vm.isVariant ? 'option-custom' : '')) ],attrs:{\"id\":_vm.id},on:{\"click\":_vm.handleFocus}},[_c('p',{staticClass:\"mb-0 lh-2 text-nowrap overflow-hidden\"},[_vm._v(\" \"+_vm._s(this.val !== \"\" ? _vm.isVariant ? this.options.find(function (option) { return option.value === this$1.val; }).key : this.val : this.options.length === 0 ? \"N/A\" : \"Select one\")+\" \")])]),(_vm.isClear)?_c('b-icon',{staticClass:\"clear-select-icon\",attrs:{\"icon\":\"x\"},on:{\"click\":_vm.handleResetOptions}}):_vm._e()],1),(this.togglePanel)?_c('div',{ref:\"scrollContainer\",staticClass:\"result-panel\",on:{\"scroll\":_vm.handleScroll}},[_c('ul',[_c('li',{ref:\"option\",class:(\"\" + (this.val === '' ? 'active' : 'disable-text'))},[_vm._v(\" Select one \")]),_vm._l((_vm.paginated),function(option,index){return _c('li',{key:index,ref:\"option\",refInFor:true,class:{ selected: _vm.selectValue === option },attrs:{\"value\":_vm.isVariant ? option.value : _vm.isColour ? option.toUpperCase() : option},on:{\"click\":function($event){return _vm.handleChange(option)}}},[_vm._v(\" \"+_vm._s(_vm.isVariant ? _vm.mappedDisplay(option.key) : _vm.mappedDisplay(option))+\" \")])})],2)]):_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 v-click-outside=\"focusOut\" class=\"position-relative\">\n    <FloatLabel\n      :class=\"`${selectDisabled || this.options.length === 0 ? '' : ''}`\"\n      :label=\"label\"\n      :optional=\"optional\"\n    >\n      <div\n        :id=\"id\"\n        class=\"shadow-none form-control select-custom\"\n        @click=\"handleFocus\"\n        ref=\"customSelect\"\n        :class=\"[\n          `${error ? 'invalid' : ''} ${\n            selectDisabled || this.options.length === 0 ? '' : ''\n          } ${this.selectValue !== '' ? '' : 'gray'} ${\n            isClear && !isVariant ? 'option-custom' : ''\n          }`,\n        ]\"\n      >\n        <p class=\"mb-0 lh-2 text-nowrap overflow-hidden\">\n          {{\n            this.val !== \"\"\n              ? isVariant\n                ? this.options.find((option) => option.value === this.val).key\n                : this.val\n              : this.options.length === 0\n              ? \"N/A\"\n              : \"Select one\"\n          }}\n        </p>\n      </div>\n      <b-icon\n        v-if=\"isClear\"\n        icon=\"x\"\n        class=\"clear-select-icon\"\n        @click=\"handleResetOptions\"\n      ></b-icon>\n    </FloatLabel>\n    <div\n      class=\"result-panel\"\n      v-if=\"this.togglePanel\"\n      ref=\"scrollContainer\"\n      @scroll=\"handleScroll\"\n    >\n      <ul>\n        <li\n          :class=\"`${this.val === '' ? 'active' : 'disable-text'}`\"\n          ref=\"option\"\n        >\n          Select one\n        </li>\n        <li\n          :class=\"{ selected: selectValue === option }\"\n          v-for=\"(option, index) in paginated\"\n          :key=\"index\"\n          :value=\"\n            isVariant ? option.value : isColour ? option.toUpperCase() : option\n          \"\n          @click=\"handleChange(option)\"\n          ref=\"option\"\n        >\n          {{ isVariant ? mappedDisplay(option.key) : mappedDisplay(option) }}\n        </li>\n      </ul>\n    </div>\n    <div class=\"fs-12 text-right mb-2 mt-n3 pr-2 err-text\">\n      {{ error ? helperText : \"\" }}\n    </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 {\n  FETCH_INIT,\n  CLEAR_INFO_MODEL,\n  CLEAR_INFO_YEAR,\n  CLEAR_INFO_EXTEND,\n  CLEAR_INFO_BODY_TYPES,\n  CLEAR_INFO_FUEL_TYPES,\n  CLEAR_INFO_DRIVE_TYPES,\n  CLEAR_INFO_TRANS,\n  CLEAR_INFO_SERIES,\n  CLEAR_INFO_ENGINE_TYPES,\n} from \"@/store/info/actions\";\nimport { mapState } from \"vuex\";\nimport { blankOptionList } from \"@/helper/constant\";\nexport default {\n  components: {\n    FloatLabel: () => import(\"./FloatLabel.vue\"),\n  },\n  name: \"CustomClearSelect\",\n  inheritAttrs: false,\n  model: {\n    prop: \"selectValue\",\n    event: \"change\",\n  },\n  data() {\n    return {\n      isLoading: false,\n      isDOMUpdateComplete: false,\n      togglePanel: false,\n      limit: 20,\n      page: 1,\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    mapper: {\n      type: Object,\n      default: () => null,\n      require: false,\n    },\n    isLoadAble: {\n      type: Boolean,\n      default: () => false,\n    },\n    id: {\n      type: String,\n      default: () => \"\",\n      require: true,\n    },\n    error: Boolean,\n    helperText: String,\n    isFocus: Boolean,\n    optional: Boolean,\n    selectDisabled: Boolean,\n    isClear: Boolean,\n  },\n  computed: {\n    val: {\n      get: function () {\n        return this.selectValue;\n      },\n      set: function () {},\n    },\n    ...mapState({\n      info: (state) => state.info.curVehicleInfo,\n    }),\n    totalPage() {\n      return Math.ceil(this.options.length / this.limit);\n    },\n    paginated() {\n      return this.page <= this.totalPage\n        ? [...this.options].slice(0, this.limit * this.page)\n        : [...this.options];\n    },\n    isVariant() {\n      return this.label === \"Variant\";\n    },\n    isColour() {\n      return this.label === \"Colour\";\n    },\n  },\n  methods: {\n    handleChange: function (option) {\n      this.$emit(\"change\", this.isVariant ? option.value : option);\n      this.$emit(\"setNextInput\");\n      this.togglePanel = false;\n    },\n    convertShiftValue: function (e) {\n      if (e === \"AT\") {\n        return \"Automatic\";\n      } else {\n        return \"Manual\";\n      }\n    },\n    optionParser: function (e) {\n      return e !== \"Not sure\" ? \"MY\" + e.toString().substring(2) : e;\n    },\n    handleResetOptions: function () {\n      if (this.label === \"Model\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n        });\n        this.$store.dispatch(CLEAR_INFO_MODEL);\n      } else if (this.label === \"Year\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n        });\n        this.$store.dispatch(CLEAR_INFO_YEAR);\n      } else if (this.label === \"Variant\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n        });\n        this.$store.dispatch(CLEAR_INFO_EXTEND);\n      } else if (this.label === \"Body type\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n        });\n        this.$store.dispatch(CLEAR_INFO_BODY_TYPES);\n      } else if (this.label === \"Fuel type\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n          bodyType: this.info.bodyType,\n        });\n        this.$store.dispatch(CLEAR_INFO_FUEL_TYPES);\n      } else if (this.label === \"Drive type\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n          bodyType: this.info.bodyType,\n          fuelType: this.info.fuelType,\n        });\n        this.$store.dispatch(CLEAR_INFO_DRIVE_TYPES);\n      } else if (this.label === \"Transmission\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n          bodyType: this.info.bodyType,\n          fuelType: this.info.fuelType,\n          drive: this.info.drive,\n        });\n        this.$store.dispatch(CLEAR_INFO_TRANS);\n      } else if (this.label === \"Series\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n          bodyType: this.info.bodyType,\n          fuelType: this.info.fuelType,\n          drive: this.info.drive,\n          transmission: this.info.transmission,\n        });\n        this.$store.dispatch(CLEAR_INFO_SERIES);\n      } else if (this.label === \"Engine type\") {\n        this.$store.dispatch(FETCH_INIT, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          badge: !blankOptionList.includes(this.info.badge) ? this.info.badge : '',\n          edition: !blankOptionList.includes(this.info.edition) ? this.info.edition : '',\n          bodyType: this.info.bodyType,\n          fuelType: this.info.fuelType,\n          drive: this.info.drive,\n          transmission: this.info.transmission,\n          series: !blankOptionList.includes(this.info.series) ? this.info.series : '',\n        });\n        this.$store.dispatch(CLEAR_INFO_ENGINE_TYPES);\n      }\n    },\n    mappedDisplay: function (e) {\n      if (this.mapper !== null) {\n        return this.mapper[this.label][e] || e;\n      }\n      return e;\n    },\n    handleFocus: function () {\n      if (!this.isDOMUpdateComplete) {\n        this.isLoading = true;\n      } else {\n        this.handleTogglePanel();\n      }\n    },\n    handleTogglePanel() {\n      this.togglePanel = !this.togglePanel;\n    },\n    handleScroll: function () {\n      const scrollScreen = this.$refs.scrollContainer;\n      const bottomOfScreen =\n        scrollScreen.scrollTop >= scrollScreen.offsetHeight * this.page;\n      if (bottomOfScreen && this.page < this.totalPage) {\n        this.page++;\n      }\n    },\n    focusOut() {\n      this.togglePanel = false;\n    },\n  },\n  async updated() {\n    await this.$nextTick();\n    if (this.options.length > 1 || this.val !== \"\") {\n      this.isDOMUpdateComplete = true;\n      if (this.isLoading) {\n        this.isLoading = false;\n        this.togglePanel = true;\n      }\n    }\n  },\n};\n</script>\n<style lang=\"scss\">\nselect.form-control.invalid,\ninput.form-control.invalid {\n  border-color: red !important ;\n}\nselect.form-control.disabled {\n  border: none;\n}\n.float-label > span {\n  z-index: 0;\n  background-color: transparent;\n  &::after {\n    background: none;\n  }\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: #ced4da !important;\n}\n.next-select-input {\n  color: #383c3f;\n  background-color: #fff;\n  border-color: #00bb65 !important;\n  outline: 0;\n}\n.select-custom {\n  position: relative;\n\n  &.gray {\n    color: #989898 !important;\n  }\n\n  option {\n    color: #383c3f !important;\n\n    &:first-child {\n      color: #989898 !important;\n    }\n  }\n}\n.clear-select-icon {\n  position: absolute;\n\n  right: 33px;\n  bottom: 27%;\n  font-size: 25px;\n  cursor: pointer;\n}\n\n.option-custom {\n  padding-right: 38%;\n}\n\n.input-spinner {\n  position: absolute;\n  top: 50%;\n  right: 35px;\n  transform: translateY(-85%);\n  width: 24px;\n}\n.disable-text {\n  pointer-events: none;\n  color: #929090;\n  user-select: none;\n}\n@media screen and(min-width: 768px) {\n  .input-spinner {\n    right: 45px !important;\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!./CustomClearSelect.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!./CustomClearSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomClearSelect.vue?vue&type=template&id=62f51525&\"\nimport script from \"./CustomClearSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomClearSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomClearSelect.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!./CustomClearSelect.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/input-spinner.db29fe82.gif\";"],"sourceRoot":""}