"use strict"; var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = void 0 && (void 0).__generator || function (thisArg, body) { var _ = { label: 0, sent: function sent() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { var _loopIt = 0; if (f) throw new TypeError("Generator is already executing."); while (_) { if (_loopIt++ > 100001) { var csb_global = typeof window === 'undefined' ? self : window; csb_global.infiniteLoopError = new RangeError('Potential infinite loop: exceeded ' + 100001 + ' iterations. You can disable this check by creating a sandbox.config.json file.'); throw csb_global.infiniteLoopError; } try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; var __importDefault = void 0 && (void 0).__importDefault || function (mod) { return mod && mod.__esModule ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var get_part_of_an_image_1 = require("./get-part-of-an-image"); var photo_jpeg_1 = __importDefault(require("./photo.jpeg")); var app = document.getElementById("app"); function loadCroppedImage() { return __awaiter(this, void 0, void 0, function () { var croppedImage, cropped, image; return __generator(this, function (_a) { switch (_a.label) { case 0: return [4 /*yield*/, (0, get_part_of_an_image_1.getPartOfImage)({ x: 300, y: 500, width: 100, height: 100, src: photo_jpeg_1["default"] })]; case 1: croppedImage = _a.sent(); if (croppedImage) { cropped = document.getElementById("cropped"); image = new Image(100, 100); image.src = croppedImage; cropped === null || cropped === void 0 ? void 0 : cropped.appendChild(image); } return [2 /*return*/]; } }); }); } if (app) { app.innerHTML = "\n

Original image

Croped image

\n "; loadCroppedImage(); } //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJnZXRfcGFydF9vZl9hbl9pbWFnZV8xIiwicmVxdWlyZSIsInBob3RvX2pwZWdfMSIsIl9faW1wb3J0RGVmYXVsdCIsImFwcCIsImRvY3VtZW50IiwiZ2V0RWxlbWVudEJ5SWQiLCJsb2FkQ3JvcHBlZEltYWdlIiwiZ2V0UGFydE9mSW1hZ2UiLCJ4IiwieSIsIndpZHRoIiwiaGVpZ2h0Iiwic3JjIiwiY3JvcHBlZEltYWdlIiwiX2EiLCJzZW50IiwiY3JvcHBlZCIsImltYWdlIiwiSW1hZ2UiLCJhcHBlbmRDaGlsZCIsImlubmVySFRNTCJdLCJzb3VyY2VzIjpbImluZGV4LWpzb25seS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRQYXJ0T2ZJbWFnZSB9IGZyb20gXCIuL2dldC1wYXJ0LW9mLWFuLWltYWdlXCI7XG5pbXBvcnQgcGhvdG8gZnJvbSBcIi4vcGhvdG8uanBlZ1wiO1xuXG5jb25zdCBhcHAgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcImFwcFwiKTtcblxuYXN5bmMgZnVuY3Rpb24gbG9hZENyb3BwZWRJbWFnZSgpIHtcbiAgY29uc3QgY3JvcHBlZEltYWdlID0gYXdhaXQgZ2V0UGFydE9mSW1hZ2Uoe1xuICAgIHg6IDMwMCxcbiAgICB5OiA1MDAsXG4gICAgd2lkdGg6IDEwMCxcbiAgICBoZWlnaHQ6IDEwMCxcbiAgICBzcmM6IHBob3RvXG4gIH0pO1xuICBpZiAoY3JvcHBlZEltYWdlKSB7XG4gICAgY29uc3QgY3JvcHBlZCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwiY3JvcHBlZFwiKTtcbiAgICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgxMDAsIDEwMCk7XG4gICAgaW1hZ2Uuc3JjID0gY3JvcHBlZEltYWdlO1xuICAgIGNyb3BwZWQ/LmFwcGVuZENoaWxkKGltYWdlKTtcbiAgfVxufVxuXG5pZiAoYXBwKSB7XG4gIGFwcC5pbm5lckhUTUwgPSBgXG4gICAgPHNlY3Rpb24+XG4gICAgICA8ZGl2PlxuICAgICAgICA8aDI+T3JpZ2luYWwgaW1hZ2U8L2gyPlxuICAgICAgICA8aW1nIHNyYz0nJHtwaG90b30nIHdpZHRoPSczMDAnIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgaWQ9J2Nyb3BwZWQnPlxuICAgICAgICA8aDI+Q3JvcGVkIGltYWdlPC9oMj5cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgYDtcbiAgbG9hZENyb3BwZWRJbWFnZSgpO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsc0JBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLFlBQUEsR0FBQUMsZUFBQSxDQUFBRixPQUFBO0FBRUEsSUFBTUcsR0FBRyxHQUFHQyxRQUFRLENBQUNDLGNBQWMsQ0FBQyxLQUFLLENBQUM7QUFFMUMsU0FBZUMsZ0JBQWdCQSxDQUFBOzs7Ozs7VUFDUixxQkFBTSxJQUFBUCxzQkFBQSxDQUFBUSxjQUFjLEVBQUM7WUFDeENDLENBQUMsRUFBRSxHQUFHO1lBQ05DLENBQUMsRUFBRSxHQUFHO1lBQ05DLEtBQUssRUFBRSxHQUFHO1lBQ1ZDLE1BQU0sRUFBRSxHQUFHO1lBQ1hDLEdBQUcsRUFBRVgsWUFBQTtXQUNOLENBQUM7O1VBTklZLFlBQVksR0FBR0MsRUFBQSxDQUFBQyxJQUFBLEVBTW5CO1VBQ0YsSUFBSUYsWUFBWSxFQUFFO1lBQ1ZHLE9BQU8sR0FBR1osUUFBUSxDQUFDQyxjQUFjLENBQUMsU0FBUyxDQUFDO1lBQzVDWSxLQUFLLEdBQUcsSUFBSUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUM7WUFDakNELEtBQUssQ0FBQ0wsR0FBRyxHQUFHQyxZQUFZO1lBQ3hCRyxPQUFPLGFBQVBBLE9BQU8sdUJBQVBBLE9BQU8sQ0FBRUcsV0FBVyxDQUFDRixLQUFLLENBQUM7Ozs7Ozs7O0FBSS9CLElBQUlkLEdBQUcsRUFBRTtFQUNQQSxHQUFHLENBQUNpQixTQUFTLEdBQUcsc0ZBSUVuQixZQUFBLFdBQUssOEhBTXRCO0VBQ0RLLGdCQUFnQixFQUFFIn0=