{"_id":"@elizabeth011685/vue3-dropzone","_rev":"1-c9eb783465a707d5c863edc51834b784","name":"@elizabeth011685/vue3-dropzone","dist-tags":{"latest":"3.3.1"},"versions":{"3.3.0":{"name":"@elizabeth011685/vue3-dropzone","version":"3.3.0","keywords":["vue","dropzone","drop","zone","input","image","preview"],"author":{"name":"Emad Moghimi","email":"jaxtheprime@gmail.com"},"license":"MIT","_id":"@elizabeth011685/vue3-dropzone@3.3.0","maintainers":[{"name":"elizabeth011685","email":"elizabeth011685@hotmail.com"}],"homepage":"https://github.com/JaxThePrime/vue3-dropzone#readme","bugs":{"url":"https://github.com/JaxThePrime/vue3-dropzone/issues"},"dist":{"shasum":"905907d457a5dd1bd05a1a323a5c69e96c250154","tarball":"https://registry.npmjs.org/@elizabeth011685/vue3-dropzone/-/vue3-dropzone-3.3.0.tgz","fileCount":2,"integrity":"sha512-sMwg9vFTUwqwviAc97S4uRAGGQnWnEY4IUl8mo+kB+p/RvEpAejwcHl7nB5iHpuzDsDUqC9kw/Vk0KgXsm1JNQ==","signatures":[{"sig":"MEYCIQD1sbZF/jn9mjfYm76P9+dbexsA4h959egqqYNtg1zJigIhAIDtDJGSwbWabJW4otPUuZkfEL1kc5A5+/IhJGL8h01i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5606},"main":"./dist/Vue3Dropzone.umd.js","type":"module","module":"./dist/Vue3Dropzone.es.js","exports":{".":{"import":"./dist/Vue3Dropzone.es.js","require":"./dist/Vue3Dropzone.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"bc967bec2bc573cc3dc02a1f525ed1e43a1481b0","private":false,"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"elizabeth011685","email":"elizabeth011685@hotmail.com"},"repository":{"url":"git+https://github.com/JaxThePrime/vue3-dropzone.git","type":"git"},"_npmVersion":"10.8.1","description":"Vue simple dropzone","directories":{},"_nodeVersion":"22.4.1","dependencies":{"vue":"^3.4.19"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.1.4","@vitejs/plugin-vue":"^5.0.4"},"peerDependencies":{"vue":"^3.4.19"},"_npmOperationalInternal":{"tmp":"tmp/vue3-dropzone_3.3.0_1728501024993_0.07421211725353061","host":"s3://npm-registry-packages"}},"3.3.1":{"name":"@elizabeth011685/vue3-dropzone","description":"Vue simple dropzone","private":false,"version":"3.3.1","author":{"name":"Emad Moghimi","email":"jaxtheprime@gmail.com"},"license":"MIT","type":"module","main":"./dist/Vue3Dropzone.umd.js","module":"./dist/Vue3Dropzone.es.js","exports":{".":{"import":"./dist/Vue3Dropzone.es.js","require":"./dist/Vue3Dropzone.umd.js"},"./dist/style.css":"./dist/style.css"},"keywords":["vue","dropzone","drop","zone","input","image","preview"],"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"repository":{"type":"git","url":"git+https://github.com/JaxThePrime/vue3-dropzone.git"},"dependencies":{"vue":"^3.4.19"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.4","vite":"^5.1.4"},"peerDependencies":{"vue":"^3.4.19"},"_id":"@elizabeth011685/vue3-dropzone@3.3.1","gitHead":"bc967bec2bc573cc3dc02a1f525ed1e43a1481b0","bugs":{"url":"https://github.com/JaxThePrime/vue3-dropzone/issues"},"homepage":"https://github.com/JaxThePrime/vue3-dropzone#readme","_nodeVersion":"22.4.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-IFJw4Fw2sXJ7PDNwzPCdkBjUGmZ0FJmOJiOU5j+dPEd9zbjPSHd9flvaXAxJXd+LVlovq8RP4WB6BIN9QU4Waw==","shasum":"b1f6dbac6c5d6bb5f65523d7de532899203f45c2","tarball":"https://registry.npmjs.org/@elizabeth011685/vue3-dropzone/-/vue3-dropzone-3.3.1.tgz","fileCount":6,"unpackedSize":38536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPw0A0ifqZbzs6A/PIRKMj+XP8HSe4f6JUdRU0a4G++QIgIXo4nju/ap7oETV6IkmY8SwmxobUBohSb1/vXaXbq9s="}]},"_npmUser":{"name":"elizabeth011685","email":"elizabeth011685@hotmail.com"},"directories":{},"maintainers":[{"name":"elizabeth011685","email":"elizabeth011685@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-dropzone_3.3.1_1728501118897_0.4496897646157967"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-09T19:10:24.893Z","modified":"2024-10-09T19:11:59.295Z","3.3.0":"2024-10-09T19:10:25.184Z","3.3.1":"2024-10-09T19:11:59.133Z"},"bugs":{"url":"https://github.com/JaxThePrime/vue3-dropzone/issues"},"author":{"name":"Emad Moghimi","email":"jaxtheprime@gmail.com"},"license":"MIT","homepage":"https://github.com/JaxThePrime/vue3-dropzone#readme","keywords":["vue","dropzone","drop","zone","input","image","preview"],"repository":{"type":"git","url":"git+https://github.com/JaxThePrime/vue3-dropzone.git"},"description":"Vue simple dropzone","maintainers":[{"name":"elizabeth011685","email":"elizabeth011685@hotmail.com"}],"readme":"

\n\n
\n

Vue 3 dropzone component

\n

\n Customizable easy to use dropzone | Only supported for vue3\n
\n
\n Demo\n

\n
\n\n# About the Project\n\nthe features of this package include the following:\n\n- Highly customizable\n- Lightweight, powerful and easy to use \n \n\n\n\n```\n\n## Props\n\n| Prop | Type | Default | Note |\n|-------------------------|-------------------|-----------|-----------------------------------------------------------------------|\n| `modelValue` | `Array` | [] | 2 way binding ref |\n| `multiple` | `Boolean` | false | Makes dropzone accept multiple files |\n| `previews` | `Array` | [] | Preview images links (works with mode props) |\n| `mode` | `string` | drop | Defines dropzone functionality to accept drops or just preview images |\n| `disabled` | `Boolean` | false | Disables the whole dropzone |\n| `accept` | `String` | undefined | Accepted type of files |\n| `maxFileSize` | `Number` | 5 | Max file size in Megabytes |\n| `maxFiles` | `Number` | 5 | Max files accepted by dropzone |\n| `width` | `Number` `String` | undefined | Dropzone container width |\n| `height` | `Number` `String` | undefined | Dropzone container height |\n| `imgWidth` | `Number` `String` | undefined | Preview images width |\n| `imgHeight` | `Number` `String` | undefined | Preview images height |\n| `previewWrapperClasses` | `String` | undefined | Preview images container classes |\n| `showSelectButton` | `Boolean` | true | Select files button in the dropzone |\n| `selectFileStrategy` | `String` | 'replace' | Defines selecting file strategy (replace, merge) |\n\n## Events\n\n| Prop | Data Type | Note |\n|---------|-----------|-----------------------------------------------------------------------------------|\n| `error` | `Array` | Emits the error event and also provides data to know which files caused the error |\n\n## Slots\n\n| Name | data | \n|-------------------|-------------|\n| `button` | `fileInput` |\n| `preview` | `data` |\n| `description` | `undefined` |\n| `placeholder-img` | `undefined` |\n| `title` | `undefined` |\n\n## Css variables\n\n| Name | Value | \n|----------------------------------|-----------------|\n| `--v3-dropzone--primary` | `94, 112, 210` |\n| `--v3-dropzone--border` | `214, 216, 220` |\n| `--v3-dropzone--description` | `190, 191, 195` |\n| `--v3-dropzone--overlay` | `40, 44, 53` |\n| `--v3-dropzone--overlay-opacity` | `0.3` |\n| `--v3-dropzone--error` | `255, 76, 81` |\n| `--v3-dropzone--success` | `36, 179, 100` |\n\n## Contact\n\nEmad Moghimi [jaxtheprime@gmail.com](jaxtheprime@gmail.com)\n\nProject Link: [https://github.com/JaxThePrime/vue3-dropzone](https://github.com/JaxThePrime/vue3-dropzone)\n\n
\n","readmeFilename":"README.md"}