{"_id":"pinch-zoom-element-js","_rev":"3-5f4b40d626e68366a047b83676ca5460","name":"pinch-zoom-element-js","dist-tags":{"latest":"1.1.2"},"versions":{"1.1.0":{"name":"pinch-zoom-element-js","version":"1.1.0","description":"Put stuff in an element, now you can pinch-zoom it!","main":"dist/pinch-zoom.js","module":"dist/pinch-zoom.mjs","types":"dist/index.d.ts","scripts":{"build":"rm -r dist && rollup -c"},"repository":{"type":"git","url":"git+https://github.com/hrvojekindl/pinch-zoom.git"},"keywords":["pointer","touch","mouse","pinch zoom","pan"],"author":{"name":"Hrvoje Kindl"},"license":"Apache-2.0","bugs":{"url":"https://github.com/hrvojekindl/pinch-zoom/issues"},"homepage":"https://github.com/hrvojekindl/pinch-zoom#readme","dependencies":{"pointer-tracker":"^2.0.3"},"devDependencies":{"rollup":"^0.66.6","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-postcss":"^1.6.2","rollup-plugin-terser":"^3.0.0","rollup-plugin-typescript2":"^0.17.2","tslint":"^5.11.0","tslint-config-airbnb":"^5.11.0","tslint-react":"^3.6.0","typescript":"^3.1.4"},"gitHead":"10b7a5752954e7b90112b76254d63b006ae2c22f","_id":"pinch-zoom-element-js@1.1.0","_npmVersion":"6.3.0","_nodeVersion":"8.11.3","_npmUser":{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"},"dist":{"integrity":"sha512-r+8mjID++jQrB8/jB1k+tEWmB53tGqcDBRevdssrmFiFoU8l0y1B9jrwIDNKC6R1btr0Z/R+2oOe9JMAwb4iKQ==","shasum":"2fd128cffeaa06779dfbf18c2c4c36ded3a24adf","tarball":"https://registry.npmjs.org/pinch-zoom-element-js/-/pinch-zoom-element-js-1.1.0.tgz","fileCount":15,"unpackedSize":69803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWZW2CRA9TVsSAnZWagAASdsQAKJxdpIANr8sIZgoVrdV\nxFn0FTs0vbBWCSJr5bLM00FVSLj9+jXjc6tU8CIgGOaF0iPHqE21h/ENSHGS\nzTAB5YNuQC9O6OH51S1WEnh6k7D+MohD/DMZwzgV+POs0jUnw+zMZokIDoXF\nr7m+SZxxBrCbYSyLkg5/uaMjAUkYQnVQtr5JJyK9ue6ZebmTfpI8b6BfhmvZ\n66po8UXOCEw67pNrWgH3/jYg4UJUnI1SO8u86MJjkKyShbxIHLS61m52iPVH\nZ29U8Ha0Wg3zYUHXvMUbe/QRpnZQ8GAf4Pfl7lSPoqF/dGuPbCdH6ICX6svX\ndsBo9CTHkO52Bm9ANgure8P33NDIqIdhsbKz0uxjxPfv99/Z1k9/FA+1aFOf\nBokurgKWdjipvtNTG6L+RXiwHMeOTA039wmrPFGCP/SYu2d7ut0sOPJJR85E\n29sN8F1bUwxkqcuTQBjR2t2aKLXK+AnUp3C6hLOgVsHvQh8hVaEf0vVHk40w\n7J/VJ1i10AA32kPiteohXPJe7vw0iKW7hWyhUYhvG9L722B8+A6hd3TCn3WI\nviawguW2/3738oc1n/BM0UoTUyn3XQOB4i1RSsE35fkn3B3wrToU8veMfQpK\nuBnpqNHHwwvjqWm1i1svwsayeEBRI8noxBcXrVArElpBDO1jfU71HIeiYBQf\nhSQi\r\n=G2CE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAkJrh2XT81/TLFee+oTQapBoQbgQhWEgqWDt4jpzrEVAiEArJbABxE6tPJ1RSCbRqFq4iZjTZDF1pnIUFEJOVmFZEg="}]},"maintainers":[{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pinch-zoom-element-js_1.1.0_1549374901453_0.9171473248208397"},"_hasShrinkwrap":false},"1.1.1":{"name":"pinch-zoom-element-js","version":"1.1.1","description":"Put stuff in an element, now you can pinch-zoom it!","main":"dist/pinch-zoom.js","module":"dist/pinch-zoom.mjs","types":"dist/index.d.ts","scripts":{"build":"rm -rf dist && rollup -c"},"repository":{"type":"git","url":"git+https://github.com/hrvojekindl/pinch-zoom.git"},"keywords":["pointer","touch","mouse","pinch zoom","pan"],"author":{"name":"Hrvoje Kindl"},"license":"Apache-2.0","bugs":{"url":"https://github.com/hrvojekindl/pinch-zoom/issues"},"homepage":"https://github.com/hrvojekindl/pinch-zoom#readme","dependencies":{"pointer-tracker":"^2.0.3"},"devDependencies":{"rollup":"^0.66.6","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-postcss":"^1.6.2","rollup-plugin-terser":"^3.0.0","rollup-plugin-typescript2":"^0.17.2","tslint":"^5.11.0","tslint-config-airbnb":"^5.11.0","tslint-react":"^3.6.0","typescript":"^3.1.4"},"gitHead":"6294cf2d953f8af5470a62aeab0537f70af4ff02","_id":"pinch-zoom-element-js@1.1.1","_npmVersion":"6.3.0","_nodeVersion":"8.11.3","_npmUser":{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"},"dist":{"integrity":"sha512-auw0nO4uh4SZldcuedNfnB5gV/Iq6H4voZHP/ZvAd/yVoJWcNaEHPo4qBJSGHwi216WceUJ3XYd/1A+RYSbrTg==","shasum":"a7e9cc7f1ca5afd83e7f84f3e818805efb279034","tarball":"https://registry.npmjs.org/pinch-zoom-element-js/-/pinch-zoom-element-js-1.1.1.tgz","fileCount":14,"unpackedSize":71481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWZbPCRA9TVsSAnZWagAAxXcP/1rTuCRQaG4MDWNf5xFG\n72D2+A+cNTJmWipkpx+hNBHMFzD+qA4DSJ16eb9ClaZFRPfzZOTh6t1rPRMY\nSP6/eHj13jhFFgT6ZSEiSmYTqiYQSZ++nkw7OkE/NiIOGJZmAXatwBP71PRt\nJPtOXpLwwj2Qvy56GgMNApUBCHvfkq/3F2A403IFna87/DrdJo4eTB7BNNbT\no1Y0u/icG+xCBfftgl+lS++v7ohtlrAexEeow4eA3T5Q3SSPe/fyUyzYbNQA\nuOWD0vswPtO+hsK68hWPkvss8WXhMu48/7acHdEtxKG/aPzKEPk6ygBhlA6T\nwcgv8yEVli2b5sPqsPL83G2vzleIAT17xDEsPKk17zj5lf6ZF/t2cbTDwy8E\nE72XGpvwDRA9IFIr6aLj+zEw/7Hm6nduc5/zsLx3awVBWO5DYBfWCEItE6bB\nrlqctUi1gUHvxcRmN6f2MRew0yC7a1UMIdjTn7Fc6p7pTbh25EIZSHp1Aae3\n038uZ95tT+T23Sy1bd3SEVV7sYH6hdMN94tNb/hS0H70kt1RkH4T0m9VAHcs\nORBrWwJWDAP+OPJE9thcZ0nhmB0wQlPzk+LxK2SR9g9ibA1c9Aen7Z5tIZSO\njH0+hYuPpXPDlYwdBHaL/7ulLdEgDcv/tQRc9mtUnjmzw2yrwc2bPj7WbX/5\nGw2D\r\n=zrdl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdf/MNepNEVq+Pyyx3FuzGDiIe5uf6Tn1Ao2sBT6JyxwIgUVf6pZSkwUqOP8pTkWotm+6ZqSXpv7LrwFRa0s0RJoo="}]},"maintainers":[{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pinch-zoom-element-js_1.1.1_1549375182638_0.45562547967401357"},"_hasShrinkwrap":false},"1.1.2":{"name":"pinch-zoom-element-js","version":"1.1.2","description":"Put stuff in an element, now you can pinch-zoom it!","main":"dist/pinch-zoom.js","module":"dist/pinch-zoom.mjs","types":"dist/index.d.ts","scripts":{"build":"rm -rf dist && rollup -c"},"repository":{"type":"git","url":"git+https://github.com/hrvojekindl/pinch-zoom.git"},"keywords":["pointer","touch","mouse","pinch zoom","pan"],"author":{"name":"Hrvoje Kindl"},"license":"Apache-2.0","bugs":{"url":"https://github.com/hrvojekindl/pinch-zoom/issues"},"homepage":"https://github.com/hrvojekindl/pinch-zoom#readme","dependencies":{"pointer-tracker":"^2.0.3"},"devDependencies":{"rollup":"^0.66.6","rollup-plugin-node-resolve":"^3.4.0","rollup-plugin-postcss":"^1.6.2","rollup-plugin-terser":"^3.0.0","rollup-plugin-typescript2":"^0.17.2","tslint":"^5.11.0","tslint-config-airbnb":"^5.11.0","tslint-react":"^3.6.0","typescript":"^3.1.4"},"gitHead":"6e187e7acad4a391e59c4c26e0cec207fa154019","_id":"pinch-zoom-element-js@1.1.2","_npmVersion":"6.3.0","_nodeVersion":"8.11.3","_npmUser":{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"},"dist":{"integrity":"sha512-SmKwGIlC2ab31ko7K2AwadcTtK9hMVYyWHnWYh67ONdp5WzL1jhCUBMGLG979pYYpvE5OV1gtcdla1G/VL16aw==","shasum":"3adfd979b917dc999c577be8f9f0d700fdec6b9b","tarball":"https://registry.npmjs.org/pinch-zoom-element-js/-/pinch-zoom-element-js-1.1.2.tgz","fileCount":14,"unpackedSize":71496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWZ6YCRA9TVsSAnZWagAAs9UP/1Ryor4gdy3ATF8jGW4A\nmFP3c9iJvhTuHiBnwnXFU7qS5JRJQlguhzI5kIeNKZjvz24brLElxHXXGY6k\njzT37M8XGoRT61re4egL+Z+FgJnikHaX0hKVBiiUKLm4xWhz6mW9qaXBBCLD\nEGqtB/xoPoJZZIXqEjnPN1p508oKmsTs6p8bofuyFE1HOxyIRWf9SBB5Ary/\nwEpDv0sy/kiUwJ/U/BfcfhRfFVb1q14TPXVR7NfILIRzEbd31p9PzXN0xoZm\n7eoORIRqQFTYBXGPnXJ71xEp41Xw44Rh19JvJTa7XT15eNXCixY51TFZa4fe\ncq6L2WCv2HaDU8Zs6fbk/7vFqD5F4B9X1gdKNGCHKyGhr+DeZP4OoBq7qNCK\nMfaCsiBE8OByUcnpa12ECwJRZSJJkmT0VgaWFTkZRq8kBsvJiZmxJj5b2jbm\n2uesuZ0qAumSCGp0Kk864RZd1WvtcgGwMicU7C+ewIEV0m8J0l4uxa6tQ+IP\n5azAtaenwGMlw/POERNq0NleRjUcjIlp25vtiLvbYZ+WPxDNTyw3V9phBbfk\nwtI23OGfmyeJn7GaUORfjRDDZi4AN6vbISTKeSiGu4Ikp3vv9T3/67RH9ORT\nZPqYUBHJpJZ5CiJfS1YR5OTR76OKGGT6Dti4vMSXgUag5hi4ETO8ou2lJOvG\nS55t\r\n=DYiY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWSZOTPnA9pq++0PPLyrycRfqO1Rry+ZGIllSnOfPkNAiEAtz52WmVj4RyKmH1V5yoMnojYoM5UL+mCR0i7IMLsMnw="}]},"maintainers":[{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pinch-zoom-element-js_1.1.2_1549377176209_0.8201334758612477"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-05T13:55:01.453Z","1.1.0":"2019-02-05T13:55:01.600Z","modified":"2022-05-12T23:04:35.013Z","1.1.1":"2019-02-05T13:59:43.060Z","1.1.2":"2019-02-05T14:32:56.368Z"},"maintainers":[{"name":"hrvojekindl","email":"hrvoje.kindl@gmail.com"}],"description":"Put stuff in an element, now you can pinch-zoom it!","homepage":"https://github.com/hrvojekindl/pinch-zoom#readme","keywords":["pointer","touch","mouse","pinch zoom","pan"],"repository":{"type":"git","url":"git+https://github.com/hrvojekindl/pinch-zoom.git"},"author":{"name":"Hrvoje Kindl"},"bugs":{"url":"https://github.com/hrvojekindl/pinch-zoom/issues"},"license":"Apache-2.0","readme":"# <pinch-zoom>\n\nForked from https://github.com/GoogleChromeLabs/pinch-zoom\n\nA web component for pinch zooming DOM elements.\n\n## Usage\n\n```sh\nnpm install --save-dev pinch-zoom-element-js\n```\n\n```html\n<pinch-zoom>\n  <h1>Hello!</h1>\n</pinch-zoom>\n```\n\nNow the above can be pinch-zoomed!\n\n## API\n\n```html\n<pinch-zoom class=\"my-pinch-zoom\">\n  <h1>Hello!</h1>\n</pinch-zoom>\n<script>\n  const pinchZoom = document.querySelector('.my-pinch-zoom');\n</script>\n```\n\n### Properties\n\n```js\npinchZoom.x; // x offset\npinchZoom.y; // y offset\npinchZoom.scale; // scale\n```\n\n### Methods\n\nSet the transform. All values are optional.\n\n```js\npinchZoom.setTransform({\n  scale: 1,\n  x: 0,\n  y: 0,\n  // Fire a 'change' event if values are different to current values\n  allowChangeEvent: false,\n});\n```\n\nScale in/out of a particular point.\n\n```js\npinchZoom.scaleTo(scale, {\n  // Transform origin. Can be a number, or string percent, eg \"50%\"\n  originX: 0,\n  originY: 0,\n  // Should the transform origin be relative to the container, or content?\n  relativeTo: 'content',\n  // Fire a 'change' event if values are different to current values\n  allowChangeEvent: false,\n});\n```\n\n## Demo\n\n[Simple image pinch-zoom](https://pinch-zoom-element.glitch.me/). Although you can put any element in `<pinch-zoom>`.\n\n## Files\n\n* `lib/index.ts` - Original TypeScript.\n* `dist/pinch-zoom.mjs` - JS module. Default exports `PinchZoom`.\n* `dist/pinch-zoom.js` - Plain JS. Exposes `PinchZoom` on the global.\n* `dist/pinch-zoom-min.js` - Minified plain JS. 2.3k gzipped.\n","readmeFilename":"README.md"}