canvas-editor-engine 2.3.20 → 2.3.21

package/dist/index.mjs

@@ -2467,9 +2467,44 @@ var DrawLayersService = function() {
         var layer = this.layerList[layerIndex];
         this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", layer);
     };
+    DrawLayersService.prototype.updatePainterData = function(painter) {
+        var layerIndex = this.layerList.findIndex((function(layer) {
+            return layer.painters.find((function(layerPainter) {
+                return layerPainter.id === painter.id;
+            }));
+        }));
+        if (layerIndex === -1) return;
+        var painterIndex = this.layerList[layerIndex].painters.findIndex((function(layerPainter) {
+            return layerPainter.id === painter.id;
+        }));
+        this.layerList[layerIndex].painters[painterIndex] = painter;
+        var layer = this.layerList[layerIndex];
+        this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", layer);
+    };
     return DrawLayersService;
 }();
 
+var Painter = function() {
+    function Painter(drawLayersService, createModel) {
+        this.drawLayersService = drawLayersService;
+        this.drawService = createModel.drawService;
+        this.drawType = createModel.drawType;
+        this.id = createModel.id;
+        this.name = createModel.name;
+    }
+    Painter.prototype.putPainter = function(painter) {
+        var isUpdated = false;
+        if (painter.name) {
+            this.name = painter.name;
+            isUpdated = true;
+        }
+        if (isUpdated) {
+            this.drawLayersService.updatePainterData(this);
+        }
+    };
+    return Painter;
+}();
+
 var DrawAccumulatorService = function() {
     function DrawAccumulatorService(appConfig, appStoreRepository, eventService, drawLayersService) {
         this.appConfig = appConfig;
@@ -2511,11 +2546,12 @@ var DrawAccumulatorService = function() {
             var id, painter;
             return __generator(this, (function(_a) {
                 id = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-                painter = {
+                painter = new Painter(this.drawLayersService, {
                     drawService: new DrawService(this.appConfig, this.appStoreRepository, this.eventService),
+                    name: "Painter ".concat(id),
                     drawType,
                     id
-                };
+                });
                 painter.drawService.bindOptions(drawType, options);
                 painter.drawService.tempCanvas.bindOptions(initialSize);
                 this.painters.push({
@@ -2528,23 +2564,35 @@ var DrawAccumulatorService = function() {
             }));
         }));
     };
-    DrawAccumulatorService.prototype.removePainter = function(id) {
+    DrawAccumulatorService.prototype.removePainter = function(painterId) {
         return __awaiter(this, void 0, void 0, (function() {
             var painter;
             return __generator(this, (function(_a) {
                 painter = this.painters.find((function(painter) {
-                    return painter.id === id;
+                    return painter.id === painterId;
                 }));
                 if (!!painter) {
                     this.painters = this.painters.filter((function(painter) {
-                        return painter.id !== id;
+                        return painter.id !== painterId;
                     }));
                 }
-                this.drawLayersService.removePainter(id);
+                this.drawLayersService.removePainter(painterId);
                 return [ 2 ];
             }));
         }));
     };
+    DrawAccumulatorService.prototype.renamePainter = function(painterId, name) {
+        var painter = this.painters.find((function(painter) {
+            return painter.id === painterId;
+        }));
+        if (painter) {
+            painter.putPainter({
+                name
+            });
+        } else {
+            console.error("Painter not found");
+        }
+    };
     DrawAccumulatorService.prototype.smoothFilter = function(painterId, smoothFilterOptions) {
         return __awaiter(this, void 0, void 0, (function() {
             var useStore, options, filterOptions, painter;

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

@@ -3,6 +3,7 @@ import AppStoreRepository from "../store/storeRepository";
 import { ILayer } from "../types/draw-layers";
 import { IPainter, ISmoothFilterOptions, TDrawType } from "../types/draw-service";
 import { ITempCanvasOptions } from "../types/temp-canvas";
+import Painter from "../utils/painter";
 import DrawLayersService from "./draw-layers.service";
 import DrawService from "./draw.service";
 import EventService from "./event.service";
@@ -11,10 +12,11 @@ export default class DrawAccumulatorService {
     private appStoreRepository;
     private eventService;
     private drawLayersService;
-    painters: IPainter[];
+    painters: Painter[];
     constructor(appConfig: AppConfig, appStoreRepository: AppStoreRepository, eventService: EventService, drawLayersService: DrawLayersService);
     add<DrawType extends TDrawType>(layerId: ILayer['id'], drawType: DrawType, options: DrawService['options'][DrawType], initialSize: ITempCanvasOptions): Promise<void>;
-    removePainter(id: string): Promise<void>;
+    removePainter(painterId: string): Promise<void>;
+    renamePainter(painterId: IPainter['id'], name: string): void;
     smoothFilter(painterId: IPainter['id'], smoothFilterOptions: ISmoothFilterOptions): Promise<void>;
     private update;
     private get gradient();

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

@@ -1,6 +1,7 @@
 import AppStoreRepository from "../store/storeRepository";
 import { ILayer, ILayerUpdate } from "../types/draw-layers";
 import { IPainter } from "../types/draw-service";
+import Painter from "../utils/painter";
 export default class DrawLayersService {
     private appStoreRepository;
     layerList: ILayer[];
@@ -14,4 +15,5 @@ export default class DrawLayersService {
     addToLayer(id: ILayer['id'], painter: IPainter): void;
     updateLayer(id: ILayer['id'], updateData?: ILayerUpdate): void;
     removePainter(id: IPainter['id']): void;
+    updatePainterData(painter: Painter): void;
 }

package/dist/types/draw-service.d.ts

@@ -5,6 +5,10 @@ export interface IPainter {
     drawService: DrawService;
     drawType: TDrawType;
     id: string;
+    name: string;
+}
+export interface IPutPainter {
+    name?: string;
 }
 export interface ISmoothFilterOptions {
     useStore: boolean;

package/dist/utils/painter.d.ts

@@ -0,0 +1,12 @@
+import DrawLayersService from "../services/draw-layers.service";
+import DrawService from "../services/draw.service";
+import { IPainter, IPutPainter, TDrawType } from "../types/draw-service";
+export default class Painter {
+    private drawLayersService;
+    drawService: DrawService;
+    drawType: TDrawType;
+    id: string;
+    name: string;
+    constructor(drawLayersService: DrawLayersService, createModel: IPainter);
+    putPainter(painter: IPutPainter): void;
+}

package/package.json

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