{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_string-pad.js","webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./src/views/auth/component/CustomCodeInput.vue?170b","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?929e","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","_obj","_vm","_h","$createElement","_c","_self","class","className","style","width","fields","fieldWidth","staticClass","_v","_s","title","_e","staticStyle","_l","v","key","id","ref","iRefs","refInFor","height","fieldHeight","attrs","type","autoFocus","loading","autoFocusIndex","disabled","required","domProps","on","onValueChange","onFocus","onKeyDown","pasteValue","lineHeight","staticRenderFns","e","preventDefault","values","vals","triggerChange","prevIndex","$refs","prev","focus","component","$pad","userAgent","WEBKIT_BUG","test","F","padEnd"],"mappings":"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","file":"js/chunk-bb573fe6.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","import mod 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=06440f00&scoped=true&lang=css&\"; export default mod; 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=06440f00&scoped=true&lang=css&\"","// 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 () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:( _obj = {\n    'react-code-input-container': true\n  }, _obj[_vm.className] = !!_vm.className, _obj ),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()])}\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=06440f00&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=06440f00&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  \"06440f00\",\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":""}