{"_id":"@craydel/craydel-password-field","_rev":"4-3bfa02c7f72457b2ffa3c1a0ea6bacaf","name":"@craydel/craydel-password-field","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@craydel/craydel-password-field","version":"1.0.0","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","password field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"258b11cdebbb71c0486a227bd1155fc1722cd09f","_id":"@craydel/craydel-password-field@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-OS9sXwUe70/zg9ZOmfBhl/b4KR3EDuH8lQrwF1ldRlOqLJF+US1ybSJCG4qMWJCHTPCIK3n4Kf9pkovekKjGDA==","shasum":"373ba01d736bc0a2d464913a7e0864b7faa9436f","tarball":"https://registry.npmjs.org/@craydel/craydel-password-field/-/craydel-password-field-1.0.0.tgz","fileCount":4,"unpackedSize":24138,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDA8XR9ZzsQY1IxVTrcw1BKsHnAuSo6rCoDsLr+y8F6/gIgdCGxz7ho7qXoYDZ0fIUbqB246+E5E5fu7kgXd9v/78s="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.0_1695115137296_0.5367525847211143"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-password-field","version":"1.0.1","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","password field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-password-field@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-8dIyi5rosnmUe3f38O/nWEwSuwVPdpsyIQ5RaiSjrsTORZ0iP8WJzrd5QXBnVlBUx0a/Ir5N5PzTs+o542IMgg==","shasum":"fb1ad2b0e2dd802383ac992cafb9798c9ea42565","tarball":"https://registry.npmjs.org/@craydel/craydel-password-field/-/craydel-password-field-1.0.1.tgz","fileCount":5,"unpackedSize":25211,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqTmiqbHny+DNx3UHoMp6IdXRspxS6el3GxUXEGy1SSwIhALlqxEfv6d96xfJdeW2SzO2e61CJIYFOWL4l0p4gP229"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.1_1695211465715_0.3412613451698816"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-password-field","version":"1.0.2","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","password field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"67229e5ab91854011544856d1937610dfbb80f53","_id":"@craydel/craydel-password-field@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-wcuKLwRBCCk61PUIbrhHGNuUbkYmbl0kuaXIx89rr+O60dAGpl5Pya8vwk7BWaQ14/b/0XBXohTMHioGMVYUHw==","shasum":"621dc27015eeb224566c55f23ef5d838a29a4455","tarball":"https://registry.npmjs.org/@craydel/craydel-password-field/-/craydel-password-field-1.0.2.tgz","fileCount":5,"unpackedSize":23889,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDm3X1JhwxwnT5etlXMAnnWn7/RSabXdqYqMVUd9pdsKAiEA7eIkAUH0mcmIaMClUDpUFbrdXI3HO4BdhQMGHyyseZg="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.2_1695823232680_0.019458103100225665"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel/craydel-password-field","version":"1.0.3","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","password field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"8b1c5d7160608bc6c53e6ae92708c8b1eb4cae22","_id":"@craydel/craydel-password-field@1.0.3","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-qSzOMjCHf9Ppcq8ZCkFeout5CEuwGbVEVSXK8IzxP8x/N+yFBHHArkHRwbOCy9RL7AJ+I5i1V9qjTiIDLX7hQQ==","shasum":"ea7e48c0498c85900228ba32ffc7e6e3330cd538","tarball":"https://registry.npmjs.org/@craydel/craydel-password-field/-/craydel-password-field-1.0.3.tgz","fileCount":5,"unpackedSize":23890,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHmKoLifdzzXKdZSGayhMQ9LSmIysEWQKxkTZ9/MrCzLAiB2MkEap+JyHKIBNMkdpVQZv3MzZOkBbJucHeRPH5JEcw=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.3_1695992160112_0.3428199869471349"},"_hasShrinkwrap":false},"1.0.4":{"name":"@craydel/craydel-password-field","version":"1.0.4","description":"A custom Vuetify password field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","password field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"26a6a7e2c170b80debfa69d673cf1975f386645a","_id":"@craydel/craydel-password-field@1.0.4","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-rBET3oBWsbdk34BFEWfP8F0MmBSR1eTqQFEInSj9RK7+MVzkiZQppPuk68uDeU7eYnTbVAaUANRX5nf7KHdI2Q==","shasum":"42854a652a8f651e72cfe51facb848bf7ced0d41","tarball":"https://registry.npmjs.org/@craydel/craydel-password-field/-/craydel-password-field-1.0.4.tgz","fileCount":5,"unpackedSize":23892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCH7W9ashz8WvIJRK6/HMtxTaCR6pDc7jkFwswHxqAfRAIgP0oIFifGNGw26zSsMcyb4XqF9Ox3CI/EeGJE3/tH474="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-password-field_1.0.4_1696505941748_0.22473238182426591"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-19T09:18:57.213Z","1.0.0":"2023-09-19T09:18:57.493Z","modified":"2023-10-05T11:39:02.385Z","1.0.1":"2023-09-20T12:04:25.931Z","1.0.2":"2023-09-27T14:00:32.872Z","1.0.3":"2023-09-29T12:56:00.335Z","1.0.4":"2023-10-05T11:39:01.957Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify password field component for Craydel.","keywords":["vuetify","password field","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelPasswordField\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-password-field\n```\n\n## Register Plugin\n\nIf you use the plugin API, the component will be registered as a global component just like when\nincluding it with the script tag, but you won't need to re-register it through the `components` property in your own\ncomponents.\n\nCreate the plugin file e.g `craydel-components.js` file.\n\n```javascript\n// craydel-components.js\nimport Vue from 'vue'\nimport CraydelPasswordField from '@craydel/craydel-password-field/src/CraydelPasswordField.vue'\n\nconst Components = {\n  CraydelPasswordField,\n};\n\nObject.keys(Components).forEach(name => {\n  Vue.component(name, Components[name]);\n});\n\nexport default Components;\n```\n\nNext reference the plugin file in your nuxt.config.js\n\n```javascript\n// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\nplugins: [\n  '~/plugins/craydel-components.js'\n]\n```\n\n## Props\n\n| Name                   | Type    | Default                | Description                                                                                                                              |\n|------------------------|---------|------------------------|------------------------------------------------------------------------------------------------------------------------------------------|\n| id                     | string  | random ID              | Sets the DOM id on the component.                                                                                                        |\n| placeholder            | string  | 'Enter password'       | Sets the component's placeholder text.                                                                                                   |\n| placeholder-confirm    | string  | 'Enter password'       | Sets the component's confirm password placeholder text.                                                                                  |\n| is-required            | boolean | false                  | Puts component in a required state.                                                                                                      |\n| required-error         | string  | 'Field is required'    | Puts the component in an error state and passes through the custom required error message.                                               |\n| confirm-required-error | string  | 'Field is required'    | Puts the component in an error state and passes through the custom required error message for the confirm password field.                |\n| confirm-error-message  | string  | 'Passwords must match' | Puts the component in an error state and passes through the custom error message when password and confirm password fields do not match. |\n| max-length             | number  | 100                    | The maximum number of characters allowed in the field.                                                                                   |\n| show-password-strength | boolean | false                  | Displays a password strength meter and a defined set of rules.                                                                           |\n| show-confirm-field     | boolean | false                  | Displays the confirm password field.                                                                                                     |\n| hint                   | string  | undefined              | Hint text.                                                                                                                               |\n| no-validation          | boolean | false                  | Removes the validation styling from the component.                                                                                       |\n\n&emsp;\n\n## Usage\n\nAn example showing a password field that shows a password strength meter and a confirm password field.\n\n```html\n\n<craydel-password-field show-confirm-field show-password-strength></craydel-password-field>\n```","readmeFilename":"README.md","license":"MIT"}