{"_id":"@burakgur/vue-masked-input","_rev":"3-88498f8b6f943c0913740223942018fc","name":"@burakgur/vue-masked-input","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@burakgur/vue-masked-input","description":"Masked input component for Vue.js 2.X","version":"0.0.1","author":{"name":"burakgur"},"license":"MIT","homepage":"https://github.com/BurakGur/vue-masked-input","main":"dist/maskedInput.js","scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --inline --hot","lint":"eslint src/MaskedInput.js","babel":"npm run babel-component & npm run babel-poly","babel-component":"babel src/ff-polyfill.js --out-file dist/ff-polyfill.js","babel-poly":"babel src/MaskedInput.js --out-file dist/maskedInput.js","build":"cross-env NODE_ENV=production webpack --progress --hide-modules & npm run babel"},"repository":{"type":"git","url":"git+https://github.com/BurakGur/vue-masked-input.git"},"keywords":["vue","mask","masked","input"],"dependencies":{"inputmask-core":"^2.2.0","vue":"^2.2.6"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.0.0","babel-loader":"^7.0.0","babel-polyfill":"^6.22.0","babel-preset-es2015":"^6.0.0","cross-env":"^4.0.0","css-loader":"^0.28.0","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-plugin-import":"^2.2.0","file-loader":"^0.11.1","vue-loader":"^12.0.0","vue-template-compiler":"^2.1.0","webpack":"^2.2.0","webpack-dev-server":"^2.2.0"},"gitHead":"7c23bcf1d5aa033d842030e94e635e75320807aa","bugs":{"url":"https://github.com/BurakGur/vue-masked-input/issues"},"_id":"@burakgur/vue-masked-input@0.0.1","_nodeVersion":"14.17.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-rxQW8Opg2il+vnX44Y6w0zTl9tK8IkU8WDyiszTxMPSOayr/NskPEZ+V8WCSBCStDJvWZefZo6iKM2zCv46WMw==","shasum":"04ef9d45ea639d3f9585535b34ceb2aa5dd8bfe8","tarball":"https://registry.npmjs.org/@burakgur/vue-masked-input/-/vue-masked-input-0.0.1.tgz","fileCount":16,"unpackedSize":1529293,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHxHlntiUmZHLkFOTS2QpH5WynoGxS3rCVJn1L/b14WAIhAJsIkrYXC7QkGoNr8PhVwU6KDwvlU6Kg8uMtDzaX/57A"}]},"_npmUser":{"name":"burakgur","email":"gurbrk@gmail.com"},"directories":{},"maintainers":[{"name":"burakgur","email":"gurbrk@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-masked-input_0.0.1_1636443212951_0.9608587309827801"},"_hasShrinkwrap":false},"0.0.2":{"name":"@burakgur/vue-masked-input","description":"Masked input component for Vue.js 2.X","version":"0.0.2","author":{"name":"burakgur"},"license":"MIT","homepage":"https://github.com/BurakGur/vue-masked-input","main":"dist/maskedInput.js","scripts":{"dev":"cross-env NODE_ENV=development webpack-dev-server --open --inline --hot","lint":"eslint src/MaskedInput.js","babel":"npm run babel-component & npm run babel-poly","babel-component":"babel src/ff-polyfill.js --out-file dist/ff-polyfill.js","babel-poly":"babel src/MaskedInput.js --out-file dist/maskedInput.js","build":"cross-env NODE_ENV=production webpack --progress --hide-modules & npm run babel"},"repository":{"type":"git","url":"git+https://github.com/BurakGur/vue-masked-input.git"},"keywords":["vue","mask","masked","input"],"dependencies":{"inputmask-core":"^2.2.0","vue":"^2.2.6"},"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.0.0","babel-loader":"^7.0.0","babel-polyfill":"^6.22.0","babel-preset-es2015":"^6.0.0","cross-env":"^4.0.0","css-loader":"^0.28.0","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-plugin-import":"^2.2.0","file-loader":"^0.11.1","vue-loader":"^12.0.0","vue-template-compiler":"^2.1.0","webpack":"^2.2.0","webpack-dev-server":"^2.2.0"},"gitHead":"d41e0bf447272c80e293afe4241e76e1cd3b1bb3","bugs":{"url":"https://github.com/BurakGur/vue-masked-input/issues"},"_id":"@burakgur/vue-masked-input@0.0.2","_nodeVersion":"14.17.3","_npmVersion":"6.14.13","dist":{"integrity":"sha512-fJhzuGO4L+RKIiRV0Itb+wG7U+JRWG3oRL/lZCcQVLoj7hg04jppuR9D1YvcvVOaPdp7oUpQ/NuoQ8EAt99l3A==","shasum":"26627c60bb170f62569bc484ba6183c70ebea04c","tarball":"https://registry.npmjs.org/@burakgur/vue-masked-input/-/vue-masked-input-0.0.2.tgz","fileCount":16,"unpackedSize":1529374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzaaFCRA9TVsSAnZWagAAUecP/R4Hj9SBh9hRP9sxvW7L\nLNw/mLcFdCto9qGR73O/yVKdDxRvT0c5diJjl94sEEJha09dwTaEhV+j9ur9\niSysHpq7rH6EnjATOffdO8aDEaeHhyZ4x19EY5vveXw7gpQ+CpXlupWPIzjS\nRB2yxbFheMVJnhFbor7Cm/05epH9er78Gfyzhdj4fuQQBUd1iqlACZ/cB+R2\nvnivps3ajIXRYsOm+AslYDJgv0/ClKGPzv+PK361P7mmRX4s7o4GG18FP017\nI08Qts9lX9M9hUWlxxhoDQ6Efc8YEEXwJKtOLqh1zRzHYp2n83Hi/RANbDDz\n+4hNAiJuQFUA4HvdWPGSXgcMr2+kNBoVLtSwSVPPEYzOw/5Y1xUjUfyEsLn9\n7rX3nhdhqZXn0l4DKoZSCZxcHc0jU1IrX+b8x5Vzw2xaYpNb6bzEwwmvtS/b\nm/944DzsUTsbtKBSq5ji4VTl/+Jgz8V6wsCkBrATkJieufDsufqhqrrObcM+\nArC98OaVX3Na58HY53yRkaiiAT3sCcW8f0FAc9IPJax07TAfXoaGWlRKO4Lu\n1mdMJHQQdEkcAg9IWUpBy1wJO7QbRisBSLu+cFSAOu8eo8r+hRJ1Hz7xYDq4\nGGOb/6cTCSjci0dbVG7kSq3M1n0ZWEQUqCXxcosgnWgVe+6aqPy6SVCIbzwT\nRZU7\r\n=o+Ce\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDHuxliOwq525FcbvYUUKPb6vN747cxnpM9sZOzLoU9IAiEAi6ex3CpD01/f0nfUNw/JSMA/B4GGjELwmmxdQ0AXkfE="}]},"_npmUser":{"name":"burakgur","email":"gurbrk@gmail.com"},"directories":{},"maintainers":[{"name":"burakgur","email":"gurbrk@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-masked-input_0.0.2_1636443377504_0.7809939825544763"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-09T07:33:32.878Z","0.0.1":"2021-11-09T07:33:33.210Z","modified":"2022-04-04T21:07:20.454Z","0.0.2":"2021-11-09T07:36:17.722Z"},"maintainers":[{"name":"burakgur","email":"gurbrk@gmail.com"}],"description":"Masked input component for Vue.js 2.X","homepage":"https://github.com/BurakGur/vue-masked-input","keywords":["vue","mask","masked","input"],"repository":{"type":"git","url":"git+https://github.com/BurakGur/vue-masked-input.git"},"author":{"name":"burakgur"},"bugs":{"url":"https://github.com/BurakGur/vue-masked-input/issues"},"license":"MIT","readme":"# Vue Masked Input\r\n\r\nDead simple masked input component for Vue.js 2.X. Based on [inputmask-core](https://github.com/insin/inputmask-core).\r\n\r\n### [Live Demo](https://niksmr.github.io/vue-masked-input/)\r\n\r\n## Install\r\n\r\n### npm\r\n\r\n```\r\nnpm install @burakgur/vue-masked-input --save\r\n```\r\n\r\n## Usage\r\n\r\nUse it with `v-model` just like a native html input with the `mask` attribute:\r\n\r\n```vue\r\n<masked-input v-model=\"date\" mask=\"11/11/1111\" placeholder=\"dd/mm/yyyy\" />\r\n```\r\n\r\nThe following format characters define editable parts of the mask (see [inputmask-core](https://github.com/insin/inputmask-core)):\r\n\r\n- `1` - number\r\n- `a` - letter\r\n- `A` - letter, forced to upper case when entered\r\n- `*` - alphanumeric\r\n- `#` - alphanumeric, forced to upper case when entered\r\n- `+` - any character\r\n\r\n### Static characters\r\n\r\nIf you need to include one of these characters as a static part of the mask, you can escape them with a preceding backslash:\r\n\r\n```vue\r\n<masked-input\r\n  v-model=\"phone\"\r\n  mask=\"\\+\\1 (111) 111-1111\"\r\n  placeholder=\"Phone number\"\r\n  type=\"tel\"\r\n/>\r\n```\r\n\r\n### Raw input\r\n\r\nYou can also get a raw user input text if you want. Instead of using v-model you might need second argument of the input event:\r\n\r\n```vue\r\n<masked-input\r\n  mask=\"\\+\\1 (111) 1111-11\"\r\n  placeholder=\"Phone\"\r\n  @input=\"rawVal = arguments[1]\"\r\n/>\r\n```\r\n\r\n### Placeholder character\r\n\r\nPlaceholder character is customizable by `placeholder-char` attribute:\r\n\r\n```vue\r\n<masked-input\r\n  v-model=\"phone\"\r\n  mask=\"\\+\\1 (111) 111-1111\"\r\n  placeholder-char=\"-\"\r\n  placeholder=\"Phone number\"\r\n  type=\"tel\"\r\n/>\r\n```\r\n\r\n### Custom mask object\r\n\r\nYou can use your own mask options object, it will be passed to the [inputmask-core](https://github.com/insin/inputmask-core#inputmask-options) constructor:\r\n\r\n```vue\r\n<masked-input\r\n  v-model=\"custom\"\r\n  placeholder=\"Custom\"\r\n  :mask=\"{\r\n    pattern: 'VVVV',\r\n    formatCharacters: {\r\n      V: {\r\n        validate: (char) => /[a-jA-J]/.test(char),\r\n        transform: (char) => char.toUpperCase(),\r\n      },\r\n    },\r\n  }\"\r\n/>\r\n```\r\n\r\n## Known issues/TODO\r\n\r\n- Cut in mobile Chrome\r\n- Cyrillic chars are not supported in mobile Chrome\r\n- Backspace problems in mobile Chrome\r\n\r\nFound more? It's open for feedback and pull requests\r\n","readmeFilename":"README.md"}