canvas-editor-engine 2.1.9 → 2.1.11

package/dist/index.mjs

@@ -1720,137 +1720,6 @@ var PullProjectService = function() {
     return PullProjectService;
 }();
 
-reflect();
-
-var WebComponentWrapper = function() {
-    function WebComponentWrapper() {
-        var base = document.createElement("div");
-        base.className = "wc-editor";
-        base.style.position = "relative";
-        base.style.display = "flex";
-        base.style.overflow = "hidden";
-        var stylesWrap = document.createElement("div");
-        stylesWrap.className = "styles-wrap";
-        var editorWrap = document.createElement("div");
-        editorWrap.className = "editor-wrap";
-        editorWrap.style.position = "relative";
-        editorWrap.style.display = "flex";
-        editorWrap.style.overflow = "hidden";
-        var toolsWrap = document.createElement("div");
-        toolsWrap.className = "tools-wrap";
-        toolsWrap.style.position = "relative";
-        toolsWrap.style.display = "flex";
-        base.appendChild(stylesWrap);
-        base.appendChild(editorWrap);
-        base.appendChild(toolsWrap);
-        this.baseElement = base;
-        this.stylesWrapElement = stylesWrap;
-        this.editorWrapElement = editorWrap;
-        this.toolsWrapElement = toolsWrap;
-        this._baseStyle();
-    }
-    Object.defineProperty(WebComponentWrapper.prototype, "base", {
-        get: function() {
-            return this._methods(this.baseElement);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebComponentWrapper.prototype, "editorWrap", {
-        get: function() {
-            return this._methods(this.editorWrapElement);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebComponentWrapper.prototype, "stylesWrap", {
-        get: function() {
-            return this._methods(this.stylesWrapElement);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebComponentWrapper.prototype, "toolsWrap", {
-        get: function() {
-            return this._methods(this.toolsWrapElement);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    WebComponentWrapper.prototype._methods = function(elementWrapper) {
-        var _this = this;
-        return {
-            add: function(component, style) {
-                return _this._add(elementWrapper, component, style);
-            }
-        };
-    };
-    WebComponentWrapper.prototype._add = function(elementWrapper, component, style) {
-        var componentElement = elementWrapper.appendChild(component);
-        if (!!style) {
-            this.stylesWrapElement.appendChild(style);
-        }
-        return componentElement;
-    };
-    WebComponentWrapper.prototype._baseStyle = function() {
-        var style = document.createElement("style");
-        style.innerHTML = "\n      * {\n        user-select: none;\n      }\n    ";
-        this.stylesWrapElement.appendChild(style);
-    };
-    return WebComponentWrapper;
-}();
-
-var WebComponent = function(_super) {
-    __extends(WebComponent, _super);
-    function WebComponent() {
-        var _this = _super.call(this) || this;
-        var shadowRoot = _this.attachShadow({
-            mode: "open"
-        });
-        _this.webComponentWrapper = new WebComponentWrapper;
-        shadowRoot.appendChild(_this.webComponentWrapper.baseElement);
-        return _this;
-    }
-    WebComponent.prototype.init = function(appConfig) {
-        this.appConfig = appConfig;
-        this.projectsService = new ProjectsService;
-        this.loggerService = new LoggerService;
-        this.toolLayerService = new ToolLayerService(this.appConfig);
-        this.eventService = new EventService;
-        this.canvasComponent = new CanvasComponent(this.appConfig, this.loggerService, this.toolLayerService);
-        this.toolService = new ToolService(this.canvasComponent);
-        this.appStoreRepository = new AppStoreRepository;
-        this.throughHistoryService = new ThroughHistoryService(this.appConfig, this.appStoreRepository);
-        this.appStore = new AppStore(this.throughHistoryService, this.appStoreRepository);
-        this.pullProjectService = new PullProjectService(this.throughHistoryService, this.appStoreRepository);
-        var _a = this.canvasComponent.getComponent(), canvasTemplate = _a.canvasTemplate, canvasStyle = _a.canvasStyle;
-        this.canvasElement = this.webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
-        var pipetteComponent = new PipetteComponent(this.toolService, this.loggerService, this.canvasComponent);
-        var _b = pipetteComponent.getComponent(), pipetteTemplate = _b.pipetteTemplate, pipetteStyle = _b.pipetteStyle;
-        this.webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
-        var slotComponent = new SlotComponent(this.loggerService);
-        var _c = slotComponent.getComponent("tools"), slotTemplate = _c.slotTemplate, slotStyle = _c.slotStyle;
-        this.webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
-        this.excretionsComponent = new ExcretionsComponent(this.toolService, this.loggerService, this.toolLayerService, this.canvasComponent);
-        this.cropService = new CropService(this.appConfig, this.appStoreRepository, this.excretionsComponent);
-        var _d = this.excretionsComponent.getComponent(), excretionsTemplate = _d.excretionsTemplate, excretionsStyle = _d.excretionsStyle;
-        this.webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
-        var loadingComponent = new LoadingComponent(this.loggerService, this.eventService);
-        var _e = loadingComponent.getComponent(), loadingTemplate = _e.loadingTemplate, loadingStyle = _e.loadingStyle;
-        this.webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
-        this.canvasComponent.simulateSubscriptions();
-        this.eventService.applyEvents(this.webComponentWrapper.baseElement);
-        return this.initial();
-    };
-    WebComponent.prototype.initial = function() {
-        return {
-            editorElement: this.canvasElement,
-            canvasSelector: this.canvasComponent.getCanvasSelector()
-        };
-    };
-    return WebComponent;
-}(HTMLElement);
-
 var VagueFilter = function(_super) {
     __extends(VagueFilter, _super);
     function VagueFilter(appConfig, ctx, options) {
@@ -2190,6 +2059,139 @@ var DownloadService = function() {
 
 reflect();
 
+var WebComponentWrapper = function() {
+    function WebComponentWrapper() {
+        var base = document.createElement("div");
+        base.className = "wc-editor";
+        base.style.position = "relative";
+        base.style.display = "flex";
+        base.style.overflow = "hidden";
+        var stylesWrap = document.createElement("div");
+        stylesWrap.className = "styles-wrap";
+        var editorWrap = document.createElement("div");
+        editorWrap.className = "editor-wrap";
+        editorWrap.style.position = "relative";
+        editorWrap.style.display = "flex";
+        editorWrap.style.overflow = "hidden";
+        var toolsWrap = document.createElement("div");
+        toolsWrap.className = "tools-wrap";
+        toolsWrap.style.position = "relative";
+        toolsWrap.style.display = "flex";
+        base.appendChild(stylesWrap);
+        base.appendChild(editorWrap);
+        base.appendChild(toolsWrap);
+        this.baseElement = base;
+        this.stylesWrapElement = stylesWrap;
+        this.editorWrapElement = editorWrap;
+        this.toolsWrapElement = toolsWrap;
+        this._baseStyle();
+    }
+    Object.defineProperty(WebComponentWrapper.prototype, "base", {
+        get: function() {
+            return this._methods(this.baseElement);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WebComponentWrapper.prototype, "editorWrap", {
+        get: function() {
+            return this._methods(this.editorWrapElement);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WebComponentWrapper.prototype, "stylesWrap", {
+        get: function() {
+            return this._methods(this.stylesWrapElement);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WebComponentWrapper.prototype, "toolsWrap", {
+        get: function() {
+            return this._methods(this.toolsWrapElement);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WebComponentWrapper.prototype._methods = function(elementWrapper) {
+        var _this = this;
+        return {
+            add: function(component, style) {
+                return _this._add(elementWrapper, component, style);
+            }
+        };
+    };
+    WebComponentWrapper.prototype._add = function(elementWrapper, component, style) {
+        var componentElement = elementWrapper.appendChild(component);
+        if (!!style) {
+            this.stylesWrapElement.appendChild(style);
+        }
+        return componentElement;
+    };
+    WebComponentWrapper.prototype._baseStyle = function() {
+        var style = document.createElement("style");
+        style.innerHTML = "\n      * {\n        user-select: none;\n      }\n    ";
+        this.stylesWrapElement.appendChild(style);
+    };
+    return WebComponentWrapper;
+}();
+
+var WebComponent = function(_super) {
+    __extends(WebComponent, _super);
+    function WebComponent() {
+        var _this = _super.call(this) || this;
+        var shadowRoot = _this.attachShadow({
+            mode: "open"
+        });
+        _this.webComponentWrapper = new WebComponentWrapper;
+        shadowRoot.appendChild(_this.webComponentWrapper.baseElement);
+        return _this;
+    }
+    WebComponent.prototype.init = function(appConfig) {
+        this.appConfig = appConfig;
+        this.projectsService = new ProjectsService;
+        this.loggerService = new LoggerService;
+        this.toolLayerService = new ToolLayerService(this.appConfig);
+        this.eventService = new EventService;
+        this.canvasComponent = new CanvasComponent(this.appConfig, this.loggerService, this.toolLayerService);
+        this.toolService = new ToolService(this.canvasComponent);
+        this.appStoreRepository = new AppStoreRepository;
+        this.throughHistoryService = new ThroughHistoryService(this.appConfig, this.appStoreRepository);
+        this.appStore = new AppStore(this.throughHistoryService, this.appStoreRepository);
+        this.pullProjectService = new PullProjectService(this.throughHistoryService, this.appStoreRepository);
+        this.drawService = new DrawService(this.appConfig, this.appStoreRepository, this.eventService);
+        this.downloadService = new DownloadService(this.canvasComponent);
+        var _a = this.canvasComponent.getComponent(), canvasTemplate = _a.canvasTemplate, canvasStyle = _a.canvasStyle;
+        this.canvasElement = this.webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
+        var pipetteComponent = new PipetteComponent(this.toolService, this.loggerService, this.canvasComponent);
+        var _b = pipetteComponent.getComponent(), pipetteTemplate = _b.pipetteTemplate, pipetteStyle = _b.pipetteStyle;
+        this.webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
+        var slotComponent = new SlotComponent(this.loggerService);
+        var _c = slotComponent.getComponent("tools"), slotTemplate = _c.slotTemplate, slotStyle = _c.slotStyle;
+        this.webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
+        this.excretionsComponent = new ExcretionsComponent(this.toolService, this.loggerService, this.toolLayerService, this.canvasComponent);
+        this.cropService = new CropService(this.appConfig, this.appStoreRepository, this.excretionsComponent);
+        var _d = this.excretionsComponent.getComponent(), excretionsTemplate = _d.excretionsTemplate, excretionsStyle = _d.excretionsStyle;
+        this.webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
+        var loadingComponent = new LoadingComponent(this.loggerService, this.eventService);
+        var _e = loadingComponent.getComponent(), loadingTemplate = _e.loadingTemplate, loadingStyle = _e.loadingStyle;
+        this.webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
+        this.canvasComponent.simulateSubscriptions();
+        this.eventService.applyEvents(this.webComponentWrapper.baseElement);
+        return this.initial();
+    };
+    WebComponent.prototype.initial = function() {
+        return {
+            editorElement: this.canvasElement,
+            canvasSelector: this.canvasComponent.getCanvasSelector()
+        };
+    };
+    return WebComponent;
+}(HTMLElement);
+
+reflect();
+
 var CanvasEditorEngine = function() {
     function CanvasEditorEngine() {}
     CanvasEditorEngine.prototype.getInitial = function() {

package/dist/web-component.d.ts

@@ -15,6 +15,8 @@ import ThroughHistoryService from "./services/through-history.service";
 import AppStoreRepository from "./store/storeRepository";
 import ProjectsService from "./services/projects.service";
 import PullProjectService from "./services/pull-project.service";
+import DrawService from "./services/draw.service";
+import DownloadService from "./services/download.service";
 export declare class WebComponentWrapper {
     baseElement: HTMLDivElement;
     editorWrapElement: HTMLDivElement;
@@ -39,6 +41,8 @@ export declare class WebComponentWrapper {
 }
 export default class WebComponent extends HTMLElement {
     appConfig: AppConfig;
+    appStoreRepository: AppStoreRepository;
+    appStore: AppStore;
     webComponentWrapper: WebComponentWrapper;
     canvasElement: HTMLDivElement;
     canvasComponent: CanvasComponent;
@@ -53,9 +57,9 @@ export default class WebComponent extends HTMLElement {
     throughHistoryService: ThroughHistoryService;
     projectsService: ProjectsService;
     pullProjectService: PullProjectService;
-    appStore: AppStore;
     loggerService: LoggerService;
-    appStoreRepository: AppStoreRepository;
+    drawService: DrawService;
+    downloadService: DownloadService;
     constructor();
     init(appConfig: AppConfig): {
         editorElement: HTMLDivElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",