canvas-editor-engine 2.3.22 → 2.3.24

package/dist/components/loading.component.js

@@ -1,71 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { reflect } from "../utils/reflect";
-reflect();
-import ComponentService from "../services/component.service";
-var LoadingComponent = /** @class */ (function (_super) {
-    __extends(LoadingComponent, _super);
-    function LoadingComponent(loggerService, eventService) {
-        var _this = _super.call(this) || this;
-        _this.loggerService = loggerService;
-        _this.eventService = eventService;
-        _this.template = "\n    <span class=\"loader\"></span>\n  ";
-        _this.css = "\n    .loading-wrapper {\n      display: none;  \n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background: #ffffff30;\n    }\n\n    .loader {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      position: relative;\n      animation: rotate 1s linear infinite\n    }\n    .loader::before , .loader::after {\n      content: \"\";\n      box-sizing: border-box;\n      position: absolute;\n      inset: 0px;\n      border-radius: 50%;\n      border: 5px solid #FFF;\n      animation: prixClipFix 2s linear infinite ;\n    }\n    .loader::after{\n      inset: 8px;\n      transform: rotate3d(90, 90, 0, 180deg );\n      border-color: #FF3D00;\n    }\n\n    @keyframes rotate {\n      0%   {transform: rotate(0deg)}\n      100%   {transform: rotate(360deg)}\n    }\n\n    @keyframes prixClipFix {\n        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}\n        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}\n        75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}\n    }\n  ";
-        _this.loggerService.components.add({
-            info: {
-                name: 'loading',
-                description: 'loading component',
-            },
-            prototype: _this,
-        });
-        return _this;
-    }
-    LoadingComponent.prototype.getComponent = function () {
-        var wrapOptions = {
-            className: 'loading-wrapper',
-        };
-        var loadingTemplate = this.getTemplate(this.template, wrapOptions);
-        var loadingStyle = this.getStyle(this.css);
-        this.loading = loadingTemplate;
-        this.subscribeLoadingStart();
-        this.subscribeLoadingEnd();
-        return { loadingTemplate: loadingTemplate, loadingStyle: loadingStyle };
-    };
-    LoadingComponent.prototype.hide = function () {
-        this.loading.style.display = 'none';
-    };
-    LoadingComponent.prototype.view = function () {
-        this.loading.style.display = 'flex';
-    };
-    LoadingComponent.prototype.subscribeLoadingStart = function () {
-        var _this = this;
-        var controlEvent = {
-            name: 'loading-start',
-            action: function () { return _this.view(); },
-        };
-        this.eventService.subcribe(controlEvent);
-    };
-    LoadingComponent.prototype.subscribeLoadingEnd = function () {
-        var _this = this;
-        var controlEvent = {
-            name: 'loading-end',
-            action: function () { return _this.hide(); },
-        };
-        this.eventService.subcribe(controlEvent);
-    };
-    return LoadingComponent;
-}(ComponentService));
-export default LoadingComponent;

package/dist/components/pipette.component.js

@@ -1,120 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { reflect } from "../utils/reflect";
-reflect();
-import { Convert } from "../utils/convert";
-import ComponentService from "../services/component.service";
-var PipetteComponent = /** @class */ (function (_super) {
-    __extends(PipetteComponent, _super);
-    function PipetteComponent(toolService, loggerService, canvasComponent) {
-        var _this = _super.call(this) || this;
-        _this.toolService = toolService;
-        _this.loggerService = loggerService;
-        _this.canvasComponent = canvasComponent;
-        _this.template = "\n    <div class=\"pipette_border-out\">\n      <div class=\"pipette_color\">\n        <div class=\"pipette_border-in\">\n          <svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g><g id=\"SVGRepo_iconCarrier\"><path d=\"M17 12C17 14.7614 14.7614 17 12 17M17 12C17 9.23858 14.7614 7 12 7M17 12H19M12 17C9.23858 17 7 14.7614 7 12M12 17V19M7 12C7 9.23858 9.23858 7 12 7M7 12H5M12 7V5M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z\" stroke=\"#d9d9d9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></g></svg>\n        </div> \n      </div>\n    </div>\n  ";
-        _this.css = "\n  .pipette {\n    position: absolute;\n    display: none;\n    justify-content: center;\n    align-items: center;\n    width: 48px;\n    height: 48px;\n  }\n\n  .pipette_border-out {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 100px;\n    border: solid 2px #d9d9d9;\n    width: 44px;\n    height: 44px;\n  }\n\n  .pipette_border-in {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 100px;\n    border: solid 1px #d9d9d9;\n    width: 32px;\n    height: 32px;\n  }\n\n  .pipette_color {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 34px;\n    height: 34px;\n    border-radius: 100px;\n    border-color: blue;\n    border-style: solid;\n    border-width: 5px;\n  }\n  ";
-        _this._pipetteState = 'abandoned';
-        _this.tool = {
-            id: 0,
-            name: 'pipette',
-            onAction: function () { return _this.setState('taken'); },
-            offAction: function () { return _this.setState('abandoned'); },
-        };
-        _this.toolService.add(_this.tool);
-        _this.loggerService.components.add({
-            info: {
-                name: 'pipette',
-                description: 'pipette component',
-            },
-            prototype: _this,
-        });
-        return _this;
-    }
-    Object.defineProperty(PipetteComponent.prototype, "pipetteColor", {
-        get: function () {
-            return this._pipetteColor;
-        },
-        set: function (color) {
-            this._pipetteColor = color;
-            this._pipetteColorElement.style.borderColor = this._pipetteColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PipetteComponent.prototype.getComponent = function () {
-        var wrapOptions = {
-            className: 'pipette',
-        };
-        var pipetteTemplate = this.getTemplate(this.template, wrapOptions);
-        var pipetteStyle = this.getStyle(this.css);
-        this.pipette = pipetteTemplate;
-        this._pipetteColorElement = pipetteTemplate.querySelector('.pipette_color');
-        this.emmit();
-        return { pipetteTemplate: pipetteTemplate, pipetteStyle: pipetteStyle };
-    };
-    PipetteComponent.prototype.setState = function (state) {
-        this._pipetteState = state;
-        switch (state) {
-            case 'abandoned':
-                return this.hide();
-            case 'taken':
-                return this.show();
-            case 'selected-color':
-                return this.show();
-            default:
-                return this.hide();
-        }
-    };
-    PipetteComponent.prototype.emmit = function () {
-        var _this = this;
-        this.canvasComponent.subscribe('mousemove', function (event, cursorPosition) {
-            var state = _this._pipetteState;
-            if (state === 'taken' || state === 'selected-color') {
-                var x = cursorPosition.x, y = cursorPosition.y;
-                _this.pipette.style.left = "".concat(x + 10, "px");
-                _this.pipette.style.top = "".concat(y + 10, "px");
-            }
-        });
-        this.canvasComponent.subscribe('click', function (event, cursorPosition) {
-            var state = _this._pipetteState;
-            if (state === 'taken' || state === 'selected-color') {
-                if (state === 'taken') {
-                    _this.setColorFromChoosenPixel(cursorPosition);
-                    _this.setState('selected-color');
-                }
-                if (state === 'selected-color') {
-                    _this.setColorFromChoosenPixel(cursorPosition);
-                }
-            }
-        });
-    };
-    PipetteComponent.prototype.setColorFromChoosenPixel = function (cursorPosition) {
-        var x = cursorPosition.x, y = cursorPosition.y;
-        var pixel = this.canvasComponent.ctx.getImageData(x, y, 1, 1).data;
-        var hexPixel = Convert.rgbToHex(pixel[0], pixel[1], pixel[2]);
-        this.pipetteColor = hexPixel;
-    };
-    PipetteComponent.prototype.show = function () {
-        this.pipette.style.display = 'flex';
-        this.canvasComponent.cursorStyle = 'default';
-    };
-    PipetteComponent.prototype.hide = function () {
-        this.pipette.style.display = 'none';
-        this.canvasComponent.cursorStyle = 'default';
-    };
-    return PipetteComponent;
-}(ComponentService));
-export default PipetteComponent;

package/dist/components/slot.component.js

@@ -1,45 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import ComponentService from "../services/component.service";
-var SlotComponent = /** @class */ (function (_super) {
-    __extends(SlotComponent, _super);
-    function SlotComponent(loggerService) {
-        var _this = _super.call(this) || this;
-        _this.loggerService = loggerService;
-        _this.template = "\n    <slot class=\"slot\"></slot>\n  ";
-        _this.css = "";
-        _this.loggerService.components.add({
-            info: {
-                name: 'slot',
-                description: 'slot component',
-            },
-            prototype: _this,
-        });
-        return _this;
-    }
-    SlotComponent.prototype.getComponent = function (slotName) {
-        var wrapOptions = {
-            className: 'slot-wrapper',
-        };
-        var slotTemplate = this.getTemplate(this.template, wrapOptions);
-        var slotStyle = this.getStyle(this.css);
-        this.slot = slotTemplate.querySelector('slot');
-        this.slot.name = slotName;
-        return { slotTemplate: slotTemplate, slotStyle: slotStyle };
-    };
-    return SlotComponent;
-}(ComponentService));
-export default SlotComponent;

package/dist/config.js

@@ -1,95 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-;
-var ConfigFabric = /** @class */ (function () {
-    function ConfigFabric() {
-    }
-    return ConfigFabric;
-}());
-export { ConfigFabric };
-var AppConfig = /** @class */ (function (_super) {
-    __extends(AppConfig, _super);
-    function AppConfig() {
-        var _this = _super.call(this) || this;
-        _this.canvas = null;
-        _this._CANVAS_SIZE = {
-            width: 300,
-            height: 150,
-        };
-        _this._LAYERS = [
-            {
-                name: 'low',
-                index: 1,
-            },
-            {
-                name: 'normal',
-                index: 2,
-            },
-            {
-                name: 'high',
-                index: 3,
-            }
-        ];
-        _this._ZOOM = 1;
-        return _this;
-    }
-    AppConfig.prototype.bindCanvas = function (canvasElement) {
-        this.canvas = canvasElement.querySelector('canvas');
-    };
-    Object.defineProperty(AppConfig.prototype, "CANVAS_SIZE", {
-        get: function () {
-            return this._CANVAS_SIZE;
-        },
-        set: function (value) {
-            if (!!value && !!(value === null || value === void 0 ? void 0 : value.width) && !!(value === null || value === void 0 ? void 0 : value.height)) {
-                this._CANVAS_SIZE = value;
-                if (!!this.canvas) {
-                    this.canvas.width = value.width;
-                    this.canvas.height = value.height;
-                }
-            }
-            else {
-                console.warn('CANVAS_SIZE denied');
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AppConfig.prototype, "LAYERS", {
-        get: function () {
-            return this._LAYERS;
-        },
-        set: function (value) {
-            if (!!value && !!(value === null || value === void 0 ? void 0 : value.length)) {
-                this._LAYERS = value;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AppConfig.prototype, "ZOOM", {
-        get: function () {
-            return this._ZOOM;
-        },
-        set: function (value) {
-            this._ZOOM = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return AppConfig;
-}(ConfigFabric));
-export default AppConfig;

package/dist/filters/collection/vague.js

@@ -1,168 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { Filter } from "../../utils/filter";
-import { Convert } from "../../utils/convert";
-import { range } from '../../utils/generation';
-var VagueFilter = /** @class */ (function (_super) {
-    __extends(VagueFilter, _super);
-    function VagueFilter(appConfig, ctx, options) {
-        var _this = _super.call(this, appConfig, ctx) || this;
-        _this.filterList = ['pixel'];
-        _this.options = options;
-        return _this;
-    }
-    VagueFilter.prototype.on = function (action, filterOptions) {
-        var _this = this;
-        return new Promise(function (resolve) {
-            var options = _this.options;
-            var imageData = _this.copy(options);
-            // TODO: rewrite on pattern Strategies
-            var rowImageData = _this[action](imageData, filterOptions);
-            _this.update(rowImageData, options);
-            return resolve({
-                imageData: rowImageData,
-                position: {
-                    x: options.x,
-                    y: options.y,
-                },
-                size: {
-                    width: rowImageData.width,
-                    height: rowImageData.height,
-                },
-                quality: filterOptions.quality,
-            });
-        });
-    };
-    VagueFilter.prototype.pixel = function (imageData, filterOptions) {
-        var quality = filterOptions.quality;
-        // expansion strategy
-        var processedImageData = this.getQualityProcessedRemainder(imageData, +quality);
-        // TODO: add compression strategy and use register strategies;
-        var imageSize = {
-            width: processedImageData.width,
-            height: processedImageData.height,
-        };
-        this.setImageSize(imageSize);
-        var _a = this.getBuffCollection(processedImageData), rowRGBABuff = _a.rowRGBABuff, buff = _a.buff;
-        var _b = this.getQualityBuff(buff, +quality), qualityBuff = _b.qualityBuff, rangeCommit = _b.rangeCommit;
-        var qualityBuffWithMostCommonElement = this.getMostCommonQuanlityBuff(qualityBuff, rangeCommit);
-        var rowQualityBuffWithMostCommonElement = qualityBuffWithMostCommonElement.flat();
-        if (rowRGBABuff.length >= rowQualityBuffWithMostCommonElement.length) {
-            var occurrenceRGBAbuff = rowQualityBuffWithMostCommonElement.map(function (hexColor, index) {
-                var _a = Convert.hexToRgb(hexColor), r = _a.r, g = _a.g, b = _a.b;
-                var a = rowRGBABuff[index][3];
-                return [r, g, b, a];
-            });
-            var rowBuff = occurrenceRGBAbuff.flat();
-            rowBuff.forEach(function (color, index) {
-                processedImageData.data[index] = color;
-            });
-        }
-        return processedImageData;
-    };
-    VagueFilter.prototype.getQualityProcessedRemainder = function (imageData, quality) {
-        var rowRGBABuff = this.getRowRGBABuff(imageData);
-        var RGBAMatrix = this.getRGBAMatrix(rowRGBABuff, { width: imageData.width, height: imageData.height });
-        var cqx = quality - (imageData.width % quality);
-        var cqy = quality - (imageData.height % quality);
-        var xCommit = range(0, cqx);
-        var yCommit = range(0, cqy);
-        var tempSize = {
-            width: imageData.width + cqx,
-            height: imageData.height + cqy,
-        };
-        var xLastIndex = RGBAMatrix[0].length - 1;
-        RGBAMatrix.forEach(function (row, y) {
-            var xLastRGBAByte = row[xLastIndex];
-            xCommit.forEach(function () { return RGBAMatrix[y].push(xLastRGBAByte); });
-        });
-        var yLastIndex = RGBAMatrix.length - 1;
-        var yLastRGBARow = RGBAMatrix[yLastIndex];
-        yCommit.forEach(function () { return RGBAMatrix.push(yLastRGBARow); });
-        var buffWithRemainder = RGBAMatrix.flat(2);
-        var tempCanvas = document.createElement('canvas');
-        var tempCtx = tempCanvas.getContext('2d');
-        var tempImageData = tempCtx.createImageData(tempSize.width, tempSize.height);
-        buffWithRemainder.forEach(function (_, i) { return tempImageData.data[i] = buffWithRemainder[i]; });
-        return tempImageData;
-    };
-    VagueFilter.prototype.getQualityBuff = function (buff, quality) {
-        var wq = Math.floor(this.imageSize.width / quality);
-        var hq = Math.floor(this.imageSize.height / quality);
-        var qualityBuff = [];
-        var rangeCommit = [];
-        var i = 0;
-        var xStart = 0;
-        var xEnd = quality;
-        var yStart = 0;
-        var yEnd = quality;
-        range(0, hq).forEach(function (hqi) {
-            range(0, wq).forEach(function (wqi) {
-                var _a, _b;
-                var dy = range(yStart, yEnd);
-                var dx = range(xStart, xEnd);
-                var items = [];
-                var coords = [];
-                dy.forEach(function (y) {
-                    dx.forEach(function (x) {
-                        items.push(buff[y][x]);
-                        coords.push({ y: y, x: x });
-                    });
-                });
-                xStart += quality;
-                xEnd += quality;
-                (_a = rangeCommit[i]) !== null && _a !== void 0 ? _a : (rangeCommit[i] = coords);
-                (_b = qualityBuff[i]) !== null && _b !== void 0 ? _b : (qualityBuff[i] = items);
-                i++;
-            });
-            xStart = 0;
-            xEnd = quality;
-            yStart += quality;
-            yEnd += quality;
-        });
-        return { qualityBuff: qualityBuff, rangeCommit: rangeCommit };
-    };
-    VagueFilter.prototype.getMostCommonQuanlityBuff = function (qualityBuff, rangeCommit) {
-        var _this = this;
-        var mostCommonQuanlityBuff = [];
-        var qualityBuffWithMostCommonElement = qualityBuff.map(function (newPixel) {
-            var color = _this.getMostCommonElement(newPixel);
-            return newPixel.map(function () { return color; });
-        });
-        qualityBuffWithMostCommonElement.forEach(function (qPixel, pixelIndex) {
-            qPixel.forEach(function (pixelColor, pixelColorIndex) {
-                var _a, _b;
-                var _c;
-                var _d = rangeCommit[pixelIndex][pixelColorIndex], x = _d.x, y = _d.y;
-                (_a = mostCommonQuanlityBuff[y]) !== null && _a !== void 0 ? _a : (mostCommonQuanlityBuff[y] = []);
-                (_b = (_c = mostCommonQuanlityBuff[y])[x]) !== null && _b !== void 0 ? _b : (_c[x] = pixelColor);
-            });
-        });
-        return mostCommonQuanlityBuff;
-    };
-    VagueFilter.prototype.getMostCommonElement = function (array) {
-        function mostCommon(a, b) {
-            var diffA = array.filter(function (v) { return v === a; }).length;
-            var diffB = array.filter(function (v) { return v === b; }).length;
-            return diffA - diffB;
-        }
-        var arraySorted = array.sort(mostCommon);
-        var mostCommonElement = arraySorted[arraySorted.length - 1];
-        return mostCommonElement;
-    };
-    return VagueFilter;
-}(Filter));
-export default VagueFilter;

package/dist/filters/index.js

@@ -1,2 +0,0 @@
-import VagueFilter from './collection/vague';
-export { VagueFilter, };

package/dist/index.js

@@ -1,75 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { reflect } from "./utils/reflect";
-reflect();
-import AppConfig from "./config";
-import WebComponent from "./web-component";
-import CanvasComponent from "./components/canvas.component";
-import PipetteComponent from "./components/pipette.component";
-import ExcretionComponent from "./components/excretions.component";
-import SlotComponent from "./components/slot.component";
-import LoadingComponent from "./components/loading.component";
-import DrawService from "./services/draw.service";
-import ToolService from "./services/tool.service";
-import LoggerService from "./services/logger.service";
-import CropService from "./services/crop.service";
-import DownloadService from "./services/download.service";
-import ToolLayerService from "./services/tool-layers.service";
-import EventService from "./services/event.service";
-import ThroughHistoryService from "./services/through-history.service";
-import ProjectsService from "./services/projects.service";
-import PullProjectService from "./services/pull-project.service";
-import DrawAccumulatorService from './services/draw-accumulator.service';
-import AppStore from "./store/store";
-import AppStoreRepository from "./store/storeRepository";
-var CanvasEditorEngine = /** @class */ (function () {
-    function CanvasEditorEngine() {
-    }
-    CanvasEditorEngine.prototype.getInitial = function () {
-        return { component: WebComponent };
-    };
-    return CanvasEditorEngine;
-}());
-var StaticCanvasEditorEngine = /** @class */ (function (_super) {
-    __extends(StaticCanvasEditorEngine, _super);
-    function StaticCanvasEditorEngine() {
-        return _super.call(this) || this;
-    }
-    StaticCanvasEditorEngine.prototype.init = function () {
-        var customElementRegistry = window.customElements;
-        var component = this.getInitial().component;
-        customElementRegistry.define('canvas-editor-engine', component);
-    };
-    return StaticCanvasEditorEngine;
-}(CanvasEditorEngine));
-var VueCanvasEditorEngine = /** @class */ (function (_super) {
-    __extends(VueCanvasEditorEngine, _super);
-    function VueCanvasEditorEngine() {
-        return _super.call(this) || this;
-    }
-    return VueCanvasEditorEngine;
-}(CanvasEditorEngine));
-export { 
-// config
-AppConfig, 
-// components
-PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, 
-// services
-ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, ProjectsService, PullProjectService, DrawAccumulatorService, 
-// general
-StaticCanvasEditorEngine, VueCanvasEditorEngine, 
-// store
-AppStore, AppStoreRepository, };

package/dist/services/component.service.js

@@ -1,40 +0,0 @@
-import { reflect } from "../utils/reflect";
-reflect();
-var ComponentService = /** @class */ (function () {
-    function ComponentService() {
-    }
-    ComponentService.prototype.getTemplate = function (template, wrapOptions) {
-        var options = {
-            tag: 'div',
-        };
-        if (!!wrapOptions) {
-            Object.keys(wrapOptions).forEach(function (key) {
-                if (!!wrapOptions[key]) {
-                    options[key] = wrapOptions[key];
-                }
-            });
-        }
-        var wrap = document.createElement(options.tag);
-        if (!!options) {
-            Object.keys(options).forEach(function (key) {
-                if (!!options[key] && key !== 'tag') {
-                    wrap[key] = options[key];
-                }
-            });
-        }
-        if (!!template) {
-            wrap.innerHTML = template;
-        }
-        return wrap;
-    };
-    ComponentService.prototype.getStyle = function (css) {
-        if (!!css === false)
-            return null;
-        var style = document.createElement('style');
-        style.type = 'text/css';
-        style.appendChild(document.createTextNode(css));
-        return style;
-    };
-    return ComponentService;
-}());
-export default ComponentService;