canvas-editor-engine 2.1.2 → 2.1.4

package/dist/index.mjs

@@ -1567,53 +1567,45 @@ 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;
-    }
-    Object.defineProperty(WebComponent.prototype, "initial", {
-        get: function() {
-            return {
-                editorElement: this.canvasElement,
-                canvasSelector: this.canvasComponent.getCanvasSelector()
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
+        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,
+            canvasSelector: this.canvasComponent.getCanvasSelector()
+        };
+    };
     return WebComponent;
 }(HTMLElement);
 
@@ -2214,9 +2206,6 @@ var CanvasEditorEngine = function() {
         this.appConfig = appConfig;
     }
     CanvasEditorEngine.prototype.getInitial = function() {
-        Object.defineProperty(WebComponent.prototype, "appConfig", {
-            value: this.appConfig
-        });
         return {
             tag: this.appConfig.WEB_COMPONENT_TAG_NAME,
             component: WebComponent

package/dist/web-component.d.ts

@@ -27,8 +27,13 @@ export default class WebComponent extends HTMLElement {
     appConfig: AppConfig;
     canvasComponent: CanvasComponent;
     canvasElement: HTMLDivElement;
+    webComponentWrapper: WebComponentWrapper;
     constructor();
-    get initial(): {
+    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.2",
+  "version": "2.1.4",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",