{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_string-pad.js","webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./node_modules/core-js/modules/_string-repeat.js","webpack:///./src/views/auth/component/CustomCodeInput.vue?3753","webpack:///./src/views/auth/component/CustomCodeInput.vue","webpack:///src/views/auth/component/CustomCodeInput.vue","webpack:///./src/views/auth/component/CustomCodeInput.vue?4aba","webpack:///./src/views/auth/component/CustomCodeInput.vue?e7bd","webpack:///./node_modules/core-js/modules/es7.string.pad-end.js"],"names":["toLength","repeat","defined","module","exports","that","maxLength","fillString","left","S","String","stringLength","length","fillStr","undefined","intMaxLength","fillLen","stringFiller","call","Math","ceil","slice","toObject","toAbsoluteIndex","value","O","this","aLen","arguments","index","end","endPos","$export","P","fill","toInteger","count","str","res","n","Infinity","RangeError","render","_vm","_c","_self","class","className","style","width","fields","fieldWidth","title","staticClass","_v","_s","_e","staticStyle","_l","values","v","key","id","ref","iRefs","refInFor","height","fieldHeight","attrs","type","autoFocus","loading","autoFocusIndex","disabled","required","domProps","on","onValueChange","onFocus","onKeyDown","pasteValue","lineHeight","staticRenderFns","backspace","up","right","down","name","props","default","change","complete","data","vals","mounted","methods","navigator","console","e","nextIndex","next","split","element","triggerChange","component","$pad","userAgent","WEBKIT_BUG","test","F","padEnd"],"mappings":"qGACA,IAAIA,EAAW,EAAQ,QACnBC,EAAS,EAAQ,QACjBC,EAAU,EAAQ,QAEtBC,EAAOC,QAAU,SAAUC,EAAMC,EAAWC,EAAYC,GACtD,IAAIC,EAAIC,OAAOR,EAAQG,IACnBM,EAAeF,EAAEG,OACjBC,OAAyBC,IAAfP,EAA2B,IAAMG,OAAOH,GAClDQ,EAAef,EAASM,GAC5B,GAAIS,GAAgBJ,GAA2B,IAAXE,EAAe,OAAOJ,EAC1D,IAAIO,EAAUD,EAAeJ,EACzBM,EAAehB,EAAOiB,KAAKL,EAASM,KAAKC,KAAKJ,EAAUH,EAAQD,SAEpE,OADIK,EAAaL,OAASI,IAASC,EAAeA,EAAaI,MAAM,EAAGL,IACjER,EAAOS,EAAeR,EAAIA,EAAIQ,I,oCCZvC,IAAIK,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BvB,EAAW,EAAQ,QACvBG,EAAOC,QAAU,SAAcoB,GAC7B,IAAIC,EAAIH,EAASI,MACbd,EAASZ,EAASyB,EAAEb,QACpBe,EAAOC,UAAUhB,OACjBiB,EAAQN,EAAgBI,EAAO,EAAIC,UAAU,QAAKd,EAAWF,GAC7DkB,EAAMH,EAAO,EAAIC,UAAU,QAAKd,EAChCiB,OAAiBjB,IAARgB,EAAoBlB,EAASW,EAAgBO,EAAKlB,GAC/D,MAAOmB,EAASF,EAAOJ,EAAEI,KAAWL,EACpC,OAAOC,I,gDCZT,IAAIO,EAAU,EAAQ,QAEtBA,EAAQA,EAAQC,EAAG,QAAS,CAAEC,KAAM,EAAQ,UAE5C,EAAQ,OAAR,CAAiC,S,kCCJjC,IAAIC,EAAY,EAAQ,QACpBjC,EAAU,EAAQ,QAEtBC,EAAOC,QAAU,SAAgBgC,GAC/B,IAAIC,EAAM3B,OAAOR,EAAQwB,OACrBY,EAAM,GACNC,EAAIJ,EAAUC,GAClB,GAAIG,EAAI,GAAKA,GAAKC,IAAU,MAAMC,WAAW,2BAC7C,KAAMF,EAAI,GAAIA,KAAO,KAAOF,GAAOA,GAAc,EAAJE,IAAOD,GAAOD,GAC3D,OAAOC,I,kCCVT,W,mECAII,EAAS,WAAkB,IAAIC,EAAIjB,KAAKkB,EAAGD,EAAIE,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAK,gBAC9E,8BAA8B,GAC7BH,EAAII,YAAcJ,EAAII,WACvBC,MAAO,CAAEC,MAAO,GAAF,OAAKN,EAAIO,OAASP,EAAIQ,WAAU,QAAS,CAAER,EAAIS,MAAOR,EAAG,IAAI,CAACS,YAAY,SAAS,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIS,UAAUT,EAAIa,KAAKZ,EAAG,MAAM,CAACa,YAAY,CAAC,QAAU,OAAO,iBAAiB,MAAM,kBAAkB,SAAS,cAAc,WAAW,CAACb,EAAG,MAAM,CAACS,YAAY,mBAAmBI,YAAY,CAAC,cAAc,WAAW,CAACd,EAAIe,GAAIf,EAAIgB,QAAQ,SAASC,EAAE/B,GAAO,MAAO,CAACe,EAAG,QAAQ,CAACiB,IAAG,UAAIlB,EAAImB,GAAE,YAAIjC,GAAQkC,IAAIpB,EAAIqB,MAAMnC,GAAOoC,UAAS,EAAKjB,MAAO,CAChcC,MAAO,GAAF,OAAKN,EAAIQ,WAAU,MACxBe,OAAQ,GAAF,OAAKvB,EAAIwB,YAAW,OACzBC,MAAM,CAAC,KAAoB,WAAbzB,EAAI0B,KAAoB,MAAQ1B,EAAI0B,KAAK,QAAuB,WAAb1B,EAAI0B,KAAoB,QAAU,KAAK,UAAY1B,EAAI2B,YAAc3B,EAAI4B,SAAW1C,IAAUc,EAAI6B,eAAe,UAAU3C,EAAM,aAAe,MAAM,SAAWc,EAAI8B,SAAS,SAAW9B,EAAI+B,SAAS,UAAY,KAAKC,SAAS,CAAC,MAAQf,GAAGgB,GAAG,CAAC,MAAQjC,EAAIkC,cAAc,MAAQlC,EAAImC,QAAQ,QAAUnC,EAAIoC,kBAAiB,GAAGnC,EAAG,MAAM,CAACa,YAAY,CAAC,cAAc,SAAS,CAACb,EAAG,SAAS,CAACS,YAAY,YAAYe,MAAM,CAAC,KAAO,UAAUQ,GAAG,CAAC,MAAQjC,EAAIqC,aAAa,CAACrC,EAAIW,GAAG,qCAAsCX,EAAI4B,QAAS3B,EAAG,MAAM,CAACS,YAAY,UAAUL,MAAO,CAACiC,WAAY,GAAF,OAAKtC,EAAIwB,YAAW,QAAQ,CAACvB,EAAG,MAAM,CAACS,YAAY,SAAST,EAAG,MAAM,CAACS,YAAY,OAAOe,MAAM,CAAC,QAAU,gBAAgB,YAAY,UAAU,MAAQ,MAAM,OAAS,MAAM,KAAO,eAAe,cAAc,SAAS,CAACxB,EAAG,OAAO,CAACwB,MAAM,CAAC,KAAO,UAAU,EAAI,uUAAuUzB,EAAIa,QAE7sC0B,EAAkB,G,YCqDtB,G,4DAAA,CACAC,YACA3E,QACA4E,MACAC,SACAC,UAEA,GACAC,iBACAC,OACAnB,MACAA,YACAoB,kBAEA1C,iBACAG,QACAmB,YACAoB,WAEAtC,YACAkB,YACAoB,YAEAtB,aACAE,YACAoB,YAEAnB,WACAD,aACAoB,YAEAhB,UACAJ,aACAoB,YAEAf,UACAL,aACAoB,YAEArC,aACAsC,gBACAC,kBACApB,SACAF,aACAoB,aAGAG,gBACA,IACA,EADA,cAAAjC,cAEA,IACA,gBACAkC,KACA,oBACAA,iBAEArB,8BAEAqB,oBAGA,cACA,oBACA,oCAIA,OADA,kBACA,CAAAlC,SAAAa,mBAEAsB,qBACAC,SACAf,sBAAA,WACAgB,iDACA,sBACA,CACA,iCACA,wCACA,6BAEA,wBACA,kBACA,uBAEA,mBACAC,qBAGAnB,oBACAoB,oBAEArB,0BACA,oCACA,YAAA3B,cAKA,GAJA,eACAgD,qDAIAA,sBACA7B,uCAFA,CAMA,MACA,iBACA,cAEA,GADAV,sBACA,YACA,mBACA,OACAwC,OAEAC,gBACA,kBACAC,yBACA,UACA,MACA1C,WAGA,mBAEAyC,kBACAzC,OACA,cAGA,MACA,uBACA2C,UACAA,WAGA,wBAEAvB,sBACA,oCACA,MACA,MACA,gBACA,gBACA,kBACA,iBACAmB,mBACA,kCACA,gBACAL,QACA,cACA,uBACA,IACAA,QACA,yBACA,cACA,uBAEA,MAEA,YACAK,mBACA,GACA,yBAEA,MACA,aACAA,mBACA,GACA,yBAEA,MACA,UACA,YACAA,mBACA,MACA,QAEA,QAGAK,yBAAA,yEACA,cACA,aACA,uBACA,aACA,4BCpPuX,I,wBCQnXC,EAAY,eACd,EACA,EACAtB,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,2CCjBf,IAAIxE,EAAU,EAAQ,QAClByE,EAAO,EAAQ,QACfC,EAAY,EAAQ,QAGpBC,EAAa,mDAAmDC,KAAKF,GAEzE1E,EAAQA,EAAQC,EAAID,EAAQ6E,EAAIF,EAAY,SAAU,CACpDG,OAAQ,SAAgBxG,GACtB,OAAOmG,EAAK/E,KAAMpB,EAAWsB,UAAUhB,OAAS,EAAIgB,UAAU,QAAKd,GAAW","file":"js/chunk-e90f8cc0.js","sourcesContent":["// https://github.com/tc39/proposal-string-pad-start-end\nvar toLength = require('./_to-length');\nvar repeat = require('./_string-repeat');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, maxLength, fillString, left) {\n  var S = String(defined(that));\n  var stringLength = S.length;\n  var fillStr = fillString === undefined ? ' ' : String(fillString);\n  var intMaxLength = toLength(maxLength);\n  if (intMaxLength <= stringLength || fillStr == '') return S;\n  var fillLen = intMaxLength - stringLength;\n  var stringFiller = repeat.call(fillStr, Math.ceil(fillLen / fillStr.length));\n  if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);\n  return left ? stringFiller + S : S + stringFiller;\n};\n","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","'use strict';\nvar toInteger = require('./_to-integer');\nvar defined = require('./_defined');\n\nmodule.exports = function repeat(count) {\n  var str = String(defined(this));\n  var res = '';\n  var n = toInteger(count);\n  if (n < 0 || n == Infinity) throw RangeError(\"Count can't be negative\");\n  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;\n  return res;\n};\n","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!./CustomCodeInput.vue?vue&type=style&index=0&id=44e645d6&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{\n    'react-code-input-container': true,\n    [_vm.className]: !!_vm.className\n  },style:({ width: `${_vm.fields * _vm.fieldWidth}px` })},[(_vm.title)?_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('div',{staticClass:\"react-code-input\",staticStyle:{\"white-space\":\"nowrap\"}},[_vm._l((_vm.values),function(v,index){return [_c('input',{key:`${_vm.id}-${index}`,ref:_vm.iRefs[index],refInFor:true,style:({\n            width: `${_vm.fieldWidth}px`,\n            height: `${_vm.fieldHeight}px`\n          }),attrs:{\"type\":_vm.type === 'number' ? 'tel' : _vm.type,\"pattern\":_vm.type === 'number' ? '[0-9]' : null,\"autoFocus\":_vm.autoFocus && !_vm.loading && index === _vm.autoFocusIndex,\"data-id\":index,\"autocomplete\":\"off\",\"disabled\":_vm.disabled,\"required\":_vm.required,\"maxlength\":\"1\"},domProps:{\"value\":v},on:{\"input\":_vm.onValueChange,\"focus\":_vm.onFocus,\"keydown\":_vm.onKeyDown}})]})],2),_c('div',{staticStyle:{\"margin-left\":\"15px\"}},[_c('button',{staticClass:\"button-71\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.pasteValue}},[_vm._v(\"\\n          Paste\\n        \")])])]),(_vm.loading)?_c('div',{staticClass:\"loading\",style:({lineHeight: `${_vm.fieldHeight}px`})},[_c('div',{staticClass:\"blur\"}),_c('svg',{staticClass:\"spin\",attrs:{\"viewBox\":\"0 0 1024 1024\",\"data-icon\":\"loading\",\"width\":\"1em\",\"height\":\"1em\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\"}},[_c('path',{attrs:{\"fill\":\"#006fff\",\"d\":\"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\"}})])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n      v-bind:class=\"{\r\n        'react-code-input-container': true,\r\n        [className]: !!className\r\n      }\"\r\n      v-bind:style=\"{ width: `${fields * fieldWidth}px` }\"\r\n    >\r\n      <p class=\"title\" v-if=\"title\">{{title}}</p>\r\n      <div style=\"display: flex; flex-direction: row; justify-content: center; align-items: center;\">\r\n        <div class=\"react-code-input\" style=\"white-space: nowrap;\">\r\n          <template v-for=\"(v, index) in values\">\r\n            <input\r\n              :type=\"type === 'number' ? 'tel' : type\"\r\n              :pattern=\"type === 'number' ? '[0-9]' : null\"\r\n              :autoFocus=\"autoFocus && !loading && index === autoFocusIndex\"\r\n              :style=\"{\r\n                width: `${fieldWidth}px`,\r\n                height: `${fieldHeight}px`\r\n              }\"\r\n              :key=\"`${id}-${index}`\"\r\n              :data-id=\"index\"\r\n              :value=\"v\"\r\n              :ref=\"iRefs[index]\"\r\n              v-on:input=\"onValueChange\"\r\n              v-on:focus=\"onFocus\"\r\n              v-on:keydown=\"onKeyDown\"\r\n              autocomplete=\"off\"\r\n              :disabled=\"disabled\"\r\n              :required=\"required\"\r\n              maxlength=\"1\"\r\n            />\r\n          </template>\r\n        </div>\r\n        <div style=\"margin-left: 15px;\">\r\n            <button type=\"button\" class=\"button-71\" @click=\"pasteValue\">\r\n              Paste\r\n            </button>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"loading\" class=\"loading\" :style=\"{lineHeight: `${fieldHeight}px`}\">\r\n        <div class=\"blur\" />\r\n        <svg\r\n          class=\"spin\"\r\n          viewBox=\"0 0 1024 1024\"\r\n          data-icon=\"loading\"\r\n          width=\"1em\"\r\n          height=\"1em\"\r\n          fill=\"currentColor\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path\r\n            fill=\"#006fff\"\r\n            d=\"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\"\r\n          />\r\n        </svg>\r\n      </div>\r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  const KEY_CODE = {\r\n    backspace: 8,\r\n    left: 37,\r\n    up: 38,\r\n    right: 39,\r\n    down: 40\r\n  }; \r\n  export default {\r\n    name: \"CodeInput\",\r\n    props: {\r\n      type: {\r\n        type: String,\r\n        default: \"number\"\r\n      },\r\n      className: String,\r\n      fields: {\r\n        type: Number,\r\n        default: 6\r\n      },\r\n      fieldWidth: {\r\n        type: Number,\r\n        default: 58\r\n      },\r\n      fieldHeight: {\r\n        type: Number,\r\n        default: 54\r\n      },\r\n      autoFocus: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      disabled: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      required: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      title: String,\r\n      change: Function,\r\n      complete: Function,\r\n      loading: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    data() {\r\n      const { fields, values } = this;\r\n      let vals;\r\n      let autoFocusIndex = 0;\r\n      if (values && values.length) {\r\n        vals = [];\r\n        for (let i = 0; i < fields; i++) {\r\n          vals.push(values[i] || \"\");\r\n        }\r\n        autoFocusIndex = values.length >= fields ? 0 : values.length;\r\n      } else {\r\n        vals = Array(fields).fill(\"\");\r\n      }\r\n  \r\n      this.iRefs = [];\r\n      for (let i = 0; i < fields; i++) {\r\n        this.iRefs.push(`input_${i}`);\r\n      }\r\n  \r\n      this.id = +new Date();\r\n      return { values: vals, autoFocusIndex };\r\n    },\r\n    mounted() {},\r\n    methods: {\r\n      pasteValue(){\r\n        navigator.clipboard.readText().then((textClipboard) => {\r\n          if(textClipboard && /^\\d+$/.test(textClipboard)) \r\n          {\r\n            if(textClipboard.length > 6) textClipboard = textClipboard.substring(0, 6);\r\n            let finalStr = String(parseInt(textClipboard)).padEnd(6, '0');\r\n            this.values = Object.assign([], finalStr);\r\n          }\r\n          this.$nextTick(() => {              \r\n            this.triggerChange();\r\n            this.$forceUpdate();\r\n          });\r\n        }).catch((error) => {\r\n          console.error(error);\r\n        }); \r\n      },\r\n      onFocus(e) {\r\n        e.target.select(e);\r\n      },\r\n      onValueChange(e) {\r\n        const index = parseInt(e.target.dataset.id);\r\n        const { type, fields } = this;\r\n        if (type === \"number\") {\r\n          e.target.value = e.target.value.replace(/[^\\d]/gi, \"\");\r\n        }\r\n        // this.handleKeys[index] = false;\r\n        if (\r\n          e.target.value === \"\" ||\r\n          (type === \"number\" && !e.target.validity.valid)\r\n        ) {\r\n          return;\r\n        }\r\n        let next;\r\n        const value = e.target.value;\r\n        let { values } = this;\r\n        values = Object.assign([], values);\r\n        if (value.length > 1) {\r\n          let nextIndex = value.length + index - 1;\r\n          if (nextIndex >= fields) {\r\n            nextIndex = fields - 1;\r\n          }\r\n          next = this.iRefs[nextIndex];\r\n          const split = value.split(\"\");\r\n          split.forEach((item, i) => {\r\n            const cursor = index + i;\r\n            if (cursor < fields) {\r\n              values[cursor] = item;\r\n            }\r\n          });\r\n          this.values = values;\r\n        } else {\r\n          next = this.iRefs[index + 1];\r\n          values[index] = value;\r\n          this.values = values;\r\n        }\r\n  \r\n        if (next) {\r\n          const element = this.$refs[next][0];\r\n          element.focus();\r\n          element.select();\r\n        }\r\n  \r\n        this.triggerChange(values);\r\n      },\r\n      onKeyDown(e) {\r\n        const index = parseInt(e.target.dataset.id);\r\n        const prevIndex = index - 1;\r\n        const nextIndex = index + 1;\r\n        const prev = this.iRefs[prevIndex];\r\n        const next = this.iRefs[nextIndex];\r\n        switch (e.keyCode) {\r\n          case KEY_CODE.backspace: {\r\n            e.preventDefault();\r\n            const vals = [...this.values];\r\n            if (this.values[index]) {\r\n              vals[index] = \"\";\r\n              this.values = vals;\r\n              this.triggerChange(vals);\r\n            } else if (prev) {\r\n              vals[prevIndex] = \"\";\r\n              this.$refs[prev][0].focus();\r\n              this.values = vals;\r\n              this.triggerChange(vals);\r\n            }\r\n            break;\r\n          }\r\n          case KEY_CODE.left:\r\n            e.preventDefault();\r\n            if (prev) {\r\n              this.$refs[prev][0].focus();\r\n            }\r\n            break;\r\n          case KEY_CODE.right:\r\n            e.preventDefault();\r\n            if (next) {\r\n              this.$refs[next][0].focus();\r\n            }\r\n            break;\r\n          case KEY_CODE.up:\r\n          case KEY_CODE.down:\r\n            e.preventDefault();\r\n            break;\r\n          default:\r\n            // this.handleKeys[index] = true;\r\n            break;\r\n        }\r\n      },\r\n      triggerChange(values = this.values) {\r\n        const { fields } = this;\r\n        const val = values.join(\"\");\r\n        this.$emit(\"change\", val);\r\n        if (val.length >= fields) {\r\n          this.$emit(\"complete\", val);\r\n        }\r\n      }\r\n    }\r\n  };\r\n  </script>\r\n  \r\n  <!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n  <style scoped>\r\n  .react-code-input-container {\r\n    position: relative;\r\n  }\r\n  \r\n  .react-code-input > input {\r\n    border: solid 1px #a8adb7;\r\n    border-right: none;\r\n    font-family: \"Lato\";\r\n    font-size: 20px;\r\n    color: #525461;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    border-radius: 0;\r\n    -webkit-appearance: initial;\r\n  }\r\n  \r\n  .react-code-input > input:last-child {\r\n    border-right: solid 1px #a8adb7;\r\n    border-top-right-radius: 6px;\r\n    border-bottom-right-radius: 6px;\r\n  }\r\n  \r\n  .react-code-input > input:first-child {\r\n    border-top-left-radius: 6px;\r\n    border-bottom-left-radius: 6px;\r\n  }\r\n  \r\n  .react-code-input > input:focus {\r\n    outline: none;\r\n    border: 1px solid #006fff;\r\n    caret-color: #006fff;\r\n  }\r\n  \r\n  .react-code-input > input:focus + input {\r\n    border-left: none;\r\n  }\r\n  \r\n  .loading {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    text-align: center;\r\n  }\r\n  \r\n  .blur {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #fff;\r\n    opacity: 0.5;\r\n    filter: blur(0.5px);\r\n    transition: opacity 0.3s;\r\n  }\r\n  \r\n  .title {\r\n    margin: 0;\r\n    height: 20px;\r\n    padding-bottom: 10px;\r\n  }\r\n  \r\n  .spin {\r\n    display: inline-block;\r\n    animation: loadingCircle 1s infinite linear;\r\n  }\r\n  \r\n  @keyframes loadingCircle {\r\n    100% {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n/* CSS */\r\n.button-71 {\r\n  background-color: #0078d0;\r\n  border: 0;\r\n  border-radius: 12px;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: system-ui,-apple-system,system-ui,\"Segoe UI\",Roboto,Ubuntu,\"Helvetica Neue\",sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  outline: 0;\r\n  padding: 14px 20px;\r\n  position: relative;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: all .3s;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  touch-action: manipulation;\r\n}\r\n\r\n.button-71:before {\r\n  background-color: initial;\r\n  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);\r\n  border-radius: 125px;\r\n  content: \"\";\r\n  height: 50%;\r\n  left: 4%;\r\n  opacity: .5;\r\n  position: absolute;\r\n  top: 0;\r\n  transition: all .3s;\r\n  width: 92%;\r\n}\r\n\r\n.button-71:hover {\r\n  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;\r\n  transform: scale(1.05);\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .button-71 {\r\n    padding: 14px 20px;\r\n  }\r\n}\r\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!./CustomCodeInput.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!./CustomCodeInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomCodeInput.vue?vue&type=template&id=44e645d6&scoped=true&\"\nimport script from \"./CustomCodeInput.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomCodeInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomCodeInput.vue?vue&type=style&index=0&id=44e645d6&prod&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  \"44e645d6\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\n// https://github.com/tc39/proposal-string-pad-start-end\nvar $export = require('./_export');\nvar $pad = require('./_string-pad');\nvar userAgent = require('./_user-agent');\n\n// https://github.com/zloirock/core-js/issues/280\nvar WEBKIT_BUG = /Version\\/10\\.\\d+(\\.\\d+)?( Mobile\\/\\w+)? Safari\\//.test(userAgent);\n\n$export($export.P + $export.F * WEBKIT_BUG, 'String', {\n  padEnd: function padEnd(maxLength /* , fillString = ' ' */) {\n    return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, false);\n  }\n});\n"],"sourceRoot":""}