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

package/build/esm/{index-474fc67f.js → index-30e0f4dc.js}

@@ -1676,7 +1676,6 @@ var ArticleOptionValueData = /*#__PURE__*/function () {
       parent: parent,
       ocd: jsonOPV.OCD,
       quantity: jsonOPV.Quantity ? Number(jsonOPV.Quantity) : 1,
-      isDefault: jsonOPV.IsDefault,
       isPIMFlatValue: jsonOPV.PIMFlatValues === 'True',
       isVariantAttribute: jsonOPV.IsVariantAttribute
     };
@@ -1933,6 +1932,11 @@ var ArticleOptionValueData = /*#__PURE__*/function () {
     get: function get() {
       return this.opv.subArticleTypeNr;
     }
+  }, {
+    key: "addToMeasure",
+    get: function get() {
+      return this.opv.catalogOPV.addToMeasure;
+    }
   }, {
     key: "hideSubarticleDescription",
     get: function get() {
@@ -16094,6 +16098,15 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
         case 'SET_BY_RULE':
           this.opv.setByRule = prop.Value;
           break;
+        case 'ADD_TO_MEASURE':
+          this.opv.addToMeasure = prop.Value.split(';').map(function (v) {
+            return {
+              op: v.split(':')[0],
+              value: Number(v.split(':')[1]),
+              opt: 'OPT' + v.split(':')[2]
+            };
+          });
+          break;
         default:
           if (key.includes('__')) break;
           var values_locales = [];
@@ -16389,6 +16402,11 @@ var OptionValueCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.opv.customDimension;
     }
+  }, {
+    key: "addToMeasure",
+    get: function get() {
+      return this.opv.addToMeasure;
+    }
   }]);
 }();
 
@@ -17986,10 +18004,10 @@ var OptionCatalogData = /*#__PURE__*/function () {
         case 'ONLY_VISIBLE_IF_NOT_UNDOCK':
           this.opt.onlyVisibleIfNotDocked = prop.Value;
           break;
-        case 'ONLY_VIDSIBLE_IF_CONFIG_SINGLE':
+        case 'ONLY_VISIBLE_IF_CONFIG_SINGLE':
           this.opt.onlyVisibleIfConfigSingle = prop.Value;
           break;
-        case 'ONLY_VIDSIBLE_IF_CONFIG_ALL':
+        case 'ONLY_VISIBLE_IF_CONFIG_ALL':
           this.opt.onlyVisibleIfConfigAll = prop.Value;
           break;
         case 'ISDEFAULTVALUEFOROPTIONS':
@@ -20642,6 +20660,12 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
       var _this$val$customDimen, _this$val24;
       return this.val && ((_this$val$customDimen = (_this$val24 = this.val) === null || _this$val24 === void 0 ? void 0 : _this$val24.customDimension) !== null && _this$val$customDimen !== void 0 ? _this$val$customDimen : this.option.customDimension);
     }
+  }, {
+    key: "addToMeasure",
+    get: function get() {
+      var _this$val25;
+      return (_this$val25 = this.val) === null || _this$val25 === void 0 ? void 0 : _this$val25.addToMeasure;
+    }
   }, {
     key: "showWarningForRequiresUserInput",
     get: function get() {
@@ -22219,6 +22243,16 @@ var DivaArticle = /*#__PURE__*/function () {
       }
       return true;
     }
+  }, {
+    key: "optionStatesWithAddToMeasure",
+    value: function optionStatesWithAddToMeasure(opt) {
+      return Object.values(this.articleOptionStates).filter(function (ops) {
+        var _ops$addToMeasure, _ops$addToMeasure2;
+        return ((_ops$addToMeasure = ops.addToMeasure) === null || _ops$addToMeasure === void 0 ? void 0 : _ops$addToMeasure.find(function (o) {
+          return o.opt == opt;
+        })) || ops.optionCodex == opt && ((_ops$addToMeasure2 = ops.addToMeasure) === null || _ops$addToMeasure2 === void 0 ? void 0 : _ops$addToMeasure2.length);
+      });
+    }
   }, {
     key: "requiredUserInputOptions",
     get: function get() {
@@ -22954,6 +22988,7 @@ var DivaArticle = /*#__PURE__*/function () {
         }
         this.updateIDMSpecificFeature(myArtOPS);
       }
+      this.updateOptionsWithAddToMeasure(OP);
     }
   }, {
     key: "updateIDMSpecificFeature",
@@ -23109,6 +23144,61 @@ var DivaArticle = /*#__PURE__*/function () {
         return myDesc;
       }
     }
+  }, {
+    key: "updateOptionsWithAddToMeasure",
+    value: function updateOptionsWithAddToMeasure(optionCodex) {
+      var opsWithAddToMeasure = this.optionStatesWithAddToMeasure(optionCodex);
+      var result = undefined;
+      var optionsUsedFreetext = {};
+      for (var i = 0; i < opsWithAddToMeasure.length; i++) {
+        var _result2;
+        var addToMeasureOps = opsWithAddToMeasure[i];
+        for (var j = 0; j < addToMeasureOps.addToMeasure.length; j++) {
+          var _Number, _this$getArticleOptio4;
+          var addToMeasure = addToMeasureOps.addToMeasure[j];
+          var value = optionsUsedFreetext[addToMeasure.opt] ? 0 : (_Number = Number((_this$getArticleOptio4 = this.getArticleOptionState(addToMeasure.opt)) === null || _this$getArticleOptio4 === void 0 ? void 0 : _this$getArticleOptio4.freeText)) !== null && _Number !== void 0 ? _Number : 0;
+          optionsUsedFreetext[addToMeasure.opt] = true;
+          if (!addToMeasureOps.val) continue;
+          if (isNaN(value)) {
+            result = undefined;
+            break;
+          } else {
+            var _result;
+            result = this.calculateMeasure(addToMeasure, ((_result = result) !== null && _result !== void 0 ? _result : 0) + value);
+          }
+        }
+        this.setOP(addToMeasureOps.optionCodex, addToMeasureOps.val, (_result2 = result) === null || _result2 === void 0 ? void 0 : _result2.toString());
+      }
+    }
+  }, {
+    key: "calcAddToMeasure",
+    value: function calcAddToMeasure(optionCodex, value) {
+      var opsWithAddToMeasure = this.optionStatesWithAddToMeasure(optionCodex);
+      for (var j = 0; j < opsWithAddToMeasure.length; j++) {
+        for (var i = 0; i < opsWithAddToMeasure[j].addToMeasure.length; i++) {
+          var measure = opsWithAddToMeasure[j].addToMeasure[i];
+          if (measure.opt != optionCodex) continue;
+          value = this.calculateMeasure(measure, value);
+        }
+      }
+      return value;
+    }
+  }, {
+    key: "calculateMeasure",
+    value: function calculateMeasure(measure, value) {
+      switch (measure.op) {
+        case '+':
+          return Math.round(value + measure.value);
+        case '-':
+          return Math.round(value - measure.value);
+        case '*':
+          return Math.round(value * measure.value);
+        case '/':
+          return Math.round(value / measure.value);
+      }
+      LOG$d.error(new Error('operator ' + measure.op + ' not implemented'));
+      return value;
+    }
   }, {
     key: "clearOP",
     value: function clearOP(optionCodex) {
@@ -23999,7 +24089,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-152084c3.js');
+              return import('./ShelfPlanner-1e795caa.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -24130,6 +24220,9 @@ var DivaArticle = /*#__PURE__*/function () {
         }
         if ((mUnit || OP == 'OPTUMFANG' || OP == 'OPTUMFANG_KREIS') && this.parentHasSameOption(OP)) {
           var freeTextMeasure = parseFloat(myArtOPS.freeText ? myArtOPS.freeText : '');
+          var newFreeTextMeasure = this.calcAddToMeasure(OP, freeTextMeasure);
+          LOG$d.debug('freetext changed by addToMeasure at price calculation', newFreeTextMeasure, freeTextMeasure, myArtOPS.addToMeasure);
+          freeTextMeasure = newFreeTextMeasure;
           if (freeTextMeasure || OP == 'OPTUMFANG' || OP == 'OPTUMFANG_KREIS') {
             if (calcUnitPrice != 0) {
               var quantity = 0;
@@ -24443,6 +24536,13 @@ var DivaArticle = /*#__PURE__*/function () {
             }
           }
         }
+        //for classification usecase when suboption and option have the same name like OPTOPT_MATERIAL_1_00 and OPTOPT_MATERIAL_1_00.OPTOPT_MATERIAL_1_00
+        if (_ops8) {
+          var _ops8$valCodex;
+          if ((_ops8$valCodex = _ops8.valCodex) !== null && _ops8$valCodex !== void 0 && _ops8$valCodex.startsWith('OPVSUB_') && !validValues[_key4 + '.' + _key4] && this.getArticleOptionState(_key4 + '.' + _key4)) {
+            validValues[_key4 + '.' + _key4] = myValues[_key4];
+          }
+        }
       }
       return validValues;
     }
@@ -24643,8 +24743,9 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "addOptionStateFromArticleToPlannerData",
     value: function addOptionStateFromArticleToPlannerData(ret, alternateRenderInfo) {
-      for (var key in this.articleOptionStates) {
-        this.addOptionStateToPlannerData(ret, this.articleOptionStates[key], alternateRenderInfo);
+      var articleOptions = this.getArticleOptionStatesWithOptionsForPrint();
+      for (var key in articleOptions) {
+        this.addOptionStateToPlannerData(ret, articleOptions[key], alternateRenderInfo);
       }
       for (var _key5 in this.article.partlistArticles) {
         var partlistArticle = this.article.partlistArticles[_key5];
@@ -24956,7 +25057,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     value: //Initialisiert eventuell Option Tree und Infos im CatalogArticle
     function () {
       var _loadArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, articleCodex, initParams) {
-        var _yield$this$preLoadAr, catalog, catalogArticle, newBasketId, _set$actions;
+        var _yield$this$preLoadAr, catalog, catalogArticle, newBasketId;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -24980,12 +25081,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                   articleCodex: articleCodex
                 }
               }));
-              (_set$actions = set.actions) === null || _set$actions === void 0 || _set$actions.openModal({
-                accept: true,
-                title: set.i18n.t('modals.error_accured')
-              });
-              return _context.abrupt("return", false);
-            case 13:
+              throw new Error('articleCodex not found in article list. Could be due to exclusivity or a bug in the application!');
+            case 12:
             case "end":
               return _context.stop();
           }
@@ -28684,7 +28781,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-43de473a.js');
+              return import('./DoorPlanner-f893f34e.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -30595,10 +30692,11 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         //hier evtl. die Article mit einer gewissen reihenfolge durchlaufen!
         var optionsStates = optionStatesOfArticles[basketId];
         for (var optionCodex in optionsStates) {
+          var _ops$addToMeasure;
           var ops = optionsStates[optionCodex];
           var selectionmode = ops.selectionmode;
           if (set.CatalogData.forceConfigSingle && (selectionmode == 1 || selectionmode == 2)) selectionmode = 3;
-          if (!ops.isInvisible && (selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && set.api.showSelectionModeZero()) && ops.isDoShow && ops.visibleCount > 0) {
+          if (!ops.isInvisible && (selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && set.api.showSelectionModeZero()) && ops.isDoShow && !((_ops$addToMeasure = ops.addToMeasure) !== null && _ops$addToMeasure !== void 0 && _ops$addToMeasure.length) && ops.visibleCount > 0) {
             this.addOptionsStateToConfigTree(set, set.configTree, articles, basketId, ops, optionCodex, selectionmode, addToTabGroup);
           }
         }
@@ -31282,10 +31380,11 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         //hier evtl. die Article mit einer gewissen reihenfolge durchlaufen!
         var optionsStates = optionStatesOfArticles[iKey];
         for (var jKey in optionsStates) {
+          var _ops$addToMeasure2;
           var ops = optionsStates[jKey];
           var selectionmode = ops.selectionmode;
           if (set.CatalogData.forceConfigSingle && (selectionmode == 1 || selectionmode == 2)) selectionmode = 3;
-          if (ops.isInvisible || selectionmode == 0 || !ops.isDoShow || ops.visibleCount == 0) {
+          if (ops.isInvisible || selectionmode == 0 || !ops.isDoShow || ops.visibleCount == 0 || !!((_ops$addToMeasure2 = ops.addToMeasure) !== null && _ops$addToMeasure2 !== void 0 && _ops$addToMeasure2.length)) {
             this.addOptionsStateToConfigTree(set, configTree, articles, iKey, ops, jKey, selectionmode);
           }
         }
@@ -34059,6 +34158,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
           origOrderSet.SetVariantBasketDatas = actOrderSet.SetVariantBasketDatas;
           origOrderSet.BBox = actOrderSet.BBox;
           origOrderSet.VariantDescription = actOrderSet.VariantDescription;
+          origOrderSet.OfflineData = actOrderSet.OfflineData;
           if (actOrderSet.ConfigVariants && origOrderSet.ConfigVariants) origOrderSet.ConfigVariants = actOrderSet.ConfigVariants.map(function (variant, index) {
             var _origOrderSet$ConfigV;
             var configVariant = (_origOrderSet$ConfigV = origOrderSet.ConfigVariants) === null || _origOrderSet$ConfigV === void 0 ? void 0 : _origOrderSet$ConfigV[index];
@@ -34172,6 +34272,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 SetName: set.setName,
                 SetName_locales: set.setName_locales,
                 ProductSetName: set.ProductSetName,
+                SupplierGUID: catalogData.supplierGuid,
                 SetPrice: set.getSetPrice(),
                 BruttoSetPrice: bruttoPrice,
                 SetQuantity: 1,
@@ -35474,7 +35575,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-7f7996a7.js');
+              return import('./PfisterWWSHandler-9f3a0b55.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35482,7 +35583,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-e63f276f.js');
+              return import('./LiviqueWWSHandler-7a582c3d.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35490,7 +35591,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-1a4186bd.js');
+              return import('./SeriousBasketHandler-19a9ff95.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35498,7 +35599,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-a5d84eb8.js');
+              return import('./StandardWWSHandler-454f0faa.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -35783,28 +35884,6 @@ var ViewPointHandler = /*#__PURE__*/function () {
     value: function zoomToStep(zoomStep) {
       this.navInfo3D.zoom = zoomStep;
     }
-  }, {
-    key: "swipeLeft",
-    value: function swipeLeft() {
-      this.navInfo3D.rotHori -= 15;
-    }
-  }, {
-    key: "swipRight",
-    value: function swipRight() {
-      this.navInfo3D.rotHori += 15;
-    }
-  }, {
-    key: "swipeUp",
-    value: function swipeUp() {
-      if (this.navInfo3D.rotVert == -15) return;
-      this.navInfo3D.rotVert -= 15;
-    }
-  }, {
-    key: "swipeDown",
-    value: function swipeDown() {
-      if (this.navInfo3D.rotVert == 45) return;
-      this.navInfo3D.rotVert += 15;
-    }
   }, {
     key: "setVpName",
     value: function setVpName(vpName) {
@@ -35859,6 +35938,7 @@ var ViewPointHandler = /*#__PURE__*/function () {
     key: "initRoomList",
     value: function initRoomList(roomlist, defaultBackgroundWidth, defaultBackgroundHeight) {
       this.roomListInfo = [];
+      if (!roomlist) return;
       var roomListObj = JSON.parse(roomlist);
       var roomIsSel = true;
       for (var roomCodex in roomListObj) {
@@ -36941,7 +37021,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-b772e3b5.js');
+              return import('./Host3DSignalR-b2645aac.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -37642,7 +37722,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
   }, {
     key: "handle3DVisualizationChanged",
     value: function handle3DVisualizationChanged(mode, params) {
-      var _params$nav3DZoom, _params$nav3DZoom2, _params$nav3DZoom3, _params$nav3DSwipe, _params$nav3DSwipe2, _params$nav3DSwipe3, _params$nav3DSwipe4;
+      var _params$nav3DZoom, _params$nav3DZoom2, _params$nav3DZoom3;
       switch (mode) {
         case 'Nav3DFullScreen':
           break;
@@ -37655,17 +37735,6 @@ var PlannerHandler3D = /*#__PURE__*/function () {
             this.viewPointHandler.zoomToStep(params.nav3DZoom.zoomVal);
           }
           break;
-        case 'Nav3DSwipe':
-          if ((_params$nav3DSwipe = params.nav3DSwipe) !== null && _params$nav3DSwipe !== void 0 && _params$nav3DSwipe.doSwipeRight) {
-            this.viewPointHandler.swipRight();
-          } else if ((_params$nav3DSwipe2 = params.nav3DSwipe) !== null && _params$nav3DSwipe2 !== void 0 && _params$nav3DSwipe2.doSwipeLeft) {
-            this.viewPointHandler.swipeLeft();
-          } else if ((_params$nav3DSwipe3 = params.nav3DSwipe) !== null && _params$nav3DSwipe3 !== void 0 && _params$nav3DSwipe3.doSwipeDown) {
-            this.viewPointHandler.swipeDown();
-          } else if ((_params$nav3DSwipe4 = params.nav3DSwipe) !== null && _params$nav3DSwipe4 !== void 0 && _params$nav3DSwipe4.doSwipeUp) {
-            this.viewPointHandler.swipeUp();
-          }
-          break;
         case 'Nav3DFocus':
           this.viewPointHandler.focusOnElementId(params.nav3DFocus.setId, params.nav3DFocus.focusElementId);
           break;
@@ -38506,7 +38575,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-50298918.js');
+              return import('./DivaStandardPlanner-ce7927f6.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38517,7 +38586,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-ef50f3c1.js');
+              return import('./DivaBoxPlanner-48803ce3.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -39275,7 +39344,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
           planner3DGridEnabled: false,
           mediaServiceSaveMode: 'STREAM',
           doShow3DDimensionLines: !!doShow3DDimensionLines
-        }, undefined);
+        }, undefined, true);
       } else {
         this.handler3D.handle3DVisualizationChanged(mode, params);
       }
@@ -40271,7 +40340,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initialize",
     value: function () {
       var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-        var viewReadyPromise, loadSuccessful, _this$actions16, _set$getDivaArticles, _this$actions15, _this$actions15$toggl, initSetState, set, oldProductId, result, _this$actions17, catalogData, initializationId, _this$plannerConfig$a;
+        var viewReadyPromise, loadSuccessful;
         return _regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
             case 0:
@@ -40300,59 +40369,97 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 DivaUtils.businessMetrics.setConfiguratorSessionId();
               }
               if (!loadSuccessful) {
-                _context14.next = 56;
+                _context14.next = 27;
                 break;
               }
+              _context14.prev = 15;
+              _context14.next = 18;
+              return this.initializeSets(loadSuccessful, viewReadyPromise);
+            case 18:
+              return _context14.abrupt("return", _context14.sent);
+            case 21:
+              _context14.prev = 21;
+              _context14.t0 = _context14["catch"](15);
+              this.onInitializationError();
+              return _context14.abrupt("return", false);
+            case 25:
+              _context14.next = 30;
+              break;
+            case 27:
+              this.onInitializationError();
+              //fehler beim laden vom basket..
+              LOG$1.errorTransaction('LOADING_BASKET', 'BASKET_0002', 'Fehler beim Laden des Baskets', {}, true);
+              return _context14.abrupt("return", false);
+            case 30:
+            case "end":
+              return _context14.stop();
+          }
+        }, _callee14, this, [[15, 21]]);
+      }));
+      function initialize() {
+        return _initialize.apply(this, arguments);
+      }
+      return initialize;
+    }()
+  }, {
+    key: "initializeSets",
+    value: function () {
+      var _initializeSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(loadSuccessful, viewReadyPromise) {
+        var _this$actions16, _set$getDivaArticles;
+        var _this$actions15, _this$actions15$toggl, initSetState, set, oldProductId, result, _this$actions17, catalogData, initializationId, _this$plannerConfig$a;
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
+            case 0:
               if (!(typeof loadSuccessful != 'boolean')) {
-                _context14.next = 24;
+                _context15.next = 9;
                 break;
               }
               if (!(loadSuccessful.type == 'ProductList')) {
-                _context14.next = 24;
+                _context15.next = 9;
                 break;
               }
-              _context14.next = 19;
+              _context15.next = 4;
               return viewReadyPromise;
-            case 19:
-              _context14.next = 21;
+            case 4:
+              _context15.next = 6;
               return this.initView();
-            case 21:
+            case 6:
               this.subscribeToWebPlannerEvents();
               (_this$actions15 = this.actions) === null || _this$actions15 === void 0 || (_this$actions15$toggl = _this$actions15.toggleLoading) === null || _this$actions15$toggl === void 0 || _this$actions15$toggl.call(_this$actions15, 'Planner_Loading', false, false);
-              return _context14.abrupt("return", true);
-            case 24:
+              return _context15.abrupt("return", true);
+            case 9:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet();
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context14.next = 29;
+              _context15.next = 14;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
-            case 29:
+            case 14:
               set = this.actSet();
               oldProductId = this.divaBasketHandler.actBasket.MatchingProductId || this.divaBasketHandler.actBasket.OrigProductId;
               if (!(oldProductId && set && set !== null && set !== void 0 && set.api.doCheckForProductsPrice())) {
-                _context14.next = 38;
+                _context15.next = 23;
                 break;
               }
-              _context14.next = 34;
+              _context15.next = 19;
               return this.divaBasketHandler.getProduct(this.api, oldProductId);
-            case 34:
-              result = _context14.sent;
+            case 19:
+              result = _context15.sent;
               if (result) productHandlerInstance.handleFountMatchingProducts(set, [result], set.setHash);
-              _context14.next = 39;
+              _context15.next = 24;
               break;
-            case 38:
+            case 23:
               if (typeof loadSuccessful != 'boolean' && set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
                 if (loadSuccessful.type != 'ProductList') {
                   productHandlerInstance.handleFountMatchingProducts(set, [loadSuccessful], set.setHash);
                 }
               }
-            case 39:
-              _context14.next = 41;
+            case 24:
+              _context15.next = 26;
               return viewReadyPromise;
-            case 41:
-              _context14.next = 43;
+            case 26:
+              _context15.next = 28;
               return this.initView();
-            case 43:
+            case 28:
               (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || _this$actions16.onEvent({
                 type: 'onConfiguratorReady'
               });
@@ -40362,7 +40469,6 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 });
               }
               this.subscribeToWebPlannerEvents();
-              this.divaBasketHandler.actBasket;
               catalogData = set === null || set === void 0 ? void 0 : set.CatalogData;
               initializationId = undefined;
               if (this.divaBasketHandler.initializationTypeGetter == 'PRODUCT_ID') {
@@ -40387,25 +40493,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 initializationType: this.divaBasketHandler.initializationTypeGetter,
                 initializationId: initializationId
               }, false);
-              _context14.next = 53;
+              _context15.next = 37;
               return this.fillBaksetforOnWebPlanerConfigChange(undefined, true);
-            case 53:
-              return _context14.abrupt("return", true);
-            case 56:
-              this.onInitializationError();
-              //fehler beim laden vom basket..
-              LOG$1.errorTransaction('LOADING_BASKET', 'BASKET_0002', 'Fehler beim Laden des Baskets', {}, true);
-              return _context14.abrupt("return", false);
-            case 59:
+            case 37:
+              return _context15.abrupt("return", true);
+            case 38:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
-      function initialize() {
-        return _initialize.apply(this, arguments);
+      function initializeSets(_x53, _x54) {
+        return _initializeSets.apply(this, arguments);
       }
-      return initialize;
+      return initializeSets;
     }()
   }, {
     key: "updatePlannerConfig",
@@ -40464,11 +40565,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         var _this$plannerConfig$a3;
         if (!(onErrorHandling !== null && onErrorHandling !== void 0 && onErrorHandling.hideErrorMsg)) {
           var _this$plannerConfig$a2, _this$i18n$t, _this$i18n4, _onErrorHandling$erro;
+          var isWeb = this.api.getApplicationEnvironment() == 'WEB';
           (_this$plannerConfig$a2 = this.plannerConfig.actions) === null || _this$plannerConfig$a2 === void 0 || _this$plannerConfig$a2.openModal({
             title: (_this$i18n$t = (_this$i18n4 = this.i18n()) === null || _this$i18n4 === void 0 ? void 0 : _this$i18n4.t((_onErrorHandling$erro = onErrorHandling.errorMsg) !== null && _onErrorHandling$erro !== void 0 ? _onErrorHandling$erro : 'modals.error_accured')) !== null && _this$i18n$t !== void 0 ? _this$i18n$t : 'An error occured. Please try again later.',
             accept: true,
             callback: function callback(accepted) {
-              if (accepted && _this2.api.getApplicationEnvironment() == 'WEB') {
+              if (accepted && isWeb) {
                 var _this2$state;
                 _this2.callEvent('onWebPlanerClose');
                 ((_this2$state = _this2.state) === null || _this2$state === void 0 ? void 0 : _this2$state.isFullscreenComponent) && _this2.callEvent('onFullscreenClose');
@@ -40495,7 +40597,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           var _this$plannerConfig$a6, _this$i18n7, _this$plannerConfig$a7, _this$plannerConfig$c;
           (_this$plannerConfig$a6 = this.plannerConfig.actions) === null || _this$plannerConfig$a6 === void 0 || _this$plannerConfig$a6.openModal({
             accept: true,
-            title: (_this$i18n7 = this.i18n()) === null || _this$i18n7 === void 0 ? void 0 : _this$i18n7.t('modals.error_accured')
+            title: (_this$i18n7 = this.i18n()) === null || _this$i18n7 === void 0 ? void 0 : _this$i18n7.t('modals.error_accured33')
           });
           (_this$plannerConfig$a7 = this.plannerConfig.actions) === null || _this$plannerConfig$a7 === void 0 || _this$plannerConfig$a7.openComponent({
             type: 'SELLER',
@@ -40532,23 +40634,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
+      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
         var set, plannerMode, _this$initConfigurato, _this$initPlannerView, _this$initConfigurato2, _this$updateViewPlann9;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               set = this.actSet();
               plannerMode = this.getPlannerMode();
               this.initConfiguratorMode(plannerMode);
               if (!(plannerMode == 'ProductList')) {
-                _context15.next = 7;
+                _context16.next = 7;
                 break;
               }
               (_this$initConfigurato = this.initConfiguratorStructure) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
-              _context15.next = 17;
+              _context16.next = 17;
               break;
             case 7:
-              _context15.next = 9;
+              _context16.next = 9;
               return (_this$initPlannerView = this.initPlannerView) === null || _this$initPlannerView === void 0 ? void 0 : _this$initPlannerView.call(this);
             case 9:
               //first load the Configuratorstructure STARTCONFIG
@@ -40562,13 +40664,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.onBasketInitialized();
               this.checkMatchingProducts('onInit');
             case 17:
-              _context15.next = 19;
+              _context16.next = 19;
               return this.runInitMode(plannerMode);
             case 19:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
       function initView() {
         return _initView.apply(this, arguments);
@@ -40589,26 +40691,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(plannerMode) {
+      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(plannerMode) {
         var _this$state3;
         var doDefault, _this$navigateToTabGr2, configStepKey, _this$actSet5, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
-        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
               doDefault = true;
               if (!(this.plannerConfig.initMode == 'OPEN_LEAFLET_BARRIER' || this.plannerConfig.initMode == 'SHOW_PDF')) {
-                _context16.next = 10;
+                _context17.next = 10;
                 break;
               }
               if (this.plannerConfig.initMode == 'OPEN_LEAFLET_BARRIER') this.ReturnTo = 'OPEN_LEAFLET_BARRIER';
               if (this.plannerConfig.initMode == 'SHOW_PDF') this.ReturnTo = 'OPEN_PDF';
               (_this$navigateToTabGr2 = this.navigateToTabGroup) === null || _this$navigateToTabGr2 === void 0 || _this$navigateToTabGr2.call(this, 'SUMMARY', undefined, true);
               //TODO lea bug das hier ist nur ein temporäre lößung https://app.asana.com/0/1200869909950432/1200998848659806
-              _context16.next = 7;
+              _context17.next = 7;
               return this.saveToBasketWrapper();
             case 7:
               doDefault = false;
-              _context16.next = 11;
+              _context17.next = 11;
               break;
             case 10:
               if (this.plannerConfig.initMode == 'OPENCONFIGTABGROUP' || this.api.getPlannerType() == 'JUMP_OVER_PLANNER' || this.api.getPlannerType() == 'JUMP_OVER_PLANNER_ONLY_MOBILE' && (_this$state3 = this.state) !== null && _this$state3 !== void 0 && _this$state3.dimensions.isMobile) {
@@ -40632,11 +40734,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
             case 12:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function runInitMode(_x53) {
+      function runInitMode(_x55) {
         return _runInitMode.apply(this, arguments);
       }
       return runInitMode;
@@ -40644,16 +40746,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
-        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               set = this.actSet();
               this.divaBasketHandler.updateDivaNrInBasket(divaNr);
               this.divaBasketHandler.setIgnoreInitObjectWhenInitializing();
-              _context17.next = 5;
+              _context18.next = 5;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 5:
               orderSets = this.divaBasketHandler.actBasket.OrderSets;
@@ -40661,30 +40763,30 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               i = 0;
             case 8:
               if (!(i < orderSets.length)) {
-                _context17.next = 24;
+                _context18.next = 24;
                 break;
               }
               orderset = orderSets[i];
               lastSetToInitialize = setHandlerInstance.getOrderSetShouldInitPlanner(orderSets, i);
               loadedSet = setHandlerInstance.findLoadedSet(this.sets, orderset.CatalogCodex, orderset.AccountGUID);
               if (!loadedSet) {
-                _context17.next = 18;
+                _context18.next = 18;
                 break;
               }
-              _context17.next = 15;
+              _context18.next = 15;
               return setHandlerInstance.addOrderSetArticlesToExistingSet(loadedSet, orderset, lastSetToInitialize);
             case 15:
               this.checkMatchingProducts('onAdd');
-              _context17.next = 20;
+              _context18.next = 20;
               break;
             case 18:
-              _context17.next = 20;
+              _context18.next = 20;
               return setHandlerInstance.initSet(orderset, this.getInitStateForSet(), lastSetToInitialize);
             case 20:
               this.cleanUpEmptySets(true);
             case 21:
               i++;
-              _context17.next = 8;
+              _context18.next = 8;
               break;
             case 24:
               this.divaBasketHandler.actBasket.OrderSets = [];
@@ -40696,11 +40798,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.loadPaletteInfos(undefined, [articlesKeys[0]], articlesKeys);
             case 31:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
-      function addSetToActPlanningByDivaNr(_x54) {
+      function addSetToActPlanningByDivaNr(_x56) {
         return _addSetToActPlanningByDivaNr.apply(this, arguments);
       }
       return addSetToActPlanningByDivaNr;
@@ -40733,28 +40835,28 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(curConfigStepKey) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context18.next = 3;
+                _context19.next = 3;
                 break;
               }
-              return _context18.abrupt("return");
+              return _context19.abrupt("return");
             case 3:
               set.ActConfigStepKey = curConfigStepKey;
-              _context18.next = 6;
+              _context19.next = 6;
               return setHandlerInstance.updateNavigation(set);
             case 6:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
-      function setActSetCurConfigStepKey(_x55) {
+      function setActSetCurConfigStepKey(_x57) {
         return _setActSetCurConfigStepKey.apply(this, arguments);
       }
       return setActSetCurConfigStepKey;
@@ -40903,17 +41005,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(setId, elementId, denyElementSelectionClear) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, denyElementSelectionClear) {
         var _this$updateViewPlann11;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
-        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               set = this.sets[setId];
-              _context19.next = 3;
+              _context20.next = 3;
               return setHandlerInstance.deleteElementFromSetByElemId(set, elementId, true);
             case 3:
-              result = _context19.sent;
+              result = _context20.sent;
               this.updateConfigStructure();
               (_this$updateViewPlann11 = this.updateViewPlannerElements) === null || _this$updateViewPlann11 === void 0 || _this$updateViewPlann11.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('DELETE_PLANNER_ELEMENT');
@@ -40924,17 +41026,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.updatePriceInView();
               this.checkMatchingProducts('onDelete');
-              _context19.next = 14;
+              _context20.next = 14;
               return this.getFreePlacesOnGrids(undefined, 'deleteElement');
             case 14:
               this.plannerChangeLog('onDeletePlanner');
             case 15:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
-      function deletePlannerElement(_x56, _x57, _x58) {
+      function deletePlannerElement(_x58, _x59, _x60) {
         return _deletePlannerElement.apply(this, arguments);
       }
       return deletePlannerElement;
@@ -40948,17 +41050,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, curConfigKey, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
         var _this$updateViewPlann12;
         var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
-        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               set = this.sets[setId];
-              _context20.next = 3;
+              _context21.next = 3;
               return setHandlerInstance.copyPlannerElement(set, elementId, copyInfo);
             case 3:
-              newSelectedArticle = _context20.sent;
+              newSelectedArticle = _context21.sent;
               this.updateConfigStructure();
               (_this$updateViewPlann12 = this.updateViewPlannerElements) === null || _this$updateViewPlann12 === void 0 || _this$updateViewPlann12.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
               this.updatePlannerView('COPY_PLANNER_ELEMENT');
@@ -40972,14 +41074,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 (_this$updateElementSe7 = this.updateElementSelectionPlanner) === null || _this$updateElementSe7 === void 0 || _this$updateElementSe7.call(this, [baseArticle.setId], [baseArticle.elementId], true);
               }
               this.checkMatchingProducts('onCopy');
-              return _context20.abrupt("return", newConfigStepKey);
+              return _context21.abrupt("return", newConfigStepKey);
             case 13:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
-      function copyPlannerElement(_x59, _x60, _x61, _x62) {
+      function copyPlannerElement(_x61, _x62, _x63, _x64) {
         return _copyPlannerElement.apply(this, arguments);
       }
       return copyPlannerElement;
@@ -41008,33 +41110,33 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
-        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context21.next = 3;
+                _context22.next = 3;
                 break;
               }
               throw new Error('getFreePlacesOnGrids: act set is not defined!');
             case 3:
               if (!gridGroup) {
-                _context21.next = 9;
+                _context22.next = 9;
                 break;
               }
-              _context21.next = 6;
+              _context22.next = 6;
               return setHandlerInstance.getFreeShelfGrids(set, gridGroup);
             case 6:
-              _context21.t0 = _context21.sent;
-              _context21.next = 10;
+              _context22.t0 = _context22.sent;
+              _context22.next = 10;
               break;
             case 9:
-              _context21.t0 = undefined;
+              _context22.t0 = undefined;
             case 10:
-              freeShelfGrids = _context21.t0;
+              freeShelfGrids = _context22.t0;
               plannedShelfGrids = setHandlerInstance.getPlannedShelfGrids(set);
               LOG$1.debug('TOULA', 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
               LOG$1.debug('update free from: ' + from, 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
@@ -41042,17 +41144,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
-              return _context21.abrupt("return", {
+              return _context22.abrupt("return", {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
             case 16:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
-      function getFreePlacesOnGrids(_x63, _x64) {
+      function getFreePlacesOnGrids(_x65, _x66) {
         return _getFreePlacesOnGrids.apply(this, arguments);
       }
       return getFreePlacesOnGrids;
@@ -41069,36 +41171,36 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
-        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context22.next = 3;
+                _context23.next = 3;
                 break;
               }
-              return _context22.abrupt("return");
+              return _context23.abrupt("return");
             case 3:
-              _context22.next = 5;
+              _context23.next = 5;
               return setHandlerInstance.moveShelfItemToGrid(set, accessoireBasketId, parentBasketId, gridName, cellIndex);
             case 5:
-              newGridId = _context22.sent;
+              newGridId = _context23.sent;
               this.updatePlannerView('MOVE_SHELF_ITEM');
               if (!newGridId) {
-                _context22.next = 10;
+                _context23.next = 10;
                 break;
               }
-              _context22.next = 10;
+              _context23.next = 10;
               return this.getFreePlacesOnGrids(newGridId, 'move shelf');
             case 10:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
-      function moveShelfItemToGrid(_x65, _x66, _x67, _x68) {
+      function moveShelfItemToGrid(_x67, _x68, _x69, _x70) {
         return _moveShelfItemToGrid.apply(this, arguments);
       }
       return moveShelfItemToGrid;
@@ -41106,27 +41208,27 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(basketId) {
+      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(basketId) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               set = this.actSet();
               if (set) {
-                _context23.next = 3;
+                _context24.next = 3;
                 break;
               }
-              return _context23.abrupt("return");
+              return _context24.abrupt("return");
             case 3:
-              _context23.next = 5;
+              _context24.next = 5;
               return setHandlerInstance.resetArticle(set, basketId);
             case 5:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
-      function resetArticle(_x69) {
+      function resetArticle(_x71) {
         return _resetArticle.apply(this, arguments);
       }
       return resetArticle;
@@ -41156,10 +41258,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkMatchingProducts",
     value: function () {
-      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(from) {
+      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(from) {
         var set, _set$getMatchingProdu, _set$getMatchingOrigP, _set$getMatchingOrigP2, _set$getMatchingProdu2;
-        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               set = this.actSet();
               if (set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -41173,20 +41275,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
               if (!(set !== null && set !== void 0 && set.api.doCheckForProductsMatch())) {
-                _context24.next = 6;
+                _context25.next = 6;
                 break;
               }
-              _context24.next = 5;
+              _context25.next = 5;
               return productHandlerInstance.updateProducts(this.setsAsArray, this.api, this.divaBasketHandler.divaWWSHandler, from);
             case 5:
               this.updatePriceInView();
             case 6:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
-      function checkMatchingProducts(_x70) {
+      function checkMatchingProducts(_x72) {
         return _checkMatchingProducts.apply(this, arguments);
       }
       return checkMatchingProducts;
@@ -41263,7 +41365,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(event, repairOnly, force) {
+      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, force) {
         var _this$actions27,
           _this$actions27$toggl,
           _this$actions28,
@@ -41272,8 +41374,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           _this$actions32,
           _this$i18n14;
         var returnTo, finalEvent, _this$api$getBarrierC, _this$openLeafeltBarr, product, _this$actSet9, url, _result, _this$actions26, result, _this$actions29, _this$i18n8, _this$i18n9, _this$actions30, _this$i18n10, _this$i18n11, _this$actions31, _this$i18n12, _this$i18n13, _this$updatePlannerMs2;
-        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
               returnTo = this.getReturnTo(event);
               finalEvent = {
@@ -41281,50 +41383,50 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 saveBasket: true
               };
               if (!(returnTo == 'OPEN_LEAFLET_BARRIER')) {
-                _context25.next = 21;
+                _context26.next = 21;
                 break;
               }
               product = undefined;
               if (!((_this$api$getBarrierC = this.api.getBarrierConfig()) !== null && _this$api$getBarrierC !== void 0 && _this$api$getBarrierC.affiliate)) {
-                _context25.next = 10;
+                _context26.next = 10;
                 break;
               }
               url = this.api.getCatalogProductUrl(this.actSet().getCatalogCodex());
-              _context25.next = 8;
+              _context26.next = 8;
               return this.api.getDataCache(url, url, undefined, 'catalog');
             case 8:
-              _result = _context25.sent;
+              _result = _context26.sent;
               product = productHandlerInstance.getBestMatch((_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.getDivaArticles(), _result);
             case 10:
-              _context25.next = 12;
+              _context26.next = 12;
               return (_this$openLeafeltBarr = this.openLeafeltBarrier) === null || _this$openLeafeltBarr === void 0 ? void 0 : _this$openLeafeltBarr.call(this, this.divaBasketHandler, this.api.getBarrierConfig(), product);
             case 12:
-              finalEvent = _context25.sent;
+              finalEvent = _context26.sent;
               if (finalEvent) {
-                _context25.next = 17;
+                _context26.next = 17;
                 break;
               }
-              return _context25.abrupt("return", 'canceled');
+              return _context26.abrupt("return", 'canceled');
             case 17:
               if (!(!finalEvent.saveBasket && finalEvent.event)) {
-                _context25.next = 20;
+                _context26.next = 20;
                 break;
               }
               (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || _this$actions26.onEvent({
                 type: finalEvent.event
               });
-              return _context25.abrupt("return", 'canceled');
+              return _context26.abrupt("return", 'canceled');
             case 20:
               returnTo = finalEvent.event == 'onAddToBasket' ? 'OPEN_PDF' : returnTo;
             case 21:
               (_this$actions27 = this.actions) === null || _this$actions27 === void 0 || (_this$actions27$toggl = _this$actions27.toggleLoading) === null || _this$actions27$toggl === void 0 || _this$actions27$toggl.call(_this$actions27, 'Planner_Saving', false, true);
-              _context25.next = 24;
+              _context26.next = 24;
               return this.saveToBasket(finalEvent.event, repairOnly, force);
             case 24:
-              result = _context25.sent;
+              result = _context26.sent;
               (_this$actions28 = this.actions) === null || _this$actions28 === void 0 || (_this$actions28$toggl = _this$actions28.toggleLoading) === null || _this$actions28$toggl === void 0 || _this$actions28$toggl.call(_this$actions28, 'Planner_Saving', false, false);
               if (!(result === 'canceled')) {
-                _context25.next = 30;
+                _context26.next = 30;
                 break;
               }
               LOG$1.error(new DivaError('failed to save Basket'));
@@ -41332,10 +41434,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 text: ((_this$i18n8 = this.i18n()) === null || _this$i18n8 === void 0 ? void 0 : _this$i18n8.t('modal.general_error')) + ' --- ' + DivaUtils.formatDate(new Date(), true, undefined, true) + ' --- ' + DivaUtils.getCurrentTraceId() ? ((_this$i18n9 = this.i18n()) === null || _this$i18n9 === void 0 ? void 0 : _this$i18n9.t('modal.errorcode')) + ': ' + DivaUtils.getCurrentTraceId() : '',
                 accept: true
               });
-              return _context25.abrupt("return", result);
+              return _context26.abrupt("return", result);
             case 30:
-              _context25.t0 = returnTo;
-              _context25.next = _context25.t0 === 'OPEN_PDF' ? 33 : _context25.t0 === 'SAVE_BASKET_WITH_MODAL' ? 35 : _context25.t0 === 'OPEN_CONTACT_FORM' ? 36 : 36;
+              _context26.t0 = returnTo;
+              _context26.next = _context26.t0 === 'OPEN_PDF' ? 33 : _context26.t0 === 'SAVE_BASKET_WITH_MODAL' ? 35 : _context26.t0 === 'OPEN_CONTACT_FORM' ? 36 : 36;
               break;
             case 33:
               if (!this.getBasket().PDFDocumentURL) {
@@ -41355,7 +41457,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   }
                 });
               }
-              return _context25.abrupt("break", 36);
+              return _context26.abrupt("break", 36);
             case 35:
               (_this$actions32 = this.actions) === null || _this$actions32 === void 0 || _this$actions32.openModal({
                 text: (_this$i18n14 = this.i18n()) === null || _this$i18n14 === void 0 ? void 0 : _this$i18n14.t('modal.planning_saved'),
@@ -41363,20 +41465,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               });
             case 36:
               if (!(result == 'noArticleToSave')) {
-                _context25.next = 39;
+                _context26.next = 39;
                 break;
               }
               (_this$updatePlannerMs2 = this.updatePlannerMsgContainer) === null || _this$updatePlannerMs2 === void 0 || _this$updatePlannerMs2.call(this, 'NOTHING_TO_SAVE', true, 'INFO', 'NOTHING_TO_SAVE', true);
-              return _context25.abrupt("return", 'canceled');
+              return _context26.abrupt("return", 'canceled');
             case 39:
-              return _context25.abrupt("return", result);
+              return _context26.abrupt("return", result);
             case 40:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
-      function saveToBasketWrapper(_x71, _x72, _x73) {
+      function saveToBasketWrapper(_x73, _x74, _x75) {
         return _saveToBasketWrapper.apply(this, arguments);
       }
       return saveToBasketWrapper;
@@ -41384,43 +41486,43 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, force) {
+      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(event, repairOnly, force) {
         var _returnTo, _returnTo2, _returnTo3, _this$actions33, _this$actions34, _this$actions35, _this$divaBasketHandl2;
         var set, actBasket, returnTo, oldReturnTo, result, newDivaNr, _result2, product;
-        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
               set = this.actSet();
               if (!(setHandlerInstance.isNoArticleToSave(this.sets) && !force)) {
-                _context26.next = 3;
+                _context27.next = 3;
                 break;
               }
-              return _context26.abrupt("return", 'noArticleToSave');
+              return _context27.abrupt("return", 'noArticleToSave');
             case 3:
               actBasket = this.divaBasketHandler.actBasket;
               returnTo = this.getReturnTo(event);
               if (!((_returnTo = returnTo) !== null && _returnTo !== void 0 && _returnTo.startsWith('FAVORITS') && favoritesHandlerInstance.FavoritesDefined(set))) {
-                _context26.next = 13;
+                _context27.next = 13;
                 break;
               }
               oldReturnTo = returnTo;
               this.ReturnTo = returnTo.replace('FAVORITS_', '');
-              _context26.next = 10;
+              _context27.next = 10;
               return this.handleFavorites('SAVE');
             case 10:
-              result = _context26.sent;
+              result = _context27.sent;
               if (result === 'canceled') {
                 this.ReturnTo = oldReturnTo;
               }
-              return _context26.abrupt("return", result);
+              return _context27.abrupt("return", result);
             case 13:
-              _context26.t0 = this.divaBasketHandler;
-              _context26.t1 = this.divaBasketHandler.actDivaNr;
-              _context26.next = 17;
+              _context27.t0 = this.divaBasketHandler;
+              _context27.t1 = this.divaBasketHandler.actDivaNr;
+              _context27.next = 17;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !!repairOnly, this.doAllowSetPlanner(), this.ReturnTo);
             case 17:
-              _context26.t2 = _context26.sent;
-              _context26.t0.setBasketData.call(_context26.t0, _context26.t1, _context26.t2);
+              _context27.t2 = _context27.sent;
+              _context27.t0.setBasketData.call(_context27.t0, _context27.t1, _context27.t2);
               if ((_returnTo2 = returnTo) !== null && _returnTo2 !== void 0 && _returnTo2.endsWith('OPEN_SELLER_BASKET')) {
                 this.ReturnTo = 'OPEN_SELLER_BASKET';
                 returnTo = this.ReturnTo;
@@ -41435,11 +41537,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.divaBasketHandler.fillOrigConfigurations();
               actBasket.Updated = Date.now();
               if (!returnTo) {
-                _context26.next = 52;
+                _context27.next = 52;
                 break;
               }
-              _context26.t3 = returnTo;
-              _context26.next = _context26.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 28 : _context26.t3 === 'OPEN_SELLER_BASKET' ? 31 : _context26.t3 === 'OPEN_PDF' ? 33 : _context26.t3 === 'SAVE_BASKET_WITH_MODAL' ? 33 : _context26.t3 === 'SAVE_BASKET' ? 33 : _context26.t3 === 'SAVE_BASKET_SYNC' ? 33 : _context26.t3 === 'OPEN_LEAFLET_BARRIER' ? 33 : 52;
+              _context27.t3 = returnTo;
+              _context27.next = _context27.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 28 : _context27.t3 === 'OPEN_SELLER_BASKET' ? 31 : _context27.t3 === 'OPEN_PDF' ? 33 : _context27.t3 === 'SAVE_BASKET_WITH_MODAL' ? 33 : _context27.t3 === 'SAVE_BASKET' ? 33 : _context27.t3 === 'SAVE_BASKET_SYNC' ? 33 : _context27.t3 === 'OPEN_LEAFLET_BARRIER' ? 33 : 52;
               break;
             case 28:
               (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.toggleLoading('buildScene', false, false);
@@ -41453,7 +41555,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context26.abrupt("break", 52);
+              return _context27.abrupt("break", 52);
             case 31:
               (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.openComponent({
                 type: 'SELLER',
@@ -41465,23 +41567,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context26.abrupt("break", 52);
+              return _context27.abrupt("break", 52);
             case 33:
               if (!(event == 'onSaveProduct')) {
-                _context26.next = 43;
+                _context27.next = 43;
                 break;
               }
               //copy basket, so we only save a copy as baseconfiguration and can continue working with the original basket
               actBasket = new BasketData(JSON.parse(JSON.stringify(actBasket)));
-              _context26.next = 37;
+              _context27.next = 37;
               return DivaUtils.updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser);
             case 37:
-              _context26.next = 39;
+              _context27.next = 39;
               return this.api.getDataWithoutCache(this.api.getUniqueNewDivaNr(), undefined, 'basket');
             case 39:
-              newDivaNr = _context26.sent;
+              newDivaNr = _context27.sent;
               actBasket.convertToBaseConfiguration(newDivaNr.divaNr);
-              _context26.next = 51;
+              _context27.next = 51;
               break;
             case 43:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
@@ -41490,32 +41592,32 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.divaBasketHandler.basketWasSavedWithCurrentDocVersion = true;
               actBasket.setDivaNr(this.divaBasketHandler.actDivaNr.split('-').length > 2 ? this.divaBasketHandler.actDivaNr.split('-')[0] + '-' + this.divaBasketHandler.actDivaNr.split('-')[1] : this.divaBasketHandler.actDivaNr);
-              _context26.next = 48;
+              _context27.next = 48;
               return this.divaBasketHandler.saveToBasket(this.api, actBasket, returnTo);
             case 48:
-              _result2 = _context26.sent;
+              _result2 = _context27.sent;
               if (!(_result2 === 'ERROR_NO_BASKET_SAVED' || _result2 === 'ERROR_BASKET_AFTER_SAVE')) {
-                _context26.next = 51;
+                _context27.next = 51;
                 break;
               }
-              return _context26.abrupt("return", 'canceled');
+              return _context27.abrupt("return", 'canceled');
             case 51:
-              return _context26.abrupt("break", 52);
+              return _context27.abrupt("break", 52);
             case 52:
               if (returnTo == 'DONT_SAVE_BASKET') event = 'dontSaveBasket';
               actBasket = (_this$divaBasketHandl2 = this.divaBasketHandler.getBasketData(actBasket.DivaNr, actBasket.DocumentVersion)) !== null && _this$divaBasketHandl2 !== void 0 ? _this$divaBasketHandl2 : actBasket; //get pdf documenturl from saved basket
-              _context26.next = 56;
+              _context27.next = 56;
               return this.addToBasket(actBasket, event);
             case 56:
-              product = _context26.sent;
-              return _context26.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
+              product = _context27.sent;
+              return _context27.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
             case 58:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
-      function saveToBasket(_x74, _x75, _x76) {
+      function saveToBasket(_x76, _x77, _x78) {
         return _saveToBasket.apply(this, arguments);
       }
       return saveToBasket;
@@ -41749,23 +41851,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
-        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28() {
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
-              _context27.t0 = this.divaBasketHandler;
-              _context27.t1 = this.divaBasketHandler.actDivaNr;
-              _context27.next = 4;
+              _context28.t0 = this.divaBasketHandler;
+              _context28.t1 = this.divaBasketHandler.actDivaNr;
+              _context28.next = 4;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, true, this.doAllowSetPlanner(), this.ReturnTo);
             case 4:
-              _context27.t2 = _context27.sent;
-              _context27.t0.setBasketData.call(_context27.t0, _context27.t1, _context27.t2);
-              return _context27.abrupt("return", this.divaBasketHandler.actBasket);
+              _context28.t2 = _context28.sent;
+              _context28.t0.setBasketData.call(_context28.t0, _context28.t1, _context28.t2);
+              return _context28.abrupt("return", this.divaBasketHandler.actBasket);
             case 7:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
       function getBasketDataWithEkText() {
         return _getBasketDataWithEkText.apply(this, arguments);
@@ -41791,7 +41893,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(actBasket) {
+      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(actBasket) {
         var _this$actions36,
           _this$actions37,
           _this$actions38,
@@ -41811,44 +41913,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args28 = arguments;
-        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+          _args29 = arguments;
+        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
-              event = _args28.length > 1 && _args28[1] !== undefined ? _args28[1] : 'onAddToBasket';
-              _context28.t0 = event;
-              _context28.next = _context28.t0 === 'onWebPlanerPrint' ? 5 : _context28.t0 === 'onWebPlanerSave' ? 7 : _context28.t0 === 'onWebPlanerShare' ? 9 : _context28.t0 === 'onRequestConsulation' ? 11 : _context28.t0 === 'onSave' ? 13 : _context28.t0 === 'onSendEmail' ? 15 : _context28.t0 === 'onSaveProduct' ? 20 : _context28.t0 === 'dontSaveBasket' ? 27 : _context28.t0 === 'onAddToBasket' ? 28 : _context28.t0 === 'onSendContactForm' ? 30 : 33;
+              event = _args29.length > 1 && _args29[1] !== undefined ? _args29[1] : 'onAddToBasket';
+              _context29.t0 = event;
+              _context29.next = _context29.t0 === 'onWebPlanerPrint' ? 5 : _context29.t0 === 'onWebPlanerSave' ? 7 : _context29.t0 === 'onWebPlanerShare' ? 9 : _context29.t0 === 'onRequestConsulation' ? 11 : _context29.t0 === 'onSave' ? 13 : _context29.t0 === 'onSendEmail' ? 15 : _context29.t0 === 'onSaveProduct' ? 20 : _context29.t0 === 'dontSaveBasket' ? 27 : _context29.t0 === 'onAddToBasket' ? 28 : _context29.t0 === 'onSendContactForm' ? 30 : 33;
               break;
             case 5:
               (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 7:
               (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 9:
               (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 11:
               (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 13:
               (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 15:
               emailConfig = (_this$divaBasketHandl4 = this.divaBasketHandler.emailConfig) !== null && _this$divaBasketHandl4 !== void 0 ? _this$divaBasketHandl4 : this.getEmailConfig(); //reset the emailConfig
               this.divaBasketHandler.emailConfig = undefined;
@@ -41883,51 +41985,51 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 20:
               this.actSet().CatalogData;
-              _context28.next = 23;
+              _context29.next = 23;
               return this.api.saveAsProduct(this.sets, actBasket);
             case 23:
-              products = _context28.sent;
+              products = _context29.sent;
               (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               if (!products) {
-                _context28.next = 27;
+                _context29.next = 27;
                 break;
               }
-              return _context28.abrupt("return", products[0]);
+              return _context29.abrupt("return", products[0]);
             case 27:
             case 28:
               (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 30:
               (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               this.openContactForm(this.divaBasketHandler);
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 33:
               (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.onEvent({
                 type: event,
                 data: actBasket.getAsJson()
               });
-              return _context28.abrupt("break", 35);
+              return _context29.abrupt("break", 35);
             case 35:
-              return _context28.abrupt("return");
+              return _context29.abrupt("return");
             case 36:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
-      function addToBasket(_x77) {
+      function addToBasket(_x79) {
         return _addToBasket.apply(this, arguments);
       }
       return addToBasket;
@@ -42202,9 +42304,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
+        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               //empty services
               this.api = new DivaApiHandler(_objectSpread$5(_objectSpread$5({}, this.plannerConfig), {}, {
@@ -42217,17 +42319,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 jwt: jwt,
                 apiKey: apiKey
               }), handler);
-              _context29.next = 3;
+              _context30.next = 3;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 3:
               this.plannerHandler = new DivaPlannerHandler(true);
             case 4:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
-      function initApiForLogicOnly(_x78, _x79, _x80, _x81, _x82, _x83, _x84) {
+      function initApiForLogicOnly(_x80, _x81, _x82, _x83, _x84, _x85, _x86) {
         return _initApiForLogicOnly.apply(this, arguments);
       }
       return initApiForLogicOnly;
@@ -42240,16 +42342,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
-              return _context30.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
+              return _context31.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
             case 1:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
       function loadBasket() {
         return _loadBasket.apply(this, arguments);
@@ -42264,39 +42366,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet(!init3D);
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context31.next = 5;
+              _context32.next = 5;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
             case 5:
               //TODO check if when basket gets repaired the product match gets called
               set = this.actSet();
               setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType());
               if (!(favoritesHandlerInstance.FavoritesDefined(set) && !ignoreFavorites)) {
-                _context31.next = 10;
+                _context32.next = 10;
                 break;
               }
-              _context31.next = 10;
+              _context32.next = 10;
               return this.handleFavorites(init3D ? 'CALC' : 'REPAIR');
             case 10:
-              _context31.next = 12;
+              _context32.next = 12;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !init3D, this.doAllowSetPlanner(), this.ReturnTo);
             case 12:
-              basket = _context31.sent;
-              return _context31.abrupt("return", basket);
+              basket = _context32.sent;
+              return _context32.abrupt("return", basket);
             case 14:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
-      function initBasket(_x85, _x86) {
+      function initBasket(_x87, _x88) {
         return _initBasket.apply(this, arguments);
       }
       return initBasket;
@@ -42310,21 +42412,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
+      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33() {
         var set;
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               set = this.actSet();
-              _context32.next = 3;
+              _context33.next = 3;
               return favoritesHandlerInstance.getValidVariants(set, true);
             case 3:
-              return _context32.abrupt("return", _context32.sent.length);
+              return _context33.abrupt("return", _context33.sent.length);
             case 4:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
       function getValidVariantsLength() {
         return _getValidVariantsLength.apply(this, arguments);
@@ -42334,46 +42436,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(mode) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(mode) {
         var _this5 = this;
         var set, i;
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               set = this.actSet();
               i = 0;
             case 2:
               if (!favoritesHandlerInstance.IsCalcForSummary) {
-                _context33.next = 11;
+                _context34.next = 11;
                 break;
               }
-              _context33.next = 5;
+              _context34.next = 5;
               return DivaUtils.Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context33.next = 9;
+                _context34.next = 9;
                 break;
               }
               LOG$1.error(new DivaError('error on generating Variants of Summary'));
-              return _context33.abrupt("break", 11);
+              return _context34.abrupt("break", 11);
             case 9:
-              _context33.next = 2;
+              _context34.next = 2;
               break;
             case 11:
-              _context33.next = 13;
+              _context34.next = 13;
               return favoritesHandlerInstance.handleFavorites(set, mode, this.divaBasketHandler.actBasket, this.saveToBasketWrapper.bind(this), this.doConfigure.bind(this), function () {
                 return _this5.update2DGrid(set);
               }, this.actions);
             case 13:
-              return _context33.abrupt("return", _context33.sent);
+              return _context34.abrupt("return", _context34.sent);
             case 14:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
-      function handleFavorites(_x87) {
+      function handleFavorites(_x89) {
         return _handleFavorites.apply(this, arguments);
       }
       return handleFavorites;
@@ -42386,48 +42488,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               if (divaNr) this.divaBasketHandler.updateDivaNrInBasket(divaNr);
-              _context34.next = 3;
+              _context35.next = 3;
               return this.loadBasket();
             case 3:
-              result = _context34.sent;
+              result = _context35.sent;
               if (!onlyLoadOldBakset) {
-                _context34.next = 6;
+                _context35.next = 6;
                 break;
               }
-              return _context34.abrupt("return", {
+              return _context35.abrupt("return", {
                 oldBasket: new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket))),
                 cache: {}
               });
             case 6:
               if (!(result === false)) {
-                _context34.next = 8;
+                _context35.next = 8;
                 break;
               }
               throw new Error('Could not load basket! ' + divaNr);
             case 8:
               oldBasket = new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket)));
-              _context34.next = 11;
+              _context35.next = 11;
               return this.initBasket(init3D);
             case 11:
-              basket = _context34.sent;
-              return _context34.abrupt("return", {
+              basket = _context35.sent;
+              return _context35.abrupt("return", {
                 basket: basket,
                 oldBasket: oldBasket,
                 cache: this.api.getJsonDataCache()
               });
             case 13:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee34, this);
+        }, _callee35, this);
       }));
-      function initSapOrderLinesFromBasket(_x88, _x89, _x90) {
+      function initSapOrderLinesFromBasket(_x90, _x91, _x92) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
       }
       return initSapOrderLinesFromBasket;
@@ -43084,6 +43186,7 @@ var Grid = /*#__PURE__*/function () {
     //all the different accessoires selectable to place in the grid. can be absolute defined in grid.ArticleRelations or can change due to the heightGridCellCountOnRule where we rule is depending on the current configuration of the article.
     _defineProperty(this, "articleRelations", void 0);
     _defineProperty(this, "articleRelationsForOtherGroups", void 0);
+    _defineProperty(this, "disableCellsByRules", void 0);
     //if in theis grid an shelfaccessoire is planned laod this article aswell
     _defineProperty(this, "montageOptions", void 0);
     //disableCellsByFreeText
@@ -43114,6 +43217,7 @@ var Grid = /*#__PURE__*/function () {
     this.showOnRule = grid.ShowOnRule;
     this.montageOptions = grid.MontageOptions;
     this.disableCellsByMeasures = grid.DisableCellsByMeasures;
+    this.disableCellsByRules = grid.DisableCellsByRules;
     this.visitOption = grid.VisitOption;
     this.shelfId = 'SHELFARTICLE_' + article.basketId + '_' + index;
     this.heightGridCellCountOnRule = data.ShelfPlanner[index].HeightGridCellCountOnRule;
@@ -44082,6 +44186,21 @@ var Grid = /*#__PURE__*/function () {
       }
       return count;
     }
+  }, {
+    key: "getDisabledCellsByRule",
+    value: function getDisabledCellsByRule() {
+      var _this$disableCellsByR;
+      var cellsToDisable = [];
+      if (!((_this$disableCellsByR = this.disableCellsByRules) !== null && _this$disableCellsByR !== void 0 && _this$disableCellsByR.length)) return cellsToDisable;
+      var article = this.article;
+      for (var i = 0; i < this.disableCellsByRules.length; i++) {
+        var rule = this.disableCellsByRules[i];
+        if (!rule.rule || this.article.evalRule(DivaUtils.getRuleByFormula(rule.rule, this.article.catalogCodex, article.CatalogData.multiselectOptions))) {
+          cellsToDisable = [].concat(_toConsumableArray(cellsToDisable), _toConsumableArray(rule.cells));
+        }
+      }
+      return cellsToDisable;
+    }
   }, {
     key: "ShelfId",
     get: function get() {