{"_id":"@dragndrop/vue-dropzone","_rev":"4-0394b20e6ada938f7331da43680d70b1","name":"@dragndrop/vue-dropzone","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@dragndrop/vue-dropzone","version":"0.0.1","description":"Dropzone component for VueJS","main":"./dist/vue-dropzone.common.js","unpkg":"./dist/vue-dropzone.umd.min.js","types":"src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/lrembacz/vue-dragndrop.git","directory":"packages/dropzone"},"keywords":["vue-dropzone","vue drpzone","dropzone"],"author":{"name":"Łukasz Rembacz"},"license":"MIT","dependencies":{"@dragndrop/draggable":"0.1.4","@dragndrop/dropzone":"0.1.4","@material/dom":"^4.0.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/lrembacz/vue-dragndrop/issues"},"homepage":"https://github.com/lrembacz/vue-dragndrop#readme","_id":"@dragndrop/vue-dropzone@0.0.1","_nodeVersion":"9.5.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-AVYWI09Etlv5H9YSu8SYINv7FIloT2SPJQkHlbQ+j7zGKnS79a3UpSSaOL61TxUxuszq49BwyAnnqSD0swilzQ==","shasum":"fbb409a138fd9889e5b799d7d356f2ea9361d1f1","tarball":"https://registry.npmjs.org/@dragndrop/vue-dropzone/-/vue-dropzone-0.0.1.tgz","fileCount":13,"unpackedSize":667127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5EHKCRA9TVsSAnZWagAAdnsP+QFcqQa5O+J3bOrIUWAa\ng3HhrRu8MNSIEMB1wpOb9f3cjjzuLQ8z35fILFEUL779Pe1Fp1jZ9VjTbrOL\nApYGJBn71KehgCdLerJKjClgoiIWG3qKwgEyG/ZqDxHdJaUdEfIxZUWaDmRX\nsrabXE7NXoYNwR1+J/VXoJngWZCj/x03mBBn3vMRDCqPpoywY7LoWqYtp6Ez\n7xEcfw1gwEonniZp7n5SO/JRE35lS2hEvXamK2MFMEklCHyO/nSzh5IGVQiT\nlRDkN8hFQGIxK9uMkpT8WlzwAafmLLQWWSMJHQv+pdShfroOlWBOfr9fJ+ZL\n7FIqBsx2BLrKiKcs+kB3Wt9x7poFC8tVKas31PgZyUDIeZnWUWgHUhmyXSXk\ndVDlckL9Eyt9OdNcr1oGrcqFwbYhLV7pyVyd5ZHk4ToHxUEWP9BhoMsfwiYj\nHdZ7UXVfQtOWaDg9v/Xn1cOdmiIyYnBhuMQnE5GnVQoPfeuiU7OGoW99YKjr\noaQnt2OlRY9XIFG8srQrBQ9Vx7q8HGYgFqvQQmQw2z6umLYlge5pwqOcjgrV\nBjzHhHE4JtcnHh0BIhSOAy1CTCypTIg9l1/MiaVWSKXS/+jv2AA+Cs24LVqM\nDOhaPbXlnyFN2TA4lqHqkojNVyWDwEQVzeHsIgZfMkzpMz1i5MMdE2cAku6m\nB3h0\r\n=xbDA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBK+5hxcLXtjNR3Klg2cWj1PxamD7JUtvw3Ix3JxuqsgIgGIkC14clhVZoeQFo/lbUmrmXYRMJjBgXNOd90HjUqyE="}]},"maintainers":[{"name":"lrembacz","email":"qwester1213@op.pl"}],"_npmUser":{"name":"lrembacz","email":"qwester1213@op.pl"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dropzone_0.0.1_1575240137592_0.3140744335678636"},"_hasShrinkwrap":false},"0.0.2":{"name":"@dragndrop/vue-dropzone","version":"0.0.2","description":"Dropzone component for VueJS","main":"./dist/vue-dropzone.common.js","unpkg":"./dist/vue-dropzone.umd.min.js","types":"src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/lrembacz/vue-dragndrop.git","directory":"packages/dropzone"},"keywords":["vue-dropzone","vue drpzone","dropzone"],"author":{"name":"Łukasz Rembacz"},"license":"MIT","dependencies":{"@dragndrop/draggable":"0.1.5","@dragndrop/dropzone":"0.1.5","@material/dom":"^4.0.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/lrembacz/vue-dragndrop/issues"},"homepage":"https://github.com/lrembacz/vue-dragndrop#readme","_id":"@dragndrop/vue-dropzone@0.0.2","_nodeVersion":"9.5.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-2ugpU1xQv3naOu8MOyklpUZqNcpHBsfhbbhwi6yXkS0wUZSefWTkpD5aqbjoUq9gQWeiCreT3BJ1tDdjDqDaRA==","shasum":"558992a4a8b7810d730dfbe3f6781f106b054618","tarball":"https://registry.npmjs.org/@dragndrop/vue-dropzone/-/vue-dropzone-0.0.2.tgz","fileCount":13,"unpackedSize":671074,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7vFbCRA9TVsSAnZWagAAEMgP/1bzIgn62L/SttNbRqt0\nWprgpYQSA/B5in/Q0rcyNI0nqjXY+xVQHjAT9O8hEEHqRH+oEU4f/XoQnwRt\nVtMPaF00bLJ4iZCFneZpHAvdiwzopyketB3NbIge3UF5qCbysmT17qjKmQel\n2bdehFJzLi4DEIL5iifBtjp+8T5Ck08RmoMrFPeXC+HPX/cuuKnNfIVinWCS\nSSJDEelIcvgKpqB7Y7VFkX+Ms0PsWUAKSWrIfMSdj3k06QlNCoywd7ceBcrO\nur/p8FbjL8iOsnjmYA0nt/E/6dj2Be51UYBADSWouc9Imh+S21nsGn3oMtnY\nQMZkpPBhIE6SE60x49LW0Uj9WCEZsRIY2Vkk58LDdp3nWPKVfaWY7rUliyLY\nYi+nlOEzCsPOXBGjeIX2FVflMSFCawlzFEaon070YSWYzSDUPNPt3768RE/v\n27W6u42My7MoGiqrE05Ic1ZeETK/vTY87lNf57dc4XKLHw9Q+/KXB9DJeCQ0\nvRO1pfyvOaBbjhNCTT/mTqT3bUYxhqaFR1/HmqsOvvD1AQI5z4gYzsVE7y3d\nRwxMyh8QtES5n1DNVcWdmm4hFMobwRXf5lj/b47eLiJcsv5gr2dG2AFD9H5+\no533/yLbcKlR9QzzZUnbqZJRBaSNnvGv5kwMTMfSoeBdy1OPhpfEYyCM4f41\nRMBB\r\n=f1Ar\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN1A5meKoDwdOGMjEavLTqm4aWb2TacgP1N6zXqjP5YwIgI3g+Knjcyj5H28LFSRtnvsylrf36dOuunzYoZ3SQDnY="}]},"maintainers":[{"name":"lrembacz","email":"qwester1213@op.pl"}],"_npmUser":{"name":"lrembacz","email":"qwester1213@op.pl"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dropzone_0.0.2_1575940442790_0.44227784282363025"},"_hasShrinkwrap":false},"0.0.3":{"name":"@dragndrop/vue-dropzone","version":"0.0.3","description":"Dropzone component for VueJS","main":"./dist/vue-dropzone.common.js","unpkg":"./dist/vue-dropzone.umd.min.js","types":"src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/lrembacz/vue-dragndrop.git","directory":"packages/dropzone"},"keywords":["vue-dropzone","vue drpzone","dropzone"],"author":{"name":"Łukasz Rembacz"},"license":"MIT","dependencies":{"@dragndrop/draggable":"0.1.5","@dragndrop/dropzone":"0.1.5","@material/dom":"^4.0.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/lrembacz/vue-dragndrop/issues"},"homepage":"https://github.com/lrembacz/vue-dragndrop#readme","_id":"@dragndrop/vue-dropzone@0.0.3","_nodeVersion":"9.5.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-rF2ynnYLk+LbNMTYcgxHhdCKbNYvCnR1nxY2YYts/SGaFS825uG1dXQyqVpDUlvnne209RudTkTq4bRWldr7Ng==","shasum":"de7b54136b1ca7167a852270b42b448b42689844","tarball":"https://registry.npmjs.org/@dragndrop/vue-dropzone/-/vue-dropzone-0.0.3.tgz","fileCount":13,"unpackedSize":671666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9gK4CRA9TVsSAnZWagAA5eIP/1IHApPFPEUfW5pXcNwC\nnRseOgqrQxkUx/WRgYf9JDw2OaoZuNJ5UUCmu5rSSlmApSk1hIn7q9XC8bNs\nWhrVO49nTEjjZ6N8fOnimnXlgC7uwBx23/n3pW+vHQF8Aks9HQ3Kui2+M3nO\nfMoQY7I3Byay+zGg+mZQGKsQ1iJLe3xBovHDnkPsX+mDwDipykjO/IWnvrmp\n6AYK8yp4SIRPtxF3ziMtBAF+YwF3if+7WWHWg0pqjOqtkfvb8hVSrWTim1iV\nmU1zhVel6pWsP8W739sMp0AoQ9rF0waJl52S+U806wtyvuROEmC3mc35m1y6\nxXuErQHO6ZtqcJ3kBIO8jdQeEIfWIMSEZusWKG7H86BMvOls34z1QbhCfUZm\n6FU5OC/WtcQ4fmcr9bQvmNn0njnsjuERw9YL6vVucAI+T2Cyuf1Eu182Rvfe\nyyrQnnpsMNeU01CEqflLdICWMI+teCRUUoldYN3wk6QEe40vPVazwu6VYntF\ngK2N5A3XrK5hgDXKAvy4uk8ONcsKORJ+jY4/6fPwQKGwJbx+ykfy4lZWTGV1\nlxX3jftSA7ZRdUnyshsGr4gzLdnMThCYmRfyZL2eDidlu6m/QLyatlt6+FRb\nf28ZTow++jacVqdcEej+0AyS1MIvlBq3LV3K3u+JiC0T3gy4lJ7McGara0Ug\nmdQD\r\n=8icX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGr34FVk6NcgxIc3kEVvv/nR/KNPbM/ERxjZu32e5WVhAiBdZ5d+xDpyZJc8x9jnFUU3J3GWzVAwRd+qg17e8MhOQg=="}]},"maintainers":[{"name":"lrembacz","email":"qwester1213@op.pl"}],"_npmUser":{"name":"lrembacz","email":"qwester1213@op.pl"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dropzone_0.0.3_1576403640351_0.2460114370072044"},"_hasShrinkwrap":false},"0.0.4":{"name":"@dragndrop/vue-dropzone","version":"0.0.4","description":"Dropzone component for VueJS","main":"./dist/vue-dropzone.common.js","unpkg":"./dist/vue-dropzone.umd.min.js","types":"src/index.d.ts","repository":{"type":"git","url":"git+https://github.com/lrembacz/vue-dragndrop.git","directory":"packages/dropzone"},"keywords":["vue-dropzone","vue drpzone","dropzone"],"author":{"name":"Łukasz Rembacz"},"license":"MIT","dependencies":{"@dragndrop/draggable":"0.1.6","@dragndrop/dropzone":"0.1.6","@material/dom":"^4.0.0"},"publishConfig":{"access":"public"},"bugs":{"url":"https://github.com/lrembacz/vue-dragndrop/issues"},"homepage":"https://github.com/lrembacz/vue-dragndrop#readme","_id":"@dragndrop/vue-dropzone@0.0.4","_nodeVersion":"9.5.0","_npmVersion":"6.8.0","dist":{"integrity":"sha512-7/24/xiZVub686QCUtFCXGcYJIQM3E0iKVIsvGH0p6oms4/7fINw7Bc8oKYYrCm++CHI522yb/DSLwifYAs5TQ==","shasum":"22eece68ecbdfbd4073a0feea17835a7fa263789","tarball":"https://registry.npmjs.org/@dragndrop/vue-dropzone/-/vue-dropzone-0.0.4.tgz","fileCount":13,"unpackedSize":671938,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9/KiCRA9TVsSAnZWagAAaxwQAIOcH2KVsBj/o53UgVzP\nCB2OvWA5dRXBinRB7wwjzL0GGC8rCV2BaLcLo6ORmQGBMC3hAnyeN2i9RKiN\nRh7At6ha0As0Gs72+uJSMKoXlFkSibTGQ+/clsCnT6BK+9gnqlND0PCBEQCl\ntE8tV07mIZI+OcOPJQPUevSAeS/KKkBIo+/vcmqzXebEu8yfII9vR5KeW42P\nbu1ZMku+ScBsO2HQQV2vsszJrZcVy4m5RgN2kDsm67ud1qSVn+ny1n5Zlk5Z\nvzhVz5TtXNKn2nvTBkO008bJLYvRzX1nWf8vGjERN5Zaqmc0YTfsviVL05X1\nAMroDfs1yhR1dknb6NdqPskqPHZgfo9itcABAP6ruXby4KLh0yOrzj9l+IfG\nM7+HpMIWybLOnAm3JefoqMiQRf0zAxVAGBnIFUBvrlgvtrKFCunu0265oIsb\nnO/hDGKenPo+EGNKiHncS3voBgdaoY+BEVPnOqWOgav8tr6dEZTmEuts190y\n4DYP3KFPVjIkOl4lK3W3lXd2BB1f+2XTX31TxAfEo4g/0dWN7tfTtE2IhZCI\n8er1Sz1GuDk2dgvOQ+DtITeeN9zGpF/bcXVPYfYNs4hDGJpnfQbJZpk+LvM6\nEDVP3exhwVmVv3SWI5ltXLamIoH/kCn8BMP2wHqoSeJh8LVmvwIG4vMKOI2L\n2wpp\r\n=0x9x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeN5YapzZBmpqm+MSVuqAeO+2TBntApV/jgYU9Ico8ogIgI+UtB4RC7eUludFFGuxEF4xg3UyaIqTtAHdEslpHBmo="}]},"maintainers":[{"name":"lrembacz","email":"qwester1213@op.pl"}],"_npmUser":{"name":"lrembacz","email":"qwester1213@op.pl"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-dropzone_0.0.4_1576530593620_0.9019169951393315"},"_hasShrinkwrap":false}},"time":{"created":"2019-12-01T22:42:17.363Z","0.0.1":"2019-12-01T22:42:17.759Z","modified":"2022-04-05T05:36:11.197Z","0.0.2":"2019-12-10T01:14:02.990Z","0.0.3":"2019-12-15T09:54:00.590Z","0.0.4":"2019-12-16T21:09:53.815Z"},"maintainers":[{"name":"lrembacz","email":"qwester1213@op.pl"}],"description":"Dropzone component for VueJS","homepage":"https://github.com/lrembacz/vue-dragndrop#readme","keywords":["vue-dropzone","vue drpzone","dropzone"],"repository":{"type":"git","url":"git+https://github.com/lrembacz/vue-dragndrop.git","directory":"packages/dropzone"},"author":{"name":"Łukasz Rembacz"},"bugs":{"url":"https://github.com/lrembacz/vue-dragndrop/issues"},"license":"MIT","readme":"# Dropzone\r\n\r\nDraggable component for VueJS 2+ which implements [@dragndrop/dropzone](https://github.com/lrembacz/dragndrop/tree/master/packages/dropzone) component. \r\n\r\n## Design & API Documentation\r\n\r\n- [Demos](https://dragndrop.lukaszrembacz.pl/examples/)\r\n\r\n## Installation\r\n\r\n```\r\nnpm install @dragndrop/vue-dropzone\r\n```\r\n\r\n## Usage\r\n\r\nDropzone element can be used in common with Draggable element to create variety of drag and drop powered components for websites.\r\n\r\n### Typescript support\r\n\r\nComponent has its declarations (*.d.ts) for Typescript available.\r\n\r\n### Registration\r\n\r\n```javascript\r\nimport {VueDropzone} from '@dragndrop/vue-dropzone';\r\n\r\nVue.component('VueDropzone', VueDropzone);\r\n```\r\n\r\n### Registration as plugin\r\n\r\n```javascript\r\nimport Vue from 'vue';\r\nimport VueDropzone from '@dragndrop/vue-dropzone';\r\n\r\nVue.use(VueDropzone);\r\n```\r\n\r\n### Simple example\r\n\r\n```vue\r\n<template>\r\n    <VueDropzone \r\n        :acceptor=\"acceptor\"\r\n        @onDrop=\"onDrop\"\r\n    >\r\n        <div>Dropzone for draggable element</div>\r\n    </VueDropzone>\r\n</template>\r\n<script>\r\n    export default {\r\n        data() {\r\n            return {\r\n                acceptor: new DraggablesAcceptor(draggable),\r\n            }\r\n        },\r\n        methods: {\r\n            onDrop(event) {\r\n                console.log(event.dragInfo.data); // 'example data'\r\n            }\r\n        }\r\n    }\r\n</script>\r\n```\r\n\r\n### CSS Classes (they can be changed)\r\n\r\nCSS Class | Description\r\n--- | ---\r\n`dragging--over` | Sets this class to element when draggable element is draggedOver the dropzone\r\n`dragging--invalid` | Sets this class to element when draggable element is not accepted by dropzone\r\n\r\n### Events\r\n\r\nEvents | Type | Data | Description\r\n--- | --- | --- | ---\r\n`onDragEnter` | CustomEvent | {originalEvent, dragInfo, dropzoneElement} | Event dispatched when `Draggable` enters on `Dropzone`\r\n`onDragLeave` | CustomEvent | {originalEvent, dragInfo, dropzoneElement} | Event dispatched when `Draggable` leaves on `Dropzone`\r\n`onDragOver` | CustomEvent | {originalEvent, dragInfo, dropzoneElement} | Event dispatched when `Draggable` is over on `Dropzone`\r\n`onDrop` | CustomEvent | {originalEvent, dragInfo, dropzoneElement} | Event dispatched when `Draggable` is dropped on `Dropzone`\r\n\r\n### Props\r\n\r\nProperty | Value Type | Description\r\n--- | --- | ---\r\n`acceptor` | Acceptor | Data which is attached to draggable\r\n`exact` | boolean | Events from Draggable are stopped with stopPropagation() when exact is true.\r\n`overClass` | String | Class which is set on element when draggingOver (`dragging--over` default)\r\n`invalidClass` | String | Class which is set on element when draggingOver not accepted element (`dragging--invalid` default)\r\n`allowOnChild` | boolean | It allows to drop, if draggable is a child of dropzone, without dragging outside.\r\n\r\nMethod Signature | Description\r\n--- | ---\r\n`destroy() => void` | Clean up method. Is called on beforeDestroy hook.\r\n\r\n### `Acceptor`\r\n\r\nAcceptor allows to provide instructions to dropzone which elements should be accepted and which should not.\r\n\r\nWhen Element is not accepted it can`t be dropped on Dropzone.\r\n\r\n```javascript\r\nabstract accepts<D>(dragInfo: DragInfo<D>, dropzoneElement: Element, event: Event): boolean;\r\n```\r\n\r\nAcceptor is abstract class with accepts method which should be implemented.\r\n\r\nArgument | Type | Description\r\n--- | --- | ---\r\n`dragInfo` | DragInfo<D> | Info from `Draggable` which is snapped when dragging\r\n`dropzoneElement` | Element | Dropzone element on which element is dragged\r\n`event` | CustomEvent | Custom Event dispatched `_customDragEnter`, `_customDragLeave`, `_customDragOver` and `_customDrop`\r\n\r\nDefault there is only `DraggablesAcceptor` implemented which is accepting given `Draggables`.\r\n\r\nIf you need you can write your own `Acceptor` for example QuerySelectorAcceptor to accept elements with given querySelectors.\r\n\r\nOr DataTransferAcceptor which accepts elements with specific data attached to draggable.\r\n","readmeFilename":"README.md"}