ng-easycommerce 0.0.605 → 0.0.606

package/esm5/lib/ec-component/widgets-ec/zoom-ec/magnizoom.component.js

@@ -1,181 +1,181 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, Input, ViewChild } from '@angular/core';
-var MagnizoomComponent = /** @class */ (function () {
-    function MagnizoomComponent() {
-        this.zoomMode = 'COVER';
-        this.minZoomFactor = 1.2;
-        this.maxZoomFactor = 3;
-        this.mousePosition = null;
-        this.lensSize = { width: 400, height: 300 };
-        this.zoomFactor = 2;
-    }
-    Object.defineProperty(MagnizoomComponent.prototype, "ImageSrc", {
-        set: function (value) {
-            this.imageSrc = value;
-            this.loadImage(this.imageSrc);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MagnizoomComponent.prototype, "canvasWidth", {
-        get: function () { return this.image && this.image.width || 800; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MagnizoomComponent.prototype, "canvasHeight", {
-        get: function () { return this.image && this.image.height || 600; },
-        enumerable: true,
-        configurable: true
-    });
-    MagnizoomComponent.prototype.ngOnInit = function () {
-        this.initContext();
-        this.loadImage(this.imageSrc);
-    };
-    MagnizoomComponent.prototype.initContext = function () {
-        this.canvas = this.mainCanvasRef.nativeElement;
-        this.context = this.canvas.getContext('2d');
-    };
-    MagnizoomComponent.prototype.loadImage = function (src) {
-        var _this = this;
-        this.image = new Image();
-        this.image.onload = function () {
-            _this.lensSize = { width: _this.image.width / 2, height: _this.image.height / 2 };
-            setTimeout(function () { return _this.render(); });
-        };
-        this.image.src = src;
-    };
-    MagnizoomComponent.prototype.render = function () {
-        this.context.clearRect(0, 0, this.canvasWidth, this.canvasHeight); // clear canvas
-        this.context.lineWidth = 1; // border width
-        this.context.drawImage(this.image, 0, 0); // bg image
-        if (this.mousePosition) {
-            switch (this.zoomMode) {
-                case 'LENS':
-                    this.renderLensMode();
-                    break;
-                case 'COVER':
-                    this.renderCoverMode();
-                    break;
-            }
-        }
-    };
-    MagnizoomComponent.prototype.renderLensMode = function () {
-        this.context.lineWidth = 5; // border width
-        var zoomRect = this.getZoomRect();
-        this.context.fillRect(zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h); // bg (clear)
-        var clippingRect = this.getClippingRect();
-        // zoom image
-        this.context.drawImage(this.image, clippingRect.x, clippingRect.y, clippingRect.w, clippingRect.h, zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h);
-        this.context.strokeRect(zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h); // border
-    };
-    MagnizoomComponent.prototype.renderCoverMode = function () {
-        var covertRect = this.getCoverRect();
-        this.context.drawImage(this.image, covertRect.x, covertRect.y, covertRect.w, covertRect.h, 0, 0, this.canvasWidth, this.canvasHeight); // cover image
-    };
-    MagnizoomComponent.prototype.getZoomRect = function () {
-        var w = this.lensSize.width;
-        var h = this.lensSize.height;
-        var x = this.mousePosition.x - (w / 2);
-        var y = this.mousePosition.y - (h / 2);
-        return this.clampRect(x, y, w, h);
-    };
-    MagnizoomComponent.prototype.getClippingRect = function () {
-        var w = this.lensSize.width / this.zoomFactor;
-        var h = this.lensSize.height / this.zoomFactor;
-        var x = this.mousePosition.x - (w / 2);
-        var y = this.mousePosition.y - (h / 2);
-        return this.clampRect(x, y, w, h);
-    };
-    MagnizoomComponent.prototype.getCoverRect = function () {
-        var w = this.canvasWidth / this.zoomFactor;
-        var h = this.canvasHeight / this.zoomFactor;
-        // const x = this.mousePosition.x - (w / 2);
-        // const y = this.mousePosition.y - (h / 2);
-        var x = this.mousePosition.x - this.mousePosition.x / this.zoomFactor;
-        var y = this.mousePosition.y - this.mousePosition.y / this.zoomFactor;
-        return this.clampRect(x, y, w, h);
-    };
-    MagnizoomComponent.prototype.clampRect = function (x, y, w, h) {
-        if (x <= 0) {
-            x = 0;
-        }
-        if (x + w >= this.canvasWidth) {
-            x = this.canvasWidth - w;
-        }
-        if (y < 0) {
-            y = 0;
-        }
-        if (y + h >= this.canvasHeight) {
-            y = this.canvasHeight - h;
-        }
-        return { x: x, y: y, w: w, h: h };
-    };
-    MagnizoomComponent.prototype.calculateMousePosition = function (clientX, clientY) {
-        var boundingRect = this.canvas.getBoundingClientRect();
-        var viewToModelX = this.canvasWidth / boundingRect.width;
-        var viewToModelY = this.canvasHeight / boundingRect.height;
-        var x = (clientX - boundingRect.left) * viewToModelX;
-        var y = (clientY - boundingRect.top) * viewToModelY;
-        this.mousePosition = { x: x, y: y };
-    };
-    MagnizoomComponent.prototype.onMouseLeave = function (event) {
-        this.mousePosition = null;
-        this.render();
-    };
-    MagnizoomComponent.prototype.onMouseEnterOrMove = function (event) {
-        this.calculateMousePosition(event.clientX, event.clientY);
-        this.render();
-    };
-    MagnizoomComponent.prototype.onMouseScroll = function (event) {
-        var newZoomFactor = this.zoomFactor;
-        newZoomFactor -= event.deltaY / 1000;
-        if (newZoomFactor < this.minZoomFactor) {
-            newZoomFactor = this.minZoomFactor;
-        }
-        if (newZoomFactor > this.maxZoomFactor) {
-            newZoomFactor = this.maxZoomFactor;
-        }
-        if (this.zoomFactor !== newZoomFactor) {
-            this.zoomFactor = newZoomFactor;
-            this.render();
-        }
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "ImageSrc", null);
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "zoomMode", void 0);
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "imageStyle", void 0);
-    __decorate([
-        Input()
-    ], MagnizoomComponent.prototype, "imageClass", void 0);
-    __decorate([
-        ViewChild('mainCanvas', { static: true })
-    ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
-    MagnizoomComponent = __decorate([
-        Component({
-            selector: '[app-magnizoom-ec]',
-            template: "<canvas #mainCanvas\n  class=\"main-canvas\"\n  [ngClass]=\"imageClass\"\n  [ngStyle]=\"imageStyle\"\n  [width]=\"canvasWidth\"\n  [height]=\"canvasHeight\"\n  (mouseleave)=\"onMouseLeave($event)\"\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\n  (mousemove)=\"onMouseEnterOrMove($event)\"\n  (wheel)=\"onMouseScroll($event)\">\n</canvas>\n",
-            styles: [""]
-        })
-    ], MagnizoomComponent);
-    return MagnizoomComponent;
-}());
-export { MagnizoomComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbml6b29tLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWVhc3ljb21tZXJjZS8iLCJzb3VyY2VzIjpbImxpYi9lYy1jb21wb25lbnQvd2lkZ2V0cy1lYy96b29tLWVjL21hZ25pem9vbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVXBFO0lBMkJJO1FBcEJTLGFBQVEsR0FBcUIsT0FBTyxDQUFDO1FBQ3JDLGtCQUFhLEdBQUcsR0FBRyxDQUFDO1FBQ3BCLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBVzNCLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLGFBQVEsR0FBVyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQy9DLGVBQVUsR0FBRyxDQUFDLENBQUM7SUFLQyxDQUFDO0lBeEJSLHNCQUFJLHdDQUFRO2FBQVosVUFBYSxLQUFLO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2xDLENBQUM7OztPQUFBO0lBa0JELHNCQUFJLDJDQUFXO2FBQWYsY0FBb0IsT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7OztPQUFBO0lBQ25FLHNCQUFJLDRDQUFZO2FBQWhCLGNBQXFCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDOzs7T0FBQTtJQUlyRSxxQ0FBUSxHQUFSO1FBQ0ksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMs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SUFBSSxDQUFDO1FBQ3JDLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFBRSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUFFO1FBQy9FLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFBRSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUFFO1FBQy9FLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxhQUFhLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUM7WUFDaEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2pCO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBbkpRO1FBQVIsS0FBSyxFQUFFO3NEQUdQO0lBQ1E7UUFBUixLQUFLLEVBQUU7d0RBQXNDO0lBQ3JDO1FBQVIsS0FBSyxFQUFFOzZEQUFxQjtJQUNwQjtRQUFSLEtBQUssRUFBRTs2REFBbUI7SUFFbEI7UUFBUixLQUFLLEVBQUU7MERBQW1DO0lBQ2xDO1FBQVIsS0FBSyxFQUFFOzBEQUFpQjtJQUVrQjtRQUExQyxTQUFTLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDOzZEQUEyQjtJQWQ1RCxrQkFBa0I7UUFMOUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixpV0FBeUM7O1NBRTVDLENBQUM7T0FDVyxrQkFBa0IsQ0F5SjlCO0lBQUQseUJBQUM7Q0FBQSxBQXpKRCxJQXlKQztTQXpKWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmludGVyZmFjZSBTaXplMkQgeyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlcjsgfVxudHlwZSBQb2ludDJEID0geyB4OiBudW1iZXIsIHk6IG51bWJlciB9IHwgbnVsbDtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdbYXBwLW1hZ25pem9vbS1lY10nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tYWduaXpvb20uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21hZ25pem9vbS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hZ25pem9vbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBwcml2YXRlIGltYWdlU3JjOnN0cmluZ1xuICAgIEBJbnB1dCgpIHNldCBJbWFnZVNyYyh2YWx1ZSkgeyBcbiAgICAgICAgdGhpcy5pbWFnZVNyYyA9IHZhbHVlOyBcbiAgICAgICAgdGhpcy5sb2FkSW1hZ2UodGhpcy5pbWFnZVNyYyk7IFxuICAgIH1cbiAgICBASW5wdXQoKSB6b29tTW9kZTogJ0xFTlMnIHwgJ0NPVkVSJyA9ICdDT1ZFUic7XG4gICAgQElucHV0KCkgbWluWm9vbUZhY3RvciA9IDEuMjtcbiAgICBASW5wdXQoKSBtYXhab29tRmFjdG9yID0gMztcblxuICAgIEBJbnB1dCgpIGltYWdlU3R5bGU6IHsgW3g6IHN0cmluZ106IGFueTsgfTtcbiAgICBASW5wdXQoKSBpbWFnZUNsYXNzOiBhbnk7XG5cbiAgICBAVmlld0NoaWxkKCdtYWluQ2FudmFzJywgeyBzdGF0aWM6IHRydWUgfSkgbWFpbkNhbnZhc1JlZjogRWxlbWVudFJlZjtcblxuICAgIGNhbnZhczogSFRNTENhbnZhc0VsZW1lbnQ7XG4gICAgY29udGV4dDogQ2FudmFzUmVuZGVyaW5nQ29udGV4dDJEO1xuICAgIGltYWdlOiBIVE1MSW1hZ2VFbGVtZW50O1xuXG4gICAgbW91c2VQb3NpdGlvbjogUG9pbnQyRCA9IG51bGw7XG4gICAgbGVuc1NpemU6IFNpemUyRCA9IHsgd2lkdGg6IDQwMCwgaGVpZ2h0OiAzMDAgfTtcbiAgICB6b29tRmFjdG9yID0gMjtcblxuICAgIGdldCBjYW52YXNXaWR0aCgpIHsgcmV0dXJuIHRoaXMuaW1hZ2UgJiYgdGhpcy5pbWFnZS53aWR0aCB8fCA4MDA7IH1cbiAgICBnZXQgY2FudmFzSGVpZ2h0KCkgeyByZXR1cm4gdGhpcy5pbWFnZSAmJiB0aGlzLmltYWdlLmhlaWdodCB8fCA2MDA7IH1cblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG4gICAgXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuaW5pdENvbnRleHQoKTtcbiAgICAgICAgdGhpcy5sb2FkSW1hZ2UodGhpcy5pbWFnZVNyYyk7XG4gICAgfVxuXG4gICAgaW5pdENvbnRleHQoKSB7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmNhbnZhcyA9ICh0aGlzLm1haW5DYW52YXNSZWYubmF0aXZlRWxlbWVudCBhcyBIVE1MQ2FudmFzRWxlbWVudCk7XG4gICAgICAgIHRoaXMuY29udGV4dCA9IHRoaXMuY2FudmFzLmdldENvbnRleHQoJzJkJyk7XG4gICAgfVxuXG4gICAgbG9hZEltYWdlKHNyYzogc3RyaW5nKSB7XG4gICAgICAgIFxuICAgICAgICB0aGlzLmltYWdlID0gbmV3IEltYWdlKCk7XG4gICAgICAgIHRoaXMuaW1hZ2Uub25sb2FkID0gKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5sZW5zU2l6ZSA9IHsgd2lkdGg6IHRoaXMuaW1hZ2Uud2lkdGggLyAyLCBoZWlnaHQ6IHRoaXMuaW1hZ2UuaGVpZ2h0IC8gMiB9O1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnJlbmRlcigpKTtcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5pbWFnZS5zcmMgPSBzcmM7XG4gICAgfVxuXG4gICAgcmVuZGVyKCkge1xuICAgICAgICB0aGlzLmNvbnRleHQuY2xlYXJSZWN0KDAsIDAsIHRoaXMuY2FudmFzV2lkdGgsIHRoaXMuY2FudmFzSGVpZ2h0KTsgLy8gY2xlYXIgY2FudmFzXG4gICAgICAgIHRoaXMuY29udGV4dC5saW5lV2lkdGggPSAxOyAvLyBib3JkZXIgd2lkdGhcbiAgICAgICAgdGhpcy5jb250ZXh0LmRyYXdJbWFnZSh0aGlzLmltYWdlLCAwLCAwKTsgLy8gYmcgaW1hZ2VcblxuICAgICAgICBpZiAodGhpcy5tb3VzZVBvc2l0aW9uKSB7XG4gICAgICAgICAgICBzd2l0Y2ggKHRoaXMuem9vbU1vZGUpIHtcbiAgICAgICAgICAgICAgICBjYXNlICdMRU5TJzogdGhpcy5yZW5kZXJMZW5zTW9kZSgpOyBicmVhaztcbiAgICAgICAgICAgICAgICBjYXNlICdDT1ZFUic6IHRoaXMucmVuZGVyQ292ZXJNb2RlKCk7IGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmVuZGVyTGVuc01vZGUoKSB7XG4gICAgICAgIHRoaXMuY29udGV4dC5saW5lV2lkdGggPSA1OyAvLyBib3JkZXIgd2lkdGhcbiAgICAgICAgY29uc3Qgem9vbVJlY3QgPSB0aGlzLmdldFpvb21SZWN0KCk7XG4gICAgICAgIHRoaXMuY29udGV4dC5maWxsUmVjdCh6b29tUmVjdC54LCB6b29tUmVjdC55LCB6b29tUmVjdC53LCB6b29tUmVjdC5oKTsgLy8gYmcgKGNsZWFyKVxuICAgICAgICBjb25zdCBjbGlwcGluZ1JlY3QgPSB0aGlzLmdldENsaXBwaW5nUmVjdCgpO1xuICAgICAgICAvLyB6b29tIGltYWdlXG4gICAgICAgIHRoaXMuY29udGV4dC5kcmF3SW1hZ2UoXG4gICAgICAgICAgICB0aGlzLmltYWdlLFxuICAgICAgICAgICAgY2xpcHBpbmdSZWN0LngsIGNsaXBwaW5nUmVjdC55LCBjbGlwcGluZ1JlY3QudywgY2xpcHBpbmdSZWN0LmgsXG4gICAgICAgICAgICB6b29tUmVjdC54LCB6b29tUmVjdC55LCB6b29tUmVjdC53LCB6b29tUmVjdC5oXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuY29udGV4dC5zdHJva2VSZWN0KHpvb21SZWN0LngsIHpvb21SZWN0LnksIHpvb21SZWN0LncsIHpvb21SZWN0LmgpOyAvLyBib3JkZXJcbiAgICB9XG5cbiAgICByZW5kZXJDb3Zlck1vZGUoKSB7XG4gICAgICAgIGNvbnN0IGNvdmVydFJlY3QgPSB0aGlzLmdldENvdmVyUmVjdCgpO1xuICAgICAgICB0aGlzLmNvbnRleHQuZHJhd0ltYWdlKFxuICAgICAgICAgICAgdGhpcy5pbWFnZSxcbiAgICAgICAgICAgIGNvdmVydFJlY3QueCwgY292ZXJ0UmVjdC55LCBjb3ZlcnRSZWN0LncsIGNvdmVydFJlY3QuaCxcbiAgICAgICAgICAgIDAsIDAsIHRoaXMuY2FudmFzV2lkdGgsIHRoaXMuY2FudmFzSGVpZ2h0XG4gICAgICAgICk7IC8vIGNvdmVyIGltYWdlXG4gICAgfVxuXG4gICAgZ2V0Wm9vbVJlY3QoKSB7XG4gICAgICAgIGNvbnN0IHcgPSB0aGlzLmxlbnNTaXplLndpZHRoO1xuICAgICAgICBjb25zdCBoID0gdGhpcy5sZW5zU2l6ZS5oZWlnaHQ7XG4gICAgICAgIGNvbnN0IHggPSB0aGlzLm1vdXNlUG9zaXRpb24ueCAtICh3IC8gMik7XG4gICAgICAgIGNvbnN0IHkgPSB0aGlzLm1vdXNlUG9zaXRpb24ueSAtIChoIC8gMik7XG4gICAgICAgIHJldHVybiB0aGlzLmNsYW1wUmVjdCh4LCB5LCB3LCBoKTtcbiAgICB9XG5cbiAgICBnZXRDbGlwcGluZ1JlY3QoKSB7XG4gICAgICAgIGNvbnN0IHcgPSB0aGlzLmxlbnNTaXplLndpZHRoIC8gdGhpcy56b29tRmFjdG9yO1xuICAgICAgICBjb25zdCBoID0gdGhpcy5sZW5zU2l6ZS5oZWlnaHQgLyB0aGlzLnpvb21GYWN0b3I7XG4gICAgICAgIGNvbnN0IHggPSB0aGlzLm1vdXNlUG9zaXRpb24ueCAtICh3IC8gMik7XG4gICAgICAgIGNvbnN0IHkgPSB0aGlzLm1vdXNlUG9zaXRpb24ueSAtIChoIC8gMik7XG4gICAgICAgIHJldHVybiB0aGlzLmNsYW1wUmVjdCh4LCB5LCB3LCBoKTtcbiAgICB9XG5cbiAgICBnZXRDb3ZlclJlY3QoKSB7XG4gICAgICAgIGNvbnN0IHcgPSB0aGlzLmNhbnZhc1dpZHRoIC8gdGhpcy56b29tRmFjdG9yO1xuICAgICAgICBjb25zdCBoID0gdGhpcy5jYW52YXNIZWlnaHQgLyB0aGlzLnpvb21GYWN0b3I7XG4gICAgICAgIC8vIGNvbnN0IHggPSB0aGlzLm1vdXNlUG9zaXRpb24ueCAtICh3IC8gMik7XG4gICAgICAgIC8vIGNvbnN0IHkgPSB0aGlzLm1vdXNlUG9zaXRpb24ueSAtIChoIC8gMik7XG4gICAgICAgIGNvbnN0IHggPSB0aGlzLm1vdXNlUG9zaXRpb24ueCAtIHRoaXMubW91c2VQb3NpdGlvbi54IC8gdGhpcy56b29tRmFjdG9yO1xuICAgICAgICBjb25zdCB5ID0gdGhpcy5tb3VzZVBvc2l0aW9uLnkgLSB0aGlzLm1vdXNlUG9zaXRpb24ueSAvIHRoaXMuem9vbUZhY3RvcjtcbiAgICAgICAgcmV0dXJuIHRoaXMuY2xhbXBSZWN0KHgsIHksIHcsIGgpO1xuICAgIH1cblxuICAgIGNsYW1wUmVjdCh4OiBudW1iZXIsIHk6IG51bWJlciwgdzogbnVtYmVyLCBoOiBudW1iZXIpIHtcbiAgICAgICAgaWYgKHggPD0gMCkgeyB4ID0gMDsgfVxuICAgICAgICBpZiAoeCArIHcgPj0gdGhpcy5jYW52YXNXaWR0aCkgeyB4ID0gdGhpcy5jYW52YXNXaWR0aCAtIHc7IH1cbiAgICAgICAgaWYgKHkgPCAwKSB7IHkgPSAwOyB9XG4gICAgICAgIGlmICh5ICsgaCA+PSB0aGlzLmNhbnZhc0hlaWdodCkgeyB5ID0gdGhpcy5jYW52YXNIZWlnaHQgLSBoOyB9XG4gICAgICAgIHJldHVybiB7IHgsIHksIHcsIGggfTtcbiAgICB9XG5cbiAgICBjYWxjdWxhdGVNb3VzZVBvc2l0aW9uKGNsaWVudFg6IG51bWJlciwgY2xpZW50WTogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IGJvdW5kaW5nUmVjdCA9IHRoaXMuY2FudmFzLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCB2aWV3VG9Nb2RlbFggPSB0aGlzLmNhbnZhc1dpZHRoIC8gYm91bmRpbmdSZWN0LndpZHRoO1xuICAgICAgICBjb25zdCB2aWV3VG9Nb2RlbFkgPSB0aGlzLmNhbnZhc0hlaWdodCAvIGJvdW5kaW5nUmVjdC5oZWlnaHQ7XG4gICAgICAgIGNvbnN0IHggPSAoY2xpZW50WCAtIGJvdW5kaW5nUmVjdC5sZWZ0KSAqIHZpZXdUb01vZGVsWDtcbiAgICAgICAgY29uc3QgeSA9IChjbGllbnRZIC0gYm91bmRpbmdSZWN0LnRvcCkgKiB2aWV3VG9Nb2RlbFk7XG4gICAgICAgIHRoaXMubW91c2VQb3NpdGlvbiA9IHsgeCwgeSB9O1xuICAgIH1cblxuICAgIG9uTW91c2VMZWF2ZShldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLm1vdXNlUG9zaXRpb24gPSBudWxsO1xuICAgICAgICB0aGlzLnJlbmRlcigpO1xuICAgIH1cblxuICAgIG9uTW91c2VFbnRlck9yTW92ZShldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLmNhbGN1bGF0ZU1vdXNlUG9zaXRpb24oZXZlbnQuY2xpZW50WCwgZXZlbnQuY2xpZW50WSk7XG4gICAgICAgIHRoaXMucmVuZGVyKCk7XG4gICAgfVxuXG4gICAgb25Nb3VzZVNjcm9sbChldmVudDogV2hlZWxFdmVudCkge1xuICAgICAgICBsZXQgbmV3Wm9vbUZhY3RvciA9IHRoaXMuem9vbUZhY3RvcjtcbiAgICAgICAgbmV3Wm9vbUZhY3RvciAtPSBldmVudC5kZWx0YVkgLyAxMDAwO1xuICAgICAgICBpZiAobmV3Wm9vbUZhY3RvciA8IHRoaXMubWluWm9vbUZhY3RvcikgeyBuZXdab29tRmFjdG9yID0gdGhpcy5taW5ab29tRmFjdG9yOyB9XG4gICAgICAgIGlmIChuZXdab29tRmFjdG9yID4gdGhpcy5tYXhab29tRmFjdG9yKSB7IG5ld1pvb21GYWN0b3IgPSB0aGlzLm1heFpvb21GYWN0b3I7IH1cbiAgICAgICAgaWYgKHRoaXMuem9vbUZhY3RvciAhPT0gbmV3Wm9vbUZhY3Rvcikge1xuICAgICAgICAgICAgdGhpcy56b29tRmFjdG9yID0gbmV3Wm9vbUZhY3RvcjtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyKCk7XG4gICAgICAgIH1cbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG5cbn1cbiJdfQ==
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input, ViewChild } from '@angular/core';
+var MagnizoomComponent = /** @class */ (function () {
+    function MagnizoomComponent() {
+        this.zoomMode = 'COVER';
+        this.minZoomFactor = 1.2;
+        this.maxZoomFactor = 3;
+        this.mousePosition = null;
+        this.lensSize = { width: 400, height: 300 };
+        this.zoomFactor = 2;
+    }
+    Object.defineProperty(MagnizoomComponent.prototype, "ImageSrc", {
+        set: function (value) {
+            this.imageSrc = value;
+            this.loadImage(this.imageSrc);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(MagnizoomComponent.prototype, "canvasWidth", {
+        get: function () { return this.image && this.image.width || 800; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(MagnizoomComponent.prototype, "canvasHeight", {
+        get: function () { return this.image && this.image.height || 600; },
+        enumerable: true,
+        configurable: true
+    });
+    MagnizoomComponent.prototype.ngOnInit = function () {
+        this.initContext();
+        this.loadImage(this.imageSrc);
+    };
+    MagnizoomComponent.prototype.initContext = function () {
+        this.canvas = this.mainCanvasRef.nativeElement;
+        this.context = this.canvas.getContext('2d');
+    };
+    MagnizoomComponent.prototype.loadImage = function (src) {
+        var _this = this;
+        this.image = new Image();
+        this.image.onload = function () {
+            _this.lensSize = { width: _this.image.width / 2, height: _this.image.height / 2 };
+            setTimeout(function () { return _this.render(); });
+        };
+        this.image.src = src;
+    };
+    MagnizoomComponent.prototype.render = function () {
+        this.context.clearRect(0, 0, this.canvasWidth, this.canvasHeight); // clear canvas
+        this.context.lineWidth = 1; // border width
+        this.context.drawImage(this.image, 0, 0); // bg image
+        if (this.mousePosition) {
+            switch (this.zoomMode) {
+                case 'LENS':
+                    this.renderLensMode();
+                    break;
+                case 'COVER':
+                    this.renderCoverMode();
+                    break;
+            }
+        }
+    };
+    MagnizoomComponent.prototype.renderLensMode = function () {
+        this.context.lineWidth = 5; // border width
+        var zoomRect = this.getZoomRect();
+        this.context.fillRect(zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h); // bg (clear)
+        var clippingRect = this.getClippingRect();
+        // zoom image
+        this.context.drawImage(this.image, clippingRect.x, clippingRect.y, clippingRect.w, clippingRect.h, zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h);
+        this.context.strokeRect(zoomRect.x, zoomRect.y, zoomRect.w, zoomRect.h); // border
+    };
+    MagnizoomComponent.prototype.renderCoverMode = function () {
+        var covertRect = this.getCoverRect();
+        this.context.drawImage(this.image, covertRect.x, covertRect.y, covertRect.w, covertRect.h, 0, 0, this.canvasWidth, this.canvasHeight); // cover image
+    };
+    MagnizoomComponent.prototype.getZoomRect = function () {
+        var w = this.lensSize.width;
+        var h = this.lensSize.height;
+        var x = this.mousePosition.x - (w / 2);
+        var y = this.mousePosition.y - (h / 2);
+        return this.clampRect(x, y, w, h);
+    };
+    MagnizoomComponent.prototype.getClippingRect = function () {
+        var w = this.lensSize.width / this.zoomFactor;
+        var h = this.lensSize.height / this.zoomFactor;
+        var x = this.mousePosition.x - (w / 2);
+        var y = this.mousePosition.y - (h / 2);
+        return this.clampRect(x, y, w, h);
+    };
+    MagnizoomComponent.prototype.getCoverRect = function () {
+        var w = this.canvasWidth / this.zoomFactor;
+        var h = this.canvasHeight / this.zoomFactor;
+        // const x = this.mousePosition.x - (w / 2);
+        // const y = this.mousePosition.y - (h / 2);
+        var x = this.mousePosition.x - this.mousePosition.x / this.zoomFactor;
+        var y = this.mousePosition.y - this.mousePosition.y / this.zoomFactor;
+        return this.clampRect(x, y, w, h);
+    };
+    MagnizoomComponent.prototype.clampRect = function (x, y, w, h) {
+        if (x <= 0) {
+            x = 0;
+        }
+        if (x + w >= this.canvasWidth) {
+            x = this.canvasWidth - w;
+        }
+        if (y < 0) {
+            y = 0;
+        }
+        if (y + h >= this.canvasHeight) {
+            y = this.canvasHeight - h;
+        }
+        return { x: x, y: y, w: w, h: h };
+    };
+    MagnizoomComponent.prototype.calculateMousePosition = function (clientX, clientY) {
+        var boundingRect = this.canvas.getBoundingClientRect();
+        var viewToModelX = this.canvasWidth / boundingRect.width;
+        var viewToModelY = this.canvasHeight / boundingRect.height;
+        var x = (clientX - boundingRect.left) * viewToModelX;
+        var y = (clientY - boundingRect.top) * viewToModelY;
+        this.mousePosition = { x: x, y: y };
+    };
+    MagnizoomComponent.prototype.onMouseLeave = function (event) {
+        this.mousePosition = null;
+        this.render();
+    };
+    MagnizoomComponent.prototype.onMouseEnterOrMove = function (event) {
+        this.calculateMousePosition(event.clientX, event.clientY);
+        this.render();
+    };
+    MagnizoomComponent.prototype.onMouseScroll = function (event) {
+        var newZoomFactor = this.zoomFactor;
+        newZoomFactor -= event.deltaY / 1000;
+        if (newZoomFactor < this.minZoomFactor) {
+            newZoomFactor = this.minZoomFactor;
+        }
+        if (newZoomFactor > this.maxZoomFactor) {
+            newZoomFactor = this.maxZoomFactor;
+        }
+        if (this.zoomFactor !== newZoomFactor) {
+            this.zoomFactor = newZoomFactor;
+            this.render();
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "ImageSrc", null);
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "zoomMode", void 0);
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "minZoomFactor", void 0);
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "maxZoomFactor", void 0);
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "imageStyle", void 0);
+    __decorate([
+        Input()
+    ], MagnizoomComponent.prototype, "imageClass", void 0);
+    __decorate([
+        ViewChild('mainCanvas', { static: true })
+    ], MagnizoomComponent.prototype, "mainCanvasRef", void 0);
+    MagnizoomComponent = __decorate([
+        Component({
+            selector: '[app-magnizoom-ec]',
+            template: "<canvas #mainCanvas\r\n  class=\"main-canvas\"\r\n  [ngClass]=\"imageClass\"\r\n  [ngStyle]=\"imageStyle\"\r\n  [width]=\"canvasWidth\"\r\n  [height]=\"canvasHeight\"\r\n  (mouseleave)=\"onMouseLeave($event)\"\r\n  (mouseenter)=\"onMouseEnterOrMove($event)\"\r\n  (mousemove)=\"onMouseEnterOrMove($event)\"\r\n  (wheel)=\"onMouseScroll($event)\">\r\n</canvas>\r\n",
+            styles: [""]
+        })
+    ], MagnizoomComponent);
+    return MagnizoomComponent;
+}());
+export { MagnizoomComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFnbml6b29tLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWVhc3ljb21tZXJjZS8iLCJzb3VyY2VzIjpbImxpYi9lYy1jb21wb25lbnQvd2lkZ2V0cy1lYy96b29tLWVjL21hZ25pem9vbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVXBFO0lBMkJJO1FBcEJTLGFBQVEsR0FBcUIsT0FBTyxDQUFDO1FBQ3JDLGtCQUFhLEdBQUcsR0FBRyxDQUFDO1FBQ3BCLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBVzNCLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLGFBQVEsR0FBVyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQy9DLGVBQVUsR0FBRyxDQUFDLENBQUM7SUFLQyxDQUFDO0lBeEJSLHNCQUFJLHdDQUFRO2FBQVosVUFBYSxLQUFLO1lBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2xDLENBQUM7OztPQUFBO0lBa0JELHNCQUFJLDJDQUFXO2FBQWYsY0FBb0IsT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUM7OztPQUFBO0lBQ25FLHNCQUFJLDRDQUFZO2FBQWhCLGNBQXFCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDOzs7T0FBQTtJQUlyRSxxQ0FBUSxHQUFSO1FBQ0ksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMs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SUFBSSxDQUFDO1FBQ3JDLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFBRSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUFFO1FBQy9FLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFBRSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUFFO1FBQy9FLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxhQUFhLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUM7WUFDaEMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQ2pCO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBbkpRO1FBQVIsS0FBSyxFQUFFO3NEQUdQO0lBQ1E7UUFBUixLQUFLLEVBQUU7d0RBQXNDO0lBQ3JDO1FBQVIsS0FBSyxFQUFFOzZEQUFxQjtJQUNwQjtRQUFSLEtBQUssRUFBRTs2REFBbUI7SUFFbEI7UUFBUixLQUFLLEVBQUU7MERBQW1DO0lBQ2xDO1FBQVIsS0FBSyxFQUFFOzBEQUFpQjtJQUVrQjtRQUExQyxTQUFTLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDOzZEQUEyQjtJQWQ1RCxrQkFBa0I7UUFMOUIsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLG9CQUFvQjtZQUM5Qix1WEFBeUM7O1NBRTVDLENBQUM7T0FDVyxrQkFBa0IsQ0F5SjlCO0lBQUQseUJBQUM7Q0FBQSxBQXpKRCxJQXlKQztTQXpKWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmludGVyZmFjZSBTaXplMkQgeyB3aWR0aDogbnVtYmVyOyBoZWlnaHQ6IG51bWJlcjsgfVxyXG50eXBlIFBvaW50MkQgPSB7IHg6IG51bWJlciwgeTogbnVtYmVyIH0gfCBudWxsO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ1thcHAtbWFnbml6b29tLWVjXScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWFnbml6b29tLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL21hZ25pem9vbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYWduaXpvb21Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIHByaXZhdGUgaW1hZ2VTcmM6c3RyaW5nXHJcbiAgICBASW5wdXQoKSBzZXQgSW1hZ2VTcmModmFsdWUpIHsgXHJcbiAgICAgICAgdGhpcy5pbWFnZVNyYyA9IHZhbHVlOyBcclxuICAgICAgICB0aGlzLmxvYWRJbWFnZSh0aGlzLmltYWdlU3JjKTsgXHJcbiAgICB9XHJcbiAgICBASW5wdXQoKSB6b29tTW9kZTogJ0xFTlMnIHwgJ0NPVkVSJyA9ICdDT1ZFUic7XHJcbiAgICBASW5wdXQoKSBtaW5ab29tRmFjdG9yID0gMS4yO1xyXG4gICAgQElucHV0KCkgbWF4Wm9vbUZhY3RvciA9IDM7XHJcblxyXG4gICAgQElucHV0KCkgaW1hZ2VTdHlsZTogeyBbeDogc3RyaW5nXTogYW55OyB9O1xyXG4gICAgQElucHV0KCkgaW1hZ2VDbGFzczogYW55O1xyXG5cclxuICAgIEBWaWV3Q2hpbGQoJ21haW5DYW52YXMnLCB7IHN0YXRpYzogdHJ1ZSB9KSBtYWluQ2FudmFzUmVmOiBFbGVtZW50UmVmO1xyXG5cclxuICAgIGNhbnZhczogSFRNTENhbnZhc0VsZW1lbnQ7XHJcbiAgICBjb250ZXh0OiBDYW52YXNSZW5kZXJpbmdDb250ZXh0MkQ7XHJcbiAgICBpbWFnZTogSFRNTEltYWdlRWxlbWVudDtcclxuXHJcbiAgICBtb3VzZVBvc2l0aW9uOiBQb2ludDJEID0gbnVsbDtcclxuICAgIGxlbnNTaXplOiBTaXplMkQgPSB7IHdpZHRoOiA0MDAsIGhlaWdodDogMzAwIH07XHJcbiAgICB6b29tRmFjdG9yID0gMjtcclxuXHJcbiAgICBnZXQgY2FudmFzV2lkdGgoKSB7IHJldHVybiB0aGlzLmltYWdlICYmIHRoaXMuaW1hZ2Uud2lkdGggfHwgODAwOyB9XHJcbiAgICBnZXQgY2FudmFzSGVpZ2h0KCkgeyByZXR1cm4gdGhpcy5pbWFnZSAmJiB0aGlzLmltYWdlLmhlaWdodCB8fCA2MDA7IH1cclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG4gICAgXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuICAgICAgICB0aGlzLmluaXRDb250ZXh0KCk7XHJcbiAgICAgICAgdGhpcy5sb2FkSW1hZ2UodGhpcy5pbWFnZVNyYyk7XHJcbiAgICB9XHJcblxyXG4gICAgaW5pdENvbnRleHQoKSB7XHJcbiAgICAgICAgXHJcbiAgICAgICAgdGhpcy5jYW52YXMgPSAodGhpcy5tYWluQ2FudmFzUmVmLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTENhbnZhc0VsZW1lbnQpO1xyXG4gICAgICAgIHRoaXMuY29udGV4dCA9IHRoaXMuY2FudmFzLmdldENvbnRleHQoJzJkJyk7XHJcbiAgICB9XHJcblxyXG4gICAgbG9hZEltYWdlKHNyYzogc3RyaW5nKSB7XHJcbiAgICAgICAgXHJcbiAgICAgICAgdGhpcy5pbWFnZSA9IG5ldyBJbWFnZSgpO1xyXG4gICAgICAgIHRoaXMuaW1hZ2Uub25sb2FkID0gKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmxlbnNTaXplID0geyB3aWR0aDogdGhpcy5pbWFnZS53aWR0aCAvIDIsIGhlaWdodDogdGhpcy5pbWFnZS5oZWlnaHQgLyAyIH07XHJcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5yZW5kZXIoKSk7XHJcbiAgICAgICAgfTtcclxuICAgICAgICB0aGlzLmltYWdlLnNyYyA9IHNyYztcclxuICAgIH1cclxuXHJcbiAgICByZW5kZXIoKSB7XHJcbiAgICAgICAgdGhpcy5jb250ZXh0LmNsZWFyUmVjdCgwLCAwLCB0aGlzLmNhbnZhc1dpZHRoLCB0aGlzLmNhbnZhc0hlaWdodCk7IC8vIGNsZWFyIGNhbnZhc1xyXG4gICAgICAgIHRoaXMuY29udGV4dC5saW5lV2lkdGggPSAxOyAvLyBib3JkZXIgd2lkdGhcclxuICAgICAgICB0aGlzLmNvbnRleHQuZHJhd0ltYWdlKHRoaXMuaW1hZ2UsIDAsIDApOyAvLyBiZyBpbWFnZVxyXG5cclxuICAgICAgICBpZiAodGhpcy5tb3VzZVBvc2l0aW9uKSB7XHJcbiAgICAgICAgICAgIHN3aXRjaCAodGhpcy56b29tTW9kZSkge1xyXG4gICAgICAgICAgICAgICAgY2FzZSAnTEVOUyc6IHRoaXMucmVuZGVyTGVuc01vZGUoKTsgYnJlYWs7XHJcbiAgICAgICAgICAgICAgICBjYXNlICdDT1ZFUic6IHRoaXMucmVuZGVyQ292ZXJNb2RlKCk7IGJyZWFrO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJlbmRlckxlbnNNb2RlKCkge1xyXG4gICAgICAgIHRoaXMuY29udGV4dC5saW5lV2lkdGggPSA1OyAvLyBib3JkZXIgd2lkdGhcclxuICAgICAgICBjb25zdCB6b29tUmVjdCA9IHRoaXMuZ2V0Wm9vbVJlY3QoKTtcclxuICAgICAgICB0aGlzLmNvbnRleHQuZmlsbFJlY3Qoem9vbVJlY3QueCwgem9vbVJlY3QueSwgem9vbVJlY3Qudywgem9vbVJlY3QuaCk7IC8vIGJnIChjbGVhcilcclxuICAgICAgICBjb25zdCBjbGlwcGluZ1JlY3QgPSB0aGlzLmdldENsaXBwaW5nUmVjdCgpO1xyXG4gICAgICAgIC8vIHpvb20gaW1hZ2VcclxuICAgICAgICB0aGlzLmNvbnRleHQuZHJhd0ltYWdlKFxyXG4gICAgICAgICAgICB0aGlzLmltYWdlLFxyXG4gICAgICAgICAgICBjbGlwcGluZ1JlY3QueCwgY2xpcHBpbmdSZWN0LnksIGNsaXBwaW5nUmVjdC53LCBjbGlwcGluZ1JlY3QuaCxcclxuICAgICAgICAgICAgem9vbVJlY3QueCwgem9vbVJlY3QueSwgem9vbVJlY3Qudywgem9vbVJlY3QuaFxyXG4gICAgICAgICk7XHJcbiAgICAgICAgdGhpcy5jb250ZXh0LnN0cm9rZVJlY3Qoem9vbVJlY3QueCwgem9vbVJlY3QueSwgem9vbVJlY3Qudywgem9vbVJlY3QuaCk7IC8vIGJvcmRlclxyXG4gICAgfVxyXG5cclxuICAgIHJlbmRlckNvdmVyTW9kZSgpIHtcclxuICAgICAgICBjb25zdCBjb3ZlcnRSZWN0ID0gdGhpcy5nZXRDb3ZlclJlY3QoKTtcclxuICAgICAgICB0aGlzLmNvbnRleHQuZHJhd0ltYWdlKFxyXG4gICAgICAgICAgICB0aGlzLmltYWdlLFxyXG4gICAgICAgICAgICBjb3ZlcnRSZWN0LngsIGNvdmVydFJlY3QueSwgY292ZXJ0UmVjdC53LCBjb3ZlcnRSZWN0LmgsXHJcbiAgICAgICAgICAgIDAsIDAsIHRoaXMuY2FudmFzV2lkdGgsIHRoaXMuY2FudmFzSGVpZ2h0XHJcbiAgICAgICAgKTsgLy8gY292ZXIgaW1hZ2VcclxuICAgIH1cclxuXHJcbiAgICBnZXRab29tUmVjdCgpIHtcclxuICAgICAgICBjb25zdCB3ID0gdGhpcy5sZW5zU2l6ZS53aWR0aDtcclxuICAgICAgICBjb25zdCBoID0gdGhpcy5sZW5zU2l6ZS5oZWlnaHQ7XHJcbiAgICAgICAgY29uc3QgeCA9IHRoaXMubW91c2VQb3NpdGlvbi54IC0gKHcgLyAyKTtcclxuICAgICAgICBjb25zdCB5ID0gdGhpcy5tb3VzZVBvc2l0aW9uLnkgLSAoaCAvIDIpO1xyXG4gICAgICAgIHJldHVybiB0aGlzLmNsYW1wUmVjdCh4LCB5LCB3LCBoKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRDbGlwcGluZ1JlY3QoKSB7XHJcbiAgICAgICAgY29uc3QgdyA9IHRoaXMubGVuc1NpemUud2lkdGggLyB0aGlzLnpvb21GYWN0b3I7XHJcbiAgICAgICAgY29uc3QgaCA9IHRoaXMubGVuc1NpemUuaGVpZ2h0IC8gdGhpcy56b29tRmFjdG9yO1xyXG4gICAgICAgIGNvbnN0IHggPSB0aGlzLm1vdXNlUG9zaXRpb24ueCAtICh3IC8gMik7XHJcbiAgICAgICAgY29uc3QgeSA9IHRoaXMubW91c2VQb3NpdGlvbi55IC0gKGggLyAyKTtcclxuICAgICAgICByZXR1cm4gdGhpcy5jbGFtcFJlY3QoeCwgeSwgdywgaCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0Q292ZXJSZWN0KCkge1xyXG4gICAgICAgIGNvbnN0IHcgPSB0aGlzLmNhbnZhc1dpZHRoIC8gdGhpcy56b29tRmFjdG9yO1xyXG4gICAgICAgIGNvbnN0IGggPSB0aGlzLmNhbnZhc0hlaWdodCAvIHRoaXMuem9vbUZhY3RvcjtcclxuICAgICAgICAvLyBjb25zdCB4ID0gdGhpcy5tb3VzZVBvc2l0aW9uLnggLSAodyAvIDIpO1xyXG4gICAgICAgIC8vIGNvbnN0IHkgPSB0aGlzLm1vdXNlUG9zaXRpb24ueSAtIChoIC8gMik7XHJcbiAgICAgICAgY29uc3QgeCA9IHRoaXMubW91c2VQb3NpdGlvbi54IC0gdGhpcy5tb3VzZVBvc2l0aW9uLnggLyB0aGlzLnpvb21GYWN0b3I7XHJcbiAgICAgICAgY29uc3QgeSA9IHRoaXMubW91c2VQb3NpdGlvbi55IC0gdGhpcy5tb3VzZVBvc2l0aW9uLnkgLyB0aGlzLnpvb21GYWN0b3I7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuY2xhbXBSZWN0KHgsIHksIHcsIGgpO1xyXG4gICAgfVxyXG5cclxuICAgIGNsYW1wUmVjdCh4OiBudW1iZXIsIHk6IG51bWJlciwgdzogbnVtYmVyLCBoOiBudW1iZXIpIHtcclxuICAgICAgICBpZiAoeCA8PSAwKSB7IHggPSAwOyB9XHJcbiAgICAgICAgaWYgKHggKyB3ID49IHRoaXMuY2FudmFzV2lkdGgpIHsgeCA9IHRoaXMuY2FudmFzV2lkdGggLSB3OyB9XHJcbiAgICAgICAgaWYgKHkgPCAwKSB7IHkgPSAwOyB9XHJcbiAgICAgICAgaWYgKHkgKyBoID49IHRoaXMuY2FudmFzSGVpZ2h0KSB7IHkgPSB0aGlzLmNhbnZhc0hlaWdodCAtIGg7IH1cclxuICAgICAgICByZXR1cm4geyB4LCB5LCB3LCBoIH07XHJcbiAgICB9XHJcblxyXG4gICAgY2FsY3VsYXRlTW91c2VQb3NpdGlvbihjbGllbnRYOiBudW1iZXIsIGNsaWVudFk6IG51bWJlcikge1xyXG4gICAgICAgIGNvbnN0IGJvdW5kaW5nUmVjdCA9IHRoaXMuY2FudmFzLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICAgIGNvbnN0IHZpZXdUb01vZGVsWCA9IHRoaXMuY2FudmFzV2lkdGggLyBib3VuZGluZ1JlY3Qud2lkdGg7XHJcbiAgICAgICAgY29uc3Qgdmlld1RvTW9kZWxZID0gdGhpcy5jYW52YXNIZWlnaHQgLyBib3VuZGluZ1JlY3QuaGVpZ2h0O1xyXG4gICAgICAgIGNvbnN0IHggPSAoY2xpZW50WCAtIGJvdW5kaW5nUmVjdC5sZWZ0KSAqIHZpZXdUb01vZGVsWDtcclxuICAgICAgICBjb25zdCB5ID0gKGNsaWVudFkgLSBib3VuZGluZ1JlY3QudG9wKSAqIHZpZXdUb01vZGVsWTtcclxuICAgICAgICB0aGlzLm1vdXNlUG9zaXRpb24gPSB7IHgsIHkgfTtcclxuICAgIH1cclxuXHJcbiAgICBvbk1vdXNlTGVhdmUoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICB0aGlzLm1vdXNlUG9zaXRpb24gPSBudWxsO1xyXG4gICAgICAgIHRoaXMucmVuZGVyKCk7XHJcbiAgICB9XHJcblxyXG4gICAgb25Nb3VzZUVudGVyT3JNb3ZlKGV2ZW50OiBNb3VzZUV2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5jYWxjdWxhdGVNb3VzZVBvc2l0aW9uKGV2ZW50LmNsaWVudFgsIGV2ZW50LmNsaWVudFkpO1xyXG4gICAgICAgIHRoaXMucmVuZGVyKCk7XHJcbiAgICB9XHJcblxyXG4gICAgb25Nb3VzZVNjcm9sbChldmVudDogV2hlZWxFdmVudCkge1xyXG4gICAgICAgIGxldCBuZXdab29tRmFjdG9yID0gdGhpcy56b29tRmFjdG9yO1xyXG4gICAgICAgIG5ld1pvb21GYWN0b3IgLT0gZXZlbnQuZGVsdGFZIC8gMTAwMDtcclxuICAgICAgICBpZiAobmV3Wm9vbUZhY3RvciA8IHRoaXMubWluWm9vbUZhY3RvcikgeyBuZXdab29tRmFjdG9yID0gdGhpcy5taW5ab29tRmFjdG9yOyB9XHJcbiAgICAgICAgaWYgKG5ld1pvb21GYWN0b3IgPiB0aGlzLm1heFpvb21GYWN0b3IpIHsgbmV3Wm9vbUZhY3RvciA9IHRoaXMubWF4Wm9vbUZhY3RvcjsgfVxyXG4gICAgICAgIGlmICh0aGlzLnpvb21GYWN0b3IgIT09IG5ld1pvb21GYWN0b3IpIHtcclxuICAgICAgICAgICAgdGhpcy56b29tRmFjdG9yID0gbmV3Wm9vbUZhY3RvcjtcclxuICAgICAgICAgICAgdGhpcy5yZW5kZXIoKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIH1cclxuXHJcblxyXG59XHJcbiJdfQ==