{"_id":"@craydel/craydel-text-field","_rev":"2-caaef073dc8868d3468215686e814e0e","name":"@craydel/craydel-text-field","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@craydel/craydel-text-field","version":"1.0.0","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","text field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"26b6d37146a2d87949fac9eb7556e67c9b92a59d","_id":"@craydel/craydel-text-field@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-wDEUjAXUi7GS6WYO4VJSdww99hJAcgaUjgtYx74V72bwuWqG3xD81yKIsOv6+167BR4/XIswWVLybqX5PIIafg==","shasum":"88a95142c1764c1cb67d62b16fb78da2730ece70","tarball":"https://registry.npmjs.org/@craydel/craydel-text-field/-/craydel-text-field-1.0.0.tgz","fileCount":12,"unpackedSize":27082,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoZvMVdUyPv888F4QYd8D0lN0QNAeu7Rv6VnENc3v2HwIgebK1msiTcyz1rz1qSqZIlT5p3yjJ4nk2a53qA9GzrIg="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.0_1695214177285_0.8435188248571241"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-text-field","version":"1.0.1","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","text field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"8b1c5d7160608bc6c53e6ae92708c8b1eb4cae22","_id":"@craydel/craydel-text-field@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-9y6D5/itgooHWHKQVUmWL2ERjAU9OU7gR+GJOR95PqyZqxvK9cD1RBBMt3AjsI/lBWH9pE96yRW5AFTQc9l0aw==","shasum":"b450b279d1fee38d289e16189bf7b1c28ae50b97","tarball":"https://registry.npmjs.org/@craydel/craydel-text-field/-/craydel-text-field-1.0.1.tgz","fileCount":12,"unpackedSize":27083,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDJ3/XSUn/f4a3yI+qUPIb+raiQAOPfyP8sxF5v6/IWAAiEAhcG6p6K9kqsheenoi4UurluKL81PCc4ZgaudAOOB5Lg="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.1_1695992160965_0.46624699386108515"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-text-field","version":"1.0.2","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","text field","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"26a6a7e2c170b80debfa69d673cf1975f386645a","_id":"@craydel/craydel-text-field@1.0.2","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-RWN5kdVnpZOolNjURid38X6gWYfk4WlNre/StmWA+05uAsfci1ULfEpCS2CDSm1NTDA8K3NWUiT4fmTvU2alMw==","shasum":"c9a32c28045ce8cf2cd746c33728c79bc5e022e3","tarball":"https://registry.npmjs.org/@craydel/craydel-text-field/-/craydel-text-field-1.0.2.tgz","fileCount":12,"unpackedSize":27085,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHK6KddMAFPcIvXRSWMigy2+4rUFX7PFMc3TcnZjNTMAIgVaxSwZAsLZJiGHACzQZ4f87IUF/wqS8uL13VAUlZgHo="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.2_1696505942636_0.27659499611030536"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-20T12:49:37.144Z","1.0.0":"2023-09-20T12:49:37.419Z","modified":"2023-10-05T11:39:03.011Z","1.0.1":"2023-09-29T12:56:01.352Z","1.0.2":"2023-10-05T11:39:02.847Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify text field component for Craydel.","keywords":["vuetify","text field","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelTextField\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-text-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 CraydelTextField from '@craydel/craydel-text-field/src/CraydelTextField.vue'\n\nconst Components = {\n CraydelTextField,\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 | 'Select' | Sets the component's 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| type | string | 'text' | Sets input type. Options are: **text**, **email**, **alpha**, **alphaNum**, **numeric**, **integer**, **decimal**, **url**. |\n| error-message | string | 'text' | Puts the input in an error state and passes through a custom error message. |\n| max-length | number | 100 | The maximum number of characters allowed in the field. |\n| hint | string | undefined | Hint text. |\n| prefix | string | undefined | Displays prefix text. |\n| suffix | string | undefined | Displays suffix text. |\n| no-validation | boolean | false | Removes the validation styling from the component. |\n| disabled | boolean | false | Disables the component. |\n| loading | boolean \\| string | false | Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the primary color. |\n\n \n\n## Events\n\n| Name | Description |\n|---------|:-------------------------------------------------------|\n| change | Emitted when the input is changed by user interaction. |\n| keydown | Emitted when **any** key is pressed. |\n\n \n\n## Usage\n\nAn example showing a text field that allows decimals only.\n\n```html\n\n```","readmeFilename":"README.md"}