{"_id":"vue-drag-resize","_rev":"36-5842bf8d60faf2503f75680bfacd7e31","name":"vue-drag-resize","dist-tags":{"latest":"1.5.4","next":"2.0.3"},"versions":{"1.0.0":{"name":"vue-drag-resize","version":"1.0.0","description":"Vue Component for resiza and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","dependencies":{"vue":"^2.5.16"},"devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","canvas-prebuilt":"^1.6.5-prerelease.1","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-template-compiler":"^2.5.16","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"1fa4e4fd3b3baa6a4c0aad45e57b83f38650348e","_id":"vue-drag-resize@1.0.0","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-1f6EHOEhqyLIqeqioyoVPklZtcU/N3aVS1tknaL8RUJYnr3WbkbzdbJMU1TXJGr4U4qFf12ye2r706nnfdD1SA==","shasum":"2d6c2eb9a43a8fee5b11ffa99e135988a962b980","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.0.0.tgz","fileCount":26,"unpackedSize":102998,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5cWLCRA9TVsSAnZWagAAVXQP/20fkcb1XCv6LvnMdxGQ\nrUJcJCaHEb7hMjrOsW0d0BlOz0K9WugCkb3GJA4GkSxKK0FVc1zYihfOjEAZ\nAoA9jtYWreuCv2mi6q9Sh9AAMfAd2BTsZmpym9pxD+a2cgZau5HKaNnJIGFT\nWoUS5+XyShgEjeVXhV/oktThO17BfaJrL16Z/3n3qZhn5/4Iz+MvjuHqswqI\nbgKkXMbTPVsWgi5lBB+urMnFgEb+DwXr2Cxjn8GlcPOpCPIx4hfr6WOndkav\nSHop4ciy0KSXy3dkRSYZ9f3IDC28POyk2gfc8W4lQkgDTdpv/ubvrgRe31kk\nTsyhzZ0bl8jBw11y77IlW6YNYWjh6wfdi6HoQ7UmHAGT+j9jRWSh0jjJb8rR\n6KgIG41XivNlKksJ7eeRzvNhyUavQe8rfKnF/YKo7N4DaOUW+Dq2oKkBbeqX\n7RWpf6IIYUpKiyKTyLhx3lAq6xnk7P+TrqWocPdaNMH+EpoRUv2qryHs+mnO\nph1x99rxFjVTNA/D1gidqD5ZKtNNeRwZtPz6LDyKpyXgLK3T/38vuhiYyDe0\ngONGsfxCFMd4c8bM1sqI124c98CyWqhA0XkrEVk9EUYTAy6L2zGtUXDcaXcs\neQ81fqTyXslkvw99iwvAxo0ics8SayEIT2q0B6JQAutyTc6QVMQ+ZMLtqA3u\nfOiy\r\n=nb/S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC+s4VZuqtUPwOSClrqCRZud4CauzJpMJPXK7d3q2ixcAiBRIr/CiSy1q77hpJXflEZFmaiefhXrrsBkDvi3ieuDbQ=="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.0.0_1525007753855_0.29753145044206364"},"_hasShrinkwrap":false},"1.0.1":{"name":"vue-drag-resize","version":"1.0.1","description":"Vue Component for resiza and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"vue":"^2.5.16","acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","canvas-prebuilt":"^1.6.5-prerelease.1","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-template-compiler":"^2.5.16","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"99792db777755abcb781fb2022b58a872aa7b00b","_id":"vue-drag-resize@1.0.1","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-7kEoYmoWSAlXcIcNLHG6GT3SLgunmLHyRfmrUFjYIQm5SdOR3o7d6rnvjZ6jT+b/s6qRih5Q3zM+blov17+WlQ==","shasum":"75d4b623ea5fc3d5200ccfb214b8b149c01ae5c3","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.0.1.tgz","fileCount":26,"unpackedSize":103431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa5zrACRA9TVsSAnZWagAAnx0P/0t8vi+fnkfIoC6au3Aa\nw+MX+yf5KxZXZE3icfPfnz9oLxJtPJzTMktqtJRqNfw5pVFpvs3OZgwzNnF3\nE1KYo03/R99drKMaiOZhUFqWEFhJdNAhXAND4+5MV0mA+hpoVaD+pXiuagja\nQaT0me/YtA6yBJ6lqTWuqRmnlQnvldZYqtHU/OefjVtseM7V4JInQn1FdbNI\ngIFeetYZY5YFQp9XglCCFsVK00dBcCClgKW8paE7jGltIXufdCZyunY3vjll\n5sUBUEcbeIdJGa6oI9vSPWspJYJHXldwvMgajbRwo8R9TkpV8+LPtXU4W7hq\ni4m5e+GTU9q854Cw0zsiTvUp2oePDDDI+U+w2CTxQY5+B2fV7SCnvjG6rzTV\niAGxCkU6rHr1xKtoFFdLXjhHD3ViLvbpGsTGDuLVfzzUo7MZUMHiShhtZaWs\nrk4qvRU81kHAKeOxluNWq2Z/uv6bJYtNTtnPLxsgA3yhrSgnA9KChlESqz3i\nN37qzGwWNcbRXB93pBX/oldkYKQCYWgO6u+9DBe0Go+qtyYgPjXI9yKce/j4\naA6ATSqa4FXS5ZjaZlAgp706JGdLF04FWaW7BoYTugkSZG32wzt5Xq71Xkf1\n1RzyvQ3qXVezu6PZjWgUjN5PUBKTxgVeRLCLpzrgvIGfm1VRyl90IJg/EPlL\nvh15\r\n=2+Ev\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbqQfjIKx0cdGH7bxOJXhxjNbftoNm+EQVoM+MSOxOjAiEAgqAOLwTtji5Cq7Ii6OO5rGWVzGj9Fnw0UXcAHat/tgA="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.0.1_1525103295188_0.3265788553269249"},"_hasShrinkwrap":false},"1.0.2":{"name":"vue-drag-resize","version":"1.0.2","description":"Vue Component for resiza and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"vue":"^2.5.16","acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-template-compiler":"^2.5.16","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"05581dfbdd12bf6ff706adea7d01bc77c17aa517","_id":"vue-drag-resize@1.0.2","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-2p7mrV3RP5va2M2WJ6vqN0v1jaonRd6HyK2vFsPwktcK3zqpG2l83niQHDvkQKJ7LPnNsIyNt1wPALZnOKywWA==","shasum":"ab69ecc7b6982dab6a997146adb9dad981e841fc","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.0.2.tgz","fileCount":26,"unpackedSize":98891,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6BvLCRA9TVsSAnZWagAAM0UP/295RsbEluOagWR+ya76\ndylqT4Mhvx6YcP2dIjI/MjZNVq1Xv/0hfif/cgvpwAXVyC2n95CVgABvPk1A\nZx9VRksG5sXw9Y5RpXrdzBGg/WZ9GydCZUV9G89T7l957cpJN8FlPP/NNoCL\nPs9td7NfSQ33mSqBfnaHuD21poWLA2rhiTWvcFQDfmr140GFJLBXEjdWwMKu\nwf4SyMTbXnq5qCsUPChq8BaKwuZ4b4MD2ABN/Vp8vH8UjjoeA/Qj1eiaxmXz\ntwCRzkAAvDwK+pzzWMPcD9FQy5NQIIsddP6d+EEIx46ltIfnMq6OjcyynuuC\n2tAakaZTWohWnSGcqRtR+xiL+9506B5TiX6kZdIEMGgaBdBjknF52GmmDjRj\nbyJ7B8dlhZ1F7lC8qFGNmip5O+2Zfqa+JX9d0n6RymoZW/yxNYVVJ3BeNRRL\n6xiTr4ogrRb1tbJ8LxcjJIKaX3JzAGGmb7XZX7q90XaP4mfvs3bk2YhXWZ6s\nCcHVXItMlbnyXuFiysGvcb8JrarmUSLpVMYOCYmR6H3+yQouKNRosH+s+IWy\n8UBRFrZMeA7KVqVsjtymTre45l4CSTCSZ6qzQMNn3ej8iYwwTt5Zj8zFn19O\nW6KfBo2HAFgI0FB3oBIZVFtJh+npXywO4Wkth6uBxUAtfDKsIvTra7iCSh0R\nUF8k\r\n=pLx9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF/p8yXElW9vvqNb5U4TsaO9IWrVDMkZq6ZpqY10qF3gIhAKRGGgtz55QxlOK9FCcorW4/U9s8UhiyWIz0WiZZLs5B"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.0.2_1525160906418_0.3311139879483802"},"_hasShrinkwrap":false},"1.0.3":{"name":"vue-drag-resize","version":"1.0.3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"vue":"^2.5.16","acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-template-compiler":"^2.5.16","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"a5079623c7b3f8188b81d0cd4c1e5aaf32bc108f","_id":"vue-drag-resize@1.0.3","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-blvr0vD/4wS8heaxzWGIYAVly4hlUGlq7LLk68GzpYGZn5BaioLTts6S0Os9NE6nsdgkd5YMzGNiu0cl/B6AYg==","shasum":"a34d4ba564cc3bf7a873a745f19b2aee43162eff","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.0.3.tgz","fileCount":26,"unpackedSize":101434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa6pUSCRA9TVsSAnZWagAAuZMP/jTzeDJnzaSqpEZVs5n3\nRWvBZCnzupxGmdlrrL9DA3RFHWNFnnj/449i5XmB4pxMW7ztmHlyRb+PsKEz\nRGgb3wJxqfahNUklP+IHxuPffn5rG+Fy1OLcUAssQa/J6duGKRAGJytM15CO\noIana1HZzFBwa1sCJF/6QhIYqaJ6wrvhvI2yPzEh3tuShTYHMcZj526FLd2B\n+pPeHI4QkI9sJmcm5WzLJQ1tuEusqFPWoO3S5tWkG2MtfUjFhrnuU7E7YnCW\ntoOIZmo3GpD61HoorvaSYFgOXKF6YYMss+vJB1JaUZcs/PD5p9C729JOKLoI\njSGkbCit+NF5oalxBY+qoxBl5XGQDc6cOum9PDahASnMgpcBrvZLOtusVFnM\nGWQKe/LwllOzpkP2PuY4DBJS7NsrWJ+/BTZf4Bgbgq4Iq3xcLvan1LV+NJlT\nt0sZtJAJQs+ny8a+Nx20G72QaaSyR/rLySTruE/U21SB71NOeD1ptOY6ac4+\n1OzjBrxLtM4kENuTjqrhenoH2ofJDQx5jf6Mlhux3cxFrQQ8AzavAegkv9IT\np3ZtPGA6ZFlctl4z1vBB+0IxNoLttsC3Sc/EbL+iNuxJZ8i7nk782UWcOPFk\nFlg2unYl4v2vhBvuR0TxodgI5eUkWytMIjs0jhcccB4IV4geLeFRLYvgCeLn\nG5e1\r\n=bVID\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD1dYkLsGH1uowLETdQYuPaO3HSvSVN2LJ4HR3Er+dlPAIgRu4lJXakNkFee2na4zFSVNY/4RQYpnB60sLX3gPXqcw="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.0.3_1525323025181_0.8906589899049946"},"_hasShrinkwrap":false},"1.1.0":{"name":"vue-drag-resize","version":"1.1.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"352d4d5dacbb2c5243bfeb30d50e80669328753b","_id":"vue-drag-resize@1.1.0","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-BGQOvm3GdJ1s/Wx05A6P4k3pRE12OpXWXPvxd3c/1uJRhhJ56C0VEpa0nPDfep/H/8YKv5YV+rUggED80l2v+w==","shasum":"95783a50b5538fb22cbc40df4452871e0296c7e9","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.1.0.tgz","fileCount":42,"unpackedSize":279758,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa60dZCRA9TVsSAnZWagAA/L4P/1onw6J5U2xB+dccYVqZ\nvAXN35fiyUaAb9S2ICvNcgzXFq8tIVCD76C7MdAf7mWEVKVodceeljfr84y7\nmox+zDX+mPDtB/LzMJI+FbMcMgJ5yF9sNHX/FbNPgXmgYwAFHtOCWykf8p2i\nZiIBW6bcdyijjHeUjt8IRBqcdRMyt/qeGUttYtPQ/o8OrqyAip+LvLkkSAfP\np/wA7TJ3m1gRRTV2k2LTuolFNeZqiWWP/1EppnvX7UWE47gYo/IQ/pb3uerF\nn/szQCARLRcpNyZgClgrj6W5Ir19RbnO0in3Fj+c2bO0pRdEKMNgI98PwK20\ne45o95AZlcu2rESP578a6PW7WupsLZLEQ3FTSPlOzmthczXwdNkhcMDBdp1N\nFyrlgoo0hfPhJw46+HHqfcdF92kqKYRjQPxzJ+HH7mo4JeLuOplpX71muJNJ\nDApMhQ9C7RQD1h1jUt1ZliLxjfHSoBN7PVbGKWt8l2uHoRf/zmdh7xUe3OTH\nHRUmhkwoshmSDlVdKP37gZcZsb1sAOdd0/yYEstUXgR6WKEHVLdMiQ8UalYQ\nocAHVj3iOpUyXkAu9YsdNo2hls+z/EUSwLfflafAuFKFFe3cNW61DTKpdT1X\n3iBGcOBTCzSDWZcXtxMiG5d6zOw8ibn2l6p0CIJ4Fexcg+hLp0m3iGcym3ro\nGT8f\r\n=huLK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClhFFFCO4qToLJoWHGEe+8WSa/2EXwSRNM8y83fPalpAIhAPnsg/d59tCx+3mA5pKR0f5cfBMqnARIhwzMvExVFsiG"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.1.0_1525368664120_0.1349901259166979"},"_hasShrinkwrap":false},"1.1.1":{"name":"vue-drag-resize","version":"1.1.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"dcd22cb251421d392029b65761a691e8709a2000","_id":"vue-drag-resize@1.1.1","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-Urql4tIHIx3L/5JGQN+CvmUhReT4X8vSJUnQTEIXGHlp8IpLGw5Sgs8Pmb8EPwc0Hw5Iferx+zuZtGk4/xun/w==","shasum":"ea79fa2853e4c77b54b7d759519d0a7c71190664","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.1.1.tgz","fileCount":42,"unpackedSize":287629,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8IxWCRA9TVsSAnZWagAA2QEQAIulAYCoBJTcNv9TMXvb\nJkRh+zpKd8EW0EZNYgBg7W/KJH4SzcWQPU+5D0J774WvkyuPAQl4vMTtX31x\nw1GV9GaotFzhRezKT5BI9FbxJ+gmXF1p7Va6hUjDWQy9RkXG/LiVuyX29VMr\n7FugULHLsdv3vrGbcavc/80A+i9x5ddb9V/gW0QSkpNxXRKUaZ2sV1mJAtFm\n2bD2JrkZvVFSbTGvW+MKiyC1NqdJxTAKdbIVcNNfnWyUc8uQ/9NmsWdlIAAX\nOakJrWLD3mHwKU4jPKTamExRZ6n5NYiMi7YcXeo2VXFWlz9Rvpk5xXwW15eK\n+FChjXsxNofgjOnOFR0puyT3vDZ4W6vv+gYZFWNtA191oeoDLBprJM1o4+Cs\nD6UoZ7E64EdTQ1Two63UEwPlm6NgeBxY7td5fF8tCD2WmJb2qEXKh6thw7/B\nK9HaKd/1vJ//sj4HmO0Mpux34WRZlMPHiSNHaq6XrFSliZ1EwNJQ4Tbe+bBy\n7GVox5ltO5EiYLChfH/P7LFgnUkT0nxqZCDLhJJkGBxcs7uDiebf5UIWXE0x\nusE5Op4v+YYMalFrB1nvzO89B5cbGDQ2cO4+8mLwwO5hnKtVH3MqZjKw+9uf\nDZRY4LscXRnhag0RC5eyK4tRrxKm15dy4YlKCSPhKhoh8lurOL6W2nu9Ooqh\n7+by\r\n=69+p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClABimi8IlNQfIq/bvIn+TgPLlI8n1oT3TLCX2xpO/JwIhAOPLG34skhucPEq90zA2S9gbWBpKcMPgTRIuBdK+6Xd2"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.1.1_1525714004377_0.6460964757454595"},"_hasShrinkwrap":false},"1.1.2":{"name":"vue-drag-resize","version":"1.1.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"975f8e6c0fee5ac3b6876b749857c36b7417b920","_id":"vue-drag-resize@1.1.2","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-e+rwG5+Imw1Fcn2n1ME5ksO7t24K3jRnVIDAho3BnwQu2UF6Yp2ptOZGG4S9rvITi2p6ULdYAbDcrfzoE95Org==","shasum":"4a88323f987858633341cfca4747a9384571effd","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.1.2.tgz","fileCount":42,"unpackedSize":284012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8YEeCRA9TVsSAnZWagAARCoP+wcP6YaOK6E+oXbtWi3f\nl97US1OkX9iqoS6MzkLLsHUJcXWUjpytUdg7sItF7Rz6XDGiZYN2f6PmD0qM\n52cNhtsLAnflIT1pKTArAOXp1kM4euRH94Cs9yDfuIB0ypj4aVOfmvi9nppV\nCMcOVCFFHhCS6unK3E0w1gaa2OTfebY59fHZQACZtj8aTU9KdSxqSrvy0XcP\nz8JSo29mXswt9LlazZd6GGN24lJoRDP0+tMRtmOTnWYvOy18C2jHBN0LDlWP\n64Da0K/nksGj8SBRCd+a6B8kGJXF3cwvj5/HkNn3NfkHavQYGSY4O+UTlUjT\nG9O7wieHVUu0EW+iyFaMAxsI3YISeflJRyOpl+zJk+MWPvkzL6zzEGbfYBiv\nbVbK1RkpU3wfUnFBDr43+G/nXYYx7puMvwiF8+TpqFpmWWRe+uwNw3mIE9RE\n0HyKwokPB0XvUMXpe23mDau7wANhpE9HLZrV34FjW+uL+q8KYru/5MC2i54N\n4BH16TRGFIUve0EvhKfVqWZZQwYwvlDW9CcF5a+kWaeyjHvAISi0KXl3Sl33\nY/ahXt2vHzufSPemhV4z2BKh9erF9tdikOzsLDAC2I9CxVxpLHk6JvZhC59V\nKee2y6wSX9H+rWgJwID8m2KGv56bYzHAHj+2/3so/1t5tQxO2tdcNrBis1dk\nLCTC\r\n=pSTk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9pQkrDMLL5d0yAd0VcV4ooZOP5sKCArfQYlQGBMpL/QIhAOKn1OBEolJM8HKXIGUcX21SMCVdS/C6FPEFgsdvKEQv"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.1.2_1525776669621_0.7203545088041032"},"_hasShrinkwrap":false},"1.2.0":{"name":"vue-drag-resize","version":"1.2.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"50b0020d9473fb9faab4eb18983eeda366bc2771","_id":"vue-drag-resize@1.2.0","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-3V7JxWJm4Zrv3p41PewS9kj/4oy0bI15qJnKqlDPHIgu5aYVZ/YVF9It8v/I7B1/wqsSjduAeJT28FWxRS6gCg==","shasum":"4ec0ebaff1eb10ba70e1373f4920382b62733ca5","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.2.0.tgz","fileCount":42,"unpackedSize":286116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+xKUCRA9TVsSAnZWagAASboP/1/FMECpNFPo6BEB0a+h\naOVnPUViPkQHH8TSoWR542hmzXS6XGWRaGWeR1sgYJC377GoL6kxeqH70auA\ndGMVeajl+BcFysdp3eaEazWeWJ0TcjViKXqiIhI4Y8w97h9RSrb+SIm3Fl1u\nfoEs8R9w9v4r/ws2gud4lpk2pRz/YFySymczsjx7OIKPPqxN6YRJ+i3IkxYF\nvpwIRBCnmHqn0jNgodcbfOzC9tCntB1x5mpZcGnViAIk8mXWuSPZzZp1tKTy\nxwOSFidLDpYYQE/bQ1chCS/Rhkkkcs5JYbFXEi7bfurWtSpMu8zDFx8t2LkT\nOHgAx5/p42YLb5jdQOsBnVSFLbyHnszsCofj1KLz004QYKwpEHoE+9POSi6f\nsUMDDnvgJMe0nesFqCP4T0m8TBOoBzTX5orXHGyO9t8HNczk4+oTO2Y1EAxw\nXAtqfB3u+OWFTFLqo7cBPfGNrbfPrfN7peb9aMkKbP2xjGCccphJH0XjyAKB\n1HpgZ+3y2O1ugiE5/oqMjJrDH7m04JO2OGTJaBzRgxBSszCZpXfk0MvrB5pt\nbWKf/KQEpFUdnKkP0KUxI//EpNdu9AnDbCZeevq3Ymv83p7DS8J6t/u8Lb/A\n7RUyxqb7qA3gyI4av393mJR3QG23K99A5+4UF57NC6lggVm8ieZbOh/rsetG\nJ4wy\r\n=bJEJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnsNTK1sgkTaqycxBsZS+UbFGn2WWDTAUJDqwKj2p0mAIhAKDpPoxAHsVnv5jIJnMhuhUCilylRmw4VfJINCNtq8Xu"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.2.0_1526403730780_0.07388520430582113"},"_hasShrinkwrap":false},"1.2.1":{"name":"vue-drag-resize","version":"1.2.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"65be8eb34a9c5ddce6617889f5aa243d50aced60","_id":"vue-drag-resize@1.2.1","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-XqQlWWuqaU84juos0+FUbHLup8uh8DwDKtz22A/ld+h/evbc7A+a8nblY+UnzieWEcXjU8ES5Dz2gwve3Ji8ZA==","shasum":"793d6e6c66ebf7e74ffa75c6ec05c891f251b623","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.2.1.tgz","fileCount":42,"unpackedSize":299044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/ChFCRA9TVsSAnZWagAAmrEP/jVhmMz5DFgSjDwns46M\nEwnioSKjKOHXZv/F4XZKdGt2jDBjvM1IxJkJg0q40cQbB6fs2UOjGMtaTSbL\n0WQMXZuzzYSw0KOx9/syKRvIuyWXHhvgPB5663qLpThqzCSWzQsHc/2qP4rg\nanaU37xx2KcjskyqrMZe7hW4Rcwicp2H9Q1FrmkQCP53EEjCFdxkGIFyc+9V\nhNVr8vD/JIxtraWTMj7mRDObkRNRXVkRWuM5F9RKg0lrKZvCFOL1sNkhFO38\nAUTPynJM7NIn30mEZ6T6cnUUIZM0QpyNsi2B1D59MSMwo2E+rs6Jp7GH+6Sn\nBQ4r3KCkGelzGGdF3XMqFYw/3+LIB4WNRxfW3Dcp8GSIFk5MK8ghaVPSd39l\nOwVoHNKUeKUNAcgLTSw44MsgGCq4WSiSveb7myyzQrVI0w2cFwOCWxIFfhJo\nJGRQivQKG9HQC7W8vO6RHoQ9LTZvY/lSfuXI/3r6eGeWzWmV514jWsNVq+qm\nmjL7oTPw462tcdQ5NCGTQBute5DoohwERAF+QjhnchC8kzGqw4f1hDjv5Yt4\nmJRcpjs5vvFkEUbelzsxFjWwfnI5W8W1N7yyuMG0lXjL6jubPugfS82shlaz\nPk0YNE9ZplcOiOsEsx6lhFyYLwBB44DmEFBgf25GsKbXcAKL1LYKclpZqrYY\nNsRv\r\n=oSkb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAhniBrzB2LZ+Qhl4Hydi78FxiMqh5CiAimwi2oEFhlhAiAKyOqNI5HgFkussagZ5v8m8VVDLLQkfUoZ2EcefWSX3Q=="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.2.1_1526474820516_0.4946198356334812"},"_hasShrinkwrap":false},"1.2.2":{"name":"vue-drag-resize","version":"1.2.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"3c8f7a40460fcd5087afb47481f0ea1750dd306b","_id":"vue-drag-resize@1.2.2","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-c/zkR4Ss5SqnAIS/Okw02wHg2Ftm34MFgDvbMPTZ//di5Ky2i301bnvxXPUrT4kp+YHNVd4nXdTF3dV7KOAsSg==","shasum":"cdef2ad69b07409b0c4031c6f5f600753ce872e7","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.2.2.tgz","fileCount":42,"unpackedSize":279413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbADqPCRA9TVsSAnZWagAAFkkP/0pl+9x0WYyq39wPNTnc\naMbJV9wav1HMqyLjy5H6KOc/eI+TjjlDi8pGMh0SOzy7xK/5WHfuZzXXee9s\n2bgu79v1jYeXHTNUCNoOQhfFcfMBqKS9Ii2N/5oTyL1q5jKuuiQSjuNaiuF2\nUQKxUzhjLVyf+XX/KZeqGWyqDA80uZT9GfYkTiWxS8tZCNeNNz59Ax7T/dD1\ncjhxNdtoMlr+ALzm1Coa8R24rFTFaTlm+jt/k0ji+jfwjM5ezGJUMoh9TJpd\nL9Vr9qM/ek5RpJbIpF/pSxee9/dt4I15BIADDZcMHTNefheErRM4y7Clf1Cr\nxANeCuzDD1Z+a2AKwfhHFsNAZiqvF9E3AM4yBWu9sCpWHOOUFxv508FJYIU+\nFQDm6ky+Dc8/hVcrqnUReot8djb/CoPlY8qf50qpfMJ2DSi/929pC4+E4H+q\nExKPDRM9Q+dAtd+ac2AvXrj52C5+L4+Nb5xdNEfRuCwACJiCBUSGd8+h+XoU\nDxMWjy7sDiPI0T1QGuISLtN/3v81Wm0Y93lStJhdJ7AvXr1I2i2TpSzEjF+4\nhk3kU0mnUY3c+7lPLsT/PRQH37icOo1KA/Dc7+L3kqvMNbNpnXV8ECX28wzk\nQHQIv99mWUOPM7quFeSP3Hrnl3gDdbhHiHuczIAtfcwmPDfD1m2f/uZTfItM\n7oyP\r\n=tHWv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+bu9Dc/YH+vj1cBfvicqPeLGzXMn/N4TS+k6Qu8EDmAiAJCIajKs8uolZ9rJ8cIjqRTC/uN8u7yl80y6UgoqUPIA=="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.2.2_1526741645760_0.2889797014921722"},"_hasShrinkwrap":false},"1.2.3":{"name":"vue-drag-resize","version":"1.2.3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"da11b818a3a899921b1a0098c6f493e2663c0eff","_id":"vue-drag-resize@1.2.3","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-DHbSNGroA3O6ihK3Q8xDr/iXerVeiRAqRdY+0qZq4+YerhZZE79Ro38r2JrRo+Hr84OnYrTaKNjyz2XlAPuezQ==","shasum":"8492fcc159e2160963a6fc8275676b8e9908faa0","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.2.3.tgz","fileCount":42,"unpackedSize":285300,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbBUKsCRA9TVsSAnZWagAAlzsP/R9WOkptSxMdpBWs8GDj\nAJmWVhmfV3YuD9dyc9Rna1yO523u9HUqu97egbLjX+m1UWDwJ/ptRXdxWr9a\n/3J5zOfMhUjIiWGPm+0HXzQBi2UzR2q9dxkdJ9O892Lli63LapgjUPLloydM\n9kQ4mDoTKyyeJ4YY184P6JEP2KpEN4wgALwygnJXYiOV/yjdPE/ZjUaRmS4q\n0KDRwddWS4DmyhUl5vvYdt96WcIQzS6rCIHt/oMAYCD/Lqec4CpnUmlf11yW\n6Z+sAjrn1/73n6CDpnzNYxwscxMR5vx9cUOBtstSyp1wRgfuypJ2cOqE91tT\nBHehmWoLb9NJJcBjoVch9Uw4bhMxNQKfaXM5TZO49ogL1RB80p/LnlmqneYj\nC5EY1chGAcvBG0WnTxrOdxyEJl4CfDGX4uutJsluECWYCVIUjcuRKVPU/p+J\nD8U7pBro3E6/fLZIZk+hWjrgqmdB5nyeoyGGTL7emW1+9g/5Rnr7OL6BKqVK\nak2aRm/YRLF3bkgsiGFNRKwsyxxd9UMcpXjw6q1RjkAzGzjodrHzLDLS5Kv6\nwH1ghKPy4iI+YUGUYZxNtult1WfPunvsXzzUhJKerOvyOmcfC7ihP8RzfRsh\nKtuQagLRg6rv9KgBmgm9vL80WVeXGBglmY7su+bELyqN7Ss0DfsjHgzg8j68\nW2R9\r\n=jQe8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAviHhecBQuI06CpBYxLi21TRwkfVgWg36S+E4ScJjcPAiEA4LL3MmOkZe6/5TnuzSMcqNrhgx7II8gfKNi92bso6YE="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.2.3_1527071403607_0.23890659301689943"},"_hasShrinkwrap":false},"1.3.0":{"name":"vue-drag-resize","version":"1.3.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"7a17933981a97d2a74a06b49d6fc0103fa2272d6","_id":"vue-drag-resize@1.3.0","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-cZ8xb23CUKDa8Q7elzRVLbq5iZKgkeVmBIuwVTkyGkeL7ikbzjjYqPv4I/CSvlhoEX+WZuKor1iWaYDOT+USNA==","shasum":"1b0c77c3f09ef9cbf8494fbbb8c82bfecd3ba708","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.3.0.tgz","fileCount":42,"unpackedSize":300413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNkreCRA9TVsSAnZWagAAKKYP/1KpHam4bS9Il47pIDXg\nsAO84aFAqOsZBmtnvHIgRijZWmGA61ELw3XjGKJR901OfCshUQeuZ6JHBzUC\nJGZ+PUk9O0Gv9XI67yrjbv+s9r+60Fsuf5R0rqGKqOYaKMMObSeiFyi+HZ+3\njwBtipKpIqlUDERZH24JKpUEH/fMVOECci32DVpvR6XypSsURZuIP+O2RrPY\nqLj+iWaCl1y3BVlwfvVHnDs0Cl644t87VBS8hhXOkfTjsAXOvLHFp1WSsKKl\nj7uTUmuegby3x6AIEiz0t+8iJYjKdNM/xFz/dumoxfOuyBTDg2Sh/WFPe0kj\nnEhHerFU/D9keowqO8l1lxGvu1vAHA8p07fB43idzqOYtbkXwN5GmBE6kzO6\n9D8tbUlJFhUv747e7DAMsZ9ujNjHQ4fpxEEfgsX9gFkhCjR5dfcn6FtOnVv+\n0nvh3mQey2TsALNIi+wNbHFlSrbJ1uK9KJRy5DM/TWD3dIF2CMo0PO5xBnO0\n9XbTuenDoISAmaAWvNX52ETwFeBXUjkMhw8lorpUDcimSqnebpCaA6YZYHml\n4llMP5KSQ/gALSvUFhb01sxslZ9zJrupVDqRNdh6Z7ftYTWQQipLiMmyNWsC\nkfy2S+7hfVoU1XKV9S4Z8jN1NsdBRL79MIjoUAbDJYpHOcMFBy3/W1l1sQYO\nC8jF\r\n=wAWc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICSAUusWdsB1+uwCn7rDqwEe+lhpo+kUZbEFaFMfLfARAiEAjmI0d51NKCcPsLEDgSIAdszs4MIgoYGTaat5L4w2ju0="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.3.0_1530284766637_0.3480002374943181"},"_hasShrinkwrap":false},"1.3.1":{"name":"vue-drag-resize","version":"1.3.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"7a17933981a97d2a74a06b49d6fc0103fa2272d6","_id":"vue-drag-resize@1.3.1","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-biue10ogYi7FvdP8K2pQS+nlVJoiEvuttHkKopAotwUuFVdZGOk53hvbqYE+u0xQe5SbqeMMjBJH8i0A4HUMEg==","shasum":"470d016ba5f360c7b69bf5056fec334e50cec11f","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.3.1.tgz","fileCount":42,"unpackedSize":289528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNkswCRA9TVsSAnZWagAAsD0P/Aj6q+E6xwTC1R+TpqzK\nRE/v7W5YTyb637F+dWE70289BD+MREkiKHYHwrTFtpwzfl1hLcqViUvGpedT\nO1ACUnhIGAek46/qncB/DNH/7y1MlxnE6WhqAR2g+SC3/VoAOubEpXH8BpX4\n4Gxy60Wi0U0Yt82Q7QLkT0UNtGfXz+NHlVizL1ZSq5xoYayEBl93PqQguher\nokpT0h3CWDzqnrV9HTkSvB3YpTrw0dH+u0LHRl7lHDpgOli/JyabkfNs4SRX\nTFkx01hyNDBKPm1+ajMb/6isTQZriagLJDPF58oRGjYVzC/1Cn4PddMwfqbC\nzDAudo3gLBMPA/LKyDubEZmnuKLIxn5Msg0prkgij9IOs4lVwovO+PtsXjxh\npEahD8lUJyO/CFRWVn2EyYssmt8hs904wZgKrMvupYXdi+QJQiYmCzdvtXGA\n1AuZRGmF4+XinwBt55QPFtYOyHMZe8Xcv/kyb5v3heb30lu+EQRcmezX1DVV\nV1HmDtS89Mf8zcog3tW1lAjeky/GAlibb+09G+aexOdTgFveDvsTzRf4CgWm\nUTJiKPRxXFEFwG/LznQlVgKuczR1AivtJOnplQGF+WKtlVfzQyiXSenMQWO7\nibDmhtZ+gAaxjzD4R2AHroJq+SZ2fF84l34dVAMR4DnK6smCmbst27lRwR6G\nkGEa\r\n=Grel\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVlNWQiDPWikQK9riO7EcN43DDqPkq/Fe/SDmTEo8rwwIgawzBtHuLP6Vvt9eupEJd3kmhTpf+jDP7vHhvxEYA6tw="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.3.1_1530284848157_0.2580979906347982"},"_hasShrinkwrap":false},"1.3.2":{"name":"vue-drag-resize","version":"1.3.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^3.19.0","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^2.4.0","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"b131ca8c84cc4d49779628248aafe3dbddc27f04","_id":"vue-drag-resize@1.3.2","_npmVersion":"6.0.0","_nodeVersion":"6.11.1","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"integrity":"sha512-XiSEep3PPh9IPQqa4vIy/YENBpYch2SIPNipcPAEGhaSa0V8A8gSq9s7JQ66p/hiINdnR7f5ZqAkOdm6zU/4Gw==","shasum":"99132a99746c878e4596fad08d36c98f604930a3","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.3.2.tgz","fileCount":42,"unpackedSize":289823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNk7wCRA9TVsSAnZWagAA5t8P/28Uq40UrbFafxQZLYe6\nO3KUeAzAXjecX24K25wSpU3ay99J2cs80nqGzJkNBsml6rYevNgz0CIeVCgN\n6RLIBQQ8C0SvshPxtsm9Qqo2vgZwVyxdb8cpXUINphfmw6krRpxzfj7rIQ7W\n+iHA3MIFDbE1UpK8/eJhxZD8Ph5KBpyLefPJEK7TPrzhceK3UwynEJSk/qDz\nAN7yIssXvj4U2m1yY6khGgOfk+fdgwiXm9ATFpHXIUzcuuTQ2ktZl7JACj7f\n/qA5ukY6p3nTnAQcz+sx1piL9V49Fe0THAYQSCJTop6G64NRRDgHEirbNDBZ\n7kiEzxm8SBjVrD7vIj/M+ujzdcyvu3kDUhFbqf+0w1ZgLG4pnY/nuUaPW1lw\ncOU6jGvEm0uc0o+knMiqDGwLWV8wlSLUf8JChh40a4xZtBE6kHy16wg3yLjL\n0+5k6qeflZSjYmTLQxt16UkrSjqobAQekNjv/WFcsacrdiUAqGUhrvwkX2YT\n4b8ce05rqBwEYv55um2nmX22qm74YHiIjtfB93wnitOIQypPh3N4HiRrnKNq\nS1EgrMIe6tI2AMCYrKYnZwHMQDvvIp8QtbuGTuebWSWLhYl80omIFbSKNr1B\nL1eQ4XPtBfZY/F7jcpJve8+v0S9M3pnUqG2oelK6xaMGydSRFGmi9WGU6/kb\nYvcK\r\n=yrol\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTykTUTwbfpHXu1Abke7ArV3WADh+kzWa62WN6OGGpnAiBBX9jItCb0yddOfvgQBXdvlrLaH2f6l8hKRCK4rhKCAQ=="}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.3.2_1530285808453_0.947787998450484"},"_hasShrinkwrap":false},"1.4.0":{"name":"vue-drag-resize","version":"1.4.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"f2cf4b7d10d8da91bffacfcc7a0537b9c267314f","_id":"vue-drag-resize@1.4.0","_shasum":"7dbaaec601fbe82acca0cfb78008dd89cefe155e","_from":".","_npmVersion":"3.10.10","_nodeVersion":"10.16.3","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"shasum":"7dbaaec601fbe82acca0cfb78008dd89cefe155e","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.4.0.tgz","integrity":"sha512-KN5xQAynp63K8ZL/Jmj4sezIPZy12tCprZAeMfEURjchEWKZw+BGQ5T29m/LS8+hjL7mdlHvv14LjQ1PRRjSdQ==","fileCount":44,"unpackedSize":945749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBs+MCRA9TVsSAnZWagAAoVIQAKDllCTpzl7sadVklepK\nzMVGfoKh75Q0zeefOwblkLtHd7Iiym2s2XeEvHiFvgIj1YYPWNrKA7HF56lg\nKIG408dWz0xr5xmphAHR7iVIkfY88dTQGTAiqe8VEd/piUGxoHoWyeTdrfGI\nz6+rDSJS/ueaBhYaN3yAzEa3vABzo3vrLJ2K7Ea+saij2exJ1Rpf507lqzAY\nL7xJegY02hALBkbKeI7HoSFdRsMK8vCjV/yBo5HcAOOyGdi1hPu4eK2CS3NH\nqsk1ruFT+28n0bhlArYNSqaFg7Ca0s41UF3y4jTGicBeZr8NitxaQHWqNPrW\nfA2ZklxYpnuo+tlm7oxcjN7ye9Ai1MP9xO6MuyHkYTJZnDXHDYTJwoStc2oZ\n5lUufpZW/huc0650aZNONvENlKS/okD6cOTdzYx9cH28WlLzURyiTrY1GSAh\nOun//OUotfzLiD71G3JiHVwZI9jeGG0vmT891tpdmZwaBVJDTx0WclXmEcmI\nqFPbTAcjqoLPOVsjLnRO0TuvrgnkiMRR0kjDbL8fzV5avHGFir2hJ4tuNaaC\nRQEdgtYhIAg4EAyUP2EyedvMmu3w2YSIgadyw8mdM7ExwF+7XvqoDvMvqQgK\nolaELujdNymN+BvBYtQg9zU7pvJlWiVno3eTBP2RbVK/IPT6dTyYmWNnumft\nA2n0\r\n=xUSU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNpkh1AXsa7VgSSltxQCtTgwMo+VENopwRY73zcfMWAAIhAM/UsiBeJUlreOy2KPyzgVTRZscNaPeAwRwb/WqpGdg/"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.4.0_1594281867492_0.04238261539276156"},"_hasShrinkwrap":false},"1.4.1":{"name":"vue-drag-resize","version":"1.4.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"700a707e4f2f328ba654b68790afeaa3478cd26b","_id":"vue-drag-resize@1.4.1","_shasum":"bd2d2f99e356f97831a504c23d5adce17a9b6268","_from":".","_npmVersion":"3.10.10","_nodeVersion":"10.16.3","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"shasum":"bd2d2f99e356f97831a504c23d5adce17a9b6268","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.4.1.tgz","integrity":"sha512-8ES66/5O00J2d5POuJq9kCdi/cpaycsvH6YwJH0+ksYKTyHWC8JSm8Wd0pRy50FnRawhczptebIxrbOd8r+6qw==","fileCount":44,"unpackedSize":965751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBzVsCRA9TVsSAnZWagAAmjwP/2UUW1I/vJkXH+eH69u+\npk//GsFTi6u5gN8rSJLsbpOKjjiYYc+LPXES/YKR1v3nbOpqmbDkS9xuF5SG\n595bcymrBIhyyCV1BcUJPcyVPxDVlrbn9rE+pfKHjj3rZ7y79QXHlSZFywHH\ntMDO5jXs1Kr/SA7NzzK2yTKXjFFluJKxzqLjwwYdSNz7NWv8mhK4x0I8X5oF\n3T9Cpe7RWL8Rw+B58H7HbtQhGPJ4pcoogMubK4C0PaGIDxcLTzW++CUKxYOz\nLq0a5VriYXNJmk42y4cMXOZ61b+uEjO2bpxPo6rh4mxRd4x8JmozVQ+Aq8xW\naPZCkflHxsAR4J7UtGuTQ1X9Coax/rN7N+hzPUIoON+wxvXcfrcKGOVk0kOG\nwnvXvVkgUH3sf26A2bwP2HvnUXm/i3gntsrT+AJJ07kXe+spOH4tV7QbRhea\nwiJGZlvrOlP0roe2DzQ0/IF/qBmPW/61YCrqY0kffRh26HjuQ8BO3Ka9Hg4l\nQ5svEqpZSmetcMLCRe6HDs8sV9/r8CNBryEEp5a2UvfPik7WOord+OnaEla0\nO2XpAYRQGUCNf4gi+fWet/igT6P0N86KoDQMQZ2FIjtzqcrjfyjjizDiGc3S\nY0UOVV9bzNs7GpSnDeHMCwYdsofjs0lba8fQiYRCWCmCX/UweLngAMk60OX0\n4Dmr\r\n=q/ZO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/wOUGXirfiN65ZyADXbCz2ZYg70jBehjAV4V/ZxXJ2wIhAJrNBqZwn1NmGlk3lJxp1ms/6ui3DjcN0BYGHqMBfpTr"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.4.1_1594307947543_0.03944886597817243"},"_hasShrinkwrap":false},"1.4.2":{"name":"vue-drag-resize","version":"1.4.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"2fae431d0fdc63bad6b3dd4812d5e8ea7affb847","_id":"vue-drag-resize@1.4.2","_shasum":"656408b52c77c383a6aafb08c32bd220f0f25b73","_from":".","_npmVersion":"3.10.10","_nodeVersion":"10.16.3","_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"dist":{"shasum":"656408b52c77c383a6aafb08c32bd220f0f25b73","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.4.2.tgz","integrity":"sha512-rPd8JkkueBegCX8niJg3aWwQBfys9upaxLDyH6+1Gkz6pUzldhVqpF0hragppo68q6NWqE9fbvypWVI43AFyqw==","fileCount":44,"unpackedSize":966543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI9HkCRA9TVsSAnZWagAAxhcP/j4J9jNU0+I4lCW+BaPg\nUyHP7JMhCq8q0NRAukDwWLENgaK50Yva4yXN/uiZcvg1eOTNhOLXYYUxxjXS\nee3sy52iyS3QzgMYq30GthYiabWxw1zVqvVrskD/myefpEVAYZxDoV5YV9Mt\nBe+Vl3floBJ6mXu2cMW6b7YUCE4I6sjpmYICl2eMN5w9Vio9i0LNG8NNUUoy\nHDfUmrjkMcTBx+hW9zP0F1Uk5yC/1rnGL/jgqHqsw347f6COeDzR3v1B6/HS\nP4LtdeqIYChhwaZ6Lh5Y073nLy91MYiT/43IXpBstpuf/5qQTMay5YtRdNXu\nmch7mId7uxkk9HemC7TdDMNFq7ZCX1Q0Je8+wkSMl67LlMBLukdSaFpLLMyL\n9wQVOyCKgQajj4R6dzAo7ufMP+sTBIfaxq5nu3QXOzST6YGeqNggYcGf95nX\nh/MOV0BgblbFJx/D+jqWTU66l18EdChqtcj6an0pkIU6buMglThQEieWIhBK\nMt6oyd7jSYXnNDa88WIhmk47s/xWMublP4CP+12/nETepaY6iYoEQId7uHpz\nUik3z6nXbiz1BSQWcO8/o5A92fBE43ekBYUcUr5CE/ecPI+ITi90nxuiPjVD\n6XKEX0Cs/9MO87eRKIvLZkrHTGAnQpLjXKMOtvhQhl5V/qWR1vM/uTG57u+T\nR8Tm\r\n=s+mJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkcZTctyvrUZUOJx/u13NPPjwetwRu9WJnGBLEpsj6UQIhAOYeIWr6Up64l2q0yc+Wh8cx3AEvRk83h+xmnSpfZBo/"}]},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.4.2_1596183011333_0.14320438649401246"},"_hasShrinkwrap":false},"2.0.0-rc1":{"name":"vue-drag-resize","version":"2.0.0-rc1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"c2c2ffaa85e717966fd3031f5838f18a17123efa","_id":"vue-drag-resize@2.0.0-rc1","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-XkG3Wu7TOoE7l0NZ4a+nQgR/fWoaYEzwoHFg2pVTVpdEGUf4muYhv4csS8xbCqtY1OJV8TEm8RkM4/KD6UTvXA==","shasum":"c5dbb707a64c01e3a235ac065a7e861311072778","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0-rc1.tgz","fileCount":45,"unpackedSize":117823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbI1FCRA9TVsSAnZWagAA1HgP/j260p8l+Ba6CLVnpBgr\nnpvxtxZxSosWP9MOxigfByfrF4rneGWOia6BtBBtyCm9LqD6XQhe4/JyWOOb\nbaQPKX3WhLTrJlKKpDdgLw172aLuLMW8HchnOt3pygRQtsA8ytGOf5fC6/wP\n7hyxx2fql+Xbg25ogURhr6E0PopXx3/94iAuKgnnncl26Zmm5wkG8ggd9VAk\nmaUrJMjSWWbbcI7SrxFY2RiNWOJnFmmn6nX3L66Uiu5V+bmn+XpI+ltnH7Y/\njMaNrTSc+2tD3dG4xHG5WYgHk8hKSnvEusjT+7x/ZjnjSJP8HImoiFWf+5Qe\n9wlcNwZ5SPhaApVuYlXKaX4TlqFMxgYVnPOJrR3dp1NepN1leGIPbmK9GsCG\nVYNsKlebXByWTbGY28RnZ/69BsNMQKqVZ9GKH7cd5hIwnRD0hLLDSi+9viXm\nFlFKf7ttoHt9suWbd/lX/vBI5o6nCMLEn9WnCYad/S877bvE7jasTnTSabyh\nPNOQ1WKwNJmxjBvv6cFQqvYMU4w3nTglf3nbqQ7N5u4HyqEkel9LwS9Kuown\n7lCDTduw7dKLfBsXdXd/UPHHx8f/VCF/0xunzrquDcvT4L3T1IfNGGubI3uc\nQzaJRtQaswI95LcAzEXJU4lAffUaVLroidL+A8ccOPzehzA+OenDeGgMZGe6\n8bAy\r\n=6pRp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWZ3aIoNZ5wPAUHH6e2NXhaRoBLWjhQ5j/SmOPgEe7FAiEAybs8mZVWXdDo96ygtNIbSRmIkUGICHEvdkY+x5px0Kk="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0-rc1_1617726789025_0.1259607490750574"},"_hasShrinkwrap":false},"2.0.0-rc2":{"name":"vue-drag-resize","version":"2.0.0-rc2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"c2c2ffaa85e717966fd3031f5838f18a17123efa","_id":"vue-drag-resize@2.0.0-rc2","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-RHMyDnUZdhRZWgkqaH7RHE+zoENmlU0b433Z07VK5yvsniNrDU+4TpipIt8AFNBULcLfpRa6o6awKTAOr+dTJw==","shasum":"83f2276e2e6a9a0d5c26ded5509acd8e2fd81fde","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0-rc2.tgz","fileCount":45,"unpackedSize":132476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbJPDCRA9TVsSAnZWagAAFfMP/A8JGY6Q+RDAPnomY8xB\n2FniGU6O0mRyU5jFkWaYVycLZF06LfhJJ3vQ8vxxJkaGsgGchO/Hs8JgwvUI\nDgLOJxPoGFGGV9GYuLngukgYwXwPt5HjKF4/14zQ8lb4jKIai2xL+j3cHyUw\nOV2AEZMp5IeluBRNz9wyzvos9gfm1I7+AJ94L4jRGCkfpKf1fcS2BzVv5Epg\n6YyPN/C6NEjQ2B8CHIBCWjFj7Oz7oTiPC7B6/v191bzDmClD+LwIYn1e+rvi\nT1o5A+RxFlQKRIJPlqeNHh3mBt5B3uwCjmZD46W1xLs5dLFt6lK3m/lXmnXV\nyQguqbluAZPiDSz8fAOr6j7hpMRVXyRBjWsmywQAl+49xV2la1CC0ORGdiwH\nFS6OKigUNu2WhvxZyAfVUaSA8OwtubRJ3DyV7euB5Vvb5zsUeEMr/eHQ5ZCt\n7mxV9HD7MnakPoAxC0+Bf/y8+8zw04tCxiSB6clz7jq0jx8LQgmrh6Yv2+LS\n7rkqTtsHAp+hVVo/5MW4VEBlPkFDxoo6pK/wzt5xQqXOJe38jNFVpJJYuwsD\nue5eHw/F0qe6+g6w4Dg7/1y2rVkZ+yqhxeAuItEM3p3CkSJyb9QH//KZhC+2\nykcHdV/90CHH17SdEFUs4bpM+W2Znss0wBYa6UH3NhLdKJHadrL7Nbhl80g1\nbhV8\r\n=CTJz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfNCbYuqoWuk5yue3IdjnBKtArFsT5tqJS9hDtpVX06gIgBJOntC9hRjXuM7RR3I4w4f51ZoGhPoNxOvv28Hjpk1Y="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0-rc2_1617728451111_0.6675345052359667"},"_hasShrinkwrap":false},"2.0.0-rc3":{"name":"vue-drag-resize","version":"2.0.0-rc3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"gitHead":"c2c2ffaa85e717966fd3031f5838f18a17123efa","_id":"vue-drag-resize@2.0.0-rc3","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-on6gkgUTQC03IgXFbLaUO3xIuER9dYIPNwTrkiJGEy7wfXmlJv4mjJSX7yEIjPe+XnnApeS9wEvGx8JDdlKk4w==","shasum":"9fdfc9b0785537ebb5fab7100a2428184c84a6a9","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0-rc3.tgz","fileCount":44,"unpackedSize":107791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbaQcCRA9TVsSAnZWagAAu6MP+gOqvxkTDKxg55KnHRRr\nUBxPnSnk9pdnTYU76KiTiIdtatV/RFB5JgRNZXmKHp87a5nJY1irHdPfKEHt\nWORYxl/a5IFU9sgf8hlfUKr7ni8Ri13ueuhf+E6Lp/uYZJK85Lp79UIv7v8/\noB/1TopvfWGDLfcGhFT7d4ymat7Avctzjtt0zD6B5kvCTCJfv6u8Cv3PFSli\nk8zd2sXu4oUKWAwdZJfllqqTNKkUN2mMk1YYDdEAfNLx3St99FHWOOmLeL0Z\nncaetyBQH7Z940dzVWyIBi8jJv74KpJHy61DNVulbANlEqyE8WiozzvBs8Kr\ntA/UXv0AKvvC5mHE6ibJImaxNXafVRVPhv/mgxHR902eVpz2t+abaLVhFRaM\nKHQt1tHHnGc69eaIQIcCpX53KPydjtkwqtQeo1ze7Fl7713EZcmXBNHozCCE\nFVZselEfL8RC08Ir0kUIh3Kj7e2FCGdD1I0qRHmd6nYmtHna1Cu8zvREAPME\nr5O78Q4ALwiFBWKUIap2xUAS/s/tfWZtDyTaAsMasyGtjnC9X3WOqUjcTLfo\ntcEBsIEGcsbVlgX1WzTtTW1ueyHzKmtuf/hAVkGEF0TWnDYf+IRhu3L3Wprg\nC4sWpDbH9mqBkroTqwvipzOOm3WGOSFquYRvnrIKIdaQgnJ7/6Wnv3iwRB8A\ngwEk\r\n=G8YA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlSCBIJB7dkzgnD8cr8v+/h0UGYkedvCH4rndOVQC9fQIgH4yKycintQXjWVeFDFwwhMSKmynFsVkW61TWbz+WQJI="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0-rc3_1617798171557_0.16572654363029904"},"_hasShrinkwrap":false,"deprecated":"r"},"2.0.0-rc4":{"name":"vue-drag-resize","version":"2.0.0-rc4","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"c2c2ffaa85e717966fd3031f5838f18a17123efa","_id":"vue-drag-resize@2.0.0-rc4","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-1TOGcdizntZAtZG2AwyGM/hstVYqw5mRYmn++EiwEMLHeWBmQn+/FlKvOG6D8Lbwp0f4kidkbAI6R4oMtV4i9w==","shasum":"d4ce68d2482c0118c4adae96e565d1c0e44a1921","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0-rc4.tgz","fileCount":44,"unpackedSize":107791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbaUcCRA9TVsSAnZWagAAs+AP/RACW6eQ6aVPgJPP+aPb\n85gFprIOUbPRhAd6lqrHpWS7We8hJ6ZwNzy4/ASgqnhISxobhhpJ9Y7riMHK\nyQBfHSLBu5hVq37SJKLb6+cH0nyWS5lVhgg/cEvodF3xUpzxy5la5SacwojE\nWFojBPmY701tcM11kQ4q9PmSred/UOzPKZ/6Yoec/xdZ1gbMP7lUh4ru/hSS\nm4pcrGKIfCf6nfq/T/g1EvJ8hStPoUHkLzJ5svDvcyRdgP1N7adr1hUqsRUH\nd7O4DHsvOE6zUnTtZGfgvaCiuj2oyu2XCAC8VPR8Fj/+TCzeKcTPyV3yzpTm\n4iKttA80VKq6ap42nsLqkJyrVJCZ98P1upDXqj0KxU40DbgeaDICVgr/JwYw\nURCGhqF4m/ml1/E8rZJAPRvMG2xdTjOQzoEk7n4w3k1eSoQP/qQryubtTIaK\nj8o40PVNRYOVRxcS3a/6DY72YwSxWCy8hoR7Msm7X0+If0m4/eRdHu/+E56+\n/xbzoLoep2fy0wnkgLSFifmRZRELsMhxYHQGHXw343/7qj96SWfEq2YVuMPl\nCwjdjy+Zxc889IbtXHbteD4DFMwrp9+JsYgF1BuCAaPrKinYeuYZFwjAoOJy\nNGvWwiWoh6pJCKYjkhdxaFPl2tER/VKNL8PefP2t2jWiTRAtP/PYNvEi3Wgy\nnAi4\r\n=E6wP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmIp8Q807iTHE0obVWZl0xujq/jp1SaQ3q3ZpgQxgftAIhAKeppRt3oXYbLX4ruSvSzy3YTAHZdn/HAxwtMnLqgpuG"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0-rc4_1617798428534_0.886156815372706"},"_hasShrinkwrap":false},"1.4.3":{"name":"vue-drag-resize","version":"1.4.3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","gitHead":"e8da62224fc45057e1ddba71fc94afdfa4bb0c89","_id":"vue-drag-resize@1.4.3","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-7+IxBEU4RX6kwwkJ1EscXQUtohwZp2Wxn37lnfr3qq7/gNjVQx/mRcNVxPhi6MPTirqKH3EF6wgihFoQIEamLg==","shasum":"8c4d2e6cbcf34d763cb07c2a2d94a16b33f100f7","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.4.3.tgz","fileCount":39,"unpackedSize":103476,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbaXnCRA9TVsSAnZWagAA7mQQAKL1UHSKEjLQ1XriQt1r\nAkXLEzodaUy4uuIZHwIaZ5tB4UjmZdfr/IENyJ2PIfuaeDkSVOyJNPqjTh8w\nZLq13xkC4aqRqPGlCSdHlMgcO+KPth5py6ZC7tjGYCcMSKGH4lzbyAv+Th9I\nP+sSh1Sea3Fns/bb2WIPIO1jV4VuxpCowmkBDWeh4A0OhaDXcXvydctGBqdL\nTm9k1ZHKELhUwc9M/tqmUfmrX0BUZv8aGXSIBBZKIsEuAZLMPaQLTmeecdeo\n9RB6E7J4syLhmjhJAz743vk9dzZiQYb5BZXuW8VyvVrOnV0MQIb10dRl9NRM\n+NELWLuoO+0PzzG4COPS8h3aQyrBQ6KYfWi9ZV4CNSinsiRki7vimN+/HQD+\nk1Spr+jubAu65hGvafx2PzIPRKj3QS5YR0RJ7gZ8ICOlkQJkaGdlE9Oy4S8x\nDCXursrPQv7cTBsfn5AJ1it31NZSmjF2rMRs4eDpYrizeVQV5RYYhAmHYnpU\nGOCNfMB45IGadEXzA7OEY/6nHT97ZVskhiR5X+OAk7J3ZMlY2rCQ6/+VR4dM\nn/K30HxwjweKejDth5XLSEcloC8EvayLi0MMBkalaIeDKVKJCZ+64AyN5+ss\nP9Ttug5MtWLeLfRBKq1Uz2Bny8bruoJhd9OCdBPcKJr1pUcN3nfjRosM2Gih\nfm+Z\r\n=91M8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3h5suO3y/E1AIeXbayj+ln+HWs0WkcBr/GS6GpVi1DgIhAN0rpJh3Q7G1tt+9RUlyVrJgncVk5SJ8Jnr7LRc1OYDa"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.4.3_1617798631091_0.5900352950696826"},"_hasShrinkwrap":false},"1.5.0-rc1":{"name":"vue-drag-resize","version":"1.5.0-rc1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"e8da62224fc45057e1ddba71fc94afdfa4bb0c89","_id":"vue-drag-resize@1.5.0-rc1","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-DanBgdljH6HtfMPRu6LhYWdVqZQufZQMnVvSHDH+ULzclXoZFrd7OpIP3fGAr6ddKa4S9Ss2tiyLR9mQC1oTxA==","shasum":"2b052872625b473073d024c8144c7c34f446d354","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.0-rc1.tgz","fileCount":38,"unpackedSize":82398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgba0wCRA9TVsSAnZWagAAWpIP/2Fmvqt79+f60RlAVyAN\nvQpT+4MxrjtD6J9bcYLRo9cgDuHo2wLsJL1E/3x/Mle++kgiXY+cGHleUocR\nvvZSqJtEhIk/tgVe6Yn0mTsxGydVnAIKzEbJL20rQfugE4oA273NCnFxTCGY\n+v50xow2Bul+qmvhGFz3xM0F5JePXJ6GFoE0i6SPA10vcjaY92K0TelILoWL\n6HovrEa6Yg9RMpmrU9ZExiCcbW8i41/7vTdnneyepPCVK5Pi2UNnqy5wYoOc\nhIMPF/dVVg3JWiIts1hKIci91AmTzIHryJvtKIBZCZOTNmiTjge5Vk4c1LnZ\ng17tbYJ5vpuhQQS8B+I8TQK32Xj3xfpy4QHC8W/lADMSiGXMX5LGkqgxR0jP\nnZMPzmd/ziKPkzt9/EAmAf8Gkjdeev8lTCR71k1F4oG0pkzOOlvA0XsbhRyb\nzDvl+kaMlUry3EcOjG5g9hwh+9cyiTitxzcIt1um3eI3sqW9REjRC14l0V5Q\n7X1hOBwmVTqR4JYqnp/tapw4/fCM2yqcfW3twkBAu9A2gwmGOdphqhZWugO0\ns+7q87Q/yb/1iNaHP/NmXutVlZDkvGbX5Rgoh5ycBK7KGgLlEkIWIS3ILNyL\nLBzeXIh6kzFb8OP7DWtawP8ryMFM3bHZoX1Frq3sEdNLlur1yqTXfo+whOBm\n+aTW\r\n=Qq4b\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLhrabQpuvhtnHjPmRgxFmdXiWTJeKlxaO7Q4MwILJUQIgGz78IcHxzu0Vue0ar2at7qqFgsFp7hvMUDf2hH4olwk="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.0-rc1_1617800496527_0.9525620332333133"},"_hasShrinkwrap":false},"1.5.0-rc2":{"name":"vue-drag-resize","version":"1.5.0-rc2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc1"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"e8da62224fc45057e1ddba71fc94afdfa4bb0c89","_id":"vue-drag-resize@1.5.0-rc2","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-8Y83u37ydTgRUWWv4JG0wEpTe+JFpl5JOZewq2Aq2hTgKNNfoZjecN/RJMhX7ogPOECkxRYNeIgRovRmbTM4qQ==","shasum":"7b565e3e96ce424240f66825dfccb8b2f558c9b4","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.0-rc2.tgz","fileCount":39,"unpackedSize":104527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgba4WCRA9TVsSAnZWagAAEgIP/RznJA3jrkROZroo95/H\ni+tMN/Y96y65LLaYgEDACNOlI3YPdzgdZ2WT+TcqxM+/TW2ueo4RwcI0Y7Wn\nSVfhbxi9xTSu5WKHRK0F/L5tvDfNPl5RQruw7nhcHJd/AfQ5GAgfnO3K6Jq6\nYg+KD+5o5jkrlMF4oANI/THfHH63WV8oER/1tgsVA0Nlyss2gepVs+O6fGjZ\nwxDyr91vdOuAFw/seDH3dIUxPgHwLEeHvkkeMKVkIUkh7kMJs2dPpvLVb8NO\nza+nSkmUgyfMFoKd4LgREwyyimb+c5ckDKfe5agKhJv899WrPcYj5tgBNXMy\nrbU2H+C/szSbJMt1ohupZrH33//pnNj8onjUV3PkveZXV3OjcbZZ8d1n1Yoe\nv8qCdQxts3OIs0zBFs+bXgN+6Qr+7HKh46JU0Vna+56PUScUrdutOzPLvJH7\nYe384Dtpk93ZIrotaIK8Fyih5GM77ZoVIOi0cJ4eENul2rHiIkAx3NnvR9Vd\nHCUp85q5XoOzF5VaEBQl10WitgfSTOYZ9EkZvdLyoGO4EwpOUASfLF306JYX\nnIHCjfCJK5zlDwHhU9Flj/QwG3or5ywEGyFUF+DHfbNNzoMGpXi04vtntypR\nuQViFeQ8CLHg/0nBjVpjfUZRiRizVIlvK4MigL9O/wmzUvOE9PM/iHuZeLj3\nWU4E\r\n=/COK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFA9flMKEPZYvGJ3x6+E7pm6LwGC2ll9N+g8bCJs7knrAiEAxrfRBVYpqOGmwyhde7t6l2HJ8wZ6enmy1dn9C9iLwxc="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.0-rc2_1617800725583_0.5840782107258355"},"_hasShrinkwrap":false},"1.5.0-rc3":{"name":"vue-drag-resize","version":"1.5.0-rc3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc2"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"e8da62224fc45057e1ddba71fc94afdfa4bb0c89","_id":"vue-drag-resize@1.5.0-rc3","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-zQcs0TpsAdDdGNSLeTJ5kqVWsY3JesM+AX+0FAMlsUdK2uHBZ0sdfKzIET1jIXW015b13X8+2c7e/X+oT2Mk9A==","shasum":"ca0ce2353a7f26a65a08fe17af0e7139ca6ca697","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.0-rc3.tgz","fileCount":39,"unpackedSize":100602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgba7bCRA9TVsSAnZWagAAqgsP/3SUhdNsGYHofsonNkFv\n5c06TIB7NuivVmLR7xsRRUTR/ibOs399OQeDDfm9tiu/Lpi/5N4Ip3yQTRbB\nreQZ1Lce5TVPyQIlYK/J4MozdQCtyIkAoT9QJs1n9yXG5Za39j2OLqS7/kko\n63bjbVgZAvTY3B7/DuhGEFcINHU9LkNW0B6WYh+vulnZ5dpGso5cvPg6sX8E\nbLneHX3lLC6S70HycwOKUNP9L7uBOmKuiYpB1i3bIoDwiX5j1kBrxYgiIvZY\nlC1pf3oRQKIIqXNkWm50sIPneHy8A5qgE3EsBSi93mF/mlOfzBU1Zvs2Ju8K\npAbx8j15KDIOlhD7XFuGL8X2fz3Q4j4YHjTVj9+d4izVX3vTImkp3vetYQJ8\nqOdeSgfb+eO36DEFIUaXQCIWytp3MIufxRwAznhFQlutsNllW7NcOHDsDFRL\nUgs3YiYx7uncHN8TBCyTIdk+V732jYNsn6pPc9EX1dl63I3a0HrGU8SKakl6\nmbKYPY3Am2ilQO9UJZJ0VimZsJ+gB/2JHimLT+RCRTMEoakG5XikmOTWY0jP\nrYsU0j8vWX2/m/NnyASJM6m7AZsqgfp/hlgJycCBjKGgXSy+nq8pZyMOmuTp\nc2NIAwdAt5DRns8JIiYdJBRRKJkazDn2m4Hi6qbGZN1KGyHljiImFhWpdan4\n42G2\r\n=hZ0v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgIDAvvZ8FjjAQHBFjyfuEhpVfWvIGPzqrLiOpeY1GkAiBK0EFnpArpfwE/zWItKslGsKSb14KDnYHNM8Un6E4OvA=="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.0-rc3_1617800922904_0.9239901829054176"},"_hasShrinkwrap":false},"1.5.0":{"name":"vue-drag-resize","version":"1.5.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc3"},"gitHead":"788ba4c0fb81b5c6fb039b7f39667f6cce9c78b7","_id":"vue-drag-resize@1.5.0","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-Rz8cQvTaaYqoovbUAARA6XlKvbqujASHB0eeDMsl/LX3u8ZIpC6pNex6KYzIm9dEfJBtD3Twms3GRRG0tqTENQ==","shasum":"3c0999623174d44174c2694ac26520f4462fbd98","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.0.tgz","fileCount":39,"unpackedSize":100609,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbbJtCRA9TVsSAnZWagAAEOMP/1jhUmTPuw5PfoP5/YyT\nIlAIaDX7ZUFtuOOnUH9sNHaViwq8GVS+UZzspXY5KPSWsMKT/+yzg+/iIXtp\n8skJCQQjoQKi43+C3BP8iqiFACpAhKaH7Vxjt2OIymbT1KLIqqrttB6hP0u6\nZ0M82PGfzJfgS4HEN+x6FLOVup0vLdYh94zIPbXi6WixYCCk5NJpbmpHvEgd\n7EU6UO2janvF4PrOZd0h37qUM9fWedQFZz6zlons8rRMdDqXbaxiJ4fhsbR5\nRoJM3u5r2TpDA3f0C1/jFJEf5TM4zBiMkDC73kC17U28DYx4R6HVBhYn5MG9\n2MGgqKJvcXJire5b1h9jqF/dMu4ppZf6mNTtT1BmrF5a+tm8tNXQad4BT9y3\ny84wI8YVySQWJ83hmd430M1A0D1RvO03U7nYYaauMOW5OrTm34yTyFoT5DXb\nJ29ov+0iPbFHhfjXvEqb38s6KaIKcp6uSXOoCFSeleCBQocR+JK9o9/OcRRh\nFbaZhVKwjfzndJNkj2sEP3SSYR/pP5ioepNevQlo6dJNGvxeVJcvSLl6mpJA\nZp7bETxwsrIxnlfjf6z49K/F22JEQox4HCfEos/ysDV48j9yos3avMfh54oQ\nYCto+1tcfGHz5tof9b9kKzU1tTdXRVyLGXa8BZtqFR1fNEPOsAAwgJcozVUh\n/25n\r\n=f4lX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDLRP5ckGUzMcduemwS4r3CjvEjEoCufzN4iwWbGVYhBAiEA7ZTeuIlJ2Ff3wC45hPHA7dZ9yfUZN7sH9s2l5kz/IvU="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.0_1617801837350_0.7564500070745535"},"_hasShrinkwrap":false},"2.0.0-rc5":{"name":"vue-drag-resize","version":"2.0.0-rc5","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"dependencies":{"vue-drag-resize":"^1.5.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"c2c2ffaa85e717966fd3031f5838f18a17123efa","_id":"vue-drag-resize@2.0.0-rc5","_nodeVersion":"10.16.3","_npmVersion":"7.6.0","dist":{"integrity":"sha512-ZYRLrCSejC2lOeLn0lIjva6okHTasPhc0qcJzEc4PVvsvg9pa6TfkOA/xDkVvToeMJEld6ZB6ybJrMyMv7s6NQ==","shasum":"b3398b925ae32fecd469c33daab6373ac9df8865","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0-rc5.tgz","fileCount":43,"unpackedSize":105719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbbZ5CRA9TVsSAnZWagAAluIP+wbbVIN4UB8y0nLcilO3\n3cTCXMdKYqjiqjCIpBEp+nBkzLXEqk0YYmpabK1U9zBoY5rAZ9Nf4lnjQB3M\nSPmS+bm6O9Kcko+GFLs5rxxazjVtbIaAzyBRWfDejkY/aGlmJq1gCcBwKRkM\npKzJz2jB7n4ecv5BscJxCKsG7rr/UvmSTfOVE1mR4kLyagKGB2bDv5lrae7e\nYBoH7Zc3MVqm+0RuKl+IGVJgOlV5ICFiRj3z3kQdRD5vWDzd3vXPZ9Gznsar\nnWclzOB/fpO8kzbg3jIznR14xsl2UYLyTsM3z6kH6ytIQYVMCoKe4xY++IZE\n/TzfMFhwuUfjiZkIomg6PjOEiOfpOTp6MRlAofbtpSg5T9eRzgMS9pcckI+6\n4mRu6WrVVJWbzol8v6ZhApBJeUhCZ/m4Pgfs+TFndn5wo/NP9GCWHqoz02gh\nDbu91G1QMRuujll7FRck0i9udU8a7NRuyNwtjqGI2uv47sKN1jgHWR8XLAio\nDDm19jCy6HcA7Ma4E8iJWEqVyWub7i7Hj+LytvZ/DtTXweeENrUlGGR/i3t5\nU7R6zGdgKQ0Te0ojWhv8d0j9T5m3haQl6efsZOc/42LkrAeuCjmeTLz/sVRW\nFXJ5P00jnF3+/CEJSkYa/QO7JNyCX3YrM8wMMItXer+En6nzN9h5SdJeY2ht\njXxX\r\n=UR5a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDW499ef3zMl5wPdVcZwW99iLESVygv6nCfm/ofUPKTsAiAZyCnmMOX065BwrNN4Jr2iJWNn8qiU/MSANVduXuMLOA=="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0-rc5_1617802873281_0.5892562920947835"},"_hasShrinkwrap":false},"1.5.1":{"name":"vue-drag-resize","version":"1.5.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc3"},"gitHead":"770cd76d8cff651156e98c0f323706420aeb172c","_id":"vue-drag-resize@1.5.1","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fGiV/aha+2gja4zxNFQIrZQ26gMd1w/tvYejwwMBYeBLGGB7lUd9sO+XZIOLYuyeFII3ItlTiFjzuB5glmEtQg==","shasum":"4c6e18dfb60cf2c7cbf8152047dcd0ee55e37499","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.1.tgz","fileCount":39,"unpackedSize":100609,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcemCRA9TVsSAnZWagAAUWwP/25PcBv0WUSLi3U6FFby\nOnh8p9yNh6YPmlw5qCWB/9LuBcvehFOXwZZ6By3uGEMrtvuct72NVGNoJVvv\nlfAX4c/AAb/HOc5SxZcAQx2FaJ1PIQSYsz9zq1fAoJ0HV7UG2M85kgVLBJ8A\nrfJin6J/1P6eK8veRaOPNCKEPhtQr2PugY0RNPoRihtGt1jgmQokUx4Ge9lQ\nAEztUufA0FK75VA7ifX9U9WoVdwPs4aYh8RtbbcAK3k8+Wn785h3qYFzalJf\n3SSkFTkjJerCbtlt97IWoeAjm9ZwP0v0SjWxKUroDXFe4k9iLi/JrMJDugdM\nRSMXO2Z78hONDO/0aY03Q76GjnTI0jaJN1rtJvoD9l919ZumLzMj8rS8VOni\nm5pda5duUqr2f3BKiY4/pkni1RIkvg+rbIawYUopVd1a9jCM0bCLnowPG7iX\nbJx232/rc2eXLymRYVJW7fj9hhBs7kfG9okDqEeAJ7ooLdqEJ/25F6uESCtM\n4HYPVxOwWF4ZWkCM/WLqVge4Zss9S0IxGgBftnj2oZ0d/rDAbMXlvzwkF/kc\ndOJ0gqC4ey91dsPPOvqncWIS0ocqVzrOKh5y0W5aBwBb94jWRA5pf58iWK3w\nGtBJF2ixttqBnqmXKew09ffg9wOyRoLp71up8aaEaKhvfe7YKzz3wDWRjeW4\n/SHr\r\n=mf4d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD0C9+iakvWViH5Ih7L6bvMBy3HUk01IlmJ2LugT4ijnAIhALSc5gVDFj/e+x/4MLFP0+7eBJOwRPAEXlnjPGglJyBL"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.1_1617807269355_0.4438042425793878"},"_hasShrinkwrap":false},"2.0.0":{"name":"vue-drag-resize","version":"2.0.0","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始宽度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.\nThe drag/resize and the sticks' sizes will computed with this value.\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。\n\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"e62c00e3fc9036013b7b0c8240dcd861e83e0336","_id":"vue-drag-resize@2.0.0","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-/Ldo7gluyApI3WOHpgNmZe3WKl61blyyyPqmloSPYnkkwllgX585C270LoY2Hfgt2h56MEptDf31n7UGCxyNiQ==","shasum":"d3797c9a5797ab1acb29ca8d262745a25bf9dd8c","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.0.tgz","fileCount":44,"unpackedSize":108033,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcjACRA9TVsSAnZWagAABwUP/A7SakARZ2Ur8kwywo9n\ndAcrPAXpCmbehtHUuas7JpKjfKBnMttborrKinA3RMyM6VOBvAw5dTVCeLuK\nzEBLkSNpc2cojI+4sts8LqjMpgEiDAzJV9WtupMs+2znadywUqOuuShyw0CN\nLGDXoEWtGwJp0kkJZiZlosOLujGwg2/f9CJTMKktkfFCu8xc9kIjbEsqLVhI\nD3lrkNkAacgkeRREzySbNmMazzdx6mrL685vYfPrRqN+l+XAJoJURSyg5csl\n5Z21MPwzjPeGllaDCvHPOtizn7t6H42qRjVJgja3zistUNmr8P9GySVDSp2h\nloGjv14SxbK2j2XTzwDR5WHYasQTxN1Dai1mVejq0kiS/hCaUZinC38JLONW\n3ShOGJBA1BN/LBs9zgIFV8+oT+dXyEH7kn27XeBrLwwFL3+llTr/9a5ec/JG\nbWHBzVt9LqfOondG+oaoUKYMLpKBPtyR/TafKLIE1SD+WjHxy8eATy2YFdqM\nI4Tb5S4aFHuiailMIQT3rQAwis7Jz8KxYuWOr/fi/1Bm7dKWinnn0N9LZkAP\n8mgsG+OGePd7wz0Omjy+s84X7FD8Kd9E0j5omfYiqtRymauhj47VWWKKyCEh\nn4ITD59SGqD1oZAAS+Zw2RgwK2W3RIOyPjNeeJgfJ8P/PlF4TiLwxv5hduxE\nJMlu\r\n=GsoE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA1Hb2jqrOHdbmeEvebklcntBWuUlHSrf7meFFVwxH/xAiEAyfcx833FCYM41hqnrdNDL4k+nafw2NGt/4uw54j6f44="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.0_1617807552378_0.538193595500627"},"_hasShrinkwrap":false},"2.0.1":{"name":"vue-drag-resize","version":"2.0.1","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"gitHead":"38926949a8d8250ec7d3a616d2036078c1b0c11b","_id":"vue-drag-resize@2.0.1","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-GTb9OHfJQ1g4JHIeMFQXem4+F53KIW3/P543yzeenOUcpowy9xBh9eMfZmgzsyxLOIUIm/tIP68jdgLPM9Rhdw==","shasum":"742498a35e2c475b0bb77a845e58e4bea91fe00e","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.1.tgz","fileCount":44,"unpackedSize":109451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglROGCRA9TVsSAnZWagAADJAP/Rkv9SchffHe1eqvG1B9\n+PeUAIXlVfZlQN9Cs8cHXRl5MFlmrtqneV/u9mlpyGQ1CJ5h6WB5xJ/7Cs4d\nqdPCUu1Orm50n+suowlW7TvEANoZTdJQOx+y8/1TA0o1d8RzPvsd3I6WkWZc\n6WAngqcGwm/ro4bIUdvmFUfc+OU4Y1vEIvZ6j7d/IhQ5ntCtY1g7Kzv9RCDf\nKTJNLD443h4753uJn8dcp4Q0dxe0p3QeuDWmk7/XclJvXJUasw907sYXbIg+\nMHp30mI09BEBzWed/OWfvqeAdE+m0kRTxwLWrVHTpso1Igwi3xXDmjzgyaY4\npFSRME92WdMqSNa8vFz6JDKgEdeYCl0qH8vwB9jb7Si05O6XePvl8LJQmQNY\nTP4BrUqrlQi5sbhjODAzhwDbjN2xMzxa7SA+7/avE/VfVAq+8rmKLpNchD7U\nef4ahYn74ODacyOa9ZebZbrKvKR7eccAciXx1+RoeJPZa1yharH8BXH0okrv\n0kSff+VQvlv8HYqDdY9LWOpxO/Q5fSu8ZymQZLL1Jq7YCdHvRoR40adN9VE9\naqhFd1DuTe3fiMROE9NlP7m9ck5NLMQRGviTzex+P9/1nxW09e7Rg/chONGb\nsvPRq8KoKmeyQOoImcfR0q1CCKwe3DfNqzXWY3SXSiS0DpisR15WNPZe7kxz\nfQe3\r\n=zJRR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGjr7fI+Y6TrLUqUomMkImZlPSYeETEt8dabQjeaCLvfAiEAksENd/1EPD+uaDczSUUYnUnnfLMzBtyWoRvCp2XN8/E="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.1_1620382597972_0.6832790005754223"},"_hasShrinkwrap":false},"2.0.2":{"name":"vue-drag-resize","version":"2.0.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n\n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).<br>\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。<br>\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始宽度。 如果未指定，则自动计算。<br>\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial width value will be equal to the width of the content within the component.\n\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial height value will be equal to the height of the content within the component.\n\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"38926949a8d8250ec7d3a616d2036078c1b0c11b","_id":"vue-drag-resize@2.0.2","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-zzq4g2Pg8hlHeRUjo9hs6PLoXAxqBVIvj9/DgsO4pJ9jT3jCN0KJeOsbNpTt8LCc+Yvr0XYbyEXaebXVcztBzQ==","shasum":"863d2359825a16319b047c0689aefed9bfc89b4a","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.2.tgz","fileCount":44,"unpackedSize":109451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglRPnCRA9TVsSAnZWagAAwlsP/RNFYFDLMcWVIK0iaBSR\naldPWa3AjBewnbXuP9b/TBushzdQGAU7DO/wOJY9qhmNw7+UjO5rAq4zOuk1\n700FYAHiAbq5hrpvPInOF07YUVFIVCDuQmd+SxxctYtsSOj0VkfQjfS6GTx5\ndr9Sg8Hr21qfKIqP3lbASUDN202/IFyQZEw7NxgaS1AqcIIUA++YUy6v79Tp\n4Ytk2OCFegSjMO+daNI/aXoy0AC1djhKtgjxvjXLNKaOY0h6F7zqxml3qFcO\nz1OWvxcsTl4MOhGOn0vPMFGLt8GsaMCVTwMCIrev2HFV44zyGtYJHtPZHiDv\nRlZLHOuQmbTDefWOH2cPHPwZQWVBxXVbDqRzpHEXQpD94HnxySKXC/hx5Cj9\nPdXXVWgjCc8Rj7CgmXKuU1O+sri8y3VLuVDqhHOMoLBCWMRpH1emVuoKLWX9\nOgURKmD0Vo3oVlt5uVLDNhKjWqkPFRJ7Mtu+PAhZENmwiZZxMepKLmnYWzXi\nmHLyvr2Q25v+kF7DvVXdvBZ5HpmBKRNYlCueJA13lhzBW/rOIcuvRec219PO\nzydUci8hYIgL9kNaVESyc0nMHJP+nuXqBWq1+TxrX3sZ21vHTEILUQarjOkK\nHsMq3ls4wJFoD8j66gOEEJ7rLt1UnP93h458AoN+SsZBsjO825rNe0HQiz3a\nDFj2\r\n=FYwB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi1Ua21ub2xQZWsmEL6z8OhAoQIaP0W7d02AjXviSQUQIhAJJGxqufvUWCrz1SJ+qDvm5bUCt90gpLpvuu/3Wn+Qyf"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.2_1620382694884_0.33601325579460006"},"_hasShrinkwrap":false},"1.5.2":{"name":"vue-drag-resize","version":"1.5.2","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack "},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","babel":"^6.23.0","babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-loader":"^7.0.0","babel-plugin-syntax-async-functions":"^6.13.0","babel-plugin-syntax-dynamic-import":"^6.18.0","babel-plugin-transform-es2015-for-of":"^6.23.0","babel-plugin-transform-es2015-function-name":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-regenerator":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-polyfill":"^6.23.0","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-preset-stage-2":"^6.24.1","babel-register":"^6.24.1","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc3"},"gitHead":"ebebc9d5f334a6828abc9fce12511c162f6c3fdc","_id":"vue-drag-resize@1.5.2","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-cFSG4w/YVM4P78hkOfw63zjTKD30O2EId5qMYQlRkoF788CCjUIR8ib439JZkLdqLaEhTvN3iYQh1da5CA22Sw==","shasum":"fc658436c908675b25b5636485d4018411741be1","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.2.tgz","fileCount":39,"unpackedSize":101918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglRccCRA9TVsSAnZWagAAGOMP/21DoI3oHUaqy/ngnw0/\ncwIfbg+sFDMwzU0ASNKQtOfBEcTl73lvrsmj+u6n9XPD2qMv4m5jxosKREqs\nWRZAd2ocoFct6aEsnHcsqX3cAGCuzPRkWav864TlFoULHMWFsY8yl2RhuAqf\noXsdw6GJJjwCAx1VDcOgSBAUFr794VFj1nnznjp92VXAx7GMU7p/J21y6wJG\nbL3+N8Qnw65M6gAA3p2X5Km9xLfQCT5+xbR3Tu28jyWnNlnl2aRcRSotUh35\ncoXTa2/R986LUOr0Z58G3prEZs2BTlXMJGeBUGS9lHnT5ApgPOcY0eZeqNDo\njMhKwytzJrXIyLYnofGWx+ig6vgTWTmAkTHtpktR14cSISh0QiO76nWiewOb\nTHrZm1mB3aRoPyeff4NS9X8Gz1OJ8JPwTmcF06EClsYUt/QEapbOHX2cainR\nu8HepAHFmY+GO9YCWy2qvUYFz8/pA4mBlIawAV/Id/rkKDSVs2qcuPSXOUtp\njpWzyjbf08/UgnUWMPwzsfX7C05WavkThb59LWaCDzmAghwtvIpQei8PW3fh\nwE4Ipu2mRCrHvcwO03jV1QNLeLp15u5CokFsek1SNTX44uFOGYX9r0Edpwr/\nj4TrRRR2qVpm8/mfdh1kA6UFae1IF3r7Zvb0wFqtwaaIxuQjKJm6khDwEl/H\naobG\r\n=dS8E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7FK5+AOzIgSx7QlQgAclh+FOHlNsfycsOS5v1yJ7sYwIgDb5maCq/kp+4cPQ+sxA4fz26f+Wn8tTDLk1mavn94qo="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.2_1620383515912_0.09037163104690871"},"_hasShrinkwrap":false},"1.5.3":{"name":"vue-drag-resize","version":"1.5.3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","babel-loader":"^8.1.0","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc3"},"gitHead":"7124863131aab8d60a6523f72116b0bbb61b3920","_id":"vue-drag-resize@1.5.3","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Z1A0J2r686Q3gAj9r+BODV1vjHCgfbH87YcqH+eloj3S7lE70lySatpKCl7Bjxg/xHRt2p3clrbKmX82LGlFSg==","shasum":"d84957b35823936ffd23463b5d0adbf14825a97d","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.3.tgz","fileCount":39,"unpackedSize":101612,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglSIFCRA9TVsSAnZWagAA/eEP/jf3JvgHlvq5O3wqUX7q\nEimnCBKei/lhVxpC42apfrAhVr8kOfSusBGgfqPHv+LKUzyUtPnkP7I52ZEm\ni9kXekJz5XQXF33wti4HMWCPReBd/Ifh7/J1yS5Ui1lLaArh+btJZ2UoPa5z\nSZ74spJ7LE8VfraQGr2NgKcfwZZqzHyAfcMaRO5wJlz0W7JeKy1Rd+5XGOde\ngpgPTO5+xVWS4WY7chYpwc5sCEiWRhqOR7631D2WLBHNcNBJo/jwMjC87dm7\nluFyVbbQiDhIZjmvr4AvvuJ5v4tRuFD0TRz5C7+5KtkGlsJn44zlKMBHbgnX\nI+K0Pait88glKmk30HIJjoGs/wXH7jbYyGMm+8LpmGsTLBneSnbiWbOpliBz\n7SSJ3IhXtztR0z+svZTjZKH972S20KmpCWoO/A0xtUVEUMC1KSVpUe/KDlYn\nYk1d7VorDVcDTB3wp92CYRoaSuIM5l3wmVOhzx3Wx+6SmtlUVhTHM+WsVreF\nWL7J223t5XYnheBpsjW5VXpcPRsMz2gX3EQDc5s/fYtSnWP3GC2b5BdJkZAA\nVGicCIlKvw02pRQZZPOX5U+AVt8N+FaHIFTxk9lSAhFsyurE8Cua2UpM+Zwf\nTdVoHBQwpBbWBW/3adGBhjIN+frp4ByT8YY9S2eGJx8RDvZumcRG0OB1+cCn\nRToZ\r\n=p5yn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFBG/R0CyAYmYIxPW4W2XdpSrla0lZ8vbA0HqNhfvN5TAiBUsgE8wlwNxktdRcMb7FGWjUgRhRAKxHtOpWEoe/9ELQ=="}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.3_1620386308472_0.7175940616410283"},"_hasShrinkwrap":false},"2.0.3":{"name":"vue-drag-resize","version":"2.0.3","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js","build":"cross-env NODE_ENV=production webpack --config config/webpack.prod.js","build-demo":"cross-env NODE_ENV=production webpack --config config/webpack.demo.prod.js","lint":"eslint . src config || true"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","license":"MIT","devDependencies":{"@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","@vue/compiler-sfc":"^3.0.8","babel-loader":"^8.1.0","chai":"^4.3.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^6.2.1","cross-env":"^7.0.2","css-loader":"^5.0.0","css-minimizer-webpack-plugin":"^1.1.5","eslint":"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-webpack":"^0.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-webpack-plugin":"^2.1.0","html-webpack-plugin":"^5.0.0-alpha.7","karma":"^6.1.1","karma-chai":"^0.1.0","karma-chrome-launcher":"^3.1.0","karma-detect-browsers":"^2.3.3","karma-edge-launcher":"^0.4.2","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^4.0.1","karma-mocha":"^2.0.1","karma-opera-launcher":"^1.0.0","karma-phantomjs-launcher":"^1.0.4","karma-safari-launcher":"^1.0.0","karma-safaritechpreview-launcher":"^2.0.2","karma-summary-reporter":"^2.0.0","mini-css-extract-plugin":"^1.0.0","mocha":"^8.3.0","node-sass":"^4.14.1","postcss-loader":"^4.0.4","postcss-preset-env":"^6.7.0","prettier":"^2.1.2","style-loader":"^2.0.0","svg-inline-loader":"^0.8.2","svg-sprite-loader":"^5.2.1","svgo-loader":"^2.2.1","vue":"^3.0.7","vue-loader":"^16.2.0","vue-template-compiler":"^2.6.12","vuex":"^4.0.0","webpack":"^5.1.3","webpack-cli":"^4.0.0","webpack-dev-server":"^3.11.0","webpack-merge":"^5.2.0"},"readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n  [![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n  [![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n  [![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency \n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active. \n\n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).<br>\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。<br>\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始宽度。 如果未指定，则自动计算。<br>\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n  \n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial width value will be equal to the width of the content within the component.\n\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial height value will be equal to the height of the content within the component.\n\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)\n","readmeFilename":"README.md","gitHead":"f0eec97c45f89d172e9527baac54c8eff153915c","_id":"vue-drag-resize@2.0.3","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5q03tZ/LyvQsg1iHRcqs+wI2OKNbNIWl9+7V8rVL6MxJhZLCIYSSgbAUaDE38LhD6dFd5aJhdgNmES61AxjXuw==","shasum":"1faf0813f43304205bb355fbb3dacc548dd9398a","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-2.0.3.tgz","fileCount":44,"unpackedSize":109561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglSN1CRA9TVsSAnZWagAA/S4P/3aJevchhV77Q5je2q98\n47ZKS7X634SQoMy8myenqrE75z8up1gjGbJS2SD8BH9ERWz8v27BscZ5q0Kv\n2KIy1Uu0sOugtnIjahjt019QEBXOLspRUxJO0pC8Um1EUS2bV0jC1lLZMlbc\nF0UoLXQFwaNMoicpX3lY4irzQ1dxXtJi3sYRepOvdR1QcFuaWm8foFVTo4as\nVd+Vbg0qiNNn/3zIvBjq9XoLEr/VCb7Q6z2kdEqSanVMPta8/0EsWD3nWQMr\nNxj5LjtF/mGggpMaosAcTw99DHTQ/1HGEdC3Zn3HlC2iupBJ2fRZ3dFPIn5d\nh2PwD1/S4ZA6pyanV/QJ6MX/JtgAVtIb8oysTIuw2cK7QFXqdou6NuRqsS4C\n6OmAm8f7FCYtAV7ph6F6n0JWGR2iSHe4ndHeRT9UxZLDKxHEPxFgAmPGTGGN\nunlsuVVby2CJC8doJ2rjdgMb3gyFLIO5eBE8NYH8qJiXJ91wWgP16deIkhdv\n9r3ri6tUj3LRImrXbxvUpc68/MqZhx0Id43UF7yrd0G4aB/trIc7nMGw3oZD\n94cieCfO2+u2vVCOoZvHPgyg//l0GWAk8v8BtWGOMQ38EWQ2dshhjpV0qbdS\neRWBIYY03GYE4/PmPMWfCEgjdvgljnTFYSjWybGIfZREGaCrqc6wSaqzEHPI\nRRbr\r\n=4SoV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/mUZcm0EAv2JCRHXBlmejuMuASo1lF2KhI4qkf47hvwIhAOUH+r0jtWbljeGE8FdPMGt8W7vNcLYik9Wcleomoop9"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_2.0.3_1620386676819_0.7418697102708776"},"_hasShrinkwrap":false},"1.5.4":{"name":"vue-drag-resize","version":"1.5.4","description":"Vue Component for resize and drag elements","author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"main":"dist/index.js","scripts":{"start":"NODE_ENV=develop webpack-dev-server -d","svg":"vsvg -s ./src/demo/svg -t ./src/demo/icons","build":"webpack"},"repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","devDependencies":{"acorn-dynamic-import":"^3.0.0","autoprefixer":"^6.7.2","@babel/core":"^7.12.1","@babel/plugin-proposal-class-properties":"^7.12.1","@babel/preset-env":"^7.12.1","babel-loader":"^8.1.0","browserify":"^14.4.0","chai":"^3.5.0","chalk":"^1.1.3","compression-webpack-plugin":"^1.0.0","connect-history-api-fallback":"^1.3.0","copy-webpack-plugin":"^4.0.1","cross-env":"^5.0.5","css-color-function":"^1.3.0","css-loader":"^0.28.7","cssnano":"^3.10.0","deep-extend":"^0.5.0","es6-promise":"^4.1.1","eslint":"^4.18.2","eslint-config-airbnb-base":"^11.1.3","eslint-friendly-formatter":"^2.0.7","eslint-import-resolver-webpack":"^0.8.1","eslint-loader":"^1.7.1","eslint-plugin-html":"^2.0.0","eslint-plugin-import":"^2.2.0","eventsource-polyfill":"^0.9.6","express":"^4.14.1","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.11","file-type":"^6.1.0","friendly-errors-webpack-plugin":"^1.1.3","function-bind":"^1.1.0","gulp":"^3.9.1","gulp-browserify":"^0.5.1","gulp-bump":"^2.4.0","gulp-clean":"^0.3.2","gulp-concat":"^2.6.1","gulp-concat-util":"^0.5.5","gulp-copy":"0.0.2","gulp-delete-file":"^1.0.2","gulp-dotify":"^0.1.2","gulp-file":"^0.3.0","gulp-header":"^1.8.9","gulp-htmlmin":"^3.0.0","gulp-iconfont":"^9.0.1","gulp-iconfont-css":"^2.1.0","gulp-if":"^2.0.1","gulp-json-css":"^0.2.3","gulp-json-editor":"^2.2.1","gulp-jst2":"^0.1.4","gulp-load-plugins":"^1.3.0","gulp-logwarn":"0.0.9","gulp-match":"^1.0.3","gulp-merge":"^0.1.1","gulp-mocha":"^3.0.1","gulp-multi-dest":"0.0.4","gulp-postcss":"^7.0.0","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-rtlcss":"^1.0.0","gulp-run-sequence":"^0.3.2","gulp-sourcemaps":"^2.6.1","gulp-uglify":"^2.0.0","html-webpack-plugin":"^2.28.0","http-proxy-middleware":"^0.17.3","jade":"^1.11.0","json-loader":"^0.5.4","karma":"^1.4.1","karma-chai":"^0.1.0","karma-chai-dom":"^1.1.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.2","karma-phantomjs-shim":"^1.4.0","karma-safari-launcher":"^1.0.0","karma-sinon-chai":"^1.3.1","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"0.0.31","karma-webpack":"^2.0.2","less":"^2.7.2","less-loader":"^4.0.3","mini-css-extract-plugin":"^0.4.0","minimist":"^1.2.0","mocha":"^3.0.2","node-gyp":"3.4.0","opn":"^4.0.2","optimize-css-assets-webpack-plugin":"^1.3.1","ora":"^1.2.0","path":"^0.12.7","phantomjs-prebuilt":"^2.1.14","postcss-color-function":"^4.0.0","postcss-cssnext":"^3.0.2","postcss-import":"^10.0.0","postcss-loader":"^2.0.6","require-dir":"^0.3.0","rimraf":"^2.6.0","run-sequence":"^2.1.0","script-loader":"^0.7.0","semver":"^5.3.0","sinon":"^2.1.0","sinon-chai":"^2.8.0","streamqueue":"^1.1.1","style-loader":"^0.18.2","stylus":"^0.54.5","stylus-loader":"^3.0.1","sugarss":"^1.0.0","uglifyjs-webpack-plugin":"^0.4.6","underscore":"^1.8.3","url":"^0.11.0","url-loader":"^0.5.9","vue":"^2.5.16","vue-loader":"^15.0.3","vue-style-loader":"^3.0.0","vue-svgicon":"^2.1.3","vue-template-compiler":"^2.5.16","vuex":"^3.0.1","watchjs":"0.0.0","watchpack":"^1.5.0","webpack":"^4.6.0","webpack-bundle-analyzer":"^3.3.2","webpack-cli":"^2.0.14","webpack-dev-middleware":"^3.1.2","webpack-dev-server":"^3.1.3","webpack-hot-middleware":"^2.18.0","webpack-merge":"^4.1.0","yargs":"^5.0.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 9"],"license":"MIT","dependencies":{"vue-drag-resize":"^1.5.0-rc3"},"gitHead":"56875ed84c7d6072496f2c7bc36fb98732ac2be5","_id":"vue-drag-resize@1.5.4","_nodeVersion":"10.16.3","_npmVersion":"6.13.4","dist":{"integrity":"sha512-SR3U7n6TAZEBgP7zw7bR9mjtAlYBjqIoaWTDPz5HXN/nYhOxKSA31aD7p71fmq1jtyt9reAnCx62valNL9ZAcg==","shasum":"f583f40f356e5792aa89109b3d13ba4407c25198","tarball":"https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.4.tgz","fileCount":39,"unpackedSize":101711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgl6wYCRA9TVsSAnZWagAAM1YP/R1e7sQ1/xCqR/L7To4A\nong5mWg6Uht5updVpYW/z8xaALD257LGX/dg+eheYIgXlXEmiKydkQUtJjgj\nUn3yIzjU8khPYtnHxZ0gtgjIFrca+K2CYsYAUTxYfSdo9hEI1HnZ7BEintjQ\n70dn5MucxzKdz6p48yQJnvuYwS3EXNt8GvIOpLuiaRFOjG70qND9ABnAymtE\nb59XryeJn9M4a8iQjYZthKQaGyRAXzMa7CeKtF24dI6r9a8RkRUMzYtoeMml\n84E3utdvz3sF3eHmI4ru0jeAPI6GZYZnydEFHqLslS14Isodj2hUzv2/ly4i\nvYzOjfl9jLAMcagKk9HqmYcX/kDIhCi9M+Sw6uSF9gZND5+5KcCDQcEsSgf3\nar7J0MopmpojjijGIAfw/+q9oJz3cB/LyFmblgXiVxU3MmPKYFC9cTYKqNmB\nNyCNRjG8UA2wSsWcAzBV1NUkNMBZ+1UCfZ/vEesDj04/5K50LJqvQn9hBERk\naPv5BFj9sQ/zKFC57thFghcNQozVUvegWiH+qVVyarsMemixGFCxZzs2WF1N\nCBw4/l5JAaQMfH3Kt81A+Qi+yDrHgVXP1hOrEpHUAcA5BCOisFZRoOU1zmrH\nejgHbrvrvBDVkAwTIGIlcZ1+pM66Mbp5ZIvo9h7WURbCWj5A/6f36KwzHBH6\nPNED\r\n=s9oC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrv4BnP4eMNnNO6lDEnd9f95mMpn6ZlXpCKFIRlsW+WwIhAPMnj01F8vMUAUv329qVyCFBo5kr8r3LAa4TpKncC/ag"}]},"_npmUser":{"name":"kirillmurashov","email":"me@kirillmurashov.com"},"directories":{},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-drag-resize_1.5.4_1620552727811_0.3808522335858959"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-29T13:15:53.852Z","1.0.0":"2018-04-29T13:15:53.961Z","modified":"2022-05-23T14:18:33.096Z","1.0.1":"2018-04-30T15:48:15.264Z","1.0.2":"2018-05-01T07:48:26.516Z","1.0.3":"2018-05-03T04:50:25.255Z","1.1.0":"2018-05-03T17:31:04.248Z","1.1.1":"2018-05-07T17:26:45.720Z","1.1.2":"2018-05-08T10:51:09.782Z","1.2.0":"2018-05-15T17:02:10.891Z","1.2.1":"2018-05-16T12:47:00.603Z","1.2.2":"2018-05-19T14:54:05.903Z","1.2.3":"2018-05-23T10:30:03.665Z","1.3.0":"2018-06-29T15:06:06.751Z","1.3.1":"2018-06-29T15:07:28.278Z","1.3.2":"2018-06-29T15:23:28.565Z","1.4.0":"2020-07-09T08:04:27.686Z","1.4.1":"2020-07-09T15:19:07.711Z","1.4.2":"2020-07-31T08:10:11.616Z","2.0.0-rc1":"2021-04-06T16:33:09.172Z","2.0.0-rc2":"2021-04-06T17:00:51.250Z","2.0.0-rc3":"2021-04-07T12:22:51.726Z","2.0.0-rc4":"2021-04-07T12:27:08.703Z","1.4.3":"2021-04-07T12:30:31.281Z","1.5.0-rc1":"2021-04-07T13:01:36.644Z","1.5.0-rc2":"2021-04-07T13:05:25.716Z","1.5.0-rc3":"2021-04-07T13:08:43.056Z","1.5.0":"2021-04-07T13:23:57.512Z","2.0.0-rc5":"2021-04-07T13:41:13.464Z","1.5.1":"2021-04-07T14:54:29.742Z","2.0.0":"2021-04-07T14:59:12.506Z","2.0.1":"2021-05-07T10:16:38.114Z","2.0.2":"2021-05-07T10:18:15.028Z","1.5.2":"2021-05-07T10:31:56.060Z","1.5.3":"2021-05-07T11:18:28.669Z","2.0.3":"2021-05-07T11:24:37.179Z","1.5.4":"2021-05-09T09:32:07.999Z"},"maintainers":[{"name":"kirillmurashov","email":"me@kirillmurashov.com"}],"description":"Vue Component for resize and drag elements","homepage":"https://github.com/kirillmurashov/vue-drag-resize.git","repository":{"type":"git","url":"git+https://github.com/kirillmurashov/vue-drag-resize.git"},"author":{"name":"Kirill Murashov","email":"me@kirillmurashov.com"},"bugs":{"url":"https://github.com/kirillmurashov/vue-drag-resize/issues"},"license":"MIT","readme":"<p align=\"center\"><img src=\"http://oduvanstudio.com/vdr.gif\" alt=\"logo\"></p>\n<h1 align=\"center\">Vue-drag-resize</h1>\n\n<p align=\"center\">\n\n[![Latest Version on NPM](https://img.shields.io/npm/v/vue-drag-resize.svg?style=flat-square)](https://npmjs.com/package/vue-drag-resize)\n[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\n[![npm](https://img.shields.io/npm/dt/vue-drag-resize.svg?style=flat-square)](https://www.npmjs.com/package/vue-drag-resize)\n</p>\n\n<p align=\"center\">\n<a href=\"https://opencollective.com/vue-drag-resize/\" target=\"_blank\">\n  <img src=\"https://opencollective.com/vue-drag-resize/donate/button@2x.png?color=blue\" width=300 />\n</a>\n</p>\n\n> Vue Component for draggable and resizable elements.\n\n## Table of Contents\n\n* [Features](#features)\n* [Install and basic usage](#install-and-basic-usage)\n  * [Props](#props)\n  * [Events](#events)\n* [Contributing](#contributing)\n* [License](#license)\n\n### Demo\n\n[Demo](http://kirillmurashov.com/vue-drag-resize)\n\n### Features\n\n* A lightweight, no-dependency\n* All props are reactive\n* Support touch events\n* Snap element to custom grid\n* Use draggable, resizable or both\n* Define sticks for resizing\n* Save aspect ratio for resizable components\n* Restrict size and movement to parent element\n* Restrict drag to vertical or horizontal axis\n\n## Install and basic usage\n\n```bash\n$ npm i -s vue-drag-resize\n```\n\n\nRegister the component:\n\n```js\nimport Vue from 'vue'\nimport VueDragResize from 'vue-drag-resize'\n\nVue.component('vue-drag-resize', VueDragResize)\n```\n\nUse the component:\n\n```vue\n<template>\n    <div id=\"app\">\n        <VueDragResize :isActive=\"true\" :w=\"200\" :h=\"200\" v-on:resizing=\"resize\" v-on:dragging=\"resize\">\n            <h3>Hello World!</h3>\n            <p>{{ top }} х {{ left }} </p>\n            <p>{{ width }} х {{ height }}</p>\n        </VueDragResize>\n    </div>\n</template>\n\n<script>\n    import VueDragResize from 'vue-drag-resize';\n\n    export default {\n        name: 'app',\n\n        components: {\n            VueDragResize\n        },\n\n        data() {\n            return {\n                width: 0,\n                height: 0,\n                top: 0,\n                left: 0\n            }\n        },\n\n        methods: {\n            resize(newRect) {\n                this.width = newRect.width;\n                this.height = newRect.height;\n                this.top = newRect.top;\n                this.left = newRect.left;\n            }\n        }\n    }\n</script>\n```\n\n### Props\n\n#### isActive\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should be active.\n\n确定组件是否应处于活动状态。\n\n```html\n<vue-drag-resize :isActive=\"true\">\n```\n\n#### preventActiveBehavior\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDisable behavior of the component by clicking on it and clicking outside the component's area (isActive: true / false).<br>\nIf the prop is enabled, the component is oriented only to the specified.\n\n通过单击组件并单击组件区域外部来禁用组件的行为（isActive：true / false）。<br>\n如果启用了prop，则组件仅面向指定的。\n\n```html\n<vue-drag-resize :preventActiveBehavior=\"true\">\n```\n\n#### parentW\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial width of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始宽度。 如果未指定，则自动计算。<br>\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n```html\n<vue-drag-resize :parentW=\"2000\">\n```\n\n#### parentH\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial height of the parent element. If not specified it calculated automatically.<br>\nWith this parameter, you can set the bounding area for the component, and also it is used when resizing in real time.\n\n定义父元素的初始高度。 如果未指定，则自动计算。\n使用此参数，您可以设置组件的边界区域，并在实时调整大小时使用它。\n\n```html\n<vue-drag-resize :parentH=\"2000\">\n```\n\n#### parentScaleX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial horizontal scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始水平比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n```html\n<vue-drag-resize :parentScaleX=\"0.5\">\n```\n\n#### parentScaleY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `1`\n\nDefine the initial vertical scale or the parent element. Same value in parent's transform: scale() css definition.<br>\nThe drag/resize and the sticks' sizes will computed with this value.\n\n定义初始垂直比例或父元素。父级的transform:scale（）css定义中的值相同。<br>\n拖动/调整大小和杆的大小将使用该值计算。\n\n```html\n<vue-drag-resize :parentScaleY=\"0.5\">\n```\n\n#### isDraggable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should draggable.\n\n确定组件是否应可拖动。\n\n\n```html\n<vue-drag-resize :isDraggable=\"false\">\n```\n\n#### isResizable\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `true`\n\nDetermines whether the component should resize.\n\n确定组件是否应调整大小。\n\n\n```html\n<vue-drag-resize :isResizable=\"false\">\n```\n#### parentLimitation\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nLimits the scope of the component's change to its parent size.\n\n将组件更改的范围限制为其父大小。\n\n\n```html\n<vue-drag-resize :parentLimitation=\"true\">\n```\n\n#### snapToGrid\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should move and resize in predefined steps.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\">\n```\n\n#### gridX\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the horizontal axis. Both sides of the component (left and right) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridX=\"20\">\n```\n\n#### gridY\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the grid step size for the vertical axis. Both sides of the component (top and bottom) will snap to this step.\n\n```html\n<vue-drag-resize :snapToGrid=\"true\" :gridY=\"20\">\n```\n\n#### aspectRatio\nType: `Boolean`<br>\nRequired: `false`<br>\nDefault: `false`\n\nDetermines whether the component should retain its proportions.\n\n确定组件是否应保持其比例。\n\n\n```html\n<vue-drag-resize :aspectRatio=\"false\">\n```\n\n#### w\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial width of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial width value will be equal to the width of the content within the component.\n\n定义组件的初始宽度。\n\n\n```html\n<vue-drag-resize :w=\"200\">\n```\n\n#### h\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `200`\n\nDefine the initial height of the component.<br>\nThe value can either be a number >= 0 or the string 'auto'. <br>\nIf set to 'auto', the initial height value will be equal to the height of the content within the component.\n\n定义组件的初始高度。\n\n\n\n```html\n<vue-drag-resize :h=\"200\">\n```\n\n#### minw\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal width of the component.\n\n定义组件的初始宽度。\n\n\n\n```html\n<vue-drag-resize :minw=\"50\">\n```\n\n#### minh\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `50`\n\nDefine the minimal height of the component.\n\n定义组件的最小高度。\n\n\n```html\n<vue-drag-resize :minh=\"50\">\n```\n\n#### x\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial x position of the component.\n\n定义组件的初始X位置。\n\n\n```html\n<vue-drag-resize :x=\"0\">\n```\n\n#### y\nType: `Number`<br>\nRequired: `false`<br>\nDefault: `0`\n\nDefine the initial y position of the component.\n\n定义组件的初始Y位置。\n\n\n```html\n<vue-drag-resize :y=\"0\">\n```\n\n#### z\nType: `Number|String`<br>\nRequired: `false`<br>\nDefault: `auto`\n\nDefine the zIndex of the component.\n\n定义组件的zindex(层级)。\n\n```html\n<vue-drag-resize :z=\"999\">\n```\n\n#### stickSize\nType: `Number`<br>\nRequired: `false`<br>\nDefault `8`\n\nDefine the sticks' size.\n\n```html\n<vue-drag-resize :stickSize=\"12\">\n```\n\n#### sticks\nType: `Array`<br>\nRequired: `false`<br>\nDefault: `['tl', 'tm', 'tr', 'mr', 'br', 'bm', 'bl', 'ml']`\n\nDefine the array of handles to restrict the element resizing:\n\n定义句柄数组以限制元素大小调整：\n\n* `tl` - Top left\n* `tm` - Top middle\n* `tr` - Top right\n* `mr` - Middle right\n* `br` - Bottom right\n* `bm` - Bottom middle\n* `bl` - Bottom left\n* `ml` - Middle left\n\n```html\n<vue-drag-resize :sticks=\"['tm','bm','ml','mr']\">\n```\n\n#### axis\nType: `String`<br>\nRequired: `false`<br>\nDefault: `both`\n\nDefine the axis on which the element is draggable. Available values are `x`, `y`, `both` or `none`.\n\n定义元素可拖动的轴。 可用值为`x`，`y`，`both`或`none`。\n\n```html\n<vue-drag-resize axis=\"x\">\n```\n\n#### dragHandle\nType: `String`<br>\nRequired: `false`\n\nDefines the selector that should be used to drag the component.\n\n定义应该用于拖动组件的选择器。\n\n```html\n<vue-drag-resize dragHandle=\".drag\">\n```\n\n#### dragCancel\nType: `String`<br>\nRequired: `false`\n\nDefines a selector that should be used to prevent drag initialization.\n\n定义应该用于防止拖动初始化的选择器。\n\n```html\n<vue-drag-resize dragCancel=\".drag\">\n```\n\n#### contentClass\nType: `String`<br>\nRequired: `false`\n\nDefines a class that is applied on the div with the class vdr\n\n```html\n<vue-drag-resize contentClass=\"box-shaddow\">\n```\n\n\n\n\n---\n\n### Events\n\n#### clicked\n\nRequired: `false`<br>\nParameters: `Original event handler`\n\nCalled whenever the component gets clicked.\n\n单击组件时调用。\n\n```html\n<vue-drag-resize @clicked=\"onActivated\">\n```\n\n#### activated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the component gets clicked, in order to show handles.\n\n单击组件时调用，以显示句柄。\n\n```html\n<vue-drag-resize @activated=\"onActivated\">\n```\n\n#### deactivated\n\nRequired: `false`<br>\nParameters: `-`\n\nCalled whenever the user clicks anywhere outside the component, in order to deactivate it.\n\n每当用户单击组件外部的任何位置时调用，以便将其停用。\n\n\n```html\n<vue-drag-resize @deactivated=\"onDeactivated\">\n```\n\n#### resizing\n\nRequired: `false`<br>\nParameters: `object`\n\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets resized.\n\n每当组件调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizing=\"onResizing\">\n```\n\n#### resizestop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component stops getting resized.\n\n每当组件停止调整大小时调用。\n\n\n```html\n<vue-drag-resize @resizestop=\"onResizstop\">\n```\n\n#### dragging\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\nCalled whenever the component gets dragged.\n\n每当拖动组件时调用。\n\n\n```html\n<vue-drag-resize @dragging=\"onDragging\">\n```\n\n#### dragstop\n\nRequired: `false`<br>\nParameters: `object`\n```javascript\n{\n    left: Number, //the X position of the component\n    top: Number, //the Y position of the component\n    width: Number, //the width of the component\n    height: Number //the height of the component\n}\n```\n\n\nCalled whenever the component stops getting dragged.\n\n每当组件停止拖动时调用。\n\n\n```html\n<vue-drag-resize @dragstop=\"onDragstop\">\n```\n\n## Contributing\n\nAny contribution to the code or any part of the documentation and any idea and/or suggestion are very welcome.\n\n``` bash\n# serve with hot reload at localhost:8081\nnpm run start\n\n# distribution build\nnpm run build\n\n```\n\n## License\n\n[MIT license](LICENSE)","readmeFilename":"README.md"}