{"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","webpack:///src/views/auth/component/CustomCodeInput.vue","webpack:///./src/views/auth/component/CustomCodeInput.vue?736a","webpack:///./src/views/auth/component/CustomCodeInput.vue?e7bd","webpack:///./node_modules/core-js/modules/es7.string.pad-end.js","webpack:///./src/views/auth/component/CustomCodeInput.vue?2416"],"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","_defineProperty","className","style","width","concat","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","KEY_CODE","backspace","up","right","down","name","props","default","Number","Boolean","change","Function","complete","data","vals","i","push","Array","Date","mounted","methods","_this","navigator","clipboard","readText","then","textClipboard","test","substring","finalStr","parseInt","padEnd","Object","assign","$nextTick","triggerChange","$forceUpdate","catch","error","console","e","target","select","dataset","replace","validity","valid","next","nextIndex","split","forEach","item","cursor","element","$refs","focus","prevIndex","prev","keyCode","preventDefault","_toConsumableArray","val","join","$emit","component","$pad","userAgent","WEBKIT_BUG","F"],"mappings":"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","file":"js/chunk-2fdadad2.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","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","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\""],"sourceRoot":""}