{"_id":"medium-zoom","_rev":"3978360","name":"medium-zoom","description":"A JavaScript library for zooming images like Medium","dist-tags":{"latest":"1.1.0","next":"1.0.0-next.0"},"maintainers":[{"name":"francoischalifour","email":"francois.chalifour@gmail.com"}],"time":{"modified":"2025-09-01T02:00:17.000Z","created":"2016-07-26T20:51:01.222Z","1.1.0":"2023-11-16T11:29:03.018Z","1.0.8":"2022-11-15T13:22:48.901Z","1.0.7":"2022-11-14T17:39:29.323Z","1.0.6":"2020-07-08T15:57:53.157Z","1.0.5":"2019-12-07T21:13:25.787Z","1.0.4":"2019-04-06T08:46:34.917Z","1.0.3":"2019-01-20T12:40:20.211Z","1.0.2":"2018-09-05T17:43:31.472Z","1.0.1":"2018-08-29T14:50:27.164Z","1.0.0":"2018-08-28T13:52:17.286Z","1.0.0-next.0":"2018-08-27T15:40:36.804Z","0.4.0":"2018-03-09T13:07:58.887Z","0.3.0":"2017-12-07T03:05:39.447Z","0.2.0":"2017-10-01T15:16:13.930Z","0.1.8":"2017-09-17T18:10:40.010Z","0.1.7":"2017-07-21T14:02:14.554Z","0.1.6":"2017-07-19T17:49:52.144Z","0.1.5":"2017-06-10T15:51:55.584Z","0.1.4":"2017-05-31T18:06:04.325Z","0.1.3":"2017-04-01T13:20:05.195Z","0.1.2":"2017-03-04T17:21:40.445Z","0.1.1":"2016-10-06T09:20:27.780Z","0.1.0":"2016-07-26T20:51:01.222Z"},"users":{},"author":{"name":"Francois Chalifour","email":"francois.chalifour@gmail.com","url":"https://francoischalifour.com"},"repository":{"type":"git","url":"git+https://github.com/francoischalifour/medium-zoom.git"},"versions":{"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":{"shasum":"6efb6bbda861a02064ee71a2617a8dc4381ecc71","size":28835,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.1.0.tgz"},"_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,"_cnpmcore_publish_time":"2023-11-16T11:29:03.018Z","publish_time":1700134143018,"_source_registry_name":"default","_cnpm_publish_time":1700134143018},"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":{"shasum":"2bd1fbcf2961fa7b0e318fe284462aa9b8608ed2","size":16521,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.8.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.8.tgz"},"_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,"_cnpmcore_publish_time":"2022-11-15T13:47:02.409Z","publish_time":1668518568901,"_cnpm_publish_time":1668518568901},"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":{"shasum":"38100a4b7588226330c0658fae53fe7f86c619c8","size":16333,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.7.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.7.tgz"},"_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,"_cnpmcore_publish_time":"2022-11-14T18:15:26.426Z","publish_time":1668447569323,"_cnpm_publish_time":1668447569323},"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":{"shasum":"9247f21ca9313d8bbe9420aca153a410df08d027","size":18982,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.6.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.6.tgz"},"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,"publish_time":1594223873157,"_cnpm_publish_time":1594223873157,"_cnpmcore_publish_time":"2021-12-16T21:40:15.470Z"},"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":{"shasum":"81413dda20ccdd857141ff420cfab788dd32e20e","size":18837,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.5.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.5.tgz"},"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,"publish_time":1575753205787,"_cnpm_publish_time":1575753205787,"_cnpmcore_publish_time":"2021-12-16T21:40:15.898Z"},"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":{"shasum":"b1063093f81151a19989489589edf28e6090630c","size":15231,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.4.tgz"},"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,"publish_time":1554540394917,"_cnpm_publish_time":1554540394917,"_cnpmcore_publish_time":"2021-12-16T21:40:16.171Z"},"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":{"shasum":"6edf14e894976bc52964a10e08a7ec7817152379","size":15232,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.3.tgz"},"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,"publish_time":1547988020211,"_cnpm_publish_time":1547988020211,"_cnpmcore_publish_time":"2021-12-16T21:40:16.397Z"},"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":{"shasum":"a154f7814e2999811a1d9218ea8aadab5bda90e4","size":15202,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.2.tgz"},"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,"publish_time":1536169411472,"_cnpm_publish_time":1536169411472,"_cnpmcore_publish_time":"2021-12-16T21:40:16.681Z"},"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":{"shasum":"226a59f26aec8e913c3045a0cf9d7e8b97d06dc3","size":14897,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.1.tgz"},"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,"publish_time":1535554227164,"_cnpm_publish_time":1535554227164,"_cnpmcore_publish_time":"2021-12-16T21:40:16.891Z"},"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":{"shasum":"5cea43388c63d3acc5a2571c1fe2758a8da7a5ab","size":14920,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.0.tgz"},"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,"publish_time":1535464337286,"_cnpm_publish_time":1535464337286,"_cnpmcore_publish_time":"2021-12-16T21:40:17.140Z"},"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"}],"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":{"shasum":"d074f59aa28dff23e0627642ec0b4150bf7f7d1f","size":15001,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-1.0.0-next.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-1.0.0-next.0.tgz"},"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,"publish_time":1535384436804,"_cnpm_publish_time":1535384436804,"_cnpmcore_publish_time":"2021-12-16T21:40:17.372Z"},"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":{"shasum":"8e13c9b754903c0c903220611af0d3cd373a4222","size":14018,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.4.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.4.0.tgz"},"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,"publish_time":1520600878887,"_cnpm_publish_time":1520600878887,"_cnpmcore_publish_time":"2021-12-16T21:40:17.577Z"},"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":{"shasum":"e0745b604260a824db2db1b64bf088a152c3fdfa","size":13536,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.3.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.3.0.tgz"},"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":{},"publish_time":1512615939447,"_hasShrinkwrap":false,"_cnpm_publish_time":1512615939447,"_cnpmcore_publish_time":"2021-12-16T21:40:18.224Z"},"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":{"shasum":"12c9a6da7dee80adcb7bfae8549f9306017e4ca6","size":11613,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.2.0.tgz"},"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":{},"publish_time":1506870973930,"_hasShrinkwrap":false,"_cnpm_publish_time":1506870973930,"_cnpmcore_publish_time":"2021-12-16T21:40:18.463Z"},"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":{"shasum":"84358962a44b5e9d681e59b137cb81c65abb6818","size":43922,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.8.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.8.tgz"},"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":{},"publish_time":1505671840010,"_hasShrinkwrap":false,"_cnpm_publish_time":1505671840010,"_cnpmcore_publish_time":"2021-12-16T21:40:18.725Z"},"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":{"shasum":"46b4eab589f7bc88911db709ac931f329da731cf","size":42398,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.7.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.7.tgz"},"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":{},"publish_time":1500645734554,"_hasShrinkwrap":false,"_cnpm_publish_time":1500645734554,"_cnpmcore_publish_time":"2021-12-16T21:40:19.138Z"},"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":{"shasum":"cd7bcade3ad22bdeeca328760492732de34bcfcb","size":42406,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.6.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.6.tgz"},"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":{},"publish_time":1500486592144,"_hasShrinkwrap":false,"_cnpm_publish_time":1500486592144,"_cnpmcore_publish_time":"2021-12-16T21:40:19.527Z"},"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":{"shasum":"6cad86ca40439203fced9a62030e811d7612c60e","size":42242,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.5.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.5.tgz"},"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":{},"publish_time":1497109915584,"_hasShrinkwrap":false,"_cnpm_publish_time":1497109915584,"_cnpmcore_publish_time":"2021-12-16T21:40:19.858Z"},"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","size":35214,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.4.tgz"},"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":{},"publish_time":1496253964325,"_hasShrinkwrap":false,"_cnpm_publish_time":1496253964325,"_cnpmcore_publish_time":"2021-12-16T21:40:20.118Z"},"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","size":40797,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.3.tgz"},"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":{},"publish_time":1491052805195,"_hasShrinkwrap":false,"_cnpm_publish_time":1491052805195,"_cnpmcore_publish_time":"2021-12-16T21:40:20.827Z"},"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","size":40872,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.2.tgz"},"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":{},"publish_time":1488648100445,"_hasShrinkwrap":false,"_cnpm_publish_time":1488648100445,"_cnpmcore_publish_time":"2021-12-16T21:40:21.166Z"},"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","size":38815,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.1.tgz"},"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":{},"publish_time":1475745627780,"_hasShrinkwrap":false,"_cnpm_publish_time":1475745627780,"_cnpmcore_publish_time":"2021-12-16T21:40:21.500Z"},"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","size":38078,"noattachment":false,"key":"/medium-zoom/-/medium-zoom-0.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/medium-zoom/download/medium-zoom-0.1.0.tgz"},"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":{},"publish_time":1469566261222,"_hasShrinkwrap":false,"_cnpm_publish_time":1469566261222,"_cnpmcore_publish_time":"2021-12-16T21:40:21.776Z"}},"readme":"<p align=\"center\">\n  <a href=\"https://medium-zoom.francoischalifour.com\"><img src=\"logo.svg\" alt=\"Demo\" width=\"64\"></a>\n  <h3 align=\"center\">medium-zoom</h3>\n  <p align=\"center\">A JavaScript library for zooming images like Medium</p>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/medium-zoom\">\n    <img src=\"https://img.shields.io/npm/v/medium-zoom.svg?style=flat-square\" alt=\"version\">\n  </a>\n  <a href=\"https://github.com/francoischalifour/medium-zoom/blob/master/LICENSE\">\n    <img src=\"https://img.shields.io/npm/l/medium-zoom.svg?style=flat-square\" alt=\"MIT license\">\n  </a>\n  <a href=\"http://npmcharts.com/compare/medium-zoom\">\n    <img src=\"https://img.shields.io/npm/dm/medium-zoom.svg?style=flat-square\" alt=\"downloads\">\n  </a>\n  <br>\n  <a href=\"https://unpkg.com/medium-zoom/dist/\">\n    <img src=\"http://img.badgesize.io/https://unpkg.com/medium-zoom/dist/medium-zoom.min.js?compression=gzip&label=gzip%20size&style=flat-square\" alt=\"gzip size\">\n  </a>\n  <a href=\"https://github.com/francoischalifour/medium-zoom/blob/master/package.json\">\n    <img src=\"https://img.shields.io/badge/dependencies-none-lightgrey.svg?style=flat-square\" alt=\"no dependencies\">\n  </a>\n  <a href=\"https://travis-ci.org/francoischalifour/medium-zoom\">\n    <img src=\"https://img.shields.io/travis/francoischalifour/medium-zoom.svg?style=flat-square\" alt=\"travis\">\n  </a>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://medium-zoom.francoischalifour.com\">\n    <img src=\"https://user-images.githubusercontent.com/6137112/43369906-7623239a-9376-11e8-978b-6e089be499fb.gif\" alt=\"Medium Zoom Demo\">\n  </a>\n  <br>\n  <br>\n  <strong>\n  <a href=\"https://codesandbox.io/s/github/francoischalifour/medium-zoom/tree/master/website\">???? Playground</a> ・\n  <a href=\"https://medium-zoom.francoischalifour.com\">???? Demo</a> ・\n  <a href=\"https://medium-zoom.francoischalifour.com/storybook\">???? Storybook</a>\n  </strong>\n</p>\n\n<details>\n  <summary><strong>Contents</strong></summary>\n\n<!--\nGenerate the table of contents using:\n\n```\nnpx doctoc README.md --maxlevel 3\n```\n-->\n\n<!-- START doctoc generated TOC please keep comment here to allow auto update -->\n<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->\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<!-- END doctoc generated TOC please keep comment here to allow auto update -->\n\n</details>\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<script src=\"node_modules/medium-zoom/dist/medium-zoom.min.js\"></script>\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<br> [Read more →](docs/container.md)     |\n| `template`     | `string` \\| `HTMLTemplateElement`     | `null`   | The template element to display on zoom<br> [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<Zoom>`\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<Zoom>`\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<Zoom>`\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<img src=\"image-thumbnail.jpg\" data-zoom-src=\"image-hd.jpg\" alt=\"My image\" />\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<details>\n <summary>Trigger a zoom from another element</summary>\n\n```js\nconst button = document.querySelector('[data-action=\"zoom\"]')\nconst zoom = mediumZoom('#image')\n\nbutton.addEventListener('click', () => zoom.open())\n```\n\n</details>\n\n<details>\n <summary>Track an event (for analytics)</summary>\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</details>\n\n<details>\n <summary>Detach a zoom once closed</summary>\n\n```js\nconst zoom = mediumZoom('[data-zoomable]')\n\nzoom.on('closed', () => zoom.detach(), { once: true })\n```\n\n</details>\n\n<details>\n <summary>Attach jQuery elements</summary>\n\njQuery elements are compatible with `medium-zoom` once converted to an array.\n\n```js\nmediumZoom($('[data-zoomable]').toArray())\n```\n\n</details>\n\n<details>\n <summary>Create a zoomable React component</summary>\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 <img {...props} ref={attachZoom} />\n}\n```\n\n</details>\n<br>\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<sup>\\*</sup> | 12<sup>\\*</sup> | 36     | 34      | 9      |\n\n<sup>\\*</sup> _These browsers require a [`template` polyfill](https://github.com/webcomponents/template) when using [custom templates](docs/template.md)_.\n\n<blockquote>\n  <p align=\"center\">\n    Cross-browser testing is sponsored by\n  </p>\n  <p align=\"center\">\n    <a href=\"https://www.browserstack.com\">\n      <img src=\"https://user-images.githubusercontent.com/6137112/44587083-35987000-a7b2-11e8-8e0d-8ba15de83802.png\" alt=\"BrowserStack\" height=\"35\">\n    </a>\n  </p>\n</blockquote>\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","_attachments":{},"homepage":"https://github.com/francoischalifour/medium-zoom#readme","bugs":{"url":"https://github.com/francoischalifour/medium-zoom/issues"},"license":"MIT"}