canvas-editor-engine 1.0.71 → 1.0.73

package/dist/components/loading.component.js

@@ -15,6 +15,7 @@ class LoadingComponent extends component_service_1.default {
       position: absolute;
       width: 100%;
       height: 100%;
+      background: #ffffff30;
     }
 
     .loader {

package/dist/filters/collection/vague.d.ts

@@ -4,7 +4,7 @@ export default class VagueFilter extends Filter {
     options: IImageOptions;
     filterList: TFilterMethod[];
     constructor(ctx: CanvasRenderingContext2D, options: IImageOptions);
-    on(action: TFilterMethod, filterOptions: IFilterOptions): void;
+    on(action: TFilterMethod, filterOptions: IFilterOptions): Promise<unknown>;
     pixel(imageData: ImageData, filterOptions: IFilterOptions): ImageData;
     private getQualityBuff;
     private getMostCommonQuanlityBuff;

package/dist/filters/collection/vague.js

@@ -11,9 +11,12 @@ class VagueFilter extends filter_1.Filter {
         this.options = options;
     }
     on(action, filterOptions) {
-        const imageData = this.copy(this.options);
-        const rowImageData = this[action](imageData, filterOptions);
-        this.update(rowImageData, this.options);
+        return new Promise((resolve) => {
+            const imageData = this.copy(this.options);
+            const rowImageData = this[action](imageData, filterOptions);
+            this.update(rowImageData, this.options);
+            return resolve('complite');
+        });
     }
     pixel(imageData, filterOptions) {
         const imageSize = {

package/dist/services/draw.service.d.ts

@@ -11,5 +11,5 @@ export declare class SCImage {
     constructor(src: string, ctx: CanvasRenderingContext2D);
     get(): HTMLImageElement;
     draw(options: IDrawImageArgs): Promise<unknown>;
-    vague(options: IImageOptions, filterOptions: IFilterOptions): void;
+    vague(options: IImageOptions, filterOptions: IFilterOptions): Promise<unknown>;
 }

package/dist/services/draw.service.js

@@ -14,7 +14,9 @@ class DrawService {
     static drawSmoothImage(useStore, options, filterOptions) {
         const filterArgs = DrawService.getFilterArgs(useStore, options);
         event_service_1.default.dispatch('loading-start');
-        this.scImage.vague(filterArgs, filterOptions);
+        this.scImage.vague(filterArgs, filterOptions).finally(() => {
+            event_service_1.default.dispatch('loading-end');
+        });
     }
     static getFilterArgs(useStore, options) {
         let filterArgs;
@@ -84,7 +86,7 @@ class SCImage {
     }
     vague(options, filterOptions) {
         const filter = new filters_1.VagueFilter(this.ctx, options);
-        filter.on('pixel', filterOptions);
+        return filter.on('pixel', filterOptions);
     }
 }
 exports.SCImage = SCImage;

package/package.json

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