@crystaldesign/web-planner-logic 26.13.0-beta.32 → 26.13.0-beta.33

package/build/cjs/{ShelfPlanner-173ee746.js → ShelfPlanner-6de3f648.js}

@@ -6,7 +6,7 @@ var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
-var index = require('./index-76d3a1ec.js');
+var index = require('./index-3ecaaaa1.js');
 var DivaUtils = require('@crystaldesign/diva-utils');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -40,6 +40,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG = DivaUtils__default["default"].initLog('Planner', 'WEB-PLANNER-LOGIC');
 
+/** The accessoire really went into the cell - not a rejected fit, whose article is deleted again. */
+function isPlaced(result) {
+  return result !== false && result.index !== undefined && !!result.accessoire && result.type !== 'doesNotFit' && !result.type.startsWith('notAllowed');
+}
+
 /** Values the parents pass on to their accessoires with their global options, per basketId of the accessoire. */
 var ShelfPlanner = /*#__PURE__*/function () {
   function ShelfPlanner(data, article) {
@@ -82,8 +87,12 @@ var ShelfPlanner = /*#__PURE__*/function () {
     _defineProperty__default["default"](this, "shelfDebugSeq", 0);
     //accessoires of grids that were cleared by a grid rule, per gridIndex and the HeightGridCellCountOnRule entry the grid
     //ran as. They get placed again when the grid becomes active again under the same entry - eg a shelf that is configured
-    //from 100cm to 50cm and back keeps its accessoires. A grid that comes back under another entry starts with that entry's initAcc
+    //from 100cm to 50cm and back keeps its accessoires. A grid that comes back under another entry starts with that entry's
+    //initAcc; with rtv-next it first takes what the change cleared (placeTransferredAccessoires)
     _defineProperty__default["default"](this, "stashedAccessoires", {});
+    //a memory is outdated once something was edited by hand after it was taken (the init jump of a shelf edits nothing)
+    _defineProperty__default["default"](this, "editEpoch", 0);
+    _defineProperty__default["default"](this, "stashEpochs", {});
     this.article = article;
     this.restorePending = !!article.shelfPlanData;
     this.disableCellsByElement = data.DisableCells;
@@ -218,7 +227,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "onConfigChanged",
     value: (function () {
       var _onConfigChanged = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(variantValues) {
-        var newHeightSet, gridsTodos, ruleIndexesBefore, i, _i, grid, _i2, _i3, _grid, grids, _i4, _grid2$DisableCellsBy, _grid2;
+        var newHeightSet, gridsTodos, ruleIndexesBefore, i, _i, grid, clearedNow, _i2, stashed, _i3, _grid, own, carryOver, grids, _i4, _grid2$DisableCellsBy, _grid2;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -260,39 +269,42 @@ var ShelfPlanner = /*#__PURE__*/function () {
               _context2.next = 5;
               break;
             case 14:
+              //what this change clears, per grid - carried over into a grid that comes back without an up-to-date memory of its own
+              clearedNow = new Map(); //first delete all disables grids then init all the new ones
               _i2 = 0;
-            case 15:
+            case 16:
               if (!(_i2 < gridsTodos.length)) {
-                _context2.next = 24;
+                _context2.next = 26;
                 break;
               }
               if (gridsTodos[_i2].length) {
-                _context2.next = 18;
+                _context2.next = 19;
                 break;
               }
-              return _context2.abrupt("continue", 21);
-            case 18:
+              return _context2.abrupt("continue", 23);
+            case 19:
               //remember the accessoires before they get deleted, so they can be placed again when the grid becomes active again
-              this.stashAccessoiresOfGrid(_i2, ruleIndexesBefore[_i2]);
-              _context2.next = 21;
+              stashed = this.stashAccessoiresOfGrid(_i2, ruleIndexesBefore[_i2]);
+              if (!this.isOnlyInitContent(this.grids[_i2], stashed)) clearedNow.set(_i2, stashed);
+              _context2.next = 23;
               return this.grids[_i2].deleteAllAccOfGrid();
-            case 21:
+            case 23:
               _i2++;
-              _context2.next = 15;
+              _context2.next = 16;
               break;
-            case 24:
+            case 26:
               _i3 = 0;
-            case 25:
+            case 27:
               if (!(_i3 < gridsTodos.length)) {
-                _context2.next = 41;
+                _context2.next = 65;
                 break;
               }
               if (gridsTodos[_i3].length) {
-                _context2.next = 28;
+                _context2.next = 30;
                 break;
               }
-              return _context2.abrupt("continue", 38);
-            case 28:
+              return _context2.abrupt("continue", 62);
+            case 30:
               if (gridsTodos[_i3].includes('heightGridRule')) {
                 this.creatNewGrid(_i3);
                 newHeightSet = true;
@@ -300,58 +312,109 @@ var ShelfPlanner = /*#__PURE__*/function () {
               //read the grid after a possible recreate, the replaced one is not the grid that gets filled
               _grid = this.grids[_i3];
               if (!((gridsTodos[_i3].includes('heightGridRule') || gridsTodos[_i3].includes('disableGridRule')) && !_grid.DisabledByRule)) {
-                _context2.next = 38;
+                _context2.next = 62;
                 break;
               }
               if (!this.restorePending) {
-                _context2.next = 33;
+                _context2.next = 35;
                 break;
               }
-              return _context2.abrupt("continue", 38);
-            case 33:
-              _context2.next = 35;
-              return this.placeStashedAccessoiresOfGrid(_i3);
+              return _context2.abrupt("continue", 62);
             case 35:
-              if (_context2.sent) {
-                _context2.next = 38;
+              //the grid's own memory beats the initAcc while nothing was edited since, else another grid's newer content is carried over
+              own = this.takeStashOfGrid(_i3); //only rtv-next carries content over between grids, otherwise the memory is restored as is
+              carryOver = this.article.set.CatalogData.divaUseRtvNext;
+              _context2.t0 = own && (!own.outdated || !carryOver);
+              if (!_context2.t0) {
+                _context2.next = 42;
+                break;
+              }
+              _context2.next = 41;
+              return this.placeStashedAccessoiresInGrid(_i3, own.accessoires);
+            case 41:
+              _context2.t0 = _context2.sent;
+            case 42:
+              if (!_context2.t0) {
+                _context2.next = 45;
+                break;
+              }
+              clearedNow["delete"](_i3);
+              return _context2.abrupt("continue", 62);
+            case 45:
+              _context2.t1 = carryOver;
+              if (!_context2.t1) {
+                _context2.next = 50;
+                break;
+              }
+              _context2.next = 49;
+              return this.placeTransferredAccessoires(_i3, clearedNow);
+            case 49:
+              _context2.t1 = _context2.sent;
+            case 50:
+              if (!_context2.t1) {
+                _context2.next = 54;
                 break;
               }
-              _context2.next = 38;
+              _context2.next = 53;
               return this.initAccList(_i3);
-            case 38:
+            case 53:
+              return _context2.abrupt("continue", 62);
+            case 54:
+              if (!(carryOver && own !== null && own !== void 0 && own.outdated)) {
+                _context2.next = 60;
+                break;
+              }
+              this.logShelfDebug({
+                phase: 'configChanged',
+                action: 'stashOutdatedRestored',
+                gridIndex: _i3,
+                detail: 'edited since, but nothing to carry over'
+              });
+              _context2.next = 58;
+              return this.placeStashedAccessoiresInGrid(_i3, own.accessoires);
+            case 58:
+              if (!_context2.sent) {
+                _context2.next = 60;
+                break;
+              }
+              return _context2.abrupt("continue", 62);
+            case 60:
+              _context2.next = 62;
+              return this.initAccList(_i3);
+            case 62:
               _i3++;
-              _context2.next = 25;
+              _context2.next = 27;
               break;
-            case 41:
+            case 65:
               if (!(!newHeightSet && Object.keys(variantValues).length)) {
-                _context2.next = 52;
+                _context2.next = 76;
                 break;
               }
               grids = this.activeGrids;
               _i4 = 0;
-            case 44:
+            case 68:
               if (!(_i4 < grids.length)) {
-                _context2.next = 52;
+                _context2.next = 76;
                 break;
               }
               _grid2 = grids[_i4];
               if (!((_grid2$DisableCellsBy = _grid2.DisableCellsByMeasures) !== null && _grid2$DisableCellsBy !== void 0 && _grid2$DisableCellsBy.options.find(function (o) {
                 return Object.keys(variantValues).includes('OPT' + o.opt);
               }) || !!_grid2.disableCellsByRules)) {
-                _context2.next = 49;
+                _context2.next = 73;
                 break;
               }
               newHeightSet = true;
-              return _context2.abrupt("break", 52);
-            case 49:
+              return _context2.abrupt("break", 76);
+            case 73:
               _i4++;
-              _context2.next = 44;
+              _context2.next = 68;
               break;
-            case 52:
+            case 76:
               if (newHeightSet) {
                 this.updateDisabledCells();
               }
-            case 53:
+            case 77:
             case "end":
               return _context2.stop();
           }
@@ -379,8 +442,145 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "stashAccessoiresOfGrid",
     value: function stashAccessoiresOfGrid(gridIndex, ruleIndex) {
       var stashedAccessoires = this.collectAccessoiresToStash(this.grids[gridIndex], this.valuesPassedOnByParents());
-      if (!stashedAccessoires.length) return;
-      this.stashedAccessoires[this.stashKey(gridIndex, ruleIndex)] = stashedAccessoires;
+      if (!stashedAccessoires.length) return stashedAccessoires;
+      var stashKey = this.stashKey(gridIndex, ruleIndex);
+      this.stashedAccessoires[stashKey] = stashedAccessoires;
+      this.stashEpochs[stashKey] = this.editEpoch;
+      return stashedAccessoires;
+    }
+
+    /** A hand edit of this shelf or of an accessoire inside it (add, delete, move) - outdates the memories taken before. */
+  }, {
+    key: "noteUserEdit",
+    value: function noteUserEdit() {
+      var _this$article$accesso;
+      this.editEpoch++;
+      (_this$article$accesso = this.article.accessoireParentArticle) === null || _this$article$accesso === void 0 || (_this$article$accesso = _this$article$accesso.shelfPlanner) === null || _this$article$accesso === void 0 || _this$article$accesso.noteUserEdit();
+    }
+
+    /** The hand edit noted last changed nothing (eg the drop did not fit) - the memories taken before it stay up to date. */
+  }, {
+    key: "withdrawUserEdit",
+    value: function withdrawUserEdit() {
+      var _this$article$accesso2;
+      this.editEpoch--;
+      (_this$article$accesso2 = this.article.accessoireParentArticle) === null || _this$article$accesso2 === void 0 || (_this$article$accesso2 = _this$article$accesso2.shelfPlanner) === null || _this$article$accesso2 === void 0 || _this$article$accesso2.withdrawUserEdit();
+    }
+
+    /**
+     * True when a grid held nothing but its own initAcc - eg the Kleiderstange of a shelf that only passes through another
+     * width while it initializes. Such content is not carried over, the other grid starts with its own initAcc.
+     */
+  }, {
+    key: "isOnlyInitContent",
+    value: function isOnlyInitContent(grid, stashed) {
+      return stashed.every(function (acc) {
+        var _grid$InitAccArr;
+        return (_grid$InitAccArr = grid.InitAccArr) === null || _grid$InitAccArr === void 0 ? void 0 : _grid$InitAccArr.some(function (init) {
+          return init.Codex === acc.articleCodex && init.initRH.includes(acc.cellIndex);
+        });
+      });
+    }
+
+    /**
+     * Fallback for a grid without an up-to-date memory of its own: places what this change cleared from it, else from a grid
+     * the change switched off, mapped by family (eg the 50cm tablar comes back as the 100cm one). The cleared grid keeps its
+     * own memory.
+     * @param cleared what this change cleared, per grid - a placed source is taken out
+     * @returns how many were placed
+     */
+  }, {
+    key: "placeTransferredAccessoires",
+    value: (function () {
+      var _placeTransferredAccessoires = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(gridIndex, cleared) {
+        var _this = this;
+        var sources, _iterator, _step, source, accessoires, placed;
+        return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              //a grid that stays active keeps its content for itself
+              sources = [gridIndex].concat(_toConsumableArray__default["default"](_toConsumableArray__default["default"](cleared.keys()).filter(function (source) {
+                return source !== gridIndex && _this.grids[source].DisabledByRule;
+              })));
+              _iterator = _createForOfIteratorHelper(sources);
+              _context3.prev = 2;
+              _iterator.s();
+            case 4:
+              if ((_step = _iterator.n()).done) {
+                _context3.next = 18;
+                break;
+              }
+              source = _step.value;
+              accessoires = cleared.get(source);
+              if (accessoires) {
+                _context3.next = 9;
+                break;
+              }
+              return _context3.abrupt("continue", 16);
+            case 9:
+              _context3.next = 11;
+              return this.placeStashedAccessoiresInGrid(gridIndex, accessoires, true);
+            case 11:
+              placed = _context3.sent;
+              if (placed) {
+                _context3.next = 14;
+                break;
+              }
+              return _context3.abrupt("continue", 16);
+            case 14:
+              cleared["delete"](source);
+              return _context3.abrupt("return", placed);
+            case 16:
+              _context3.next = 4;
+              break;
+            case 18:
+              _context3.next = 23;
+              break;
+            case 20:
+              _context3.prev = 20;
+              _context3.t0 = _context3["catch"](2);
+              _iterator.e(_context3.t0);
+            case 23:
+              _context3.prev = 23;
+              _iterator.f();
+              return _context3.finish(23);
+            case 26:
+              return _context3.abrupt("return", 0);
+            case 27:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this, [[2, 20, 23, 26]]);
+      }));
+      function placeTransferredAccessoires(_x3, _x4) {
+        return _placeTransferredAccessoires.apply(this, arguments);
+      }
+      return placeTransferredAccessoires;
+    }() /** How many accessoires of `articleCodex` or of its family the grid holds, each counted in the cell it starts in. */)
+  }, {
+    key: "countPlacedOfFamily",
+    value: function countPlacedOfFamily(grid, articleCodex) {
+      var codexes = [articleCodex].concat(_toConsumableArray__default["default"](index.familyMembersOf(articleCodex, this.article.CatalogData.allCatalogArticles)));
+      var startsHere = function startsHere(cell) {
+        return cell.InUse === cell.Index && !cell.OnlyPlaceHolder;
+      };
+      return grid.Cells.filter(function (cell) {
+        var _cell$Article$article, _cell$Article;
+        return startsHere(cell) && codexes.includes((_cell$Article$article = (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.articleCodex) !== null && _cell$Article$article !== void 0 ? _cell$Article$article : '');
+      }).length;
+    }
+
+    /** The article itself when the grid allows it, else the members of its family the grid allows. */
+  }, {
+    key: "familyCandidates",
+    value: function familyCandidates(grid, articleCodex) {
+      var allowed = grid.getAllArticleRelations();
+      var family = index.familyMembersOf(articleCodex, this.article.CatalogData.allCatalogArticles).filter(function (codex) {
+        return codex !== articleCodex;
+      });
+      return [articleCodex].concat(_toConsumableArray__default["default"](family)).filter(function (codex) {
+        return allowed.includes(codex);
+      });
     }
 
     /** The memory is per grid and per HeightGridCellCountOnRule entry, false when the grid runs without a matching entry. */
@@ -401,25 +601,13 @@ var ShelfPlanner = /*#__PURE__*/function () {
       var stashedAccessoires = [];
       var inheritedValues = ShelfPlanner.addValuesPassedOnBy(this.article, parentInheritedValues);
       for (var i = 0; i < grid.Cells.length; i++) {
-        var _inheritedValues$acce;
+        var _accessoire$shelfPlan, _accessoire$shelfPlan2, _inheritedValues$acce;
         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, inheritedValues);
-          if (accessoiresOfGrid.length) {
-            accessoires[accessoireGrid.ShelfIndex] = {
-              ruleIndex: accessoireGrid.CurrentLoadedRuleIndex,
-              accessoires: accessoiresOfGrid
-            };
-          }
-        }
+        var accessoires = (_accessoire$shelfPlan = (_accessoire$shelfPlan2 = accessoire.shelfPlanner) === null || _accessoire$shelfPlan2 === void 0 ? void 0 : _accessoire$shelfPlan2.collectOwnAccessoiresToStash(inheritedValues)) !== null && _accessoire$shelfPlan !== void 0 ? _accessoire$shelfPlan : {};
 
         //a value the accessoire only took over from the parent is not remembered: placed again, the accessoire takes over the
         //parent's value of that time, the parent may have changed it in between
@@ -465,134 +653,210 @@ var ShelfPlanner = /*#__PURE__*/function () {
      * @returns the values passed on per basketId, a new object
      */
   }, {
-    key: "placeStashedAccessoiresOfGrid",
-    value: (
+    key: "collectOwnAccessoiresToStash",
+    value: /** The accessoires of all grids of this shelfplanner, grouped by grid - eg the drawers of an EINBAU that gets replaced. */
+    function collectOwnAccessoiresToStash() {
+      var parentInheritedValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.valuesPassedOnByParents();
+      var accessoires = {};
+      for (var j = 0; j < this.grids.length; j++) {
+        var grid = this.grids[j];
+        var accessoiresOfGrid = this.collectAccessoiresToStash(grid, parentInheritedValues);
+        if (accessoiresOfGrid.length) accessoires[grid.ShelfIndex] = {
+          ruleIndex: grid.CurrentLoadedRuleIndex,
+          accessoires: accessoiresOfGrid
+        };
+      }
+      return accessoires;
+    }
+
     /**
-     * Places the accessoires remembered for the rule entry the grid runs now back into their cells.
+     * Takes the accessoires remembered for the rule entry the grid runs now out of the memory.
      * @param gridIndex grid that became active again
-     * @returns how many accessoires were placed - 0 means the grid is still empty and needs its initAcc
+     * @returns the remembered accessoires and whether something was edited by hand since they were taken
+     */
+  }, {
+    key: "takeStashOfGrid",
+    value: function takeStashOfGrid(gridIndex) {
+      //a recreated grid already runs its new rule entry, only accessoires planned under that entry belong into it
+      var stashKey = this.stashKey(gridIndex, this.grids[gridIndex].CurrentLoadedRuleIndex);
+      var accessoires = this.stashedAccessoires[stashKey];
+      var outdated = this.stashEpochs[stashKey] !== this.editEpoch;
+      //remove it first, a reconfiguration triggered by placing them must not place them a second time
+      delete this.stashedAccessoires[stashKey];
+      delete this.stashEpochs[stashKey];
+      return accessoires !== null && accessoires !== void 0 && accessoires.length ? {
+        accessoires: accessoires,
+        outdated: outdated
+      } : undefined;
+    }
+
+    /**
+     * Places stashed accessoires that are grouped by gridIndex - used for the accessoires of an accessoire.
+     * @param mapByFamily the accessoire was replaced by another member of its family: its grids run their own rule entry, and
+     * every accessoire is placed as itself or as the family member the grid allows
      */
-    function () {
-      var _placeStashedAccessoiresOfGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(gridIndex) {
-        var stashKey, stashedAccessoires;
-        return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              //a recreated grid already runs its new rule entry, only accessoires planned under that entry belong into it
-              stashKey = this.stashKey(gridIndex, this.grids[gridIndex].CurrentLoadedRuleIndex);
-              stashedAccessoires = this.stashedAccessoires[stashKey];
-              if (stashedAccessoires !== null && stashedAccessoires !== void 0 && stashedAccessoires.length) {
-                _context3.next = 4;
-                break;
-              }
-              return _context3.abrupt("return", 0);
-            case 4:
-              //remove it first, a reconfiguration triggered by placing them must not place them a second time
-              delete this.stashedAccessoires[stashKey];
-              _context3.next = 7;
-              return this.placeStashedAccessoiresInGrid(gridIndex, stashedAccessoires);
-            case 7:
-              return _context3.abrupt("return", _context3.sent);
-            case 8:
-            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__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(stashedAccessoires) {
-        var gridIndexes, i, gridIndex, grid, stashed;
+        var mapByFamily,
+          gridIndexes,
+          i,
+          gridIndex,
+          grid,
+          stashed,
+          _args4 = arguments;
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
+              mapByFamily = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : false;
               gridIndexes = Object.keys(stashedAccessoires);
               i = 0;
-            case 2:
+            case 3:
               if (!(i < gridIndexes.length)) {
-                _context4.next = 18;
+                _context4.next = 19;
                 break;
               }
               gridIndex = Number(gridIndexes[i]);
               grid = this.getGridByIndex(gridIndex);
               stashed = stashedAccessoires[gridIndex]; //the accessoire was created new, its grids run their own rule entry with that entry's initAcc in place. A grid that
               //runs another entry than the remembered accessoires were planned under keeps them
-              if (!(!grid || grid.CurrentLoadedRuleIndex !== stashed.ruleIndex)) {
-                _context4.next = 8;
+              if (!(!grid || !mapByFamily && grid.CurrentLoadedRuleIndex !== stashed.ruleIndex)) {
+                _context4.next = 9;
                 break;
               }
-              return _context4.abrupt("continue", 15);
-            case 8:
-              _context4.next = 10;
+              return _context4.abrupt("continue", 16);
+            case 9:
+              _context4.next = 11;
               return grid.deleteAllAccOfGrid();
-            case 10:
-              _context4.next = 12;
-              return this.placeStashedAccessoiresInGrid(gridIndex, stashed.accessoires);
-            case 12:
+            case 11:
+              _context4.next = 13;
+              return this.placeStashedAccessoiresInGrid(gridIndex, stashed.accessoires, mapByFamily);
+            case 13:
               if (_context4.sent) {
-                _context4.next = 15;
+                _context4.next = 16;
                 break;
               }
-              _context4.next = 15;
+              _context4.next = 16;
               return this.initAccList(gridIndex);
-            case 15:
+            case 16:
               i++;
-              _context4.next = 2;
+              _context4.next = 3;
               break;
-            case 18:
+            case 19:
             case "end":
               return _context4.stop();
           }
         }, _callee4, this);
       }));
-      function placeStashedAccessoiresByGrid(_x4) {
+      function placeStashedAccessoiresByGrid(_x5) {
         return _placeStashedAccessoiresByGrid.apply(this, arguments);
       }
       return placeStashedAccessoiresByGrid;
-    }() /** @returns how many of the stashed accessoires were placed */)
+    }()
+    /**
+     * @param mapByFamily an accessoire the grid does not allow is placed as the member of its family the grid allows
+     * @returns how many of the stashed accessoires were placed
+     */
+    )
   }, {
     key: "placeStashedAccessoiresInGrid",
     value: (function () {
       var _placeStashedAccessoiresInGrid = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(gridIndex, stashedAccessoires) {
-        var placedAccessoires, grid, i, stashed, result, fitResult, accessoire, variantValues;
+        var mapByFamily,
+          placedAccessoires,
+          grid,
+          i,
+          stashed,
+          result,
+          _iterator2,
+          _step2,
+          articleCodex,
+          fitResult,
+          accessoire,
+          replaced,
+          variantValues,
+          _args5 = arguments;
         return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
+              mapByFamily = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : false;
               placedAccessoires = 0;
               grid = this.getGridByIndex(gridIndex);
               if (grid) {
-                _context5.next = 4;
+                _context5.next = 5;
                 break;
               }
               return _context5.abrupt("return", placedAccessoires);
-            case 4:
-              i = 0;
             case 5:
+              i = 0;
+            case 6:
               if (!(i < stashedAccessoires.length)) {
-                _context5.next = 29;
+                _context5.next = 53;
                 break;
               }
               stashed = stashedAccessoires[i];
-              grid.ActAccessoire = stashed.articleCodex;
-              _context5.next = 10;
+              result = false;
+              _iterator2 = _createForOfIteratorHelper(mapByFamily ? this.familyCandidates(grid, stashed.articleCodex) : [stashed.articleCodex]);
+              _context5.prev = 10;
+              _iterator2.s();
+            case 12:
+              if ((_step2 = _iterator2.n()).done) {
+                _context5.next = 23;
+                break;
+              }
+              articleCodex = _step2.value;
+              grid.ActAccessoire = articleCodex;
+              _context5.next = 17;
               return index.setHandlerInstance.addAccessorieOnShelfPlanner(this.article.set, gridIndex, stashed.cellIndex, this.article.basketId, {
                 noMove: stashed.noMove,
                 noDelete: stashed.noDelete,
-                byInit: true
+                byInit: true,
+                onlyOfferedCells: mapByFamily
               });
-            case 10:
+            case 17:
               result = _context5.sent;
               grid.ActAccessoire = undefined;
-              fitResult = result === false || result.index === undefined ? undefined : result;
+              if (!isPlaced(result)) {
+                _context5.next = 21;
+                break;
+              }
+              return _context5.abrupt("break", 23);
+            case 21:
+              _context5.next = 12;
+              break;
+            case 23:
+              _context5.next = 28;
+              break;
+            case 25:
+              _context5.prev = 25;
+              _context5.t0 = _context5["catch"](10);
+              _iterator2.e(_context5.t0);
+            case 28:
+              _context5.prev = 28;
+              _iterator2.f();
+              return _context5.finish(28);
+            case 31:
+              //a failed fit still returns its result, with the temporary article already deleted
+              fitResult = mapByFamily ? isPlaced(result) ? result : undefined : result === false || result.index === undefined ? undefined : result;
               accessoire = fitResult === null || fitResult === void 0 ? void 0 : fitResult.accessoire;
+              if (!(mapByFamily && (!fitResult || !accessoire))) {
+                _context5.next = 36;
+                break;
+              }
+              //carrying over is a best effort - what has no fitting family member in this grid is left out
+              this.logShelfDebug({
+                phase: 'configChanged',
+                action: 'accessoryNotTransferred',
+                gridIndex: gridIndex,
+                cellIndex: stashed.cellIndex,
+                articleCodex: stashed.articleCodex,
+                detail: 'no member of its family fits into this grid'
+              });
+              return _context5.abrupt("continue", 50);
+            case 36:
               if (!(!fitResult || !accessoire)) {
-                _context5.next = 17;
+                _context5.next = 39;
                 break;
               }
               LOG.error(new DivaUtils.DivaError('shelfaccessoire of a switched off grid does not fit anymore and gets dropped', {
@@ -606,37 +870,46 @@ var ShelfPlanner = /*#__PURE__*/function () {
                   parentBasketId: this.article.basketId
                 }
               }));
-              return _context5.abrupt("continue", 26);
-            case 17:
+              return _context5.abrupt("continue", 50);
+            case 39:
               accessoire.quantity = stashed.quantity;
               placedAccessoires++;
+              replaced = accessoire.articleCodex !== stashed.articleCodex;
+              if (mapByFamily) this.logShelfDebug({
+                phase: 'configChanged',
+                action: 'accessoryTransferred',
+                gridIndex: gridIndex,
+                cellIndex: stashed.cellIndex,
+                articleCodex: accessoire.articleCodex,
+                detail: replaced ? "as family member of ".concat(stashed.articleCodex) : 'same article'
+              });
               variantValues = this.valuesToPlaceAgain(stashed, accessoire);
               if (!Object.keys(variantValues).length) {
-                _context5.next = 23;
+                _context5.next = 47;
                 break;
               }
-              _context5.next = 23;
+              _context5.next = 47;
               return index.articleHandlerInstance.updateCfgValues(accessoire, variantValues, {});
-            case 23:
+            case 47:
               if (!accessoire.shelfPlanner) {
-                _context5.next = 26;
+                _context5.next = 50;
                 break;
               }
-              _context5.next = 26;
-              return accessoire.shelfPlanner.placeStashedAccessoiresByGrid(stashed.accessoires);
-            case 26:
+              _context5.next = 50;
+              return accessoire.shelfPlanner.placeStashedAccessoiresByGrid(stashed.accessoires, mapByFamily || replaced);
+            case 50:
               i++;
-              _context5.next = 5;
+              _context5.next = 6;
               break;
-            case 29:
+            case 53:
               return _context5.abrupt("return", placedAccessoires);
-            case 30:
+            case 54:
             case "end":
               return _context5.stop();
           }
-        }, _callee5, this);
+        }, _callee5, this, [[10, 25, 28, 31]]);
       }));
-      function placeStashedAccessoiresInGrid(_x5, _x6) {
+      function placeStashedAccessoiresInGrid(_x6, _x7) {
         return _placeStashedAccessoiresInGrid.apply(this, arguments);
       }
       return placeStashedAccessoiresInGrid;
@@ -658,17 +931,17 @@ var ShelfPlanner = /*#__PURE__*/function () {
       });
       if (!ownInheritableCodices.length) return variantValues;
       var inheritedNow = (_ShelfPlanner$addValu = ShelfPlanner.addValuesPassedOnBy(this.article, this.valuesPassedOnByParents())[accessoire.basketId]) !== null && _ShelfPlanner$addValu !== void 0 ? _ShelfPlanner$addValu : {};
-      var _iterator = _createForOfIteratorHelper(ownInheritableCodices),
-        _step;
+      var _iterator3 = _createForOfIteratorHelper(ownInheritableCodices),
+        _step3;
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var codex = _step.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var codex = _step3.value;
           if (inheritedNow[codex] !== undefined && inheritedNow[codex] !== stashed.inheritedValues[codex]) delete variantValues[codex];
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator.f();
+        _iterator3.f();
       }
       return variantValues;
     }
@@ -681,7 +954,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "initAccList",
     value: (function () {
       var _initAccList = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(gridIndex) {
-        var grids, i, grid, j, initAcc, k, _this$article$accesso, shelfId, accessoires, _accessoireToDelete$s, accessoireToDelete, rh;
+        var grids, i, grid, heldByFamily, j, _this$article$Catalog, _this$article$Catalog2, _heldByFamily$get, initAcc, family, held, placed, k, parentIsReal, _this$article$accesso3, shelfId, accessoires, _accessoireToDelete$s, accessoireToDelete, rh;
         return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -689,7 +962,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
               i = 0;
             case 2:
               if (!(i < grids.length)) {
-                _context6.next = 37;
+                _context6.next = 43;
                 break;
               }
               grid = grids[i];
@@ -697,25 +970,31 @@ var ShelfPlanner = /*#__PURE__*/function () {
                 _context6.next = 6;
                 break;
               }
-              return _context6.abrupt("continue", 34);
+              return _context6.abrupt("continue", 40);
             case 6:
               if (grid.InitAccArr) {
                 _context6.next = 8;
                 break;
               }
-              return _context6.abrupt("continue", 34);
+              return _context6.abrupt("continue", 40);
             case 8:
+              //only tops up: what the grid held of a family before (eg a carried over Kleiderstange in another cell) counts once
+              heldByFamily = new Map();
               j = 0;
-            case 9:
+            case 10:
               if (!(j < grid.InitAccArr.length)) {
-                _context6.next = 34;
+                _context6.next = 40;
                 break;
               }
               initAcc = grid.InitAccArr[j];
-              k = 0;
-            case 12:
+              family = (_this$article$Catalog = (_this$article$Catalog2 = this.article.CatalogData.allCatalogArticles[initAcc.Codex]) === null || _this$article$Catalog2 === void 0 ? void 0 : _this$article$Catalog2.accessoireFamily) !== null && _this$article$Catalog !== void 0 ? _this$article$Catalog : initAcc.Codex;
+              held = (_heldByFamily$get = heldByFamily.get(family)) !== null && _heldByFamily$get !== void 0 ? _heldByFamily$get : this.countPlacedOfFamily(grid, initAcc.Codex);
+              placed = Math.min(held, initAcc.initRH.length);
+              heldByFamily.set(family, held - placed);
+              k = placed;
+            case 17:
               if (!(k < initAcc.initRH.length)) {
-                _context6.next = 31;
+                _context6.next = 37;
                 break;
               }
               grid.ActAccessoire = initAcc.Codex;
@@ -727,56 +1006,58 @@ var ShelfPlanner = /*#__PURE__*/function () {
                 articleCodex: initAcc.Codex,
                 detail: 'from InitAccArr — a missing matching accessoryPlaced entry right after means the init placement failed'
               });
-              _context6.next = 17;
+              _context6.next = 22;
               return index.setHandlerInstance.addAccessorieOnShelfPlanner(this.article.set, grid.ShelfIndex, initAcc.initRH[k], grid.basketId, {
                 noMove: initAcc.noMove,
                 noDelete: initAcc.noDelete,
                 byInit: true
               });
-            case 17:
-              if (!initAcc.replaceFromParent) {
-                _context6.next = 27;
+            case 22:
+              //UseCase Atlantis Kleiderstange gets deleted on parent - not by a dry run, its parent is the real shelf it previews in
+              parentIsReal = !index.setHandlerInstance.isDryRunArticle(this.article.accessoireParentArticle);
+              if (!(initAcc.replaceFromParent && !(index.setHandlerInstance.isDryRunArticle(this.article) && parentIsReal))) {
+                _context6.next = 33;
                 break;
               }
               shelfId = this.getShelfParentShelfId();
-              if (!(shelfId && (_this$article$accesso = this.article.accessoireParentArticle) !== null && _this$article$accesso !== void 0 && _this$article$accesso.shelfPlanner)) {
-                _context6.next = 27;
+              if (!(shelfId && (_this$article$accesso3 = this.article.accessoireParentArticle) !== null && _this$article$accesso3 !== void 0 && _this$article$accesso3.shelfPlanner)) {
+                _context6.next = 33;
                 break;
               }
               accessoires = this.article.accessoireParentArticle.shelfPlanner.getAccessorireByCodex(shelfId, initAcc.Codex);
               if (!(accessoires && accessoires.length > 0)) {
-                _context6.next = 27;
+                _context6.next = 33;
                 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)) {
-                _context6.next = 27;
+                _context6.next = 33;
                 break;
               }
-              _context6.next = 27;
+              _context6.next = 33;
               return index.setHandlerInstance.deleteAccessorieOnShelfPlanner(this.article.set, accessoireToDelete.relatedToShelfGrid, rh, this.article.accessoireParentArticle.basketId);
-            case 27:
+            case 33:
               grid.ActAccessoire = undefined;
-            case 28:
+            case 34:
               k++;
-              _context6.next = 12;
+              _context6.next = 17;
               break;
-            case 31:
+            case 37:
               j++;
-              _context6.next = 9;
+              _context6.next = 10;
               break;
-            case 34:
+            case 40:
               i++;
               _context6.next = 2;
               break;
-            case 37:
+            case 43:
             case "end":
               return _context6.stop();
           }
         }, _callee6, this);
       }));
-      function initAccList(_x7) {
+      function initAccList(_x8) {
         return _initAccList.apply(this, arguments);
       }
       return initAccList;
@@ -866,7 +1147,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
           }
         }, _callee7, this);
       }));
-      function triggerVisibility(_x8) {
+      function triggerVisibility(_x9) {
         return _triggerVisibility.apply(this, arguments);
       }
       return triggerVisibility;
@@ -953,6 +1234,21 @@ var ShelfPlanner = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * `tryFitOnShelfOfGrid` limited to the cells `getFreeSpacesOfAccessoire` offers (an active grid, room above and below,
+     * neighbour and montage rules) - for a placement nobody picked by hand: a carry-over or a family swap.
+     */
+  }, {
+    key: "tryFitOnOfferedCellOfGrid",
+    value: function tryFitOnOfferedCellOfGrid(gridIndex, cellIndex, accessoire) {
+      var fit = this.tryFitOnShelfOfGrid(gridIndex, cellIndex, accessoire);
+      if (fit === false || fit.index === undefined || fit.type === 'doesNotFit' || fit.type.startsWith('notAllowed')) return fit;
+      return this.grids[gridIndex].getFreeSpacesOfAccessoire(accessoire).includes(fit.index) ? fit : {
+        type: 'doesNotFit',
+        size: fit.size
+      };
+    }
+
     /**
      *
      * @param gridName
@@ -1045,7 +1341,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
           }
         }, _callee9, this);
       }));
-      function deleteAccessoireOfCellInGrid(_x9, _x10) {
+      function deleteAccessoireOfCellInGrid(_x10, _x11) {
         return _deleteAccessoireOfCellInGrid.apply(this, arguments);
       }
       return deleteAccessoireOfCellInGrid;
@@ -1081,7 +1377,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "handleDeleteTakePlaceOnOtherGrids",
     value: (function () {
       var _handleDeleteTakePlaceOnOtherGrids = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(gridIndex, cellIndex, accessoire) {
-        var i, _cell$Article, cell, _i7, _cell$Article2, _cell, _i8;
+        var i, _cell$Article2, cell, _i7, _cell$Article3, _cell, _i8;
         return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -1094,7 +1390,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
               if (accessoire.shelfHeightAbove) {
                 for (i = 0; i < accessoire.shelfHeightAbove; i++) {
                   cell = this.grids[gridIndex].Cells[cellIndex + accessoire.shelfHeight + i];
-                  if ((cell === null || cell === void 0 || (_cell$Article = cell.Article) === null || _cell$Article === void 0 ? void 0 : _cell$Article.basketId) === accessoire.basketId) {
+                  if ((cell === null || cell === void 0 || (_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId) === accessoire.basketId) {
                     cell.ClearInUse();
                   }
                 }
@@ -1102,7 +1398,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
               if (accessoire.shelfHeightBelow) {
                 for (_i7 = 0; _i7 < accessoire.shelfHeightBelow; _i7++) {
                   _cell = this.grids[gridIndex].Cells[cellIndex - (_i7 + 1)];
-                  if ((_cell === null || _cell === void 0 || (_cell$Article2 = _cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId) === accessoire.basketId) {
+                  if ((_cell === null || _cell === void 0 || (_cell$Article3 = _cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.basketId) === accessoire.basketId) {
                     _cell.ClearInUse();
                   }
                 }
@@ -1135,7 +1431,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
           }
         }, _callee10, this);
       }));
-      function handleDeleteTakePlaceOnOtherGrids(_x11, _x12, _x13) {
+      function handleDeleteTakePlaceOnOtherGrids(_x12, _x13, _x14) {
         return _handleDeleteTakePlaceOnOtherGrids.apply(this, arguments);
       }
       return handleDeleteTakePlaceOnOtherGrids;
@@ -1200,7 +1496,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
           }
         }, _callee11, this);
       }));
-      function addAccessoireInCellInGrid(_x14, _x15, _x16, _x17, _x18) {
+      function addAccessoireInCellInGrid(_x15, _x16, _x17, _x18, _x19) {
         return _addAccessoireInCellInGrid.apply(this, arguments);
       }
       return addAccessoireInCellInGrid;
@@ -1306,10 +1602,10 @@ var ShelfPlanner = /*#__PURE__*/function () {
           });
           if (grid.ShelfIndex != i) cells[j].gridIndex = grid.ShelfIndex;
           if (cell.InUse == j) {
-            var _cell$Article3, _cell$Article4;
+            var _cell$Article4, _cell$Article5;
             cells[j].usedArticleData = {
-              Codex: (_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.articleCodex,
-              BasketID: (_cell$Article4 = cell.Article) === null || _cell$Article4 === void 0 ? void 0 : _cell$Article4.basketId
+              Codex: (_cell$Article4 = cell.Article) === null || _cell$Article4 === void 0 ? void 0 : _cell$Article4.articleCodex,
+              BasketID: (_cell$Article5 = cell.Article) === null || _cell$Article5 === void 0 ? void 0 : _cell$Article5.basketId
             };
           }
         }
@@ -1335,13 +1631,13 @@ var ShelfPlanner = /*#__PURE__*/function () {
         for (var j = 0; j < grid.Cells.length; j++) {
           var cell = grid.Cells[j];
           if (cell.InUse == j && cell.Article && cell.Article.model3DName && !cell.OnlyPlaceHolder) {
-            var _cell$Article5;
+            var _cell$Article6;
             var cellIndex = cell.Index;
             if (grid.Direction == 'vertikal' && this.article.CatalogData.useShelfPlannerRTV != true) {
               cellIndex = grid.Cells.length - 1 - cell.Index;
             }
             accessoires.push({
-              basketId: (_cell$Article5 = cell.Article) === null || _cell$Article5 === void 0 ? void 0 : _cell$Article5.basketId,
+              basketId: (_cell$Article6 = cell.Article) === null || _cell$Article6 === void 0 ? void 0 : _cell$Article6.basketId,
               gridId: grid.ShelfIndex,
               gridName: grid.GridName,
               model: cell.Article.model3DName,
@@ -1362,8 +1658,8 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "getShelfElementId",
     value: function getShelfElementId() {
-      var _this$article$accesso2;
-      if ((_this$article$accesso2 = this.article.accessoireParentArticle) !== null && _this$article$accesso2 !== void 0 && _this$article$accesso2.shelfPlanner && this.article.relatedToShelfGrid !== undefined && this.grids.length > 0) {
+      var _this$article$accesso4;
+      if ((_this$article$accesso4 = this.article.accessoireParentArticle) !== null && _this$article$accesso4 !== void 0 && _this$article$accesso4.shelfPlanner && this.article.relatedToShelfGrid !== undefined && this.grids.length > 0) {
         var rh = this.getRHOnParentArticle();
         var parentId = this.article.accessoireParentArticle.shelfPlanner.getShelfElementId();
         return parentId + '.' + this.article.relatedToShelfGrid + '.' + rh;
@@ -1378,13 +1674,13 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "getRHOnParentArticle",
     value: function getRHOnParentArticle() {
-      var _this$article$accesso3,
-        _this = this;
+      var _this$article$accesso5,
+        _this2 = this;
       if (this.article.relatedToShelfGrid === undefined) return undefined;
-      return (_this$article$accesso3 = this.article.accessoireParentArticle) === null || _this$article$accesso3 === void 0 || (_this$article$accesso3 = _this$article$accesso3.shelfPlanner) === null || _this$article$accesso3 === void 0 || (_this$article$accesso3 = _this$article$accesso3.grids[this.article.relatedToShelfGrid].Cells.find(function (item) {
+      return (_this$article$accesso5 = this.article.accessoireParentArticle) === null || _this$article$accesso5 === void 0 || (_this$article$accesso5 = _this$article$accesso5.shelfPlanner) === null || _this$article$accesso5 === void 0 || (_this$article$accesso5 = _this$article$accesso5.grids[this.article.relatedToShelfGrid].Cells.find(function (item) {
         var _item$Article;
-        return ((_item$Article = item.Article) === null || _item$Article === void 0 ? void 0 : _item$Article.basketId) == _this.article.basketId;
-      })) === null || _this$article$accesso3 === void 0 ? void 0 : _this$article$accesso3.InUse;
+        return ((_item$Article = item.Article) === null || _item$Article === void 0 ? void 0 : _item$Article.basketId) == _this2.article.basketId;
+      })) === null || _this$article$accesso5 === void 0 ? void 0 : _this$article$accesso5.InUse;
     }
 
     /**
@@ -1447,8 +1743,8 @@ var ShelfPlanner = /*#__PURE__*/function () {
   }, {
     key: "getShelfParentShelfId",
     value: function getShelfParentShelfId() {
-      var _this$article$accesso4;
-      if (this.article.relatedToShelfGrid !== undefined) return (_this$article$accesso4 = this.article.accessoireParentArticle) === null || _this$article$accesso4 === void 0 || (_this$article$accesso4 = _this$article$accesso4.shelfPlanner) === null || _this$article$accesso4 === void 0 || (_this$article$accesso4 = _this$article$accesso4.grids[this.article.relatedToShelfGrid]) === null || _this$article$accesso4 === void 0 ? void 0 : _this$article$accesso4.ShelfId;
+      var _this$article$accesso6;
+      if (this.article.relatedToShelfGrid !== undefined) return (_this$article$accesso6 = this.article.accessoireParentArticle) === null || _this$article$accesso6 === void 0 || (_this$article$accesso6 = _this$article$accesso6.shelfPlanner) === null || _this$article$accesso6 === void 0 || (_this$article$accesso6 = _this$article$accesso6.grids[this.article.relatedToShelfGrid]) === null || _this$article$accesso6 === void 0 ? void 0 : _this$article$accesso6.ShelfId;
       return undefined;
     }
 
@@ -1508,7 +1804,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
     key: "disableCellsByDockedShelfs",
     value: (function () {
       var _disableCellsByDockedShelfs = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12(count) {
-        var _this2 = this;
+        var _this3 = this;
         var grids, _loop2, i;
         return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
@@ -1532,7 +1828,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
                       newlyEnabled = grid.Cells.filter(function (cell, j) {
                         return cell.IsDisabled && !toDisableCells.includes(j);
                       }).length;
-                      if (newlyDisabled.length || newlyEnabled) _this2.logShelfDebug({
+                      if (newlyDisabled.length || newlyEnabled) _this3.logShelfDebug({
                         phase: 'docking',
                         action: 'disabledCellsUpdated',
                         gridIndex: grid.ShelfIndex,
@@ -1550,7 +1846,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
                         break;
                       }
                       _context12.next = 14;
-                      return index.setHandlerInstance.deleteAccessorieOnShelfPlanner(_this2.article.set, grid.ShelfIndex, cell.InUse, grid.basketId);
+                      return index.setHandlerInstance.deleteAccessorieOnShelfPlanner(_this3.article.set, grid.ShelfIndex, cell.InUse, grid.basketId);
                     case 14:
                       cell.IsDisabled = true;
                     case 15:
@@ -1598,7 +1894,7 @@ var ShelfPlanner = /*#__PURE__*/function () {
           }
         }, _callee12, this);
       }));
-      function disableCellsByDockedShelfs(_x19) {
+      function disableCellsByDockedShelfs(_x20) {
         return _disableCellsByDockedShelfs.apply(this, arguments);
       }
       return disableCellsByDockedShelfs;