{"_id":"image-crop-element","_rev":"55-72b953467b14d5e5ce17af09c003f2fb","name":"image-crop-element","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"image-crop-element","version":"1.0.0","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.0","maintainers":[{"name":"muan","email":"me@muanchiou.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"58524c725da70c2eb2db4b90e95949eeb0a44b2c","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.0.tgz","integrity":"sha512-pZPmIvag7DXQ3zCtZpXheDlV79Orro4jny2VUhfRAULqbnnDpYoz4pr3J9UtCBrfMtCGubaGD1uxgyF1dUh+uw==","signatures":[{"sig":"MEQCIEEJMUHNtRcO/wB+bE0q6snTJb6UQMl7tqPN9y49kCl2AiBKKdLs7TPzHDGv49qnA873VVhD26RuKHSnH3Atnyk7xg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","gitHead":"8b15f96fcab0cc4ca9de028438e127bf523045b4","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.4.2","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"8.5.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.0.tgz_1510820334611_0.8860241638030857","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"image-crop-element","version":"1.0.1","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.1","maintainers":[{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"muan","email":"me@muanchiou.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"7a913c6611c0e5f6eced2563d18dc97a6ce59774","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.1.tgz","integrity":"sha512-mRrX/nURIGi6skqw610ScKZ6Agi1lGbiS30keW3Ny1/4W+49qQT4/tomeqYM1H8eKhJZzSKnUXiYmefIpX3FPQ==","signatures":[{"sig":"MEYCIQD40LH0NRjQAJWJnWXtSoapsk6CSy0e24cQNkGfz56J3wIhAKqmNON9nCi6nwEnjN2LF9Wf/lmRDLtSXcHstsz8/8e8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","gitHead":"88c93a53f6ad740d99e110499f384dc9bfc9dbb5","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.4.2","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"8.5.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.1.tgz_1510902040951_0.7722188320476562","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"image-crop-element","version":"1.0.2","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.2","maintainers":[{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"muan","email":"me@muanchiou.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"833f0cc34973752db5b4244d8b2e7be94bfec816","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.2.tgz","integrity":"sha512-6OKQjHpiM9802CpTH5va8Xn5v0fVacbOaxPR2nDl3N/7UmUo/i9BzfWXaK3XrU0xI+h2+AZgtWbzjZQpG3mbzA==","signatures":[{"sig":"MEUCIBcc56BqfXN/ljrm1tIkwoP5VYdTcnINX+ZjB1C1NyIyAiEAtE9Q3oySqHtiTL114f2oRPTWN45r7yhKtkwV2nUwI0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","files":["dist"],"gitHead":"9f9f432a868a1b4a47f155e98ca12372b0e8aa4e","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.4.2","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"8.5.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.2.tgz_1510909415492_0.19156256038695574","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"image-crop-element","version":"1.0.3","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.3","maintainers":[{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},{"name":"muan","email":"me@muanchiou.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"4bb564158a239e409cd5537f2a407308cdba5330","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.3.tgz","integrity":"sha512-rbrVQ2kjw5BcBR2XUvpvcGlDr+GEwNL2HscmR1SYcEWBhhUoZqiD6rcTOY6AnhyFPT8H3ZhCC7ttbQvgEX2JVg==","signatures":[{"sig":"MEUCIFt4HqZyRwQZWToHRkWAif6LCl8mj2Al6VHg6JZpqPpVAiEApJ1LlBBCLBpvAZuvAJejBTnMIWQCpUk4DMnXc9CQJ/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","files":["dist"],"gitHead":"15de6d6a78d8b555298373286b22c82f94e9a1ba","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.4.2","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"8.5.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.3.tgz_1512550858433_0.5577415553852916","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"image-crop-element","version":"1.0.4","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.4","maintainers":[{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},{"name":"muan","email":"me@muanchiou.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"c953153ca89de51300a7323d5c0672abd0ce9f80","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.4.tgz","integrity":"sha512-lcnsNWu6/3GENZScQROmFhIbxSTgHGiJFR8PifYVdHqDWN2VtO2y2+QUBYMtPo7OD7jXpz72TuzUM/fuDjE/hA==","signatures":[{"sig":"MEUCIQDh6Suez526ohV8JSKqfRp3GI1mo+zVU3JQ4zghy+ntxwIgDpY6xfmNW0XPo96N3BMl59pMkabYeqbEyU1RcyTzaTg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","files":["dist"],"gitHead":"5f989032bb63d10490640481877cce544f3f1e4b","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.4.2","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"8.5.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.4.tgz_1512724644347_0.5262440070509911","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"image-crop-element","version":"1.0.5","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.5","maintainers":[{"name":"mschoening","email":"max@max.wtf"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},{"name":"muan","email":"me@muanchiou.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"93db738ed2616cf90f69567dc51df32823400472","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.5.tgz","integrity":"sha512-xUoB/TwVhott75JEUslGUrohk3LijRpy/u0rDK0wPuDh5iCMDpTwywCo+ewXKoFo8uezZdBsh8KyKm4ECf9YKw==","signatures":[{"sig":"MEQCIBcBI5nHJpKDZoRum7SU4lX3rYfOxUzbXNWIAnRGs7sBAiBzZ6G5wmvRJMYTK33KFpWvuwZNx3XT1Bi060WetfgE7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","files":["dist"],"gitHead":"d8e7fa922ee19ffbca418f1263ed62daed44ea6e","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.6.0","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"9.3.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.5.tgz_1515565163960_0.7633555533830076","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"image-crop-element","version":"1.0.6","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.6","maintainers":[{"name":"mschoening","email":"max@max.wtf"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},{"name":"muan","email":"me@muanchiou.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"1b3b3b669db8d6635be5119a0cc26a209d5edd21","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.6.tgz","integrity":"sha512-q2acPuKmM9maBlLQsHiw8ndb21uM6mtbGbauI5T1DmYFfnq2LPMvC/j3cICEx6t2zkPOHpey2L5WFTCRIgYwTQ==","signatures":[{"sig":"MEYCIQDQOWsjRm0NnfkEjRhnlNgYivCYnA6Cg+As/jcTfkZRrwIhAOM1cYYQR75tWTbLl/8HCo8GaN9ojbHuqQy2OdL38ZVp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"dist/index-umd.js","files":["dist","index.css"],"gitHead":"25bf6732f7aab25c77e6755eb907329106e105d0","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.6.0","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"9.3.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.6.tgz_1515565760485_0.5671656900085509","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"image-crop-element","version":"1.0.7","keywords":["crop","image","custom element"],"author":{"name":"Mu-An Chiou"},"license":"MIT","_id":"image-crop-element@1.0.7","maintainers":[{"name":"mschoening","email":"max@max.wtf"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},{"name":"muan","email":"me@muanchiou.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"}],"homepage":"https://github.com/muan/image-crop-element#readme","bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"dist":{"shasum":"b2e512353d8c126a3c472e1da7ee0b73aa357537","tarball":"https://registry.npmjs.org/image-crop-element/-/image-crop-element-1.0.7.tgz","integrity":"sha512-8l/KG0rmt8uRUKvDm8A4qYRGnUrtUi2YrasCeb/DdoZ4mCyoCP1EFCiRAMC07LYnN7XPfUwdibIQY+ajOfDiqg==","signatures":[{"sig":"MEQCIAOIf0i4gPbIuf8HF8tLEu+OJ213Fkt1jQ3zxeT2g9yWAiAXRUi/vt4vpBDR6GN2pyE9e3pMF2wzlBWm7Yu6UcYTxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2vkgCRA9TVsSAnZWagAAQawP/0i7vYHRXuLFQXTmPZl1\nxem7q6NHpFVFxq0r8UXBSC29INzos6SAuk/0j0SKLYob5nQ6S2oYHujdKqPd\nihIb0LJqN4Kf36e/dBIkoZWvF3Y+zYOpfuh5ljENw5IBbotSa8FJQHpHVBtb\nwkkJ/VGBz1kYIjXjEsY0OmlOaPTLgjeYLylTrJbPKh+/30tWeP0wzq3YhEpW\nhHDnbx0C89POPA0c2uiFyjAMKylKnzE33CgMvry4JILaGS4TQL8g4QeMBQV5\nzlb9dcvUba694y9GhmIUfMIK/uHax8Q3NHyHiu5H+qzWNUlu0DVcpU+xyNy9\n1MQy9c9pQzz7sX/X4/2wSVA2gW3lM6BiAKF81ePI/TdtRnGzQQLTICsq1BwV\nqX4qYNcQkHPMnmgbo67djKqPdny+V+ELSDc3iE3I+/2H9/do2MtuJfYSOYYV\nTSAewjAmIfZPnIcG2nj1rLC8h2NKpcQAUUNDmnmKCMurxeXT4PIKc6ZGedem\ncEatD067aGbpf9KRG6g3v3TSQPg7E2ZB+nxx4KpKhIaTD68U17SkjHTQt6nN\n8Pwl7kValEJB6Y/2nLIwvLbsdtMllm2yqsJN0Sugj6SnG7OcoMbWMjfYhFtK\neTUuNHwxDFr0yi33PvlxTk/bblzp9as2rcj8YxaTewq3cM0c58TeISKXSh6P\nGJy/\r\n=C1XD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index-umd.js","files":["dist","index.css"],"gitHead":"44b5f8467ec0360408dfd880dac47f0d45a7ef3d","scripts":{"test":"eslint index.js","build":"npm run build-umd","clean":"rm -rf dist","prebuild":"npm run clean && mkdir dist","build-umd":"BABEL_ENV=umd babel index.js -o dist/index-umd.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"muan","email":"me@muanchiou.com"},"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"_npmVersion":"5.6.0","description":"Select area for cropping an image. This does not actually crop.","directories":{},"_nodeVersion":"9.3.0","devDependencies":{"eslint":"^4.10.0","babel-cli":"^6.26.0","babel-preset-es2015":"^6.24.1","eslint-plugin-github":"^0.19.0","babel-plugin-transform-custom-element-classes":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/image-crop-element-1.0.7.tgz_1515566281381_0.6511827087961137","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-11-16T08:18:54.854Z","modified":"2026-08-07T19:04:56.970Z","1.0.0":"2017-11-16T08:18:54.854Z","1.0.1":"2017-11-17T07:00:41.243Z","1.0.2":"2017-11-17T09:03:35.570Z","1.0.3":"2017-12-06T09:00:58.498Z","1.0.4":"2017-12-08T09:17:24.414Z","1.0.5":"2018-01-10T06:19:24.127Z","1.0.6":"2018-01-10T06:29:20.635Z","1.0.7":"2018-01-10T06:38:01.483Z"},"bugs":{"url":"https://github.com/muan/image-crop-element/issues"},"author":{"name":"Mu-An Chiou"},"license":"MIT","homepage":"https://github.com/muan/image-crop-element#readme","keywords":["crop","image","custom element"],"repository":{"url":"git+https://github.com/muan/image-crop-element.git","type":"git"},"description":"Select area for cropping an image. This does not actually crop.","maintainers":[{"email":"manuelpuyol@github.com","name":"manuelpuyol"},{"email":"yes@jonrohan.codes","name":"jonrohan"},{"email":"design-systems@github.com","name":"primer-css"},{"email":"lugraciecy@gmail.com","name":"gracepark"},{"email":"jibrang@github.com","name":"jibrangarcia"},{"email":"arelia.jones@gmail.com","name":"arelia"},{"email":"tylerjdev@github.com","name":"tylerthedev"},{"email":"clay@smockle.com","name":"smockle"},{"email":"sim@simurai.com","name":"simurai"},{"email":"katehiga8@gmail.com","name":"khiga8"},{"email":"simon.taranto@gmail.com","name":"srt32"},{"email":"dgreif+githubbotnpm@github.com","name":"githubbot"},{"email":"jonathan.fuchs@gmail.com","name":"jfuchs"},{"email":"andri.j.alexandrou@gmail.com","name":"andrialexandrou"},{"email":"joycezhu@github.com","name":"joycezhu"},{"email":"bteng22@gmail.com","name":"bteng22"},{"email":"dustin.savery@gmail.com","name":"dustin.savery"},{"email":"ncalteen@github.com","name":"ncalteen"},{"email":"alaingoga@gmail.com","name":"alaingoga"},{"email":"andrei.girip99@gmail.com","name":"andreiig"},{"email":"me@muanchiou.com","name":"muan"},{"email":"david.malcom.graham@gmail.com","name":"dgraham"}],"readme":"# &lt;image-crop-element&gt;\n\nThis loads an image and creates a crop area that user can modify. An event is fired with x, y, width, and height as the crop area changes.\n\nPolyfills for [Custom Elements](https://github.com/webcomponents/webcomponentsjs), and `Reflect.construct` are required. See `polyfill.html`.\n\n## Usage\n\n### Plain\n\n```html\n<image-crop src=\"/avatar.jpg\"></image-crop>\n```\n\n### With loading state\n\n```html\n<image-crop src=\"/avatar.jpg\">\n  <img src=\"spinner.gif\" alt=\"\" data-loading-slot>\n</image-crop>\n```\n\n### With autoupdate inputs\n\n```html\n<image-crop src=\"/avatar.jpg\">\n  <input type=\"hidden\" data-image-crop-input=\"x\" name=\"x\">\n  <input type=\"hidden\" data-image-crop-input=\"y\" name=\"y\">\n  <input type=\"hidden\" data-image-crop-input=\"width\" name=\"width\">\n  <input type=\"hidden\" data-image-crop-input=\"height\" name=\"height\">\n</image-crop>\n```\n\n### Listen to the change event\n\n```javascript\ndocument.addEventListener('image-crop-change', function (event){\n  console.log(\n    'Crop area changed.',\n    event.detail.x,\n    event.detail.y,\n    event.detail.width,\n    event.detail.height\n  )\n})\n```\n","readmeFilename":"readme.md"}