{"version":3,"sources":["webpack:///./src/components/SpeakolMoneyInput.vue?d65d","webpack:///./src/components/SpeakolMoneyInput.vue?b566","webpack:///./src/helpers/moneyInput.js","webpack:///src/components/SpeakolMoneyInput.vue","webpack:///./src/components/SpeakolMoneyInput.vue?10cc","webpack:///./src/components/SpeakolMoneyInput.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","slot","_v","directives","name","rawName","value","expression","class","validationRes","moneyError","attrs","placeholder","field","maxLength","domProps","on","isNumber","$event","$emit","target","composing","valid","_e","_s","message","staticRenderFns","checkChar","charCode","checkNumber","fieldType","inputValue","res","inputString","toString","fraction","Number","split","fractionLength","length","dotsOccurance","match","indexOf","props","data","computed","indexOfDot","moneyInput","methods","event","preventDefault","component"],"mappings":"kHAAA,W,mECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,iBAAiB,CAACE,YAAY,QAAQ,CAACF,EAAG,WAAW,CAACG,KAAK,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,qDAAqD,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAG,WAAWJ,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQ,CAACK,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOZ,EAAS,MAAEa,WAAW,UAAUP,YAAY,wDAAwDQ,MAAM,CAAE,qBAAuBd,EAAIe,cAAc,UAAaf,EAAIgB,YAAYC,MAAM,CAAC,KAAO,OAAO,YAAcjB,EAAIkB,YAAY,UAAYlB,EAAImB,MAAM,KAAO,cAAc,UAAYnB,EAAIoB,WAAWC,SAAS,CAAC,MAASrB,EAAS,OAAGsB,GAAG,CAAC,SAAWtB,EAAIuB,SAAS,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,MAAM,eAAgBzB,EAAIe,cAAeS,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAqB3B,EAAIY,MAAMY,EAAOE,OAAOd,gBAAe,GAAKZ,EAAIe,cAAca,MAA0F5B,EAAI6B,KAAvFzB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIQ,GAAGR,EAAI8B,GAAG9B,EAAIe,cAAcgB,aAAsB,IAC7pCC,EAAkB,GCDP,G,wCAAA,CACbC,UADa,SACFC,GACT,QAAKA,EAAW,KAAOA,EAAW,IAAMA,EAAW,KAAqB,KAAbA,IAO7DC,YATa,SASAC,EAAWC,GACtB,IAAMC,EAAM,CACVV,OAAO,GAGHW,EAAcF,EAAWG,WAEzBC,EAAWC,OAAOH,EAAYI,MAAM,KAAK,IAEzCC,EAAiBL,EAAYI,MAAM,KAAK,GAAGE,OAE5CR,IACHC,EAAIP,QAAU,qBAEhB,IAAMe,GAAiBP,EAAYQ,MAAM,QAAU,IAAIF,OA4BvD,OA1BIN,EAAYS,QAAQ,OAAST,EAAYM,OAAS,GAAKC,EAAgB,KACzER,EAAIP,QAAU,oBAGE,WAAdK,EACEC,EAAa,UAAyC,IAA9BE,EAAYS,QAAQ,KAC9CV,EAAIP,QAAU,iCACLM,EAAa,WAA0C,IAA9BE,EAAYS,QAAQ,KACtDV,EAAIP,QAAU,mCACLU,EAAW,IAAMG,EAAiB,KAC3CN,EAAIP,QAAU,sCAEO,YAAdK,IACLC,EAAa,UAAyC,IAA9BE,EAAYS,QAAQ,KAC9CV,EAAIP,QAAU,iCACLM,EAAa,WAA2C,IAA9BE,EAAYS,QAAQ,KACvDV,EAAIP,QAAU,kCACLU,EAAW,KAAOG,EAAiB,KAC5CN,EAAIP,QAAU,uCAIbO,EAAIP,UACPO,EAAIV,OAAQ,GAGPU,KCnBX,GACEW,MAAO,CAAC,aAAc,cAAe,aAAc,SACnDC,KAFF,WAGI,MAAO,CACLd,UAAWnC,KAAKkB,OAAS,SACzBP,MAAOX,KAAKoC,aAGhBc,SAAU,CACR/B,UADJ,WAEM,IAAN,0BAEM,OAAoB,IAAhBgC,EACK,EAEA,GAIXrC,cAXJ,WAYM,OAAOsC,EAAWlB,YAAYlC,KAAKmC,UAAWnC,KAAKW,SAGvD0C,QAAS,CACP/B,SADJ,WAEM,IAAN,6BAEWA,GACHgC,MAAMC,oBC5D6U,I,wBCQvVC,EAAY,eACd,EACA1D,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E","file":"js/chunk-5e783beb.59e43ae8.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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!./SpeakolMoneyInput.vue?vue&type=style&index=0&id=ed0b2c70&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"money-input-component\"},[_c('vx-input-group',{staticClass:\"mr-2\"},[_c('template',{slot:\"prepend\"},[_c('div',{staticClass:\"prepend-text new-end-date price-floor dollar-sign\"},[_c('span',[_vm._v(\"$\")])])]),_c('div',{staticClass:\"vs-component vs-con-input-label vs-input w-full vs-input-primary\"},[_c('div',{staticClass:\"vs-con-input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.value),expression:\"value\"}],staticClass:\"vs-inputx vs-input--input normal hasValue money-input\",class:{ 'money-input-error' : !_vm.validationRes['valid']  || _vm.moneyError},attrs:{\"type\":\"text\",\"placeholder\":_vm.placeholder,\"fieldType\":_vm.field,\"name\":\"money-input\",\"maxlength\":_vm.maxLength},domProps:{\"value\":(_vm.value)},on:{\"keypress\":_vm.isNumber,\"keyup\":function($event){return _vm.$emit('keyup-action', _vm.validationRes, $event)},\"input\":function($event){if($event.target.composing){ return; }_vm.value=$event.target.value}}})])])],2),(!_vm.validationRes.valid)?_c('span',{staticClass:\"money-error\"},[_vm._v(_vm._s(_vm.validationRes.message))]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n  checkChar (charCode) {\n    if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {\n      return false\n    }\n\n    return true\n  },\n\n  checkNumber (fieldType, inputValue) {\n    const res = {\n      valid: false\n    }\n\n    const inputString = inputValue.toString()\n\n    const fraction = Number(inputString.split('.')[1])\n\n    const fractionLength = inputString.split('.')[1].length\n\n    if (!inputValue) {\n      res.message = 'Field is required'\n    }\n    const dotsOccurance = (inputString.match(/\\./g) || []).length\n\n    if (inputString.indexOf('.') === inputString.length - 1 || dotsOccurance > 1) {\n      res.message = 'Field is invalid'\n    }\n\n    if (fieldType === 'budget') {\n      if (inputValue > 9999999 && inputString.indexOf('.') === -1) {\n        res.message = 'Number must not exceed 9999999'\n      } else if (inputValue > 99999.99 && inputString.indexOf('.') !== -1) {\n        res.message = 'Number must not exceed 99999.99'\n      } else if (fraction > 99 || fractionLength > 2) {\n        res.message = 'Fraction must not exceed 2 numbers'\n      }\n    } else if (fieldType === 'bidding') {\n      if (inputValue > 9999999 && inputString.indexOf('.') === -1) {\n        res.message = 'Number must not exceed 9999999'\n      } else if (inputValue > 9999.999  && inputString.indexOf('.') !== -1) {\n        res.message = 'Value must not exceed 9999.999'\n      } else if (fraction > 999 || fractionLength > 3) {\n        res.message = 'Fraction must not exceed 3 numbers'\n      }\n    }\n\n    if (!res.message) {\n      res.valid = true\n    }\n\n    return res\n  }\n}\n","<template>\n  <div class=\"money-input-component\">\n    <vx-input-group class=\"mr-2\">\n      <template slot=\"prepend\">\n      <div class=\"prepend-text new-end-date price-floor dollar-sign\">\n          <span>$</span>\n      </div>\n      </template>\n      <div class=\"vs-component vs-con-input-label vs-input w-full vs-input-primary\">\n        <div class=\"vs-con-input\">\n          <input\n            type=\"text\"\n            class=\"vs-inputx vs-input--input normal hasValue money-input\"\n            :class=\"{ 'money-input-error' : !validationRes['valid']  || moneyError}\"\n            :placeholder=\"placeholder\"\n            v-model=\"value\"\n            @keypress=\"isNumber\"\n            @keyup=\"$emit('keyup-action', validationRes, $event)\"\n            :fieldType=\"field\"\n            name=\"money-input\"\n            :maxlength=\"maxLength\"\n          >\n        </div>\n      </div>\n    </vx-input-group>\n    <span v-if=\"!validationRes.valid\" class=\"money-error\">{{ validationRes.message }}</span>\n  </div>\n</template>\n\n<script>\nimport moneyInput from '@/helpers/moneyInput.js'\n\nexport default {\n  props: ['inputValue', 'placeholder', 'moneyError', 'field'],\n  data () {\n    return {\n      fieldType: this.field || 'budget',\n      value: this.inputValue\n    }\n  },\n  computed: {\n    maxLength () {\n      const indexOfDot = this.value.indexOf('.')\n\n      if (indexOfDot !== -1) {\n        return 8\n      } else {\n        return 7\n      }\n    },\n\n    validationRes () {\n      return moneyInput.checkNumber(this.fieldType, this.value)\n    }\n  },\n  methods: {\n    isNumber () {\n      const isNumber = moneyInput.checkChar(event.keyCode)\n\n      if (!isNumber) {\n        event.preventDefault()\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n  .money-input-component {\n    .dollar-sign {\n      border: 1px solid rgba(0, 0, 0, 0.2);\n      border-right: none;\n      border-image: initial;\n      height: 37px;\n      // margin-top: 10px;\n      color: inherit !important;\n    }\n  }\n\n  .money-input {\n    border: 1px solid rgba(0, 0, 0, 0.2);\n    height: 37px;\n  }\n\n  .money-error {\n    color: #eb6165;\n  }\n\n  .money-input-error {\n    border: 1px solid red !important;\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!./SpeakolMoneyInput.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!./SpeakolMoneyInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpeakolMoneyInput.vue?vue&type=template&id=ed0b2c70&scoped=true&\"\nimport script from \"./SpeakolMoneyInput.vue?vue&type=script&lang=js&\"\nexport * from \"./SpeakolMoneyInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpeakolMoneyInput.vue?vue&type=style&index=0&id=ed0b2c70&scoped=true&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  \"ed0b2c70\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}