Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

idcrop

Package Overview
Dependencies
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

idcrop - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3

22

dist/js/bundle.min.js

@@ -1,2 +0,2 @@

!function(n){function g(c){if(I[c])return I[c].exports;var t=I[c]={i:c,l:!1,exports:{}};return n[c].call(t.exports,t,t.exports,g),t.l=!0,t.exports}var I={};g.m=n,g.c=I,g.d=function(n,I,c){g.o(n,I)||Object.defineProperty(n,I,{configurable:!1,enumerable:!0,get:c})},g.n=function(n){var I=n&&n.__esModule?function(){return n.default}:function(){return n};return g.d(I,"a",I),I},g.o=function(n,g){return Object.prototype.hasOwnProperty.call(n,g)},g.p="",g(g.s=3)}([/*!********************************!*\
var IdCrop=function(n){function g(t){if(I[t])return I[t].exports;var c=I[t]={i:t,l:!1,exports:{}};return n[t].call(c.exports,c,c.exports,g),c.l=!0,c.exports}var I={};return g.m=n,g.c=I,g.d=function(n,I,t){g.o(n,I)||Object.defineProperty(n,I,{configurable:!1,enumerable:!0,get:t})},g.n=function(n){var I=n&&n.__esModule?function(){return n.default}:function(){return n};return g.d(I,"a",I),I},g.o=function(n,g){return Object.prototype.hasOwnProperty.call(n,g)},g.p="",g(g.s=3)}([/*!********************************!*\
!*** ./lib/js/idcrop/Point.js ***!

@@ -16,16 +16,8 @@ \********************************/

/*! all exports used */
function(module,exports){eval('function loadImage(src) {\n var img = new Image();\n /* eslint-disable */\n img.src = src.substring(0, 1) === "\\"" ? src.substring(1, src.length - 1) : src;\n /* eslint-enable */\n return new Promise(function(resolve, reject) {\n img.onload = () => resolve(img);\n img.onerror = error => reject(error);\n });\n}\n\nfunction dataURIFromSrc(src) {\n var canvas = document.createElement("canvas");\n var context = canvas.getContext("2d");\n return loadImage(src).then(function(img) {\n canvas.width = img.width;\n canvas.height = img.height;\n context.drawImage(img, 0, 0, canvas.width, canvas.height);\n return canvas.toDataURL();\n });\n}\n\nfunction getBgSource(element) {\n const style = element.currentStyle || window.getComputedStyle(element, false);\n return style.backgroundImage.slice(4, -1);\n}\n\nfunction fakeInput(input, fakeInput) {\n input.style.display = "none";\n fakeInput.addEventListener("click", function(event) {\n event = event || window.event;\n event.preventDefault();\n input.click();\n });\n}\n\nfunction dragDropInput(input, dragArea, filenameArea, self) {\n dragArea.addEventListener("dragenter", function() {\n dragArea.classList.add("hovered");\n });\n dragArea.addEventListener("dragleave", function() {\n dragArea.classList.remove("hovered");\n });\n dragArea.addEventListener("dragover", function(event) {\n event.stopPropagation();\n event.preventDefault();\n event.dataTransfer.dropEffect = "copy";\n });\n dragArea.addEventListener("drop", function(event) {\n event.preventDefault();\n dragArea.classList.remove("hovered");\n getFile(event).then(data => {\n filenameArea.innerHTML = data.filename;\n self.startCroppingArea(data.base64, self);\n });\n });\n input.addEventListener("change", function(event) {\n getFile(event).then(data => {\n filenameArea.innerHTML = data.filename;\n self.startCroppingArea(data.base64, self);\n });\n });\n}\n\nfunction getFile(event) {\n event.preventDefault();\n const file =\n typeof event.target.files !== "undefined"\n ? event.target.files[0]\n : event.dataTransfer.files[0];\n const reader = new FileReader();\n reader.readAsDataURL(file);\n return new Promise(function(resolve, reject) {\n reader.onload = event =>\n resolve({\n filename: file.name,\n base64: event.target.result\n });\n reader.onerror = error => reject(error);\n });\n}\n\nmodule.exports = exports = {\n loadImage,\n dataURIFromSrc,\n getBgSource,\n fakeInput,\n dragDropInput,\n getFile\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvaGVscGVycy5qcz9kOTlhIl0sInNvdXJjZXNDb250ZW50IjpbImZ1bmN0aW9uIGxvYWRJbWFnZShzcmMpIHtcbiAgdmFyIGltZyA9IG5ldyBJbWFnZSgpO1xuICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICBpbWcuc3JjID0gc3JjLnN1YnN0cmluZygwLCAxKSA9PT0gXCJcXFwiXCIgPyBzcmMuc3Vic3RyaW5nKDEsIHNyYy5sZW5ndGggLSAxKSA6IHNyYztcbiAgLyogZXNsaW50LWVuYWJsZSAqL1xuICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgaW1nLm9ubG9hZCA9ICgpID0+IHJlc29sdmUoaW1nKTtcbiAgICBpbWcub25lcnJvciA9IGVycm9yID0+IHJlamVjdChlcnJvcik7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiBkYXRhVVJJRnJvbVNyYyhzcmMpIHtcbiAgdmFyIGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gIHZhciBjb250ZXh0ID0gY2FudmFzLmdldENvbnRleHQoXCIyZFwiKTtcbiAgcmV0dXJuIGxvYWRJbWFnZShzcmMpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgY2FudmFzLndpZHRoID0gaW1nLndpZHRoO1xuICAgIGNhbnZhcy5oZWlnaHQgPSBpbWcuaGVpZ2h0O1xuICAgIGNvbnRleHQuZHJhd0ltYWdlKGltZywgMCwgMCwgY2FudmFzLndpZHRoLCBjYW52YXMuaGVpZ2h0KTtcbiAgICByZXR1cm4gY2FudmFzLnRvRGF0YVVSTCgpO1xuICB9KTtcbn1cblxuZnVuY3Rpb24gZ2V0QmdTb3VyY2UoZWxlbWVudCkge1xuICBjb25zdCBzdHlsZSA9IGVsZW1lbnQuY3VycmVudFN0eWxlIHx8IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGVsZW1lbnQsIGZhbHNlKTtcbiAgcmV0dXJuIHN0eWxlLmJhY2tncm91bmRJbWFnZS5zbGljZSg0LCAtMSk7XG59XG5cbmZ1bmN0aW9uIGZha2VJbnB1dChpbnB1dCwgZmFrZUlucHV0KSB7XG4gIGlucHV0LnN0eWxlLmRpc3BsYXkgPSBcIm5vbmVcIjtcbiAgZmFrZUlucHV0LmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBmdW5jdGlvbihldmVudCkge1xuICAgIGV2ZW50ID0gZXZlbnQgfHwgd2luZG93LmV2ZW50O1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaW5wdXQuY2xpY2soKTtcbiAgfSk7XG59XG5cbmZ1bmN0aW9uIGRyYWdEcm9wSW5wdXQoaW5wdXQsIGRyYWdBcmVhLCBmaWxlbmFtZUFyZWEsIHNlbGYpIHtcbiAgZHJhZ0FyZWEuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdlbnRlclwiLCBmdW5jdGlvbigpIHtcbiAgICBkcmFnQXJlYS5jbGFzc0xpc3QuYWRkKFwiaG92ZXJlZFwiKTtcbiAgfSk7XG4gIGRyYWdBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgZnVuY3Rpb24oKSB7XG4gICAgZHJhZ0FyZWEuY2xhc3NMaXN0LnJlbW92ZShcImhvdmVyZWRcIik7XG4gIH0pO1xuICBkcmFnQXJlYS5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gXCJjb3B5XCI7XG4gIH0pO1xuICBkcmFnQXJlYS5hZGRFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBmdW5jdGlvbihldmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZHJhZ0FyZWEuY2xhc3NMaXN0LnJlbW92ZShcImhvdmVyZWRcIik7XG4gICAgZ2V0RmlsZShldmVudCkudGhlbihkYXRhID0+IHtcbiAgICAgIGZpbGVuYW1lQXJlYS5pbm5lckhUTUwgPSBkYXRhLmZpbGVuYW1lO1xuICAgICAgc2VsZi5zdGFydENyb3BwaW5nQXJlYShkYXRhLmJhc2U2NCwgc2VsZik7XG4gICAgfSk7XG4gIH0pO1xuICBpbnB1dC5hZGRFdmVudExpc3RlbmVyKFwiY2hhbmdlXCIsIGZ1bmN0aW9uKGV2ZW50KSB7XG4gICAgZ2V0RmlsZShldmVudCkudGhlbihkYXRhID0+IHtcbiAgICAgIGZpbGVuYW1lQXJlYS5pbm5lckhUTUwgPSBkYXRhLmZpbGVuYW1lO1xuICAgICAgc2VsZi5zdGFydENyb3BwaW5nQXJlYShkYXRhLmJhc2U2NCwgc2VsZik7XG4gICAgfSk7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiBnZXRGaWxlKGV2ZW50KSB7XG4gIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIGNvbnN0IGZpbGUgPVxuICAgIHR5cGVvZiBldmVudC50YXJnZXQuZmlsZXMgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgID8gZXZlbnQudGFyZ2V0LmZpbGVzWzBdXG4gICAgICA6IGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlc1swXTtcbiAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcbiAgcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XG4gIHJldHVybiBuZXcgUHJvbWlzZShmdW5jdGlvbihyZXNvbHZlLCByZWplY3QpIHtcbiAgICByZWFkZXIub25sb2FkID0gZXZlbnQgPT5cbiAgICAgIHJlc29sdmUoe1xuICAgICAgICBmaWxlbmFtZTogZmlsZS5uYW1lLFxuICAgICAgICBiYXNlNjQ6IGV2ZW50LnRhcmdldC5yZXN1bHRcbiAgICAgIH0pO1xuICAgIHJlYWRlci5vbmVycm9yID0gZXJyb3IgPT4gcmVqZWN0KGVycm9yKTtcbiAgfSk7XG59XG5cbm1vZHVsZS5leHBvcnRzID0gZXhwb3J0cyA9IHtcbiAgbG9hZEltYWdlLFxuICBkYXRhVVJJRnJvbVNyYyxcbiAgZ2V0QmdTb3VyY2UsXG4gIGZha2VJbnB1dCxcbiAgZHJhZ0Ryb3BJbnB1dCxcbiAgZ2V0RmlsZVxufTtcblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbGliL2pzL2lkY3JvcC9oZWxwZXJzLmpzXG4vLyBtb2R1bGUgaWQgPSAyXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///2\n')},/*!************************!*\
!*** ./lib/js/prod.js ***!
\************************/
/*! no exports provided */
/*! all exports used */
function(module,__webpack_exports__,__webpack_require__){"use strict";eval('Object.defineProperty(__webpack_exports__, "__esModule", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__scss_main_scss__ = __webpack_require__(/*! ../scss/main.scss */ 4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__scss_main_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__scss_main_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__idcrop_IdCrop_js__ = __webpack_require__(/*! ./idcrop/IdCrop.js */ 5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__idcrop_IdCrop_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__idcrop_IdCrop_js__);\n// Import SCSS files.\n\n\n// Import JS.\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9wcm9kLmpzPzdhMjAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0IFNDU1MgZmlsZXMuXG5pbXBvcnQgXCIuLi9zY3NzL21haW4uc2Nzc1wiO1xuXG4vLyBJbXBvcnQgSlMuXG5pbXBvcnQgXCIuL2lkY3JvcC9JZENyb3AuanNcIjtcblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbGliL2pzL3Byb2QuanNcbi8vIG1vZHVsZSBpZCA9IDNcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTsiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///3\n')},/*!****************************!*\
!*** ./lib/scss/main.scss ***!
\****************************/
/*! dynamic exports provided */
function(module,exports){eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9zY3NzL21haW4uc2Nzcz8yODI1Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9saWIvc2Nzcy9tYWluLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDRcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///4\n")},/*!*********************************!*\
function(module,exports){eval('function loadImage(src) {\n var img = new Image();\n /* eslint-disable */\n img.src = src.substring(0, 1) === "\\"" ? src.substring(1, src.length - 1) : src;\n /* eslint-enable */\n return new Promise(function(resolve, reject) {\n img.onload = () => resolve(img);\n img.onerror = error => reject(error);\n });\n}\n\nfunction dataURIFromSrc(src) {\n var canvas = document.createElement("canvas");\n var context = canvas.getContext("2d");\n return loadImage(src).then(function(img) {\n canvas.width = img.width;\n canvas.height = img.height;\n context.drawImage(img, 0, 0, canvas.width, canvas.height);\n return canvas.toDataURL();\n });\n}\n\nfunction getBgSource(element) {\n const style = element.currentStyle || window.getComputedStyle(element, false);\n return style.backgroundImage.slice(4, -1);\n}\n\nfunction fakeInput(input, fakeInput) {\n input.style.display = "none";\n fakeInput.addEventListener("click", function(event) {\n event = event || window.event;\n event.preventDefault();\n input.click();\n });\n}\n\nfunction dragDropInput(input, dragArea, filenameArea, self) {\n dragArea.addEventListener("dragenter", function() {\n dragArea.classList.add("hovered");\n });\n dragArea.addEventListener("dragleave", function() {\n dragArea.classList.remove("hovered");\n });\n dragArea.addEventListener("dragover", function(event) {\n event.stopPropagation();\n event.preventDefault();\n event.dataTransfer.dropEffect = "copy";\n });\n dragArea.addEventListener("drop", function(event) {\n event.preventDefault();\n dragArea.classList.remove("hovered");\n getFile(event).then(data => {\n filenameArea.innerHTML = data.filename;\n self.startCroppingArea(data.base64, self);\n });\n });\n input.addEventListener("change", function(event) {\n getFile(event).then(data => {\n filenameArea.innerHTML = data.filename;\n self.startCroppingArea(data.base64, self);\n });\n });\n}\n\nfunction getFile(event) {\n event.preventDefault();\n const file =\n typeof event.target.files !== "undefined"\n ? event.target.files[0]\n : event.dataTransfer.files[0];\n const reader = new FileReader();\n reader.readAsDataURL(file);\n return new Promise(function(resolve, reject) {\n reader.onload = event =>\n resolve({\n filename: file.name,\n base64: event.target.result\n });\n reader.onerror = error => reject(error);\n });\n}\n\nmodule.exports = exports = {\n loadImage,\n dataURIFromSrc,\n getBgSource,\n fakeInput,\n dragDropInput,\n getFile\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvaGVscGVycy5qcz9kOTlhIl0sInNvdXJjZXNDb250ZW50IjpbImZ1bmN0aW9uIGxvYWRJbWFnZShzcmMpIHtcbiAgdmFyIGltZyA9IG5ldyBJbWFnZSgpO1xuICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICBpbWcuc3JjID0gc3JjLnN1YnN0cmluZygwLCAxKSA9PT0gXCJcXFwiXCIgPyBzcmMuc3Vic3RyaW5nKDEsIHNyYy5sZW5ndGggLSAxKSA6IHNyYztcbiAgLyogZXNsaW50LWVuYWJsZSAqL1xuICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24ocmVzb2x2ZSwgcmVqZWN0KSB7XG4gICAgaW1nLm9ubG9hZCA9ICgpID0+IHJlc29sdmUoaW1nKTtcbiAgICBpbWcub25lcnJvciA9IGVycm9yID0+IHJlamVjdChlcnJvcik7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiBkYXRhVVJJRnJvbVNyYyhzcmMpIHtcbiAgdmFyIGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gIHZhciBjb250ZXh0ID0gY2FudmFzLmdldENvbnRleHQoXCIyZFwiKTtcbiAgcmV0dXJuIGxvYWRJbWFnZShzcmMpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgY2FudmFzLndpZHRoID0gaW1nLndpZHRoO1xuICAgIGNhbnZhcy5oZWlnaHQgPSBpbWcuaGVpZ2h0O1xuICAgIGNvbnRleHQuZHJhd0ltYWdlKGltZywgMCwgMCwgY2FudmFzLndpZHRoLCBjYW52YXMuaGVpZ2h0KTtcbiAgICByZXR1cm4gY2FudmFzLnRvRGF0YVVSTCgpO1xuICB9KTtcbn1cblxuZnVuY3Rpb24gZ2V0QmdTb3VyY2UoZWxlbWVudCkge1xuICBjb25zdCBzdHlsZSA9IGVsZW1lbnQuY3VycmVudFN0eWxlIHx8IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGVsZW1lbnQsIGZhbHNlKTtcbiAgcmV0dXJuIHN0eWxlLmJhY2tncm91bmRJbWFnZS5zbGljZSg0LCAtMSk7XG59XG5cbmZ1bmN0aW9uIGZha2VJbnB1dChpbnB1dCwgZmFrZUlucHV0KSB7XG4gIGlucHV0LnN0eWxlLmRpc3BsYXkgPSBcIm5vbmVcIjtcbiAgZmFrZUlucHV0LmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBmdW5jdGlvbihldmVudCkge1xuICAgIGV2ZW50ID0gZXZlbnQgfHwgd2luZG93LmV2ZW50O1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaW5wdXQuY2xpY2soKTtcbiAgfSk7XG59XG5cbmZ1bmN0aW9uIGRyYWdEcm9wSW5wdXQoaW5wdXQsIGRyYWdBcmVhLCBmaWxlbmFtZUFyZWEsIHNlbGYpIHtcbiAgZHJhZ0FyZWEuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdlbnRlclwiLCBmdW5jdGlvbigpIHtcbiAgICBkcmFnQXJlYS5jbGFzc0xpc3QuYWRkKFwiaG92ZXJlZFwiKTtcbiAgfSk7XG4gIGRyYWdBcmVhLmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgZnVuY3Rpb24oKSB7XG4gICAgZHJhZ0FyZWEuY2xhc3NMaXN0LnJlbW92ZShcImhvdmVyZWRcIik7XG4gIH0pO1xuICBkcmFnQXJlYS5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5kcm9wRWZmZWN0ID0gXCJjb3B5XCI7XG4gIH0pO1xuICBkcmFnQXJlYS5hZGRFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBmdW5jdGlvbihldmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZHJhZ0FyZWEuY2xhc3NMaXN0LnJlbW92ZShcImhvdmVyZWRcIik7XG4gICAgZ2V0RmlsZShldmVudCkudGhlbihkYXRhID0+IHtcbiAgICAgIGZpbGVuYW1lQXJlYS5pbm5lckhUTUwgPSBkYXRhLmZpbGVuYW1lO1xuICAgICAgc2VsZi5zdGFydENyb3BwaW5nQXJlYShkYXRhLmJhc2U2NCwgc2VsZik7XG4gICAgfSk7XG4gIH0pO1xuICBpbnB1dC5hZGRFdmVudExpc3RlbmVyKFwiY2hhbmdlXCIsIGZ1bmN0aW9uKGV2ZW50KSB7XG4gICAgZ2V0RmlsZShldmVudCkudGhlbihkYXRhID0+IHtcbiAgICAgIGZpbGVuYW1lQXJlYS5pbm5lckhUTUwgPSBkYXRhLmZpbGVuYW1lO1xuICAgICAgc2VsZi5zdGFydENyb3BwaW5nQXJlYShkYXRhLmJhc2U2NCwgc2VsZik7XG4gICAgfSk7XG4gIH0pO1xufVxuXG5mdW5jdGlvbiBnZXRGaWxlKGV2ZW50KSB7XG4gIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIGNvbnN0IGZpbGUgPVxuICAgIHR5cGVvZiBldmVudC50YXJnZXQuZmlsZXMgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgID8gZXZlbnQudGFyZ2V0LmZpbGVzWzBdXG4gICAgICA6IGV2ZW50LmRhdGFUcmFuc2Zlci5maWxlc1swXTtcbiAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcbiAgcmVhZGVyLnJlYWRBc0RhdGFVUkwoZmlsZSk7XG4gIHJldHVybiBuZXcgUHJvbWlzZShmdW5jdGlvbihyZXNvbHZlLCByZWplY3QpIHtcbiAgICByZWFkZXIub25sb2FkID0gZXZlbnQgPT5cbiAgICAgIHJlc29sdmUoe1xuICAgICAgICBmaWxlbmFtZTogZmlsZS5uYW1lLFxuICAgICAgICBiYXNlNjQ6IGV2ZW50LnRhcmdldC5yZXN1bHRcbiAgICAgIH0pO1xuICAgIHJlYWRlci5vbmVycm9yID0gZXJyb3IgPT4gcmVqZWN0KGVycm9yKTtcbiAgfSk7XG59XG5cbm1vZHVsZS5leHBvcnRzID0gZXhwb3J0cyA9IHtcbiAgbG9hZEltYWdlLFxuICBkYXRhVVJJRnJvbVNyYyxcbiAgZ2V0QmdTb3VyY2UsXG4gIGZha2VJbnB1dCxcbiAgZHJhZ0Ryb3BJbnB1dCxcbiAgZ2V0RmlsZVxufTtcblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbGliL2pzL2lkY3JvcC9oZWxwZXJzLmpzXG4vLyBtb2R1bGUgaWQgPSAyXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///2\n')},/*!*********************************!*\
!*** ./lib/js/idcrop/IdCrop.js ***!
\*********************************/
/*! dynamic exports provided */
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\nconst Handle = __webpack_require__(/*! ./Handle.js */ 6);\nconst Polygon = __webpack_require__(/*! ./Polygon.js */ 1);\nconst CropArea = __webpack_require__(/*! ./CropArea.js */ 7);\n\nconst helpers = __webpack_require__(/*! ./helpers.js */ 2);\n\nclass IdCrop {\n constructor(config) {\n this.config = {\n numPoints: typeof config.numPoints !== "undefined" ? config.numPoints : 4,\n allowUpload:\n typeof config.allowUpload !== "undefined" ? config.allowUpload : true,\n closeButtonSelector:\n typeof config.closeButtonSelector !== "undefined" \n ? config.closeButtonSelector \n : false,\n containers: {\n displayArea: document.querySelector(config.displaySelector),\n toolbarArea: config.toolbarSelector\n ? document.querySelector(config.toolbarSelector)\n : "",\n previewArea: config.previewSelector\n ? document.querySelector(config.previewSelector)\n : ""\n },\n croppingArea: {\n overlayColor:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.overlayColor !== "undefined"\n ? config.croppingArea.overlayColor\n : "rgba(0, 0, 0, 0.7)",\n stroke:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.stroke !== "undefined"\n ? config.croppingArea.stroke\n : true,\n strokeColor:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeColor !== "undefined"\n ? config.croppingArea.strokeColor\n : "white",\n strokeDashed:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeDashed !== "undefined"\n ? config.croppingArea.strokeDashed\n : true,\n strokeWeight:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeWeight !== "undefined"\n ? config.croppingArea.strokeWeight\n : 2\n },\n crop: {\n overlayColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.overlayColor !== "undefined"\n ? config.crop.overlayColor\n : "rgba(0, 0, 0, 0)",\n fillColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.fillColor !== "undefined"\n ? config.crop.fillColor\n : false,\n showImage:\n typeof config.crop !== "undefined" &&\n typeof config.crop.showImage !== "undefined"\n ? config.crop.showImage\n : true,\n stroke:\n typeof config.crop !== "undefined" &&\n typeof config.crop.stroke !== "undefined"\n ? config.crop.stroke\n : true,\n strokeColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeColor !== "undefined"\n ? config.crop.strokeColor\n : false,\n strokeDashed:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeDashed !== "undefined"\n ? config.crop.strokeDashed\n : false,\n strokeWeight:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeWeight !== "undefined"\n ? config.crop.strokeWeight\n : 0\n },\n handles: {\n class:\n typeof config.handles !== "undefined" &&\n typeof config.handles.class !== "undefined"\n ? config.handles.class\n : "",\n defaultStyles:\n typeof config.handles !== "undefined" &&\n typeof config.handles.defaultStyles !== "undefined"\n ? config.handles.defaultStyles\n : true\n }\n };\n\n this.handles = [];\n this.points = [];\n }\n\n init() {\n const self = this;\n const c = this.config.containers;\n\n c.displayArea.classList.add("idwall-display");\n\n if (c.previewArea) c.previewArea.classList.add("idwall-preview");\n\n if (c.toolbarArea) {\n if (this.config.numPoints === Infinity) {\n var closeButton = "";\n if (this.config.closeButtonSelector) {\n closeButton = document.querySelector(this.config.closeButtonSelector)\n } else {\n closeButton = document.createElement("button");\n var closeButtonText = document.createTextNode("Close path");\n closeButton.appendChild(closeButtonText);\n c.toolbarArea.appendChild(closeButton);\n }\n closeButton.addEventListener("click", function() {\n self.startCroppingPolygon();\n });\n }\n }\n\n if (c.toolbarArea && this.config.allowUpload) {\n var hint = document.createElement("p");\n var hintText = document.createTextNode("Drop files here or ");\n var fakeInput = document.createElement("a");\n var fakeInputText = document.createTextNode("Browse...");\n fakeInput.title = "Browse";\n fakeInput.href = "";\n fakeInput.appendChild(fakeInputText);\n hint.appendChild(hintText);\n hint.appendChild(fakeInput);\n c.displayArea.appendChild(hint);\n\n var filenameArea = document.createElement("p");\n filenameArea.appendChild(document.createTextNode("No file selected."));\n c.toolbarArea.appendChild(filenameArea);\n\n var input = document.createElement("input");\n input.type = "file";\n c.toolbarArea.appendChild(input);\n helpers.fakeInput(input, fakeInput);\n helpers.dragDropInput(input, c.displayArea, filenameArea, this);\n }\n\n if (!c.toolbarArea || !this.config.allowUpload) {\n var src = helpers.getBgSource(c.displayArea);\n helpers.dataURIFromSrc(src).then(function(base64) {\n self.startCroppingArea(base64, self);\n });\n }\n\n window.addEventListener("mouseup", function() {\n if (self.config.containers.previewArea) self.drawPreview(self);\n document.onmousemove = function() {};\n });\n\n var created = new CustomEvent("created", { detail: self.config });\n document.dispatchEvent(created);\n }\n\n startCroppingArea(base64, self) {\n const displayArea = self.config.containers.displayArea;\n\n self.cropArea = new CropArea(displayArea, base64);\n self.cropArea.create().then(function(img) {\n self.image = img;\n displayArea.style.backgroundImage = "url(\'" + base64 + "\')";\n });\n\n for (const handle of self.handles) {\n handle.deleteNode();\n }\n\n self.handles = [];\n self.cropArea.canvas.addEventListener("mousedown", function(event) {\n self.createHandles(event, self);\n });\n }\n\n createHandles(event, self) {\n if (self.cropArea.isDrawing) {\n const cbounds = self.cropArea.canvas.getBoundingClientRect();\n const x = event.clientX - cbounds.left,\n y = event.clientY - cbounds.top;\n\n let point = new Point(x, y),\n handle = new Handle(\n self.config.containers.displayArea,\n self.image.left,\n self.image.top,\n point\n );\n\n handle.init(self.config.handles.defaultStyles, self.config.handles.class);\n self.handles.push(handle);\n self.points.push(point);\n\n if (self.handles.length == self.config.numPoints) {\n self.startCroppingPolygon(self);\n }\n }\n }\n\n startCroppingPolygon(self = this) {\n const c = self.config.croppingArea;\n\n self.points = Point.sort(self.points);\n self.cropArea.isDrawing = false;\n\n self.cropPolygon = new Polygon(\n self.config.containers.displayArea,\n self.cropArea.canvas\n );\n self.cropPolygon.drawWithOverlay(\n self.points,\n c.overlayColor,\n c.stroke,\n c.strokeColor,\n c.strokeDashed,\n c.strokeWeight\n );\n\n for (const handle of self.handles) {\n const config = self.config.croppingArea;\n handle.direction = handle.setDirection(self.points);\n handle.node.addEventListener("mousedown", function(event) {\n self.cropPolygon.startResizing(event, self.points, config);\n });\n }\n\n self.drawPreview(self);\n }\n\n drawPreview(self) {\n if (\n typeof this.cropArea !== "undefined" &&\n this.cropArea.isDrawing == false\n ) {\n const base64 = this.cropArea.crop(\n this.image.img,\n this.config.containers.previewArea,\n this.points,\n this.config.crop\n );\n self.config.containers.previewArea.style.backgroundImage =\n "url(\'" + base64 + "\')";\n }\n }\n\n reset() {\n this.cropArea = undefined;\n this.cropPolygon = undefined;\n \n this.handles = [];\n this.points = [];\n this.image = "data:image/jpeg;base64,";\n\n if (this.previewArea) this.previewArea.style.backgroundImage = "";\n\n this.init();\n }\n\n getPoints() {\n let realPoints = [];\n for (const point of this.points) {\n realPoints.push(\n new Point(point.x * this.image.ratio, point.y * this.image.ratio)\n );\n }\n return realPoints;\n }\n}\n\nmodule.exports = exports = IdCrop;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvSWRDcm9wLmpzP2FlMWIiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5jb25zdCBIYW5kbGUgPSByZXF1aXJlKFwiLi9IYW5kbGUuanNcIik7XG5jb25zdCBQb2x5Z29uID0gcmVxdWlyZShcIi4vUG9seWdvbi5qc1wiKTtcbmNvbnN0IENyb3BBcmVhID0gcmVxdWlyZShcIi4vQ3JvcEFyZWEuanNcIik7XG5cbmNvbnN0IGhlbHBlcnMgPSByZXF1aXJlKFwiLi9oZWxwZXJzLmpzXCIpO1xuXG5jbGFzcyBJZENyb3Age1xuICBjb25zdHJ1Y3Rvcihjb25maWcpIHtcbiAgICB0aGlzLmNvbmZpZyA9IHtcbiAgICAgIG51bVBvaW50czogdHlwZW9mIGNvbmZpZy5udW1Qb2ludHMgIT09IFwidW5kZWZpbmVkXCIgPyBjb25maWcubnVtUG9pbnRzIDogNCxcbiAgICAgIGFsbG93VXBsb2FkOlxuICAgICAgICB0eXBlb2YgY29uZmlnLmFsbG93VXBsb2FkICE9PSBcInVuZGVmaW5lZFwiID8gY29uZmlnLmFsbG93VXBsb2FkIDogdHJ1ZSxcbiAgICAgIGNsb3NlQnV0dG9uU2VsZWN0b3I6XG4gICAgICAgIHR5cGVvZiBjb25maWcuY2xvc2VCdXR0b25TZWxlY3RvciAhPT0gXCJ1bmRlZmluZWRcIiBcbiAgICAgICAgPyBjb25maWcuY2xvc2VCdXR0b25TZWxlY3RvciBcbiAgICAgICAgOiBmYWxzZSxcbiAgICAgIGNvbnRhaW5lcnM6IHtcbiAgICAgICAgZGlzcGxheUFyZWE6IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoY29uZmlnLmRpc3BsYXlTZWxlY3RvciksXG4gICAgICAgIHRvb2xiYXJBcmVhOiBjb25maWcudG9vbGJhclNlbGVjdG9yXG4gICAgICAgICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGNvbmZpZy50b29sYmFyU2VsZWN0b3IpXG4gICAgICAgICAgOiBcIlwiLFxuICAgICAgICBwcmV2aWV3QXJlYTogY29uZmlnLnByZXZpZXdTZWxlY3RvclxuICAgICAgICAgID8gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcihjb25maWcucHJldmlld1NlbGVjdG9yKVxuICAgICAgICAgIDogXCJcIlxuICAgICAgfSxcbiAgICAgIGNyb3BwaW5nQXJlYToge1xuICAgICAgICBvdmVybGF5Q29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYS5vdmVybGF5Q29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5vdmVybGF5Q29sb3JcbiAgICAgICAgICAgIDogXCJyZ2JhKDAsIDAsIDAsIDAuNylcIixcbiAgICAgICAgc3Ryb2tlOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlXG4gICAgICAgICAgICA6IHRydWUsXG4gICAgICAgIHN0cm9rZUNvbG9yOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlQ29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VDb2xvclxuICAgICAgICAgICAgOiBcIndoaXRlXCIsXG4gICAgICAgIHN0cm9rZURhc2hlZDpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYSAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhLnN0cm9rZURhc2hlZCAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcHBpbmdBcmVhLnN0cm9rZURhc2hlZFxuICAgICAgICAgICAgOiB0cnVlLFxuICAgICAgICBzdHJva2VXZWlnaHQ6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VXZWlnaHQgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VXZWlnaHRcbiAgICAgICAgICAgIDogMlxuICAgICAgfSxcbiAgICAgIGNyb3A6IHtcbiAgICAgICAgb3ZlcmxheUNvbG9yOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcCAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcC5vdmVybGF5Q29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3Aub3ZlcmxheUNvbG9yXG4gICAgICAgICAgICA6IFwicmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICBmaWxsQ29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLmZpbGxDb2xvciAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5maWxsQ29sb3JcbiAgICAgICAgICAgIDogZmFsc2UsXG4gICAgICAgIHNob3dJbWFnZTpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3AgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3Auc2hvd0ltYWdlICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnNob3dJbWFnZVxuICAgICAgICAgICAgOiB0cnVlLFxuICAgICAgICBzdHJva2U6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZSAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5zdHJva2VcbiAgICAgICAgICAgIDogdHJ1ZSxcbiAgICAgICAgc3Ryb2tlQ29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZUNvbG9yICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnN0cm9rZUNvbG9yXG4gICAgICAgICAgICA6IGZhbHNlLFxuICAgICAgICBzdHJva2VEYXNoZWQ6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZURhc2hlZCAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5zdHJva2VEYXNoZWRcbiAgICAgICAgICAgIDogZmFsc2UsXG4gICAgICAgIHN0cm9rZVdlaWdodDpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3AgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3Auc3Ryb2tlV2VpZ2h0ICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnN0cm9rZVdlaWdodFxuICAgICAgICAgICAgOiAwXG4gICAgICB9LFxuICAgICAgaGFuZGxlczoge1xuICAgICAgICBjbGFzczpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMuY2xhc3MgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmhhbmRsZXMuY2xhc3NcbiAgICAgICAgICAgIDogXCJcIixcbiAgICAgICAgZGVmYXVsdFN0eWxlczpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMuZGVmYXVsdFN0eWxlcyAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuaGFuZGxlcy5kZWZhdWx0U3R5bGVzXG4gICAgICAgICAgICA6IHRydWVcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVzID0gW107XG4gICAgdGhpcy5wb2ludHMgPSBbXTtcbiAgfVxuXG4gIGluaXQoKSB7XG4gICAgY29uc3Qgc2VsZiA9IHRoaXM7XG4gICAgY29uc3QgYyA9IHRoaXMuY29uZmlnLmNvbnRhaW5lcnM7XG5cbiAgICBjLmRpc3BsYXlBcmVhLmNsYXNzTGlzdC5hZGQoXCJpZHdhbGwtZGlzcGxheVwiKTtcblxuICAgIGlmIChjLnByZXZpZXdBcmVhKSBjLnByZXZpZXdBcmVhLmNsYXNzTGlzdC5hZGQoXCJpZHdhbGwtcHJldmlld1wiKTtcblxuICAgIGlmIChjLnRvb2xiYXJBcmVhKSB7XG4gICAgICBpZiAodGhpcy5jb25maWcubnVtUG9pbnRzID09PSBJbmZpbml0eSkge1xuICAgICAgICB2YXIgY2xvc2VCdXR0b24gPSBcIlwiO1xuICAgICAgICBpZiAodGhpcy5jb25maWcuY2xvc2VCdXR0b25TZWxlY3Rvcikge1xuICAgICAgICAgIGNsb3NlQnV0dG9uID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0aGlzLmNvbmZpZy5jbG9zZUJ1dHRvblNlbGVjdG9yKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGNsb3NlQnV0dG9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImJ1dHRvblwiKTtcbiAgICAgICAgICB2YXIgY2xvc2VCdXR0b25UZXh0ID0gZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoXCJDbG9zZSBwYXRoXCIpO1xuICAgICAgICAgIGNsb3NlQnV0dG9uLmFwcGVuZENoaWxkKGNsb3NlQnV0dG9uVGV4dCk7XG4gICAgICAgICAgYy50b29sYmFyQXJlYS5hcHBlbmRDaGlsZChjbG9zZUJ1dHRvbik7XG4gICAgICAgIH1cbiAgICAgICAgY2xvc2VCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGZ1bmN0aW9uKCkge1xuICAgICAgICAgIHNlbGYuc3RhcnRDcm9wcGluZ1BvbHlnb24oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGMudG9vbGJhckFyZWEgJiYgdGhpcy5jb25maWcuYWxsb3dVcGxvYWQpIHtcbiAgICAgIHZhciBoaW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcInBcIik7XG4gICAgICB2YXIgaGludFRleHQgPSBkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZShcIkRyb3AgZmlsZXMgaGVyZSBvciBcIik7XG4gICAgICB2YXIgZmFrZUlucHV0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImFcIik7XG4gICAgICB2YXIgZmFrZUlucHV0VGV4dCA9IGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKFwiQnJvd3NlLi4uXCIpO1xuICAgICAgZmFrZUlucHV0LnRpdGxlID0gXCJCcm93c2VcIjtcbiAgICAgIGZha2VJbnB1dC5ocmVmID0gXCJcIjtcbiAgICAgIGZha2VJbnB1dC5hcHBlbmRDaGlsZChmYWtlSW5wdXRUZXh0KTtcbiAgICAgIGhpbnQuYXBwZW5kQ2hpbGQoaGludFRleHQpO1xuICAgICAgaGludC5hcHBlbmRDaGlsZChmYWtlSW5wdXQpO1xuICAgICAgYy5kaXNwbGF5QXJlYS5hcHBlbmRDaGlsZChoaW50KTtcblxuICAgICAgdmFyIGZpbGVuYW1lQXJlYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJwXCIpO1xuICAgICAgZmlsZW5hbWVBcmVhLmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKFwiTm8gZmlsZSBzZWxlY3RlZC5cIikpO1xuICAgICAgYy50b29sYmFyQXJlYS5hcHBlbmRDaGlsZChmaWxlbmFtZUFyZWEpO1xuXG4gICAgICB2YXIgaW5wdXQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW5wdXRcIik7XG4gICAgICBpbnB1dC50eXBlID0gXCJmaWxlXCI7XG4gICAgICBjLnRvb2xiYXJBcmVhLmFwcGVuZENoaWxkKGlucHV0KTtcbiAgICAgIGhlbHBlcnMuZmFrZUlucHV0KGlucHV0LCBmYWtlSW5wdXQpO1xuICAgICAgaGVscGVycy5kcmFnRHJvcElucHV0KGlucHV0LCBjLmRpc3BsYXlBcmVhLCBmaWxlbmFtZUFyZWEsIHRoaXMpO1xuICAgIH1cblxuICAgIGlmICghYy50b29sYmFyQXJlYSB8fCAhdGhpcy5jb25maWcuYWxsb3dVcGxvYWQpIHtcbiAgICAgIHZhciBzcmMgPSBoZWxwZXJzLmdldEJnU291cmNlKGMuZGlzcGxheUFyZWEpO1xuICAgICAgaGVscGVycy5kYXRhVVJJRnJvbVNyYyhzcmMpLnRoZW4oZnVuY3Rpb24oYmFzZTY0KSB7XG4gICAgICAgIHNlbGYuc3RhcnRDcm9wcGluZ0FyZWEoYmFzZTY0LCBzZWxmKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwibW91c2V1cFwiLCBmdW5jdGlvbigpIHtcbiAgICAgIGlmIChzZWxmLmNvbmZpZy5jb250YWluZXJzLnByZXZpZXdBcmVhKSBzZWxmLmRyYXdQcmV2aWV3KHNlbGYpO1xuICAgICAgZG9jdW1lbnQub25tb3VzZW1vdmUgPSBmdW5jdGlvbigpIHt9O1xuICAgIH0pO1xuXG4gICAgdmFyIGNyZWF0ZWQgPSBuZXcgQ3VzdG9tRXZlbnQoXCJjcmVhdGVkXCIsIHsgZGV0YWlsOiBzZWxmLmNvbmZpZyB9KTtcbiAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KGNyZWF0ZWQpO1xuICB9XG5cbiAgc3RhcnRDcm9wcGluZ0FyZWEoYmFzZTY0LCBzZWxmKSB7XG4gICAgY29uc3QgZGlzcGxheUFyZWEgPSBzZWxmLmNvbmZpZy5jb250YWluZXJzLmRpc3BsYXlBcmVhO1xuXG4gICAgc2VsZi5jcm9wQXJlYSA9IG5ldyBDcm9wQXJlYShkaXNwbGF5QXJlYSwgYmFzZTY0KTtcbiAgICBzZWxmLmNyb3BBcmVhLmNyZWF0ZSgpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgICBzZWxmLmltYWdlID0gaW1nO1xuICAgICAgZGlzcGxheUFyZWEuc3R5bGUuYmFja2dyb3VuZEltYWdlID0gXCJ1cmwoJ1wiICsgYmFzZTY0ICsgXCInKVwiO1xuICAgIH0pO1xuXG4gICAgZm9yIChjb25zdCBoYW5kbGUgb2Ygc2VsZi5oYW5kbGVzKSB7XG4gICAgICBoYW5kbGUuZGVsZXRlTm9kZSgpO1xuICAgIH1cblxuICAgIHNlbGYuaGFuZGxlcyA9IFtdO1xuICAgIHNlbGYuY3JvcEFyZWEuY2FudmFzLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICAgIHNlbGYuY3JlYXRlSGFuZGxlcyhldmVudCwgc2VsZik7XG4gICAgfSk7XG4gIH1cblxuICBjcmVhdGVIYW5kbGVzKGV2ZW50LCBzZWxmKSB7XG4gICAgaWYgKHNlbGYuY3JvcEFyZWEuaXNEcmF3aW5nKSB7XG4gICAgICBjb25zdCBjYm91bmRzID0gc2VsZi5jcm9wQXJlYS5jYW52YXMuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBjb25zdCB4ID0gZXZlbnQuY2xpZW50WCAtIGNib3VuZHMubGVmdCxcbiAgICAgICAgeSA9IGV2ZW50LmNsaWVudFkgLSBjYm91bmRzLnRvcDtcblxuICAgICAgbGV0IHBvaW50ID0gbmV3IFBvaW50KHgsIHkpLFxuICAgICAgICBoYW5kbGUgPSBuZXcgSGFuZGxlKFxuICAgICAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMuZGlzcGxheUFyZWEsXG4gICAgICAgICAgc2VsZi5pbWFnZS5sZWZ0LFxuICAgICAgICAgIHNlbGYuaW1hZ2UudG9wLFxuICAgICAgICAgIHBvaW50XG4gICAgICAgICk7XG5cbiAgICAgIGhhbmRsZS5pbml0KHNlbGYuY29uZmlnLmhhbmRsZXMuZGVmYXVsdFN0eWxlcywgc2VsZi5jb25maWcuaGFuZGxlcy5jbGFzcyk7XG4gICAgICBzZWxmLmhhbmRsZXMucHVzaChoYW5kbGUpO1xuICAgICAgc2VsZi5wb2ludHMucHVzaChwb2ludCk7XG5cbiAgICAgIGlmIChzZWxmLmhhbmRsZXMubGVuZ3RoID09IHNlbGYuY29uZmlnLm51bVBvaW50cykge1xuICAgICAgICBzZWxmLnN0YXJ0Q3JvcHBpbmdQb2x5Z29uKHNlbGYpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHN0YXJ0Q3JvcHBpbmdQb2x5Z29uKHNlbGYgPSB0aGlzKSB7XG4gICAgY29uc3QgYyA9IHNlbGYuY29uZmlnLmNyb3BwaW5nQXJlYTtcblxuICAgIHNlbGYucG9pbnRzID0gUG9pbnQuc29ydChzZWxmLnBvaW50cyk7XG4gICAgc2VsZi5jcm9wQXJlYS5pc0RyYXdpbmcgPSBmYWxzZTtcblxuICAgIHNlbGYuY3JvcFBvbHlnb24gPSBuZXcgUG9seWdvbihcbiAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMuZGlzcGxheUFyZWEsXG4gICAgICBzZWxmLmNyb3BBcmVhLmNhbnZhc1xuICAgICk7XG4gICAgc2VsZi5jcm9wUG9seWdvbi5kcmF3V2l0aE92ZXJsYXkoXG4gICAgICBzZWxmLnBvaW50cyxcbiAgICAgIGMub3ZlcmxheUNvbG9yLFxuICAgICAgYy5zdHJva2UsXG4gICAgICBjLnN0cm9rZUNvbG9yLFxuICAgICAgYy5zdHJva2VEYXNoZWQsXG4gICAgICBjLnN0cm9rZVdlaWdodFxuICAgICk7XG5cbiAgICBmb3IgKGNvbnN0IGhhbmRsZSBvZiBzZWxmLmhhbmRsZXMpIHtcbiAgICAgIGNvbnN0IGNvbmZpZyA9IHNlbGYuY29uZmlnLmNyb3BwaW5nQXJlYTtcbiAgICAgIGhhbmRsZS5kaXJlY3Rpb24gPSBoYW5kbGUuc2V0RGlyZWN0aW9uKHNlbGYucG9pbnRzKTtcbiAgICAgIGhhbmRsZS5ub2RlLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICAgICAgc2VsZi5jcm9wUG9seWdvbi5zdGFydFJlc2l6aW5nKGV2ZW50LCBzZWxmLnBvaW50cywgY29uZmlnKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHNlbGYuZHJhd1ByZXZpZXcoc2VsZik7XG4gIH1cblxuICBkcmF3UHJldmlldyhzZWxmKSB7XG4gICAgaWYgKFxuICAgICAgdHlwZW9mIHRoaXMuY3JvcEFyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgIHRoaXMuY3JvcEFyZWEuaXNEcmF3aW5nID09IGZhbHNlXG4gICAgKSB7XG4gICAgICBjb25zdCBiYXNlNjQgPSB0aGlzLmNyb3BBcmVhLmNyb3AoXG4gICAgICAgIHRoaXMuaW1hZ2UuaW1nLFxuICAgICAgICB0aGlzLmNvbmZpZy5jb250YWluZXJzLnByZXZpZXdBcmVhLFxuICAgICAgICB0aGlzLnBvaW50cyxcbiAgICAgICAgdGhpcy5jb25maWcuY3JvcFxuICAgICAgKTtcbiAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMucHJldmlld0FyZWEuc3R5bGUuYmFja2dyb3VuZEltYWdlID1cbiAgICAgICAgXCJ1cmwoJ1wiICsgYmFzZTY0ICsgXCInKVwiO1xuICAgIH1cbiAgfVxuXG4gIHJlc2V0KCkge1xuICAgIHRoaXMuY3JvcEFyZWEgPSB1bmRlZmluZWQ7XG4gICAgdGhpcy5jcm9wUG9seWdvbiA9IHVuZGVmaW5lZDtcbiAgICBcbiAgICB0aGlzLmhhbmRsZXMgPSBbXTtcbiAgICB0aGlzLnBvaW50cyA9IFtdO1xuICAgIHRoaXMuaW1hZ2UgPSBcImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsXCI7XG5cbiAgICBpZiAodGhpcy5wcmV2aWV3QXJlYSkgdGhpcy5wcmV2aWV3QXJlYS5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2UgPSBcIlwiO1xuXG4gICAgdGhpcy5pbml0KCk7XG4gIH1cblxuICBnZXRQb2ludHMoKSB7XG4gICAgbGV0IHJlYWxQb2ludHMgPSBbXTtcbiAgICBmb3IgKGNvbnN0IHBvaW50IG9mIHRoaXMucG9pbnRzKSB7XG4gICAgICByZWFsUG9pbnRzLnB1c2goXG4gICAgICAgIG5ldyBQb2ludChwb2ludC54ICogdGhpcy5pbWFnZS5yYXRpbywgcG9pbnQueSAqIHRoaXMuaW1hZ2UucmF0aW8pXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gcmVhbFBvaW50cztcbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBJZENyb3A7XG5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL2xpYi9qcy9pZGNyb3AvSWRDcm9wLmpzXG4vLyBtb2R1bGUgaWQgPSA1XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///5\n')},/*!*********************************!*\
/*! all exports used */
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\nconst Handle = __webpack_require__(/*! ./Handle.js */ 4);\nconst Polygon = __webpack_require__(/*! ./Polygon.js */ 1);\nconst CropArea = __webpack_require__(/*! ./CropArea.js */ 5);\n\nconst helpers = __webpack_require__(/*! ./helpers.js */ 2);\n\nclass IdCrop {\n constructor(config) {\n this.config = {\n numPoints: typeof config.numPoints !== "undefined" ? config.numPoints : 4,\n allowUpload:\n typeof config.allowUpload !== "undefined" ? config.allowUpload : true,\n closeButtonSelector:\n typeof config.closeButtonSelector !== "undefined" \n ? config.closeButtonSelector \n : false,\n containers: {\n displayArea: document.querySelector(config.displaySelector),\n toolbarArea: config.toolbarSelector\n ? document.querySelector(config.toolbarSelector)\n : "",\n previewArea: config.previewSelector\n ? document.querySelector(config.previewSelector)\n : ""\n },\n croppingArea: {\n overlayColor:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.overlayColor !== "undefined"\n ? config.croppingArea.overlayColor\n : "rgba(0, 0, 0, 0.7)",\n stroke:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.stroke !== "undefined"\n ? config.croppingArea.stroke\n : true,\n strokeColor:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeColor !== "undefined"\n ? config.croppingArea.strokeColor\n : "white",\n strokeDashed:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeDashed !== "undefined"\n ? config.croppingArea.strokeDashed\n : true,\n strokeWeight:\n typeof config.croppingArea !== "undefined" &&\n typeof config.croppingArea.strokeWeight !== "undefined"\n ? config.croppingArea.strokeWeight\n : 2\n },\n crop: {\n overlayColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.overlayColor !== "undefined"\n ? config.crop.overlayColor\n : "rgba(0, 0, 0, 0)",\n fillColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.fillColor !== "undefined"\n ? config.crop.fillColor\n : false,\n showImage:\n typeof config.crop !== "undefined" &&\n typeof config.crop.showImage !== "undefined"\n ? config.crop.showImage\n : true,\n stroke:\n typeof config.crop !== "undefined" &&\n typeof config.crop.stroke !== "undefined"\n ? config.crop.stroke\n : true,\n strokeColor:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeColor !== "undefined"\n ? config.crop.strokeColor\n : false,\n strokeDashed:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeDashed !== "undefined"\n ? config.crop.strokeDashed\n : false,\n strokeWeight:\n typeof config.crop !== "undefined" &&\n typeof config.crop.strokeWeight !== "undefined"\n ? config.crop.strokeWeight\n : 0\n },\n handles: {\n class:\n typeof config.handles !== "undefined" &&\n typeof config.handles.class !== "undefined"\n ? config.handles.class\n : "",\n defaultStyles:\n typeof config.handles !== "undefined" &&\n typeof config.handles.defaultStyles !== "undefined"\n ? config.handles.defaultStyles\n : true\n }\n };\n\n this.handles = [];\n this.points = [];\n }\n\n init() {\n const self = this;\n const c = this.config.containers;\n\n c.displayArea.classList.add("idwall-display");\n\n if (c.previewArea) c.previewArea.classList.add("idwall-preview");\n\n if (c.toolbarArea) {\n if (this.config.numPoints === Infinity) {\n var closeButton = "";\n if (this.config.closeButtonSelector) {\n closeButton = document.querySelector(this.config.closeButtonSelector)\n } else {\n closeButton = document.createElement("button");\n var closeButtonText = document.createTextNode("Close path");\n closeButton.appendChild(closeButtonText);\n c.toolbarArea.appendChild(closeButton);\n }\n closeButton.addEventListener("click", function() {\n self.startCroppingPolygon();\n });\n }\n }\n\n if (c.toolbarArea && this.config.allowUpload) {\n var hint = document.createElement("p");\n var hintText = document.createTextNode("Drop files here or ");\n var fakeInput = document.createElement("a");\n var fakeInputText = document.createTextNode("Browse...");\n fakeInput.title = "Browse";\n fakeInput.href = "";\n fakeInput.appendChild(fakeInputText);\n hint.appendChild(hintText);\n hint.appendChild(fakeInput);\n c.displayArea.appendChild(hint);\n\n var filenameArea = document.createElement("p");\n filenameArea.appendChild(document.createTextNode("No file selected."));\n c.toolbarArea.appendChild(filenameArea);\n\n var input = document.createElement("input");\n input.type = "file";\n c.toolbarArea.appendChild(input);\n helpers.fakeInput(input, fakeInput);\n helpers.dragDropInput(input, c.displayArea, filenameArea, this);\n }\n\n if (!c.toolbarArea || !this.config.allowUpload) {\n var src = helpers.getBgSource(c.displayArea);\n helpers.dataURIFromSrc(src).then(function(base64) {\n self.startCroppingArea(base64, self);\n });\n }\n\n window.addEventListener("mouseup", function() {\n if (self.config.containers.previewArea) self.drawPreview(self);\n document.onmousemove = function() {};\n });\n\n var created = new CustomEvent("created", { detail: self.config });\n document.dispatchEvent(created);\n }\n\n startCroppingArea(base64, self) {\n const displayArea = self.config.containers.displayArea;\n\n self.cropArea = new CropArea(displayArea, base64);\n self.cropArea.create().then(function(img) {\n self.image = img;\n displayArea.style.backgroundImage = "url(\'" + base64 + "\')";\n });\n\n for (const handle of self.handles) {\n handle.deleteNode();\n }\n\n self.handles = [];\n self.cropArea.canvas.addEventListener("mousedown", function(event) {\n self.createHandles(event, self);\n });\n }\n\n createHandles(event, self) {\n if (self.cropArea.isDrawing) {\n const cbounds = self.cropArea.canvas.getBoundingClientRect();\n const x = event.clientX - cbounds.left,\n y = event.clientY - cbounds.top;\n\n let point = new Point(x, y),\n handle = new Handle(\n self.config.containers.displayArea,\n self.image.left,\n self.image.top,\n point\n );\n\n handle.init(self.config.handles.defaultStyles, self.config.handles.class);\n self.handles.push(handle);\n self.points.push(point);\n\n if (self.handles.length == self.config.numPoints) {\n self.startCroppingPolygon(self);\n }\n }\n }\n\n startCroppingPolygon(self = this) {\n const c = self.config.croppingArea;\n\n self.points = Point.sort(self.points);\n self.cropArea.isDrawing = false;\n\n self.cropPolygon = new Polygon(\n self.config.containers.displayArea,\n self.cropArea.canvas\n );\n self.cropPolygon.drawWithOverlay(\n self.points,\n c.overlayColor,\n c.stroke,\n c.strokeColor,\n c.strokeDashed,\n c.strokeWeight\n );\n\n for (const handle of self.handles) {\n const config = self.config.croppingArea;\n handle.direction = handle.setDirection(self.points);\n handle.node.addEventListener("mousedown", function(event) {\n self.cropPolygon.startResizing(event, self.points, config);\n });\n }\n\n self.drawPreview(self);\n }\n\n drawPreview(self) {\n if (\n typeof this.cropArea !== "undefined" &&\n this.cropArea.isDrawing == false\n ) {\n const base64 = this.cropArea.crop(\n this.image.img,\n this.config.containers.previewArea,\n this.points,\n this.config.crop\n );\n self.config.containers.previewArea.style.backgroundImage =\n "url(\'" + base64 + "\')";\n }\n }\n\n reset() {\n this.cropArea = undefined;\n this.cropPolygon = undefined;\n \n this.handles = [];\n this.points = [];\n this.image = "data:image/jpeg;base64,";\n\n if (this.previewArea) this.previewArea.style.backgroundImage = "";\n\n this.init();\n }\n\n getPoints() {\n let realPoints = [];\n for (const point of this.points) {\n realPoints.push(\n new Point(point.x * this.image.ratio, point.y * this.image.ratio)\n );\n }\n return realPoints;\n }\n}\n\nmodule.exports = exports = IdCrop;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvSWRDcm9wLmpzP2FlMWIiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5jb25zdCBIYW5kbGUgPSByZXF1aXJlKFwiLi9IYW5kbGUuanNcIik7XG5jb25zdCBQb2x5Z29uID0gcmVxdWlyZShcIi4vUG9seWdvbi5qc1wiKTtcbmNvbnN0IENyb3BBcmVhID0gcmVxdWlyZShcIi4vQ3JvcEFyZWEuanNcIik7XG5cbmNvbnN0IGhlbHBlcnMgPSByZXF1aXJlKFwiLi9oZWxwZXJzLmpzXCIpO1xuXG5jbGFzcyBJZENyb3Age1xuICBjb25zdHJ1Y3Rvcihjb25maWcpIHtcbiAgICB0aGlzLmNvbmZpZyA9IHtcbiAgICAgIG51bVBvaW50czogdHlwZW9mIGNvbmZpZy5udW1Qb2ludHMgIT09IFwidW5kZWZpbmVkXCIgPyBjb25maWcubnVtUG9pbnRzIDogNCxcbiAgICAgIGFsbG93VXBsb2FkOlxuICAgICAgICB0eXBlb2YgY29uZmlnLmFsbG93VXBsb2FkICE9PSBcInVuZGVmaW5lZFwiID8gY29uZmlnLmFsbG93VXBsb2FkIDogdHJ1ZSxcbiAgICAgIGNsb3NlQnV0dG9uU2VsZWN0b3I6XG4gICAgICAgIHR5cGVvZiBjb25maWcuY2xvc2VCdXR0b25TZWxlY3RvciAhPT0gXCJ1bmRlZmluZWRcIiBcbiAgICAgICAgPyBjb25maWcuY2xvc2VCdXR0b25TZWxlY3RvciBcbiAgICAgICAgOiBmYWxzZSxcbiAgICAgIGNvbnRhaW5lcnM6IHtcbiAgICAgICAgZGlzcGxheUFyZWE6IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoY29uZmlnLmRpc3BsYXlTZWxlY3RvciksXG4gICAgICAgIHRvb2xiYXJBcmVhOiBjb25maWcudG9vbGJhclNlbGVjdG9yXG4gICAgICAgICAgPyBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGNvbmZpZy50b29sYmFyU2VsZWN0b3IpXG4gICAgICAgICAgOiBcIlwiLFxuICAgICAgICBwcmV2aWV3QXJlYTogY29uZmlnLnByZXZpZXdTZWxlY3RvclxuICAgICAgICAgID8gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcihjb25maWcucHJldmlld1NlbGVjdG9yKVxuICAgICAgICAgIDogXCJcIlxuICAgICAgfSxcbiAgICAgIGNyb3BwaW5nQXJlYToge1xuICAgICAgICBvdmVybGF5Q29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYS5vdmVybGF5Q29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5vdmVybGF5Q29sb3JcbiAgICAgICAgICAgIDogXCJyZ2JhKDAsIDAsIDAsIDAuNylcIixcbiAgICAgICAgc3Ryb2tlOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlXG4gICAgICAgICAgICA6IHRydWUsXG4gICAgICAgIHN0cm9rZUNvbG9yOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEuc3Ryb2tlQ29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VDb2xvclxuICAgICAgICAgICAgOiBcIndoaXRlXCIsXG4gICAgICAgIHN0cm9rZURhc2hlZDpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYSAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcHBpbmdBcmVhLnN0cm9rZURhc2hlZCAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcHBpbmdBcmVhLnN0cm9rZURhc2hlZFxuICAgICAgICAgICAgOiB0cnVlLFxuICAgICAgICBzdHJva2VXZWlnaHQ6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wcGluZ0FyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VXZWlnaHQgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3BwaW5nQXJlYS5zdHJva2VXZWlnaHRcbiAgICAgICAgICAgIDogMlxuICAgICAgfSxcbiAgICAgIGNyb3A6IHtcbiAgICAgICAgb3ZlcmxheUNvbG9yOlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcCAhPT0gXCJ1bmRlZmluZWRcIiAmJlxuICAgICAgICAgIHR5cGVvZiBjb25maWcuY3JvcC5vdmVybGF5Q29sb3IgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmNyb3Aub3ZlcmxheUNvbG9yXG4gICAgICAgICAgICA6IFwicmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICBmaWxsQ29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLmZpbGxDb2xvciAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5maWxsQ29sb3JcbiAgICAgICAgICAgIDogZmFsc2UsXG4gICAgICAgIHNob3dJbWFnZTpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3AgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3Auc2hvd0ltYWdlICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnNob3dJbWFnZVxuICAgICAgICAgICAgOiB0cnVlLFxuICAgICAgICBzdHJva2U6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZSAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5zdHJva2VcbiAgICAgICAgICAgIDogdHJ1ZSxcbiAgICAgICAgc3Ryb2tlQ29sb3I6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZUNvbG9yICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnN0cm9rZUNvbG9yXG4gICAgICAgICAgICA6IGZhbHNlLFxuICAgICAgICBzdHJva2VEYXNoZWQ6XG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wICE9PSBcInVuZGVmaW5lZFwiICYmXG4gICAgICAgICAgdHlwZW9mIGNvbmZpZy5jcm9wLnN0cm9rZURhc2hlZCAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuY3JvcC5zdHJva2VEYXNoZWRcbiAgICAgICAgICAgIDogZmFsc2UsXG4gICAgICAgIHN0cm9rZVdlaWdodDpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3AgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmNyb3Auc3Ryb2tlV2VpZ2h0ICE9PSBcInVuZGVmaW5lZFwiXG4gICAgICAgICAgICA/IGNvbmZpZy5jcm9wLnN0cm9rZVdlaWdodFxuICAgICAgICAgICAgOiAwXG4gICAgICB9LFxuICAgICAgaGFuZGxlczoge1xuICAgICAgICBjbGFzczpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMuY2xhc3MgIT09IFwidW5kZWZpbmVkXCJcbiAgICAgICAgICAgID8gY29uZmlnLmhhbmRsZXMuY2xhc3NcbiAgICAgICAgICAgIDogXCJcIixcbiAgICAgICAgZGVmYXVsdFN0eWxlczpcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgICAgICB0eXBlb2YgY29uZmlnLmhhbmRsZXMuZGVmYXVsdFN0eWxlcyAhPT0gXCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgPyBjb25maWcuaGFuZGxlcy5kZWZhdWx0U3R5bGVzXG4gICAgICAgICAgICA6IHRydWVcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVzID0gW107XG4gICAgdGhpcy5wb2ludHMgPSBbXTtcbiAgfVxuXG4gIGluaXQoKSB7XG4gICAgY29uc3Qgc2VsZiA9IHRoaXM7XG4gICAgY29uc3QgYyA9IHRoaXMuY29uZmlnLmNvbnRhaW5lcnM7XG5cbiAgICBjLmRpc3BsYXlBcmVhLmNsYXNzTGlzdC5hZGQoXCJpZHdhbGwtZGlzcGxheVwiKTtcblxuICAgIGlmIChjLnByZXZpZXdBcmVhKSBjLnByZXZpZXdBcmVhLmNsYXNzTGlzdC5hZGQoXCJpZHdhbGwtcHJldmlld1wiKTtcblxuICAgIGlmIChjLnRvb2xiYXJBcmVhKSB7XG4gICAgICBpZiAodGhpcy5jb25maWcubnVtUG9pbnRzID09PSBJbmZpbml0eSkge1xuICAgICAgICB2YXIgY2xvc2VCdXR0b24gPSBcIlwiO1xuICAgICAgICBpZiAodGhpcy5jb25maWcuY2xvc2VCdXR0b25TZWxlY3Rvcikge1xuICAgICAgICAgIGNsb3NlQnV0dG9uID0gZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0aGlzLmNvbmZpZy5jbG9zZUJ1dHRvblNlbGVjdG9yKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGNsb3NlQnV0dG9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImJ1dHRvblwiKTtcbiAgICAgICAgICB2YXIgY2xvc2VCdXR0b25UZXh0ID0gZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUoXCJDbG9zZSBwYXRoXCIpO1xuICAgICAgICAgIGNsb3NlQnV0dG9uLmFwcGVuZENoaWxkKGNsb3NlQnV0dG9uVGV4dCk7XG4gICAgICAgICAgYy50b29sYmFyQXJlYS5hcHBlbmRDaGlsZChjbG9zZUJ1dHRvbik7XG4gICAgICAgIH1cbiAgICAgICAgY2xvc2VCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGZ1bmN0aW9uKCkge1xuICAgICAgICAgIHNlbGYuc3RhcnRDcm9wcGluZ1BvbHlnb24oKTtcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGMudG9vbGJhckFyZWEgJiYgdGhpcy5jb25maWcuYWxsb3dVcGxvYWQpIHtcbiAgICAgIHZhciBoaW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcInBcIik7XG4gICAgICB2YXIgaGludFRleHQgPSBkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZShcIkRyb3AgZmlsZXMgaGVyZSBvciBcIik7XG4gICAgICB2YXIgZmFrZUlucHV0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImFcIik7XG4gICAgICB2YXIgZmFrZUlucHV0VGV4dCA9IGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKFwiQnJvd3NlLi4uXCIpO1xuICAgICAgZmFrZUlucHV0LnRpdGxlID0gXCJCcm93c2VcIjtcbiAgICAgIGZha2VJbnB1dC5ocmVmID0gXCJcIjtcbiAgICAgIGZha2VJbnB1dC5hcHBlbmRDaGlsZChmYWtlSW5wdXRUZXh0KTtcbiAgICAgIGhpbnQuYXBwZW5kQ2hpbGQoaGludFRleHQpO1xuICAgICAgaGludC5hcHBlbmRDaGlsZChmYWtlSW5wdXQpO1xuICAgICAgYy5kaXNwbGF5QXJlYS5hcHBlbmRDaGlsZChoaW50KTtcblxuICAgICAgdmFyIGZpbGVuYW1lQXJlYSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJwXCIpO1xuICAgICAgZmlsZW5hbWVBcmVhLmFwcGVuZENoaWxkKGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKFwiTm8gZmlsZSBzZWxlY3RlZC5cIikpO1xuICAgICAgYy50b29sYmFyQXJlYS5hcHBlbmRDaGlsZChmaWxlbmFtZUFyZWEpO1xuXG4gICAgICB2YXIgaW5wdXQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW5wdXRcIik7XG4gICAgICBpbnB1dC50eXBlID0gXCJmaWxlXCI7XG4gICAgICBjLnRvb2xiYXJBcmVhLmFwcGVuZENoaWxkKGlucHV0KTtcbiAgICAgIGhlbHBlcnMuZmFrZUlucHV0KGlucHV0LCBmYWtlSW5wdXQpO1xuICAgICAgaGVscGVycy5kcmFnRHJvcElucHV0KGlucHV0LCBjLmRpc3BsYXlBcmVhLCBmaWxlbmFtZUFyZWEsIHRoaXMpO1xuICAgIH1cblxuICAgIGlmICghYy50b29sYmFyQXJlYSB8fCAhdGhpcy5jb25maWcuYWxsb3dVcGxvYWQpIHtcbiAgICAgIHZhciBzcmMgPSBoZWxwZXJzLmdldEJnU291cmNlKGMuZGlzcGxheUFyZWEpO1xuICAgICAgaGVscGVycy5kYXRhVVJJRnJvbVNyYyhzcmMpLnRoZW4oZnVuY3Rpb24oYmFzZTY0KSB7XG4gICAgICAgIHNlbGYuc3RhcnRDcm9wcGluZ0FyZWEoYmFzZTY0LCBzZWxmKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwibW91c2V1cFwiLCBmdW5jdGlvbigpIHtcbiAgICAgIGlmIChzZWxmLmNvbmZpZy5jb250YWluZXJzLnByZXZpZXdBcmVhKSBzZWxmLmRyYXdQcmV2aWV3KHNlbGYpO1xuICAgICAgZG9jdW1lbnQub25tb3VzZW1vdmUgPSBmdW5jdGlvbigpIHt9O1xuICAgIH0pO1xuXG4gICAgdmFyIGNyZWF0ZWQgPSBuZXcgQ3VzdG9tRXZlbnQoXCJjcmVhdGVkXCIsIHsgZGV0YWlsOiBzZWxmLmNvbmZpZyB9KTtcbiAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KGNyZWF0ZWQpO1xuICB9XG5cbiAgc3RhcnRDcm9wcGluZ0FyZWEoYmFzZTY0LCBzZWxmKSB7XG4gICAgY29uc3QgZGlzcGxheUFyZWEgPSBzZWxmLmNvbmZpZy5jb250YWluZXJzLmRpc3BsYXlBcmVhO1xuXG4gICAgc2VsZi5jcm9wQXJlYSA9IG5ldyBDcm9wQXJlYShkaXNwbGF5QXJlYSwgYmFzZTY0KTtcbiAgICBzZWxmLmNyb3BBcmVhLmNyZWF0ZSgpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgICBzZWxmLmltYWdlID0gaW1nO1xuICAgICAgZGlzcGxheUFyZWEuc3R5bGUuYmFja2dyb3VuZEltYWdlID0gXCJ1cmwoJ1wiICsgYmFzZTY0ICsgXCInKVwiO1xuICAgIH0pO1xuXG4gICAgZm9yIChjb25zdCBoYW5kbGUgb2Ygc2VsZi5oYW5kbGVzKSB7XG4gICAgICBoYW5kbGUuZGVsZXRlTm9kZSgpO1xuICAgIH1cblxuICAgIHNlbGYuaGFuZGxlcyA9IFtdO1xuICAgIHNlbGYuY3JvcEFyZWEuY2FudmFzLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICAgIHNlbGYuY3JlYXRlSGFuZGxlcyhldmVudCwgc2VsZik7XG4gICAgfSk7XG4gIH1cblxuICBjcmVhdGVIYW5kbGVzKGV2ZW50LCBzZWxmKSB7XG4gICAgaWYgKHNlbGYuY3JvcEFyZWEuaXNEcmF3aW5nKSB7XG4gICAgICBjb25zdCBjYm91bmRzID0gc2VsZi5jcm9wQXJlYS5jYW52YXMuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBjb25zdCB4ID0gZXZlbnQuY2xpZW50WCAtIGNib3VuZHMubGVmdCxcbiAgICAgICAgeSA9IGV2ZW50LmNsaWVudFkgLSBjYm91bmRzLnRvcDtcblxuICAgICAgbGV0IHBvaW50ID0gbmV3IFBvaW50KHgsIHkpLFxuICAgICAgICBoYW5kbGUgPSBuZXcgSGFuZGxlKFxuICAgICAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMuZGlzcGxheUFyZWEsXG4gICAgICAgICAgc2VsZi5pbWFnZS5sZWZ0LFxuICAgICAgICAgIHNlbGYuaW1hZ2UudG9wLFxuICAgICAgICAgIHBvaW50XG4gICAgICAgICk7XG5cbiAgICAgIGhhbmRsZS5pbml0KHNlbGYuY29uZmlnLmhhbmRsZXMuZGVmYXVsdFN0eWxlcywgc2VsZi5jb25maWcuaGFuZGxlcy5jbGFzcyk7XG4gICAgICBzZWxmLmhhbmRsZXMucHVzaChoYW5kbGUpO1xuICAgICAgc2VsZi5wb2ludHMucHVzaChwb2ludCk7XG5cbiAgICAgIGlmIChzZWxmLmhhbmRsZXMubGVuZ3RoID09IHNlbGYuY29uZmlnLm51bVBvaW50cykge1xuICAgICAgICBzZWxmLnN0YXJ0Q3JvcHBpbmdQb2x5Z29uKHNlbGYpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHN0YXJ0Q3JvcHBpbmdQb2x5Z29uKHNlbGYgPSB0aGlzKSB7XG4gICAgY29uc3QgYyA9IHNlbGYuY29uZmlnLmNyb3BwaW5nQXJlYTtcblxuICAgIHNlbGYucG9pbnRzID0gUG9pbnQuc29ydChzZWxmLnBvaW50cyk7XG4gICAgc2VsZi5jcm9wQXJlYS5pc0RyYXdpbmcgPSBmYWxzZTtcblxuICAgIHNlbGYuY3JvcFBvbHlnb24gPSBuZXcgUG9seWdvbihcbiAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMuZGlzcGxheUFyZWEsXG4gICAgICBzZWxmLmNyb3BBcmVhLmNhbnZhc1xuICAgICk7XG4gICAgc2VsZi5jcm9wUG9seWdvbi5kcmF3V2l0aE92ZXJsYXkoXG4gICAgICBzZWxmLnBvaW50cyxcbiAgICAgIGMub3ZlcmxheUNvbG9yLFxuICAgICAgYy5zdHJva2UsXG4gICAgICBjLnN0cm9rZUNvbG9yLFxuICAgICAgYy5zdHJva2VEYXNoZWQsXG4gICAgICBjLnN0cm9rZVdlaWdodFxuICAgICk7XG5cbiAgICBmb3IgKGNvbnN0IGhhbmRsZSBvZiBzZWxmLmhhbmRsZXMpIHtcbiAgICAgIGNvbnN0IGNvbmZpZyA9IHNlbGYuY29uZmlnLmNyb3BwaW5nQXJlYTtcbiAgICAgIGhhbmRsZS5kaXJlY3Rpb24gPSBoYW5kbGUuc2V0RGlyZWN0aW9uKHNlbGYucG9pbnRzKTtcbiAgICAgIGhhbmRsZS5ub2RlLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3VzZWRvd25cIiwgZnVuY3Rpb24oZXZlbnQpIHtcbiAgICAgICAgc2VsZi5jcm9wUG9seWdvbi5zdGFydFJlc2l6aW5nKGV2ZW50LCBzZWxmLnBvaW50cywgY29uZmlnKTtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHNlbGYuZHJhd1ByZXZpZXcoc2VsZik7XG4gIH1cblxuICBkcmF3UHJldmlldyhzZWxmKSB7XG4gICAgaWYgKFxuICAgICAgdHlwZW9mIHRoaXMuY3JvcEFyZWEgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICAgIHRoaXMuY3JvcEFyZWEuaXNEcmF3aW5nID09IGZhbHNlXG4gICAgKSB7XG4gICAgICBjb25zdCBiYXNlNjQgPSB0aGlzLmNyb3BBcmVhLmNyb3AoXG4gICAgICAgIHRoaXMuaW1hZ2UuaW1nLFxuICAgICAgICB0aGlzLmNvbmZpZy5jb250YWluZXJzLnByZXZpZXdBcmVhLFxuICAgICAgICB0aGlzLnBvaW50cyxcbiAgICAgICAgdGhpcy5jb25maWcuY3JvcFxuICAgICAgKTtcbiAgICAgIHNlbGYuY29uZmlnLmNvbnRhaW5lcnMucHJldmlld0FyZWEuc3R5bGUuYmFja2dyb3VuZEltYWdlID1cbiAgICAgICAgXCJ1cmwoJ1wiICsgYmFzZTY0ICsgXCInKVwiO1xuICAgIH1cbiAgfVxuXG4gIHJlc2V0KCkge1xuICAgIHRoaXMuY3JvcEFyZWEgPSB1bmRlZmluZWQ7XG4gICAgdGhpcy5jcm9wUG9seWdvbiA9IHVuZGVmaW5lZDtcbiAgICBcbiAgICB0aGlzLmhhbmRsZXMgPSBbXTtcbiAgICB0aGlzLnBvaW50cyA9IFtdO1xuICAgIHRoaXMuaW1hZ2UgPSBcImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsXCI7XG5cbiAgICBpZiAodGhpcy5wcmV2aWV3QXJlYSkgdGhpcy5wcmV2aWV3QXJlYS5zdHlsZS5iYWNrZ3JvdW5kSW1hZ2UgPSBcIlwiO1xuXG4gICAgdGhpcy5pbml0KCk7XG4gIH1cblxuICBnZXRQb2ludHMoKSB7XG4gICAgbGV0IHJlYWxQb2ludHMgPSBbXTtcbiAgICBmb3IgKGNvbnN0IHBvaW50IG9mIHRoaXMucG9pbnRzKSB7XG4gICAgICByZWFsUG9pbnRzLnB1c2goXG4gICAgICAgIG5ldyBQb2ludChwb2ludC54ICogdGhpcy5pbWFnZS5yYXRpbywgcG9pbnQueSAqIHRoaXMuaW1hZ2UucmF0aW8pXG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gcmVhbFBvaW50cztcbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBJZENyb3A7XG5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL2xpYi9qcy9pZGNyb3AvSWRDcm9wLmpzXG4vLyBtb2R1bGUgaWQgPSAzXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///3\n')},/*!*********************************!*\
!*** ./lib/js/idcrop/Handle.js ***!

@@ -35,3 +27,3 @@ \*********************************/

/*! all exports used */
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\n\n/*\n * TODO: Change this class to extend HTMLElement when it\'s stabilized and\n * available in most browsers. Right now it only works in Chrome.\n * https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements\n */\n\nclass Handle {\n constructor(parent, offsetX, offsetY, point) {\n this.parent = parent;\n this.offsetX = offsetX;\n this.offsetY = offsetY;\n this.point = new Point(point.x + offsetX, point.y + offsetY);\n\n this.node = document.createElement("div");\n }\n\n init(defaultStyles, additionalClasses) {\n if (defaultStyles) this.node.className = "idwall-handle";\n if (additionalClasses) this.node.classList.add(additionalClasses);\n this.parent.appendChild(this.node);\n this.node.style.left = this.point.x - this.node.offsetWidth / 2 + "px";\n this.node.style.top = this.point.y - this.node.offsetWidth / 2 + "px";\n\n var handleCreated = new CustomEvent("handleCreated", {\n detail: [this.point.x, this.point.y]\n });\n document.dispatchEvent(handleCreated);\n }\n\n setDirection(points) {\n for (const [index, point] of points.entries()) {\n if (\n point.x === this.point.x - this.offsetX &&\n point.y === this.point.y - this.offsetY &&\n this.node.id === ""\n ) {\n this.node.id = "direction-" + index;\n }\n }\n }\n\n delete() {\n this.parent.removeChild(this.node);\n this.node = document.createElement("div");\n }\n}\n\nmodule.exports = exports = Handle;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvSGFuZGxlLmpzPzhmNjQiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5cbi8qXG4gKiBUT0RPOiBDaGFuZ2UgdGhpcyBjbGFzcyB0byBleHRlbmQgSFRNTEVsZW1lbnQgd2hlbiBpdCdzIHN0YWJpbGl6ZWQgYW5kXG4gKiBhdmFpbGFibGUgaW4gbW9zdCBicm93c2Vycy4gUmlnaHQgbm93IGl0IG9ubHkgd29ya3MgaW4gQ2hyb21lLlxuICogaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy9tdWx0aXBhZ2UvY3VzdG9tLWVsZW1lbnRzLmh0bWwjY3VzdG9tLWVsZW1lbnRzXG4gKi9cblxuY2xhc3MgSGFuZGxlIHtcbiAgY29uc3RydWN0b3IocGFyZW50LCBvZmZzZXRYLCBvZmZzZXRZLCBwb2ludCkge1xuICAgIHRoaXMucGFyZW50ID0gcGFyZW50O1xuICAgIHRoaXMub2Zmc2V0WCA9IG9mZnNldFg7XG4gICAgdGhpcy5vZmZzZXRZID0gb2Zmc2V0WTtcbiAgICB0aGlzLnBvaW50ID0gbmV3IFBvaW50KHBvaW50LnggKyBvZmZzZXRYLCBwb2ludC55ICsgb2Zmc2V0WSk7XG5cbiAgICB0aGlzLm5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xuICB9XG5cbiAgaW5pdChkZWZhdWx0U3R5bGVzLCBhZGRpdGlvbmFsQ2xhc3Nlcykge1xuICAgIGlmIChkZWZhdWx0U3R5bGVzKSB0aGlzLm5vZGUuY2xhc3NOYW1lID0gXCJpZHdhbGwtaGFuZGxlXCI7XG4gICAgaWYgKGFkZGl0aW9uYWxDbGFzc2VzKSB0aGlzLm5vZGUuY2xhc3NMaXN0LmFkZChhZGRpdGlvbmFsQ2xhc3Nlcyk7XG4gICAgdGhpcy5wYXJlbnQuYXBwZW5kQ2hpbGQodGhpcy5ub2RlKTtcbiAgICB0aGlzLm5vZGUuc3R5bGUubGVmdCA9IHRoaXMucG9pbnQueCAtIHRoaXMubm9kZS5vZmZzZXRXaWR0aCAvIDIgKyBcInB4XCI7XG4gICAgdGhpcy5ub2RlLnN0eWxlLnRvcCA9IHRoaXMucG9pbnQueSAtIHRoaXMubm9kZS5vZmZzZXRXaWR0aCAvIDIgKyBcInB4XCI7XG5cbiAgICB2YXIgaGFuZGxlQ3JlYXRlZCA9IG5ldyBDdXN0b21FdmVudChcImhhbmRsZUNyZWF0ZWRcIiwge1xuICAgICAgZGV0YWlsOiBbdGhpcy5wb2ludC54LCB0aGlzLnBvaW50LnldXG4gICAgfSk7XG4gICAgZG9jdW1lbnQuZGlzcGF0Y2hFdmVudChoYW5kbGVDcmVhdGVkKTtcbiAgfVxuXG4gIHNldERpcmVjdGlvbihwb2ludHMpIHtcbiAgICBmb3IgKGNvbnN0IFtpbmRleCwgcG9pbnRdIG9mIHBvaW50cy5lbnRyaWVzKCkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgcG9pbnQueCA9PT0gdGhpcy5wb2ludC54IC0gdGhpcy5vZmZzZXRYICYmXG4gICAgICAgIHBvaW50LnkgPT09IHRoaXMucG9pbnQueSAtIHRoaXMub2Zmc2V0WSAmJlxuICAgICAgICB0aGlzLm5vZGUuaWQgPT09IFwiXCJcbiAgICAgICkge1xuICAgICAgICB0aGlzLm5vZGUuaWQgPSBcImRpcmVjdGlvbi1cIiArIGluZGV4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGRlbGV0ZSgpIHtcbiAgICB0aGlzLnBhcmVudC5yZW1vdmVDaGlsZCh0aGlzLm5vZGUpO1xuICAgIHRoaXMubm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XG4gIH1cbn1cblxubW9kdWxlLmV4cG9ydHMgPSBleHBvcnRzID0gSGFuZGxlO1xuXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9saWIvanMvaWRjcm9wL0hhbmRsZS5qc1xuLy8gbW9kdWxlIGlkID0gNlxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///6\n')},/*!***********************************!*\
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\n\n/*\n * TODO: Change this class to extend HTMLElement when it\'s stabilized and\n * available in most browsers. Right now it only works in Chrome.\n * https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements\n */\n\nclass Handle {\n constructor(parent, offsetX, offsetY, point) {\n this.parent = parent;\n this.offsetX = offsetX;\n this.offsetY = offsetY;\n this.point = new Point(point.x + offsetX, point.y + offsetY);\n\n this.node = document.createElement("div");\n }\n\n init(defaultStyles, additionalClasses) {\n if (defaultStyles) this.node.className = "idwall-handle";\n if (additionalClasses) this.node.classList.add(additionalClasses);\n this.parent.appendChild(this.node);\n this.node.style.left = this.point.x - this.node.offsetWidth / 2 + "px";\n this.node.style.top = this.point.y - this.node.offsetWidth / 2 + "px";\n\n var handleCreated = new CustomEvent("handleCreated", {\n detail: [this.point.x, this.point.y]\n });\n document.dispatchEvent(handleCreated);\n }\n\n setDirection(points) {\n for (const [index, point] of points.entries()) {\n if (\n point.x === this.point.x - this.offsetX &&\n point.y === this.point.y - this.offsetY &&\n this.node.id === ""\n ) {\n this.node.id = "direction-" + index;\n }\n }\n }\n\n delete() {\n this.parent.removeChild(this.node);\n this.node = document.createElement("div");\n }\n}\n\nmodule.exports = exports = Handle;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvSGFuZGxlLmpzPzhmNjQiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5cbi8qXG4gKiBUT0RPOiBDaGFuZ2UgdGhpcyBjbGFzcyB0byBleHRlbmQgSFRNTEVsZW1lbnQgd2hlbiBpdCdzIHN0YWJpbGl6ZWQgYW5kXG4gKiBhdmFpbGFibGUgaW4gbW9zdCBicm93c2Vycy4gUmlnaHQgbm93IGl0IG9ubHkgd29ya3MgaW4gQ2hyb21lLlxuICogaHR0cHM6Ly9odG1sLnNwZWMud2hhdHdnLm9yZy9tdWx0aXBhZ2UvY3VzdG9tLWVsZW1lbnRzLmh0bWwjY3VzdG9tLWVsZW1lbnRzXG4gKi9cblxuY2xhc3MgSGFuZGxlIHtcbiAgY29uc3RydWN0b3IocGFyZW50LCBvZmZzZXRYLCBvZmZzZXRZLCBwb2ludCkge1xuICAgIHRoaXMucGFyZW50ID0gcGFyZW50O1xuICAgIHRoaXMub2Zmc2V0WCA9IG9mZnNldFg7XG4gICAgdGhpcy5vZmZzZXRZID0gb2Zmc2V0WTtcbiAgICB0aGlzLnBvaW50ID0gbmV3IFBvaW50KHBvaW50LnggKyBvZmZzZXRYLCBwb2ludC55ICsgb2Zmc2V0WSk7XG5cbiAgICB0aGlzLm5vZGUgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiZGl2XCIpO1xuICB9XG5cbiAgaW5pdChkZWZhdWx0U3R5bGVzLCBhZGRpdGlvbmFsQ2xhc3Nlcykge1xuICAgIGlmIChkZWZhdWx0U3R5bGVzKSB0aGlzLm5vZGUuY2xhc3NOYW1lID0gXCJpZHdhbGwtaGFuZGxlXCI7XG4gICAgaWYgKGFkZGl0aW9uYWxDbGFzc2VzKSB0aGlzLm5vZGUuY2xhc3NMaXN0LmFkZChhZGRpdGlvbmFsQ2xhc3Nlcyk7XG4gICAgdGhpcy5wYXJlbnQuYXBwZW5kQ2hpbGQodGhpcy5ub2RlKTtcbiAgICB0aGlzLm5vZGUuc3R5bGUubGVmdCA9IHRoaXMucG9pbnQueCAtIHRoaXMubm9kZS5vZmZzZXRXaWR0aCAvIDIgKyBcInB4XCI7XG4gICAgdGhpcy5ub2RlLnN0eWxlLnRvcCA9IHRoaXMucG9pbnQueSAtIHRoaXMubm9kZS5vZmZzZXRXaWR0aCAvIDIgKyBcInB4XCI7XG5cbiAgICB2YXIgaGFuZGxlQ3JlYXRlZCA9IG5ldyBDdXN0b21FdmVudChcImhhbmRsZUNyZWF0ZWRcIiwge1xuICAgICAgZGV0YWlsOiBbdGhpcy5wb2ludC54LCB0aGlzLnBvaW50LnldXG4gICAgfSk7XG4gICAgZG9jdW1lbnQuZGlzcGF0Y2hFdmVudChoYW5kbGVDcmVhdGVkKTtcbiAgfVxuXG4gIHNldERpcmVjdGlvbihwb2ludHMpIHtcbiAgICBmb3IgKGNvbnN0IFtpbmRleCwgcG9pbnRdIG9mIHBvaW50cy5lbnRyaWVzKCkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgcG9pbnQueCA9PT0gdGhpcy5wb2ludC54IC0gdGhpcy5vZmZzZXRYICYmXG4gICAgICAgIHBvaW50LnkgPT09IHRoaXMucG9pbnQueSAtIHRoaXMub2Zmc2V0WSAmJlxuICAgICAgICB0aGlzLm5vZGUuaWQgPT09IFwiXCJcbiAgICAgICkge1xuICAgICAgICB0aGlzLm5vZGUuaWQgPSBcImRpcmVjdGlvbi1cIiArIGluZGV4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGRlbGV0ZSgpIHtcbiAgICB0aGlzLnBhcmVudC5yZW1vdmVDaGlsZCh0aGlzLm5vZGUpO1xuICAgIHRoaXMubm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJkaXZcIik7XG4gIH1cbn1cblxubW9kdWxlLmV4cG9ydHMgPSBleHBvcnRzID0gSGFuZGxlO1xuXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9saWIvanMvaWRjcm9wL0hhbmRsZS5qc1xuLy8gbW9kdWxlIGlkID0gNFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///4\n')},/*!***********************************!*\
!*** ./lib/js/idcrop/CropArea.js ***!

@@ -41,3 +33,3 @@ \***********************************/

/*! all exports used */
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst BgImage = __webpack_require__(/*! ./BgImage.js */ 8);\nconst Polygon = __webpack_require__(/*! ./Polygon.js */ 1);\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\n\nconst helpers = __webpack_require__(/*! ./helpers.js */ 2);\n\nclass CropArea {\n constructor(container, base64) {\n this.container = container;\n this.base64 = base64;\n\n this.canvas = document.createElement("canvas");\n this.isDrawing = false;\n this.img = "";\n }\n\n clearCanvas() {\n this.isDrawing = true;\n\n const context = this.canvas.getContext("2d");\n context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n }\n\n create() {\n this.clearCanvas();\n\n this.container.innerHTML = "";\n this.container.style.backgroundImage = "url(" + this.base64 + ")";\n this.container.appendChild(this.canvas);\n\n let that = this;\n return helpers.loadImage(this.base64).then(function(img) {\n that.img = new BgImage(img, that.container);\n that.canvas.width = that.img.width;\n that.canvas.height = that.img.height;\n that.canvas.style.left = that.img.left + "px";\n that.canvas.style.top = that.img.top + "px";\n return that.img;\n });\n }\n\n crop(img, preview, points, config) {\n const auxCanvas = document.createElement("canvas");\n\n auxCanvas.width = this.img.realWidth;\n auxCanvas.height = this.img.realHeight;\n\n let realPoints = [];\n for (const point of points) {\n realPoints.push(\n new Point(point.x * this.img.ratio, point.y * this.img.ratio)\n );\n }\n\n const renderer = new Polygon(preview, auxCanvas);\n renderer.drawWithOverlay(\n realPoints,\n config.overlayColor,\n config.stroke,\n config.strokeColor,\n config.strokeDashed,\n config.strokeWeight,\n config.fillColor,\n config.showImage ? img : config.showImage\n );\n\n var base64 = auxCanvas.toDataURL();\n var crop = new CustomEvent("crop", { detail: base64 });\n document.dispatchEvent(crop);\n\n return base64;\n }\n}\n\nmodule.exports = exports = CropArea;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvQ3JvcEFyZWEuanM/YzJhNCJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuY29uc3QgQmdJbWFnZSA9IHJlcXVpcmUoXCIuL0JnSW1hZ2UuanNcIik7XG5jb25zdCBQb2x5Z29uID0gcmVxdWlyZShcIi4vUG9seWdvbi5qc1wiKTtcbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5cbmNvbnN0IGhlbHBlcnMgPSByZXF1aXJlKFwiLi9oZWxwZXJzLmpzXCIpO1xuXG5jbGFzcyBDcm9wQXJlYSB7XG4gIGNvbnN0cnVjdG9yKGNvbnRhaW5lciwgYmFzZTY0KSB7XG4gICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XG4gICAgdGhpcy5iYXNlNjQgPSBiYXNlNjQ7XG5cbiAgICB0aGlzLmNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gICAgdGhpcy5pc0RyYXdpbmcgPSBmYWxzZTtcbiAgICB0aGlzLmltZyA9IFwiXCI7XG4gIH1cblxuICBjbGVhckNhbnZhcygpIHtcbiAgICB0aGlzLmlzRHJhd2luZyA9IHRydWU7XG5cbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5jYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpO1xuICAgIGNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIHRoaXMuY2FudmFzLndpZHRoLCB0aGlzLmNhbnZhcy5oZWlnaHQpO1xuICAgIGNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIHRoaXMuY2FudmFzLndpZHRoLCB0aGlzLmNhbnZhcy5oZWlnaHQpO1xuICB9XG5cbiAgY3JlYXRlKCkge1xuICAgIHRoaXMuY2xlYXJDYW52YXMoKTtcblxuICAgIHRoaXMuY29udGFpbmVyLmlubmVySFRNTCA9IFwiXCI7XG4gICAgdGhpcy5jb250YWluZXIuc3R5bGUuYmFja2dyb3VuZEltYWdlID0gXCJ1cmwoXCIgKyB0aGlzLmJhc2U2NCArIFwiKVwiO1xuICAgIHRoaXMuY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMuY2FudmFzKTtcblxuICAgIGxldCB0aGF0ID0gdGhpcztcbiAgICByZXR1cm4gaGVscGVycy5sb2FkSW1hZ2UodGhpcy5iYXNlNjQpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgICB0aGF0LmltZyA9IG5ldyBCZ0ltYWdlKGltZywgdGhhdC5jb250YWluZXIpO1xuICAgICAgdGhhdC5jYW52YXMud2lkdGggPSB0aGF0LmltZy53aWR0aDtcbiAgICAgIHRoYXQuY2FudmFzLmhlaWdodCA9IHRoYXQuaW1nLmhlaWdodDtcbiAgICAgIHRoYXQuY2FudmFzLnN0eWxlLmxlZnQgPSB0aGF0LmltZy5sZWZ0ICsgXCJweFwiO1xuICAgICAgdGhhdC5jYW52YXMuc3R5bGUudG9wID0gdGhhdC5pbWcudG9wICsgXCJweFwiO1xuICAgICAgcmV0dXJuIHRoYXQuaW1nO1xuICAgIH0pO1xuICB9XG5cbiAgY3JvcChpbWcsIHByZXZpZXcsIHBvaW50cywgY29uZmlnKSB7XG4gICAgY29uc3QgYXV4Q2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKTtcblxuICAgIGF1eENhbnZhcy53aWR0aCA9IHRoaXMuaW1nLnJlYWxXaWR0aDtcbiAgICBhdXhDYW52YXMuaGVpZ2h0ID0gdGhpcy5pbWcucmVhbEhlaWdodDtcblxuICAgIGxldCByZWFsUG9pbnRzID0gW107XG4gICAgZm9yIChjb25zdCBwb2ludCBvZiBwb2ludHMpIHtcbiAgICAgIHJlYWxQb2ludHMucHVzaChcbiAgICAgICAgbmV3IFBvaW50KHBvaW50LnggKiB0aGlzLmltZy5yYXRpbywgcG9pbnQueSAqIHRoaXMuaW1nLnJhdGlvKVxuICAgICAgKTtcbiAgICB9XG5cbiAgICBjb25zdCByZW5kZXJlciA9IG5ldyBQb2x5Z29uKHByZXZpZXcsIGF1eENhbnZhcyk7XG4gICAgcmVuZGVyZXIuZHJhd1dpdGhPdmVybGF5KFxuICAgICAgcmVhbFBvaW50cyxcbiAgICAgIGNvbmZpZy5vdmVybGF5Q29sb3IsXG4gICAgICBjb25maWcuc3Ryb2tlLFxuICAgICAgY29uZmlnLnN0cm9rZUNvbG9yLFxuICAgICAgY29uZmlnLnN0cm9rZURhc2hlZCxcbiAgICAgIGNvbmZpZy5zdHJva2VXZWlnaHQsXG4gICAgICBjb25maWcuZmlsbENvbG9yLFxuICAgICAgY29uZmlnLnNob3dJbWFnZSA/IGltZyA6IGNvbmZpZy5zaG93SW1hZ2VcbiAgICApO1xuXG4gICAgdmFyIGJhc2U2NCA9IGF1eENhbnZhcy50b0RhdGFVUkwoKTtcbiAgICB2YXIgY3JvcCA9IG5ldyBDdXN0b21FdmVudChcImNyb3BcIiwgeyBkZXRhaWw6IGJhc2U2NCB9KTtcbiAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KGNyb3ApO1xuXG4gICAgcmV0dXJuIGJhc2U2NDtcbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBDcm9wQXJlYTtcblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbGliL2pzL2lkY3JvcC9Dcm9wQXJlYS5qc1xuLy8gbW9kdWxlIGlkID0gN1xuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTsiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///7\n')},/*!**********************************!*\
function(module,exports,__webpack_require__){"use strict";eval('\n\nconst BgImage = __webpack_require__(/*! ./BgImage.js */ 6);\nconst Polygon = __webpack_require__(/*! ./Polygon.js */ 1);\nconst Point = __webpack_require__(/*! ./Point.js */ 0);\n\nconst helpers = __webpack_require__(/*! ./helpers.js */ 2);\n\nclass CropArea {\n constructor(container, base64) {\n this.container = container;\n this.base64 = base64;\n\n this.canvas = document.createElement("canvas");\n this.isDrawing = false;\n this.img = "";\n }\n\n clearCanvas() {\n this.isDrawing = true;\n\n const context = this.canvas.getContext("2d");\n context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n }\n\n create() {\n this.clearCanvas();\n\n this.container.innerHTML = "";\n this.container.style.backgroundImage = "url(" + this.base64 + ")";\n this.container.appendChild(this.canvas);\n\n let that = this;\n return helpers.loadImage(this.base64).then(function(img) {\n that.img = new BgImage(img, that.container);\n that.canvas.width = that.img.width;\n that.canvas.height = that.img.height;\n that.canvas.style.left = that.img.left + "px";\n that.canvas.style.top = that.img.top + "px";\n return that.img;\n });\n }\n\n crop(img, preview, points, config) {\n const auxCanvas = document.createElement("canvas");\n\n auxCanvas.width = this.img.realWidth;\n auxCanvas.height = this.img.realHeight;\n\n let realPoints = [];\n for (const point of points) {\n realPoints.push(\n new Point(point.x * this.img.ratio, point.y * this.img.ratio)\n );\n }\n\n const renderer = new Polygon(preview, auxCanvas);\n renderer.drawWithOverlay(\n realPoints,\n config.overlayColor,\n config.stroke,\n config.strokeColor,\n config.strokeDashed,\n config.strokeWeight,\n config.fillColor,\n config.showImage ? img : config.showImage\n );\n\n var base64 = auxCanvas.toDataURL();\n var crop = new CustomEvent("crop", { detail: base64 });\n document.dispatchEvent(crop);\n\n return base64;\n }\n}\n\nmodule.exports = exports = CropArea;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvQ3JvcEFyZWEuanM/YzJhNCJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuY29uc3QgQmdJbWFnZSA9IHJlcXVpcmUoXCIuL0JnSW1hZ2UuanNcIik7XG5jb25zdCBQb2x5Z29uID0gcmVxdWlyZShcIi4vUG9seWdvbi5qc1wiKTtcbmNvbnN0IFBvaW50ID0gcmVxdWlyZShcIi4vUG9pbnQuanNcIik7XG5cbmNvbnN0IGhlbHBlcnMgPSByZXF1aXJlKFwiLi9oZWxwZXJzLmpzXCIpO1xuXG5jbGFzcyBDcm9wQXJlYSB7XG4gIGNvbnN0cnVjdG9yKGNvbnRhaW5lciwgYmFzZTY0KSB7XG4gICAgdGhpcy5jb250YWluZXIgPSBjb250YWluZXI7XG4gICAgdGhpcy5iYXNlNjQgPSBiYXNlNjQ7XG5cbiAgICB0aGlzLmNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gICAgdGhpcy5pc0RyYXdpbmcgPSBmYWxzZTtcbiAgICB0aGlzLmltZyA9IFwiXCI7XG4gIH1cblxuICBjbGVhckNhbnZhcygpIHtcbiAgICB0aGlzLmlzRHJhd2luZyA9IHRydWU7XG5cbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5jYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpO1xuICAgIGNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIHRoaXMuY2FudmFzLndpZHRoLCB0aGlzLmNhbnZhcy5oZWlnaHQpO1xuICAgIGNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIHRoaXMuY2FudmFzLndpZHRoLCB0aGlzLmNhbnZhcy5oZWlnaHQpO1xuICB9XG5cbiAgY3JlYXRlKCkge1xuICAgIHRoaXMuY2xlYXJDYW52YXMoKTtcblxuICAgIHRoaXMuY29udGFpbmVyLmlubmVySFRNTCA9IFwiXCI7XG4gICAgdGhpcy5jb250YWluZXIuc3R5bGUuYmFja2dyb3VuZEltYWdlID0gXCJ1cmwoXCIgKyB0aGlzLmJhc2U2NCArIFwiKVwiO1xuICAgIHRoaXMuY29udGFpbmVyLmFwcGVuZENoaWxkKHRoaXMuY2FudmFzKTtcblxuICAgIGxldCB0aGF0ID0gdGhpcztcbiAgICByZXR1cm4gaGVscGVycy5sb2FkSW1hZ2UodGhpcy5iYXNlNjQpLnRoZW4oZnVuY3Rpb24oaW1nKSB7XG4gICAgICB0aGF0LmltZyA9IG5ldyBCZ0ltYWdlKGltZywgdGhhdC5jb250YWluZXIpO1xuICAgICAgdGhhdC5jYW52YXMud2lkdGggPSB0aGF0LmltZy53aWR0aDtcbiAgICAgIHRoYXQuY2FudmFzLmhlaWdodCA9IHRoYXQuaW1nLmhlaWdodDtcbiAgICAgIHRoYXQuY2FudmFzLnN0eWxlLmxlZnQgPSB0aGF0LmltZy5sZWZ0ICsgXCJweFwiO1xuICAgICAgdGhhdC5jYW52YXMuc3R5bGUudG9wID0gdGhhdC5pbWcudG9wICsgXCJweFwiO1xuICAgICAgcmV0dXJuIHRoYXQuaW1nO1xuICAgIH0pO1xuICB9XG5cbiAgY3JvcChpbWcsIHByZXZpZXcsIHBvaW50cywgY29uZmlnKSB7XG4gICAgY29uc3QgYXV4Q2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKTtcblxuICAgIGF1eENhbnZhcy53aWR0aCA9IHRoaXMuaW1nLnJlYWxXaWR0aDtcbiAgICBhdXhDYW52YXMuaGVpZ2h0ID0gdGhpcy5pbWcucmVhbEhlaWdodDtcblxuICAgIGxldCByZWFsUG9pbnRzID0gW107XG4gICAgZm9yIChjb25zdCBwb2ludCBvZiBwb2ludHMpIHtcbiAgICAgIHJlYWxQb2ludHMucHVzaChcbiAgICAgICAgbmV3IFBvaW50KHBvaW50LnggKiB0aGlzLmltZy5yYXRpbywgcG9pbnQueSAqIHRoaXMuaW1nLnJhdGlvKVxuICAgICAgKTtcbiAgICB9XG5cbiAgICBjb25zdCByZW5kZXJlciA9IG5ldyBQb2x5Z29uKHByZXZpZXcsIGF1eENhbnZhcyk7XG4gICAgcmVuZGVyZXIuZHJhd1dpdGhPdmVybGF5KFxuICAgICAgcmVhbFBvaW50cyxcbiAgICAgIGNvbmZpZy5vdmVybGF5Q29sb3IsXG4gICAgICBjb25maWcuc3Ryb2tlLFxuICAgICAgY29uZmlnLnN0cm9rZUNvbG9yLFxuICAgICAgY29uZmlnLnN0cm9rZURhc2hlZCxcbiAgICAgIGNvbmZpZy5zdHJva2VXZWlnaHQsXG4gICAgICBjb25maWcuZmlsbENvbG9yLFxuICAgICAgY29uZmlnLnNob3dJbWFnZSA/IGltZyA6IGNvbmZpZy5zaG93SW1hZ2VcbiAgICApO1xuXG4gICAgdmFyIGJhc2U2NCA9IGF1eENhbnZhcy50b0RhdGFVUkwoKTtcbiAgICB2YXIgY3JvcCA9IG5ldyBDdXN0b21FdmVudChcImNyb3BcIiwgeyBkZXRhaWw6IGJhc2U2NCB9KTtcbiAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KGNyb3ApO1xuXG4gICAgcmV0dXJuIGJhc2U2NDtcbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBDcm9wQXJlYTtcblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbGliL2pzL2lkY3JvcC9Dcm9wQXJlYS5qc1xuLy8gbW9kdWxlIGlkID0gNVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTsiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///5\n')},/*!**********************************!*\
!*** ./lib/js/idcrop/BgImage.js ***!

@@ -47,2 +39,2 @@ \**********************************/

/*! all exports used */
function(module,exports,__webpack_require__){"use strict";eval("\n\nclass BgImage {\n constructor(img, container) {\n this.container = container;\n this.img = img;\n }\n\n get realWidth() {\n return this.img.width;\n }\n\n get realHeight() {\n return this.img.height;\n }\n\n get left() {\n return this.calcDimensions().left;\n }\n\n get top() {\n return this.calcDimensions().top;\n }\n\n get width() {\n return this.calcDimensions().width;\n }\n\n get height() {\n return this.calcDimensions().height;\n }\n\n get ratio() {\n return this.realHeight / this.height;\n }\n\n calcDimensions() {\n const bounds = this.container.getBoundingClientRect();\n\n // Possible resized width and height.\n const height = this.realHeight * bounds.width / this.realWidth;\n const width = this.realWidth * bounds.height / this.realHeight;\n\n if (height <= bounds.height) {\n return {\n width: bounds.width,\n height: height,\n top: (bounds.height - height) / 2,\n left: 0\n };\n } else {\n return {\n height: bounds.height,\n width: width,\n top: 0,\n left: (bounds.width - width) / 2\n };\n }\n }\n}\n\nmodule.exports = exports = BgImage;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiOC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvQmdJbWFnZS5qcz9iNTk3Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5jbGFzcyBCZ0ltYWdlIHtcbiAgY29uc3RydWN0b3IoaW1nLCBjb250YWluZXIpIHtcbiAgICB0aGlzLmNvbnRhaW5lciA9IGNvbnRhaW5lcjtcbiAgICB0aGlzLmltZyA9IGltZztcbiAgfVxuXG4gIGdldCByZWFsV2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuaW1nLndpZHRoO1xuICB9XG5cbiAgZ2V0IHJlYWxIZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaW1nLmhlaWdodDtcbiAgfVxuXG4gIGdldCBsZWZ0KCkge1xuICAgIHJldHVybiB0aGlzLmNhbGNEaW1lbnNpb25zKCkubGVmdDtcbiAgfVxuXG4gIGdldCB0b3AoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS50b3A7XG4gIH1cblxuICBnZXQgd2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS53aWR0aDtcbiAgfVxuXG4gIGdldCBoZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS5oZWlnaHQ7XG4gIH1cblxuICBnZXQgcmF0aW8oKSB7XG4gICAgcmV0dXJuIHRoaXMucmVhbEhlaWdodCAvIHRoaXMuaGVpZ2h0O1xuICB9XG5cbiAgY2FsY0RpbWVuc2lvbnMoKSB7XG4gICAgY29uc3QgYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAvLyBQb3NzaWJsZSByZXNpemVkIHdpZHRoIGFuZCBoZWlnaHQuXG4gICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5yZWFsSGVpZ2h0ICogYm91bmRzLndpZHRoIC8gdGhpcy5yZWFsV2lkdGg7XG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLnJlYWxXaWR0aCAqIGJvdW5kcy5oZWlnaHQgLyB0aGlzLnJlYWxIZWlnaHQ7XG5cbiAgICBpZiAoaGVpZ2h0IDw9IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBib3VuZHMud2lkdGgsXG4gICAgICAgIGhlaWdodDogaGVpZ2h0LFxuICAgICAgICB0b3A6IChib3VuZHMuaGVpZ2h0IC0gaGVpZ2h0KSAvIDIsXG4gICAgICAgIGxlZnQ6IDBcbiAgICAgIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGhlaWdodDogYm91bmRzLmhlaWdodCxcbiAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IChib3VuZHMud2lkdGggLSB3aWR0aCkgLyAyXG4gICAgICB9O1xuICAgIH1cbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBCZ0ltYWdlO1xuXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9saWIvanMvaWRjcm9wL0JnSW1hZ2UuanNcbi8vIG1vZHVsZSBpZCA9IDhcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///8\n")}]);
function(module,exports,__webpack_require__){"use strict";eval("\n\nclass BgImage {\n constructor(img, container) {\n this.container = container;\n this.img = img;\n }\n\n get realWidth() {\n return this.img.width;\n }\n\n get realHeight() {\n return this.img.height;\n }\n\n get left() {\n return this.calcDimensions().left;\n }\n\n get top() {\n return this.calcDimensions().top;\n }\n\n get width() {\n return this.calcDimensions().width;\n }\n\n get height() {\n return this.calcDimensions().height;\n }\n\n get ratio() {\n return this.realHeight / this.height;\n }\n\n calcDimensions() {\n const bounds = this.container.getBoundingClientRect();\n\n // Possible resized width and height.\n const height = this.realHeight * bounds.width / this.realWidth;\n const width = this.realWidth * bounds.height / this.realHeight;\n\n if (height <= bounds.height) {\n return {\n width: bounds.width,\n height: height,\n top: (bounds.height - height) / 2,\n left: 0\n };\n } else {\n return {\n height: bounds.height,\n width: width,\n top: 0,\n left: (bounds.width - width) / 2\n };\n }\n }\n}\n\nmodule.exports = exports = BgImage;\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2xpYi9qcy9pZGNyb3AvQmdJbWFnZS5qcz9iNTk3Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5jbGFzcyBCZ0ltYWdlIHtcbiAgY29uc3RydWN0b3IoaW1nLCBjb250YWluZXIpIHtcbiAgICB0aGlzLmNvbnRhaW5lciA9IGNvbnRhaW5lcjtcbiAgICB0aGlzLmltZyA9IGltZztcbiAgfVxuXG4gIGdldCByZWFsV2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuaW1nLndpZHRoO1xuICB9XG5cbiAgZ2V0IHJlYWxIZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaW1nLmhlaWdodDtcbiAgfVxuXG4gIGdldCBsZWZ0KCkge1xuICAgIHJldHVybiB0aGlzLmNhbGNEaW1lbnNpb25zKCkubGVmdDtcbiAgfVxuXG4gIGdldCB0b3AoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS50b3A7XG4gIH1cblxuICBnZXQgd2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS53aWR0aDtcbiAgfVxuXG4gIGdldCBoZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuY2FsY0RpbWVuc2lvbnMoKS5oZWlnaHQ7XG4gIH1cblxuICBnZXQgcmF0aW8oKSB7XG4gICAgcmV0dXJuIHRoaXMucmVhbEhlaWdodCAvIHRoaXMuaGVpZ2h0O1xuICB9XG5cbiAgY2FsY0RpbWVuc2lvbnMoKSB7XG4gICAgY29uc3QgYm91bmRzID0gdGhpcy5jb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAvLyBQb3NzaWJsZSByZXNpemVkIHdpZHRoIGFuZCBoZWlnaHQuXG4gICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5yZWFsSGVpZ2h0ICogYm91bmRzLndpZHRoIC8gdGhpcy5yZWFsV2lkdGg7XG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLnJlYWxXaWR0aCAqIGJvdW5kcy5oZWlnaHQgLyB0aGlzLnJlYWxIZWlnaHQ7XG5cbiAgICBpZiAoaGVpZ2h0IDw9IGJvdW5kcy5oZWlnaHQpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBib3VuZHMud2lkdGgsXG4gICAgICAgIGhlaWdodDogaGVpZ2h0LFxuICAgICAgICB0b3A6IChib3VuZHMuaGVpZ2h0IC0gaGVpZ2h0KSAvIDIsXG4gICAgICAgIGxlZnQ6IDBcbiAgICAgIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGhlaWdodDogYm91bmRzLmhlaWdodCxcbiAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IChib3VuZHMud2lkdGggLSB3aWR0aCkgLyAyXG4gICAgICB9O1xuICAgIH1cbiAgfVxufVxuXG5tb2R1bGUuZXhwb3J0cyA9IGV4cG9ydHMgPSBCZ0ltYWdlO1xuXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9saWIvanMvaWRjcm9wL0JnSW1hZ2UuanNcbi8vIG1vZHVsZSBpZCA9IDZcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///6\n")}]);

2

lib/js/prod.js

@@ -5,2 +5,2 @@ // Import SCSS files.

// Import JS.
import "./idcrop/IdCrop.js";
import IdCrop from "./idcrop/IdCrop.js";

20

package.json
{
"name": "idcrop",
"version": "2.1.2",
"version": "2.1.3",
"description": "Image cropper utility that crops an image in any polygonal shape chosen and returns a base64 of the cropped area.",

@@ -33,16 +33,16 @@ "main": "index.js",

"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-loader": "^7.1.4",
"babel-preset-env": "^1.6.1",
"css-loader": "^0.28.7",
"eslint": "^4.12.1",
"css-loader": "^0.28.11",
"eslint": "^4.19.1",
"eslint-plugin-json": "^1.2.0",
"eslint-plugin-prettier": "^2.3.1",
"eslint-plugin-prettier": "^2.6.0",
"extract-text-webpack-plugin": "^3.0.2",
"node-sass": "^4.6.1",
"prettier": "^1.8.2",
"sass-loader": "^6.0.6",
"node-sass": "^4.8.3",
"prettier": "^1.11.1",
"sass-loader": "^6.0.7",
"style-loader": "^0.19.0",
"webpack": "^3.8.1",
"webpack-dev-server": "^2.9.4"
"webpack": "^3.11.0",
"webpack-dev-server": "^2.11.2"
}
}

2

README.md

@@ -7,2 +7,4 @@ # IdCrop

> Demo: https://idwall.github.io/idcrop/
### Usage

@@ -9,0 +11,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc