canvas-editor-engine 1.0.60 → 1.0.62

package/dist/index.d.ts

@@ -4,6 +4,7 @@ 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";
@@ -26,4 +27,4 @@ declare class VueCanvasEditorEngine extends CanvasEditorEngine {
     getContext2D(): CanvasRenderingContext2D;
     getCanvas(): HTMLCanvasElement;
 }
-export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, StaticCanvasEditorEngine, VueCanvasEditorEngine, };
+export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, StaticCanvasEditorEngine, VueCanvasEditorEngine, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueCanvasEditorEngine = exports.StaticCanvasEditorEngine = exports.ToolLayerService = exports.DownloadService = exports.CropService = exports.LoggerService = exports.DrawService = exports.ToolService = exports.SlotComponent = exports.ExcretionComponent = exports.CanvasComponent = exports.PipetteComponent = exports.AppConfig = void 0;
+exports.VueCanvasEditorEngine = exports.StaticCanvasEditorEngine = exports.ToolLayerService = exports.DownloadService = exports.CropService = exports.LoggerService = exports.DrawService = exports.ToolService = exports.LoadingComponent = exports.SlotComponent = exports.ExcretionComponent = exports.CanvasComponent = exports.PipetteComponent = exports.AppConfig = void 0;
 const config_1 = require("./config");
 exports.AppConfig = config_1.default;
 const web_component_1 = require("./web-component");
@@ -12,7 +12,8 @@ const excretions_component_1 = require("./components/excretions.component");
 exports.ExcretionComponent = excretions_component_1.default;
 const slot_component_1 = require("./components/slot.component");
 exports.SlotComponent = slot_component_1.default;
-// import LoadingComponent from "./components/loading.component";
+const loading_component_1 = require("./components/loading.component");
+exports.LoadingComponent = loading_component_1.default;
 const draw_service_1 = require("./services/draw.service");
 exports.DrawService = draw_service_1.default;
 const tool_service_1 = require("./services/tool.service");

package/dist/services/draw.service.js

@@ -4,6 +4,7 @@ exports.SCImage = void 0;
 const config_1 = require("../config");
 const filters_1 = require("../filters");
 const store_1 = require("../store/store");
+const event_service_1 = require("./event.service");
 class DrawService {
     static scImage;
     static drawImage(ctx, src, options) {
@@ -12,7 +13,7 @@ class DrawService {
     }
     static drawSmoothImage(useStore, options, filterOptions) {
         const filterArgs = DrawService.getFilterArgs(useStore, options);
-        // EventService.dispatch('loading-start');
+        event_service_1.default.dispatch('loading-start');
         this.scImage.vague(filterArgs, filterOptions);
     }
     static getFilterArgs(useStore, options) {

package/dist/services/event.service.js

@@ -14,7 +14,7 @@ class EventAtom {
 }
 exports.EventAtom = EventAtom;
 class EventService {
-    static eventList;
+    static eventList = [];
     static subcribe(controlEvent) {
         const eventAtom = {
             id: new guid4_1.Guid4().finite,
@@ -27,7 +27,7 @@ class EventService {
         eventAtom.action(eventArgs);
     }
     static applyEvents(baseElement) {
-        EventService.eventList.forEach((event) => {
+        EventService.eventList?.forEach((event) => {
             baseElement.addEventListener(event.name, event.action);
         });
     }

package/dist/web-component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebComponentWrapper = void 0;
 const canvas_component_1 = require("./components/canvas.component");
 const excretions_component_1 = require("./components/excretions.component");
-// import LoadingComponent from "./components/loading.component";
+const loading_component_1 = require("./components/loading.component");
 const pipette_component_1 = require("./components/pipette.component");
 const slot_component_1 = require("./components/slot.component");
 const event_service_1 = require("./services/event.service");
@@ -90,8 +90,8 @@ class WebComponent extends HTMLElement {
         webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
         const { excretionsTemplate, excretionsStyle } = excretions_component_1.default.getComponent();
         webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
-        // const { loadingTemplate, loadingStyle } = LoadingComponent.getComponent();
-        // webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
+        const { loadingTemplate, loadingStyle } = loading_component_1.default.getComponent();
+        webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
         shadowRoot.appendChild(webComponentWrapper.baseElement);
         canvas_component_1.default.simulateSubscriptions();
         event_service_1.default.applyEvents(webComponentWrapper.baseElement);

package/package.json

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