canvas-editor-engine 2.1.3 → 2.1.5

package/dist/index.d.ts

@@ -17,18 +17,16 @@ import ProjectsService from "./services/projects.service";
 import PullProjectService from "./services/pull-project.service";
 import AppStore from "./store/store";
 declare class CanvasEditorEngine {
-    private appConfig;
-    constructor(appConfig: AppConfig);
+    constructor();
     getInitial(): {
-        tag: string;
         component: typeof WebComponent;
     };
 }
 declare class StaticCanvasEditorEngine extends CanvasEditorEngine {
-    constructor(appConfig: AppConfig);
+    constructor();
     init(): void;
 }
 declare class VueCanvasEditorEngine extends CanvasEditorEngine {
-    constructor(appConfig: AppConfig);
+    constructor();
 }
 export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, ProjectsService, PullProjectService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, };

package/dist/index.mjs

@@ -1567,43 +1567,39 @@ var WebComponent = function(_super) {
         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;
         var loggerService = new LoggerService;
-        var toolLayerService = new ToolLayerService(_this.appConfig);
+        var toolLayerService = new ToolLayerService(this.appConfig);
         var eventService = new EventService;
-        var webComponentWrapper = new WebComponentWrapper;
-        _this.canvasComponent = new CanvasComponent(_this.appConfig, loggerService, toolLayerService);
-        var toolService = new ToolService(_this.canvasComponent);
+        this.canvasComponent = new CanvasComponent(this.appConfig, loggerService, toolLayerService);
+        var toolService = new ToolService(this.canvasComponent);
         var appStoreRepository = new AppStoreRepository;
-        var throughHistoryService = new ThroughHistoryService(_this.appConfig, appStoreRepository);
+        var throughHistoryService = new ThroughHistoryService(this.appConfig, appStoreRepository);
         new AppStore(throughHistoryService, appStoreRepository);
-        var _a = _this.canvasComponent.getComponent(), canvasTemplate = _a.canvasTemplate, canvasStyle = _a.canvasStyle;
-        _this.canvasElement = webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
-        var pipetteComponent = new PipetteComponent(toolService, loggerService, _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(toolService, loggerService, this.canvasComponent);
         var _b = pipetteComponent.getComponent(), pipetteTemplate = _b.pipetteTemplate, pipetteStyle = _b.pipetteStyle;
-        webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
+        this.webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
         var slotComponent = new SlotComponent(loggerService);
         var _c = slotComponent.getComponent("tools"), slotTemplate = _c.slotTemplate, slotStyle = _c.slotStyle;
-        webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
-        var excretionsComponent = new ExcretionsComponent(toolService, loggerService, toolLayerService, _this.canvasComponent);
-        new CropService(_this.appConfig, appStoreRepository, excretionsComponent);
+        this.webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
+        var excretionsComponent = new ExcretionsComponent(toolService, loggerService, toolLayerService, this.canvasComponent);
+        new CropService(this.appConfig, appStoreRepository, excretionsComponent);
         var _d = excretionsComponent.getComponent(), excretionsTemplate = _d.excretionsTemplate, excretionsStyle = _d.excretionsStyle;
-        webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
+        this.webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
         var loadingComponent = new LoadingComponent(loggerService, eventService);
         var _e = loadingComponent.getComponent(), loadingTemplate = _e.loadingTemplate, loadingStyle = _e.loadingStyle;
-        webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
-        shadowRoot.appendChild(webComponentWrapper.baseElement);
-        _this.canvasComponent.simulateSubscriptions();
-        eventService.applyEvents(webComponentWrapper.baseElement);
-        _this.addEventListener("initial", (function() {
-            _this.dispatchEvent(new CustomEvent("get-editor-element", {
-                detail: {
-                    editorElement: _this.canvasElement,
-                    canvasSelector: _this.canvasComponent.getCanvasSelector()
-                }
-            }));
-        }));
-        return _this;
-    }
+        this.webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
+        this.canvasComponent.simulateSubscriptions();
+        eventService.applyEvents(this.webComponentWrapper.baseElement);
+        return this.initial();
+    };
     WebComponent.prototype.initial = function() {
         return {
             editorElement: this.canvasElement,
@@ -2206,15 +2202,9 @@ var PullProjectService = function() {
 reflect();
 
 var CanvasEditorEngine = function() {
-    function CanvasEditorEngine(appConfig) {
-        this.appConfig = appConfig;
-    }
+    function CanvasEditorEngine() {}
     CanvasEditorEngine.prototype.getInitial = function() {
-        Object.defineProperty(WebComponent.prototype, "appConfig", {
-            value: this.appConfig
-        });
         return {
-            tag: this.appConfig.WEB_COMPONENT_TAG_NAME,
             component: WebComponent
         };
     };
@@ -2223,21 +2213,21 @@ var CanvasEditorEngine = function() {
 
 var StaticCanvasEditorEngine = function(_super) {
     __extends(StaticCanvasEditorEngine, _super);
-    function StaticCanvasEditorEngine(appConfig) {
-        return _super.call(this, appConfig) || this;
+    function StaticCanvasEditorEngine() {
+        return _super.call(this) || this;
     }
     StaticCanvasEditorEngine.prototype.init = function() {
         var customElementRegistry = window.customElements;
-        var _a = this.getInitial(), tag = _a.tag, component = _a.component;
-        customElementRegistry.define(tag, component);
+        var component = this.getInitial().component;
+        customElementRegistry.define("canvas-editor-engine", component);
     };
     return StaticCanvasEditorEngine;
 }(CanvasEditorEngine);
 
 var VueCanvasEditorEngine = function(_super) {
     __extends(VueCanvasEditorEngine, _super);
-    function VueCanvasEditorEngine(appConfig) {
-        return _super.call(this, appConfig) || this;
+    function VueCanvasEditorEngine() {
+        return _super.call(this) || this;
     }
     return VueCanvasEditorEngine;
 }(CanvasEditorEngine);

package/dist/web-component.d.ts

@@ -27,7 +27,12 @@ export default class WebComponent extends HTMLElement {
     appConfig: AppConfig;
     canvasComponent: CanvasComponent;
     canvasElement: HTMLDivElement;
+    webComponentWrapper: WebComponentWrapper;
     constructor();
+    init(appConfig: AppConfig): {
+        editorElement: HTMLDivElement;
+        canvasSelector: string;
+    };
     initial(): {
         editorElement: HTMLDivElement;
         canvasSelector: string;

package/package.json

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