{"_id":"@craydel-v3/craydel-file-input","_rev":"1-e33179b429c47d514a98df46dbe1eff2","name":"@craydel-v3/craydel-file-input","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-file-input","version":"1.0.0","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","file input","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"dd098a3b75c6e2e7ebb999ba62ade15a343291ac","_id":"@craydel-v3/craydel-file-input@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-O4VkQ5nkBFeOwkwqhreG4x2cIFRyPauTaaHhWKV6FD9nk9kwRAy1dkIRtuA58Pdo6wvgP5kDyqkM+dH1daeU6w==","shasum":"0a1ad035c54426e45fd5a5a4cf9cd5846b946ae6","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-file-input/-/craydel-file-input-1.0.0.tgz","fileCount":5,"unpackedSize":13562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2CxKk/n/I+uXieHCGoRi6m60LjEWUvnsyuU34OCqp8gIhAJ1a27t9cPsrSl7XHf3zg5TxL8586dOsrolMptcBvBA5"}]},"_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_1696581636122_0.6635500408645376"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel-v3/craydel-file-input","version":"1.0.1","description":"A custom Vuetify file input component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","file input","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"8230f39b0df582bc17951823f615e36ce70fa8aa","_id":"@craydel-v3/craydel-file-input@1.0.1","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-TtmBnam0c9qs6JsBdJ2krZ21UCG0yslKqNpuoFf4HAM5IWAa66XywogEkbITz5emOZC9flgXz9XCf0ag+O30Jw==","shasum":"535ece9ea63b770e994bd51ee7492647dad3aa1b","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-file-input/-/craydel-file-input-1.0.1.tgz","fileCount":5,"unpackedSize":12307,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCV1NYUb1Qde7tSShRCe55N9hERUOL6n2nZQkm0ymkk5wIhAOMSxdFakRSyg/xtR9KrforkMuUmSoXDiCnfkLljUFZE"}]},"_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_1696582013474_0.8842394277925156"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-06T08:40:35.994Z","1.0.0":"2023-10-06T08:40:36.333Z","modified":"2023-10-06T08:46:53.956Z","1.0.1":"2023-10-06T08:46:53.778Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify file input component for Craydel.","keywords":["vuetify3","file input","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelFileInput\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-file-input\n```\n\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelFileInput from \"@craydel-v3/craydel-file-input/src/CraydelFileInput.vue\";\n\n  export default {\n  components: {CraydelFileInput}\n}\n</script>\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| 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| 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&emsp;\n\n## Events\n\n| Name   | Description                                            |\n|--------|:-------------------------------------------------------|\n| blur   | Emitted when the input is focused or blurred           |\n| change | Emitted when the input is changed by user interaction. |\n\n&emsp;\n\n## Usage\n\nAn example showing a file input that accepts images with multiple file selections.\n\n```html\n\n<craydel-file-input accept=\"image/*\" multiple></craydel-file-input>\n```","readmeFilename":"README.md"}