{"_id":"medium-zoom","_rev":"27-11365489f089c378c87d1bde55f9aded","name":"medium-zoom","description":"A JavaScript library for zooming images like Medium","dist-tags":{"latest":"1.1.0","next":"1.0.0-next.0"},"versions":{"0.1.0":{"name":"medium-zoom","version":"0.1.0","description":"Medium-like zoom on your pictures in pure JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"src/medium-zoom.js","scripts":{"lint":"standard","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build ./node_modules/.bin/webpack && NODE_ENV=dev ./node_modules/.bin/webpack","dev":"NODE_ENV=dev ./node_modules/.bin/webpack --progress --colors --watch"},"pre-commit":["lint"],"standard":{"ignore":["/dist/"],"globals":["requestAnimationFrame","Event"]},"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","vanilla","javascript"],"devDependencies":{"autoprefixer":"^6.3.7","babel":"^6.5.2","babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.9.0","css-loader":"^0.23.1","postcss-loader":"^0.9.1","pre-commit":"^1.1.3","rimraf":"^2.5.3","standard":"^7.1.2","style-loader":"^0.13.1","webpack":"^1.13.1"},"gitHead":"3698703b162b7bf89e33fcdadb3c6da2f4726e60","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.0","_shasum":"ca4497374030c6f8b185de68ad16fe5ff2bb5d69","_from":".","_npmVersion":"3.9.6","_nodeVersion":"6.2.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"shasum":"ca4497374030c6f8b185de68ad16fe5ff2bb5d69","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.0.tgz","integrity":"sha512-fyHS+/3EF4ZeKjca2DSymOb4WBLcAFh8fFu3w8AuwiYzGFlGvDS7E/OeGIvlj2aWUhpX+ER04noteTrFkzFY9w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZLeV2jjbDXxVgY7EOxzwfCL+qAJ90CIVha3q6JIl4ggIhAMsgtB3HrOqtbzlFeayaWbqR0m2JqfL2JDhUlhqLCGjR"}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/medium-zoom-0.1.0.tgz_1469566258758_0.31593332369811833"},"directories":{}},"0.1.1":{"name":"medium-zoom","version":"0.1.1","description":"Medium-like zoom on your pictures in pure JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.js","scripts":{"lint":"standard","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build ./node_modules/.bin/webpack && NODE_ENV=dev ./node_modules/.bin/webpack","dev":"NODE_ENV=dev ./node_modules/.bin/webpack --progress --colors --watch"},"pre-commit":["lint"],"standard":{"ignore":["/dist/"],"globals":["requestAnimationFrame","Event"]},"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","vanilla","javascript"],"devDependencies":{"autoprefixer":"^6.3.7","babel":"^6.5.2","babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-object-assign":"^6.8.0","babel-preset-es2015":"^6.9.0","css-loader":"^0.23.1","postcss-loader":"^0.9.1","pre-commit":"^1.1.3","rimraf":"^2.5.3","standard":"^7.1.2","style-loader":"^0.13.1","webpack":"^1.13.1"},"gitHead":"f94174671b8295ffcb13e330575deabfe5c3bb22","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.1","_shasum":"431edc03296e3c04c6f4b805de850f8f4965df93","_from":".","_npmVersion":"3.10.7","_nodeVersion":"6.7.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"shasum":"431edc03296e3c04c6f4b805de850f8f4965df93","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.1.tgz","integrity":"sha512-TPgF7G7npyCnpN8Tyd2EIAgMOKo3avYgopVIcHcIzmx9XSTT4OBS2o/doX0z48sDXFJQHr2GHirpK1U41/UFwg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLsju1surTYNYTrDfoEL3ERFkzFoZFeU/qaoCFQkVn0gIgBTdL62yrl9MrgoDMLznpmHPO0l2zV88tQ0X/QKBniOw="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/medium-zoom-0.1.1.tgz_1475745625322_0.5773354424163699"},"directories":{}},"0.1.2":{"name":"medium-zoom","version":"0.1.2","description":"Medium-like zoom on your pictures in pure JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"standard":{"ignore":["/dist/"],"globals":["requestAnimationFrame","Event"]},"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","vanilla","javascript"],"devDependencies":{"autoprefixer":"^6.7.6","babel":"^6.23.0","babel-core":"^6.23.1","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.22.0","css-loader":"^0.26.2","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^9.0.0","style-loader":"^0.13.2","webpack":"^2.2.1"},"gitHead":"97bedc07d324e04ceed9e9fa5a2d43e2a413a9ef","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.2","_shasum":"f4c2403792faecde4db36f7346aa603d63c1abc1","_from":".","_npmVersion":"4.3.0","_nodeVersion":"7.6.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"shasum":"f4c2403792faecde4db36f7346aa603d63c1abc1","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.2.tgz","integrity":"sha512-Vzfc9VCtxsVSDptPooZcM2jOB+OrEvfoR98Hn/iHizFBOK7/NM/R7o2wAi1o4mxF+6WL0JXCr+I6QKuxYU3hYQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUG7CjIxYoIABbRnoHusj/eWot9WNWnUHNT7jclAbjYAIgUe7+ItfBcjJ9aNkXTHJLTZDf0GIw13NEfXYfD4A05WE="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/medium-zoom-0.1.2.tgz_1488648098338_0.8260516298469156"},"directories":{}},"0.1.3":{"name":"medium-zoom","version":"0.1.3","description":"Medium-like zoom on your pictures in pure JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"standard":{"ignore":["/dist/"],"globals":["requestAnimationFrame","Event"]},"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^6.7.6","babel":"^6.23.0","babel-core":"^6.23.1","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.22.0","css-loader":"^0.26.2","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^9.0.0","style-loader":"^0.13.2","webpack":"^2.3.2"},"gitHead":"1e1366975776872f9f3f40d586aa975824acab31","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.3","_shasum":"16287d7f7e02f39358763ee22a5baee204f1ec01","_from":".","_npmVersion":"4.3.0","_nodeVersion":"7.6.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"shasum":"16287d7f7e02f39358763ee22a5baee204f1ec01","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.3.tgz","integrity":"sha512-s6iltUOxnxZpnLmcXx/IApqIrCFZfRBGGl2BYi15GK5idRKAjG2AM4bMos2Wyaq8HQ+Bim+4FWa/5cdgA3IBBQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbVqimRcyG/6PH4OOyi7TkS08GnPf5MnpbJGjlOfrQxAiEAtt/gGe0QXAUaaZYWTCXrD3NqctzVOcB+uXKP0kVNPkk="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/medium-zoom-0.1.3.tgz_1491052803094_0.9590779782738537"},"directories":{}},"0.1.4":{"name":"medium-zoom","version":"0.1.4","description":"Medium-like zoom on your pictures in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"babel":{"presets":["es2015"],"plugins":["transform-object-assign"]},"standard":{"ignore":["/dist/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^6.7.6","babel":"^6.23.0","babel-core":"^6.23.1","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.22.0","css-loader":"^0.26.2","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^9.0.0","style-loader":"^0.13.2","webpack":"^2.3.2"},"gitHead":"1c99e7ed8193c758cda1e16ee22f6c2eb687774c","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.4","_shasum":"e0830856c2d4eeed3022543865effa8b095c26eb","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"shasum":"e0830856c2d4eeed3022543865effa8b095c26eb","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.4.tgz","integrity":"sha512-JEQ48E+nO1HCj5Y7hQ2BQkPYZN7cugKqor5XCPjMaB93KLR5qNJQHc8hO6JegYyAUIsI/eamKoOhDqovCErVoA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBD3l2vgxhewPwboEfnQTuOtBP87+d/J6QyGCogmqladAiAV9NkayTnzyVShC4tDs5GT0AMAEk/ztl2upaddG3Nu/g=="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.1.4.tgz_1496253963088_0.5395427953917533"},"directories":{}},"0.1.5":{"name":"medium-zoom","version":"0.1.5","description":"Medium-like zoom on your pictures in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.min.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"babel":{"presets":["es2015"],"plugins":["transform-object-assign"]},"standard":{"ignore":["/dist/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^7.1.1","babel":"^6.23.0","babel-core":"^6.25.0","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.24.1","css-loader":"^0.28.4","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^10.0.2","style-loader":"^0.18.2","webpack":"^2.6.1"},"gitHead":"c29c95663cc44cb861c5ac51501c39961fedb43f","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.5","_npmVersion":"5.0.3","_nodeVersion":"8.0.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-8HmdwCTVvt6hyqpXv9xRvxkSD4XWDbTG5x9U3FKtqe3o1X8U8eRhM9DHSB366XX39qkZilTJKnF9R4wppKhexg==","shasum":"6cad86ca40439203fced9a62030e811d7612c60e","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.5.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBOfbRBSrOoekGS+QgswwN7cg2UA2bkIIK6LsvQ8QWgBAiEAj69NjJQuXo5AhNf29AN/SwcrYi9Yv5jxkwSDotDWg0w="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.1.5.tgz_1497109914396_0.37503097602166235"},"directories":{}},"0.1.6":{"name":"medium-zoom","version":"0.1.6","description":"Medium-like zoom on your pictures in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.min.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"babel":{"presets":["es2015"],"plugins":["transform-object-assign"]},"standard":{"ignore":["/dist/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^7.1.1","babel":"^6.23.0","babel-core":"^6.25.0","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.24.1","css-loader":"^0.28.4","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^10.0.2","style-loader":"^0.18.2","webpack":"^2.6.1"},"gitHead":"6324d6d0a54722ba87f93617bf118f5d71c3ac76","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.6","_npmVersion":"5.0.3","_nodeVersion":"8.0.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-fHqirqWzP0XobxetTVX7TFMXmhYD28suf6qp7trSZUUKf/PANyT83UglJt4byMersST3cIOq+H2BonkksLOCbA==","shasum":"cd7bcade3ad22bdeeca328760492732de34bcfcb","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.6.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFJOwP5vitD/iXwP0DITms4pMa3He/67nvhH5vGBySxRAiEAx1MwywglFd4+urSKzIWRTBe5FqkJGN9Qv1qTL/XdFME="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.1.6.tgz_1500486591097_0.4019770589657128"},"directories":{}},"0.1.7":{"name":"medium-zoom","version":"0.1.7","description":"Medium-like zoom on your pictures in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.min.js","scripts":{"lint":"standard","lint:fix":"standard --fix","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"NODE_ENV=build webpack && NODE_ENV=dev webpack","dev":"NODE_ENV=dev webpack --progress --colors --watch"},"pre-commit":["lint:fix"],"babel":{"presets":["es2015"],"plugins":["transform-object-assign"]},"standard":{"ignore":["/dist/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^7.1.1","babel":"^6.23.0","babel-core":"^6.25.0","babel-loader":"^6.3.2","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.24.1","css-loader":"^0.28.4","postcss-loader":"^1.3.3","pre-commit":"^1.2.2","rimraf":"^2.6.1","standard":"^10.0.2","style-loader":"^0.18.2","webpack":"^2.6.1"},"gitHead":"adae9187f21f2a845628a0a7f201dcd80a97a9fa","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.7","_npmVersion":"5.3.0","_nodeVersion":"8.0.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-aiUqZAE9eqsnoFY72mDjumSuq+PUUBaZMRWKVqlNwztz9PUHrhJH4STyVGY6Uci//kpuSV9+1V4XXVyDMzxzGA==","shasum":"46b4eab589f7bc88911db709ac931f329da731cf","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.7.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVZp/wxORv/3/liaoyYO0N/rvaDVOiSfKckEREdlQoKQIhAMMuQhSk1x/YKVhYaEEB96Xv8P9/jFTuEUzOmkf7SBSq"}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.1.7.tgz_1500645732575_0.8136678729206324"},"directories":{}},"0.1.8":{"name":"medium-zoom","version":"0.1.8","description":"Medium zoom on your pictures in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"http://francoischalifour.com"},"main":"dist/medium-zoom.min.js","scripts":{"lint":"standard","lint:fix":"standard --fix","precommit":"lint-staged","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run clean && npm run lint","build":"webpack --progress --colors","dev":"webpack -d --progress --colors --watch"},"lint-staged":{"src/**/*.js":["lint:fix","git add"]},"babel":{"presets":["es2015"],"plugins":["transform-object-assign"]},"standard":{"ignore":["/dist/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","zoom","lightbox","image","picture","click","scroll","pure","plain","vanilla","javascript"],"devDependencies":{"autoprefixer":"^7.1.1","babel":"^6.23.0","babel-core":"^6.25.0","babel-loader":"^7.1.1","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-es2015":"^6.24.1","css-loader":"^0.28.4","husky":"^0.14.3","lint-staged":"^4.0.2","postcss-loader":"^2.0.6","rimraf":"^2.6.1","standard":"^10.0.2","style-loader":"^0.18.2","webpack":"^3.3.0"},"gitHead":"a07c25ebd3abbf61c1039aa1af949e48e210bca2","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.1.8","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-/lfGtxUIZCLCyGtlCwD3qDpxRr2eMpBwS2U18+K4EPCrDcoZJ1Pf7rWewdSxEh+uHBBMCCpIrbUSJ96mSFiO8Q==","shasum":"84358962a44b5e9d681e59b137cb81c65abb6818","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.1.8.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBYDwK8hFjOvDMeYwalv52C11+2Seu8n57IFd0Im8S+AIgIJj1uR0t6D9FCLbvg6/3hW4ujbgkwef4vnzry9jWJlA="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.1.8.tgz_1505671839851_0.5671310413163155"},"directories":{}},"0.2.0":{"name":"medium-zoom","version":"0.2.0","description":"Medium zoom on your images in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.es.js","scripts":{"lint":"standard","lint:fix":"standard --fix","test":"jest","test:watch":"jest --watch","test:verbose":"jest --verbose","precommit":"lint-staged","clean":"rimraf ./dist && mkdir dist","prebuild":"npm run lint && npm run test && npm run clean","build":"NODE_ENV=build rollup --config","dev":"NODE_ENV=build rollup --config --watch","preview":"npm run build && cp ./dist/* ./examples/javascript/preview/"},"lint-staged":{"src/**/*.js":["lint:fix","git add"]},"browserslist":["> 1%","last 2 versions"],"standard":{"ignore":["/dist/","/examples/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-env":"^1.6.0","cssnano":"^3.10.0","husky":"^0.14.3","jest":"^21.2.1","lint-staged":"^4.2.3","rimraf":"^2.6.2","rollup":"^0.50.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-babel-minify":"^3.1.1","rollup-plugin-commonjs":"^8.2.1","rollup-plugin-postcss":"^0.5.5","rollup-plugin-uglify":"^2.0.1","rollup-watch":"^4.3.1","standard":"^10.0.3"},"gitHead":"70af1b4c48e2d1701a069419237e608d912cab33","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.2.0","_npmVersion":"5.4.2","_nodeVersion":"8.4.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-2595M4GDwjoyZVDtkw6JWY8JxkhZVumqPjvM8coyRcULPZpoij2bQJ1/syqtx4XiflaqTva0cAch1kzqk0ir9Q==","shasum":"12c9a6da7dee80adcb7bfae8549f9306017e4ca6","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaXNdxa0Gb6eCE34xpd+60aiL2DRcW6D2mQKuR4BT+RAiEAiwUp18VlCKCHjoSwkdNQT1TOS8CTe88XKaXmtram6Yw="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.2.0.tgz_1506870973814_0.06569878361187875"},"directories":{}},"0.3.0":{"name":"medium-zoom","version":"0.3.0","description":"Medium zoom on your images in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.es.js","scripts":{"lint":"standard","lint:fix":"standard --fix","test":"jest","test:watch":"jest --watch","clear":"rimraf ./dist","prebuild":"npm run lint && npm run test && npm run clear","build":"cross-env NODE_ENV=build rollup --config","dev":"cross-env NODE_ENV=build rollup --config --watch","preview":"npm run build && cp ./dist/* ./examples/demo/preview/","prepublishOnly":"npm run build"},"browserslist":["> 1%","last 2 versions"],"standard":{"ignore":["/dist/","/examples/"],"globals":["NodeList","HTMLCollection","requestAnimationFrame","Event"]},"files":["dist"],"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-env":"^1.6.1","cross-env":"^5.1.1","cssnano":"^3.10.0","jest":"^21.2.1","rimraf":"^2.6.2","rollup":"^0.52.1","rollup-plugin-babel":"^3.0.2","rollup-plugin-babel-minify":"^3.1.2","rollup-plugin-commonjs":"^8.2.6","rollup-plugin-postcss":"^0.5.5","rollup-plugin-uglify":"^2.0.1","rollup-watch":"^4.3.1","standard":"^10.0.3"},"gitHead":"35b24632dda23b9ea1616d05d5bed824b512ae59","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.3.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-26CJAykAcm1IYx2XjUB04dmZ7iRLtyTDKZSrm5kEqHJWVMo7pafUZEPcRGvYCNWW4f1utlEOzbtbaOvwNg7g1g==","shasum":"e0745b604260a824db2db1b64bf088a152c3fdfa","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXQZ4I/Weo0rMbYa9L++yKafpoqVhX3/GKLa4PS5BqOgIhAOVD2g9qwTI7iH5eEfK8KrbWbqWXcXzdLPsEVxBHmk/o"}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom-0.3.0.tgz_1512615939333_0.0306059701833874"},"directories":{}},"0.4.0":{"name":"medium-zoom","version":"0.4.0","description":"Medium zoom on your images in vanilla JavaScript","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.es.js","scripts":{"lint":"standard","lint:fix":"standard --fix","format":"prettier --write 'src/**/*.{js,json,css}' && standard --fix","test":"jest","test:watch":"jest --watch","clean":"rimraf ./dist","prebuild":"npm run test && npm run clean","build":"cross-env NODE_ENV=build rollup --config","dev":"cross-env NODE_ENV=build rollup --config --watch","preview":"npm run build && cp ./dist/* ./examples/demo/preview/","prepublishOnly":"npm run build"},"browserslist":["> 1%","last 2 versions"],"standard":{"ignore":["/dist/","/examples/"],"globals":["CustomEvent","HTMLCollection","NodeList","requestAnimationFrame"]},"files":["dist"],"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"babel-plugin-external-helpers":"^6.22.0","babel-plugin-transform-object-assign":"^6.22.0","babel-preset-env":"^1.6.1","cross-env":"^5.1.3","cssnano":"^3.10.0","jest":"^22.4.2","prettier":"^1.11.1","rimraf":"^2.6.2","rollup":"^0.56.5","rollup-plugin-babel":"^3.0.3","rollup-plugin-babel-minify":"^4.0.0","rollup-plugin-commonjs":"^9.0.0","rollup-plugin-postcss":"^1.3.3","rollup-plugin-uglify":"^3.0.0","rollup-watch":"^4.3.1","standard":"^11.0.0"},"gitHead":"8617c954d5690de3c692560e7ddcc02016c232ac","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@0.4.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-0z7yMfd6I1BTCAa8QaR4cp5AqDkQD571GzhHIbbfefKEssGLSvs+4Xai/itOAncm4FBlF5gUoMQ22yW9/f8Sig==","shasum":"8e13c9b754903c0c903220611af0d3cd373a4222","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-0.4.0.tgz","fileCount":6,"unpackedSize":50299,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0JN6N4RShU3fBcdle6jsDIWCNa/15ZkRePjeQ0ME8qAiAZbLDMFC62fMPJM7IWw9g3zKmLnKufTx2l7KnR7jtksw=="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_0.4.0_1520600878812_0.5138820209984694"},"_hasShrinkwrap":false},"1.0.0-next.0":{"name":"medium-zoom","version":"1.0.0-next.0","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.es.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"cross-env NODE_ENV=build rollup --config --watch","prebuild":"yarn run clean","build":"cross-env NODE_ENV=build rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"files":["dist"],"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"8.2.6","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.0","cross-env":"5.2.0","cssnano":"4.1.0","cypress":"3.1.0","cypress-image-snapshot":"2.0.1","eslint":"5.4.0","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.0.1","eslint-plugin-cypress":"2.0.1","eslint-plugin-import":"2.14.0","husky":"0.14.3","jest":"23.5.0","npm-run-all":"4.1.3","prettier":"1.14.2","pretty-quick":"1.6.0","release-it":"7.6.0","rimraf":"2.6.2","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-commonjs":"9.1.6","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.0.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.min.js","compression":"none","maxSize":"10 kB"},{"path":"dist/medium-zoom.min.js","compression":"gzip","maxSize":"3 kB"}],"readme":"

\n \"Demo\"\n

medium-zoom

\n

A JavaScript library for zooming images like Medium

\n

\n\n

\n \n \"version\"\n \n \n \"MIT\n \n \n \"downloads\"\n \n
\n \n \"gzip\n \n \n \"no\n \n \n \"travis\"\n \n

\n\n

\n \n \"Medium\n \n
\n
\n \n πŸ”¬ Playground ・\n πŸ”Ž Demo ・\n πŸ“š Storybook\n \n

\n\n
\n Contents\n\n\n\n\n\n\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [API](#api)\n - [Selectors](#selectors)\n - [Options](#options)\n - [Methods](#methods)\n - [Attributes](#attributes)\n - [Events](#events)\n- [Examples](#examples)\n- [Browser support](#browser-support)\n- [Contributing](#contributing)\n- [License](#license)\n\n\n\n
\n\n## Features\n\n- πŸ“± **Responsive** β€” _scale on mobile and desktop_\n- πŸš€ **Performant and lightweight** β€” _should be able to reach 60 [fps](https://en.wikipedia.org/wiki/Frame_rate)_\n- ⚑️ **High definition support** β€” _load the HD version of your image on zoom_\n- πŸ”Ž **Flexibility** β€” _apply the zoom to a selection of images_\n- πŸ–± **Mouse, keyboard and gesture friendly** β€” _click anywhere, press a key or scroll away to close the zoom_\n- πŸŽ‚ **Event handling** β€” _trigger events when the zoom enters a new state_\n- πŸ“¦ **Customization** β€” _set your own margin, background and scroll offset_\n- πŸ”§ **Pluggable** β€” _add your own features to the zoom_\n- πŸ’Ž **Custom templates** β€” _extend the default look to match the UI of your app_\n\n## Installation\n\nThe module is available on the [npm](https://www.npmjs.com) registry.\n\n```sh\nnpm install medium-zoom\n# or\nyarn add medium-zoom\n```\n\n###### Download\n\n- [Normal](https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.js)\n- [Minified](https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js)\n\n###### CDN\n\n- [jsDelivr](https://www.jsdelivr.com/package/npm/medium-zoom)\n- [unpkg](https://unpkg.com/medium-zoom/)\n\n## Usage\n\n> [Try it out in the browser](https://codesandbox.io/s/github/francoischalifour/medium-zoom/tree/master/website)\n\nImport the library as a module:\n\n```js\nimport mediumZoom from 'medium-zoom'\n```\n\nOr import the library with a script tag:\n\n```html\n\n```\n\nThat's it! You don't need to import any CSS styles.\n\n```js\nmediumZoom('[data-zoom]')\n```\n\n## API\n\n```\nmediumZoom(selector?: string|Element|NodeList|Array, options?: object) => Zoom\n```\n\n### Selectors\n\nThe selector allows attaching images to the zoom. It can be of the following types:\n\n- [CSS selectors](https://developer.mozilla.org/docs/Web/CSS/CSS_Selectors)\n- [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n- [`NodeList`](https://developer.mozilla.org/docs/Web/API/NodeList)\n- [`Array`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)\n\n```js\n// CSS selector\nmediumZoom('[data-zoom]')\n\n// Element\nmediumZoom(document.querySelector('#cover'))\n\n// NodeList\nmediumZoom(document.querySelectorAll('[data-zoom]'))\n\n// Array\nconst images = [\n document.querySelector('#cover'),\n ...document.querySelectorAll('[data-zoom]'),\n]\n\nmediumZoom(images)\n```\n\n### Options\n\nThe options enable the customization of the zoom. They are defined as an object with the following properties:\n\n| Property | Type | Default | Description |\n| -------------- | ----------------------------- | -------- | --------------------------------------------------------------------------------------------------- |\n| `margin` | `number` | `0` | The space outside the zoomed image |\n| `background` | `string` | `\"#fff\"` | The color of the overlay |\n| `scrollOffset` | `number` | `40` | The number of pixels to scroll to close the zoom |\n| `container` | `string`\\|`Element`\\|`object` | `null` | The element to render the zoom in or a viewport object
[Read more β†’](docs/options/container.md) |\n| `template` | `string`\\|`Element` | `null` | The template element to display on zoom
[Read more β†’](docs/options/template.md) |\n\n```js\nmediumZoom('[data-zoom]', {\n margin: 24,\n background: '#BADA55',\n scrollOffset: 0,\n container: '#zoom-container',\n template: '#zoom-template',\n})\n```\n\n### Methods\n\n#### `open({ target?: Element }) => Promise`\n\nOpens the zoom and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.open()\n```\n\n_Emits an event [`open`](#events) on animation start and [`opened`](#events) when completed._\n\n#### `close() => Promise`\n\nCloses the zoom and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.close()\n```\n\n_Emits an event [`close`](#events) on animation start and [`closed`](#events) when completed._\n\n#### `toggle({ target?: Element }) => Promise`\n\nOpens the zoom when closed / dismisses the zoom when opened, and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.toggle()\n```\n\n#### `attach(...selectors: string[]|Element[]|NodeList[]|Array[]) => Zoom`\n\nAttaches the images to the zoom and returns the zoom.\n\n```js\nconst zoom = mediumZoom()\n\nzoom.attach('#image-1', '#image-2')\nzoom.attach(\n document.querySelector('#image-3'),\n document.querySelectorAll('[data-zoom]')\n)\n```\n\n#### `detach(...selectors: string[]|Element[]|NodeList[]|Array[]) => Zoom`\n\nReleases the images attached to the zoom and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.detach('#image-1', document.querySelector('#image-2')) // detach two images\nzoom.detach() // detach all images\n```\n\n_Emits an event [`detach`](#events) on the image._\n\n#### `update(options: object) => Zoom`\n\nUpdates the options and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.update({ background: '#BADA55' })\n```\n\n_Emits an event [`update`](#events) on each image of the zoom._\n\n#### `clone(options?: object) => Zoom`\n\nClones the zoom with provided options merged with the current ones and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoom]', { background: '#BADA55' })\n\nconst clonedZoom = zoom.clone({ margin: 48 })\n\nclonedZoom.getOptions() // => { background: '#BADA55', margin: 48, ... }\n```\n\n#### `on(type: string, listener: Function, options?: object) => Zoom`\n\nRegisters the listener on each target of the zoom.\n\nThe same `options` as [`addEventListener`](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener#Parameters) are used.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.on('closed', event => {\n // the image has been closed\n})\n\nzoom.on(\n 'open',\n event => {\n // the image has been opened (tracked only once)\n },\n { once: true }\n)\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n#### `off(type: string, listener: Function, options?: object) => Zoom`\n\nRemoves the previously registered listener on each target of the zoom.\n\nThe same `options` as [`removeEventListener`](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener#Parameters) are used.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nfunction listener(event) {\n // ...\n}\n\nzoom.on('open', listener)\n// ...\nzoom.off('open', listener)\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n#### `getOptions() => object`\n\nReturns the zoom options as an object.\n\n```js\nconst zoom = mediumZoom({ background: '#BADA55' })\n\nzoom.getOptions() // => { background: '#BADA55', ... }\n```\n\n#### `getImages() => Element[]`\n\nReturns the images attached to the zoom as an array of [`Element`s](https://developer.mozilla.org/docs/Web/API/Element).\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.getImages() // => [Element, Element]\n```\n\n#### `getZoomedTarget() => Element`\n\nReturns the current zoomed target as an [`Element`](https://developer.mozilla.org/docs/Web/API/Element) or `null` if none.\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.getZoomedTarget() // => null\nzoom.open().then(() => {\n zoom.getZoomedTarget() // => Element\n})\n```\n\n### Attributes\n\n#### `data-zoom-src`\n\nSpecifies the high definition image to open on zoom. This image loads when the user clicks on the source image.\n\n```html\n\n```\n\n### Events\n\n| Event | Description |\n| ------ | --------------------------------------------------- |\n| open | Fired immediately when the `open` method is called |\n| opened | Fired when the zoom has finished being animated |\n| close | Fired immediately when the `close` method is called |\n| closed | Fired when the zoom out has finished being animated |\n| detach | Fired when the `detach` method is called |\n| update | Fired when the `update` method is called |\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.on('open', event => {\n // track when the image is zoomed\n})\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n## Examples\n\n
\n Trigger a zoom from another element\n\n```js\nconst button = document.querySelector('[data-action=\"zoom\"]')\nconst zoom = mediumZoom('#image')\n\nbutton.addEventListener('click', () => zoom.open())\n```\n\n
\n\n
\n Track an event (for analytics)\n\nYou can use the `open` event to keep track of how many times a user interacts with your image. This can be useful if you want to gather some analytics on user engagement.\n\n```js\nlet counter = 0\nconst zoom = mediumZoom('#image-tracked')\n\nzoom.on('open', event => {\n console.log(`\"${event.target.alt}\" has been zoomed ${++counter} times`)\n})\n```\n\n
\n\n
\n Detach a zoom once closed\n\n```js\nconst zoom = mediumZoom('[data-zoom]')\n\nzoom.on('closed', () => zoom.detach(), { once: true })\n```\n\n
\n\n
\n Attach jQuery elements\n\njQuery elements are compatible with `medium-zoom` once converted to array.\n\n```js\nmediumZoom($('[data-zoom]').toArray())\n```\n\n
\n\n
\n Create a zoomable React component\n\n```js\nimport React, { Component } from 'react'\nimport mediumZoom from 'medium-zoom'\n\nclass ImageZoom extends Component {\n zoom = this.props.zoom.clone({\n background: this.props.color,\n })\n\n attachZoom = image => {\n this.zoom.attach(image)\n }\n\n render() {\n return (\n {this.props.alt}\n )\n }\n}\n\nclass App extends Component {\n zoom = mediumZoom({ background: '#000', margin: 48 })\n\n render() {\n return (\n \n )\n }\n}\n```\n\n
\n
\n\nYou can see [more examples](examples/) including [React](examples/react) and [Vue](examples/vue), or check out the [storybook](https://medium-zoom.francoischalifour.com/storybook).\n\n## Browser support\n\n| IE | Edge | Chrome | Firefox | Safari |\n| --------------- | --------------- | ------ | ------- | ------ |\n| 10\\* | 12\\* | 36 | 34 | 9 |\n\n\\* _These browsers require a [`template` polyfill](https://github.com/webcomponents/template) when using [custom templates](#using-a-custom-template)_.\n\n
\n

\n Cross-browser testing is sponsored by\n

\n

\n \n \"BrowserStack\"\n \n

\n
\n\n## Contributing\n\n- Run `yarn` to install Node dev dependencies\n- Run `yarn start` to build the library in watch mode\n- Run `yarn run storybook` to see your changes at http://localhost:9001\n\nPlease read the [contributing guidelines](CONTRIBUTING.md) for more detailed explanations.\n\n_You can also use [npm](https://www.npmjs.com)._\n\n## License\n\nMIT © [François Chalifour](https://francoischalifour.com)\n","readmeFilename":"README.md","gitHead":"cce89511ec57413165158ce9a90ddf4138e00882","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.0-next.0","_npmVersion":"5.6.0","_nodeVersion":"9.11.2","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-+yL7T8HfeDkrPr3hbA9SQHfwJh/cjS9Ayt76g5bUVesoN3TbvAgtyXgVRkWL1qwAmHM+BUa/0yGDjSET8KPnNg==","shasum":"d074f59aa28dff23e0627642ec0b4150bf7f7d1f","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.0-next.0.tgz","fileCount":7,"unpackedSize":58600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhBt1CRA9TVsSAnZWagAAzpQP+gKWzavpu5aA73PWhult\nq7O3O/pLn0Uh/JOn9kgM2w1r8e1kJagKVQQgt1BX+IzJjDGc8JGuX5pOVISp\nE1J19TCs6HV1Tvr44SI4HwuGc28pxJbn0XS5xH7fiZsTDSifvM3mBW9RDfeJ\n+zHVkiRdptNVCKK4M86TRzi97JARsyecnwVESK6CvO1kvYNrr9pfRTdUys/q\nzZ1kuHMeUbkieobGYKYQxKdRYlmPsgqiGWy3yj44CtHyUEodT9DgMO/bCWhB\nfPZsgIBYCLcl8Pr6w/VPPVjPgdANdrSyyW76k2WK+wsDndVtgFgagcDTSUJd\nmDExwn5RyNtagGfcXjHnLsF+9R/qzeptxRUrVC9wtd+vNAgttEKrIq50AZra\n5+BUyfEogXoHTaKI5P/MW8INUShgXD3O8PKUbCZeFI62L8uhy/G+SDLY0Y7T\nWcu5nRKinwKna+REI3kQ7h6TUJeBhYpU1e+8vSL3VMvoZZs0/W6XTfuW9lZL\ncY+VJsuWIkWhEvPjtdD0S1Cy11n/0QrigpQTjik89c9wnO60GOM0aW+ZTji4\nEVhRwWp1Eqs/DY5cFFpUlutLY4PTkzWNmUF90hMRrdecZOFOAE+FuoHF9Vh/\nQLls6OFw1E6MoJWwQL0MphXujd1QqWBamzFx8VPs5idQ0Y8fcO7CKKg8JE2W\nXY/f\r\n=kMXt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICYcYRNEIIBrZ4fbcNr0ahCjzTiGXAWXlLLfz5Siom4LAiEA4L5gwTymX7S8u6lMQ3/fJQBbBFo2M5cRypz35NCvwrY="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.0-next.0_1535384436726_0.15440646639553934"},"_hasShrinkwrap":false},"1.0.0":{"name":"medium-zoom","version":"1.0.0","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"files":["dist"],"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"8.2.6","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.0","cssnano":"4.1.0","cypress":"3.1.0","cypress-image-snapshot":"2.0.1","eslint":"5.4.0","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.0.1","eslint-plugin-cypress":"2.0.1","eslint-plugin-import":"2.14.0","husky":"0.14.3","jest":"23.5.0","npm-run-all":"4.1.3","prettier":"1.14.2","pretty-quick":"1.6.0","release-it":"7.6.0","rimraf":"2.6.2","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.0.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.esm.js","maxSize":"3 kB"},{"path":"dist/medium-zoom.min.js","maxSize":"3 kB"}],"gitHead":"31c5dbb2ed75f93b341d8e9028b84d50798e443c","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.0","_npmVersion":"5.6.0","_nodeVersion":"9.11.2","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-W4btRFgiLjYra5DF6G9ckda4oSO5D7Ts/5S2b5pyL45Mdj5v5w0sjYNm67uj5BejprmK8sIbsZ+4hO9y6SAAgA==","shasum":"5cea43388c63d3acc5a2571c1fe2758a8da7a5ab","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.0.tgz","fileCount":7,"unpackedSize":58269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhVOSCRA9TVsSAnZWagAAlA4QAIgKP9FVAmw2daUNj2gY\nTXzZAwoM7gVtpGjmd4Z4ju3vmBKfpyzax8pX8OvxHuY3EJxFOqmCFAxOuKcL\nBldrzrc5Jruaq614geeixJJY2de87fPbmLvyHbldrCWfl9aUTO7QpvoOLTq8\n9ieHcexR8WtYuUlhEQmfIWeAjYzoBwbH2960zFaCz0LrzWU+8pC/gs0P6r+h\nQLKblzppKXqgCPSMkC/91tEJWy2Jru0nf3ywPrnW5sIQibefo0+xgvYadxVJ\ndTLkRJ8D5TX6rH/RYR8jQRybmv30zh/KTv7cG4WXGTKCxe6wp9hZr6Elgfx7\n1u+l2SdsxKA0Sw6PC1jaBKmZsQ5soet5q1tBTK7SGWWmRO9MdIOwFFdiyQA/\npC+sqxqCdjHyrcZq2B2cDEodlBoJolClnXP+qSwzizhioKhcUwMat2lZmudc\nRuXtRgnxYsnFaOkArqHXkQraY9ouiu0qx3ElVhCFBBeeSgl7xs+bUnX0AXDY\nKSndUgLVpGp/IcQ8P4BvF+Z7Qd83dhcZKxQCaxtR71GQpRw+YtQCuETX4mJR\nv3jS02Mnqq/xJNz3EHPcrakQmYujUZqf8mzo7O5y5Km3k3S9THWivD+ydpMo\nV74zFil37Ngj0dbotUpuOFjGawrzAJXJsZ5tGW4WhAg/z7ViNh7v/M+KMBpG\n5ZD/\r\n=X+X5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDH3Kgh6EJxMZHReNCVzxBILu3DAuTkJ/vtFpVAl7qelgIgcVxU8+5nuUSpXPi3l7kLeZhA+0s1zMShYB/H65Wqn08="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.0_1535464337195_0.8048988767877898"},"_hasShrinkwrap":false},"1.0.1":{"name":"medium-zoom","version":"1.0.1","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"8.2.6","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.0","cssnano":"4.1.0","cypress":"3.1.0","cypress-image-snapshot":"2.0.1","eslint":"5.4.0","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.0.1","eslint-plugin-cypress":"2.0.1","eslint-plugin-import":"2.14.0","husky":"0.14.3","jest":"23.5.0","npm-run-all":"4.1.3","prettier":"1.14.2","pretty-quick":"1.6.0","release-it":"7.6.0","rimraf":"2.6.2","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.0.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.esm.js","maxSize":"3 kB"},{"path":"dist/medium-zoom.min.js","maxSize":"3 kB"}],"gitHead":"07cbb0222bf508e7a78e3ee231427413867086bb","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.1","_npmVersion":"5.6.0","_nodeVersion":"9.11.2","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-LxRsVX+jUBscbZ/kPxzxRQqtF0bBBbn+isV2jzgqVas1pS3OSa1fHIHLRCNPetBvSxsVOjD8z1NpL7mwktSDKg==","shasum":"226a59f26aec8e913c3045a0cf9d7e8b97d06dc3","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.1.tgz","fileCount":7,"unpackedSize":58201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhrK0CRA9TVsSAnZWagAAYXUQAJYjDjnYNOWhjy9TbTxF\nr0NVB709prcVFlpS7LgL4v4xovdoklEKj04GT2fk/Z1lXL33ky5jJZDeTzDC\nQBJm4sMvJxR3eJ7uabasVtlAutlB7fQ4oGqLL40FW3cov6TIHTbIY6BjS+Jm\nEjKNGtbMVEsy02v/UOxXXrBx6uvmgUSL+tlMnyHQZ0Wn1RepuukbNoOFzG9Z\nwjt5JWJsjsR105tjWnozCmIjVEVM7JRyfdBItxu7psm8lR9aplRYWVb+54cx\nTUDEmMIJUqbJYo4JCsf1ez7mtlnSTexw/G3abY+1st/uCO5iDakzUClpOo+4\nanDI3xXm1a8+kRHzJHrYZdYd7eQZupfVATM3hwOYMP4Hw0hxbqD43OK/MZt7\nA53X+cWPAwN0/Ops9zTFQqF1YfuQehzP18cWF9VamCZ7Z7schD8wup2vhVUv\nsd7EvTuudwAe1gVFWnCSmc9lRAF/pUuNiPwa6VXbhAur883Ytj9hYfcQTvMH\ncqKhQBqXy2XeySRTKgQuk+tYVzC+h+mqUMeCJPoSNUdM+eFQ/CNOvLDN0Vt5\nU5LKL+JqBjduzUu4Xju54eC9AVlp7Fztx1jQGbl6nyYw+hNMgohdRDRyunS0\nIR07HJtFlSI6mpjzvnvY2u6iITiB7kLCYX5RC9SR0aFBHYCnQwJXVpJkccRA\n1gN4\r\n=EIlr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA8ichFG0HijmR+YzI6kUixiGpXpTvCDH8afdPxQq2gIAiEAmTQngJ7rc55rTqtyi9WONE9HUS6aQWZhBAdret65cAA="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.1_1535554226430_0.34325613290503765"},"_hasShrinkwrap":false},"1.0.2":{"name":"medium-zoom","version":"1.0.2","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"8.2.6","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.0","cssnano":"4.1.0","cypress":"3.1.0","cypress-image-snapshot":"2.0.1","eslint":"5.4.0","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.0.1","eslint-plugin-cypress":"2.0.1","eslint-plugin-import":"2.14.0","husky":"0.14.3","jest":"23.5.0","npm-run-all":"4.1.3","prettier":"1.14.2","pretty-quick":"1.6.0","release-it":"7.6.0","rimraf":"2.6.2","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.0.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.esm.js","maxSize":"3 kB"},{"path":"dist/medium-zoom.min.js","maxSize":"3 kB"}],"gitHead":"08ca988ab36f7fff23fd5a33b57ded3cd7dfebb3","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.2","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-rSNfTb1XY1nsb6sUA2v30PlsVO20qknzGHevfCviPVOWhfG3C2fkhhybydepeS2Jw+EwcbBJY/xRI1ckZBjEXw==","shasum":"a154f7814e2999811a1d9218ea8aadab5bda90e4","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.2.tgz","fileCount":7,"unpackedSize":60660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkBXECRA9TVsSAnZWagAAx14P/ApPTM4GWzsMfAcFjgxs\nqB2/Ku0zo8KTjUzgoO++2e0p50IQkj6uhsEur/ySM+N58fMWMUcZZ5fDC5Qz\nFQvP4ZJQaulY94vumGPPiffgNRH5ioyvdm9c4hYPPGucn4vIIi/Otbg5agFA\nqMQ5PPdBpHezPjQLsWvnJ0fuUyef/+sAVuNRrKVHELPzyPyJCIzUU+bXo+Kb\nPr82QU81+4004ZBT+DAkCFgiI3qE6GQ3eoGeQrsMhy5wzkLY/JPTrdHsnWCR\n6QPlOxOp0IK2tX8wicoh9vv0p1NDww7H5NUo2nVGNRpAnXRZ2ohxQx6WHx59\nOicCW1TH6kXYYMteZ+ylsNfnqhg5MK+hayixl2i70rYumQHUAsnOzcBsRqTz\neCsm4Xbw8ymarot2PYmz5JHjXuNiPubrR9qadUtHRceS68oR0JFhvjNxYyRD\nE5EIoDLpSksrVMcKaDZvluf9G3nR6VZo6pRD+b9YnBvEFe6gg8ShGZDK/ftd\nSdOHS8BKI3lMw0FaYbh1ykXEwyFNGJ4KL52VVXRKnFsojYLyeSAHrP+DIsPX\nK7OHRG/alNj3GdD6bYUbRGSKvHz57ySFDOBIsaw/PRQJIJL4A0pkzX1mfzak\nq3R1IfX7A/yyYn73b1ORj2PCAfGd0LPhQjVmgbChmux+lyTOsZHgbOCJskXc\nC/L3\r\n=Yr/E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzSAkQWFboHMKu2iSEgsXNYNOUatRvXrh+fDmUYDGe7wIhANZ6611KKTx5GHeQfpdukuEGYLqO6SDo7M7XzXIlF1Fg"}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.2_1536169411338_0.8154795497228522"},"_hasShrinkwrap":false},"1.0.3":{"name":"medium-zoom","version":"1.0.3","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.1","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.1","cssnano":"4.1.8","cypress":"3.1.4","cypress-image-snapshot":"3.0.0","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.2.0","eslint-plugin-import":"2.14.0","husky":"1.3.1","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.16.0","pretty-quick":"1.10.0","release-it":"7.6.2","rimraf":"2.6.3","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.1.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.esm.js","maxSize":"3 kB"},{"path":"dist/medium-zoom.min.js","maxSize":"3 kB"}],"gitHead":"3be67bbee10a355a1022ad09855dee599e22d00e","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.3","_npmVersion":"6.2.0","_nodeVersion":"10.9.0","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-/8FocjPsVNuKkwUoI44l4nSsVTWalVqkB+FOXJTBQgl26y3Vp4er8FJpkk6kLQQPdCpm/W3eG7ptNoIm4Y6Rbw==","shasum":"6edf14e894976bc52964a10e08a7ec7817152379","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.3.tgz","fileCount":7,"unpackedSize":61134,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcRGw1CRA9TVsSAnZWagAA6RQP/0zb4sT9D+5YBrjlkdTh\nZZ2ytIaTOOZtFyC3FC36UnCWeG/7pm3vpVAgvynEt0jBisCsLrJbTyd68fQn\nKfIXPtFos6dkwQCR1JAAxFn64BMthl6gCE3ZksrqCuU4U8hbw6WT0NsPiCVp\n+8RMu6oPBVDQC5Tocx1oApv+a9Gx0xx0LIDIDccjEUTgU2XL3uJ6kmf3DbTM\ncWAPYk1iEEONsF3GxG56/Fr55J623evXINMnDh7/kdoV+AKM5pZ4zLEmujOn\nkNCM+fUL5ZUxQNt4w45ZyIbTt6m0i7GA41SY175cFDN2p4j1a/vqsgKbrUZc\nY/j2C/l2HCTEYC+vMIF6jzneRnPB2EkMUcVYZEeLulFJIynMQpV2ushWbjXM\nYuBX8hdSCGBM1Pt/T/rWgfkOjzv7ZLwqn8aXFko13r5qYeu0jtzaCh4Nphv5\nxGly6ZD7SAqaRXYtdX1kiIHFyFQGeWeP1PvHJKqK5TAPAD7yf33H6feGll93\nIVu/ZnNA+uuMFFS5L8LoRoK2iluvU4J9ZfFwOBsetF/2HolapHNV39PP6SQr\n1hGhIWl0F4m/2fFiEHnqYc+wDY14jfwl2PRV8oY23ZlgN8VSaZGg44R2jGls\nxbYJbZPXYt3KP1RJ44wu216kTwy4vza7kMbL/I/AMWtGPOT8DqVBDpzEsN3V\nETT2\r\n=Pc6Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDov0f6NBfsnRq0Gy4VwC8bOQy1TyaEA67+BIAuLHAoewIgHud3l8oVtPa29sDHtBiCGbKX6tGgYC0Qhp7xcRpITEE="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.3_1547988020117_0.775576757430535"},"_hasShrinkwrap":false},"1.0.4":{"name":"medium-zoom","version":"1.0.4","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","precommit":"pretty-quick --staged","release":"release-it","release:next":"release-it --preRelease=next"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.1","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.17.1","cssnano":"4.1.8","cypress":"3.1.4","cypress-image-snapshot":"3.0.0","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.2.0","eslint-plugin-import":"2.14.0","husky":"1.3.1","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.16.0","pretty-quick":"1.10.0","release-it":"10.0.1","rimraf":"2.6.3","rollup":"0.65.0","rollup-plugin-babel":"3.0.7","rollup-plugin-babel-minify":"5.0.0","rollup-plugin-postcss":"1.6.2","rollup-plugin-replace":"2.1.0","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"bundlesize":[{"path":"dist/medium-zoom.esm.js","maxSize":"3 kB"},{"path":"dist/medium-zoom.min.js","maxSize":"3 kB"}],"gitHead":"acafb8242a252b2a59699b5589c58082801fb94f","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.15.1","_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"dist":{"integrity":"sha512-BjE+00gQku3XQfgHDcqyYwQaBtFddzh6Lnj1RZOliqJ9HS0mh/P2IaqVJ25/j9EbnjAUf27mLeLZBRxnd00bfA==","shasum":"b1063093f81151a19989489589edf28e6090630c","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.4.tgz","fileCount":7,"unpackedSize":61113,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcqGdrCRA9TVsSAnZWagAAgWIP/1CWMZiYsCTB4NdlShXu\nROJIj/qi0Bf6iyyCkXYBFHilagtADFi4xDJzSgzShKLjLfhDkqoqMADhVyC4\nFLkCWD99tDypCZRQfBKFMqx2wKy/eGN6e/XIqXzOmW4G2+WtVKs5zI4Y9eES\nMS+sqvJ7jmqXuTDMpKXz7bq77udww52Na3yajKIfD02wfC92Pa8yBiX6SN3L\nRfMDcWEsM+NUPsKSLW4FGJIdnobL6NMG9RjgEIrO+jxd6PR/1kA0qctpUBAc\nSH53XoL+CdUrPg+ZjXs+KHYoRhaVhPEYn1MfVzwsDt2rHuPInERkkvMmQmkw\nP+RuYNHoWvKHsItv661ZcF6aeWMrNlJWdD7I7IqfDGe8e/fY9r36cEs33wcB\np7ttNhlsIXPjfOrG2X1KQMecFeEIw1FeX+JnROn5yt/uErZurF0eGdajXY7K\nj+YZUIlUpiCt2hUzswImc9DZIpm0lkT9QMBFhpyrtpVg9jimyUAFFr7lVcFk\n36ggwt5QBdKSg3Fcld/CgGhIL8lELz5KKAOXSFbn/VU8bcjhUyWB6AJvlkOn\nDKhoJBr/ReF1c3VVbnxgjqJqpVELCiUJaHeTJngD/QXnVJvq3XHBuwElI0dc\nsQyAb9qnWIP1EXb9Ql8yUfNq5Udf51bWtWzRWlbcOnHxc5fROQAdG4vDvjJi\nLoES\r\n=CWi+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyk6iKTzKkeCyxG066BQnMhuP8iREsdqp4IPlAPtkfIgIgHQvsbBx+FkDrKX6eorOqU83afW4mPgIk1ZkK68iWi+4="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.4_1554540394679_0.6634419426441145"},"_hasShrinkwrap":false},"1.0.5":{"name":"medium-zoom","version":"1.0.5","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","sideEffects":false,"scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","changelog:update":"conventional-changelog -p angular -i CHANGELOG.md -s","release":"release-it","release:next":"release-it --preRelease=next","release:examples":"./scripts/release-examples.sh"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.3","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.18.0","conventional-changelog-cli":"2.0.28","cssnano":"4.1.10","cypress":"3.7.0","cypress-image-snapshot":"3.1.1","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.7.0","eslint-plugin-import":"2.18.2","husky":"3.1.0","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.19.1","pretty-quick":"1.10.0","release-it":"10.4.5","rimraf":"3.0.0","rollup":"1.27.8","rollup-plugin-babel":"3.0.7","rollup-plugin-filesize":"6.2.1","rollup-plugin-license":"0.13.0","rollup-plugin-postcss":"2.0.3","rollup-plugin-replace":"2.2.0","rollup-plugin-terser":"5.1.2","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"gitHead":"70f04e59e984e93e6450b8deced4ad23b4f42b68","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aLGa6WlTuFKWvH88bqTrY5ztJMN+D0hd8UX6BYc4YSoPayppzETjZUcdVcksgaoQEMg4cZSmXPg846fTp2rjRQ==","shasum":"81413dda20ccdd857141ff420cfab788dd32e20e","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.5.tgz","fileCount":8,"unpackedSize":80079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7BX2CRA9TVsSAnZWagAAzOEP/2xhxDT7mJ1lqUxFhF3m\nTmRxklyXsuio4bLdU9rjCFPWNp18RZ5162J5/eZde0wnq6Php4RHV6xkPFyT\ntIqIdT4iWXg39avK3bMlcxJAJXO5Dgt+UL3odI2XYBgmTXjTjlK7DnXvTblO\nr+nmq8hcK337a6i5NT8MPqOy0W+WpIKwdJHAekskTe1N2jA7YFNbjzs0Cix6\n0jf/LMq+GsfnInu4e5GRVwfZ4oEa9QcN0WRHBxm7vfruMGbqtfc7tRx79Yv8\nTLqU/fIfG3BMbaCFqlR1ihh2Msd4VsrQqEGTvWtlj6MeK1a7JDVZE8AArom+\nqtBveqLW3XzrT00a+ZambtH4cRDDImMntOjhRGoZer2fs+4I9TW9bB8Zi3Hh\nEKvimV64uvQBhrSuejB+2LOiMardGLBw6tzUFC5GWOVot71KpWnF5wZfRCYe\nvPUK+dQR76ouFbLm7BovFkAth2pcL+TTCbxp2rbfTRPEwmjfBS80cSqwh+yF\nRbjl8jCYMSBo9JU07nE73uIgHcQwmhfLKGN+7H5kvBpVdTq2QP25JT+rSPwK\n01drJqVkVe6cxnb/o7AckUTm01HYSrypn0NhmgVs55L7FlzmcL8N7Aky1C4V\nYeZpFRkHNdAMoemEYS8jhcTIExh14HgpesLy6E7jBCKMAjAv/xEsGoU1/Q5R\nRWAB\r\n=11aT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsTGAie22uUIIVBPXAWCFLX7e3ESs6DMhqTjojwGD1vwIgFio77lWjKAS2d8kEaPi9hPffBfQvIGGQ+JuaJRWeC14="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.5_1575753205696_0.464500098817509"},"_hasShrinkwrap":false},"1.0.6":{"name":"medium-zoom","version":"1.0.6","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","sideEffects":false,"scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","changelog:update":"conventional-changelog -p angular -i CHANGELOG.md -s","release":"release-it","release:next":"release-it --preRelease=next","release:examples":"./scripts/release-examples.sh"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.3","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.18.0","conventional-changelog-cli":"2.0.28","cssnano":"4.1.10","cypress":"3.7.0","cypress-image-snapshot":"3.1.1","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.7.0","eslint-plugin-import":"2.18.2","husky":"3.1.0","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.19.1","pretty-quick":"1.10.0","release-it":"10.4.5","rimraf":"3.0.0","rollup":"1.27.8","rollup-plugin-babel":"3.0.7","rollup-plugin-filesize":"6.2.1","rollup-plugin-license":"0.13.0","rollup-plugin-postcss":"2.0.3","rollup-plugin-replace":"2.2.0","rollup-plugin-terser":"5.1.2","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"gitHead":"b527c3b33871f534c62e68def07687afc64f6e51","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.6","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UdiUWfvz9fZMg1pzf4dcuqA0W079o0mpqbTnOz5ip4VGYX96QjmbM+OgOU/0uOzAytxC0Ny4z+VcYQnhdifimg==","shasum":"9247f21ca9313d8bbe9420aca153a410df08d027","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.6.tgz","fileCount":8,"unpackedSize":80691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBe0BCRA9TVsSAnZWagAAt10P/0lZpvcw7HmWa3hRVvv2\nW386QxbIULnqU7NqoYwO0X8xdtaHiEfJDNTWHp/jN0/hjwrcnZELNH3QQNX1\n7lAbeJt+zEyyhkuT1xBDn0PPc8jRQhBw6aPJR2FxfGAX+OTSqi2Y4EZR8kL1\nWOk/d2Qq3tQiVu2mHOulr/+7AwLpaFSFq9Kbqe+W3DWa7QQzNKUcNxy5etoe\n6c7siiEC1hWz+V8+5E5yEvYdn7qzgvJ0abUNJxptXUkNHj8a3fFhO2YC8XQp\nC1N8zYFpDG3fbnOT8pZhC3r75NNvlrzKSejp6mCK951jjNg2gqIoi/21lb3j\nGMmfVElPW7OFo73BY4nG5ogbnxtM7YEvaDqBsV9u4NUbM6knEt+3+U5ma6ZM\nyr9MPq4IIjDIREdNYDcwOPaD/6dCCWoibAcgqAQwx3XqIJfD0JJGpraKM2T+\nxd9MKHfhYiqPGPocawgdfY5cNWItry3DcgnQ63jUBmP3V+nRRWKAIOhEbO8Y\no/ZKBOD0sGCyLI8Gy24GiTHRfKPDawC98MqzCiuEDdZFn6vtof4rp19gVnny\nmGSR2z8z2BOjLgx5y9DkHQQxs4AfEt207OXyPqfmaDEMnaS4h2Z0SkMDCp58\nuUfl24p9pZFsnLffAjiLWuLUs/VVeq+cZ6uQ1433g6oZNRRHWsGAPMzO2gR1\nQZz5\r\n=FZBL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHirKuik2ZWyn2R4zhN5E90ohFbUTHiD9fDihfVqc9TgAiEAyfTocHfeg5wXEinfolfQqUxFrOaRJdP5XajAE5AYtTE="}]},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.6_1594223872975_0.1301228663759597"},"_hasShrinkwrap":false},"1.0.7":{"name":"medium-zoom","version":"1.0.7","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","sideEffects":false,"scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","changelog:update":"conventional-changelog -p angular -i CHANGELOG.md -s","release":"release-it","release:next":"release-it --preRelease=next","release:examples":"./scripts/release-examples.sh"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.3","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.18.0","conventional-changelog-cli":"2.0.28","cssnano":"4.1.10","cypress":"3.7.0","cypress-image-snapshot":"3.1.1","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.7.0","eslint-plugin-import":"2.18.2","husky":"3.1.0","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.19.1","pretty-quick":"1.10.0","release-it":"10.4.5","rimraf":"3.0.0","rollup":"1.27.8","rollup-plugin-babel":"3.0.7","rollup-plugin-filesize":"6.2.1","rollup-plugin-license":"0.13.0","rollup-plugin-postcss":"2.0.3","rollup-plugin-replace":"2.2.0","rollup-plugin-terser":"5.1.2","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"gitHead":"8a7777d2895838fac207a2546a3f736b42a8f06f","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.7","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-otDp0YidvLr6lAatPt6v3aEBxFE8YyWOksbCdfrR83KFY+8wluk7rblE6RKW18mY+FdBXhi9reVY0JTmoIt7SA==","shasum":"38100a4b7588226330c0658fae53fe7f86c619c8","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.7.tgz","fileCount":7,"unpackedSize":72656,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoHgMSsOCqbrhtfjozd7jjmupRJ82XyHOI7Y21sU8a0QIhAM929IGWhCySX/wgeoMTKiaKyi5fcqygoYY2ijR8gy6k"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcn1RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpSA/+MnSdRYLdTnllLMg56ZBTima+r+5Rw4eFor8foNgHrTIi2luH\r\nyWlQRO36nTPA3T69YBnDavW4A2NgOsIJwi6Q1eByXjqaS9tCdh7TgioPM+rt\r\naxuystN+HIf8hzBN4bfj4+gBLj5W6Gd8ATUT/bHqziICDggXyld+RP6DeMQ3\r\nOlqsjK15p3Gu3dO6eSZXocq32i3o0mGctDlLC5ZbOrKnulPKTXcwsPWi44BG\r\npXMFdwsBTmZdfmCcw8dULizd/T3bdnjKUtBzFbVhK5PEPSwa8Ma7s7KTNWyT\r\ny5TDr2pyZ5BC9SR22fpGVq6KYBhRRPtlTxGMS82WgvBkpNyUZ5z2LVEE6oeZ\r\nO93HNnQJPA0qwIv0+Gp0jB/yq96p4Ee2pzBf/hXkJlGJOzsERvCbpGEVrUHE\r\n/aIlPjFTe6QUzGbiMRym3fp4vqM19t4gIRarkIziWje+RH76aPSprDsStLLP\r\nsFE0yxYl76QL+CdM2Zsyq75JucQTxDxOVy0LPtByUfGQinpdJwyasVodS3+F\r\nVjvcpJ81CNLWVYvsHDvsYRvz4UsomU9QW0Ja+eqndXEtlsM4Q0I3p1wXpy5F\r\nsFYFHG9B7L4kYaBof5b0QAxKbNhyliYu7hG+S1zO+hdgLgVVHW0lUO1+OOfs\r\nH6qXdH4PoKj2YzuhN8h5PKLATfstCR8ooJM=\r\n=EMPI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"directories":{},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.7_1668447569150_0.8329164624155947"},"_hasShrinkwrap":false},"1.0.8":{"name":"medium-zoom","version":"1.0.8","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","sideEffects":false,"scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","changelog:update":"conventional-changelog -p angular -i CHANGELOG.md -s","release":"release-it","release:next":"release-it --preRelease=next","release:examples":"./scripts/release-examples.sh"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.3","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.18.0","conventional-changelog-cli":"2.0.28","cssnano":"4.1.10","cypress":"3.7.0","cypress-image-snapshot":"3.1.1","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.7.0","eslint-plugin-import":"2.18.2","husky":"3.1.0","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.19.1","pretty-quick":"1.10.0","release-it":"10.4.5","rimraf":"3.0.0","rollup":"1.27.8","rollup-plugin-babel":"3.0.7","rollup-plugin-filesize":"6.2.1","rollup-plugin-license":"0.13.0","rollup-plugin-postcss":"2.0.3","rollup-plugin-replace":"2.2.0","rollup-plugin-terser":"5.1.2","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"gitHead":"25ed18a12caabb36418843a15daa0bf55ba1b49f","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.0.8","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==","shasum":"2bd1fbcf2961fa7b0e318fe284462aa9b8608ed2","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz","fileCount":7,"unpackedSize":73348,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDekhfL4CBioEWM0SQgw5BbHq9/SmRzdwhRNqgqCiXD6AIhAIdjiQzl3uWj8n6uj6d446Q/e0ZMfeZN2xem6crYhw/d"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc5KoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBTBAAg/ix8GIeVlZKy4jkaxhLGwa8tp+fUWLVbsmKOq7I2qv3C3z9\r\ncrbnq0iIUBSzY4t9qVk/sqrzrpDhfysAp9F9hjY3w9v6pP3a9IBfK59kFo2x\r\nY4Ks92uQPsC4y/1a+wqwJ9fJUcmvuzqN4wFCcbd9k43uoOQqhYtkmcS4vAJ9\r\nOPxqgM7LR1DyaxecD4DMQBqL27sxdSDxlo85jDdWlsw2il78y1ZwEyGIySda\r\nOkQNjlEg4P4fmaCjfLXQQCFAr8OjdZXUUIUpiJtvyJLzcC0W1DK5b4zULgul\r\nSpQLcOyzCL6i7wXrHKDuWE6FFZ38rNGDkhBCRRsRrhN0QzArA1X5coEDfvWq\r\nxN2/SmBQAOFlTT5FKokKfe24opffJwRNgi1/6QnoPk8xA0L1V7MJ97ZVV3hq\r\nRITX+/rxrZpKpAX+sLlViNrJT497eb0j6YXteT5b+KnO5v1RvLkYScFqobek\r\ncXp4nlso4i1TXHCthmoh46WOqpElbJdwMhFZK9Zwb+cWVvFnmnF6mAHZC0p8\r\nDfnBdJSXhQspD9tqW42LjCUJNj38JeUEwE/DnAoaHXyPq1gG1Xy3rdxYAUZL\r\ngig5Boz1VtWzDgnzc19er1Cgnqaf7whM6NOazWUXMloaFlBSJwNmIelgBxrw\r\nkOEpiY2u07PEaqK99iukbtyg5pDlrj7mrtE=\r\n=1HXf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"directories":{},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.0.8_1668518568709_0.8509221963501028"},"_hasShrinkwrap":false},"1.1.0":{"name":"medium-zoom","version":"1.1.0","description":"A JavaScript library for zooming images like Medium","license":"MIT","repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"main":"dist/medium-zoom.min.js","module":"dist/medium-zoom.esm.js","types":"dist/medium-zoom.d.ts","sideEffects":false,"scripts":{"start":"yarn run dev","dev":"rollup --config --watch","prebuild":"yarn run clean","build":"rollup --config","postbuild":"cp ./src/medium-zoom.d.ts ./dist && cp ./src/medium-zoom.d.ts ./dist/pure/index.d.ts","prepublishOnly":"npm run build","lint":"eslint .","format":"prettier --write *.{js,json,css,md} && yarn run lint --fix","test":"jest","test:cypress:run":"cypress run","test:cypress:open":"cypress open","test:cypress:update":"cypress run --env updateSnapshots=true","test:cypress":"npm-run-all --parallel --race storybook test:cypress:run","test:cypress:record":"npm-run-all --parallel --race storybook 'test:cypress:run -- --record --key {1}' --","test:size":"bundlesize","clean":"rimraf ./dist","build:storybook":"build-storybook -o ./website/dist/storybook -c ./stories/config -s ./dist,./stories/images","storybook":"start-storybook -p 9001 -c ./stories/config -s ./dist,./stories/images","build:website":"(cd website && yarn && yarn run build) && yarn run build && yarn run build:storybook","changelog:update":"conventional-changelog -p angular -i CHANGELOG.md -s","release":"release-it","release:next":"release-it --preRelease=next","release:examples":"./scripts/release-examples.sh"},"keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"devDependencies":{"@storybook/addon-notes":"4.0.0-alpha.14","@storybook/addon-options":"4.0.0-alpha.14","@storybook/addon-storysource":"4.0.0-alpha.14","@storybook/html":"4.0.0-alpha.14","babel-core":"6.26.3","babel-eslint":"10.0.3","babel-plugin-external-helpers":"6.22.0","babel-plugin-require-context-hook":"1.0.0","babel-plugin-transform-object-rest-spread":"6.26.0","babel-preset-env":"1.7.0","bundlesize":"0.18.0","conventional-changelog-cli":"2.0.28","cssnano":"4.1.10","cypress":"3.7.0","cypress-image-snapshot":"3.1.1","eslint":"5.12.1","eslint-config-airbnb-base":"13.1.0","eslint-config-prettier":"3.6.0","eslint-plugin-cypress":"2.7.0","eslint-plugin-import":"2.18.2","husky":"3.1.0","jest":"23.6.0","npm-run-all":"4.1.5","prettier":"1.19.1","pretty-quick":"1.10.0","release-it":"10.4.5","rimraf":"3.0.0","rollup":"1.27.8","rollup-plugin-babel":"3.0.7","rollup-plugin-filesize":"6.2.1","rollup-plugin-license":"0.13.0","rollup-plugin-postcss":"2.0.3","rollup-plugin-replace":"2.2.0","rollup-plugin-terser":"5.1.2","rollup-plugin-uglify":"4.0.0","rollup-watch":"4.3.1"},"gitHead":"f4c7d657d44b0424eed28e09d99fff2143ec1374","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","_id":"medium-zoom@1.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ewyDsp7k4InCUp3jRmwHBRFGyjBimKps/AJLjRSox+2q/2H4p/PNpQf+pwONWlJiOudkBXtbdmVbFjqyybfTmQ==","shasum":"6efb6bbda861a02064ee71a2617a8dc4381ecc71","tarball":"https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.1.0.tgz","fileCount":13,"unpackedSize":134387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4ALYwXzYPHfcO2WxuIIJddWZ1VTMXxGO9Lg2Zlg77XwIhAKB2H6V68Jy+/fipC2qrjAJKaunfrDXd4+YWmyPpC5It"}]},"_npmUser":{"name":"francoischalifour","email":"francois.chalifour@gmail.com"},"directories":{},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/medium-zoom_1.1.0_1700134142846_0.9623495086586435"},"_hasShrinkwrap":false}},"readme":"

\n \"Demo\"\n

medium-zoom

\n

A JavaScript library for zooming images like Medium

\n

\n\n

\n \n \"version\"\n \n \n \"MIT\n \n \n \"downloads\"\n \n
\n \n \"gzip\n \n \n \"no\n \n \n \"travis\"\n \n

\n\n

\n \n \"Medium\n \n
\n
\n \n πŸ”¬ Playground ・\n πŸ”Ž Demo ・\n πŸ“š Storybook\n \n

\n\n
\n Contents\n\n\n\n\n\n\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [API](#api)\n - [Selectors](#selectors)\n - [Options](#options)\n - [Methods](#methods)\n - [Attributes](#attributes)\n - [Events](#events)\n- [Framework integrations](#framework-integrations)\n- [Examples](#examples)\n- [Debugging](#debugging)\n- [Browser support](#browser-support)\n- [Contributing](#contributing)\n- [License](#license)\n\n\n\n
\n\n## Features\n\n- πŸ“± **Responsive** β€” scale on mobile and desktop\n- πŸš€ **Performant and lightweight** β€” optimized to reach 60 [fps](https://en.wikipedia.org/wiki/Framerate)\n- ⚑️ **High definition support** β€” load the HD version of your image on zoom\n- πŸ”Ž **Flexibility** β€” apply the zoom to a selection of images\n- πŸ–± **Mouse, keyboard and gesture friendly** β€” click anywhere, press a key or scroll away to close the zoom\n- πŸŽ‚ **Event handling** β€” trigger events when the zoom enters a new state\n- πŸ“¦ **Customization** β€” set your own margin, background and scroll offset\n- πŸ”§ **Pluggable** β€” add your own features to the zoom\n- πŸ’Ž **Custom templates** β€” extend the default look to match the UI of your app\n- πŸ”Œ [**Framework agnostic**](#framework-integrations) β€” works with React, Vue, Angular, Svelte, Solid, etc.\n\n## Installation\n\nThe module is available on the [npm](https://www.npmjs.com) registry.\n\n```sh\nnpm install medium-zoom\n# or\nyarn add medium-zoom\n```\n\n###### Download\n\n- [Normal](https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.js)\n- [Minified](https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js)\n\n###### CDN\n\n- [jsDelivr](https://www.jsdelivr.com/package/npm/medium-zoom)\n- [unpkg](https://unpkg.com/medium-zoom/)\n\n## Usage\n\n> [Try it out in the browser](https://codesandbox.io/s/github/francoischalifour/medium-zoom/tree/master/website)\n\nImport the library as a module:\n\n```js\nimport mediumZoom from 'medium-zoom'\n```\n\nOr import the library with a script tag:\n\n```html\n\n```\n\nThat's it! You don't need to import any CSS styles.\n\nAssuming you add the `data-zoomable` attribute to your images:\n\n```js\nmediumZoom('[data-zoomable]')\n```\n\n> [!TIP]\n> If you want to control when to inject the Medium Zoom CSS styles, you can use the pure JavaScript bundle:\n>\n> ```js\n> import mediumZoom from 'medium-zoom/dist/pure'\n> import 'medium-zoom/dist/style.css'\n> ```\n\n## API\n\n```ts\nmediumZoom(selector?: string | HTMLElement | HTMLElement[] | NodeList, options?: object): Zoom\n```\n\n### Selectors\n\nThe selector allows attaching images to the zoom. It can be of the following types:\n\n- [CSS selectors](https://developer.mozilla.org/docs/Web/CSS/CSS_Selectors)\n- [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)\n- [`NodeList`](https://developer.mozilla.org/docs/Web/API/NodeList)\n- [`Array`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array)\n\n```js\n// CSS selector\nmediumZoom('[data-zoomable]')\n\n// HTMLElement\nmediumZoom(document.querySelector('#cover'))\n\n// NodeList\nmediumZoom(document.querySelectorAll('[data-zoomable]'))\n\n// Array\nconst images = [\n document.querySelector('#cover'),\n ...document.querySelectorAll('[data-zoomable]'),\n]\n\nmediumZoom(images)\n```\n\n### Options\n\nThe options enable the customization of the zoom. They are defined as an object with the following properties:\n\n| Property | Type | Default | Description |\n| -------------- | ------------------------------------- | -------- | --------------------------------------------------------------------------- |\n| `margin` | `number` | `0` | The space outside the zoomed image |\n| `background` | `string` | `\"#fff\"` | The background of the overlay |\n| `scrollOffset` | `number` | `40` | The number of pixels to scroll to close the zoom |\n| `container` | `string` \\| `HTMLElement` \\| `object` | `null` | The viewport to render the zoom in
[Read more β†’](docs/container.md) |\n| `template` | `string` \\| `HTMLTemplateElement` | `null` | The template element to display on zoom
[Read more β†’](docs/template.md) |\n\n```js\nmediumZoom('[data-zoomable]', {\n margin: 24,\n background: '#BADA55',\n scrollOffset: 0,\n container: '#zoom-container',\n template: '#zoom-template',\n})\n```\n\n### Methods\n\n#### `open({ target?: HTMLElement }): Promise`\n\nOpens the zoom and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.open()\n```\n\n_Emits an event [`open`](#events) on animation start and [`opened`](#events) when completed._\n\n#### `close(): Promise`\n\nCloses the zoom and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.close()\n```\n\n_Emits an event [`close`](#events) on animation start and [`closed`](#events) when completed._\n\n#### `toggle({ target?: HTMLElement }): Promise`\n\nOpens the zoom when closed / dismisses the zoom when opened, and returns a promise resolving with the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.toggle()\n```\n\n#### `attach(...selectors: string[] | HTMLElement[] | NodeList[] | Array[]): Zoom`\n\nAttaches the images to the zoom and returns the zoom.\n\n```js\nconst zoom = mediumZoom()\n\nzoom.attach('#image-1', '#image-2')\nzoom.attach(\n document.querySelector('#image-3'),\n document.querySelectorAll('[data-zoomable]')\n)\n```\n\n#### `detach(...selectors: string[] | HTMLElement[] | NodeList[] | Array[]): Zoom`\n\nReleases the images from the zoom and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.detach('#image-1', document.querySelector('#image-2')) // detach two images\nzoom.detach() // detach all images\n```\n\n_Emits an event [`detach`](#events) on the image._\n\n#### `update(options: object): Zoom`\n\nUpdates the options and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.update({ background: '#BADA55' })\n```\n\n_Emits an event [`update`](#events) on each image of the zoom._\n\n#### `clone(options?: object): Zoom`\n\nClones the zoom with provided options merged with the current ones and returns the zoom.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]', { background: '#BADA55' })\n\nconst clonedZoom = zoom.clone({ margin: 48 })\n\nclonedZoom.getOptions() // => { background: '#BADA55', margin: 48, ... }\n```\n\n#### `on(type: string, listener: () => void, options?: boolean | AddEventListenerOptions): Zoom`\n\nRegisters the listener on each target of the zoom.\n\nThe same `options` as [`addEventListener`](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener#Parameters) are used.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.on('closed', event => {\n // the image has been closed\n})\n\nzoom.on(\n 'open',\n event => {\n // the image has been opened (tracked only once)\n },\n { once: true }\n)\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n#### `off(type: string, listener: () => void, options?: boolean | AddEventListenerOptions): Zoom`\n\nRemoves the previously registered listener on each target of the zoom.\n\nThe same `options` as [`removeEventListener`](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener#Parameters) are used.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nfunction listener(event) {\n // ...\n}\n\nzoom.on('open', listener)\n// ...\nzoom.off('open', listener)\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n#### `getOptions(): object`\n\nReturns the zoom options as an object.\n\n```js\nconst zoom = mediumZoom({ background: '#BADA55' })\n\nzoom.getOptions() // => { background: '#BADA55', ... }\n```\n\n#### `getImages(): HTMLElement[]`\n\nReturns the images attached to the zoom as an array of [`HTMLElement`s](https://developer.mozilla.org/docs/Web/API/HTMLElement).\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.getImages() // => [HTMLElement, HTMLElement]\n```\n\n#### `getZoomedImage(): HTMLElement`\n\nReturns the current zoomed image as an [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement) or `null` if none.\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.getZoomedImage() // => null\nzoom.open().then(() => {\n zoom.getZoomedImage() // => HTMLElement\n})\n```\n\n### Attributes\n\n#### `data-zoom-src`\n\nSpecifies the high definition image to open on zoom. This image loads when the user clicks on the source image.\n\n```html\n\"My\n```\n\n### Events\n\n| Event | Description |\n| ------ | --------------------------------------------------- |\n| open | Fired immediately when the `open` method is called |\n| opened | Fired when the zoom has finished being animated |\n| close | Fired immediately when the `close` method is called |\n| closed | Fired when the zoom out has finished being animated |\n| detach | Fired when the `detach` method is called |\n| update | Fired when the `update` method is called |\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.on('open', event => {\n // track when the image is zoomed\n})\n```\n\nThe zoom object is accessible in `event.detail.zoom`.\n\n## Framework integrations\n\nMedium Zoom is a JavaScript library that can be used with any framework. Here are some integrations that you can use to get started quickly:\n\n- [React](./examples/react)\n- [React Markdown](./examples/react-markdown)\n- [Vue](./examples/vue)\n- [Svelte](./examples/svelte)\n\n## Examples\n\n
\n Trigger a zoom from another element\n\n```js\nconst button = document.querySelector('[data-action=\"zoom\"]')\nconst zoom = mediumZoom('#image')\n\nbutton.addEventListener('click', () => zoom.open())\n```\n\n
\n\n
\n Track an event (for analytics)\n\nYou can use the `open` event to keep track of how many times a user interacts with your image. This can be useful if you want to gather some analytics on user engagement.\n\n```js\nlet counter = 0\nconst zoom = mediumZoom('#image-tracked')\n\nzoom.on('open', event => {\n console.log(`\"${event.target.alt}\" has been zoomed ${++counter} times`)\n})\n```\n\n
\n\n
\n Detach a zoom once closed\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.on('closed', () => zoom.detach(), { once: true })\n```\n\n
\n\n
\n Attach jQuery elements\n\njQuery elements are compatible with `medium-zoom` once converted to an array.\n\n```js\nmediumZoom($('[data-zoomable]').toArray())\n```\n\n
\n\n
\n Create a zoomable React component\n\n```js\nimport React, { useRef } from 'react'\nimport mediumZoom from 'medium-zoom'\n\nexport function ImageZoom({ options, ...props }) {\n const zoomRef = useRef(null)\n\n function getZoom() {\n if (zoomRef.current === null) {\n zoomRef.current = mediumZoom(options)\n }\n\n return zoomRef.current\n }\n\n function attachZoom(image) {\n const zoom = getZoom()\n\n if (image) {\n zoom.attach(image)\n } else {\n zoom.detach()\n }\n }\n\n return \n}\n```\n\n
\n
\n\nYou can see [more examples](examples/) including [React](examples/react) and [Vue](examples/vue), or check out the [storybook](https://medium-zoom.francoischalifour.com/storybook).\n\n## Debugging\n\n### The zoomed image is not visible\n\nThe library doesn't provide a `z-index` value on the zoomed image to avoid conflicts with other frameworks. Some frameworks might specify a `z-index` for their elements, which makes the zoomed image not visible.\n\nIf that's the case, you can provide a `z-index` value in your CSS:\n\n```css\n.medium-zoom-overlay,\n.medium-zoom-image--opened {\n z-index: 999;\n}\n```\n\n## Browser support\n\n| IE | Edge | Chrome | Firefox | Safari |\n| --------------- | --------------- | ------ | ------- | ------ |\n| 10\\* | 12\\* | 36 | 34 | 9 |\n\n\\* _These browsers require a [`template` polyfill](https://github.com/webcomponents/template) when using [custom templates](docs/template.md)_.\n\n
\n

\n Cross-browser testing is sponsored by\n

\n

\n \n \"BrowserStack\"\n \n

\n
\n\n## Contributing\n\n- Run `yarn` to install Node dev dependencies\n- Run `yarn start` to build the library in watch mode\n- Run `yarn run storybook` to see your changes at http://localhost:9001\n\nPlease read the [contributing guidelines](CONTRIBUTING.md) for more detailed explanations.\n\n_You can also use [npm](https://www.npmjs.com)._\n\n## License\n\nMIT © [François Chalifour](https://francoischalifour.com)\n","maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"time":{"modified":"2023-11-16T11:29:03.172Z","created":"2016-07-26T20:51:01.222Z","0.1.0":"2016-07-26T20:51:01.222Z","0.1.1":"2016-10-06T09:20:27.780Z","0.1.2":"2017-03-04T17:21:40.445Z","0.1.3":"2017-04-01T13:20:05.195Z","0.1.4":"2017-05-31T18:06:04.325Z","0.1.5":"2017-06-10T15:51:55.584Z","0.1.6":"2017-07-19T17:49:52.144Z","0.1.7":"2017-07-21T14:02:14.554Z","0.1.8":"2017-09-17T18:10:40.010Z","0.2.0":"2017-10-01T15:16:13.930Z","0.3.0":"2017-12-07T03:05:39.447Z","0.4.0":"2018-03-09T13:07:58.887Z","1.0.0-next.0":"2018-08-27T15:40:36.804Z","1.0.0":"2018-08-28T13:52:17.286Z","1.0.1":"2018-08-29T14:50:27.164Z","1.0.2":"2018-09-05T17:43:31.472Z","1.0.3":"2019-01-20T12:40:20.211Z","1.0.4":"2019-04-06T08:46:34.917Z","1.0.5":"2019-12-07T21:13:25.787Z","1.0.6":"2020-07-08T15:57:53.157Z","1.0.7":"2022-11-14T17:39:29.323Z","1.0.8":"2022-11-15T13:22:48.901Z","1.1.0":"2023-11-16T11:29:03.018Z"},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","keywords":["medium","image","zoom","picture","lightbox","click","scroll","pure","plain","vanilla","javascript","ux","performance","event","medium-zoom","zoomable"],"repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"license":"MIT","readmeFilename":"README.md","users":{"bro_strummer":true}}