{"version":3,"sources":["webpack:///./src/components/common/CustomClearSelect.vue?fa49","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","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","selectDisabled","attrs","label","optional","ref","error","selectValue","isClear","isVariant","id","on","handleFocus","_v","_s","val","includes","replace","options","length","handleResetOptions","_e","handleScroll","_l","option","index","key","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","$store","dispatch","make","info","locid","parseInt","authenticateData","year","badge","edition","bodyType","fuelType","drive","transmission","series","engineType","engineSize","e","handleTogglePanel","bottomOfScreen","focusOut","component","module","exports"],"mappings":"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","file":"js/chunk-05922867.8abfd4ed.js","sourcesContent":["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:\"position-relative\"},[_c('FloatLabel',{class:(\"\" + (_vm.selectDisabled ? 'float-label' : '')),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 ? 'disabled' : '') + \" \" + (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.val.includes(\"Not sure\") ? \"Not sure\" : this.val.includes(\"Other\") ? \"Other\" : this.val.includes(\"N/A\") ? \"N/A\" : this.val.replace(/\\|/g, ' ') : 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 ? 'float-label' : ''}`\"\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 ? 'disabled' : ''\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.val.includes(\"Not sure\")\n                  ? \"Not sure\"\n                  : this.val.includes(\"Other\")\n                  ? \"Other\" \n                  : this.val.includes(\"N/A\")\n                    ? \"N/A\"\n                    : this.val.replace(/\\|/g, ' ')\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 :class=\"`${this.val === '' ? 'active' : 'disable-text'}`\" ref=\"option\">\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  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  CLEAR_INFO_ENGINE_SIZES,\n  CLEAR_INFO_NUMBER_OF_SEATS,\n} from \"@/store/authenticate-seller/actions\";\nimport {\n  FETCH_ALL\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      authenticateData: (state) => state.authenticateSeller,\n      info: (state) => state.authenticateSeller.carInfo,\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 (\n        this.label === \"Variant\" ||\n        this.label === \"Sub model\"\n      );\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    handleResetOptions: function () {\n      if (this.label === \"Model\") {\n        this.$store.dispatch(FETCH_ALL, {\n          make: this.info.make,\n          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_MODEL);\n      } else if (this.label === \"Year\") {\n        this.$store.dispatch(FETCH_ALL, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_YEAR);\n      } else if (this.label === \"Variant\" || this.label === \"Sub model\") {\n        this.$store.dispatch(FETCH_ALL, {\n          make: this.info.make,\n          model: this.info.model !== 'Other' ? this.info.model : '',\n          year: this.info.year,\n          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_EXTEND);\n      } else if (this.label === \"Body type\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_BODY_TYPES);\n      } else if (this.label === \"Fuel type\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_FUEL_TYPES);\n      } else if (this.label === \"Drive type\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_DRIVE_TYPES);\n      } else if (this.label === \"Transmission\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_TRANS);\n      } else if (this.label === \"Series\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_SERIES);\n      } else if (this.label === \"Engine type\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n        });\n        this.$store.dispatch(CLEAR_INFO_ENGINE_TYPES);\n      } else if (this.label === \"Engine size\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n          engineType: this.info.engineType,\n        });\n        this.$store.dispatch(CLEAR_INFO_ENGINE_SIZES);\n      } else if (this.label === \"Number of seats\") {\n        this.$store.dispatch(FETCH_ALL, {\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          locid: parseInt(this.authenticateData.locid),\n          engineType: this.info.engineType,\n          engineSize: this.info.engineSize,\n        });\n        this.$store.dispatch(CLEAR_INFO_NUMBER_OF_SEATS);\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.selectDisabled) {\n        if (!this.isDOMUpdateComplete) {\n          this.isLoading = true;\n        } else {\n          this.handleTogglePanel();\n        }\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}\n.form-control.disabled {\n  border: none;\n  background-color: #e9ecef;\n  opacity: 1;\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\n.disable-text {\n  pointer-events: none;\n  color: #929090;\n  user-select: none;\n}\n\n@media screen and(min-width: 768px) {\n  .input-spinner {\n    right: 45px !important;\n  }\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!./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=9d0b8d6e&\"\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":""}