{"version":3,"sources":["webpack:///./src/views/pages/mobile/PhoneNumber.vue?24e1","webpack:///src/views/pages/mobile/PhoneNumber.vue","webpack:///./src/views/pages/mobile/PhoneNumber.vue?c332","webpack:///./src/views/pages/mobile/PhoneNumber.vue","webpack:///./src/views/pages/mobile/PhoneNumber.vue?5707"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","domProps","on","$event","isNumber","target","composing","num","class","tenDigits","attrs","onClick","staticRenderFns","data","methods","evt","computed","component"],"mappings":"mJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,8CAA8CH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,yDAAyDH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,SAASH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAO,IAAEY,WAAW,QAAQC,SAAS,CAAC,MAASb,EAAO,KAAGc,GAAG,CAAC,SAAW,SAASC,GAAQ,OAAOf,EAAIgB,SAASD,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAqBlB,EAAImB,IAAIJ,EAAOE,OAAON,aAAYP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOc,MAAM,CAAEpB,EAAIqB,UAAwB,GAAZ,WAAgBC,MAAM,CAAC,UAAYtB,EAAIqB,WAAWP,GAAG,CAAC,MAAQd,EAAIuB,UAAU,CAACvB,EAAIO,GAAG,2CAC70BiB,EAAkB,GCqBP,GACbf,KAAFA,eACEgB,KAFF,WAGI,MAAJ,CACMN,IAANA,KAIEO,QAAFA,CACIH,QADJ,WAEM,KAAN,cAAQd,KAARA,eAEIO,SAJJ,SAIAW,GACMA,EAANA,gBACM,IAAN,4BACM,KAAN,4BAGQ,OAAR,EAFQA,EAARA,mBAMEC,SAAFA,CACIP,UADJ,WAEM,OAAN,wBC9CmX,I,wBCQ/WQ,EAAY,eACd,EACA9B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,6CCnBf","file":"js/chunk-7e4cd9ca.f1830582.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"root_mid\"},[_c('div',{staticClass:\"title_\"},[_vm._v(\"\\n        Enter your mobile number\\n    \")]),_c('div',{staticClass:\"sub_title_\"},[_vm._v(\"\\n        We will send your confirmation code\\n    \")]),_c('div',{staticClass:\"numberr\"},[_c('div',{staticClass:\"prefx\"},[_vm._v(\"+91\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.num),expression:\"num\"}],domProps:{\"value\":(_vm.num)},on:{\"keypress\":function($event){return _vm.isNumber($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.num=$event.target.value}}})]),_c('div',{staticClass:\"bgtn\"},[_c('button',{staticClass:\"bttn\",class:[!_vm.tenDigits ? 'btn-dis' : ''],attrs:{\"disabled\":!_vm.tenDigits},on:{\"click\":_vm.onClick}},[_vm._v(\"\\n            SEND OTP\\n        \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"root_mid\">\n        <div class=\"title_\">\n            Enter your mobile number\n        </div>\n        <div class=\"sub_title_\">\n            We will send your confirmation code\n        </div>\n        <div class=\"numberr\">\n            <div class=\"prefx\">+91</div>\n            <input v-model=\"num\" @keypress=\"isNumber($event)\" />\n        </div>\n        <div class=\"bgtn\">\n            <button :class=\"[!tenDigits ? 'btn-dis' : '']\" class=\"bttn\" @click=\"onClick\" :disabled=\"!tenDigits\">\n                SEND OTP\n            </button>\n        </div>\n\n    </div>\n</template>\n<script>\n// import img from '../../../assets/images/pngwing.png'\nexport default {\n    name: \"phone-number\",\n    data() {\n        return {\n            num: '',\n            // tenDigits: false,\n        }\n    },\n    methods: {\n        onClick() {\n            this.$router.push({ name: 'verifyotp' })\n        },\n        isNumber(evt) {\n            evt = (evt) ? evt : window.event;\n            let charCode = (evt.which) ? evt.which : evt.keyCode;\n            if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {\n                evt.preventDefault();;\n            } else {\n                return true;\n            }\n        },\n    },\n    computed: {\n        tenDigits() {\n            return (this.num.length === 10);\n        }\n    },\n}\n</script>\n<style scoped>\n.root_mid {\n    display: flex;\n    flex-direction: column;\n}\n\n.title_ {\n    font-weight: 500;\n    font-size: 24px;\n    display: flex;\n    width: 200px;\n    align-items: center;\n    color: #000000;\n}\n\n\n.sub_title_ {\n    margin-top: 1rem;\n    font-weight: 400;\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    color: #989898;\n}\n\n.bgtn {\n    height: 100%;\n    display: flex;\n    align-items: center;\n\n}\n\n.bttn {\n    background: #2A3352;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #fff;\n    width: 335px;\n    height: 40px;\n    margin-top: 1rem;\n    margin-bottom: 0.5rem;\n    border: none;\n    align-self: flex-end;\n    outline: none;\n}\n\n.btn-dis {\n    color: #868686;\n    background: #CDCDCD;\n    cursor: default;\n}\n\n.numberr {\n    margin-top: 2rem;\n    display: flex;\n    gap: 2rem;\n}\n\n.numberr>input {\n    background: none;\n    border: none;\n    outline: none;\n    font-weight: 300;\n    font-size: 32px;\n    display: flex;\n    align-items: center;\n    color: #333;\n    border-bottom: 0.5px solid #989898;\n    width: 220px;\n}\n\n.prefx {\n    font-weight: 400;\n    font-size: 32px;\n    margin-top: 0.3rem;\n    display: flex;\n    align-items: center;\n    color: #989898;\n}\n\n\n\n\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n}\n\n/* Firefox */\n/* input[type=number] {\n  -moz-appearance: textfield;\n} */\n/* .root_mid>img {\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!./PhoneNumber.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!./PhoneNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhoneNumber.vue?vue&type=template&id=506ff928&scoped=true&\"\nimport script from \"./PhoneNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./PhoneNumber.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhoneNumber.vue?vue&type=style&index=0&id=506ff928&scoped=true&lang=css&\"\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  \"506ff928\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhoneNumber.vue?vue&type=style&index=0&id=506ff928&scoped=true&lang=css&\""],"sourceRoot":""}