@crystaldesign/web-planner-logic 26.10.0-beta.2 → 26.10.0-beta.21

package/build/esm/{ShelfPlanner-2a545c7c.js → ShelfPlanner-6f7a0317.js}

@@ -4,8 +4,8 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { G as Grid, b as setHandlerInstance, a as articleHandlerInstance } from './index-176318a8.js';
-import DivaUtils from '@crystaldesign/diva-utils';
+import { G as Grid, a as articleHandlerInstance, b as setHandlerInstance } from './index-d9bab15b.js';
+import DivaUtils, { DivaError } from '@crystaldesign/diva-utils';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'axios';
@@ -18,6 +18,7 @@ import '@babel/runtime/helpers/wrapNativeSuper';
 import '@crystaldesign/basket-handler';
 import 'socket.io-client';
 
+var LOG = DivaUtils.initLog('Planner', 'WEB-PLANNER-LOGIC');
 var ShelfPlanner = /*#__PURE__*/function () {
   function ShelfPlanner(data, article) {
     _classCallCheck(this, ShelfPlanner);
@@ -45,7 +46,14 @@ var ShelfPlanner = /*#__PURE__*/function () {
     //rule so the shelfplanner cells get disabled when the neighbour (AVL or AVR) is smaller. eg: Ben sulvag
     _defineProperty(this, "disableCellsByElement", void 0);
     _defineProperty(this, "montageOptions", []);
+    //true until the shelfaccessoires saved in the basket were restored into the cells (see restoreShelfAccessoires in the DivaSetHandler).
+    //until then no initAcc may be placed, they would occupy the cells of the saved accessoires
+    _defineProperty(this, "restorePending", void 0);
+    //accessoires of grids that were switched off by a grid rule, per gridIndex. They get placed again when the grid
+    //becomes active again - eg a shelf that is configured from 100cm to 50cm and back keeps its accessoires
+    _defineProperty(this, "stashedAccessoires", {});
     this.article = article;
+    this.restorePending = !!article.shelfPlanData;
     this.disableCellsByElement = data.DisableCells;
     this.data = data;
     this.showAfterOPT = data.ShowAfterOPT;
@@ -90,6 +98,14 @@ var ShelfPlanner = /*#__PURE__*/function () {
     get: function get() {
       return this.isVisible;
     }
+  }, {
+    key: "RestorePending",
+    get: function get() {
+      return this.restorePending;
+    },
+    set: function set(restorePending) {
+      this.restorePending = restorePending;
+    }
     /**
      * if the shelfplanner step was not visible but is visible again the initAcc get initialized but only if !this.article.shelfPlanData -> the shelfplanner get initialized from basket
      * if the shelfplanner step is no more visible delete all the accessoires
@@ -160,77 +176,95 @@ var ShelfPlanner = /*#__PURE__*/function () {
               _i = 0;
             case 4:
               if (!(_i < gridsTodos.length)) {
-                _context2.next = 11;
+                _context2.next = 13;
                 break;
               }
-              if (!gridsTodos[_i].length) {
-                _context2.next = 8;
+              if (gridsTodos[_i].length) {
+                _context2.next = 7;
                 break;
               }
-              _context2.next = 8;
+              return _context2.abrupt("continue", 10);
+            case 7:
+              //remember the accessoires before they get deleted, so they can be placed again when the grid becomes active again
+              this.stashAccessoiresOfGrid(_i);
+              _context2.next = 10;
               return this.grids[_i].deleteAllAccOfGrid();
-            case 8:
+            case 10:
               _i++;
               _context2.next = 4;
               break;
-            case 11:
+            case 13:
               _i2 = 0;
-            case 12:
+            case 14:
               if (!(_i2 < gridsTodos.length)) {
-                _context2.next = 23;
+                _context2.next = 30;
                 break;
               }
               if (gridsTodos[_i2].length) {
-                _context2.next = 15;
+                _context2.next = 17;
                 break;
               }
-              return _context2.abrupt("continue", 20);
-            case 15:
-              grid = this.grids[_i2];
+              return _context2.abrupt("continue", 27);
+            case 17:
               if (gridsTodos[_i2].includes('heightGridRule')) {
                 this.creatNewGrid(_i2);
                 newHeightSet = true;
               }
+              //read the grid after a possible recreate, the replaced one is not the grid that gets filled
+              grid = this.grids[_i2];
               if (!((gridsTodos[_i2].includes('heightGridRule') || gridsTodos[_i2].includes('disableGridRule')) && !grid.DisabledByRule)) {
-                _context2.next = 20;
+                _context2.next = 27;
+                break;
+              }
+              if (!this.restorePending) {
+                _context2.next = 22;
                 break;
               }
-              _context2.next = 20;
+              return _context2.abrupt("continue", 27);
+            case 22:
+              _context2.next = 24;
+              return this.placeStashedAccessoiresOfGrid(_i2);
+            case 24:
+              if (_context2.sent) {
+                _context2.next = 27;
+                break;
+              }
+              _context2.next = 27;
               return this.initAccList(_i2);
-            case 20:
+            case 27:
               _i2++;
-              _context2.next = 12;
+              _context2.next = 14;
               break;
-            case 23:
+            case 30:
               if (!(!newHeightSet && Object.keys(variantValues).length)) {
-                _context2.next = 34;
+                _context2.next = 41;
                 break;
               }
               grids = this.activeGrids;
               _i3 = 0;
-            case 26:
+            case 33:
               if (!(_i3 < grids.length)) {
-                _context2.next = 34;
+                _context2.next = 41;
                 break;
               }
               _grid = grids[_i3];
               if (!((_grid$DisableCellsByM = _grid.DisableCellsByMeasures) !== null && _grid$DisableCellsByM !== void 0 && _grid$DisableCellsByM.options.find(function (o) {
                 return Object.keys(variantValues).includes('OPT' + o.opt);
               }) || !!_grid.disableCellsByRules)) {
-                _context2.next = 31;
+                _context2.next = 38;
                 break;
               }
               newHeightSet = true;
-              return _context2.abrupt("break", 34);
-            case 31:
+              return _context2.abrupt("break", 41);
+            case 38:
               _i3++;
-              _context2.next = 26;
+              _context2.next = 33;
               break;
-            case 34:
+            case 41:
               if (newHeightSet) {
                 this.updateDisabledCells();
               }
-            case 35:
+            case 42:
             case "end":
               return _context2.stop();
           }
@@ -245,55 +279,269 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "creatNewGrid",
     value: function creatNewGrid(i) {
       this.grids[i] = new Grid(i, this.article, this.data);
+      this.grids[i].onConfigChanged();
     }
 
+    /**
+     * Remembers the accessoires of a grid that is about to be cleared because a grid rule switched it off.
+     * An empty grid never overwrites an existing memory, so the accessoires survive further configuration changes.
+     * @param gridIndex grid that gets cleared
+     */
+  }, {
+    key: "stashAccessoiresOfGrid",
+    value: function stashAccessoiresOfGrid(gridIndex) {
+      var stashedAccessoires = this.collectAccessoiresToStash(this.grids[gridIndex]);
+      if (!stashedAccessoires.length) return;
+      this.stashedAccessoires[gridIndex] = stashedAccessoires;
+    }
+
+    /**
+     * Collects an accessoire of every cell it starts in, including the accessoires of the accessoire itself
+     * (eg the drawers of an EINBAU), because those get deleted with their parent as well.
+     */
+  }, {
+    key: "collectAccessoiresToStash",
+    value: function collectAccessoiresToStash(grid) {
+      var stashedAccessoires = [];
+      for (var i = 0; i < grid.Cells.length; i++) {
+        var cell = grid.Cells[i];
+        var accessoire = cell.Article;
+        if (cell.InUse !== i || !accessoire) continue;
+
+        //the accessoire can be a shelf itself (eg an EINBAU), its own accessoires are grouped by its own grids
+        var accessoires = {};
+        var accessoireShelfPlanner = accessoire.shelfPlanner;
+        for (var j = 0; j < ((_accessoireShelfPlann = accessoireShelfPlanner === null || accessoireShelfPlanner === void 0 ? void 0 : accessoireShelfPlanner.grids.length) !== null && _accessoireShelfPlann !== void 0 ? _accessoireShelfPlann : 0); j++) {
+          var _accessoireShelfPlann;
+          var accessoireGrid = accessoireShelfPlanner.grids[j];
+          var accessoiresOfGrid = accessoireShelfPlanner.collectAccessoiresToStash(accessoireGrid);
+          if (accessoiresOfGrid.length) accessoires[accessoireGrid.ShelfIndex] = accessoiresOfGrid;
+        }
+        stashedAccessoires.push({
+          articleCodex: accessoire.articleCodex,
+          cellIndex: i,
+          noMove: cell.NoMove,
+          noDelete: cell.NoDelete,
+          quantity: accessoire.quantity,
+          variantValues: accessoire.VariantValues,
+          accessoires: accessoires
+        });
+      }
+      return stashedAccessoires;
+    }
+
+    /**
+     * Places the remembered accessoires of a grid back into their cells.
+     * @param gridIndex grid that became active again
+     * @returns how many accessoires were placed - 0 means the grid is still empty and needs its initAcc
+     */
+  }, {
+    key: "placeStashedAccessoiresOfGrid",
+    value: (function () {
+      var _placeStashedAccessoiresOfGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(gridIndex) {
+        var stashedAccessoires;
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              stashedAccessoires = this.stashedAccessoires[gridIndex];
+              if (stashedAccessoires !== null && stashedAccessoires !== void 0 && stashedAccessoires.length) {
+                _context3.next = 3;
+                break;
+              }
+              return _context3.abrupt("return", 0);
+            case 3:
+              //remove it first, a reconfiguration triggered by placing them must not place them a second time
+              delete this.stashedAccessoires[gridIndex];
+              _context3.next = 6;
+              return this.placeStashedAccessoiresInGrid(gridIndex, stashedAccessoires);
+            case 6:
+              return _context3.abrupt("return", _context3.sent);
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function placeStashedAccessoiresOfGrid(_x3) {
+        return _placeStashedAccessoiresOfGrid.apply(this, arguments);
+      }
+      return placeStashedAccessoiresOfGrid;
+    }() /** Places stashed accessoires that are grouped by gridIndex - used for the accessoires of an accessoire. */)
+  }, {
+    key: "placeStashedAccessoiresByGrid",
+    value: (function () {
+      var _placeStashedAccessoiresByGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(stashedAccessoires) {
+        var gridIndexes, i, _this$getGridByIndex, gridIndex;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              gridIndexes = Object.keys(stashedAccessoires);
+              i = 0;
+            case 2:
+              if (!(i < gridIndexes.length)) {
+                _context4.next = 14;
+                break;
+              }
+              gridIndex = Number(gridIndexes[i]); //the accessoire was created new, so its initAcc are already placed in the cells the remembered accessoires need
+              _context4.next = 6;
+              return (_this$getGridByIndex = this.getGridByIndex(gridIndex)) === null || _this$getGridByIndex === void 0 ? void 0 : _this$getGridByIndex.deleteAllAccOfGrid();
+            case 6:
+              _context4.next = 8;
+              return this.placeStashedAccessoiresInGrid(gridIndex, stashedAccessoires[gridIndex]);
+            case 8:
+              if (_context4.sent) {
+                _context4.next = 11;
+                break;
+              }
+              _context4.next = 11;
+              return this.initAccList(gridIndex);
+            case 11:
+              i++;
+              _context4.next = 2;
+              break;
+            case 14:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function placeStashedAccessoiresByGrid(_x4) {
+        return _placeStashedAccessoiresByGrid.apply(this, arguments);
+      }
+      return placeStashedAccessoiresByGrid;
+    }() /** @returns how many of the stashed accessoires were placed */)
+  }, {
+    key: "placeStashedAccessoiresInGrid",
+    value: (function () {
+      var _placeStashedAccessoiresInGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(gridIndex, stashedAccessoires) {
+        var placedAccessoires, grid, i, stashed, result, fitResult, accessoire;
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              placedAccessoires = 0;
+              grid = this.getGridByIndex(gridIndex);
+              if (grid) {
+                _context5.next = 4;
+                break;
+              }
+              return _context5.abrupt("return", placedAccessoires);
+            case 4:
+              i = 0;
+            case 5:
+              if (!(i < stashedAccessoires.length)) {
+                _context5.next = 28;
+                break;
+              }
+              stashed = stashedAccessoires[i];
+              grid.ActAccessoire = stashed.articleCodex;
+              _context5.next = 10;
+              return setHandlerInstance.addAccessorieOnShelfPlanner(this.article.set, gridIndex, stashed.cellIndex, this.article.basketId, {
+                noMove: stashed.noMove,
+                noDelete: stashed.noDelete,
+                byInit: true
+              });
+            case 10:
+              result = _context5.sent;
+              grid.ActAccessoire = undefined;
+              fitResult = result === false || result.index === undefined ? undefined : result;
+              accessoire = fitResult === null || fitResult === void 0 ? void 0 : fitResult.accessoire;
+              if (!(!fitResult || !accessoire)) {
+                _context5.next = 17;
+                break;
+              }
+              LOG.error(new DivaError('shelfaccessoire of a switched off grid does not fit anymore and gets dropped', {
+                code: 'WC_0015',
+                custom: {
+                  stashed: stashed,
+                  gridName: grid.GridName,
+                  result: result,
+                  parentPosNr: this.article.posNr,
+                  parentArticleCodex: this.article.articleCodex,
+                  parentBasketId: this.article.basketId
+                }
+              }));
+              return _context5.abrupt("continue", 25);
+            case 17:
+              accessoire.quantity = stashed.quantity;
+              placedAccessoires++;
+              if (!Object.keys(stashed.variantValues).length) {
+                _context5.next = 22;
+                break;
+              }
+              _context5.next = 22;
+              return articleHandlerInstance.updateCfgValues(accessoire, stashed.variantValues, {});
+            case 22:
+              if (!accessoire.shelfPlanner) {
+                _context5.next = 25;
+                break;
+              }
+              _context5.next = 25;
+              return accessoire.shelfPlanner.placeStashedAccessoiresByGrid(stashed.accessoires);
+            case 25:
+              i++;
+              _context5.next = 5;
+              break;
+            case 28:
+              return _context5.abrupt("return", placedAccessoires);
+            case 29:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function placeStashedAccessoiresInGrid(_x5, _x6) {
+        return _placeStashedAccessoiresInGrid.apply(this, arguments);
+      }
+      return placeStashedAccessoiresInGrid;
+    }()
     /**
      * runs through the InitAccArr and initialized all the accessoires eg: Kleiderstange gets placed
      * if the replaceFromParent == true it removed the same article from the parent shelfplanner if one is found  eg: Kleiderstange gets removed from schrank when the T-Sück gets initialized
      */
+    )
   }, {
     key: "initAccList",
     value: (function () {
-      var _initAccList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(gridIndex) {
+      var _initAccList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(gridIndex) {
         var grids, i, grid, j, initAcc, k, _this$article$accesso, shelfId, accessoires, _accessoireToDelete$s, accessoireToDelete, rh;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               grids = this.activeGrids;
               i = 0;
             case 2:
               if (!(i < grids.length)) {
-                _context3.next = 36;
+                _context6.next = 36;
                 break;
               }
               grid = grids[i];
               if (!(gridIndex !== undefined && grid.ShelfIndex !== gridIndex)) {
-                _context3.next = 6;
+                _context6.next = 6;
                 break;
               }
-              return _context3.abrupt("continue", 33);
+              return _context6.abrupt("continue", 33);
             case 6:
               if (grid.InitAccArr) {
-                _context3.next = 8;
+                _context6.next = 8;
                 break;
               }
-              return _context3.abrupt("continue", 33);
+              return _context6.abrupt("continue", 33);
             case 8:
               j = 0;
             case 9:
               if (!(j < grid.InitAccArr.length)) {
-                _context3.next = 33;
+                _context6.next = 33;
                 break;
               }
               initAcc = grid.InitAccArr[j];
               k = 0;
             case 12:
               if (!(k < initAcc.initRH.length)) {
-                _context3.next = 30;
+                _context6.next = 30;
                 break;
               }
               grid.ActAccessoire = initAcc.Codex;
-              _context3.next = 16;
+              _context6.next = 16;
               return setHandlerInstance.addAccessorieOnShelfPlanner(this.article.set, grid.ShelfIndex, initAcc.initRH[k], grid.basketId, {
                 noMove: initAcc.noMove,
                 noDelete: initAcc.noDelete,
@@ -301,48 +549,48 @@ var ShelfPlanner = /*#__PURE__*/function () {
               });
             case 16:
               if (!initAcc.replaceFromParent) {
-                _context3.next = 26;
+                _context6.next = 26;
                 break;
               }
               shelfId = this.getShelfParentShelfId();
               if (!(shelfId && (_this$article$accesso = this.article.accessoireParentArticle) !== null && _this$article$accesso !== void 0 && _this$article$accesso.shelfPlanner)) {
-                _context3.next = 26;
+                _context6.next = 26;
                 break;
               }
               accessoires = this.article.accessoireParentArticle.shelfPlanner.getAccessorireByCodex(shelfId, initAcc.Codex);
               if (!(accessoires && accessoires.length > 0)) {
-                _context3.next = 26;
+                _context6.next = 26;
                 break;
               }
               accessoireToDelete = accessoires[0];
               rh = (_accessoireToDelete$s = accessoireToDelete.shelfPlanner) === null || _accessoireToDelete$s === void 0 ? void 0 : _accessoireToDelete$s.getRHOnParentArticle();
               if (!(rh !== undefined && accessoireToDelete.relatedToShelfGrid !== undefined)) {
-                _context3.next = 26;
+                _context6.next = 26;
                 break;
               }
-              _context3.next = 26;
+              _context6.next = 26;
               return setHandlerInstance.deleteAccessorieOnShelfPlanner(this.article.set, accessoireToDelete.relatedToShelfGrid, rh, this.article.accessoireParentArticle.basketId);
             case 26:
               grid.ActAccessoire = undefined;
             case 27:
               k++;
-              _context3.next = 12;
+              _context6.next = 12;
               break;
             case 30:
               j++;
-              _context3.next = 9;
+              _context6.next = 9;
               break;
             case 33:
               i++;
-              _context3.next = 2;
+              _context6.next = 2;
               break;
             case 36:
             case "end":
-              return _context3.stop();
+              return _context6.stop();
           }
-        }, _callee3, this);
+        }, _callee6, this);
       }));
-      function initAccList(_x3) {
+      function initAccList(_x7) {
         return _initAccList.apply(this, arguments);
       }
       return initAccList;
@@ -371,31 +619,31 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "triggerVisibility",
     value: function () {
-      var _triggerVisibility = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(gridGroup) {
+      var _triggerVisibility = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(gridGroup) {
         var toCleanOptions, toUpdateOptions, i, grid, _i4, option, visitOptionState;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               toCleanOptions = [];
               toUpdateOptions = [];
               i = 0;
             case 3:
               if (!(i < this.grids.length)) {
-                _context4.next = 13;
+                _context7.next = 13;
                 break;
               }
               grid = this.grids[i];
               if (grid.VisitOption) {
-                _context4.next = 7;
+                _context7.next = 7;
                 break;
               }
-              return _context4.abrupt("continue", 10);
+              return _context7.abrupt("continue", 10);
             case 7:
               if (!(toUpdateOptions.includes(grid.VisitOption) || toCleanOptions.includes(grid.VisitOption))) {
-                _context4.next = 9;
+                _context7.next = 9;
                 break;
               }
-              return _context4.abrupt("continue", 10);
+              return _context7.abrupt("continue", 10);
             case 9:
               if (gridGroup && (grid.gridGroup == gridGroup || grid.alternativeGridGroups.includes(gridGroup))) {
                 toUpdateOptions.push(grid.VisitOption);
@@ -405,34 +653,34 @@ var ShelfPlanner = /*#__PURE__*/function () {
               }
             case 10:
               i++;
-              _context4.next = 3;
+              _context7.next = 3;
               break;
             case 13:
               _i4 = 0;
             case 14:
               if (!(_i4 < [].concat(toUpdateOptions, toCleanOptions).length)) {
-                _context4.next = 23;
+                _context7.next = 23;
                 break;
               }
               option = [].concat(toUpdateOptions, toCleanOptions)[_i4];
               visitOptionState = this.article.getArticleOptionState((!this.article.CatalogData.isIDMFormat ? 'OPT' : '') + option);
               if (!visitOptionState) {
-                _context4.next = 20;
+                _context7.next = 20;
                 break;
               }
-              _context4.next = 20;
+              _context7.next = 20;
               return articleHandlerInstance.updateOption(this.article, visitOptionState.optionCodex, toUpdateOptions.includes(option) ? 'OPVMIT' : 'OPVOHNE');
             case 20:
               _i4++;
-              _context4.next = 14;
+              _context7.next = 14;
               break;
             case 23:
             case "end":
-              return _context4.stop();
+              return _context7.stop();
           }
-        }, _callee4, this);
+        }, _callee7, this);
       }));
-      function triggerVisibility(_x4) {
+      function triggerVisibility(_x8) {
         return _triggerVisibility.apply(this, arguments);
       }
       return triggerVisibility;
@@ -440,29 +688,30 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "deleteAllAcc",
     value: function () {
-      var _deleteAllAcc = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _deleteAllAcc = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
         var i;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               this.article.shelfPlanData = undefined;
+              this.restorePending = false;
               i = 0;
-            case 2:
+            case 3:
               if (!(i < this.grids.length)) {
-                _context5.next = 8;
+                _context8.next = 9;
                 break;
               }
-              _context5.next = 5;
+              _context8.next = 6;
               return this.grids[i].deleteAllAccOfGrid();
-            case 5:
+            case 6:
               i++;
-              _context5.next = 2;
+              _context8.next = 3;
               break;
-            case 8:
+            case 9:
             case "end":
-              return _context5.stop();
+              return _context8.stop();
           }
-        }, _callee5, this);
+        }, _callee8, this);
       }));
       function deleteAllAcc() {
         return _deleteAllAcc.apply(this, arguments);
@@ -566,10 +815,10 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoireOfCellInGrid",
     value: (function () {
-      var _deleteAccessoireOfCellInGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(gridIndex, cellIndex) {
+      var _deleteAccessoireOfCellInGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(gridIndex, cellIndex) {
         var grid, inUse, deleteIndex, onBoardCell, accessoire;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               grid = this.grids[gridIndex];
               inUse = grid.Cells[cellIndex].InUse;
@@ -584,24 +833,24 @@ var ShelfPlanner = /*#__PURE__*/function () {
                 accessoire = grid.Cells[cellIndex].Article;
               }
               if (!accessoire) {
-                _context6.next = 8;
+                _context9.next = 8;
                 break;
               }
               this.checkForNewFreeAccessoire(accessoire, gridIndex);
-              _context6.next = 8;
+              _context9.next = 8;
               return this.handleDeleteTakePlaceOnOtherGrids(gridIndex, deleteIndex, accessoire);
             case 8:
-              _context6.next = 10;
+              _context9.next = 10;
               return grid.deleteAccessoireInCells(deleteIndex);
             case 10:
-              return _context6.abrupt("return", _context6.sent);
+              return _context9.abrupt("return", _context9.sent);
             case 11:
             case "end":
-              return _context6.stop();
+              return _context9.stop();
           }
-        }, _callee6, this);
+        }, _callee9, this);
       }));
-      function deleteAccessoireOfCellInGrid(_x5, _x6) {
+      function deleteAccessoireOfCellInGrid(_x9, _x10) {
         return _deleteAccessoireOfCellInGrid.apply(this, arguments);
       }
       return deleteAccessoireOfCellInGrid;
@@ -636,16 +885,16 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleDeleteTakePlaceOnOtherGrids",
     value: (function () {
-      var _handleDeleteTakePlaceOnOtherGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(gridIndex, cellIndex, accessoire) {
+      var _handleDeleteTakePlaceOnOtherGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(gridIndex, cellIndex, accessoire) {
         var i, _cell$Article, cell, _i5, _cell$Article2, _cell, _i6;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               if (accessoire.shelfHeight) {
-                _context7.next = 2;
+                _context10.next = 2;
                 break;
               }
-              return _context7.abrupt("return");
+              return _context10.abrupt("return");
             case 2:
               if (accessoire.shelfHeightAbove) {
                 for (i = 0; i < accessoire.shelfHeightAbove; i++) {
@@ -664,34 +913,34 @@ var ShelfPlanner = /*#__PURE__*/function () {
                 }
               }
               if (!this.doesTakePlaceOnOtherGrids(accessoire)) {
-                _context7.next = 14;
+                _context10.next = 14;
                 break;
               }
               _i6 = 0;
             case 6:
               if (!(_i6 < this.grids.length)) {
-                _context7.next = 14;
+                _context10.next = 14;
                 break;
               }
               if (!(_i6 === gridIndex)) {
-                _context7.next = 9;
+                _context10.next = 9;
                 break;
               }
-              return _context7.abrupt("continue", 11);
+              return _context10.abrupt("continue", 11);
             case 9:
-              _context7.next = 11;
+              _context10.next = 11;
               return this.grids[_i6].deleteAccessoireInCells(cellIndex);
             case 11:
               _i6++;
-              _context7.next = 6;
+              _context10.next = 6;
               break;
             case 14:
             case "end":
-              return _context7.stop();
+              return _context10.stop();
           }
-        }, _callee7, this);
+        }, _callee10, this);
       }));
-      function handleDeleteTakePlaceOnOtherGrids(_x7, _x8, _x9) {
+      function handleDeleteTakePlaceOnOtherGrids(_x11, _x12, _x13) {
         return _handleDeleteTakePlaceOnOtherGrids.apply(this, arguments);
       }
       return handleDeleteTakePlaceOnOtherGrids;
@@ -707,40 +956,40 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "addAccessoireInCellInGrid",
     value: (function () {
-      var _addAccessoireInCellInGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(accessoire, gridIndex, cellIndex, type, params) {
+      var _addAccessoireInCellInGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(accessoire, gridIndex, cellIndex, type, params) {
         var grids, i, grid;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               grids = this.doesTakePlaceOnOtherGrids(accessoire) ? this.activeGrids : [this.grids[gridIndex]];
               i = 0;
             case 2:
               if (!(i < grids.length)) {
-                _context8.next = 11;
+                _context11.next = 11;
                 break;
               }
               grid = grids[i];
               if (!grid.DisabledByRule) {
-                _context8.next = 6;
+                _context11.next = 6;
                 break;
               }
-              return _context8.abrupt("continue", 8);
+              return _context11.abrupt("continue", 8);
             case 6:
-              _context8.next = 8;
+              _context11.next = 8;
               return grids[i].addAccessoireInCells(cellIndex, accessoire, type, grid.ShelfIndex !== gridIndex ? true : params === null || params === void 0 ? void 0 : params.noMove, grid.ShelfIndex !== gridIndex ? true : params === null || params === void 0 ? void 0 : params.noDelete, grid.ShelfIndex !== gridIndex ? true : undefined);
             case 8:
               i++;
-              _context8.next = 2;
+              _context11.next = 2;
               break;
             case 11:
               this.checkForFreeAccessoire(accessoire);
             case 12:
             case "end":
-              return _context8.stop();
+              return _context11.stop();
           }
-        }, _callee8, this);
+        }, _callee11, this);
       }));
-      function addAccessoireInCellInGrid(_x10, _x11, _x12, _x13, _x14) {
+      function addAccessoireInCellInGrid(_x14, _x15, _x16, _x17, _x18) {
         return _addAccessoireInCellInGrid.apply(this, arguments);
       }
       return addAccessoireInCellInGrid;
@@ -828,7 +1077,11 @@ var ShelfPlanner = /*#__PURE__*/function () {
     value: function generateShelfPlandata() {
       var _this$article$doorPla;
       var ret = [];
-      var grids = this.activeGrids;
+      var grids = this.grids.filter(function (grid) {
+        return !grid.DisabledByRule || grid.Cells.some(function (cell) {
+          return cell.InUse === cell.Index && cell.Article;
+        });
+      });
       for (var i = 0; i < grids.length; i++) {
         var cells = [];
         var grid = grids[i];
@@ -1042,16 +1295,16 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "disableCellsByDockedShelfs",
     value: (function () {
-      var _disableCellsByDockedShelfs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(count) {
+      var _disableCellsByDockedShelfs = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(count) {
         var grids, i, grid, gridCount, toDisableCells, useCount, j, _j, cell, _j2;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               grids = this.activeGrids;
               i = 0;
             case 2:
               if (!(i < grids.length)) {
-                _context9.next = 29;
+                _context12.next = 29;
                 break;
               }
               grid = grids[i];
@@ -1064,51 +1317,51 @@ var ShelfPlanner = /*#__PURE__*/function () {
               _j = 0;
             case 9:
               if (!(_j < toDisableCells.length)) {
-                _context9.next = 18;
+                _context12.next = 18;
                 break;
               }
               cell = grid.Cells[toDisableCells[_j]];
               if (!(cell.InUse == toDisableCells[_j])) {
-                _context9.next = 14;
+                _context12.next = 14;
                 break;
               }
-              _context9.next = 14;
+              _context12.next = 14;
               return setHandlerInstance.deleteAccessorieOnShelfPlanner(this.article.set, grid.ShelfIndex, cell.InUse, grid.basketId);
             case 14:
               cell.IsDisabled = true;
             case 15:
               _j++;
-              _context9.next = 9;
+              _context12.next = 9;
               break;
             case 18:
               _j2 = 0;
             case 19:
               if (!(_j2 < grid.Cells.length)) {
-                _context9.next = 26;
+                _context12.next = 26;
                 break;
               }
               if (!toDisableCells.includes(_j2)) {
-                _context9.next = 22;
+                _context12.next = 22;
                 break;
               }
-              return _context9.abrupt("continue", 23);
+              return _context12.abrupt("continue", 23);
             case 22:
               grid.Cells[_j2].IsDisabled = false;
             case 23:
               _j2++;
-              _context9.next = 19;
+              _context12.next = 19;
               break;
             case 26:
               i++;
-              _context9.next = 2;
+              _context12.next = 2;
               break;
             case 29:
             case "end":
-              return _context9.stop();
+              return _context12.stop();
           }
-        }, _callee9, this);
+        }, _callee12, this);
       }));
-      function disableCellsByDockedShelfs(_x15) {
+      function disableCellsByDockedShelfs(_x19) {
         return _disableCellsByDockedShelfs.apply(this, arguments);
       }
       return disableCellsByDockedShelfs;
@@ -1149,8 +1402,8 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCellIndexOfBasketId",
     value: function getCellIndexOfBasketId(gridIndex, basketId) {
-      var _this$getGridByIndex;
-      return (_this$getGridByIndex = this.getGridByIndex(gridIndex)) === null || _this$getGridByIndex === void 0 ? void 0 : _this$getGridByIndex.getIndexOfBasketId(basketId);
+      var _this$getGridByIndex2;
+      return (_this$getGridByIndex2 = this.getGridByIndex(gridIndex)) === null || _this$getGridByIndex2 === void 0 ? void 0 : _this$getGridByIndex2.getIndexOfBasketId(basketId);
     }
   }, {
     key: "allGrids",