{"version":3,"sources":["webpack:///./src/components/common/CustomDatePicker.vue?5546","webpack:///src/components/common/CustomDatePicker.vue","webpack:///./src/components/common/CustomDatePicker.vue?9e92","webpack:///./src/components/common/CustomDatePicker.vue","webpack:///./src/components/common/CustomDatePicker.vue?dc33"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","label","optional","buildDateTooltipContent","class","error","selectDisabled","directives","name","rawName","value","expression","placeholder","format","length","domProps","on","handleInputChange","$event","target","composing","val","_v","_s","helperText","staticRenderFns","components","FloatLabel","model","prop","event","data","props","dateValue","type","String","default","Boolean","isMobile","computed","get","set","$emit","newValue","methods","validDateFormat","hoverTooltip","$refs","buildDateTooltip","style","visibility","blurTooltip","handleMobileTap","stopPropagation","preventDefault","watch","$nextTick","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQP,EAAIQ,MAAM,SAAWR,EAAIS,SAAS,KAAM,EAAK,QAAUT,EAAIU,0BAA0B,CAACN,EAAG,MAAM,CAACE,YAAY,kEAAkEK,MAAM,EAAGX,EAAIY,MAAQ,UAAY,IAAM,KAAOZ,EAAIa,eAAiB,WAAa,MAAO,CAACT,EAAG,QAAQ,CAACU,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOjB,EAAO,IAAEkB,WAAW,QAAQZ,YAAY,2BAA2BK,MAAM,CAAQX,EAAIY,MAAQ,UAAY,IAAML,MAAM,CAAC,KAAO,OAAO,GAAK,qBAAqB,YAAcP,EAAImB,YAAY,UAAYnB,EAAIoB,OAAOC,OAAO,SAAWrB,EAAIa,iBAAkB,EAAM,UAAY,WAAWS,SAAS,CAAC,MAAStB,EAAO,KAAGuB,GAAG,CAAC,OAASvB,EAAIwB,kBAAkB,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAqB3B,EAAI4B,IAAIH,EAAOC,OAAOT,eAAcb,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACN,EAAI6B,GAAG,IAAI7B,EAAI8B,GAAG9B,EAAIY,MAAQZ,EAAI+B,WAAa,IAAI,QAAQ,IAC1hCC,EAAkB,G,qFCoCtB,GACEC,WAAY,CACVC,WAAY,WAAhB,yDAEEnB,KAAM,mBACNoB,MAAO,CACLC,KAAM,YACNC,MAAO,UAETC,KATF,WAUI,MAAO,CACL5B,wBAAyB,kJAG7B6B,MAAO,CACLC,UAAW,CACTC,KAAMC,OACNC,QAAS,WAAf,WAEInC,MAAO,CACLiC,KAAMC,OACNC,QAAS,WAAf,WAEIlC,SAAU,CACRgC,KAAMG,QACND,QAAS,WAAf,WAEIvB,OAAQ,CACNqB,KAAMC,OACNC,QAAS,WAAf,WAEIxB,YAAa,CACXsB,KAAMC,OACNC,QAAS,WAAf,WAEI/B,MAAO,CACL6B,KAAMG,QACND,QAAS,WAAf,WAEIZ,WAAY,CACVU,KAAMC,OACNC,QAAS,WAAf,WAEI9B,eAAgB+B,QAChBC,SAAU,CACRJ,KAAMG,QACND,QAAS,WAAf,YAGEG,SAAU,CACRlB,IAAK,CACHmB,IAAK,WACH,OAAO9C,KAAKuC,WAEdQ,IAAK,SAAX,GACQ/C,KAAKgD,MAAM,SAAUC,MAI3BC,QAAS,CACPC,gBAAiB,SAArB,GACM,OAAOnC,EAAMI,SAAWpB,KAAKmB,OAAOC,QAEtCG,kBAAmB,SAAvB,GACM,IAAN,iCAEA,sCACA,mBAEQvB,KAAKgD,MAAM,SAAU,IAA7B,wBACQhD,KAAKgD,MAAM,kBAGfI,aAAc,WACPpD,KAAK4C,WACR5C,KAAKqD,MAAMC,iBAAiBC,MAAMC,WAAa,YAGnDC,YAAa,WACXzD,KAAKqD,MAAMC,iBAAiBC,MAAMC,WAAa,UAEjDE,gBAAiB,SAArB,GACMtB,EAAMuB,kBACNvB,EAAMwB,iBACF5D,KAAK4C,WACP5C,KAAKqD,MAAMC,iBAAiBC,MAAMC,WAAa,aAIrDK,MAAO,CACLlC,IAAK,SAAT,cAEA,6BACA,sCAEQ3B,KAAK8D,WAAU,WAAvB,qCCpIyW,I,wBCQrWC,EAAY,eACd,EACAjE,EACAiC,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E,oECnBf","file":"js/chunk-fefcb0e8.e7254d16.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-2\"},[_c('FloatLabel',{attrs:{\"label\":_vm.label,\"optional\":_vm.optional,\"ask\":true,\"tooltip\":_vm.buildDateTooltipContent}},[_c('div',{staticClass:\"input-wrapper d-flex justify-content-between align-items-center\",class:[((_vm.error ? 'invalid' : '') + \" \" + (_vm.selectDisabled ? 'disabled' : ''))]},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.val),expression:\"val\"}],staticClass:\"shadow-none form-control\",class:[(\"\" + (_vm.error ? 'invalid' : ''))],attrs:{\"type\":\"text\",\"id\":\"manual-date-picker\",\"placeholder\":_vm.placeholder,\"maxlength\":_vm.format.length,\"disabled\":_vm.selectDisabled || false,\"inputmode\":\"numeric\"},domProps:{\"value\":(_vm.val)},on:{\"change\":_vm.handleInputChange,\"input\":function($event){if($event.target.composing){ return; }_vm.val=$event.target.value}}})])]),_c('div',{staticClass:\"fs-12 text-right mb-2 mt-n3 pr-2 err-text\"},[_vm._v(\" \"+_vm._s(_vm.error ? _vm.helperText : \"\")+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mb-2\">\n    <FloatLabel \n      :label=\"label\" \n      :optional=\"optional\"\n      :ask=\"true\" \n      :tooltip=\"buildDateTooltipContent\"\n    >\n      <div\n        class=\"input-wrapper d-flex justify-content-between align-items-center\"\n        :class=\"[`${error ? 'invalid' : ''} ${selectDisabled ? 'disabled' : ''}`]\"\n      >\n        <input\n          type=\"text\"\n          id=\"manual-date-picker\"\n          v-model=\"val\"\n          :placeholder=\"placeholder\"\n          class=\"shadow-none form-control\"\n          :class=\"[`${error ? 'invalid' : ''}`]\"\n          :maxlength=\"format.length\"\n          v-on:change=\"handleInputChange\"\n          :disabled=\"selectDisabled || false\"\n          inputmode=\"numeric\"\n        />\n      </div>\n    </FloatLabel>\n    <div class=\"fs-12 text-right mb-2 mt-n3 pr-2 err-text\">\n      {{ error ? helperText : \"\" }}\n    </div>\n  </div>\n</template>\n<script>\nimport dayjs from \"dayjs\";\nimport {\n  formatNumberWithSlash,\n  originalDateFormatFromSlash,\n} from \"../../helper/utils\";\nexport default {\n  components: {\n    FloatLabel: () => import(\"./FloatLabel.vue\"),\n  },\n  name: \"CustomDatePicker\",\n  model: {\n    prop: \"dateValue\",\n    event: \"change\",\n  },\n  data() {\n    return {\n      buildDateTooltipContent: \"Our buyers always want to see the build date. Adding this detail can increase your chance of getting more bids and selling at a higher price.\",\n    };\n  },\n  props: {\n    dateValue: {\n      type: String,\n      default: () => \"\",\n    },\n    label: {\n      type: String,\n      default: () => \"\",\n    },\n    optional: {\n      type: Boolean,\n      default: () => true,\n    },\n    format: {\n      type: String,\n      default: () => \"\",\n    },\n    placeholder: {\n      type: String,\n      default: () => \"\",\n    },\n    error: {\n      type: Boolean,\n      default: () => false,\n    },\n    helperText: {\n      type: String,\n      default: () => \"\",\n    },\n    selectDisabled: Boolean,\n    isMobile: {\n      type: Boolean,\n      default: () => false,\n    },\n  },\n  computed: {\n    val: {\n      get: function() {\n        return this.dateValue;\n      },\n      set: function(newValue) {\n        this.$emit(\"change\", newValue);\n      },\n    },\n  },\n  methods: {\n    validDateFormat: function(value) {\n      return value.length === this.format.length;\n    },\n    handleInputChange: function(event) {\n      const original = originalDateFormatFromSlash(event.target.value);\n      if (\n        this.validDateFormat(event.target.value) &&\n        dayjs(original).isValid()\n      ) {\n        this.$emit(\"change\", dayjs(original).format(this.format));\n        this.$emit(\"setNextInput\");\n      }\n    },\n    hoverTooltip: function() {\n      if (!this.isMobile) {\n        this.$refs.buildDateTooltip.style.visibility = \"visible\";\n      }\n    },\n    blurTooltip: function() {\n      this.$refs.buildDateTooltip.style.visibility = \"hidden\";\n    },\n    handleMobileTap: function(event) {\n      event.stopPropagation();\n      event.preventDefault();\n      if (this.isMobile) {\n        this.$refs.buildDateTooltip.style.visibility = \"visible\";\n      }\n    },\n  },\n  watch: {\n    val: function(value) {\n      if (\n        value.replace(/\\//g, \"\").length ===\n        this.format.replace(/\\//g, \"\").length\n      ) {\n        this.$nextTick(() => (this.val = formatNumberWithSlash(value)));\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n\n#manual-date-picker {\n  z-index: 3;\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!./CustomDatePicker.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!./CustomDatePicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomDatePicker.vue?vue&type=template&id=29f36009&\"\nimport script from \"./CustomDatePicker.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomDatePicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomDatePicker.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!./CustomDatePicker.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}