{"_id":"@craydel/craydel-textarea","_rev":"3-4a1fa1697a3c1104c0e93155bed5c0e6","name":"@craydel/craydel-textarea","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@craydel/craydel-textarea","version":"1.0.0","description":"A custom Vuetify textarea component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","textarea","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"c0686451667e11ec6a29fe4a1ad50d6048971333","_id":"@craydel/craydel-textarea@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-UwE9+aCUvxnuzcZVlbBWB/XPuil6WlA7zwlUQPKJy1m83iiho36bFuZhTo/Z17MFEFVBK0GrHE+ehXaR5qXfOQ==","shasum":"8b55d2713265f1684e7c5378f97205452f5ff76f","tarball":"https://registry.npmjs.org/@craydel/craydel-textarea/-/craydel-textarea-1.0.0.tgz","fileCount":5,"unpackedSize":16241,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERAlZs53a208d5KX1+OmWkLCKAI0GbyULomXuD2+xl2AiEAu2FmRXAC0dBl2XEfOdbYxBGZnccHgb5OTy4njhyXQA4="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-textarea_1.0.0_1695210996270_0.9620872121060531"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-textarea","version":"1.0.1","description":"A custom Vuetify textarea component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","textarea","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-textarea@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-vDS3L3LCfc3ttV3GuAR9L/RFTl8EdKFD2lwGHjhfM8bvWrr5r/Ux3b4Wpqbci+bFDe5xF1WETZvAY9FqKhpTpQ==","shasum":"5d236919ad96ccdd88f191f0402a9a1ad0c8ced8","tarball":"https://registry.npmjs.org/@craydel/craydel-textarea/-/craydel-textarea-1.0.1.tgz","fileCount":5,"unpackedSize":16261,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwh+eCCEvqcGzoPdoBh+kAOAzzzuWkG+WsNsdL3cBfhwIgemb6gNBWbj5m6nFqUWaiStFUyxYkmVBW6t3NlRkh6L4="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-textarea_1.0.1_1695211473548_0.010588277638044374"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-textarea","version":"1.0.2","description":"A custom Vuetify textarea component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","textarea","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"67229e5ab91854011544856d1937610dfbb80f53","_id":"@craydel/craydel-textarea@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-Ir2gTiJXJn+Xlm2gRYVp54DkhDAo/UP06YRQMHfrb5wIlkjJ8BY57AelI0QYBNtrVOALxy7pj0OSSatILN001A==","shasum":"b980d7a85fd4d6b45f8a2dc62e5fec88457ea3b1","tarball":"https://registry.npmjs.org/@craydel/craydel-textarea/-/craydel-textarea-1.0.2.tgz","fileCount":5,"unpackedSize":16207,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHB8iiUQi3N2f4Oa0fZx0Xmy4mGnuwrf6rfp1x7uRZINAiBpRNPALbNc1Z4RcxTZymGdTFOcbcYQiwNgupf2pe58FA=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-textarea_1.0.2_1695823248633_0.9378051291635627"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel/craydel-textarea","version":"1.0.3","description":"A custom Vuetify textarea component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","textarea","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"26a6a7e2c170b80debfa69d673cf1975f386645a","_id":"@craydel/craydel-textarea@1.0.3","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-njvwsygPQPcBdm3OSXzuLRJKZSOtuGH3cIxqiF2hwFgLbUWJOJyPouuF5H5sBSEVQgmVwXNCnA3YYGXUIm6naQ==","shasum":"cf1811d6266e31dd805f48582470b64293c0e82d","tarball":"https://registry.npmjs.org/@craydel/craydel-textarea/-/craydel-textarea-1.0.3.tgz","fileCount":5,"unpackedSize":16206,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwuInS+7zwTh/XZCzXCnChJfz7Ifrt2WbJ2j47gqumxQIhALPqZB/DWM2xacWbb1sgB2pAChutn6XbTw6DMrd7PYcH"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-textarea_1.0.3_1696505942536_0.7234492948198736"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-20T11:56:36.157Z","1.0.0":"2023-09-20T11:56:36.525Z","modified":"2023-10-05T11:39:02.938Z","1.0.1":"2023-09-20T12:04:33.817Z","1.0.2":"2023-09-27T14:00:48.819Z","1.0.3":"2023-10-05T11:39:02.732Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify textarea component for Craydel.","keywords":["vuetify","textarea","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelTextarea\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-textarea\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 CraydelTextarea from '@craydel/craydel-textarea/src/CraydelTextarea.vue'\n\nconst Components = {\n  CraydelTextarea,\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| max-length     | number                      | 100                 | The maximum number of characters allowed in the field.                                                                                                                                                                                                                     |\n| hint           | string                      | undefined           | Hint 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| counter        | boolean \\| number \\| string | false               | Creates counter for input length; if no number is specified, it defaults to the **max-length** value.                                                                                                                                                                      |\n\n&emsp;\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&emsp;\n\n## Usage\n\nAn example showing a textarea with a counter.\n\n```html\n<craydel-textarea counter=\"500\"></craydel-textarea>\n```","readmeFilename":"README.md","license":"MIT"}