{"_id":"@bulliby/vue-draggable","_rev":"1-eee075ae54ed7a62347f8d941b92aa59","name":"@bulliby/vue-draggable","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@bulliby/vue-draggable","version":"1.0.1","description":"An easy-to-use draggable component for Vue.js.","main":"dist/vue-draggable.js","scripts":{"build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/Cojecom/vue-draggable.git"},"keywords":["vue","draggable","ssr","server"],"contributors":[{"name":"Aryan Jabbari","email":"aryan@atomicsoftware.com"},{"name":"Guillaume Wells","email":"contact@wellsguillaume.fr"}],"license":"MIT","bugs":{"url":"https://github.com/Cojecom/vue-draggable/issues"},"private":false,"homepage":"https://github.com/Cojecom/vue-draggable#readme","devDependencies":{"babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-runtime":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","css-loader":"^0.28.7","path":"^0.12.7","vue":"^2.5.2","vue-loader":"^13.3.0","vue-template-compiler":"^2.5.2","webpack":"^3.8.1","webpack-merge":"^4.1.0"},"gitHead":"7b81ea19bc3c7b8d5f9f9afeb6fff84df34c31f1","_id":"@bulliby/vue-draggable@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"10.0.0","_npmUser":{"name":"bulliby","email":"contact@wellsguillaume.fr"},"dist":{"integrity":"sha512-hCc7DA9jKG00/bquBXEAmlnrzayI5AdxskQ9cxcqxktVRF2KgdDe3F3Tam7Mf/nrjTtR46k2+e22ppjS1fDUZQ==","shasum":"221fbbac061312a84328bfeb10722d7e87a1cf5f","tarball":"https://registry.npmjs.org/@bulliby/vue-draggable/-/vue-draggable-1.0.1.tgz","fileCount":7,"unpackedSize":17632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbAucBCRA9TVsSAnZWagAAPAIP/2BgAUNWlCCXSjlcuqdy\nDy/eOWERHOqjp056rKpYjIywPF/ABUP03Vo+0lllgqY27JwSMwJQYpVkcDRL\nfRrxBzNCj7m2HWqWFS2p7sep2xrrNE1/HGs4q1W3cy9jS/JoeMURclJWhtct\ndlIw+a7XK4n5VlQHRDTof3gLumXlqRQ46R0daNaec0A8qMyWbGchxgnmCzW1\nH0c49xtG2TYk67b7PTwraB18Hq5lX6rTBecLbf3akbr63o6yDxg8dUOibeZi\nXZr1B1bcENk8Wz/IjF0Za6k/Lvcw9uvG7ett8z6Yuc8XD6vCfoXRvL2QADWF\nqNpgFsjhzKlpNlE5XczBUn7Wv1n1U1GstHu8OZG3lky4a7mHjvu/8o4KwBJm\nhVxoOQHpz7rvapNnQI5WfQUNkzVV9mfGPK4j7r3eMJTvEZY//7gmDRlvsUXm\nBGYzrbqdjvmB27RiDFRx92SBevgMaDPRZ99wFn4zevayTpJUuzbSobXg8cKK\nlBrLfQyii+5wyb+htgtBx3hN8trx9LiSvhzX+8v98tiQ6efv1tue3R0G/ed3\n2+TcE3RrTC+naXG29rwfWKSc6Meyt1cN2bu+Em/R7NupBqBfNyx4lcvqx8iS\n+IeLxAAeo72HMN5PeJprlIRAtly4mgfoAYmeL4Edc7O+2uryVV7vGc4XlHAE\ndd4R\r\n=y257\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF1+HlBkWFJTfLRjgI1+56ajRW34XV4U4T1cRYtqKxTkAiAGxo2oWS8vP60duL76IsTq03edZI1do6ru1+hksy+mJA=="}]},"maintainers":[{"name":"bulliby","email":"contact@wellsguillaume.fr"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable_1.0.1_1526916865075_0.6501826376407327"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-21T15:34:24.797Z","1.0.1":"2018-05-21T15:34:25.222Z","modified":"2022-04-04T21:04:42.080Z"},"maintainers":[{"name":"bulliby","email":"contact@wellsguillaume.fr"}],"description":"An easy-to-use draggable component for Vue.js.","homepage":"https://github.com/Cojecom/vue-draggable#readme","keywords":["vue","draggable","ssr","server"],"repository":{"type":"git","url":"git+https://github.com/Cojecom/vue-draggable.git"},"contributors":[{"name":"Aryan Jabbari","email":"aryan@atomicsoftware.com"},{"name":"Guillaume Wells","email":"contact@wellsguillaume.fr"}],"bugs":{"url":"https://github.com/Cojecom/vue-draggable/issues"},"license":"MIT","readme":"# vue-draggable\n[![npm version](https://badge.fury.io/js/%40atomic-nyc%2Fvue-draggable.svg)](https://badge.fury.io/js/%40atomic-nyc%2Fvue-draggable)\n\nAn easy-to-use draggable component for [Vue.js](https://vuejs.org/) powered by [Atomic NYC](http://atomicsoftware.com).\n\n## Installation\n```\n$ npm install @atomic-nyc/vue-draggable --save\n```\n\n### Browser\nInclude the script file then install the component with `Vue.use(VueDraggable);`\n\n```html\n<script type=\"text/javascript\" src=\"/node_modules/vue/dist/vue.min.js\"></script>\n<script type=\"text/javascript\" src=\"node_modules/@atomic-nyc/vue-draggable/dist/vue-draggable.min.js\"></script>\n<script type=\"text/javascript\">\n    Vue.use(VueDraggable);\n</script>\n```\n\n### Module\n```js\nimport VueDraggable from '@atomic-nyc/vue-draggable';\n```\n\n## Usage\nOnce installed, use it in a [Vue template](https://vuejs.org/v2/guide/syntax.html) as follows:\n\n\n```html\n<vue-draggable>\n    <div>This div is draggable.</div>\n</vue-draggable>\n```\n\nImages even become draggable:\n```html\n<vue-draggable>\n    <img src=\"./assets/draggable-logo.png\">\n</vue-draggable>\n```\n\n### Props\n#### styles\nType: `Object`  \nRequired: `false`\n\nCustom styling applied to the outer div of the `vue-draggable`\n\n##### Example\n```html\n<vue-draggable :styles=\"{ backgroundColor: 'red'}\">\n    <img src=\"./assets/draggable-logo.png\">\n</vue-draggable>\n```\n\n### Events\n#### mouseDown\nCustom function emitted when user clicks mouse button on the draggable component.\n\n#### mouseMove\nCustom function emitted when user moves the draggable component.\n\n#### mouseUp\nCustom function emitted when user releases mouse button from the draggable component.\n\n##### Example\nAssume the `handleMouseDown` function is defined in [`methods`](https://vuejs.org/v2/guide/events.html#Method-Event-Handlers).\n```html\n<vue-draggable @mouseDown=\"handleMouseDown\">\n    <img src=\"./assets/draggable-logo.png\">\n</vue-draggable>\n```\n\nThis package is compatible with [Vue.js Server-Side Rendering](https://ssr.vuejs.org/en/).","readmeFilename":"README.md"}