canvas-editor-engine 2.3.50 → 2.3.52

package/dist/index.mjs

@@ -2555,17 +2555,32 @@ var DrawLayersService = function() {
                         message: "Layer not found"
                     });
                     var layer = _this.layerList[layerIndex];
+                    var newOrder = layer.order;
                     if (options === null || options === void 0 ? void 0 : options.to) {
-                        layer.order = options.to;
+                        newOrder = options.to;
                     }
                     if (options === null || options === void 0 ? void 0 : options.direction) {
                         switch (options.direction) {
                           case "up":
-                            layer.order = layer.order - 1;
+                            newOrder = layer.order + 1;
                             break;
 
                           case "down":
-                            layer.order = layer.order + 1;
+                            newOrder = layer.order - 1;
+                            break;
+
+                          case "front":
+                            var mostMax = _this.layerList.sort((function(a, b) {
+                                return a.order - b.order;
+                            }))[0];
+                            newOrder = mostMax.order;
+                            break;
+
+                          case "back":
+                            var mostMin = _this.layerList.sort((function(a, b) {
+                                return b.order - a.order;
+                            }))[0];
+                            newOrder = mostMin.order;
                             break;
                         }
                     }
@@ -2573,15 +2588,27 @@ var DrawLayersService = function() {
                         var operation = options.addendum.operation;
                         var operand = options.addendum.value;
                         if (operation === "add") {
-                            layer.order = layer.order + operand;
+                            newOrder = layer.order + operand;
                         } else if (operation === "subtract") {
-                            layer.order = layer.order - operand;
+                            newOrder = layer.order - operand;
                         } else if (operation === "multiplication") {
-                            layer.order = layer.order * operand;
+                            newOrder = layer.order * operand;
                         } else if (operation === "division") {
-                            layer.order = layer.order / operand;
+                            newOrder = layer.order / operand;
                         }
                     }
+                    var replaceableIndex = _this.layerList.findIndex((function(layer) {
+                        return layer.order === newOrder;
+                    }));
+                    if (replaceableIndex === -1) return reject({
+                        status: "error",
+                        message: "Replaceable layer not found"
+                    });
+                    var replaceable = _this.layerList[replaceableIndex];
+                    replaceable.order = layer.order;
+                    _this.layerList[replaceableIndex] = replaceable;
+                    _this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", replaceable);
+                    layer.order = newOrder;
                     _this.layerList[layerIndex] = layer;
                     _this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", layer);
                     resolve({

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

@@ -19,5 +19,14 @@ export default class DrawLayersService {
     removePainter(id: IPainter['id']): void;
     updatePainterData(painter: Painter): void;
     removeLayer(id: ILayer['id']): Promise<unknown>;
+    /**
+     * options steps:
+     * 1. to (optional)
+     * 2. direction (optional)
+     * 3. addendum (optional)
+     * @param id ILayer['id']
+     * @param options IUpdateLayerOptions
+     * @returns promise { status: 'success' | 'error', message: string }
+     */
     changeLayerOrder(id: ILayer['id'], options: IUpdateLayerOptions): Promise<unknown>;
 }

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

@@ -13,7 +13,7 @@ export interface ILayerUpdate {
 export type TReducerNames = 'SET_LAYERS' | 'UPDATE_LAYER' | 'ADD_LAYER' | 'REMOVE_LAYER';
 export interface IUpdateLayerOptions {
     to?: number;
-    direction?: 'up' | 'down';
+    direction?: 'up' | 'down' | 'front' | 'back';
     addendum?: {
         operation: 'add' | 'subtract' | 'multiplication' | 'division';
         value: number;

package/package.json

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