{"_id":"zoom-level","_rev":"29-1ea3871faf1dcb9ff4e8951e0fc7a68a","name":"zoom-level","dist-tags":{"latest":"2.5.0"},"versions":{"1.0.0":{"name":"zoom-level","version":"1.0.0","main":"dist/zoom-level.js","module":"dist/zoom-level.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/xobotyi/zoom-level.git"},"bugs":{"url":"https://github.com/xobotyi/zoom-level/issues"},"homepage":"https://github.com/xobotyi/zoom-level","author":{"name":"Anton Zinovyev","email":"xog3@yandex.ru","url":"https://github.com/xobotyi"},"license":"MIT","devDependencies":{"codacy-coverage":"^3.4.0","husky":"^2.3.0","prettier":"^1.17.1","pretty-quick":"^1.11.0","rimraf":"^2.6.3","rollup":"^1.12.5","rollup-plugin-typescript2":"^0.21.1","terser":"^4.0.0","typescript":"^3.5.1"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"prettier":{"printWidth":120},"scripts":{"push-codacy-coverage":"cat ./coverage/lcov.info | codacy-coverage","format":"prettier --write src/**/*.ts tests/**/*.ts *.js *.ts","build":"rimraf ./dist && rollup --config && npm run minify","minify":"terser ./dist/zoom-level.js -o ./dist/zoom-level.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=zoom-level.js.map","preversion":"npm run format && npm run build","postversion":"git push && git push --tags","prepublishOnly":"npm run format &&npm run build"},"gitHead":"13e962e05c947ee13d90aade777f61c9abf94306","_id":"zoom-level@1.0.0","_nodeVersion":"12.1.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-OaoVKGLl8pyEAugNDhpjlHsmBfTXs+WKwETHKu4h8CYiOmyNbw11U2zn0Owk5ZtJ3YrZeLBHKh+dZcbYcm2CWQ==","shasum":"3148b77a1a3124043c0e8788cbcca5dcd6c3f7a3","tarball":"https://registry.npmjs.org/zoom-level/-/zoom-level-1.0.0.tgz","fileCount":6,"unpackedSize":8039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc8R5XCRA9TVsSAnZWagAAlukP/0dWEnwuAatWurG3dqoq\nGeBLgGNI/UBgSUxkeuUsG98Y6zWcKgKFPc0RkcsDr7CHcGtg1IFHIGNxULmp\npqRJ9l4CzlQ8YvtH6g630+QsdXA8nHbWAvTsZ8KpJjbHamRq+xnO1qAF1CJd\nFRE5b1lup30vOFMRGR1I8AWESYQe3eVy+vekb8uN5vd1j1wZle8nz7XXd1KY\n5BjJYkuqL9D8mQQ62JwSui1WS1MUcPgYyxinvy7bawaa1VLGQ+alytgF0scT\nFRBck7CO2bIW+Lae1y5beW7p+Ot2/gQ2eAboEeM3NBwDqgkdV1rJlYuHFLIg\nerKGSStabOJ8GOBNFx785FQNSZHczgCHRaYQz6KYPR04ZqLqxaxYYwoHYZJ2\ndgyTPgsEsa7TUyEwlhOO4If2ktM7Mz7qRTEf3ZIIZ8X5HYICL6xuNxOEf4J1\n+YRJglS9zT8k+vvLjTspYrcuacKIx+qSOQGQNNel+fJy1gL9ULgN3iL02UvO\npy1eFbGAr1H7aPWnjWwF8GFZvewCV+BNciDJ7ENGapUYtOol1W/AgsnH4Wew\nGsAuw50Jgc/XlYosnyuG9Fh6hoMCjle7+Oo2WLvFflra24as/+yXsNTY2T//\nBVQSdtO5RruVK7cNAB0vEOuwt1UgzN/pP+rLTiZzzYgDRikCBtw6d2JDvRa6\np/1/\r\n=Ym6j\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDc5CNI6YU4xZErKBAB5eZ4koGhy0hNUXlHgeL52nlvtAIgDgpdF4k0jbuP4W5R24NvZfmLgA/YTCYu1+7X0QKNO8o="}]},"maintainers":[{"name":"xobotyi","email":"xog3@yandex.ru"}],"_npmUser":{"name":"xobotyi","email":"xog3@yandex.ru"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/zoom-level_1.0.0_1559305814868_0.17665259637704178"},"_hasShrinkwrap":false},"1.1.0":{"name":"zoom-level","version":"1.1.0","main":"dist/zoom-level.js","module":"dist/zoom-level.esm.js","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/xobotyi/zoom-level.git"},"bugs":{"url":"https://github.com/xobotyi/zoom-level/issues"},"homepage":"https://github.com/xobotyi/zoom-level","author":{"name":"Anton Zinovyev","email":"xog3@yandex.ru","url":"https://github.com/xobotyi"},"license":"MIT","devDependencies":{"codacy-coverage":"^3.4.0","husky":"^2.3.0","prettier":"^1.17.1","pretty-quick":"^1.11.0","rimraf":"^2.6.3","rollup":"^1.12.5","rollup-plugin-typescript2":"^0.21.1","terser":"^4.0.0","typescript":"^3.5.1"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"prettier":{"printWidth":120},"scripts":{"push-codacy-coverage":"cat ./coverage/lcov.info | codacy-coverage","format":"prettier --write src/**/*.ts tests/**/*.ts *.js *.ts","build":"rimraf ./dist && rollup --config && npm run minify","minify":"terser ./dist/zoom-level.js -o ./dist/zoom-level.js -mc pure_funcs=['Object.defineProperty'] --source-map includeSources,url=zoom-level.js.map","preversion":"npm run format && npm run build","postversion":"git push && git push --tags","prepublishOnly":"npm run format && npm run build"},"gitHead":"adc06036e570a8f12c994c0344eb84c217fedec0","description":"

zoom-level

zoom-level

\n

zoom-level

\n

\n \n \"NPM\n \n \n \"NPM\n \n \n \"License\"/\n \n \n \"Types\n \n \n \"Codacy\n \n

\n × LIVE EXAMPLE ×\n
\n\n---\n\n
❤️Please consider starring this project to show your love and support.🙌
\n\n---\n\n## ABOUT\n\nThis plugin allows you to detect browser's and separate element's zoom level. \nIt is [lightweight](https://bundlephobia.com/result?p=zoom-level) and has **no dependencies**!\n\n## INSTALLATION\n\n```bash\nnpm install zoom-level\n# or via yarn\nyarn add zoom-level\n```\n\n**INSTALLATION NOTE:** \nThis lib is written in ES6+ and delivering with both, transpiled and untranspiled versions:\n\n- `main` field of `package.json` is pointing to transpiled ES3-compatible version with CJS modules resolution;\n- `module` field is pointing to transpiled ES3-compatible version with ES modules resolution;\n- `esnext` field is pointing to the ES6+ version with ES modules resolution;\n\nDepending on your targets you may have to use [Webpack](https://webpack.js.org/) and/or\n[Babel](http://babeljs.io/) to pull untranspiled version of package. \nSee some tips on wiring thing up: [https://2ality.com/2017/06/pkg-esnext.html](https://2ality.com/2017/06/pkg-esnext.html)\n\n## USAGE\n\n```javascript\nimport zoomLevel from \"zoom-level\";\n\nzoomLevel(); // 1;\n\nwindow.addEventListener(\"resize\", () => {\n zoomLevel(); // will return current browser's zoom level\n});\n```\n\nOr, in case you want to detect separate element's zoom level (they can use own `zoom` CSS property which stacks with browser's one);\n\n```javascript\nimport { elementZoomLevel } from \"zoom-level\";\n\nconst zoomedBlock = document.createElement(\"div\");\nzoomedBlock.style.zoom = 0.5;\nzoomedBlock.style.width = \"150px\";\nzoomedBlock.style.height = \"150px\";\nzoomedBlock.style.margin = \"32px\";\nzoomedBlock.style.padding = \"32px\";\nzoomedBlock.style.background = \"rgba(0,0,0,.05)\";\nzoomedBlock.innerText = \"Lorem ipusm dolor sit amet\";\ndocument.appendChild(zoomedBlock);\n\nelementZoomLevel(zoomedBlock); // 0.5;\n\nwindow.addEventListener(\"resize\", () => {\n elementZoomLevel(zoomedBlock); // if you zoom to 200% it'll be 1\n});\n```\n\n## TESTS\n\nSadly i have no idea how to manage testing of this package, due to there is no known ways to control browser's zoom level. \nIf you know how to do it - please let me know.\n\n\n## Related projects\n\n- [react-scrollbars-custom](https://www.npmjs.com/package/react-scrollbars-custom) — The best React custom scrollbars component. Allows you to customise scrollbars as you like it, crossbrowser!\n- [@xobotyi/scrollbar-width](https://www.npmjs.com/package/@xobotyi/scrollbar-width) — A tool to get browser's scrollbars width.\n- [@xobotyi/should-reverse-rtl-scroll](https://www.npmjs.com/package/@xobotyi/should-reverse-rtl-scroll) — A tool detecting if RTL scroll value should be negative.\n","readmeFilename":"README.md","description":"A comprehensive cross-browser package that allow you to determine page's and element's zoom level","keywords":["zoom","zoom-level","browser","zoom-detect","scale"]}