{"_id":"@craydel/craydel-file-input","_rev":"4-5743cf38a0517d535205d07a77802a39","name":"@craydel/craydel-file-input","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@craydel/craydel-file-input","version":"1.0.0","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","file input","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"f84896aea4365a733ff62119a383d523ee4d3b63","_id":"@craydel/craydel-file-input@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-n+GirTzYVy2dcxmy3eV/yA8Kz0XzmQpzpv5rHnitEtT6XxDWkUZko38tjvEOqWdX/DG7qm6g4RZT31z2Jpbs0w==","shasum":"57f5fafe4588f8c76b3587470bda83d8e0108588","tarball":"https://registry.npmjs.org/@craydel/craydel-file-input/-/craydel-file-input-1.0.0.tgz","fileCount":4,"unpackedSize":12731,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy8v0OP4bYfhn+3CGRMryLrZAKk37ML/d4fdClMGo19gIhAOFSeruSq8eCAv8N1LCZFykAjf0CZixwadF5yW8Xva+T"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-file-input_1.0.0_1695111657330_0.36016545895595287"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-file-input","version":"1.0.1","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","file input","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"7a3ad1eaf2b7cf6349b1920665da2c8ada20a3be","_id":"@craydel/craydel-file-input@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-3GyudORrR6U+yCOuU5tS5MvFG27ufPWdYAA36UWreKgMj44GJMCzF9v1aVQAcPzNGYKhyP+sz/+hdgECIgM+nw==","shasum":"abdc8087599c1a7895ec99c1e0b940bff21db226","tarball":"https://registry.npmjs.org/@craydel/craydel-file-input/-/craydel-file-input-1.0.1.tgz","fileCount":4,"unpackedSize":12435,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDG/73podFXUUBNYlqb1rjdl9wspfdcwYP3kHfyVevlNAiEAqtl+smQwqBG03ffO4O+eNP4x5rhiK1ZpitR5rz8RGYk="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-file-input_1.0.1_1695112965600_0.03889653769830104"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-file-input","version":"1.0.2","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","file input","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-file-input@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-tJx0uzzSZnT9Z8K7yGHtuC7lEPLVxAXjoq48euU82iTae+J/Tcy5kWghMPafMaO2TWZ7ArnYoShTIFynDpzn6w==","shasum":"b71acaa48ebbba1313e4a768d8c4ebb617b64f26","tarball":"https://registry.npmjs.org/@craydel/craydel-file-input/-/craydel-file-input-1.0.2.tgz","fileCount":5,"unpackedSize":13508,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS916f8GurdC9OaqcIv/RfKdlHBDKaTv08yVmlDO3ybAIgNbe3zwnyBTN3heqxzuRbsyF/l2Ay6uO3AZfZUMZX/6k="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-file-input_1.0.2_1695211461924_0.557385404246945"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel/craydel-file-input","version":"1.0.3","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","file input","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"67229e5ab91854011544856d1937610dfbb80f53","_id":"@craydel/craydel-file-input@1.0.3","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-vlcL8LVne0Xd6ym3kiRzHNT0E49kbWtl1PE6oijc0lncv7kOJ3uyEcChF7jDnV/w/Q9pN9wMIuM+JHXRAH+VpQ==","shasum":"212e4dc0c20159c03e549b5f354aed0eedef0491","tarball":"https://registry.npmjs.org/@craydel/craydel-file-input/-/craydel-file-input-1.0.3.tgz","fileCount":5,"unpackedSize":13403,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzPa3Qqx0OGTaC3KnYn1C1meBU603iZzb4xWmAAZPRFAiEA9j/MegH0Cxn+6eROM6IUzHNwFpC5MIb6ucaKEC/tz94="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-file-input_1.0.3_1695823232710_0.06289747933737644"},"_hasShrinkwrap":false},"1.0.4":{"name":"@craydel/craydel-file-input","version":"1.0.4","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","file input","vue","nuxt"],"dependencies":{"vuelidate":"^0.7.7"},"publishConfig":{"access":"public"},"gitHead":"26a6a7e2c170b80debfa69d673cf1975f386645a","_id":"@craydel/craydel-file-input@1.0.4","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-TNp7qOURT8UfS6LXJIaMHAGkwVhgX4PKk6PQuwL5dReUdJ8wtdvdbY1CunKsMxpCwjSvf9PdaGBVSQfn/rMUFA==","shasum":"95825f1e1bc606854dcc49c3de83d9522675602e","tarball":"https://registry.npmjs.org/@craydel/craydel-file-input/-/craydel-file-input-1.0.4.tgz","fileCount":5,"unpackedSize":13551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFr0STQsGV2OQDEvPoEW3sHPDH041JV2l7v1472oKj1BAiEAsZWiDjEDocW3lFXUdU9R8lpc8oaKIn7OlZU2DWNgjdg="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-file-input_1.0.4_1696505941699_0.10451013213438198"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-19T08:20:57.223Z","1.0.0":"2023-09-19T08:20:57.500Z","modified":"2023-10-05T11:39:02.149Z","1.0.1":"2023-09-19T08:42:45.747Z","1.0.2":"2023-09-20T12:04:22.085Z","1.0.3":"2023-09-27T14:00:32.931Z","1.0.4":"2023-10-05T11:39:01.888Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify file input component for Craydel.","keywords":["vuetify","file input","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelFileInput\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-file-input\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 CraydelFileInput from '@craydel/craydel-file-input/src/CraydelFileInput.vue'\n\nconst Components = {\n CraydelFileInput,\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| accept | string | all | File types the file input should accept. |\n| placeholder | string | 'Attach file' | 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| multiple | boolean | false | Adds the **multiple** attribute to the input, allowing multiple file selections. |\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 | false | Creates counter for number of files and total file size. |\n\n \n\n## Usage\n\nAn example showing a file input that accepts images with multiple file selections.\n\n```html\n\n\n```","readmeFilename":"README.md","license":"MIT"}