canvas-editor-engine 2.3.53 → 2.3.55

package/dist/index.mjs

@@ -2542,7 +2542,7 @@ var DrawLayersService = function() {
             });
         }));
     };
-    DrawLayersService.prototype.changeLayerOrder = function(id, options) {
+    DrawLayersService.prototype.changeLayerOrder = function(id, options, noReplayseable) {
         return __awaiter(this, void 0, void 0, (function() {
             var _this = this;
             return __generator(this, (function(_a) {
@@ -2570,17 +2570,19 @@ var DrawLayersService = function() {
                             break;
 
                           case "front":
-                            var mostMax = _this.layerList.sort((function(a, b) {
-                                return a.order - b.order;
-                            }))[0];
-                            newOrder = mostMax.order;
+                            var mostMax_1 = 0;
+                            _this.layerList.forEach((function(l) {
+                                return l.order > mostMax_1 ? mostMax_1 = l.order : null;
+                            }));
+                            newOrder = mostMax_1;
                             break;
 
                           case "back":
-                            var mostMin = _this.layerList.sort((function(a, b) {
-                                return b.order - a.order;
-                            }))[0];
-                            newOrder = mostMin.order;
+                            var mostMin_1 = Infinity;
+                            _this.layerList.forEach((function(l) {
+                                return l.order < mostMin_1 ? mostMin_1 = l.order : null;
+                            }));
+                            newOrder = mostMin_1;
                             break;
                         }
                     }
@@ -2597,24 +2599,30 @@ var DrawLayersService = function() {
                             newOrder = layer.order / operand;
                         }
                     }
-                    var replaceableIndex = _this.layerList.findIndex((function(layer) {
-                        return layer.order === newOrder;
-                    }));
-                    if (replaceableIndex === layerIndex) return reject({
-                        status: "error",
-                        message: "Layer order equals to replaceable layer order"
-                    });
-                    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);
+                    if (!noReplayseable) {
+                        var replaceableIndex = _this.layerList.findIndex((function(layer) {
+                            return layer.order === newOrder;
+                        }));
+                        if (replaceableIndex === layerIndex) return reject({
+                            status: "error",
+                            message: "Layer order equals to replaceable layer order"
+                        });
+                        if (replaceableIndex === -1) return reject({
+                            status: "error",
+                            message: "Replaceable layer not found"
+                        });
+                        layer.order = newOrder;
+                        _this.layerList[layerIndex] = layer;
+                        _this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", layer);
+                        _this.layerList.slice(layerIndex + 1, replaceableIndex + 1).forEach((function(layer, index) {
+                            _this.layerList[index].order = layer.order - 1;
+                            _this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", _this.layerList[index]);
+                        }));
+                    } else {
+                        layer.order = newOrder;
+                        _this.layerList[layerIndex] = layer;
+                        _this.appStoreRepository.store.drawLayersState.reduce("UPDATE_LAYER", layer);
+                    }
                     resolve({
                         status: "success",
                         message: "Layer order updated"

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

@@ -26,7 +26,8 @@ export default class DrawLayersService {
      * 3. addendum (optional)
      * @param id ILayer['id']
      * @param options IUpdateLayerOptions
+     * @param noReplayseable (optional) If true, the operation will not use the layer being replaceable ([0, 1, 2, 3] -> [0, 2*, 2, 3] -> [0, 1, 2*, 3])
      * @returns promise { status: 'success' | 'error', message: string }
      */
-    changeLayerOrder(id: ILayer['id'], options: IUpdateLayerOptions): Promise<unknown>;
+    changeLayerOrder(id: ILayer['id'], options: IUpdateLayerOptions, noReplayseable?: boolean): Promise<unknown>;
 }

package/package.json

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