{"_id":"@arijs/vue-password-strength-meter","_rev":"1-f23e42376070a3da7481b52860246a4f","name":"@arijs/vue-password-strength-meter","dist-tags":{"latest":"1.7.2"},"versions":{"1.7.2":{"name":"@arijs/vue-password-strength-meter","version":"1.7.2","publishConfig":{"access":"public"},"description":"Interactive password strength meter based on zxcvbn","author":{"name":"Jakub Juszczak","email":"jakub@posteo.de"},"private":false,"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/apertureless/vue-password-strength-meter.git"},"bugs":{"url":"https://github.com/apertureless/vue-password-strength-meter/issues"},"keywords":["vue.js","Vue","password","password strength","security"],"main":"dist/vue-password-strength-meter.umd.js","browser":"dist/vue-password-strength-meter.min.umd.js","module":"dist/vue-password-strength-meter.es.js","scripts":{"play":"vue-play start","play:build":"vue-play build","dev":"node build/dev-server.js","build":"npm run release && npm run release-vite && npm run release-vite-min","unit":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run","lint":"eslint --ext .js,.vue src test/unit/specs","prepublish":"npm run lint && npm run build","release":"cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.js && cross-env NODE_ENV=production webpack --progress --hide-modules --config  ./build/webpack.release.min.js","release-vite":"vite build","release-vite-min":"vite build -c vite.config.min.js"},"peerDependencies":{"zxcvbn":"^4.4.2"},"devDependencies":{"autoprefixer":"^6.7.7","babel-cli":"^6.24.0","babel-core":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-plugin-istanbul":"^4.1.1","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","chai":"^3.5.0","chalk":"^1.1.3","connect-history-api-fallback":"^1.1.0","cross-env":"^3.2.4","css-loader":"^0.28.0","eslint":"^3.18.0","eslint-config-standard":"^7.1.0","eslint-friendly-formatter":"^2.0.5","eslint-loader":"^1.7.0","eslint-plugin-html":"^2.0.1","eslint-plugin-promise":"^3.5.0","eslint-plugin-standard":"^2.1.1","eventsource-polyfill":"^0.9.6","express":"^4.15.2","extract-text-webpack-plugin":"^1.0.1","file-loader":"^0.11.1","friendly-errors-webpack-plugin":"^1.6.1","function-bind":"^1.0.2","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.4","inject-loader":"^3.0.0","json-loader":"^0.5.4","karma":"^1.5.0","karma-coverage":"^1.1.1","karma-mocha":"^1.2.0","karma-phantomjs-launcher":"^1.0.4","karma-sinon-chai":"^1.2.0","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"^0.0.30","karma-webpack":"^2.0.3","lolex":"^1.6.0","mocha":"^3.1.0","node-sass":"^4.11.0","opn":"^4.0.2","ora":"^1.2.0","phantomjs-prebuilt":"^2.1.3","sass-loader":"^6.0.7","semver":"^5.3.0","shelljs":"^0.7.7","sinon":"^2.1.0","sinon-chai":"^2.9.0","url-loader":"^0.5.8","vue":"^2.6.9","vue-loader":"^12.1.0","vue-play":"^3.2.1","vue-play-cli":"^1.1.1","vue-style-loader":"^3.0.1","vue-template-compiler":"^2.6.9","webpack":"^1.13.2","webpack-dev-middleware":"^1.10.1","webpack-hot-middleware":"^2.17.1","webpack-merge":"^2.4.0","zxcvbn":"^4.4.2"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"greenkeeper":{"ignore":["extract-text-webpack-plugin","karma-webpack","webpack","webpack-merge"]},"dependencies":{"@vitejs/plugin-vue":"^1.2.4","@vue/compiler-sfc":"^3.1.2","sass":"^1.35.1","vite":"^2.3.8"},"gitHead":"8c8074d762d6f49a877facfca1329721dbfb749a","homepage":"https://github.com/apertureless/vue-password-strength-meter#readme","_id":"@arijs/vue-password-strength-meter@1.7.2","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-8HaDaPKmNmEfTxVCWo+Kp4rnzzZXKPU8jBZpy1vLofab/qrJZcw41auZyInyquTO3j7PcuX6Com67ag78fyzrA==","shasum":"e294d34862f55087c620b89127c7e7511c86262d","tarball":"https://registry.npmjs.org/@arijs/vue-password-strength-meter/-/vue-password-strength-meter-1.7.2.tgz","fileCount":11,"unpackedSize":85890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7viaCRA9TVsSAnZWagAA8uQP/2/i7XFoqU/+yakL2OoP\njVY7vo/gWrYv36WrSxl43RbRMaFPSM6OcTLZZ/ZXB51PVbDIneqlaANLRfc0\nEW5uqA1IZoirVdwNm4NnIHgDUyu3Kylpq91wyYMjBDPC7BEGxvOQ+9b1v9Om\ntYnTFgmlh8+h2QKwF2uC0WPbYlygaHKDQlxISuozTTbOx9eUU7FZbPvFrjXD\nDoAHvagEh6cMX8EDlkaA+XQ/4gVYqyiQwkFckFCBNtO5GqiY0W1jX+XfXVn8\nNg8JetLWN0ftN99IsPf5i0XBjeNsXxrIVHyskjavwXTQr3IXxjngTkztJ5kr\nWHZSw7xPcZ7lQ3eIC/wXiWbVTxxS7AnXradEJUWnLyjbyjha9P8V241AnTzo\nyo8b1B4YdfK5XlTQRtdD/erg7NV9Xc5jwi9ExUxF5LCYV7Jwi4G/Vweq0vqQ\np2p2FYDjM+H4ki4634bH12qUHgVmdQnbURU0JqmQ+jnXSdwOvJPFbfAgD3pe\nP4NTIiDOH1DdGuXMsiSNSMHtdNtxU2staLdWumQXU1+W9CrBs2ktmJnitYsT\n1WqdEJ6yG2O7mtsXMWbNTOI+KAYHlmYDzRNamSvXKieFaR8NqAeukSxWoGbw\nOuvY9flD72B/+M3s8AcZFr5M6nNH5Lsq6lNKoNF9DtVte03KCsSN5nrRvGrf\nORx2\r\n=RUKU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDhnf/ZgFp7ZpWgXBOCm2Ogua3M4qp/j3YkilnM2i6GNAiACivI3mfg5yDU9wAfxnkShZYoXefBs/QllFIAi21MEbQ=="}]},"_npmUser":{"name":"arijs","email":"arijs@arijs.org"},"directories":{},"maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-password-strength-meter_1.7.2_1626273945837_0.6773458501040441"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-14T14:45:45.789Z","1.7.2":"2021-07-14T14:45:46.041Z","modified":"2022-04-04T15:25:54.821Z"},"maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"description":"Interactive password strength meter based on zxcvbn","homepage":"https://github.com/apertureless/vue-password-strength-meter#readme","keywords":["vue.js","Vue","password","password strength","security"],"repository":{"type":"git","url":"git+ssh://git@github.com/apertureless/vue-password-strength-meter.git"},"author":{"name":"Jakub Juszczak","email":"jakub@posteo.de"},"bugs":{"url":"https://github.com/apertureless/vue-password-strength-meter/issues"},"license":"MIT","readme":"# 🔓 vue-password-strength-meter\n\n[![Build Status](https://travis-ci.org/apertureless/vue-password-strength-meter.svg?branch=master)](https://travis-ci.org/apertureless/vue-password-strength-meter)\n[![npm version](https://badge.fury.io/js/vue-password-strength-meter.svg)](https://badge.fury.io/js/vue-password-strength-meter)\n[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/apertureless/vue-password-strength-meter/blob/master/LICENSE.txt)\n\n[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/C0C1WP7C)\n\nInteractive password strength meter based on [zxcvbn](https://github.com/dropbox/zxcvbn) for vue.js\n\n<p align=\"center\">\n  <img src=\"/static/demo.gif\" alt=\"🔓\" title=\"🔓 Demo\" />\n</p>\n\n## 📺 Demo\n\n[Demo here](https://apertureless.github.io/vue-password-strength-meter/)\n\n## 🔧 Install\n\n`yarn add vue-password-strength-meter zxcvbn`\n\n## 👈 Usage\n\n```javascript\n\n<template>\n  <password v-model=\"password\"/>\n</template>\n\n<script>\n  import Password from 'vue-password-strength-meter'\n  export default {\n    components: { Password },\n    data: () => ({\n      password: null\n    })\n  }\n</script>\n\n```\n## 👈 With events\n\n```javascript\n\n<template>\n  <password\n    v-model=\"password\"\n    :toggle=\"true\"\n    @score=\"showScore\"\n    @feedback=\"showFeedback\"\n  />\n</template>\n\n<script>\n  import Password from 'vue-password-strength-meter'\n  export default {\n    components: { Password },\n    data: () => ({\n      password: null\n    }),\n    methods: {\n      showFeedback ({suggestions, warning}) {\n        console.log('🙏', suggestions)\n        console.log('⚠', warning)\n      },\n      showScore (score) {\n        console.log('💯', score)\n      }\n    }\n  }\n</script>\n```\n\n### With custom input\n\n```html\n<template>\n  <div>\n    <input type=\"password\" v-model=\"password\">\n    <password v-model=\"password\" :strength-meter-only=\"true\"/>\n  </div>\n</template>\n\n<script>\n  import Password from 'vue-password-strength-meter'\n  export default {\n    components: { Password },\n    data: () => ({\n      password: null\n    })\n  }\n</script>\n```\n## Props\n\n| Prop   |      Type      |  Default Value | Description\n|----------|:-------------:|------|------|\n| secureLength |  Number | 7 | password min length |\n| badge |  Boolean | true | display password count badge |\n| toggle |  Boolean | false | show button to toggle password visibility |\n| showPassword |  Boolean | false | If you are not using the `toggle` button you can directly show / hide the password with this prop |\n| defaultClass |  String | Password__field | input field class |\n| disabledClass |  String | Password__field--disabled | disabled input field class |\n| errorClass |  String | Password__badge--error | error class for password count badge |\n| successClass |  String | Password__badge--success | success class for password count badge |\n| strengthMeterClass |  String | Password__strength-meter | strength-meter class |\n| strengthMeterFillClass |  String | Password__strength-meter--fill | strength-meter class for individual data fills |\n| showStrengthMeter |  Boolean | true | Hide the Strength Meter if you want to implement your own |\n| strengthMeterOnly |  Boolean | false | Hides the built-in input if you want to implement your own |\n| labelHide |  String | 'Hide Password' | Label for the hide icon\n| labelShow |  String | 'Show Password' | Label for the show icon\n| userInputs | Array | empty array | Array of strings that zxcvbn will treat as an extra dictionary\n| referenceValue | String | 'input' | Prop to change the `ref` of the input. This way you can have the input outside of the component.\n\n## Events\n\n### Show / Hide Password\n\n- `@show` will be emitted if showing the password\n- `@hide` will be emitted if hiding the password\n- `@score` will return the zxcvbn score (Integer from 0-4) [ℹ] (https://github.com/dropbox/zxcvbn#usage)\n- `@feedback` will return an zxcvbn feedback object with `suggestion` and `warning`\n\n\n## 💅 Customizing\n\nYou can customize the styling of the input field, badge and strength-meter by passing your own css classes\nto `defaultClass`, `strengthMeterClass` etc.\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# run unit tests\nnpm run unit\n\n# run all tests\nnpm test\n```\n\nFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n\n\n## Support\n\n<a href=\"https://www.buymeacoffee.com/xcqjaytbl\" target=\"_blank\"><img src=\"https://www.buymeacoffee.com/assets/img/custom_images/purple_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" ></a>\n","readmeFilename":"README.md"}