{"_id":"@claviska/jquery-show-password","_rev":"4-310a236c5ea00ff535a403be758be2b7","name":"@claviska/jquery-show-password","description":"Show and hide the contents of a password input on demand.","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@claviska/jquery-show-password","description":"Show and hide the contents of a password input on demand.","version":"1.0.0","author":{"name":"Cory LaViska"},"homepage":"https://github.com/claviska/jquery-showPassword","license":"MIT","dependencies":{"jquery":">= 1.8.x"},"devDependencies":{"del":"^2.2.0","gulp":"^3.9.1","gulp-help":"^1.6.1","gulp-rename":"^1.2.2","gulp-uglify":"^1.5.3"},"gitHead":"8efb478aec52368d135eb9913ca0eb31e033b89f","_id":"@claviska/jquery-show-password@1.0.0","scripts":{},"_shasum":"8aef4194393ee67318b7f82f3d58b17cb0327db0","_from":".","_npmVersion":"3.10.8","_nodeVersion":"7.0.0","_npmUser":{"name":"claviska","email":"cory@abeautifulsite.net"},"dist":{"shasum":"8aef4194393ee67318b7f82f3d58b17cb0327db0","tarball":"https://registry.npmjs.org/@claviska/jquery-show-password/-/jquery-show-password-1.0.0.tgz","integrity":"sha512-LjMnaYgKdZ6efrHsgydKQRZU844X63MFX7Y8pylWO+RRes2bJPgjv4lWurPsOFsM9ofNz8o3k+1e+KZg/5qbMw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOEhyaYefiVn5StmgCtJH2B3c/bsujeiBpi+aT5NAmMQIgNUPy9tl3kwlA2TlJ33xVNxq62G8WEa+UzRh5Rnk8rtg="}]},"maintainers":[{"name":"claviska","email":"cory@abeautifulsite.net"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/jquery-show-password-1.0.0.tgz_1486505402649_0.7888955047819763"}}},"readme":"# jquery.showPassword.js - Show and hide the contents of a password input on demand.\n\nDeveloped by Cory LaViska for A Beautiful Site, LLC\n\nLicensed under the MIT license: http://opensource.org/licenses/MIT\n\n## Overview:\n\nThis plugin provides a minimal, lightweight solution to show the user the contents of a password field.\n\nFeatures:\n\n- Show/hide the contents of any password field.\n- Works with any CSS framework, including Bootstrap.\n- Use any trigger you want (an icon, button, link, etc.).\n- Change event lets you modify the trigger state (i.e. change text/icon when the field is toggled).\n- Works in all modern browsers. Does _not_ work in IE6/7/8.\n- Compact! (About 70 lines)\n\n## Installing\n\nInclude the minified version of this plugin in your project or install via NPM:\n\n```\nnpm install --save @claviska/jquery-showPassword\n```\n\n## Using\n\nMinimal example:\n\n```html\n<input id=\"password\" type=\"password\">\n<button id=\"trigger\" type=\"button\">Toggle</button>\n```\n\n```js\n$('#trigger').showPassword({\n  input: '#password'\n});\n```\n\nBootstrap 4 example (with FontAwesome):\n\n```html\n<div class=\"input-group\">\n  <input id=\"password\" class=\"form-control\" type=\"password\">\n  <span class=\"input-group-btn\">\n    <button id=\"trigger\" type=\"button\" class=\"btn btn-secondary\">\n      <i class=\"fa fa-eye\"></i>\n    </button>\n  </span>\n</div>\n```\n\n```js\n$('#trigger').showPassword({\n  input: '#password',\n  change: function(type) {\n    $(this).find('.fa')\n      .toggleClass('fa-eye', type === 'password')\n      .toggleClass('fa-eye-slash', type === 'text');\n  }\n});\n```\n\n### Options\n\n- `input`: a selector that points to the password input element (e.g. `#my-password`).\n\n### Callbacks\n\nAll callbacks are called in the context of the respective trigger.\n\n- `change`: runs when the password field is toggled. The callback will receive two arguments. The first is the affected input element. The second is the new state of the input (`password` or `text`).\n\n### Methods\n\n\nMethods are called using this syntax:\n\n```javascript\n$('#trigger').showPassword('method', arg);\n```\n\nThe following API methods are supported:\n\n- `destroy`: returns the control to its pre-initialized state.\n","maintainers":[{"name":"claviska","email":"cory@abeautifulsite.net"}],"time":{"modified":"2022-06-12T16:04:59.391Z","created":"2017-02-07T22:10:03.246Z","1.0.0":"2017-02-07T22:10:03.246Z","1.0.1":"2017-02-07T22:36:50.982Z"},"homepage":"https://github.com/claviska/jquery-showPassword","author":{"name":"Cory LaViska"},"license":"MIT","readmeFilename":"readme.md"}