canvas-editor-engine 2.3.22 → 2.3.24

package/dist/services/crop.service.js

@@ -1,60 +0,0 @@
-import { Filter } from "../utils/filter";
-var CropService = /** @class */ (function () {
-    function CropService(appConfig, appStoreRepository, excretionComponent) {
-        this.appConfig = appConfig;
-        this.appStoreRepository = appStoreRepository;
-        this.excretionComponent = excretionComponent;
-    }
-    CropService.prototype.activate = function () {
-        this.excretionComponent.additionStyle = 'crop';
-    };
-    CropService.prototype.deactivate = function () {
-        this.excretionComponent.additionStyle = 'default';
-    };
-    CropService.prototype.crop = function (ctx) {
-        var _a;
-        if (!!((_a = this.excretionComponent.excretionsCoords) === null || _a === void 0 ? void 0 : _a.length) === false)
-            return;
-        var filter = new Filter(this.appConfig, ctx);
-        var options = this.options;
-        var _b = filter.copyExtendedModel(options), imageData = _b.imageData, size = _b.size;
-        var position = {
-            x: (this.appConfig.CANVAS_SIZE.width / 2) - (size.width / 2),
-            y: (this.appConfig.CANVAS_SIZE.height / 2) - (size.height / 2),
-        };
-        filter.update(imageData, position);
-        this.appStoreRepository.store.imageState.reduce({
-            tempImageData: imageData,
-            position: position,
-            size: {
-                width: size.width,
-                height: size.height,
-            }
-        }, "Use crop");
-    };
-    // TODO: refactor
-    CropService.prototype.viewCropButton = function () {
-        var cropButtons = this.excretionComponent.excretionWrap.querySelectorAll('.crop-button');
-        var lastCropButtonIndex = cropButtons.length - 1;
-        var cropButton = cropButtons[lastCropButtonIndex];
-        cropButton.classList.add('crop-button--view');
-    };
-    Object.defineProperty(CropService.prototype, "options", {
-        get: function () {
-            var excretionLastIndex = this.excretionComponent.excretionsCoords.length - 1;
-            var coords = this.excretionComponent.excretionsCoords[excretionLastIndex];
-            var excWidth = Math.abs(coords.start.x - coords.end.x);
-            var excHeight = Math.abs(coords.start.y - coords.end.y);
-            return {
-                x: coords.start.x,
-                y: coords.start.y,
-                width: excWidth,
-                height: excHeight,
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return CropService;
-}());
-export default CropService;

package/dist/services/download.service.js

@@ -1,16 +0,0 @@
-var DownloadService = /** @class */ (function () {
-    function DownloadService(canvasComponent) {
-        this.canvasComponent = canvasComponent;
-    }
-    DownloadService.prototype.getDataUrl = function () {
-        return this.canvasComponent.canvas.toDataURL();
-    };
-    DownloadService.prototype.download = function (filename) {
-        var link = document.createElement('a');
-        link.download = "".concat(filename || 'image', ".png");
-        link.href = this.getDataUrl();
-        link.click();
-    };
-    return DownloadService;
-}());
-export default DownloadService;

package/dist/services/draw-accumulator.service.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__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 = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["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) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import DrawService from "./draw.service";
-var DrawAccumulatorService = /** @class */ (function () {
-    function DrawAccumulatorService(appConfig, appStoreRepository, eventService, drawLayersService) {
-        this.appConfig = appConfig;
-        this.appStoreRepository = appStoreRepository;
-        this.eventService = eventService;
-        this.drawLayersService = drawLayersService;
-        this.painters = new Proxy([], {
-            get: function (target, name) {
-                return target[name];
-            },
-            set: function (target, name, value) {
-                try {
-                    if (typeof (value === null || value === void 0 ? void 0 : value.object) !== 'undefined') {
-                        target[name] = value.object;
-                        value.update();
-                        return true;
-                    }
-                    else {
-                        if (name != 'length') {
-                            console.warn('Proxy set error: object denied');
-                            return false;
-                        }
-                        else {
-                            var MIN_LENGTH = -1;
-                            var MAX_LENGTH = __spreadArray([], Object.keys(target), true);
-                            if (value <= Math.max.apply(Math, __spreadArray([MIN_LENGTH], MAX_LENGTH, false)) + 1) {
-                                target.length = value;
-                            }
-                        }
-                        return true;
-                    }
-                }
-                catch (error) {
-                    console.error('Proxy set error:', error);
-                    return false;
-                }
-            },
-        });
-    }
-    DrawAccumulatorService.prototype.add = function (layerId, drawType, options, initialSize) {
-        return __awaiter(this, void 0, void 0, function () {
-            var id, painter;
-            return __generator(this, function (_a) {
-                id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-                painter = {
-                    drawService: new DrawService(this.appConfig, this.appStoreRepository, this.eventService),
-                    drawType: drawType,
-                    id: id,
-                };
-                painter.drawService.bindOptions(drawType, options);
-                painter.drawService.tempCanvas.bindOptions(initialSize);
-                this.painters.push({
-                    object: painter,
-                    update: this.update.bind(this),
-                });
-                this.drawLayersService.addToLayer(layerId, painter);
-                this.invokePainter(drawType, painter.drawService);
-                return [2 /*return*/];
-            });
-        });
-    };
-    DrawAccumulatorService.prototype.removePainter = function (id) {
-        return __awaiter(this, void 0, void 0, function () {
-            var painter;
-            return __generator(this, function (_a) {
-                painter = this.painters.find(function (painter) { return painter.id === id; });
-                if (!!painter) {
-                    this.painters = this.painters.filter(function (painter) { return painter.id !== id; });
-                }
-                this.drawLayersService.removePainter(id);
-                return [2 /*return*/];
-            });
-        });
-    };
-    DrawAccumulatorService.prototype.smoothFilter = function (painterId, smoothFilterOptions) {
-        return __awaiter(this, void 0, void 0, function () {
-            var useStore, options, filterOptions, painter;
-            var _this = this;
-            return __generator(this, function (_a) {
-                useStore = smoothFilterOptions.useStore, options = smoothFilterOptions.options, filterOptions = smoothFilterOptions.filterOptions;
-                painter = this.painters.find(function (painter) { return painter.id === painterId; });
-                if (!painter)
-                    return [2 /*return*/];
-                painter.drawService.drawSmoothImage(useStore, options, filterOptions).then(function () {
-                    _this.update();
-                });
-                return [2 /*return*/];
-            });
-        });
-    };
-    DrawAccumulatorService.prototype.update = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this.clearCanvas();
-            _this.invokePaintersOnLayers();
-        }, 1000);
-    };
-    Object.defineProperty(DrawAccumulatorService.prototype, "gradient", {
-        get: function () {
-            var _this = this;
-            var gradient = [];
-            this.painters.forEach(function (painter) {
-                var layer = _this.drawLayersService.layerList.find(function (layer) { return layer.painters.includes(painter); });
-                if (layer) {
-                    gradient.push(layer.order);
-                }
-            });
-            return gradient.sort(function (a, b) { return a - b; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DrawAccumulatorService.prototype.clearCanvas = function () {
-        var ctx = this.appConfig.canvas.getContext('2d');
-        ctx.clearRect(0, 0, this.appConfig.CANVAS_SIZE.width, this.appConfig.CANVAS_SIZE.height);
-        ctx.save();
-    };
-    DrawAccumulatorService.prototype.invokePaintersOnLayers = function () {
-        var _this = this;
-        var stash = [];
-        this.gradient.forEach(function (order) {
-            _this.painters.forEach(function (painter) {
-                var layer = _this.drawLayersService.layerList.find(function (layer) { return layer.painters.includes(painter); });
-                if (!layer)
-                    return console.warn('[invoke] Layer not found');
-                if (!stash.includes(painter) && layer.order === order) {
-                    _this.invokePainterWithTempCtx(painter.drawType, painter.drawService);
-                    stash.push(painter);
-                }
-            });
-        });
-    };
-    DrawAccumulatorService.prototype.invokePainter = function (drawType, painter) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(drawType === 'image')) return [3 /*break*/, 2];
-                        return [4 /*yield*/, painter.drawImage()];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 4];
-                    case 2:
-                        if (!(drawType === 'project')) return [3 /*break*/, 4];
-                        return [4 /*yield*/, painter.drawProject()];
-                    case 3:
-                        _a.sent();
-                        _a.label = 4;
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    DrawAccumulatorService.prototype.invokePainterWithTempCtx = function (drawType, painter) {
-        return __awaiter(this, void 0, void 0, function () {
-            var imageData, ctx, x, y;
-            return __generator(this, function (_a) {
-                imageData = painter.tempCanvas.getImageData();
-                ctx = this.appConfig.canvas.getContext('2d');
-                if (drawType === 'image') {
-                    x = painter.options.image.drawImageArgs.position.x;
-                    y = painter.options.image.drawImageArgs.position.y;
-                    ctx.putImageData(imageData, x, y);
-                    ctx.save();
-                }
-                else if (drawType === 'project') {
-                    ctx.putImageData(imageData, 0, 0);
-                    ctx.save();
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    return DrawAccumulatorService;
-}());
-export default DrawAccumulatorService;

package/dist/services/draw-layers.service.js

@@ -1,72 +0,0 @@
-var DrawLayersService = /** @class */ (function () {
-    function DrawLayersService(appStoreRepository) {
-        this.appStoreRepository = appStoreRepository;
-        this.layerList = [];
-        this.addLayer({ layerName: 'Base Layer' });
-    }
-    DrawLayersService.prototype.addLayer = function (layerOptions) {
-        var _a;
-        var layerName = layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.layerName;
-        var painter = layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.painter;
-        var id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-        var name = (function () {
-            if (layerName)
-                return layerName;
-            if (painter) {
-                return "".concat(painter.drawType, "-").concat(painter.id);
-            }
-            else {
-                return 'New Layer';
-            }
-        })();
-        var painters = (painter) ? [painter] : [];
-        var sortedLayers = (_a = this.layerList) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
-        var order = (sortedLayers === null || sortedLayers === void 0 ? void 0 : sortedLayers.length) ? sortedLayers.at(-1).order + 1 : 1;
-        var layer = {
-            id: id,
-            painters: painters,
-            order: order,
-            name: name,
-        };
-        this.layerList.push(layer);
-        this.appStoreRepository.store.drawLayersState.reduce('ADD_LAYER', layer);
-    };
-    DrawLayersService.prototype.getLayerByOrder = function (order) {
-        return this.layerList.find(function (layer) { return layer.order === order; });
-    };
-    DrawLayersService.prototype.getLayerById = function (layerId) {
-        return this.layerList.find(function (layer) { return layer.id === layerId; });
-    };
-    DrawLayersService.prototype.addToLayer = function (id, painter) {
-        var layerIndex = this.layerList.findIndex(function (layer) { return layer.id === id; });
-        if (layerIndex === -1)
-            return;
-        var layer = this.layerList[layerIndex];
-        layer.painters.push(painter);
-        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
-    };
-    DrawLayersService.prototype.updateLayer = function (id, updateData) {
-        var layerIndex = this.layerList.findIndex(function (layer) { return layer.id === id; });
-        var fields = Object.keys(updateData);
-        if (!fields.length || layerIndex === -1)
-            return;
-        var layer = this.layerList[layerIndex];
-        fields.forEach(function (field) {
-            layer[field] = updateData[field];
-        });
-        this.layerList[layerIndex] = layer;
-        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
-    };
-    DrawLayersService.prototype.removePainter = function (id) {
-        var layerIndex = this.layerList.findIndex(function (layer) {
-            return layer.painters.find(function (painter) { return painter.id === id; });
-        });
-        if (layerIndex === -1)
-            return;
-        this.layerList[layerIndex].painters = this.layerList[layerIndex].painters.filter(function (painter) { return painter.id !== id; });
-        var layer = this.layerList[layerIndex];
-        this.appStoreRepository.store.drawLayersState.reduce('UPDATE_LAYER', layer);
-    };
-    return DrawLayersService;
-}());
-export default DrawLayersService;

package/dist/services/draw.service.js

@@ -1,259 +0,0 @@
-var __awaiter = (this && this.__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 = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["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) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { VagueFilter } from "../filters";
-import { Filter } from "../utils/filter";
-import { TempCanvas } from "../utils/temp-canvas";
-var DrawService = /** @class */ (function () {
-    function DrawService(appConfig, appStoreRepository, eventService) {
-        this.appConfig = appConfig;
-        this.appStoreRepository = appStoreRepository;
-        this.eventService = eventService;
-        this.options = {
-            image: null,
-            project: null,
-        };
-        this.tempCanvas = new TempCanvas();
-        this.id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-    }
-    ;
-    DrawService.prototype.bindOptions = function (drawType, options) {
-        this.options[drawType] = options;
-    };
-    DrawService.prototype.drawImage = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, src, drawImageArgs, ctx;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _a = this.options.image, src = _a.src, drawImageArgs = _a.drawImageArgs;
-                        ctx = this.tempCanvas.ctx;
-                        this.imageProcessor = new ImageObject(this.appConfig, src, ctx);
-                        return [4 /*yield*/, this.imageProcessor.draw(drawImageArgs).then(function () {
-                                var responseData = {
-                                    reduceData: null,
-                                    message: null,
-                                };
-                                var zeroPosition = {
-                                    x: 0,
-                                    y: 0,
-                                };
-                                var filter = new Filter(_this.appConfig, ctx);
-                                var imageData = filter.copy(zeroPosition);
-                                responseData.reduceData = {
-                                    tempImageData: imageData,
-                                    position: zeroPosition,
-                                    size: _this.appConfig.CANVAS_SIZE,
-                                };
-                                responseData.message = "Image loaded";
-                                _this.appStoreRepository.store.imageState.reduce(responseData.reduceData, responseData.message);
-                                return responseData;
-                            })];
-                    case 1: return [2 /*return*/, _b.sent()];
-                }
-            });
-        });
-    };
-    DrawService.prototype.drawProject = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var project, ctx, imageData, position, size;
-            var _this = this;
-            return __generator(this, function (_a) {
-                project = this.options.project;
-                ctx = this.tempCanvas.ctx;
-                imageData = project.state.current.imageData;
-                position = project.state.current.position;
-                size = project.state.current.size;
-                this.imageProcessor = new ProjectImageObject(this.appConfig, project, ctx);
-                return [2 /*return*/, new Promise(function (resolve) {
-                        _this.imageProcessor.draw();
-                        resolve(null);
-                    }).then(function () {
-                        var responseData = {
-                            reduceData: null,
-                            message: null,
-                        };
-                        responseData.reduceData = {
-                            tempImageData: imageData,
-                            position: position,
-                            size: size,
-                        };
-                        responseData.message = "Project loaded";
-                        _this.appStoreRepository.store.imageState.reduce(responseData.reduceData, responseData.message);
-                        return responseData;
-                    })];
-            });
-        });
-    };
-    DrawService.prototype.drawSmoothImage = function (useStore, options, filterOptions) {
-        return __awaiter(this, void 0, void 0, function () {
-            var filterArgs;
-            var _this = this;
-            return __generator(this, function (_a) {
-                filterArgs = this.getFilterArgs(useStore, options);
-                this.eventService.dispatch('loading-start');
-                if (!this.imageProcessor) {
-                    throw new Error('No valid ImageProcessor instance found');
-                }
-                return [2 /*return*/, this.imageProcessor.vague(filterArgs, filterOptions)
-                        .then(function (data) {
-                        _this.updateImageStateAfterVague(data);
-                        return data;
-                    })
-                        .finally(function () { return _this.eventService.dispatch('loading-end'); })];
-            });
-        });
-    };
-    DrawService.prototype.updateImageStateAfterVague = function (data) {
-        var imageData = data.imageData, position = data.position, size = data.size, quality = data.quality;
-        this.appStoreRepository.store.imageState.reduce({
-            tempImageData: imageData,
-            position: position,
-            size: size,
-        }, "[Filter Vague] quality: ".concat(quality));
-    };
-    DrawService.prototype.getFilterArgs = function (useStore, options) {
-        var _a, _b;
-        var filterArgs;
-        var store = this.appStoreRepository.store.imageState;
-        if (useStore) {
-            filterArgs = {
-                x: store.position.x,
-                y: store.position.y,
-            };
-            if (!!store.size.width && !!store.size.height) {
-                filterArgs.width = store.size.width;
-                filterArgs.height = store.size.height;
-            }
-        }
-        else {
-            filterArgs = {
-                x: options.position.x,
-                y: options.position.y,
-            };
-            if (options.size !== 'initial') {
-                if (!!((_a = options.size) === null || _a === void 0 ? void 0 : _a.width) && !!((_b = options.size) === null || _b === void 0 ? void 0 : _b.height)) {
-                    filterArgs.width = options.size.width;
-                    filterArgs.height = options.size.height;
-                }
-            }
-        }
-        return filterArgs;
-    };
-    return DrawService;
-}());
-export default DrawService;
-var ImageObject = /** @class */ (function () {
-    function ImageObject(appConfig, src, ctx) {
-        this.appConfig = appConfig;
-        this.img = new Image();
-        this.img.src = src;
-        this.ctx = ctx;
-    }
-    ;
-    ImageObject.prototype.draw = function (options) {
-        var _this = this;
-        var proto = this;
-        var protoImg = this.img;
-        return new Promise(function (resolve, reject) {
-            try {
-                protoImg.addEventListener("load", function () {
-                    var _a;
-                    var _b, _c;
-                    var drawImageArgs = [options.position.x, options.position.y];
-                    if (options.size !== 'initial') {
-                        if (!!((_b = options.size) === null || _b === void 0 ? void 0 : _b.width) && !!((_c = options.size) === null || _c === void 0 ? void 0 : _c.height)) {
-                            drawImageArgs = drawImageArgs.concat([options.size.width, options.size.height]);
-                        }
-                        else {
-                            drawImageArgs = drawImageArgs.concat([_this.appConfig.CANVAS_SIZE.width, _this.appConfig.CANVAS_SIZE.height]);
-                        }
-                    }
-                    // @ts-ignore
-                    (_a = _this.ctx).drawImage.apply(_a, __spreadArray([protoImg], drawImageArgs, false));
-                    _this.ctx.save();
-                    resolve(proto);
-                });
-            }
-            catch (error) {
-                reject(error);
-            }
-        });
-    };
-    ImageObject.prototype.vague = function (options, filterOptions) {
-        var filter = new VagueFilter(this.appConfig, this.ctx, options);
-        return filter.on('pixel', filterOptions);
-    };
-    return ImageObject;
-}());
-export { ImageObject };
-var ProjectImageObject = /** @class */ (function () {
-    function ProjectImageObject(appConfig, project, ctx) {
-        this.appConfig = appConfig;
-        this.project = project;
-        this.ctx = ctx;
-    }
-    ProjectImageObject.prototype.draw = function (options) {
-        var _this = this;
-        var _a = this.project.state.current, imageData = _a.imageData, position = _a.position;
-        return new Promise(function (resolve, reject) {
-            try {
-                var filter = new Filter(_this.appConfig, _this.ctx);
-                filter.update(imageData, position);
-                _this.ctx.save();
-                resolve(_this);
-            }
-            catch (error) {
-                reject(error);
-            }
-        });
-    };
-    ProjectImageObject.prototype.vague = function (options, filterOptions) {
-        var filter = new VagueFilter(this.appConfig, this.ctx, options);
-        return filter.on('pixel', filterOptions);
-    };
-    return ProjectImageObject;
-}());

package/dist/services/event.service.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Guid4 } from "../utils/guid4";
-var ControlEvent = /** @class */ (function () {
-    function ControlEvent() {
-    }
-    return ControlEvent;
-}());
-export { ControlEvent };
-var EventAtom = /** @class */ (function () {
-    function EventAtom() {
-    }
-    return EventAtom;
-}());
-export { EventAtom };
-var EventService = /** @class */ (function () {
-    function EventService() {
-        this.eventList = [];
-    }
-    EventService.prototype.subcribe = function (controlEvent) {
-        var eventAtom = __assign({ id: new Guid4().generate() }, controlEvent);
-        this.eventList.push(eventAtom);
-    };
-    EventService.prototype.dispatch = function (name, eventArgs) {
-        var eventAtom = this.eventList.find(function (event) { return event.name === name; });
-        eventAtom.action(eventArgs);
-    };
-    EventService.prototype.applyEvents = function (baseElement) {
-        var _a;
-        (_a = this.eventList) === null || _a === void 0 ? void 0 : _a.forEach(function (event) {
-            baseElement.addEventListener(event.name, event.action);
-        });
-    };
-    return EventService;
-}());
-export default EventService;