canvas-editor-engine 2.1.1 → 2.1.2

package/dist/index.mjs

@@ -1571,20 +1571,20 @@ var WebComponent = function(_super) {
         var toolLayerService = new ToolLayerService(_this.appConfig);
         var eventService = new EventService;
         var webComponentWrapper = new WebComponentWrapper;
-        var canvasComponent = new CanvasComponent(_this.appConfig, loggerService, toolLayerService);
-        var toolService = new ToolService(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);
         new AppStore(throughHistoryService, appStoreRepository);
-        var _a = canvasComponent.getComponent(), canvasTemplate = _a.canvasTemplate, canvasStyle = _a.canvasStyle;
-        var canvasElement = webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
-        var pipetteComponent = new PipetteComponent(toolService, loggerService, canvasComponent);
+        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 _b = pipetteComponent.getComponent(), pipetteTemplate = _b.pipetteTemplate, pipetteStyle = _b.pipetteStyle;
         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, canvasComponent);
+        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);
@@ -1592,18 +1592,28 @@ var WebComponent = function(_super) {
         var _e = loadingComponent.getComponent(), loadingTemplate = _e.loadingTemplate, loadingStyle = _e.loadingStyle;
         webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
         shadowRoot.appendChild(webComponentWrapper.baseElement);
-        canvasComponent.simulateSubscriptions();
+        _this.canvasComponent.simulateSubscriptions();
         eventService.applyEvents(webComponentWrapper.baseElement);
         _this.addEventListener("initial", (function() {
             _this.dispatchEvent(new CustomEvent("get-editor-element", {
                 detail: {
-                    editorElement: canvasElement,
-                    canvasSelector: canvasComponent.getCanvasSelector()
+                    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
+    });
     return WebComponent;
 }(HTMLElement);
 

package/dist/web-component.d.ts

@@ -1,3 +1,4 @@
+import CanvasComponent from "./components/canvas.component";
 import { TComponent } from "./types/general";
 import AppConfig from "./config";
 export declare class WebComponentWrapper {
@@ -24,5 +25,11 @@ export declare class WebComponentWrapper {
 }
 export default class WebComponent extends HTMLElement {
     appConfig: AppConfig;
+    canvasComponent: CanvasComponent;
+    canvasElement: HTMLDivElement;
     constructor();
+    get initial(): {
+        editorElement: HTMLDivElement;
+        canvasSelector: string;
+    };
 }

package/package.json

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