@crystaldesign/web-planner-logic 25.2.0-beta.9 → 25.2.0-rc.2

package/build/esm/{index-d820aa17.js → index-1cbb5b1b.js}

@@ -1560,6 +1560,16 @@ var ArticleOptionData = /*#__PURE__*/function () {
     get: function get() {
       return this.opt.catalogOPT.onlyVisibleIfNotDocked;
     }
+  }, {
+    key: "onlyVisibleIfConfigSingle",
+    get: function get() {
+      return this.opt.catalogOPT.onlyVisibleIfConfigSingle;
+    }
+  }, {
+    key: "onlyVisibleIfConfigAll",
+    get: function get() {
+      return this.opt.catalogOPT.onlyVisibleIfConfigAll;
+    }
   }, {
     key: "isDefaultValueForOptions",
     get: function get() {
@@ -16533,6 +16543,9 @@ var CatalogArticleData = /*#__PURE__*/function () {
         case 'HAS3D':
           this.catalogArticle.isVisualized = prop.Value;
           break;
+        case 'OPTIONS_FOR_PRINT':
+          this.catalogArticle.optionsForPrint = prop.Value.split(';');
+          break;
         default:
           if (_key.includes('__')) break;
           var values = prop.Value.split(';');
@@ -16968,6 +16981,11 @@ var CatalogArticleData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogArticle.usePRGasOPVArticleNr;
     }
+  }, {
+    key: "optionsForPrint",
+    get: function get() {
+      return this.catalogArticle.optionsForPrint;
+    }
     //tabGroup can include an optionCodex to reference a tabgroup or a tabgroup -> this was made for translation purposes
   }, {
     key: "tabGroup",
@@ -17150,7 +17168,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
       if (articleRelations[0].Articles.length > 0) {
         this.catalogArticle.hasArticleRelations = true;
         for (var i = 0; i < articleRelations[0].Articles.length; i++) {
-          var _catalogArticle$catal, _catalogArticle$catal2, _catalogArticle$catal3, _catalogArticle$catal4, _catalogArticle$catal5, _catalogArticle$catal6, _catalogArticle$catal7, _catalogArticle$catal8, _catalogArticle$catal9, _catalogArticle$catal10;
+          var _myAcc$BasePrice, _catalogArticle$catal, _catalogArticle$catal2, _catalogArticle$catal3, _catalogArticle$catal4, _catalogArticle$catal5, _catalogArticle$catal6, _catalogArticle$catal7, _catalogArticle$catal8, _catalogArticle$catal9, _catalogArticle$catal10;
           var myAcc = articleRelations[0].Articles[i];
           if (this.catalogCodex != myAcc.CatalogCodex) {
             //DivaUtils.LOG.log("Accessoire ist von einem anderen Catalog. Sollte eig funktionern aber bitte testen!");
@@ -17163,8 +17181,7 @@ var CatalogArticleData = /*#__PURE__*/function () {
             actQuantity: 0,
             minQuantity: myAcc.MinQuantity,
             maxQuantity: myAcc.MaxQuantity,
-            price: !catalog.dontShowBasePrice ? myAcc.BasePrice : 0,
-            formattedPrice: '',
+            price: !catalog.dontShowBasePrice ? (_myAcc$BasePrice = myAcc.BasePrice) !== null && _myAcc$BasePrice !== void 0 ? _myAcc$BasePrice : catalogArticle.articlePrice : 0,
             articleCodex: myAcc.Codex,
             catalogCodex: myAcc.CatalogCodex,
             positionGroupNr: myAcc.PositionGroupNr,
@@ -17813,7 +17830,8 @@ var CatalogPlannerArticleData = /*#__PURE__*/function () {
   }, {
     key: "basePrice",
     get: function get() {
-      return this.catPlanArt.basePrice;
+      var _this$catPlanArt$base;
+      return (_this$catPlanArt$base = this.catPlanArt.basePrice) !== null && _this$catPlanArt$base !== void 0 ? _this$catPlanArt$base : this.catPlanArt.catalogArticle.articlePrice;
     }
   }, {
     key: "modelName3D",
@@ -17968,6 +17986,12 @@ var OptionCatalogData = /*#__PURE__*/function () {
         case 'ONLY_VISIBLE_IF_NOT_UNDOCK':
           this.opt.onlyVisibleIfNotDocked = prop.Value;
           break;
+        case 'ONLY_VIDSIBLE_IF_CONFIG_SINGLE':
+          this.opt.onlyVisibleIfConfigSingle = prop.Value;
+          break;
+        case 'ONLY_VIDSIBLE_IF_CONFIG_ALL':
+          this.opt.onlyVisibleIfConfigAll = prop.Value;
+          break;
         case 'ISDEFAULTVALUEFOROPTIONS':
           this.opt.isDefaultValueForOptions = prop.Value;
           break;
@@ -18129,6 +18153,16 @@ var OptionCatalogData = /*#__PURE__*/function () {
       // deprecated: was used for Bail amalfi accessoires
       return this.opt.onlyVisibleIfNotDocked;
     }
+  }, {
+    key: "onlyVisibleIfConfigSingle",
+    get: function get() {
+      return this.opt.onlyVisibleIfConfigSingle;
+    }
+  }, {
+    key: "onlyVisibleIfConfigAll",
+    get: function get() {
+      return this.opt.onlyVisibleIfConfigAll;
+    }
   }, {
     key: "isDefaultValueForOptions",
     get: function get() {
@@ -18286,6 +18320,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
       //                                     Saves the information for alternate renderings (e.g Jultzer Atlantis hide doors)
       doShow3DDimensionLines: true,
       //                                Set do show dimensionLines per default to true
+      defaultDimensionsActive: false,
+      //                               start with dimensions visible in 3D
       isIDM3DCat: false,
       IDM3DCatCodex: '',
       divaArReady: false,
@@ -18324,6 +18360,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
       showAllItemsInPlanner: false,
       //                                All elements are shown in the planner palette
       hidePlannerUiIcons: false,
+      dontSetPosNrFromPlanner: false,
       //Warnings
       doCheckConstructionWarnings: true,
       //                           konstruktionswarnungen können mit diesem Flag ausgeblendet werden (Rolf Benz)
@@ -18540,6 +18577,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           _this.catalogData.diva3dCompatibleWithImageCache = item.Value == '1';
         } else if (key == 'ENABLE_DO_SHOW_3DDIMENSIONS') {
           _this.catalogData.doShow3DDimensionLines = item.Value == '1' || item.Value.toLowerCase() == 'true';
+        } else if (key == 'DEFAULT_DO_SHOW_3DDIMENSIONS') {
+          _this.catalogData.defaultDimensionsActive = item.Value == '1' || item.Value.toLowerCase() == 'true';
         } else if (key == 'IS_IDM3D_CAT') {
           _this.catalogData.isIDM3DCat = item.Value == '1' || item.Value.toLowerCase() == 'true';
         } else if (key == 'IDM3D_CAT_CODEX') {
@@ -18640,6 +18679,8 @@ var DivaCatalogData = /*#__PURE__*/function () {
           _this.catalogData.replaceModeActive = item.Value == '1';
         } else if (key == 'HIDE_PLANNER_UI_ICONS') {
           _this.catalogData.hidePlannerUiIcons = item.Value == '1';
+        } else if (key == 'DONT_SET_POSNR_FROM_PLANNER') {
+          _this.catalogData.dontSetPosNrFromPlanner = item.Value == '1';
         }
 
         //Warnings
@@ -19421,6 +19462,11 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.dontHideOption;
     }
+  }, {
+    key: "dontSetPosNrFromPlanner",
+    get: function get() {
+      return this.catalogData.dontSetPosNrFromPlanner;
+    }
   }, {
     key: "defaultGroupsClosed",
     get: function get() {
@@ -19476,6 +19522,11 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogData.doShow3DDimensionLines;
     }
+  }, {
+    key: "defaultDimensionsActive",
+    get: function get() {
+      return this.catalogData.defaultDimensionsActive;
+    }
   }, {
     key: "hidePlannerUiIcons",
     get: function get() {
@@ -19996,9 +20047,11 @@ var catalogHandlerInstance = new DivaCatalogHandler();
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArticleOptionStateData = /*#__PURE__*/function () {
-  function ArticleOptionStateData(option, defaultOPV, useIsOptionDefinedWarning) {
+  function ArticleOptionStateData(option, getIsConfigSingle, defaultOPV, useIsOptionDefinedWarning) {
     _classCallCheck(this, ArticleOptionStateData);
     _defineProperty(this, "articleOptionState", void 0);
+    _defineProperty(this, "getIsConfigSingle", void 0);
+    this.getIsConfigSingle = getIsConfigSingle;
     this.articleOptionState = {
       option: option,
       name: '',
@@ -20255,7 +20308,7 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
     key: "isDoShow",
     get: function get() {
       var _this$val4;
-      return this.articleOptionState.doShow && (!((_this$val4 = this.val) !== null && _this$val4 !== void 0 && _this$val4.isNotRelevant) || this.visibleCount > 1);
+      return this.articleOptionState.doShow && (!((_this$val4 = this.val) !== null && _this$val4 !== void 0 && _this$val4.isNotRelevant) || this.visibleCount > 1) && (!this.option.onlyVisibleIfConfigAll || !this.getIsConfigSingle()) && (!this.option.onlyVisibleIfConfigSingle || this.getIsConfigSingle());
     },
     set: function set(doShow) {
       this.articleOptionState.doShow = doShow;
@@ -20635,8 +20688,8 @@ var ArticleOptionStateData = /*#__PURE__*/function () {
     }
   }, {
     key: "cloneOptionState",
-    value: function cloneOptionState() {
-      var clonedOps = new ArticleOptionStateData(this.option);
+    value: function cloneOptionState(getIsConfigSingle) {
+      var clonedOps = new ArticleOptionStateData(this.option, getIsConfigSingle);
       clonedOps.articleOptionState = _objectSpread$f(_objectSpread$f({}, this.articleOptionState), {}, {
         imageOPVs: _objectSpread$f({}, this.articleOptionState.imageOPVs),
         visibleOPVs: _objectSpread$f({}, this.articleOptionState.visibleOPVs),
@@ -20664,6 +20717,9 @@ var DivaArticle = /*#__PURE__*/function () {
     _defineProperty(this, "actPlannerData", void 0);
     //Hier steht die aktuelle Konfiguration
     _defineProperty(this, "decisionDebugStacks", []);
+    _defineProperty(this, "getIsConfigSingle", function () {
+      return _this.set.configSingle;
+    });
     _defineProperty(this, "getPreviousPartlistArticle", function (articleCodex) {
       var _this$article$previou;
       var prevPartlistArticles = (_this$article$previou = _this.article.previousPartlistArticles) !== null && _this$article$previou !== void 0 ? _this$article$previou : {};
@@ -21145,9 +21201,10 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "getArticleOptionStatesWithOptionsForPrint",
     value: function getArticleOptionStatesWithOptionsForPrint() {
       var opsObj = _objectSpread$e({}, this.articleOptionStates);
-      if (this.article.optionsForPrint) {
-        for (var i = 0; i < this.article.optionsForPrint.length; i++) {
-          var ops = this.getArticleOptionState(this.article.optionsForPrint[i]);
+      var optionsForPrint = this.optionsForPrint;
+      if (optionsForPrint.length) {
+        for (var i = 0; i < optionsForPrint.length; i++) {
+          var ops = this.getArticleOptionState(optionsForPrint[i], undefined, true);
           if (ops) opsObj[ops.optionCodex] = ops;
         }
       }
@@ -21230,9 +21287,9 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "name",
     get: function get() {
-      var _this$article$actDesc, _this$article$options;
+      var _this$article$actDesc, _this$optionsForPrint;
       var ret = (_this$article$actDesc = this.article.actDescription) !== null && _this$article$actDesc !== void 0 ? _this$article$actDesc : this.catalogArticleName;
-      if (this.RetailPrefix != 'SAP' && this.article.ruleDesc && this.article.ruleDesc != '' && !((_this$article$options = this.article.optionsForPrint) !== null && _this$article$options !== void 0 && _this$article$options.length)) {
+      if (this.RetailPrefix != 'SAP' && this.article.ruleDesc && this.article.ruleDesc != '' && !((_this$optionsForPrint = this.optionsForPrint) !== null && _this$optionsForPrint !== void 0 && _this$optionsForPrint.length)) {
         var ruleDesc = this.article.ruleDesc;
         if (!this.set.api.ruleDescWithoutParenthesis()) ruleDesc = '(' + ruleDesc + ')';
         ret += ' ' + (this.CatalogData.addNewLineBeforRuleDesc ? this.set.api.ruleDescSeperator() : '') + ruleDesc;
@@ -21269,7 +21326,10 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "optionsForPrint",
     get: function get() {
-      return this.article.optionsForPrint;
+      var _this$article$options, _this$catalogArticle$;
+      return [].concat(_toConsumableArray((_this$article$options = this.article.optionsForPrint) !== null && _this$article$options !== void 0 ? _this$article$options : []), _toConsumableArray((_this$catalogArticle$ = this.catalogArticle.optionsForPrint) !== null && _this$catalogArticle$ !== void 0 ? _this$catalogArticle$ : [])).map(function (o) {
+        return 'OPT' + o;
+      });
     }
   }, {
     key: "image",
@@ -21386,19 +21446,19 @@ var DivaArticle = /*#__PURE__*/function () {
     }
   }, {
     key: "getArticleOptionState",
-    value: function getArticleOptionState(codex, from) {
+    value: function getArticleOptionState(codex, from, checkOnAccessoireParent) {
       var _this$partListParentA10, _this$partListParentA11, _this$partlistArticle3;
       if (this.articleOptionStatesData[codex]) {
         return this.articleOptionStatesData[codex];
       }
-      if (from !== ((_this$partListParentA10 = this.partListParentArticle) === null || _this$partListParentA10 === void 0 ? void 0 : _this$partListParentA10.basketId) && (_this$partListParentA11 = this.partListParentArticle) !== null && _this$partListParentA11 !== void 0 && _this$partListParentA11.getArticleOptionState(codex)) {
-        return this.partListParentArticle.getArticleOptionState(codex, this.basketId);
+      if (from !== ((_this$partListParentA10 = this.partListParentArticle) === null || _this$partListParentA10 === void 0 ? void 0 : _this$partListParentA10.basketId) && (_this$partListParentA11 = this.partListParentArticle) !== null && _this$partListParentA11 !== void 0 && _this$partListParentA11.getArticleOptionState(codex, undefined, checkOnAccessoireParent)) {
+        return this.partListParentArticle.getArticleOptionState(codex, this.basketId, checkOnAccessoireParent);
       }
       if (Object.keys((_this$partlistArticle3 = this.partlistArticles) !== null && _this$partlistArticle3 !== void 0 ? _this$partlistArticle3 : {}).length > 0) {
         for (var key in this.partlistArticles) {
           if (from === key) continue;
           var partlistArticle = this.partlistArticles[key];
-          var ops = partlistArticle.getArticleOptionState(codex, this.basketId);
+          var ops = partlistArticle.getArticleOptionState(codex, this.basketId, checkOnAccessoireParent);
           if (ops) return ops;
         }
       }
@@ -21417,6 +21477,10 @@ var DivaArticle = /*#__PURE__*/function () {
           }
         }
       }
+      if (checkOnAccessoireParent && this.accessoireParentArticle) {
+        var _ops2 = this.accessoireParentArticle.getArticleOptionState(codex, this.basketId, checkOnAccessoireParent);
+        if (_ops2) return _ops2;
+      }
       return this.articleOptionStatesData[codex];
       //kann sein dass die OCD der Option dem codex entspricht
     }
@@ -21631,7 +21695,7 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "dockedOnAV",
     value: function dockedOnAV(type) {
-      return articleHandlerInstance.dockedOnAV(type, this);
+      return articleHandlerInstance.dockedOnAV('AV' + type, this);
     }
   }, {
     key: "accessoireParentArticle",
@@ -22351,6 +22415,9 @@ var DivaArticle = /*#__PURE__*/function () {
                     if (actArticleOptionState[refOptCodex].visibleOptionValues[_iKey]) {
                       actArticleOptionState[refOptCodex].defaultOPV = curOpvValue;
                       optToChange[refOptCodex] = curOpvValue;
+                      if (optToChange[opt + '_val']) {
+                        optToChange[refOptCodex + '_val'] = optToChange[opt + '_val'];
+                      }
                       opvIsValid = true;
                     }
                     break;
@@ -22474,9 +22541,9 @@ var DivaArticle = /*#__PURE__*/function () {
           }
           //fallback for pfister classification usecase
           for (var _iKey2 in this.articleOptionStates) {
-            var _ops2 = this.articleOptionStates[_iKey2];
-            if (_ops2.option.ocd == optionCodex && optionCodex !== null && optionCodex !== void 0 && optionCodex.startsWith('OPTOPT') && (parentOptionCodex == '' || parentOptionCodex == _ops2.option.parentOptionCodex)) {
-              return this.checkOptionSearchOPV(_ops2.option, optionValueCodex, ret);
+            var _ops3 = this.articleOptionStates[_iKey2];
+            if (_ops3.option.ocd == optionCodex && optionCodex !== null && optionCodex !== void 0 && optionCodex.startsWith('OPTOPT') && (parentOptionCodex == '' || parentOptionCodex == _ops3.option.parentOptionCodex)) {
+              return this.checkOptionSearchOPV(_ops3.option, optionValueCodex, ret);
             }
           }
         }
@@ -22564,15 +22631,15 @@ var DivaArticle = /*#__PURE__*/function () {
     value: function validateAndSetNewConfigValues(newConfigValues) {
       var freeTextValues = {};
       for (var key in newConfigValues) {
-        var _ops3, _ops4, _newConfigValues$key;
+        var _ops4, _ops5, _newConfigValues$key;
         var ops = this.getArticleOptionState(key);
         var _this$parentOptionCod3 = this.parentOptionCodex(key),
           optionCodex = _this$parentOptionCod3.optionCodex,
           partenOptionCodex = _this$parentOptionCod3.partenOptionCodex;
-        if ((_ops3 = ops) !== null && _ops3 !== void 0 && _ops3.isMultiselect) {
+        if ((_ops4 = ops) !== null && _ops4 !== void 0 && _ops4.isMultiselect) {
           ops = this.handleMultiselect(ops, newConfigValues, key);
         }
-        if ((_ops4 = ops) !== null && _ops4 !== void 0 && _ops4.isFreeText) {
+        if ((_ops5 = ops) !== null && _ops5 !== void 0 && _ops5.isFreeText) {
           this.handleFreeText(ops, newConfigValues, key, freeTextValues);
         }
         var opvCodex = (_newConfigValues$key = newConfigValues[key]) === null || _newConfigValues$key === void 0 ? void 0 : _newConfigValues$key.split(';')[0];
@@ -22583,8 +22650,8 @@ var DivaArticle = /*#__PURE__*/function () {
             var myFreeText = foundItem.opv.isFreeText ? newConfigValues[optionCodex + '_val'] : undefined;
             this.updateArtOPV(foundItem.opv, foundItem.opt.codex, this.getArticleOptionState(foundItem.opt.codex), myFreeText);
           } else {
-            var _ops5;
-            if (ops && !((_ops5 = ops) !== null && _ops5 !== void 0 && _ops5.isFreeText)) {
+            var _ops6;
+            if (ops && !((_ops6 = ops) !== null && _ops6 !== void 0 && _ops6.isFreeText)) {
               // to initialize freetexts where the freetext is not the only selectable opv in the options
               this.checkIfSelectableOpvIsFreetext(ops, opvCodex, newConfigValues);
             }
@@ -23049,7 +23116,7 @@ var DivaArticle = /*#__PURE__*/function () {
       //die Klasse ArticleOptionState wird einfach neu initialisiert
       var oldOPS = this.getArticleOptionState(optionCodex);
       var option = oldOPS.option;
-      var optionState = new ArticleOptionStateData(option, oldOPS.defaultOPV, (_this$set$ViewConfig2 = this.set.ViewConfig) === null || _this$set$ViewConfig2 === void 0 ? void 0 : _this$set$ViewConfig2.useIsOptionDefinedWarning);
+      var optionState = new ArticleOptionStateData(option, this.getIsConfigSingle, oldOPS.defaultOPV, (_this$set$ViewConfig2 = this.set.ViewConfig) === null || _this$set$ViewConfig2 === void 0 ? void 0 : _this$set$ViewConfig2.useIsOptionDefinedWarning);
       optionState.isDisabled = true;
       this.uploadOptionState(optionState);
     }
@@ -23118,9 +23185,7 @@ var DivaArticle = /*#__PURE__*/function () {
         _this3 = this;
       var allDecisions = this.article.catalogArticle.articleDecisions;
       var decisions = myPartListPos.PartListPosDecisionsAndPosCounts;
-      var optionsForPrint = (_myPartListPos$Option = myPartListPos.OptionsForPrint) === null || _myPartListPos$Option === void 0 ? void 0 : _myPartListPos$Option.split(';').map(function (o) {
-        return 'OPT' + o;
-      });
+      var optionsForPrint = (_myPartListPos$Option = myPartListPos.OptionsForPrint) === null || _myPartListPos$Option === void 0 ? void 0 : _myPartListPos$Option.split(';');
       var optionImgForPrint = myPartListPos.OptionImgForPrint ? 'OPT' + myPartListPos.OptionImgForPrint : undefined;
       var _loop = function _loop() {
         var myRuleDesc = '';
@@ -23492,13 +23557,13 @@ var DivaArticle = /*#__PURE__*/function () {
             for (var f = 0; f < doAlsoCheckOPTs.length; f++) {
               var _myDoc$Row;
               var checkOptX = doAlsoCheckOPTs[f];
-              var _ops6 = this.getArticleOptionState(checkOptX);
-              if (_ops6 && (_myDoc$Row = myDoc.Row) !== null && _myDoc$Row !== void 0 && _myDoc$Row[checkOptX] && _ops6.valCodex && !myDoc.Row[checkOptX].includes(_ops6.valCodex)) {
+              var _ops7 = this.getArticleOptionState(checkOptX);
+              if (_ops7 && (_myDoc$Row = myDoc.Row) !== null && _myDoc$Row !== void 0 && _myDoc$Row[checkOptX] && _ops7.valCodex && !myDoc.Row[checkOptX].includes(_ops7.valCodex)) {
                 if (!myDoc.Row[checkOptX].find(function (o) {
                   return !o.startsWith('!');
                 })) {
                   //all is inverted
-                  if (myDoc.Row[checkOptX].includes('!' + _ops6.valCodex)) {
+                  if (myDoc.Row[checkOptX].includes('!' + _ops7.valCodex)) {
                     doUseDoc = false;
                     break;
                   }
@@ -23922,9 +23987,9 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "updateShelfPlannerState",
     value: function () {
-      var _updateShelfPlannerState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _updateShelfPlannerState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(variantValues) {
         var _this$doorPlanner;
-        var j3D, _yield$import, ShelfPlanner;
+        var j3D, _yield$import, ShelfPlanner, doorPlanner;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -23934,51 +23999,59 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-b5cd6836.js');
+              return import('./ShelfPlanner-b577ca48.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
               this.article.shelfPlanner = new ShelfPlanner(j3D, this);
             case 7:
-              if (j3D && j3D.Doors && !((_this$doorPlanner = this.doorPlanner) !== null && _this$doorPlanner !== void 0 && _this$doorPlanner.alreadyInitialized(this.basketId))) {
-                this.set.initializeDoorPlanner(j3D, this);
+              if (!(j3D && (j3D.Doors || j3D.DoorsSwitcher) && !((_this$doorPlanner = this.doorPlanner) !== null && _this$doorPlanner !== void 0 && _this$doorPlanner.alreadyInitialized(this.basketId)))) {
+                _context.next = 10;
+                break;
+              }
+              _context.next = 10;
+              return this.set.initializeDoorPlanner(j3D, this);
+            case 10:
+              doorPlanner = this.doorPlanner;
+              if (doorPlanner) {
+                doorPlanner.updateAfterConfigChanged();
               }
               if (!this.shelfPlanner) {
-                _context.next = 23;
+                _context.next = 27;
                 break;
               }
               if (!this.shelfPlanner.showOnRule) {
-                _context.next = 19;
+                _context.next = 23;
                 break;
               }
               if (!this.evalRule(this.shelfPlanner.showOnRule)) {
-                _context.next = 15;
+                _context.next = 19;
                 break;
               }
-              _context.next = 13;
-              return this.shelfPlanner.setIsVisible(true);
-            case 13:
-              _context.next = 17;
-              break;
-            case 15:
               _context.next = 17;
-              return this.shelfPlanner.setIsVisible(false);
+              return this.shelfPlanner.setIsVisible(true);
             case 17:
               _context.next = 21;
               break;
             case 19:
               _context.next = 21;
-              return this.shelfPlanner.setIsVisible(true);
+              return this.shelfPlanner.setIsVisible(false);
             case 21:
-              _context.next = 23;
-              return this.shelfPlanner.onConfigChanged();
+              _context.next = 25;
+              break;
             case 23:
+              _context.next = 25;
+              return this.shelfPlanner.setIsVisible(true);
+            case 25:
+              _context.next = 27;
+              return this.shelfPlanner.onConfigChanged(variantValues);
+            case 27:
             case "end":
               return _context.stop();
           }
         }, _callee, this);
       }));
-      function updateShelfPlannerState() {
+      function updateShelfPlannerState(_x) {
         return _updateShelfPlannerState.apply(this, arguments);
       }
       return updateShelfPlannerState;
@@ -23987,7 +24060,7 @@ var DivaArticle = /*#__PURE__*/function () {
     key: "calcConfigPrice",
     value: function calcConfigPrice(maxPriceOfGroupCodex, digits) {
       var _this4 = this,
-        _this$catalogArticle$;
+        _this$catalogArticle$2;
       //Wenn im Planer für dieses Shape mehere Rules gibt, müssen wir diese jetzt prüfen, ob jetzt ein anderes shape gültig ist.
       //wenn ja, hier neues shape übergeben
       if (this.articleType === 'FLAT') return;
@@ -24187,7 +24260,7 @@ var DivaArticle = /*#__PURE__*/function () {
 
       //Wenn der Artikel über IDM einnen Längen/Flächenabhängigen Preis hat, dann entspricht der aktuelle Preis nur einer Einheit
       //dieser muss jetzt m it entsprechenden Massen multipliziert werden
-      if (articleUsedCalcPrice > 0 && ((_this$catalogArticle$ = this.catalogArticle.basicUnitPrice) !== null && _this$catalogArticle$ !== void 0 ? _this$catalogArticle$ : 0) > 0 && idmPriceMeasureFactor > 1) {
+      if (articleUsedCalcPrice > 0 && ((_this$catalogArticle$2 = this.catalogArticle.basicUnitPrice) !== null && _this$catalogArticle$2 !== void 0 ? _this$catalogArticle$2 : 0) > 0 && idmPriceMeasureFactor > 1) {
         articleUsedCalcPrice = articleUsedCalcPrice * idmPriceMeasureFactor / this.catalogArticle.basicUnitPrice;
       }
       this.article.price = articleUsedCalcPrice;
@@ -24356,16 +24429,16 @@ var DivaArticle = /*#__PURE__*/function () {
         }
       }
       for (var _key4 in myValues) {
-        var _ops7 = this.getArticleOptionState(_key4);
-        if (_ops7) {
+        var _ops8 = this.getArticleOptionState(_key4);
+        if (_ops8) {
           validValues[_key4] = myValues[_key4];
         } else if (_key4.endsWith('_val') && this.getArticleOptionState(_key4.replace(/_val/g, ''))) {
           validValues[_key4] = myValues[_key4];
         } else {
           for (var _opt in this.articleOptionStates) {
-            var _ops8 = this.articleOptionStates[_opt];
+            var _ops9 = this.articleOptionStates[_opt];
             if (this.articleOptionStates[_opt].optionOcd == _key4) {
-              var values = this.checkOptionSearchOPV(_ops8.option, myValues[_key4], {});
+              var values = this.checkOptionSearchOPV(_ops9.option, myValues[_key4], {});
               if (values !== null && values !== void 0 && values.opv) validValues[_opt] = values.opv.codex;
             }
           }
@@ -24685,7 +24758,7 @@ var DivaArticle = /*#__PURE__*/function () {
           }
           if (myArtOption.isDoShow && !doHideSizeOption && myArtOption.val) {
             if (myArtOption.visibleCount > 0) {
-              var _myArtOption$valName_, _this$article$options2, _this$article$options3, _myArtOption$val;
+              var _myArtOption$valName_, _this$optionsForPrint2, _this$optionsForPrint3, _myArtOption$val;
               var isfreeText = false,
                 isMeasureValue = false,
                 freeText = undefined,
@@ -24727,7 +24800,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 TabGroup_locales: myArtOption.optionTabGroup_locales,
                 SendToSAP: myArtOption.option.sendToSAP,
                 ArticlePlaceholder: myArtOption.option.articlePlaceholder,
-                Hidden: myArtOption.headerPosVariationType == 'I' || myArtOption.isInvisible || myArtOption.val.hideInSummary || this.isPartListArticle && ((_this$article$options2 = this.article.optionsForPrint) === null || _this$article$options2 === void 0 ? void 0 : _this$article$options2.length) && !((_this$article$options3 = this.article.optionsForPrint) !== null && _this$article$options3 !== void 0 && _this$article$options3.includes(OP)),
+                Hidden: !!(myArtOption.headerPosVariationType == 'I' || myArtOption.isInvisible || myArtOption.val.hideInSummary || this.isPartListArticle && (_this$optionsForPrint2 = this.optionsForPrint) !== null && _this$optionsForPrint2 !== void 0 && _this$optionsForPrint2.length && !((_this$optionsForPrint3 = this.optionsForPrint) !== null && _this$optionsForPrint3 !== void 0 && _this$optionsForPrint3.includes(OP))),
                 HideInOrderText: myArtOption.hideInOrderText,
                 IsDescribingState: myArtOption.isDescribingState,
                 FreeTextLang: myArtOption.freeTextLang,
@@ -24856,7 +24929,7 @@ var DivaArticle = /*#__PURE__*/function () {
     value: function cloneArticle(set) {
       var clonedArticle = new DivaArticle(set, this.basketId, _objectSpread$e({}, this.article), this.article.catalogArticle, set.CatalogData);
       for (var key in this.articleOptionStates) {
-        clonedArticle.articleOptionStates[key] = this.articleOptionStates[key].cloneOptionState();
+        clonedArticle.articleOptionStates[key] = this.articleOptionStates[key].cloneOptionState(clonedArticle.getIsConfigSingle);
       }
       clonedArticle.article.partlistArticles = {};
       clonedArticle.article.previousPartlistArticles = {};
@@ -25356,7 +25429,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 for (key in myCatalogArticleOptions) {
                   //Hier wird mal geschaut, ob der aktuelle Artikel alle Optionen schon initialisiert hat.
                   if (!articleOptionState[key]) {
-                    optionState = new ArticleOptionStateData(myCatalogArticleOptions[key], undefined, (_article$set$ViewConf = article.set.ViewConfig) === null || _article$set$ViewConf === void 0 ? void 0 : _article$set$ViewConf.useIsOptionDefinedWarning);
+                    optionState = new ArticleOptionStateData(myCatalogArticleOptions[key], article.getIsConfigSingle, undefined, (_article$set$ViewConf = article.set.ViewConfig) === null || _article$set$ViewConf === void 0 ? void 0 : _article$set$ViewConf.useIsOptionDefinedWarning);
                     article.uploadOptionState(optionState); //alle Optionen erstellen
                   }
                 }
@@ -25527,7 +25600,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 break;
               }
               _context10.next = 9;
-              return article.updateShelfPlannerState();
+              return article.updateShelfPlannerState(newConfigValues);
             case 9:
               if (!(!dontCalcPrice && !calcVariantPrice)) {
                 _context10.next = 12;
@@ -28611,7 +28684,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-a51c88c2.js');
+              return import('./DoorPlanner-74c6c1f8.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -30746,8 +30819,11 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       if (ops && basketId && parentCodex && ((_ops$optionOcd = ops.optionOcd) !== null && _ops$optionOcd !== void 0 ? _ops$optionOcd : ops.optionCodex) !== parentCodex) {
         var article = set.getArticleByBasketId(basketId);
         if (article) {
-          var _ops$visibleOptionVal;
-          if (!!article.getArticleOptionState(ops.option.parentOptionCodex).isDifferentOption) return true;
+          var _o$valCodex, _ops$visibleOptionVal;
+          var o = article.getArticleOptionState(ops.option.parentOptionCodex);
+          if (!!o.isDifferentOption && !((_o$valCodex = o.valCodex) !== null && _o$valCodex !== void 0 && _o$valCodex.includes('OPVSUB'))) {
+            return true;
+          }
           var rul = (_ops$visibleOptionVal = ops.visibleOptionValues[Object.keys(ops.visibleOptionValues)[0]]) === null || _ops$visibleOptionVal === void 0 ? void 0 : _ops$visibleOptionVal.rul;
           if (rul) {
             var parentOptions = DivaUtils.getOptionsByRule(rul);
@@ -32356,7 +32432,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 break;
               }
               _context17.next = 18;
-              return parentArticle.shelfPlanner.onConfigChanged();
+              return parentArticle.shelfPlanner.onConfigChanged({});
             case 18:
               _context17.next = 22;
               break;
@@ -32386,13 +32462,34 @@ var DivaSetHandler = /*#__PURE__*/function () {
     }()
   }, {
     key: "moveShelfItem",
-    value: function moveShelfItem(set, grid, initialIndex, finalIndex) {
-      var article = set.getArticleByBasketId(grid.basketId);
-      if (article && article.shelfPlanner) {
-        return article.shelfPlanner.grids[grid.ShelfIndex].moveCell(initialIndex, finalIndex);
+    value: function () {
+      var _moveShelfItem = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(set, grid, initialIndex, finalIndex) {
+        var article;
+        return _regeneratorRuntime.wrap(function _callee16$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
+            case 0:
+              article = set.getArticleByBasketId(grid.basketId);
+              if (!(article && article.shelfPlanner)) {
+                _context18.next = 5;
+                break;
+              }
+              _context18.next = 4;
+              return article.shelfPlanner.grids[grid.ShelfIndex].moveCell(initialIndex, finalIndex);
+            case 4:
+              return _context18.abrupt("return", _context18.sent);
+            case 5:
+              return _context18.abrupt("return", 'NOTHING_CHANGED');
+            case 6:
+            case "end":
+              return _context18.stop();
+          }
+        }, _callee16);
+      }));
+      function moveShelfItem(_x52, _x53, _x54, _x55) {
+        return _moveShelfItem.apply(this, arguments);
       }
-      return 'NOTHING_CHANGED';
-    }
+      return moveShelfItem;
+    }()
   }, {
     key: "selectShelfAccArticle",
     value: function selectShelfAccArticle(set, gridGroup, targetArticles, articleCodex) {
@@ -32409,11 +32506,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getFreeShelfGrids",
     value: function () {
-      var _getFreeShelfGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(set, gridGroup) {
+      var _getFreeShelfGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(set, gridGroup) {
         var _article$shelfPlanner;
         var articles, article, articleCodex, accessoire, ret;
-        return _regeneratorRuntime.wrap(function _callee16$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+        return _regeneratorRuntime.wrap(function _callee17$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               articles = set.getDivaArticlesByGridGroup(gridGroup);
               article = Object.values(articles).find(function (a) {
@@ -32422,38 +32519,38 @@ var DivaSetHandler = /*#__PURE__*/function () {
               });
               articleCodex = article === null || article === void 0 || (_article$shelfPlanner = article.shelfPlanner) === null || _article$shelfPlanner === void 0 ? void 0 : _article$shelfPlanner.getSelectedAccessoireById(gridGroup);
               if (!(!article || !articleCodex)) {
-                _context18.next = 5;
+                _context19.next = 5;
                 break;
               }
-              return _context18.abrupt("return", undefined);
+              return _context19.abrupt("return", undefined);
             case 5:
-              _context18.next = 7;
+              _context19.next = 7;
               return this.addArticleToActSet(set, articleCodex, {
                 relatedToBasketId: article.basketId,
                 relatedToShelf: article.basketId,
                 relatedToShelfGrid: 0
               }, false, 'toDeleteShelf');
             case 7:
-              accessoire = _context18.sent;
-              _context18.next = 10;
-              return accessoire.updateShelfPlannerState();
+              accessoire = _context19.sent;
+              _context19.next = 10;
+              return accessoire.updateShelfPlannerState({});
             case 10:
               articleHandlerInstance.initCfgValues(accessoire, {});
-              _context18.next = 13;
+              _context19.next = 13;
               return articleHandlerInstance.updateCfgValues(accessoire, {}, {}, true, true);
             case 13:
               ret = this.getFreePlaces(gridGroup, articles, accessoire);
-              _context18.next = 16;
+              _context19.next = 16;
               return this.deleteElementFromSet(set, accessoire, undefined, undefined, true);
             case 16:
-              return _context18.abrupt("return", ret);
+              return _context19.abrupt("return", ret);
             case 17:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function getFreeShelfGrids(_x52, _x53) {
+      function getFreeShelfGrids(_x56, _x57) {
         return _getFreeShelfGrids.apply(this, arguments);
       }
       return getFreeShelfGrids;
@@ -32512,62 +32609,62 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(set, accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var _oldGrid$Cells$find;
         var artices, accessoire, oldParent, newParent, oldGrid, newGrid, index;
-        return _regeneratorRuntime.wrap(function _callee17$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+        return _regeneratorRuntime.wrap(function _callee18$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               artices = set.getDivaArticles();
               accessoire = artices[accessoireBasketId];
               oldParent = accessoire.accessoireParentArticle;
               newParent = artices[parentBasketId];
               if (!(accessoire.relatedToShelfGrid === undefined)) {
-                _context19.next = 6;
+                _context20.next = 6;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 6:
               if (oldParent !== null && oldParent !== void 0 && oldParent.shelfPlanner) {
-                _context19.next = 8;
+                _context20.next = 8;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 8:
               if (newParent !== null && newParent !== void 0 && newParent.shelfPlanner) {
-                _context19.next = 10;
+                _context20.next = 10;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 10:
               oldGrid = oldParent.shelfPlanner.getGridByIndex(accessoire.relatedToShelfGrid);
               newGrid = newParent.shelfPlanner.getGridByGridName(gridName);
               if (oldGrid) {
-                _context19.next = 14;
+                _context20.next = 14;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 14:
               if (newGrid) {
-                _context19.next = 16;
+                _context20.next = 16;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 16:
               index = oldGrid === null || oldGrid === void 0 || (_oldGrid$Cells$find = oldGrid.Cells.find(function (c, i) {
                 var _c$Article;
                 return c.Index === c.InUse && ((_c$Article = c.Article) === null || _c$Article === void 0 ? void 0 : _c$Article.basketId) == accessoire.basketId;
               })) === null || _oldGrid$Cells$find === void 0 ? void 0 : _oldGrid$Cells$find.Index;
               if (!(index === undefined)) {
-                _context19.next = 19;
+                _context20.next = 19;
                 break;
               }
-              return _context19.abrupt("return");
+              return _context20.abrupt("return");
             case 19:
-              _context19.next = 21;
+              _context20.next = 21;
               return oldParent.shelfPlanner.deleteAccessoireOfCellInGrid(accessoire.relatedToShelfGrid, index);
             case 21:
-              _context19.next = 23;
+              _context20.next = 23;
               return newParent.shelfPlanner.addAccessoireInCellInGrid(accessoire, newGrid.ShelfIndex, cellIndex, 'fitsOn');
             case 23:
               accessoire.relatedToShelfGrid = newGrid.ShelfIndex;
@@ -32579,17 +32676,17 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 set.giveAccNewPosNrByBasketId(set.getBaseParentArticleOfAccessoire(oldParent.basketId).basketId);
               }
               set.giveAccNewPosNrByBasketId(set.getBaseParentArticleOfAccessoire(newParent.basketId).basketId);
-              _context19.next = 28;
+              _context20.next = 28;
               return this.updateArticlesOptionStatesOfActSet(set, {}, [oldParent.basketId, newParent.basketId]);
             case 28:
-              return _context19.abrupt("return", newGrid.getGridIdByArticleCodex(accessoire.articleCodex));
+              return _context20.abrupt("return", newGrid.getGridIdByArticleCodex(accessoire.articleCodex));
             case 29:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
-      function moveShelfItemToGrid(_x54, _x55, _x56, _x57, _x58) {
+      function moveShelfItemToGrid(_x58, _x59, _x60, _x61, _x62) {
         return _moveShelfItemToGrid.apply(this, arguments);
       }
       return moveShelfItemToGrid;
@@ -32597,33 +32694,33 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessorieOnShelfPlanner",
     value: function () {
-      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(set, gridIndex, cellIndex, parentBasketId, dontReload) {
+      var _deleteAccessorieOnShelfPlanner = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(set, gridIndex, cellIndex, parentBasketId, dontReload) {
         var _parentArticle$shelfP2;
         var parentArticle, articeToDelete, _parentArticle$shelfP3;
-        return _regeneratorRuntime.wrap(function _callee18$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+        return _regeneratorRuntime.wrap(function _callee19$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               parentArticle = set.getArticleByBasketId(parentBasketId);
-              _context20.next = 3;
+              _context21.next = 3;
               return parentArticle === null || parentArticle === void 0 || (_parentArticle$shelfP2 = parentArticle.shelfPlanner) === null || _parentArticle$shelfP2 === void 0 ? void 0 : _parentArticle$shelfP2.deleteAccessoireOfCellInGrid(gridIndex, cellIndex);
             case 3:
-              articeToDelete = _context20.sent;
+              articeToDelete = _context21.sent;
               if (!articeToDelete) {
-                _context20.next = 9;
+                _context21.next = 9;
                 break;
               }
-              _context20.next = 7;
+              _context21.next = 7;
               return this.deleteElementFromSet(set, articeToDelete, false, undefined, dontReload);
             case 7:
-              _context20.next = 9;
-              return parentArticle === null || parentArticle === void 0 || (_parentArticle$shelfP3 = parentArticle.shelfPlanner) === null || _parentArticle$shelfP3 === void 0 ? void 0 : _parentArticle$shelfP3.onConfigChanged();
+              _context21.next = 9;
+              return parentArticle === null || parentArticle === void 0 || (_parentArticle$shelfP3 = parentArticle.shelfPlanner) === null || _parentArticle$shelfP3 === void 0 ? void 0 : _parentArticle$shelfP3.onConfigChanged({});
             case 9:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
-      function deleteAccessorieOnShelfPlanner(_x59, _x60, _x61, _x62, _x63) {
+      function deleteAccessorieOnShelfPlanner(_x63, _x64, _x65, _x66, _x67) {
         return _deleteAccessorieOnShelfPlanner.apply(this, arguments);
       }
       return deleteAccessorieOnShelfPlanner;
@@ -32631,25 +32728,25 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updatePlannerTrans",
     value: function () {
-      var _updatePlannerTrans = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _updatePlannerTrans = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(set, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var updateConfig;
-        return _regeneratorRuntime.wrap(function _callee19$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+        return _regeneratorRuntime.wrap(function _callee20$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               updateConfig = set.plannerHandler.updatePlannerTrans(set.getSetId(), plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance);
               if (!updateConfig) {
-                _context21.next = 4;
+                _context22.next = 4;
                 break;
               }
-              _context21.next = 4;
+              _context22.next = 4;
               return this.updateArticlesOptionStatesOfActSet(set, {}, [], true, 'initializingAfterTrans');
             case 4:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
-      function updatePlannerTrans(_x64, _x65, _x66, _x67, _x68, _x69, _x70) {
+      function updatePlannerTrans(_x68, _x69, _x70, _x71, _x72, _x73, _x74) {
         return _updatePlannerTrans.apply(this, arguments);
       }
       return updatePlannerTrans;
@@ -32725,10 +32822,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "deleteAccessoire",
     value: function () {
-      var _deleteAccessoire = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(set, articleCodex, parentBasketId) {
+      var _deleteAccessoire = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(set, articleCodex, parentBasketId) {
         var divaArticles, articlesToDelete, key, articleToDelete, maxQuantity, i;
-        return _regeneratorRuntime.wrap(function _callee20$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+        return _regeneratorRuntime.wrap(function _callee21$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
               divaArticles = set.getDivaArticles();
               articlesToDelete = [];
@@ -32740,7 +32837,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 }
               }
               if (!(articlesToDelete.length > 0)) {
-                _context22.next = 17;
+                _context23.next = 17;
                 break;
               }
               articlesToDelete.sort(function (a, b) {
@@ -32754,27 +32851,27 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 }
               }
               if (!(articleToDelete.quantity > 1)) {
-                _context22.next = 14;
+                _context23.next = 14;
                 break;
               }
-              _context22.next = 11;
+              _context23.next = 11;
               return articleHandlerInstance.updateAccessoireQuantity(articleToDelete, articleToDelete.quantity - 1);
             case 11:
-              return _context22.abrupt("return", true);
+              return _context23.abrupt("return", true);
             case 14:
-              _context22.next = 16;
+              _context23.next = 16;
               return this.deleteElementFromSet(articleToDelete.set, articleToDelete);
             case 16:
-              return _context22.abrupt("return", _context22.sent);
+              return _context23.abrupt("return", _context23.sent);
             case 17:
-              return _context22.abrupt("return", false);
+              return _context23.abrupt("return", false);
             case 18:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
-      function deleteAccessoire(_x71, _x72, _x73) {
+      function deleteAccessoire(_x75, _x76, _x77) {
         return _deleteAccessoire.apply(this, arguments);
       }
       return deleteAccessoire;
@@ -32900,19 +32997,19 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "configSingleIsChanged",
     value: (function () {
-      var _configSingleIsChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(set, newIsConfigSingle, groupedOptions, groupedArticles) {
+      var _configSingleIsChanged = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(set, newIsConfigSingle, groupedOptions, groupedArticles) {
         var _set$getArticleByBask4, variantValues, key;
-        return _regeneratorRuntime.wrap(function _callee21$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+        return _regeneratorRuntime.wrap(function _callee22$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               set.configSingle = newIsConfigSingle;
               if (!(!set.configSingle && !set.CatalogData.onConfigSingleDontGeneralize && groupedOptions && groupedArticles)) {
-                _context23.next = 7;
+                _context24.next = 7;
                 break;
               }
               variantValues = (_set$getArticleByBask4 = set.getArticleByBasketId(groupedArticles[0])) === null || _set$getArticleByBask4 === void 0 ? void 0 : _set$getArticleByBask4.VariantValues;
               if (!variantValues) {
-                _context23.next = 7;
+                _context24.next = 7;
                 break;
               }
               for (key in variantValues) {
@@ -32920,15 +33017,15 @@ var DivaSetHandler = /*#__PURE__*/function () {
                   delete variantValues[key];
                 }
               }
-              _context23.next = 7;
+              _context24.next = 7;
               return this.updateArticlesOptionStatesOfActSet(set, variantValues, groupedArticles);
             case 7:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
-      function configSingleIsChanged(_x74, _x75, _x76, _x77) {
+      function configSingleIsChanged(_x78, _x79, _x80, _x81) {
         return _configSingleIsChanged.apply(this, arguments);
       }
       return configSingleIsChanged;
@@ -33025,26 +33122,26 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "loadConfigItemsOfActSetByConfigStepKey",
     value: function () {
-      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(set, configStepKey, visible) {
+      var _loadConfigItemsOfActSetByConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(set, configStepKey, visible) {
         var _configItems$option;
         var configItems, paletteType, filterType, stepInfo, contentItemId;
-        return _regeneratorRuntime.wrap(function _callee22$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regeneratorRuntime.wrap(function _callee23$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
-              _context24.next = 2;
+              _context25.next = 2;
               return configTreeHandler.getConifgItemsForView(set, configStepKey);
             case 2:
-              configItems = _context24.sent;
+              configItems = _context25.sent;
               paletteType = set.configTree.getCurPaletteType(set, configStepKey);
               configItems.configItems = this.removeDockingInfluencableconfigItems(set, configItems.configItems, configStepKey);
-              _context24.next = 7;
+              _context25.next = 7;
               return this.variantsEvaluator(set, configItems.configItems, configStepKey, paletteType);
             case 7:
-              configItems.configItems = _context24.sent;
+              configItems.configItems = _context25.sent;
               filterType = set.configTree.getCurFilterType(configStepKey, configItems.configItems);
               stepInfo = set.configTree.getStepInfo(configStepKey);
               contentItemId = (_configItems$option = configItems.option) === null || _configItems$option === void 0 ? void 0 : _configItems$option.contentItemId;
-              return _context24.abrupt("return", _objectSpread$9(_objectSpread$9(_objectSpread$9({
+              return _context25.abrupt("return", _objectSpread$9(_objectSpread$9(_objectSpread$9({
                 isRenderedNotInSettingPalette: set.configTree.isRenderedNotInSettingPalette(configStepKey),
                 isRenderedInAccessorieStep: set.configTree.isRenderedInAccessorieStep(configStepKey),
                 visible: set.configTree.getVisibility(configStepKey, visible, set.CatalogData)
@@ -33057,11 +33154,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }));
             case 12:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
-      function loadConfigItemsOfActSetByConfigStepKey(_x78, _x79, _x80) {
+      function loadConfigItemsOfActSetByConfigStepKey(_x82, _x83, _x84) {
         return _loadConfigItemsOfActSetByConfigStepKey.apply(this, arguments);
       }
       return loadConfigItemsOfActSetByConfigStepKey;
@@ -33103,7 +33200,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "variantsEvaluator",
     value: (function () {
-      var _variantsEvaluator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(set, configItems, configStepKey, paletteType) {
+      var _variantsEvaluator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(set, configItems, configStepKey, paletteType) {
         var _configItems$0$option,
           _set$ViewConfig,
           _set$api$ReturnToFrom,
@@ -33111,22 +33208,22 @@ var DivaSetHandler = /*#__PURE__*/function () {
           _set$CatalogData$hide,
           _this = this;
         var opt, previewType, targetArticles, variants;
-        return _regeneratorRuntime.wrap(function _callee23$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime.wrap(function _callee24$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
               opt = set.CatalogData.getOption((_configItems$0$option = configItems[0].optionOcd) !== null && _configItems$0$option !== void 0 ? _configItems$0$option : configItems[0].op);
               previewType = (_set$ViewConfig = set.ViewConfig) === null || _set$ViewConfig === void 0 ? void 0 : _set$ViewConfig.pricePreview;
               if (!(!opt || !previewType || opt.mergeIDMToOPG || opt.isDescribingState || configItems[0].isOPVG || configItems.length == 1 || opt.showOnSeparatTabgroup || set.PlannerMode === 'BoxPlanner' || ['TEXTBOX', 'NUMBERBOX', 'RANGE'].includes(paletteType) || (_set$api$ReturnToFrom = set.api.ReturnToFromParams) !== null && _set$api$ReturnToFrom !== void 0 && _set$api$ReturnToFrom.includes('PRODUCTCREATOR') || (_set$CatalogData$show = set.CatalogData.showPricePreviewOnlyOnOptions) !== null && _set$CatalogData$show !== void 0 && _set$CatalogData$show.length && !set.CatalogData.showPricePreviewOnlyOnOptions.includes(opt.codex.substring(3)) || (_set$CatalogData$hide = set.CatalogData.hidePricePreviewOnlyOnOptions) !== null && _set$CatalogData$hide !== void 0 && _set$CatalogData$hide.length && set.CatalogData.hidePricePreviewOnlyOnOptions.includes(opt.codex.substring(3)))) {
-                _context25.next = 4;
+                _context26.next = 4;
                 break;
               }
-              return _context25.abrupt("return", configItems);
+              return _context26.abrupt("return", configItems);
             case 4:
               targetArticles = set.configTree.getTargetArticles(configStepKey);
-              _context25.next = 7;
+              _context26.next = 7;
               return this.calcVariants(set, configItems, targetArticles, opt.codex);
             case 7:
-              variants = _context25.sent;
+              variants = _context26.sent;
               if (previewType) {
                 configItems.map(function (c, index) {
                   return c.pricePreviewPromise = {
@@ -33135,14 +33232,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
                   };
                 });
               }
-              return _context25.abrupt("return", configItems);
+              return _context26.abrupt("return", configItems);
             case 10:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
-      function variantsEvaluator(_x81, _x82, _x83, _x84) {
+      function variantsEvaluator(_x85, _x86, _x87, _x88) {
         return _variantsEvaluator.apply(this, arguments);
       }
       return variantsEvaluator;
@@ -33150,10 +33247,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "calcVariants",
     value: function () {
-      var _calcVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(realSet, configItems, targetArticles, optionCodex) {
-        var variantInfo, set, articles, origPrice, articleConfigs, i, basketId, totalConfig, key, parentNames, _i5, configItem;
-        return _regeneratorRuntime.wrap(function _callee24$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+      var _calcVariants = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(realSet, configItems, targetArticles, optionCodex) {
+        var variantInfo, set, articles, origPrice, articleConfigs, i, basketId, totalConfig, key, parentNames, _i5, configItem, _configItem$parentNam, _configItem$parentNam2;
+        return _regeneratorRuntime.wrap(function _callee25$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
               variantInfo = [];
               set = realSet.cloneSet();
@@ -33178,37 +33275,37 @@ var DivaSetHandler = /*#__PURE__*/function () {
               _i5 = 0;
             case 10:
               if (!(_i5 < configItems.length)) {
-                _context26.next = 23;
+                _context27.next = 23;
                 break;
               }
               configItem = configItems[_i5];
-              if (!(configItem.parentName && configItem.isParentOPVG)) {
-                _context26.next = 19;
+              if (!(configItem.parentName && configItem.isParentOPVG || configItem.idmOpgValCodex)) {
+                _context27.next = 19;
                 break;
               }
-              if (!parentNames.includes(configItem.parentName)) {
-                _context26.next = 18;
+              if (!parentNames.includes((_configItem$parentNam = configItem.parentName) !== null && _configItem$parentNam !== void 0 ? _configItem$parentNam : configItem.idmOpgValCodex)) {
+                _context27.next = 18;
                 break;
               }
               variantInfo.push(variantInfo[_i5 - 1]);
-              return _context26.abrupt("continue", 20);
+              return _context27.abrupt("continue", 20);
             case 18:
-              parentNames.push(configItem.parentName);
+              parentNames.push((_configItem$parentNam2 = configItem.parentName) !== null && _configItem$parentNam2 !== void 0 ? _configItem$parentNam2 : configItem.idmOpgValCodex);
             case 19:
               variantInfo.push(this.getVariant(set, configItem, articleConfigs, totalConfig, targetArticles, optionCodex, origPrice, _i5, variantInfo[_i5 - 1]));
             case 20:
               _i5++;
-              _context26.next = 10;
+              _context27.next = 10;
               break;
             case 23:
-              return _context26.abrupt("return", variantInfo);
+              return _context27.abrupt("return", variantInfo);
             case 24:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
-      function calcVariants(_x85, _x86, _x87, _x88) {
+      function calcVariants(_x89, _x90, _x91, _x92) {
         return _calcVariants.apply(this, arguments);
       }
       return calcVariants;
@@ -33216,23 +33313,23 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getVariant",
     value: function () {
-      var _getVariant = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(set, item, origConfigs, totalConfig, targetArticles, optionCodex, origPrice, index, previousPromise) {
+      var _getVariant = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(set, item, origConfigs, totalConfig, targetArticles, optionCodex, origPrice, index, previousPromise) {
         var firstPrice, prevProm, startTime, doUseConfigs, hashVariantValues, variantValues, i, basketId, origConfig, key, hash, dataHash, _i6, endTime, calcTime, price, priceObj;
-        return _regeneratorRuntime.wrap(function _callee25$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+        return _regeneratorRuntime.wrap(function _callee26$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
               firstPrice = undefined;
               prevProm = undefined;
               if (!previousPromise) {
-                _context27.next = 9;
+                _context28.next = 9;
                 break;
               }
-              _context27.next = 5;
+              _context28.next = 5;
               return previousPromise;
             case 5:
-              prevProm = _context27.sent;
+              prevProm = _context28.sent;
               firstPrice = prevProm.firstPrice;
-              _context27.next = 10;
+              _context28.next = 10;
               break;
             case 9:
               firstPrice = set.getSetPrice();
@@ -33265,11 +33362,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
               hash = md5(JSON.stringify([].concat(hashVariantValues, _toConsumableArray(Object.values(totalConfig)))));
               dataHash = set.CatalogData.getVariantsPriceByHash(hash);
               if (!dataHash) {
-                _context27.next = 21;
+                _context28.next = 21;
                 break;
               }
               LOG$9.debug('calcingVariant from Option:' + optionCodex + ' and index: ' + index + ' hash hit!', dataHash, [].concat(hashVariantValues, _toConsumableArray(Object.values(totalConfig))), targetArticles);
-              return _context27.abrupt("return", _objectSpread$9(_objectSpread$9({}, dataHash), {}, {
+              return _context28.abrupt("return", _objectSpread$9(_objectSpread$9({}, dataHash), {}, {
                 origPrice: origPrice,
                 firstPrice: firstPrice
               }));
@@ -33277,14 +33374,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
               _i6 = 0;
             case 22:
               if (!(_i6 < variantValues.length)) {
-                _context27.next = 28;
+                _context28.next = 28;
                 break;
               }
-              _context27.next = 25;
+              _context28.next = 25;
               return this.updateArticlesOptionStatesOfActSet(set, variantValues[_i6], [targetArticles[_i6]], true, 'calcVariant');
             case 25:
               _i6++;
-              _context27.next = 22;
+              _context28.next = 22;
               break;
             case 28:
               endTime = new Date();
@@ -33302,14 +33399,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 hashObj: [].concat(hashVariantValues, _toConsumableArray(Object.values(totalConfig)))
               };
               set.CatalogData.setVariantsPriceByHash(hash, priceObj);
-              return _context27.abrupt("return", priceObj);
+              return _context28.abrupt("return", priceObj);
             case 35:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
-      function getVariant(_x89, _x90, _x91, _x92, _x93, _x94, _x95, _x96, _x97) {
+      function getVariant(_x93, _x94, _x95, _x96, _x97, _x98, _x99, _x100, _x101) {
         return _getVariant.apply(this, arguments);
       }
       return getVariant;
@@ -33317,53 +33414,53 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "checkIfPriceDiffers",
     value: function () {
-      var _checkIfPriceDiffers = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(promises) {
+      var _checkIfPriceDiffers = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(promises) {
         var results, i, price, j;
-        return _regeneratorRuntime.wrap(function _callee26$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+        return _regeneratorRuntime.wrap(function _callee27$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               results = [];
               i = 0;
             case 2:
               if (!(i < promises.length)) {
-                _context28.next = 19;
+                _context29.next = 19;
                 break;
               }
-              _context28.t0 = results;
-              _context28.next = 6;
+              _context29.t0 = results;
+              _context29.next = 6;
               return promises[i];
             case 6:
-              _context28.t1 = _context28.sent;
-              _context28.t0.push.call(_context28.t0, _context28.t1);
+              _context29.t1 = _context29.sent;
+              _context29.t0.push.call(_context29.t0, _context29.t1);
               price = results[0].price;
               j = 1;
             case 10:
               if (!(j < results.length)) {
-                _context28.next = 16;
+                _context29.next = 16;
                 break;
               }
               if (!(price !== results[j].price)) {
-                _context28.next = 13;
+                _context29.next = 13;
                 break;
               }
-              return _context28.abrupt("return", true);
+              return _context29.abrupt("return", true);
             case 13:
               j++;
-              _context28.next = 10;
+              _context29.next = 10;
               break;
             case 16:
               i++;
-              _context28.next = 2;
+              _context29.next = 2;
               break;
             case 19:
-              return _context28.abrupt("return", false);
+              return _context29.abrupt("return", false);
             case 20:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee26);
+        }, _callee27);
       }));
-      function checkIfPriceDiffers(_x98) {
+      function checkIfPriceDiffers(_x102) {
         return _checkIfPriceDiffers.apply(this, arguments);
       }
       return checkIfPriceDiffers;
@@ -33377,11 +33474,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateArticlesOptionStatesOfActSet",
     value: (function () {
-      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
+      var _updateArticlesOptionStatesOfActSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
         var _Object$keys, _resultPlannerUpdate;
         var elementsToDeleteById, targetArticlesToUpdateOnly, retValues, diff, resultPlannerUpdate, targetElementIds, i, articleToDel, index, result, articleCopyRelation, newArticle;
-        return _regeneratorRuntime.wrap(function _callee27$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+        return _regeneratorRuntime.wrap(function _callee28$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
               elementsToDeleteById = [];
               targetArticlesToUpdateOnly = [];
@@ -33393,50 +33490,50 @@ var DivaSetHandler = /*#__PURE__*/function () {
               } else {
                 targetArticlesToUpdateOnly = targetArticlesWithNewValues;
               }
-              _context29.next = 5;
+              _context30.next = 5;
               return articleHandlerInstance.updateArticlesOptionStates(myValues, targetArticlesWithNewValues, targetArticlesToUpdateOnly, set.getDivaArticles(true), from);
             case 5:
-              retValues = _context29.sent;
+              retValues = _context30.sent;
               targetArticlesWithNewValues = retValues.targetArticlesToUpdate;
               if (!(retValues.partlistArticlesToLoad.length > 0)) {
-                _context29.next = 16;
+                _context30.next = 16;
                 break;
               }
               diff = targetArticlesToUpdateOnly.length - Object.keys(set.getDivaArticles()).length;
               if (!(diff == 0 || partlistDiff == diff)) {
-                _context29.next = 14;
+                _context30.next = 14;
                 break;
               }
-              _context29.next = 12;
+              _context30.next = 12;
               return articleHandlerInstance.correctPartlistArticlesByGlobalRules(set, retValues.partlistArticlesToLoad, set.CatalogData.bundleRules, {
                 doChange: false
               });
             case 12:
-              _context29.next = 16;
+              _context30.next = 16;
               break;
             case 14:
-              _context29.next = 16;
+              _context30.next = 16;
               return this.updateArticlesOptionStatesOfActSet(set, {}, targetArticlesWithNewValues, ignorePlanner, from, diff);
             case 16:
               if (!(from !== 'initializingPartlist')) {
-                _context29.next = 19;
+                _context30.next = 19;
                 break;
               }
-              _context29.next = 19;
+              _context30.next = 19;
               return this.updateEdoArticles(set, retValues.newEDOExtraArticles);
             case 19:
               if (set.CatalogData.hasAlternateRenderings) set.CatalogData.updateAlternativeRenderings(set.getDivaArticles());
 
               //Update Planner - check if planner data changed
               if (!(!ignorePlanner && from != 'calcVariant')) {
-                _context29.next = 55;
+                _context30.next = 55;
                 break;
               }
               targetElementIds = this.getElementIdsOfArticles(set, targetArticlesWithNewValues);
-              _context29.next = 24;
+              _context30.next = 24;
               return set.plannerHandler.updatePlanner(set.getSetId(), myValues, targetElementIds);
             case 24:
-              resultPlannerUpdate = _context29.sent;
+              resultPlannerUpdate = _context30.sent;
               elementsToDeleteById = resultPlannerUpdate.elemIdsToDelete;
               for (i = 0; i < resultPlannerUpdate.elemIdsToDelete.length; i++) {
                 articleToDel = set.getArticleByElementId(resultPlannerUpdate.elemIdsToDelete[i]);
@@ -33446,35 +33543,35 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 }
               }
               if (!resultPlannerUpdate.doDeleteBackGrid) {
-                _context29.next = 34;
+                _context30.next = 34;
                 break;
               }
-              _context29.next = 30;
+              _context30.next = 30;
               return this.deleteElementFromSetByElemId(set, resultPlannerUpdate.elemIdsToDelete[0], false, resultPlannerUpdate.deletionType);
             case 30:
-              result = _context29.sent;
+              result = _context30.sent;
               //Others are deleted recursive
               if (result.selectElementId) {
                 resultPlannerUpdate.elementIdsToUpdateSelection = [result.selectElementId];
               }
-              _context29.next = 41;
+              _context30.next = 41;
               break;
             case 34:
               i = 0;
             case 35:
               if (!(i < resultPlannerUpdate.elemIdsToDelete.length)) {
-                _context29.next = 41;
+                _context30.next = 41;
                 break;
               }
-              _context29.next = 38;
+              _context30.next = 38;
               return this.deleteElementFromSetByElemId(set, resultPlannerUpdate.elemIdsToDelete[i], false, resultPlannerUpdate.deletionType);
             case 38:
               i++;
-              _context29.next = 35;
+              _context30.next = 35;
               break;
             case 41:
               if (!(resultPlannerUpdate.elementIdToCopy && resultPlannerUpdate.elementIdToCopy.length > 0)) {
-                _context29.next = 54;
+                _context30.next = 54;
                 break;
               }
               //Todo copy these elements
@@ -33482,20 +33579,20 @@ var DivaSetHandler = /*#__PURE__*/function () {
               i = 0;
             case 44:
               if (!(i < resultPlannerUpdate.elementIdToCopy.length)) {
-                _context29.next = 52;
+                _context30.next = 52;
                 break;
               }
-              _context29.next = 47;
+              _context30.next = 47;
               return this.copyArticleByElementId(set, resultPlannerUpdate.elementIdToCopy[i], resultPlannerUpdate.ignoreOptionsToCopy);
             case 47:
-              newArticle = _context29.sent;
+              newArticle = _context30.sent;
               articleCopyRelation.set(resultPlannerUpdate.elementIdToCopy[i], newArticle.basketId);
             case 49:
               i++;
-              _context29.next = 44;
+              _context30.next = 44;
               break;
             case 52:
-              _context29.next = 54;
+              _context30.next = 54;
               return set.plannerHandler.copyPlannerElements(set.getSetId(), articleCopyRelation, {
                 dpType: resultPlannerUpdate.copyDPType ? resultPlannerUpdate.copyDPType : 'NO',
                 copyType: resultPlannerUpdate.copyType,
@@ -33508,18 +33605,18 @@ var DivaSetHandler = /*#__PURE__*/function () {
               if (from == 'FromViewClick' && (_Object$keys = Object.keys(myValues)) !== null && _Object$keys !== void 0 && _Object$keys.length) {
                 this.confirmOptionsInMetric(set, [Object.keys(myValues)[0]]);
               }
-              return _context29.abrupt("return", {
+              return _context30.abrupt("return", {
                 articleCountChanged: elementsToDeleteById.length > 0,
                 elementIdsToUpdateSelection: (_resultPlannerUpdate = resultPlannerUpdate) === null || _resultPlannerUpdate === void 0 ? void 0 : _resultPlannerUpdate.elementIdsToUpdateSelection,
                 setId: set.getSetId()
               });
             case 57:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
-      function updateArticlesOptionStatesOfActSet(_x99, _x100, _x101, _x102, _x103, _x104) {
+      function updateArticlesOptionStatesOfActSet(_x103, _x104, _x105, _x106, _x107, _x108) {
         return _updateArticlesOptionStatesOfActSet.apply(this, arguments);
       }
       return updateArticlesOptionStatesOfActSet;
@@ -33573,32 +33670,32 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "updateEdoArticles",
     value: function () {
-      var _updateEdoArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(set, edoArticlesToLoad) {
+      var _updateEdoArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(set, edoArticlesToLoad) {
         var oldBasketIds, i, article, newArticles, _i7, _i8;
-        return _regeneratorRuntime.wrap(function _callee28$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime.wrap(function _callee29$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
               if (!(set.edoExtraArticles.length > 0 || edoArticlesToLoad.length > 0)) {
-                _context30.next = 22;
+                _context31.next = 22;
                 break;
               }
               oldBasketIds = _toConsumableArray(set.edoExtraArticles);
               i = 0;
             case 3:
               if (!(i < set.edoExtraArticles.length)) {
-                _context30.next = 11;
+                _context31.next = 11;
                 break;
               }
               article = set.getArticleByBasketId(set.edoExtraArticles[i]);
               if (!article) {
-                _context30.next = 8;
+                _context31.next = 8;
                 break;
               }
-              _context30.next = 8;
+              _context31.next = 8;
               return this.deleteElementFromSet(set, article);
             case 8:
               i++;
-              _context30.next = 3;
+              _context31.next = 3;
               break;
             case 11:
               set.edoExtraArticles = [];
@@ -33606,18 +33703,18 @@ var DivaSetHandler = /*#__PURE__*/function () {
               _i7 = 0;
             case 14:
               if (!(_i7 < edoArticlesToLoad.length)) {
-                _context30.next = 21;
+                _context31.next = 21;
                 break;
               }
-              _context30.next = 17;
+              _context31.next = 17;
               return this.addArticleToActSet(set, edoArticlesToLoad[_i7].ArticleCodex, _objectSpread$9(_objectSpread$9({}, edoArticlesToLoad[_i7]), {}, {
                 basketId: oldBasketIds[_i7]
               }), true);
             case 17:
-              newArticles[_i7] = _context30.sent;
+              newArticles[_i7] = _context31.sent;
             case 18:
               _i7++;
-              _context30.next = 14;
+              _context31.next = 14;
               break;
             case 21:
               for (_i8 = 0; _i8 < newArticles.length; _i8++) {
@@ -33625,11 +33722,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
             case 22:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
-      function updateEdoArticles(_x105, _x106) {
+      function updateEdoArticles(_x109, _x110) {
         return _updateEdoArticles.apply(this, arguments);
       }
       return updateEdoArticles;
@@ -33795,11 +33892,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "fillOrderLinesAndOrderSets",
     value: function () {
-      var _fillOrderLinesAndOrderSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
+      var _fillOrderLinesAndOrderSets = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(sets, divaBasketHandler, repairOnly, setPlanner, returnTo) {
         var _set$getMatchingProdu2, _set$getMatchingProdu3;
         var orderSets, basketData, set, _set$getMatchingProdu, key, _set$basketConfigVari, _OrderLinesOfActSet$, _set, catalogData, articles, newOrderSet, customDimensions, OrderLinesOfActSet, ret, _key2, i, _basketData$OrderSets, _basketData$SetPlanne, oderSetsIsInActPlanning, setId, j;
-        return _regeneratorRuntime.wrap(function _callee29$(_context31) {
-          while (1) switch (_context31.prev = _context31.next) {
+        return _regeneratorRuntime.wrap(function _callee30$(_context32) {
+          while (1) switch (_context32.prev = _context32.next) {
             case 0:
               orderSets = [];
               basketData = divaBasketHandler.actBasket;
@@ -33811,32 +33908,32 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               basketData.MatchingProductId = set === null || set === void 0 || (_set$getMatchingProdu2 = set.getMatchingProduct()) === null || _set$getMatchingProdu2 === void 0 ? void 0 : _set$getMatchingProdu2._id;
               basketData.MatchingProductRetailerArticleNr = set === null || set === void 0 || (_set$getMatchingProdu3 = set.getMatchingProduct()) === null || _set$getMatchingProdu3 === void 0 || (_set$getMatchingProdu3 = _set$getMatchingProdu3.retailerArticleNr) === null || _set$getMatchingProdu3 === void 0 ? void 0 : _set$getMatchingProdu3.toString();
-              _context31.t0 = _regeneratorRuntime.keys(sets);
+              _context32.t0 = _regeneratorRuntime.keys(sets);
             case 8:
-              if ((_context31.t1 = _context31.t0()).done) {
-                _context31.next = 32;
+              if ((_context32.t1 = _context32.t0()).done) {
+                _context32.next = 32;
                 break;
               }
-              key = _context31.t1.value;
+              key = _context32.t1.value;
               _set = sets[key];
               catalogData = _set.CatalogData;
               articles = _set.getDivaArticles();
-              _context31.next = 15;
+              _context32.next = 15;
               return this.getOrderSet(_set, catalogData, divaBasketHandler.actDivaNr, repairOnly, returnTo);
             case 15:
-              newOrderSet = _context31.sent;
+              newOrderSet = _context32.sent;
               basketData.setIsPlanning(_set.SetType == 'PLANNING' ? '1' : '0');
-              _context31.next = 19;
+              _context32.next = 19;
               return _set.getCustomDimensionsOfActSet();
             case 19:
-              customDimensions = _context31.sent;
+              customDimensions = _context32.sent;
               OrderLinesOfActSet = articleHandlerInstance.getOrderLinesOfArticles(articles, customDimensions, repairOnly, !!((_set$basketConfigVari = _set.basketConfigVariants) !== null && _set$basketConfigVari !== void 0 && _set$basketConfigVari.length));
               articleHandlerInstance.checkForRoundingError(OrderLinesOfActSet, _set);
               if (OrderLinesOfActSet.length) {
-                _context31.next = 24;
+                _context32.next = 24;
                 break;
               }
-              return _context31.abrupt("continue", 8);
+              return _context32.abrupt("continue", 8);
             case 24:
               OrderLinesOfActSet = divaBasketHandler.divaWWSHandler.repairWWSFlags(articles, OrderLinesOfActSet);
               if (newOrderSet.SetImage == '' && (_OrderLinesOfActSet$ = OrderLinesOfActSet[0]) !== null && _OrderLinesOfActSet$ !== void 0 && _OrderLinesOfActSet$.Image && _set.PlannerMode == 'No') {
@@ -33858,7 +33955,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               newOrderSet.setOrderLines(OrderLinesOfActSet);
               orderSets.push(newOrderSet);
-              _context31.next = 8;
+              _context32.next = 8;
               break;
             case 32:
               //fill diva3DProject for renderings & AR Converter
@@ -33866,7 +33963,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               i = 0;
             case 34:
               if (!(i < ((_basketData$OrderSets = basketData.OrderSets) === null || _basketData$OrderSets === void 0 ? void 0 : _basketData$OrderSets.length))) {
-                _context31.next = 49;
+                _context32.next = 49;
                 break;
               }
               oderSetsIsInActPlanning = false;
@@ -33874,18 +33971,18 @@ var DivaSetHandler = /*#__PURE__*/function () {
               j = 0;
             case 38:
               if (!(j < orderSets.length)) {
-                _context31.next = 45;
+                _context32.next = 45;
                 break;
               }
               if (!(orderSets[j].SetID == setId)) {
-                _context31.next = 42;
+                _context32.next = 42;
                 break;
               }
               oderSetsIsInActPlanning = true;
-              return _context31.abrupt("break", 45);
+              return _context32.abrupt("break", 45);
             case 42:
               j++;
-              _context31.next = 38;
+              _context32.next = 38;
               break;
             case 45:
               if (!oderSetsIsInActPlanning && !((_basketData$SetPlanne = basketData.SetPlannerInfos) !== null && _basketData$SetPlanne !== void 0 && _basketData$SetPlanne.InvolvedSetIds.includes(setId))) {
@@ -33893,7 +33990,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
             case 46:
               i++;
-              _context31.next = 34;
+              _context32.next = 34;
               break;
             case 49:
               basketData.SetPlannerInfos = setPlanner ? this.getSetPlannerInfos(Object.keys(sets), orderSets) : undefined;
@@ -33902,14 +33999,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
               } else {
                 basketData.setOrderSets(orderSets);
               }
-              return _context31.abrupt("return", basketData);
+              return _context32.abrupt("return", basketData);
             case 52:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
-      function fillOrderLinesAndOrderSets(_x107, _x108, _x109, _x110, _x111) {
+      function fillOrderLinesAndOrderSets(_x111, _x112, _x113, _x114, _x115) {
         return _fillOrderLinesAndOrderSets.apply(this, arguments);
       }
       return fillOrderLinesAndOrderSets;
@@ -33993,11 +34090,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getOrderSet",
     value: function () {
-      var _getOrderSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(set, catalogData, divaNr, repairOnly, returnTo) {
+      var _getOrderSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(set, catalogData, divaNr, repairOnly, returnTo) {
         var _Object$values$, _set$getDivaArticles, _hqRenderScript, _set$basketConfigVari2, _set$basketConfigVari3;
         var dontGenerateImages, orderSet, GroupType, plannerData, setImage, urlToPlanning2D, alternateSetImages, hqRenderScript, dimensions, promise3D, promise2D, promise3DAlternate, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, promiseHQRenderScript, _yield$Promise$all3, _yield$Promise$all4, plannerWarnings, bruttoPrice;
-        return _regeneratorRuntime.wrap(function _callee30$(_context32) {
-          while (1) switch (_context32.prev = _context32.next) {
+        return _regeneratorRuntime.wrap(function _callee31$(_context33) {
+          while (1) switch (_context33.prev = _context33.next) {
             case 0:
               dontGenerateImages = repairOnly || returnTo == 'DONT_SAVE_BASKET' || returnTo == 'TEST_CONFIGURATORLOGIC';
               DivaUtils.startSpanOfApm('GetSet3D und 2D Image');
@@ -34009,7 +34106,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               hqRenderScript = undefined;
               dimensions = {};
               if (dontGenerateImages) {
-                _context32.next = 28;
+                _context33.next = 28;
                 break;
               }
               promise3D = this.getSetImage(set, typeof window === 'undefined');
@@ -34017,10 +34114,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
               if (!catalogData.dontSaveAlternativeRenderings && set.CatalogData.alternateRenderingsForSummary.length) {
                 promise3DAlternate = this.getAlternateSetImages(set);
               }
-              _context32.next = 15;
+              _context33.next = 15;
               return Promise.all([promise3D, promise2D, promise3DAlternate]);
             case 15:
-              _yield$Promise$all = _context32.sent;
+              _yield$Promise$all = _context33.sent;
               _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
               _yield$Promise$all2$ = _yield$Promise$all2[0];
               setImage = _yield$Promise$all2$.url;
@@ -34028,10 +34125,10 @@ var DivaSetHandler = /*#__PURE__*/function () {
               urlToPlanning2D = _yield$Promise$all2[1];
               alternateSetImages = _yield$Promise$all2[2];
               promiseHQRenderScript = this.getHQRenderScript(set, divaNr);
-              _context32.next = 25;
+              _context33.next = 25;
               return Promise.all([promiseHQRenderScript]);
             case 25:
-              _yield$Promise$all3 = _context32.sent;
+              _yield$Promise$all3 = _context33.sent;
               _yield$Promise$all4 = _slicedToArray(_yield$Promise$all3, 1);
               hqRenderScript = _yield$Promise$all4[0];
             case 28:
@@ -34093,14 +34190,14 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 MetaData: !((_set$basketConfigVari2 = set.basketConfigVariants) !== null && _set$basketConfigVari2 !== void 0 && _set$basketConfigVari2.length) ? set.MetaData : undefined,
                 MetaData_locales: !((_set$basketConfigVari3 = set.basketConfigVariants) !== null && _set$basketConfigVari3 !== void 0 && _set$basketConfigVari3.length) ? set.MetaData_locales : undefined
               });
-              return _context32.abrupt("return", orderSet);
+              return _context33.abrupt("return", orderSet);
             case 34:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
-      function getOrderSet(_x112, _x113, _x114, _x115, _x116) {
+      function getOrderSet(_x116, _x117, _x118, _x119, _x120) {
         return _getOrderSet.apply(this, arguments);
       }
       return getOrderSet;
@@ -34113,31 +34210,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getSetImage",
     value: (function () {
-      var _getSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(set, overwriteLastSavedRendering) {
+      var _getSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(set, overwriteLastSavedRendering) {
         var is3D, _yield$set$plannerHan, dimensions, url;
-        return _regeneratorRuntime.wrap(function _callee31$(_context33) {
-          while (1) switch (_context33.prev = _context33.next) {
+        return _regeneratorRuntime.wrap(function _callee32$(_context34) {
+          while (1) switch (_context34.prev = _context34.next) {
             case 0:
               is3D = ['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (!is3D) {
-                _context33.next = 10;
+                _context34.next = 10;
                 break;
               }
-              _context33.next = 4;
+              _context34.next = 4;
               return set.plannerHandler.saveSetImage(overwriteLastSavedRendering);
             case 4:
-              _context33.next = 6;
+              _context34.next = 6;
               return set.plannerHandler.getSetImageAsUrl(set.getSetId());
             case 6:
-              _yield$set$plannerHan = _context33.sent;
+              _yield$set$plannerHan = _context34.sent;
               dimensions = _yield$set$plannerHan.dimensions;
               url = _yield$set$plannerHan.url;
-              return _context33.abrupt("return", {
+              return _context34.abrupt("return", {
                 dimensions: dimensions,
                 url: url
               });
             case 10:
-              return _context33.abrupt("return", {
+              return _context34.abrupt("return", {
                 dimensions: {
                   w: undefined,
                   h: undefined,
@@ -34146,11 +34243,11 @@ var DivaSetHandler = /*#__PURE__*/function () {
               });
             case 11:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee31);
+        }, _callee32);
       }));
-      function getSetImage(_x117, _x118) {
+      function getSetImage(_x121, _x122) {
         return _getSetImage.apply(this, arguments);
       }
       return getSetImage;
@@ -34158,45 +34255,45 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getHQRenderScript",
     value: function () {
-      var _getHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(set, divaNr) {
+      var _getHQRenderScript = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(set, divaNr) {
         var is3D, hqRenderScript, createdHQRenderScript;
-        return _regeneratorRuntime.wrap(function _callee32$(_context34) {
-          while (1) switch (_context34.prev = _context34.next) {
+        return _regeneratorRuntime.wrap(function _callee33$(_context35) {
+          while (1) switch (_context35.prev = _context35.next) {
             case 0:
               //if not 3d
               is3D = ['3DImage', '3DCOMB', 'BoxPlanner', 'RTViewer'].includes(set.getPlannerMode());
               if (is3D) {
-                _context34.next = 3;
+                _context35.next = 3;
                 break;
               }
-              return _context34.abrupt("return");
+              return _context35.abrupt("return");
             case 3:
-              _context34.next = 5;
+              _context35.next = 5;
               return set.plannerHandler.saveSetHQRenderScript();
             case 5:
               hqRenderScript = set.plannerHandler.getSetHQRenderScript();
               if (hqRenderScript) {
-                _context34.next = 8;
+                _context35.next = 8;
                 break;
               }
-              return _context34.abrupt("return");
+              return _context35.abrupt("return");
             case 8:
-              _context34.next = 10;
+              _context35.next = 10;
               return set.api.postHQRenderScript({
                 divaNr: divaNr,
                 hqRenderscript: hqRenderScript,
                 organization: set.api.OrganizationId
               });
             case 10:
-              createdHQRenderScript = _context34.sent;
-              return _context34.abrupt("return", createdHQRenderScript);
+              createdHQRenderScript = _context35.sent;
+              return _context35.abrupt("return", createdHQRenderScript);
             case 12:
             case "end":
-              return _context34.stop();
+              return _context35.stop();
           }
-        }, _callee32);
+        }, _callee33);
       }));
-      function getHQRenderScript(_x119, _x120) {
+      function getHQRenderScript(_x123, _x124) {
         return _getHQRenderScript.apply(this, arguments);
       }
       return getHQRenderScript;
@@ -34210,34 +34307,34 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "getAlternateSetImages",
     value: (function () {
-      var _getAlternateSetImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(set) {
+      var _getAlternateSetImages = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(set) {
         var is2D, catalogData, setImages;
-        return _regeneratorRuntime.wrap(function _callee33$(_context35) {
-          while (1) switch (_context35.prev = _context35.next) {
+        return _regeneratorRuntime.wrap(function _callee34$(_context36) {
+          while (1) switch (_context36.prev = _context36.next) {
             case 0:
               is2D = !['3DImage', '3DCOMB', 'BoxPlanner'].includes(set.getPlannerMode());
               if (!(is2D || set.onlyRunLogic)) {
-                _context35.next = 3;
+                _context36.next = 3;
                 break;
               }
-              return _context35.abrupt("return", []);
+              return _context36.abrupt("return", []);
             case 3:
               catalogData = set.CatalogData;
-              _context35.next = 6;
+              _context36.next = 6;
               return set.plannerHandler.saveAlternateSetImages(catalogData.catalogCodex, catalogData.catalogGuid);
             case 6:
-              _context35.next = 8;
+              _context36.next = 8;
               return set.plannerHandler.getAlternateSetImagesAsSetImageData(set.getSetId());
             case 8:
-              setImages = _context35.sent;
-              return _context35.abrupt("return", setImages);
+              setImages = _context36.sent;
+              return _context36.abrupt("return", setImages);
             case 10:
             case "end":
-              return _context35.stop();
+              return _context36.stop();
           }
-        }, _callee33);
+        }, _callee34);
       }));
-      function getAlternateSetImages(_x121) {
+      function getAlternateSetImages(_x125) {
         return _getAlternateSetImages.apply(this, arguments);
       }
       return getAlternateSetImages;
@@ -34245,30 +34342,30 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "get2DSetImage",
     value: function () {
-      var _get2DSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(set) {
+      var _get2DSetImage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set) {
         var urlToPlanning2D, catalogData, planning2DAsJPGBase64;
-        return _regeneratorRuntime.wrap(function _callee34$(_context36) {
-          while (1) switch (_context36.prev = _context36.next) {
+        return _regeneratorRuntime.wrap(function _callee35$(_context37) {
+          while (1) switch (_context37.prev = _context37.next) {
             case 0:
               urlToPlanning2D = undefined, catalogData = set.CatalogData;
               planning2DAsJPGBase64 = set.getPlanning2DAsJpg();
               if (!(planning2DAsJPGBase64 != undefined && planning2DAsJPGBase64 != '' && planning2DAsJPGBase64 != 'data:,')) {
-                _context36.next = 6;
+                _context37.next = 6;
                 break;
               }
-              _context36.next = 5;
+              _context37.next = 5;
               return set.plannerHandler.saveSet2DImage(set.getSetId(), catalogData.catalogCodex, catalogData.catalogGuid, planning2DAsJPGBase64);
             case 5:
-              urlToPlanning2D = _context36.sent;
+              urlToPlanning2D = _context37.sent;
             case 6:
-              return _context36.abrupt("return", urlToPlanning2D);
+              return _context37.abrupt("return", urlToPlanning2D);
             case 7:
             case "end":
-              return _context36.stop();
+              return _context37.stop();
           }
-        }, _callee34);
+        }, _callee35);
       }));
-      function get2DSetImage(_x122) {
+      function get2DSetImage(_x126) {
         return _get2DSetImage.apply(this, arguments);
       }
       return get2DSetImage;
@@ -34308,25 +34405,25 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "addOrderSetArticlesToExistingSet",
     value: function () {
-      var _addOrderSetArticlesToExistingSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee35(set, orderSet, lastSetToInitialize) {
-        return _regeneratorRuntime.wrap(function _callee35$(_context37) {
-          while (1) switch (_context37.prev = _context37.next) {
+      var _addOrderSetArticlesToExistingSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee36(set, orderSet, lastSetToInitialize) {
+        return _regeneratorRuntime.wrap(function _callee36$(_context38) {
+          while (1) switch (_context38.prev = _context38.next) {
             case 0:
               //TODO: GLOBAL STUFF
               //this.updateActSet(set);
               orderSet.changeBasketIds();
-              _context37.next = 3;
+              _context38.next = 3;
               return this.initOrderLineArticles(set, orderSet);
             case 3:
-              _context37.next = 5;
+              _context38.next = 5;
               return set.plannerHandler.extendSet(set, orderSet.SetPlanData, lastSetToInitialize);
             case 5:
             case "end":
-              return _context37.stop();
+              return _context38.stop();
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
-      function addOrderSetArticlesToExistingSet(_x123, _x124, _x125) {
+      function addOrderSetArticlesToExistingSet(_x127, _x128, _x129) {
         return _addOrderSetArticlesToExistingSet.apply(this, arguments);
       }
       return addOrderSetArticlesToExistingSet;
@@ -35377,7 +35474,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-17c1ca79.js');
+              return import('./PfisterWWSHandler-4df9c8d9.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35385,7 +35482,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-3b40fb8b.js');
+              return import('./LiviqueWWSHandler-0f489736.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35393,7 +35490,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-600cc933.js');
+              return import('./SeriousBasketHandler-28fe2ec4.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35401,7 +35498,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-bb1dee15.js');
+              return import('./StandardWWSHandler-550b61ff.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -36844,7 +36941,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-d2089f28.js');
+              return import('./Host3DSignalR-edf72b8d.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -38409,7 +38506,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-a9fa32ef.js');
+              return import('./DivaStandardPlanner-f0775cae.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38420,7 +38517,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-b34e6090.js');
+              return import('./DivaBoxPlanner-1bbf6c94.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -39414,6 +39511,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _classCallCheck(this, DivaWebPlanner);
     _defineProperty(this, "divaBasketHandler", void 0);
     _defineProperty(this, "openLeafeltBarrier", void 0);
+    _defineProperty(this, "openContactForm", void 0);
     _defineProperty(this, "onClickAddToBasket", void 0);
     //Öffentliche Funktionen für die View
     _defineProperty(this, "initPlannerView", void 0);
@@ -39806,32 +39904,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         return _ref5.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "moveShelfItem", function (paletteId, grid, initialIndex, finalIndex, configStepKey) {
-      var _this$updateViewPlann4;
-      var set = _this.actSet();
-      var result = setHandlerInstance.moveShelfItem(set, grid, initialIndex, finalIndex);
-      if (result == 'RESETTED_CELLS') {
-        var _this$updatePlannerMs, _this$i18n3;
-        (_this$updatePlannerMs = _this.updatePlannerMsgContainer) === null || _this$updatePlannerMs === void 0 || _this$updatePlannerMs.call(_this, 'COULD_NOT_MOVE_SHELVES', true, 'INFO', (_this$i18n3 = _this.i18n()) === null || _this$i18n3 === void 0 ? void 0 : _this$i18n3.t('configurator.move_resetted'), true);
-      }
-      _this.updateConfigStructure();
-      _this.loadShelfPlannerItems(paletteId, configStepKey, 'move sheld');
-      (_this$updateViewPlann4 = _this.updateViewPlannerElements) === null || _this$updateViewPlann4 === void 0 || _this$updateViewPlann4.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
-      _this.updatePlannerView('MOVE_SHELF_ITEM');
-    });
+    _defineProperty(this, "moveShelfItem", /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, grid, initialIndex, finalIndex, configStepKey) {
+        var _this$updateViewPlann4;
+        var set, result, _this$updatePlannerMs, _this$i18n3;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              set = _this.actSet();
+              _context6.next = 3;
+              return setHandlerInstance.moveShelfItem(set, grid, initialIndex, finalIndex);
+            case 3:
+              result = _context6.sent;
+              if (result == 'RESETTED_CELLS') {
+                (_this$updatePlannerMs = _this.updatePlannerMsgContainer) === null || _this$updatePlannerMs === void 0 || _this$updatePlannerMs.call(_this, 'COULD_NOT_MOVE_SHELVES', true, 'INFO', (_this$i18n3 = _this.i18n()) === null || _this$i18n3 === void 0 ? void 0 : _this$i18n3.t('configurator.move_resetted'), true);
+              }
+              _this.updateConfigStructure();
+              _this.loadShelfPlannerItems(paletteId, configStepKey, 'move sheld');
+              (_this$updateViewPlann4 = _this.updateViewPlannerElements) === null || _this$updateViewPlann4 === void 0 || _this$updateViewPlann4.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
+              _this.updatePlannerView('MOVE_SHELF_ITEM');
+            case 9:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      return function (_x18, _x19, _x20, _x21, _x22) {
+        return _ref6.apply(this, arguments);
+      };
+    }());
     _defineProperty(this, "moveDoors", function (movedDoor, targetDoor) {
       setHandlerInstance.moveDoors(_this.actSet(), movedDoor, targetDoor);
       _this.updatePlannerView('MOVE_DOORS');
     });
     _defineProperty(this, "deleteAccessorieOnShelfPlanner", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
+      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(paletteId, gridIndex, cellIndex, parentBasketId, configStepKey) {
         var _this$updateViewPlann5;
         var set;
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               set = _this.actSet();
-              _context6.next = 3;
+              _context7.next = 3;
               return setHandlerInstance.deleteAccessorieOnShelfPlanner(set, gridIndex, cellIndex, parentBasketId);
             case 3:
               _this.updateConfigStructure();
@@ -39844,12 +39958,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.plannerChangeLog('onDeletePlanner');
             case 11:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6);
+        }, _callee7);
       }));
-      return function (_x18, _x19, _x20, _x21, _x22) {
-        return _ref6.apply(this, arguments);
+      return function (_x23, _x24, _x25, _x26, _x27) {
+        return _ref7.apply(this, arguments);
       };
     }());
     /**
@@ -39860,12 +39974,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param transState
      */
     _defineProperty(this, "updatePlannerTrans", /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
+      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(setId, plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance) {
         var _this$updateElementSe3;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              _context7.next = 2;
+              _context8.next = 2;
               return setHandlerInstance.updatePlannerTrans(_this.actSet(), plannerElementID, deltaMove, deltaAngleDeg, rotCorrection, transState, autoDockingDistance);
             case 2:
               if (transState == 'END') {
@@ -39874,12 +39988,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
             case 3:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
-        }, _callee7);
+        }, _callee8);
       }));
-      return function (_x23, _x24, _x25, _x26, _x27, _x28, _x29) {
-        return _ref7.apply(this, arguments);
+      return function (_x28, _x29, _x30, _x31, _x32, _x33, _x34) {
+        return _ref8.apply(this, arguments);
       };
     }());
     /**
@@ -39898,18 +40012,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
     });
     _defineProperty(this, "updateAccessoireQuantity", /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
+      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle) {
         var _this$actions11, _this$actions11$toggl, _this$actions12, _this$actions12$toggl;
         var set, ret;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
               set = _this.actSet();
               (_this$actions11 = _this.actions) === null || _this$actions11 === void 0 || (_this$actions11$toggl = _this$actions11.toggleLoading) === null || _this$actions11$toggl === void 0 || _this$actions11$toggl.call(_this$actions11, 'LoadingArticles_' + accessoireItem.articleCodex, false, true);
-              _context8.next = 4;
+              _context9.next = 4;
               return setHandlerInstance.updateAccessoireQuantity(set, accessoireItem, relatedToBasketId, newQuantity, forceConfigSingle);
             case 4:
-              ret = _context8.sent;
+              ret = _context9.sent;
               (_this$actions12 = _this.actions) === null || _this$actions12 === void 0 || (_this$actions12$toggl = _this$actions12.toggleLoading) === null || _this$actions12$toggl === void 0 || _this$actions12$toggl.call(_this$actions12, 'LoadingArticles_' + accessoireItem.articleCodex, false, false);
               if (ret.somethingChanged) _this.updateConfigStructure();
               _this.updatePlannerView('UPDATE_ACC_QUANTITY');
@@ -39919,25 +40033,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.plannerChangeLog('onUpdateAccessoireQuantity');
             case 12:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
-        }, _callee8);
+        }, _callee9);
       }));
-      return function (_x30, _x31, _x32, _x33) {
-        return _ref8.apply(this, arguments);
+      return function (_x35, _x36, _x37, _x38) {
+        return _ref9.apply(this, arguments);
       };
     }());
     _defineProperty(this, "deleteAccessoire", /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(articleCodex, parentBasketId) {
+      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(articleCodex, parentBasketId) {
         var set, wasDeleted, _this$updateViewPlann6;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
               set = _this.actSet();
-              _context9.next = 3;
+              _context10.next = 3;
               return setHandlerInstance.deleteAccessoire(set, articleCodex, parentBasketId);
             case 3:
-              wasDeleted = _context9.sent;
+              wasDeleted = _context10.sent;
               if (wasDeleted) {
                 _this.updateConfigStructure();
                 (_this$updateViewPlann6 = _this.updateViewPlannerElements) === null || _this$updateViewPlann6 === void 0 || _this$updateViewPlann6.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
@@ -39947,15 +40061,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               _this.checkMatchingProducts('onAccessoireDelete');
               _this.plannerChangeLog('onDeletePlanner');
-              return _context9.abrupt("return", wasDeleted);
+              return _context10.abrupt("return", wasDeleted);
             case 8:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9);
+        }, _callee10);
       }));
-      return function (_x34, _x35) {
-        return _ref9.apply(this, arguments);
+      return function (_x39, _x40) {
+        return _ref10.apply(this, arguments);
       };
     }());
     _defineProperty(this, "loadPaletteInfos", function (configStepKey, activeArticles, targetArticles) {
@@ -39978,13 +40092,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      * @param configStepKey act ConfigStep
      */
     _defineProperty(this, "configSingleIsChanged", /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee10(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
+      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(doConfigSingle, configStepKey, groupedOptions, groupedArticles, optionCodex, tabGroupKey) {
         var set;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               set = _this.actSet();
-              _context10.next = 3;
+              _context11.next = 3;
               return setHandlerInstance.configSingleIsChanged(set, doConfigSingle, groupedOptions, groupedArticles);
             case 3:
               _this.updatePriceInView();
@@ -39994,15 +40108,15 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 configStepKey = setHandlerInstance.getNewConfigStepKeyInOption(set, configStepKey, optionCodex, tabGroupKey);
                 _this.updatePlannerView('CONFIG_SINGLE_IS_CHANGED');
               }
-              return _context10.abrupt("return", configStepKey);
+              return _context11.abrupt("return", configStepKey);
             case 7:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
-      return function (_x36, _x37, _x38, _x39, _x40, _x41) {
-        return _ref10.apply(this, arguments);
+      return function (_x41, _x42, _x43, _x44, _x45, _x46) {
+        return _ref11.apply(this, arguments);
       };
     }());
     /**
@@ -40016,23 +40130,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
      */
     //onConfigItemClick ist ein Click auf das Item der ConfigPalette um die OPV zu ändern
     _defineProperty(this, "doConfigure", /*#__PURE__*/function () {
-      var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee11(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
+      var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(myValues, targetArticles, dontUpdatePlannerView, dontCallEvents) {
         var _this$actions13, _this$actions13$toggl, _this$actions14, _this$actions14$toggl;
-        var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4, info;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        var set, returnValues, structure, _returnValues$element, _this$updateViewPlann8, _this$updateElementSe4;
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               set = _this.actSet();
               (_this$actions13 = _this.actions) === null || _this$actions13 === void 0 || (_this$actions13$toggl = _this$actions13.toggleLoading) === null || _this$actions13$toggl === void 0 || _this$actions13$toggl.call(_this$actions13, 'doConfigure', false, true);
-              _context11.next = 4;
+              _context12.next = 4;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, myValues, targetArticles, undefined, 'FromViewClick');
             case 4:
-              returnValues = _context11.sent;
+              returnValues = _context12.sent;
               (_this$actions14 = _this.actions) === null || _this$actions14 === void 0 || (_this$actions14$toggl = _this$actions14.toggleLoading) === null || _this$actions14$toggl === void 0 || _this$actions14$toggl.call(_this$actions14, 'doConfigure', false, false);
               structure = setHandlerInstance.loadConfigStructureOfActSet(set, _this.getCurPlannerType());
               _this.checkMatchingProducts('onConfig');
               if (dontUpdatePlannerView) {
-                _context11.next = 18;
+                _context12.next = 18;
                 break;
               }
               _this.updateConfiguratorStructure(structure);
@@ -40046,81 +40160,79 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _this.updateViewButtonsDependigOnConfigStructure();
               _this.updatePlannerView('DO_CONFIGURE', myValues);
               _this.updateWebConfiguratorTitle();
-              _context11.next = 18;
+              _context12.next = 18;
               return _this.getFreePlacesOnGrids(undefined, 'doConfigure');
             case 18:
               if (dontCallEvents) {
-                _context11.next = 21;
+                _context12.next = 21;
                 break;
               }
-              _context11.next = 21;
+              _context12.next = 21;
               return _this.fillBaksetforOnWebPlanerConfigChange(myValues);
             case 21:
               _this.configuratorChangeLog('onConfiguratorStep', myValues);
-              info = setHandlerInstance.getPlannerInteractionInformation(set);
-              if (info) LOG$1.debug(info.boxPlannerInteractionInformationPerElement.keys.length.toString());
-            case 24:
+            case 22:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
-      return function (_x42, _x43, _x44, _x45) {
-        return _ref11.apply(this, arguments);
+      return function (_x47, _x48, _x49, _x50) {
+        return _ref12.apply(this, arguments);
       };
     }());
     _defineProperty(this, "fillBaksetforOnWebPlanerConfigChange", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee12(myValues, isInit) {
+      var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13(myValues, isInit) {
         var _myValues;
         var set, articles, article;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               if (_this.eventIsManagedByClient('onWebPlanerConfigChange')) {
-                _context12.next = 2;
+                _context13.next = 2;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 2:
               set = _this.actSet();
               if (set) {
-                _context12.next = 5;
+                _context13.next = 5;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 5:
               if (myValues) {
-                _context12.next = 11;
+                _context13.next = 11;
                 break;
               }
               //get first option of the first article
               articles = set.getDivaArticles();
               article = articles[Object.keys(articles)[0]];
               if (article) {
-                _context12.next = 10;
+                _context13.next = 10;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 10:
               myValues = article === null || article === void 0 ? void 0 : article.VariantValuesWithoutFreetext;
             case 11:
-              _context12.t0 = _this.divaBasketHandler;
-              _context12.t1 = set;
-              _context12.next = 15;
+              _context13.t0 = _this.divaBasketHandler;
+              _context13.t1 = set;
+              _context13.next = 15;
               return setHandlerInstance.fillOrderLinesAndOrderSets(_this.sets, _this.divaBasketHandler, true, _this.doAllowSetPlanner(), _this.ReturnTo);
             case 15:
-              _context12.t2 = _context12.sent;
-              _context12.t3 = Object.keys((_myValues = myValues) !== null && _myValues !== void 0 ? _myValues : {});
-              _context12.t4 = isInit;
-              return _context12.abrupt("return", _context12.t0.fillBaksetforOnWebPlanerConfigChange.call(_context12.t0, _context12.t1, _context12.t2, _context12.t3, _context12.t4));
+              _context13.t2 = _context13.sent;
+              _context13.t3 = Object.keys((_myValues = myValues) !== null && _myValues !== void 0 ? _myValues : {});
+              _context13.t4 = isInit;
+              return _context13.abrupt("return", _context13.t0.fillBaksetforOnWebPlanerConfigChange.call(_context13.t0, _context13.t1, _context13.t2, _context13.t3, _context13.t4));
             case 19:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12);
+        }, _callee13);
       }));
-      return function (_x46, _x47) {
-        return _ref12.apply(this, arguments);
+      return function (_x51, _x52) {
+        return _ref13.apply(this, arguments);
       };
     }());
     _defineProperty(this, "getPosNr", function (basketId) {
@@ -40158,10 +40270,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   return _createClass(DivaWebPlanner, [{
     key: "initialize",
     value: function () {
-      var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      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;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
               this.api = new DivaApiHandler(this.plannerConfig, this.handler);
               this.api.setI18n(this.i18n);
@@ -40175,58 +40287,58 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 warningTime: 2000,
                 errorTime: 4000
               });
-              _context13.next = 8;
+              _context14.next = 8;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 8:
               this.plannerHandler = new DivaPlannerHandler(false);
               viewReadyPromise = this.initViewApiDependencies();
-              _context13.next = 12;
+              _context14.next = 12;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 12:
-              loadSuccessful = _context13.sent;
+              loadSuccessful = _context14.sent;
               if (this.plannerConfig.configuratorSessionId === undefined && (!this.divaBasketHandler.hasConfiguratorSessionIdGetter || DivaUtils.businessMetrics.getConfiguratorSessionId() === undefined)) {
                 DivaUtils.businessMetrics.setConfiguratorSessionId();
               }
               if (!loadSuccessful) {
-                _context13.next = 56;
+                _context14.next = 56;
                 break;
               }
               if (!(typeof loadSuccessful != 'boolean')) {
-                _context13.next = 24;
+                _context14.next = 24;
                 break;
               }
               if (!(loadSuccessful.type == 'ProductList')) {
-                _context13.next = 24;
+                _context14.next = 24;
                 break;
               }
-              _context13.next = 19;
+              _context14.next = 19;
               return viewReadyPromise;
             case 19:
-              _context13.next = 21;
+              _context14.next = 21;
               return this.initView();
             case 21:
               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 _context13.abrupt("return", true);
+              return _context14.abrupt("return", true);
             case 24:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet();
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context13.next = 29;
+              _context14.next = 29;
               return setHandlerInstance.initSetsByOrderSet(this.divaBasketHandler.getOrderSetsByDivaNr(this.divaNr), initSetState);
             case 29:
               set = this.actSet();
               oldProductId = this.divaBasketHandler.actBasket.MatchingProductId || this.divaBasketHandler.actBasket.OrigProductId;
               if (!(oldProductId && set && set !== null && set !== void 0 && set.api.doCheckForProductsPrice())) {
-                _context13.next = 38;
+                _context14.next = 38;
                 break;
               }
-              _context13.next = 34;
+              _context14.next = 34;
               return this.divaBasketHandler.getProduct(this.api, oldProductId);
             case 34:
-              result = _context13.sent;
+              result = _context14.sent;
               if (result) productHandlerInstance.handleFountMatchingProducts(set, [result], set.setHash);
-              _context13.next = 39;
+              _context14.next = 39;
               break;
             case 38:
               if (typeof loadSuccessful != 'boolean' && set !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -40235,10 +40347,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
             case 39:
-              _context13.next = 41;
+              _context14.next = 41;
               return viewReadyPromise;
             case 41:
-              _context13.next = 43;
+              _context14.next = 43;
               return this.initView();
             case 43:
               (_this$actions16 = this.actions) === null || _this$actions16 === void 0 || _this$actions16.onEvent({
@@ -40275,20 +40387,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 initializationType: this.divaBasketHandler.initializationTypeGetter,
                 initializationId: initializationId
               }, false);
-              _context13.next = 53;
+              _context14.next = 53;
               return this.fillBaksetforOnWebPlanerConfigChange(undefined, true);
             case 53:
-              return _context13.abrupt("return", true);
+              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 _context13.abrupt("return", false);
+              return _context14.abrupt("return", false);
             case 59:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
       function initialize() {
         return _initialize.apply(this, arguments);
@@ -40420,23 +40532,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initView",
     value: (function () {
-      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
         var set, plannerMode, _this$initConfigurato, _this$initPlannerView, _this$initConfigurato2, _this$updateViewPlann9;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               set = this.actSet();
               plannerMode = this.getPlannerMode();
               this.initConfiguratorMode(plannerMode);
               if (!(plannerMode == 'ProductList')) {
-                _context14.next = 7;
+                _context15.next = 7;
                 break;
               }
               (_this$initConfigurato = this.initConfiguratorStructure) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
-              _context14.next = 17;
+              _context15.next = 17;
               break;
             case 7:
-              _context14.next = 9;
+              _context15.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
@@ -40450,13 +40562,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.onBasketInitialized();
               this.checkMatchingProducts('onInit');
             case 17:
-              _context14.next = 19;
+              _context15.next = 19;
               return this.runInitMode(plannerMode);
             case 19:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
       function initView() {
         return _initView.apply(this, arguments);
@@ -40477,26 +40589,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "runInitMode",
     value: function () {
-      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee15(plannerMode) {
+      var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(plannerMode) {
         var _this$state3;
         var doDefault, _this$navigateToTabGr2, configStepKey, _this$actSet5, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
-        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:
               doDefault = true;
               if (!(this.plannerConfig.initMode == 'OPEN_LEAFLET_BARRIER' || this.plannerConfig.initMode == 'SHOW_PDF')) {
-                _context15.next = 10;
+                _context16.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
-              _context15.next = 7;
+              _context16.next = 7;
               return this.saveToBasketWrapper();
             case 7:
               doDefault = false;
-              _context15.next = 11;
+              _context16.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) {
@@ -40520,11 +40632,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
             case 12:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
-      function runInitMode(_x48) {
+      function runInitMode(_x53) {
         return _runInitMode.apply(this, arguments);
       }
       return runInitMode;
@@ -40532,16 +40644,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addSetToActPlanningByDivaNr",
     value: function () {
-      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(divaNr) {
+      var _addSetToActPlanningByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(divaNr) {
         var _this$updateViewPlann10;
         var set, orderSets, i, orderset, lastSetToInitialize, loadedSet, articlesKeys;
-        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:
               set = this.actSet();
               this.divaBasketHandler.updateDivaNrInBasket(divaNr);
               this.divaBasketHandler.setIgnoreInitObjectWhenInitializing();
-              _context16.next = 5;
+              _context17.next = 5;
               return this.divaBasketHandler.initializeBasket(this.api);
             case 5:
               orderSets = this.divaBasketHandler.actBasket.OrderSets;
@@ -40549,30 +40661,30 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               i = 0;
             case 8:
               if (!(i < orderSets.length)) {
-                _context16.next = 24;
+                _context17.next = 24;
                 break;
               }
               orderset = orderSets[i];
               lastSetToInitialize = setHandlerInstance.getOrderSetShouldInitPlanner(orderSets, i);
               loadedSet = setHandlerInstance.findLoadedSet(this.sets, orderset.CatalogCodex, orderset.AccountGUID);
               if (!loadedSet) {
-                _context16.next = 18;
+                _context17.next = 18;
                 break;
               }
-              _context16.next = 15;
+              _context17.next = 15;
               return setHandlerInstance.addOrderSetArticlesToExistingSet(loadedSet, orderset, lastSetToInitialize);
             case 15:
               this.checkMatchingProducts('onAdd');
-              _context16.next = 20;
+              _context17.next = 20;
               break;
             case 18:
-              _context16.next = 20;
+              _context17.next = 20;
               return setHandlerInstance.initSet(orderset, this.getInitStateForSet(), lastSetToInitialize);
             case 20:
               this.cleanUpEmptySets(true);
             case 21:
               i++;
-              _context16.next = 8;
+              _context17.next = 8;
               break;
             case 24:
               this.divaBasketHandler.actBasket.OrderSets = [];
@@ -40584,11 +40696,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.loadPaletteInfos(undefined, [articlesKeys[0]], articlesKeys);
             case 31:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function addSetToActPlanningByDivaNr(_x49) {
+      function addSetToActPlanningByDivaNr(_x54) {
         return _addSetToActPlanningByDivaNr.apply(this, arguments);
       }
       return addSetToActPlanningByDivaNr;
@@ -40621,28 +40733,28 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "setActSetCurConfigStepKey",
     value: function () {
-      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(curConfigStepKey) {
+      var _setActSetCurConfigStepKey = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(curConfigStepKey) {
         var set;
-        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();
               if (set) {
-                _context17.next = 3;
+                _context18.next = 3;
                 break;
               }
-              return _context17.abrupt("return");
+              return _context18.abrupt("return");
             case 3:
               set.ActConfigStepKey = curConfigStepKey;
-              _context17.next = 6;
+              _context18.next = 6;
               return setHandlerInstance.updateNavigation(set);
             case 6:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
-      function setActSetCurConfigStepKey(_x50) {
+      function setActSetCurConfigStepKey(_x55) {
         return _setActSetCurConfigStepKey.apply(this, arguments);
       }
       return setActSetCurConfigStepKey;
@@ -40791,17 +40903,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "deletePlannerElement",
     value: function () {
-      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee18(setId, elementId, denyElementSelectionClear) {
+      var _deletePlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(setId, elementId, denyElementSelectionClear) {
         var _this$updateViewPlann11;
         var set, result, _this$updateElementSe5, _this$updateElementSe6;
-        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.sets[setId];
-              _context18.next = 3;
+              _context19.next = 3;
               return setHandlerInstance.deleteElementFromSetByElemId(set, elementId, true);
             case 3:
-              result = _context18.sent;
+              result = _context19.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');
@@ -40812,17 +40924,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               this.updatePriceInView();
               this.checkMatchingProducts('onDelete');
-              _context18.next = 14;
+              _context19.next = 14;
               return this.getFreePlacesOnGrids(undefined, 'deleteElement');
             case 14:
               this.plannerChangeLog('onDeletePlanner');
             case 15:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
-      function deletePlannerElement(_x51, _x52, _x53) {
+      function deletePlannerElement(_x56, _x57, _x58) {
         return _deletePlannerElement.apply(this, arguments);
       }
       return deletePlannerElement;
@@ -40836,17 +40948,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "copyPlannerElement",
     value: (function () {
-      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee19(setId, elementId, curConfigKey, copyInfo) {
+      var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(setId, elementId, curConfigKey, copyInfo) {
         var _this$updateViewPlann12;
         var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
-        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.copyPlannerElement(set, elementId, copyInfo);
             case 3:
-              newSelectedArticle = _context19.sent;
+              newSelectedArticle = _context20.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');
@@ -40860,14 +40972,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 _context19.abrupt("return", newConfigStepKey);
+              return _context20.abrupt("return", newConfigStepKey);
             case 13:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
-      function copyPlannerElement(_x54, _x55, _x56, _x57) {
+      function copyPlannerElement(_x59, _x60, _x61, _x62) {
         return _copyPlannerElement.apply(this, arguments);
       }
       return copyPlannerElement;
@@ -40896,33 +41008,33 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getFreePlacesOnGrids",
     value: function () {
-      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee20(gridGroup, from) {
+      var _getFreePlacesOnGrids = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(gridGroup, from) {
         var _this$updateFreePlace;
         var set, freeShelfGrids, plannedShelfGrids;
-        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.actSet();
               if (set) {
-                _context20.next = 3;
+                _context21.next = 3;
                 break;
               }
               throw new Error('getFreePlacesOnGrids: act set is not defined!');
             case 3:
               if (!gridGroup) {
-                _context20.next = 9;
+                _context21.next = 9;
                 break;
               }
-              _context20.next = 6;
+              _context21.next = 6;
               return setHandlerInstance.getFreeShelfGrids(set, gridGroup);
             case 6:
-              _context20.t0 = _context20.sent;
-              _context20.next = 10;
+              _context21.t0 = _context21.sent;
+              _context21.next = 10;
               break;
             case 9:
-              _context20.t0 = undefined;
+              _context21.t0 = undefined;
             case 10:
-              freeShelfGrids = _context20.t0;
+              freeShelfGrids = _context21.t0;
               plannedShelfGrids = setHandlerInstance.getPlannedShelfGrids(set);
               LOG$1.debug('TOULA', 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
               LOG$1.debug('update free from: ' + from, 'freeShelfGrids', freeShelfGrids, 'plannedShelfGrids', plannedShelfGrids);
@@ -40930,17 +41042,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
-              return _context20.abrupt("return", {
+              return _context21.abrupt("return", {
                 freeShelfGrids: freeShelfGrids,
                 plannedShelfGrids: plannedShelfGrids
               });
             case 16:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
-      function getFreePlacesOnGrids(_x58, _x59) {
+      function getFreePlacesOnGrids(_x63, _x64) {
         return _getFreePlacesOnGrids.apply(this, arguments);
       }
       return getFreePlacesOnGrids;
@@ -40957,36 +41069,36 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "moveShelfItemToGrid",
     value: function () {
-      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(accessoireBasketId, parentBasketId, gridName, cellIndex) {
+      var _moveShelfItemToGrid = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(accessoireBasketId, parentBasketId, gridName, cellIndex) {
         var set, newGridId;
-        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;
               }
-              return _context21.abrupt("return");
+              return _context22.abrupt("return");
             case 3:
-              _context21.next = 5;
+              _context22.next = 5;
               return setHandlerInstance.moveShelfItemToGrid(set, accessoireBasketId, parentBasketId, gridName, cellIndex);
             case 5:
-              newGridId = _context21.sent;
+              newGridId = _context22.sent;
               this.updatePlannerView('MOVE_SHELF_ITEM');
               if (!newGridId) {
-                _context21.next = 10;
+                _context22.next = 10;
                 break;
               }
-              _context21.next = 10;
+              _context22.next = 10;
               return this.getFreePlacesOnGrids(newGridId, 'move shelf');
             case 10:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
-      function moveShelfItemToGrid(_x60, _x61, _x62, _x63) {
+      function moveShelfItemToGrid(_x65, _x66, _x67, _x68) {
         return _moveShelfItemToGrid.apply(this, arguments);
       }
       return moveShelfItemToGrid;
@@ -40994,27 +41106,27 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "resetArticle",
     value: function () {
-      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee22(basketId) {
+      var _resetArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(basketId) {
         var set;
-        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.resetArticle(set, basketId);
             case 5:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
-      function resetArticle(_x64) {
+      function resetArticle(_x69) {
         return _resetArticle.apply(this, arguments);
       }
       return resetArticle;
@@ -41044,10 +41156,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "checkMatchingProducts",
     value: function () {
-      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(from) {
+      var _checkMatchingProducts = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(from) {
         var set, _set$getMatchingProdu, _set$getMatchingOrigP, _set$getMatchingOrigP2, _set$getMatchingProdu2;
-        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 !== null && set !== void 0 && set.api.doCheckForProductsPrice()) {
@@ -41061,20 +41173,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 }
               }
               if (!(set !== null && set !== void 0 && set.api.doCheckForProductsMatch())) {
-                _context23.next = 6;
+                _context24.next = 6;
                 break;
               }
-              _context23.next = 5;
+              _context24.next = 5;
               return productHandlerInstance.updateProducts(this.setsAsArray, this.api, this.divaBasketHandler.divaWWSHandler, from);
             case 5:
               this.updatePriceInView();
             case 6:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
-      function checkMatchingProducts(_x65) {
+      function checkMatchingProducts(_x70) {
         return _checkMatchingProducts.apply(this, arguments);
       }
       return checkMatchingProducts;
@@ -41151,7 +41263,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(event, repairOnly, force) {
+      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(event, repairOnly, force) {
         var _this$actions27,
           _this$actions27$toggl,
           _this$actions28,
@@ -41160,8 +41272,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 _callee24$(_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               returnTo = this.getReturnTo(event);
               finalEvent = {
@@ -41169,50 +41281,50 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 saveBasket: true
               };
               if (!(returnTo == 'OPEN_LEAFLET_BARRIER')) {
-                _context24.next = 21;
+                _context25.next = 21;
                 break;
               }
               product = undefined;
               if (!((_this$api$getBarrierC = this.api.getBarrierConfig()) !== null && _this$api$getBarrierC !== void 0 && _this$api$getBarrierC.affiliate)) {
-                _context24.next = 10;
+                _context25.next = 10;
                 break;
               }
               url = this.api.getCatalogProductUrl(this.actSet().getCatalogCodex());
-              _context24.next = 8;
+              _context25.next = 8;
               return this.api.getDataCache(url, url, undefined, 'catalog');
             case 8:
-              _result = _context24.sent;
+              _result = _context25.sent;
               product = productHandlerInstance.getBestMatch((_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.getDivaArticles(), _result);
             case 10:
-              _context24.next = 12;
+              _context25.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 = _context24.sent;
+              finalEvent = _context25.sent;
               if (finalEvent) {
-                _context24.next = 17;
+                _context25.next = 17;
                 break;
               }
-              return _context24.abrupt("return", 'canceled');
+              return _context25.abrupt("return", 'canceled');
             case 17:
               if (!(!finalEvent.saveBasket && finalEvent.event)) {
-                _context24.next = 20;
+                _context25.next = 20;
                 break;
               }
               (_this$actions26 = this.actions) === null || _this$actions26 === void 0 || _this$actions26.onEvent({
                 type: finalEvent.event
               });
-              return _context24.abrupt("return", 'canceled');
+              return _context25.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);
-              _context24.next = 24;
+              _context25.next = 24;
               return this.saveToBasket(finalEvent.event, repairOnly, force);
             case 24:
-              result = _context24.sent;
+              result = _context25.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')) {
-                _context24.next = 30;
+                _context25.next = 30;
                 break;
               }
               LOG$1.error(new DivaError('failed to save Basket'));
@@ -41220,10 +41332,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 _context24.abrupt("return", result);
+              return _context25.abrupt("return", result);
             case 30:
-              _context24.t0 = returnTo;
-              _context24.next = _context24.t0 === 'OPEN_PDF' ? 33 : _context24.t0 === 'SAVE_BASKET_WITH_MODAL' ? 35 : 36;
+              _context25.t0 = returnTo;
+              _context25.next = _context25.t0 === 'OPEN_PDF' ? 33 : _context25.t0 === 'SAVE_BASKET_WITH_MODAL' ? 35 : _context25.t0 === 'OPEN_CONTACT_FORM' ? 36 : 36;
               break;
             case 33:
               if (!this.getBasket().PDFDocumentURL) {
@@ -41243,7 +41355,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   }
                 });
               }
-              return _context24.abrupt("break", 36);
+              return _context25.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'),
@@ -41251,20 +41363,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               });
             case 36:
               if (!(result == 'noArticleToSave')) {
-                _context24.next = 39;
+                _context25.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 _context24.abrupt("return", 'canceled');
+              return _context25.abrupt("return", 'canceled');
             case 39:
-              return _context24.abrupt("return", result);
+              return _context25.abrupt("return", result);
             case 40:
             case "end":
-              return _context24.stop();
+              return _context25.stop();
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
-      function saveToBasketWrapper(_x66, _x67, _x68) {
+      function saveToBasketWrapper(_x71, _x72, _x73) {
         return _saveToBasketWrapper.apply(this, arguments);
       }
       return saveToBasketWrapper;
@@ -41272,43 +41384,43 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasket",
     value: function () {
-      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee25(event, repairOnly, force) {
+      var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(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 _callee25$(_context25) {
-          while (1) switch (_context25.prev = _context25.next) {
+        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
+          while (1) switch (_context26.prev = _context26.next) {
             case 0:
               set = this.actSet();
               if (!(setHandlerInstance.isNoArticleToSave(this.sets) && !force)) {
-                _context25.next = 3;
+                _context26.next = 3;
                 break;
               }
-              return _context25.abrupt("return", 'noArticleToSave');
+              return _context26.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))) {
-                _context25.next = 13;
+                _context26.next = 13;
                 break;
               }
               oldReturnTo = returnTo;
               this.ReturnTo = returnTo.replace('FAVORITS_', '');
-              _context25.next = 10;
+              _context26.next = 10;
               return this.handleFavorites('SAVE');
             case 10:
-              result = _context25.sent;
+              result = _context26.sent;
               if (result === 'canceled') {
                 this.ReturnTo = oldReturnTo;
               }
-              return _context25.abrupt("return", result);
+              return _context26.abrupt("return", result);
             case 13:
-              _context25.t0 = this.divaBasketHandler;
-              _context25.t1 = this.divaBasketHandler.actDivaNr;
-              _context25.next = 17;
+              _context26.t0 = this.divaBasketHandler;
+              _context26.t1 = this.divaBasketHandler.actDivaNr;
+              _context26.next = 17;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !!repairOnly, this.doAllowSetPlanner(), this.ReturnTo);
             case 17:
-              _context25.t2 = _context25.sent;
-              _context25.t0.setBasketData.call(_context25.t0, _context25.t1, _context25.t2);
+              _context26.t2 = _context26.sent;
+              _context26.t0.setBasketData.call(_context26.t0, _context26.t1, _context26.t2);
               if ((_returnTo2 = returnTo) !== null && _returnTo2 !== void 0 && _returnTo2.endsWith('OPEN_SELLER_BASKET')) {
                 this.ReturnTo = 'OPEN_SELLER_BASKET';
                 returnTo = this.ReturnTo;
@@ -41323,11 +41435,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.divaBasketHandler.fillOrigConfigurations();
               actBasket.Updated = Date.now();
               if (!returnTo) {
-                _context25.next = 52;
+                _context26.next = 52;
                 break;
               }
-              _context25.t3 = returnTo;
-              _context25.next = _context25.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 28 : _context25.t3 === 'OPEN_SELLER_BASKET' ? 31 : _context25.t3 === 'OPEN_PDF' ? 33 : _context25.t3 === 'SAVE_BASKET_WITH_MODAL' ? 33 : _context25.t3 === 'SAVE_BASKET' ? 33 : _context25.t3 === 'SAVE_BASKET_SYNC' ? 33 : _context25.t3 === 'OPEN_LEAFLET_BARRIER' ? 33 : 52;
+              _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;
               break;
             case 28:
               (_this$actions33 = this.actions) === null || _this$actions33 === void 0 || _this$actions33.toggleLoading('buildScene', false, false);
@@ -41341,7 +41453,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context25.abrupt("break", 52);
+              return _context26.abrupt("break", 52);
             case 31:
               (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.openComponent({
                 type: 'SELLER',
@@ -41353,23 +41465,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context25.abrupt("break", 52);
+              return _context26.abrupt("break", 52);
             case 33:
               if (!(event == 'onSaveProduct')) {
-                _context25.next = 43;
+                _context26.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)));
-              _context25.next = 37;
+              _context26.next = 37;
               return DivaUtils.updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser);
             case 37:
-              _context25.next = 39;
+              _context26.next = 39;
               return this.api.getDataWithoutCache(this.api.getUniqueNewDivaNr(), undefined, 'basket');
             case 39:
-              newDivaNr = _context25.sent;
+              newDivaNr = _context26.sent;
               actBasket.convertToBaseConfiguration(newDivaNr.divaNr);
-              _context25.next = 51;
+              _context26.next = 51;
               break;
             case 43:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
@@ -41378,32 +41490,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);
-              _context25.next = 48;
+              _context26.next = 48;
               return this.divaBasketHandler.saveToBasket(this.api, actBasket, returnTo);
             case 48:
-              _result2 = _context25.sent;
+              _result2 = _context26.sent;
               if (!(_result2 === 'ERROR_NO_BASKET_SAVED' || _result2 === 'ERROR_BASKET_AFTER_SAVE')) {
-                _context25.next = 51;
+                _context26.next = 51;
                 break;
               }
-              return _context25.abrupt("return", 'canceled');
+              return _context26.abrupt("return", 'canceled');
             case 51:
-              return _context25.abrupt("break", 52);
+              return _context26.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
-              _context25.next = 56;
+              _context26.next = 56;
               return this.addToBasket(actBasket, event);
             case 56:
-              product = _context25.sent;
-              return _context25.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
+              product = _context26.sent;
+              return _context26.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
             case 58:
             case "end":
-              return _context25.stop();
+              return _context26.stop();
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
-      function saveToBasket(_x69, _x70, _x71) {
+      function saveToBasket(_x74, _x75, _x76) {
         return _saveToBasket.apply(this, arguments);
       }
       return saveToBasket;
@@ -41561,62 +41673,68 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$actSet17;
       return (_this$actSet17 = this.actSet()) === null || _this$actSet17 === void 0 || (_this$actSet17 = _this$actSet17.CatalogData) === null || _this$actSet17 === void 0 ? void 0 : _this$actSet17.doShow3DDimensionLines;
     }
+  }, {
+    key: "defaultDimensionsActive",
+    value: function defaultDimensionsActive() {
+      var _this$actSet18;
+      return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 || (_this$actSet18 = _this$actSet18.CatalogData) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.defaultDimensionsActive;
+    }
   }, {
     key: "hidePlannerUiIcons",
     value: function hidePlannerUiIcons() {
-      var _this$actSet18;
-      return (_this$actSet18 = this.actSet()) === null || _this$actSet18 === void 0 || (_this$actSet18 = _this$actSet18.CatalogData) === null || _this$actSet18 === void 0 ? void 0 : _this$actSet18.hidePlannerUiIcons;
+      var _this$actSet19;
+      return (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 || (_this$actSet19 = _this$actSet19.CatalogData) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.hidePlannerUiIcons;
     }
   }, {
     key: "doShowPlannerReplaceMode",
     value: function doShowPlannerReplaceMode() {
-      var _this$actSet19, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
-      var catalogData = (_this$actSet19 = this.actSet()) === null || _this$actSet19 === void 0 ? void 0 : _this$actSet19.CatalogData;
+      var _this$actSet20, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
+      var catalogData = (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1 && Object.entries((_catalogData$PlannerP = (_catalogData$PlannerP2 = catalogData.PlannerPaletteViewInfo) === null || _catalogData$PlannerP2 === void 0 ? void 0 : _catalogData$PlannerP2.catalogPlannerArticles) !== null && _catalogData$PlannerP !== void 0 ? _catalogData$PlannerP : {}).length > 1;
     }
   }, {
     key: "doPlannerReplaceAutoSwitch",
     value: function doPlannerReplaceAutoSwitch() {
-      var _this$actSet20, _this$api$getViewConf3;
-      var catalogData = (_this$actSet20 = this.actSet()) === null || _this$actSet20 === void 0 ? void 0 : _this$actSet20.CatalogData;
+      var _this$actSet21, _this$api$getViewConf3;
+      var catalogData = (_this$actSet21 = this.actSet()) === null || _this$actSet21 === void 0 ? void 0 : _this$actSet21.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.catalogPlannsCompletely) && this.doShowPlannerReplaceMode() && ((_this$api$getViewConf3 = this.api.getViewConfig()) === null || _this$api$getViewConf3 === void 0 ? void 0 : _this$api$getViewConf3.allowAutoSwitchInReplaceFunctionInPlanner);
     }
   }, {
     key: "getHidePlanner",
     value: function getHidePlanner() {
-      var _this$actSet21;
-      return this.api.getHidePlanner() || !!((_this$actSet21 = this.actSet()) !== null && _this$actSet21 !== void 0 && _this$actSet21.CatalogData.useBoxPlanner);
+      var _this$actSet22;
+      return this.api.getHidePlanner() || !!((_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.useBoxPlanner);
     }
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$state5, _this$actSet22, _this$state6, _this$actSet23;
+      var _this$state5, _this$actSet23, _this$state6, _this$actSet24;
       if (this.getEnableUnityRtvKombi()) return false;
       if ((_this$state5 = this.state) !== null && _this$state5 !== void 0 && _this$state5.organization.settings.forceRTV) return true;
-      if ((_this$actSet22 = this.actSet()) !== null && _this$actSet22 !== void 0 && _this$actSet22.CatalogData.divaForceRTV) return true;
-      if ((_this$state6 = this.state) !== null && _this$state6 !== void 0 && _this$state6.organization.settings.enableRTV && (_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaArReady) return true;
+      if ((_this$actSet23 = this.actSet()) !== null && _this$actSet23 !== void 0 && _this$actSet23.CatalogData.divaForceRTV) return true;
+      if ((_this$state6 = this.state) !== null && _this$state6 !== void 0 && _this$state6.organization.settings.enableRTV && (_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getAllowQRCodeAR",
     value: function getAllowQRCodeAR() {
-      var _this$actSet24;
-      if (this.api.enableAR && (_this$actSet24 = this.actSet()) !== null && _this$actSet24 !== void 0 && _this$actSet24.CatalogData.divaArReady) return true;
+      var _this$actSet25;
+      if (this.api.enableAR && (_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getEnableUnityRtvKombi",
     value: function getEnableUnityRtvKombi() {
-      var _this$actSet25, _this$actSet26;
+      var _this$actSet26, _this$actSet27;
       // if force rtv disable unity kombi - biohort
-      if ((_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.divaForceRTV) return false;
-      return ((_this$actSet26 = this.actSet()) === null || _this$actSet26 === void 0 ? void 0 : _this$actSet26.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
+      if ((_this$actSet26 = this.actSet()) !== null && _this$actSet26 !== void 0 && _this$actSet26.CatalogData.divaForceRTV) return false;
+      return ((_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
     }
   }, {
     key: "getShelfPlannerRTV",
     value: function getShelfPlannerRTV() {
-      var _this$actSet27;
-      return (_this$actSet27 = this.actSet()) === null || _this$actSet27 === void 0 ? void 0 : _this$actSet27.CatalogData.useShelfPlannerRTV;
+      var _this$actSet28;
+      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData.useShelfPlannerRTV;
     }
   }, {
     key: "getBasketData",
@@ -41631,23 +41749,23 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getBasketDataWithEkText",
     value: function () {
-      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26() {
-        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+      var _getBasketDataWithEkText = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
+        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
             case 0:
-              _context26.t0 = this.divaBasketHandler;
-              _context26.t1 = this.divaBasketHandler.actDivaNr;
-              _context26.next = 4;
+              _context27.t0 = this.divaBasketHandler;
+              _context27.t1 = this.divaBasketHandler.actDivaNr;
+              _context27.next = 4;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, true, this.doAllowSetPlanner(), this.ReturnTo);
             case 4:
-              _context26.t2 = _context26.sent;
-              _context26.t0.setBasketData.call(_context26.t0, _context26.t1, _context26.t2);
-              return _context26.abrupt("return", this.divaBasketHandler.actBasket);
+              _context27.t2 = _context27.sent;
+              _context27.t0.setBasketData.call(_context27.t0, _context27.t1, _context27.t2);
+              return _context27.abrupt("return", this.divaBasketHandler.actBasket);
             case 7:
             case "end":
-              return _context26.stop();
+              return _context27.stop();
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
       function getBasketDataWithEkText() {
         return _getBasketDataWithEkText.apply(this, arguments);
@@ -41657,8 +41775,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCatalogData",
     value: function getCatalogData() {
-      var _this$actSet28;
-      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData;
+      var _this$actSet29;
+      return (_this$actSet29 = this.actSet()) === null || _this$actSet29 === void 0 ? void 0 : _this$actSet29.CatalogData;
     }
   }, {
     key: "ReturnTo",
@@ -41673,7 +41791,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "addToBasket",
     value: function () {
-      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(actBasket) {
+      var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(actBasket) {
         var _this$actions36,
           _this$actions37,
           _this$actions38,
@@ -41684,7 +41802,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           _this$actions41,
           _this$actions42,
           _this$actions43,
-          _this$actions44;
+          _this$actions44,
+          _this$actions45;
         var event,
           emailConfig,
           _emailConfig$to$split,
@@ -41692,44 +41811,44 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           to,
           variants,
           products,
-          _args27 = arguments;
-        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+          _args28 = arguments;
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
-              event = _args27.length > 1 && _args27[1] !== undefined ? _args27[1] : 'onAddToBasket';
-              _context27.t0 = event;
-              _context27.next = _context27.t0 === 'onWebPlanerPrint' ? 5 : _context27.t0 === 'onWebPlanerSave' ? 7 : _context27.t0 === 'onWebPlanerShare' ? 9 : _context27.t0 === 'onRequestConsulation' ? 11 : _context27.t0 === 'onSave' ? 13 : _context27.t0 === 'onSendEmail' ? 15 : _context27.t0 === 'onSaveProduct' ? 20 : _context27.t0 === 'dontSaveBasket' ? 27 : _context27.t0 === 'onAddToBasket' ? 28 : 30;
+              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;
               break;
             case 5:
               (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 7:
               (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 9:
               (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 11:
               (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 13:
               (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.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;
@@ -41764,44 +41883,51 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 20:
               this.actSet().CatalogData;
-              _context27.next = 23;
+              _context28.next = 23;
               return this.api.saveAsProduct(this.sets, actBasket);
             case 23:
-              products = _context27.sent;
+              products = _context28.sent;
               (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               if (!products) {
-                _context27.next = 27;
+                _context28.next = 27;
                 break;
               }
-              return _context27.abrupt("return", products[0]);
+              return _context28.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 _context27.abrupt("break", 32);
+              return _context28.abrupt("break", 35);
             case 30:
               (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
-                type: event,
+                type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
-              return _context27.abrupt("break", 32);
-            case 32:
-              return _context27.abrupt("return");
+              this.openContactForm(this.divaBasketHandler);
+              return _context28.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);
+            case 35:
+              return _context28.abrupt("return");
+            case 36:
             case "end":
-              return _context27.stop();
+              return _context28.stop();
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
-      function addToBasket(_x72) {
+      function addToBasket(_x77) {
         return _addToBasket.apply(this, arguments);
       }
       return addToBasket;
@@ -41809,8 +41935,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "openPDFpostAsEvent",
     value: function openPDFpostAsEvent(mongoDBId) {
-      var _this$actions45, _this$actions46, _this$actions47;
-      (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.updateBreadcrumbs({
+      var _this$actions46, _this$actions47, _this$actions48;
+      (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -41824,7 +41950,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.updateBreadcrumbs({
+      (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -41838,7 +41964,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.openComponent({
+      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.openComponent({
         type: 'REPORT',
         parameters: {
           id: mongoDBId
@@ -42048,6 +42174,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function registerOpenLeafeltBarrier(openLeafeltBarrier) {
       this.openLeafeltBarrier = openLeafeltBarrier;
     }
+  }, {
+    key: "registerOpenContactForm",
+    value: function registerOpenContactForm(openContactForm) {
+      this.openContactForm = openContactForm;
+    }
   }, {
     key: "registerOnClickAddToBasket",
     value: function registerOnClickAddToBasket(onClickAddToBasket) {
@@ -42058,22 +42189,22 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "subscribeToWebPlannerEvents",
     value: function subscribeToWebPlannerEvents() {
-      var _this$actions48;
-      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.subscribeEvents(this.addToBasketEventFunction);
+      var _this$actions49;
+      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.subscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "unsubscribeFromWebPlannerEvents",
     value: function unsubscribeFromWebPlannerEvents() {
-      var _this$actions49;
-      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.unSubscribeEvents(this.addToBasketEventFunction);
+      var _this$actions50;
+      (_this$actions50 = this.actions) === null || _this$actions50 === void 0 || _this$actions50.unSubscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "initApiForLogicOnly",
     value: //just for testing purposes
     function () {
-      var _initApiForLogicOnly = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee28(organization, lang, getSessionGuid, handler, applicationEnvironment, apiKey, jwt) {
-        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
-          while (1) switch (_context28.prev = _context28.next) {
+      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) {
             case 0:
               //empty services
               this.api = new DivaApiHandler(_objectSpread$5(_objectSpread$5({}, this.plannerConfig), {}, {
@@ -42086,17 +42217,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 jwt: jwt,
                 apiKey: apiKey
               }), handler);
-              _context28.next = 3;
+              _context29.next = 3;
               return this.divaBasketHandler.initWWSClient(this.api.getWWSClient());
             case 3:
               this.plannerHandler = new DivaPlannerHandler(true);
             case 4:
             case "end":
-              return _context28.stop();
+              return _context29.stop();
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
-      function initApiForLogicOnly(_x73, _x74, _x75, _x76, _x77, _x78, _x79) {
+      function initApiForLogicOnly(_x78, _x79, _x80, _x81, _x82, _x83, _x84) {
         return _initApiForLogicOnly.apply(this, arguments);
       }
       return initApiForLogicOnly;
@@ -42109,16 +42240,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "loadBasket",
     value: function () {
-      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
-          while (1) switch (_context29.prev = _context29.next) {
+      var _loadBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
+        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+          while (1) switch (_context30.prev = _context30.next) {
             case 0:
-              return _context29.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
+              return _context30.abrupt("return", this.divaBasketHandler.initializeBasket(this.api));
             case 1:
             case "end":
-              return _context29.stop();
+              return _context30.stop();
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
       function loadBasket() {
         return _loadBasket.apply(this, arguments);
@@ -42133,39 +42264,39 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initBasket",
     value: function () {
-      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(init3D, ignoreFavorites) {
+      var _initBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31(init3D, ignoreFavorites) {
         var initSetState, set, basket;
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
-          while (1) switch (_context30.prev = _context30.next) {
+        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+          while (1) switch (_context31.prev = _context31.next) {
             case 0:
               this.divaNr = this.divaBasketHandler.actDivaNr;
               initSetState = this.getInitStateForSet(!init3D);
               this.plannerHandler.initPlanner(initSetState, this.getPlannerHandlerFunctions());
-              _context30.next = 5;
+              _context31.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)) {
-                _context30.next = 10;
+                _context31.next = 10;
                 break;
               }
-              _context30.next = 10;
+              _context31.next = 10;
               return this.handleFavorites(init3D ? 'CALC' : 'REPAIR');
             case 10:
-              _context30.next = 12;
+              _context31.next = 12;
               return setHandlerInstance.fillOrderLinesAndOrderSets(this.sets, this.divaBasketHandler, !init3D, this.doAllowSetPlanner(), this.ReturnTo);
             case 12:
-              basket = _context30.sent;
-              return _context30.abrupt("return", basket);
+              basket = _context31.sent;
+              return _context31.abrupt("return", basket);
             case 14:
             case "end":
-              return _context30.stop();
+              return _context31.stop();
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
-      function initBasket(_x80, _x81) {
+      function initBasket(_x85, _x86) {
         return _initBasket.apply(this, arguments);
       }
       return initBasket;
@@ -42179,21 +42310,21 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getValidVariantsLength",
     value: function () {
-      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+      var _getValidVariantsLength = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
         var set;
-        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:
               set = this.actSet();
-              _context31.next = 3;
+              _context32.next = 3;
               return favoritesHandlerInstance.getValidVariants(set, true);
             case 3:
-              return _context31.abrupt("return", _context31.sent.length);
+              return _context32.abrupt("return", _context32.sent.length);
             case 4:
             case "end":
-              return _context31.stop();
+              return _context32.stop();
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
       function getValidVariantsLength() {
         return _getValidVariantsLength.apply(this, arguments);
@@ -42203,46 +42334,46 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "handleFavorites",
     value: function () {
-      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee32(mode) {
+      var _handleFavorites = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(mode) {
         var _this5 = this;
         var set, i;
-        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();
               i = 0;
             case 2:
               if (!favoritesHandlerInstance.IsCalcForSummary) {
-                _context32.next = 11;
+                _context33.next = 11;
                 break;
               }
-              _context32.next = 5;
+              _context33.next = 5;
               return DivaUtils.Sleep(200);
             case 5:
               i++;
               if (!(i > 1000)) {
-                _context32.next = 9;
+                _context33.next = 9;
                 break;
               }
               LOG$1.error(new DivaError('error on generating Variants of Summary'));
-              return _context32.abrupt("break", 11);
+              return _context33.abrupt("break", 11);
             case 9:
-              _context32.next = 2;
+              _context33.next = 2;
               break;
             case 11:
-              _context32.next = 13;
+              _context33.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 _context32.abrupt("return", _context32.sent);
+              return _context33.abrupt("return", _context33.sent);
             case 14:
             case "end":
-              return _context32.stop();
+              return _context33.stop();
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
-      function handleFavorites(_x82) {
+      function handleFavorites(_x87) {
         return _handleFavorites.apply(this, arguments);
       }
       return handleFavorites;
@@ -42255,48 +42386,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "initSapOrderLinesFromBasket",
     value: function () {
-      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee33(divaNr, init3D, onlyLoadOldBakset) {
+      var _initSapOrderLinesFromBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee34(divaNr, init3D, onlyLoadOldBakset) {
         var result, oldBasket, basket;
-        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:
               if (divaNr) this.divaBasketHandler.updateDivaNrInBasket(divaNr);
-              _context33.next = 3;
+              _context34.next = 3;
               return this.loadBasket();
             case 3:
-              result = _context33.sent;
+              result = _context34.sent;
               if (!onlyLoadOldBakset) {
-                _context33.next = 6;
+                _context34.next = 6;
                 break;
               }
-              return _context33.abrupt("return", {
+              return _context34.abrupt("return", {
                 oldBasket: new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket))),
                 cache: {}
               });
             case 6:
               if (!(result === false)) {
-                _context33.next = 8;
+                _context34.next = 8;
                 break;
               }
               throw new Error('Could not load basket! ' + divaNr);
             case 8:
               oldBasket = new BasketData(JSON.parse(JSON.stringify(this.divaBasketHandler.actBasket)));
-              _context33.next = 11;
+              _context34.next = 11;
               return this.initBasket(init3D);
             case 11:
-              basket = _context33.sent;
-              return _context33.abrupt("return", {
+              basket = _context34.sent;
+              return _context34.abrupt("return", {
                 basket: basket,
                 oldBasket: oldBasket,
                 cache: this.api.getJsonDataCache()
               });
             case 13:
             case "end":
-              return _context33.stop();
+              return _context34.stop();
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
-      function initSapOrderLinesFromBasket(_x83, _x84, _x85) {
+      function initSapOrderLinesFromBasket(_x88, _x89, _x90) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
       }
       return initSapOrderLinesFromBasket;
@@ -42548,6 +42679,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.initViewApiDependencies = undefined;
       this.setHQRenderScript = undefined;
       this.setCamInfo = undefined;
+      this.openContactForm = undefined;
     }
   }]);
 }();
@@ -42952,8 +43084,11 @@ 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
+    _defineProperty(this, "disableCellsByMeasures", void 0);
     //this option gets triggered when the shelfplanner is visible and set back when navigating out of shelfstep
     _defineProperty(this, "visitOption", void 0);
     //this field allows the shelfplanner on the rule the cellCount and ArticleRelations can change
@@ -42979,6 +43114,8 @@ var Grid = /*#__PURE__*/function () {
     this.showAfterOPT = data.ShowAfterOPT;
     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;
@@ -43314,7 +43451,7 @@ var Grid = /*#__PURE__*/function () {
             case 2:
               dontOverwriteOptions = [];
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var option, inUseCell, specificAccessoire, options, j, optionCodex, montageOptionState;
+                var option, inUseCell, specificAccessoire, options, j, optionCodex, montageOptionState, _this$article$shelfAc, rest;
                 return _regeneratorRuntime.wrap(function _loop$(_context4) {
                   while (1) switch (_context4.prev = _context4.next) {
                     case 0:
@@ -43322,42 +43459,61 @@ var Grid = /*#__PURE__*/function () {
                       inUseCell = _this.cells.find(function (c, i) {
                         return c.InUse === i && c.Article && (!option.accessoires || Array.isArray(option.accessoires) && option.accessoires.includes(c.Article.articleCodex) || !Array.isArray(option.accessoires) && option.accessoires == c.Article.articleCodex) && (!option.range || Array.isArray(option.range) && option.range.includes(i) || !Array.isArray(option.range) && option.range == i) && (!option.onTop || _this.cells[_this.cells.length - 1].InUse === i) && (!option.onBottom || _this.cells[0].InUse === i);
                       });
-                      specificAccessoire = option.accessoires && inUseCell !== null && inUseCell !== void 0 && inUseCell.Article ? [inUseCell.Article] : undefined;
+                      specificAccessoire = [];
+                      if (option.accessoires && inUseCell !== null && inUseCell !== void 0 && inUseCell.Article) specificAccessoire.push(inUseCell.Article);else if (option.onTop && _this.cells[_this.cells.length - 1].InUse == (inUseCell === null || inUseCell === void 0 ? void 0 : inUseCell.InUse) || option.onBottom && _this.cells[0].InUse == (inUseCell === null || inUseCell === void 0 ? void 0 : inUseCell.InUse)) {
+                        if (inUseCell.Article) specificAccessoire.push(inUseCell.Article);
+                      }
                       options = Array.isArray(option.optionCodex) ? option.optionCodex : [option.optionCodex];
                       j = 0;
-                    case 5:
+                    case 6:
                       if (!(j < options.length)) {
-                        _context4.next = 23;
+                        _context4.next = 29;
                         break;
                       }
                       optionCodex = options[j];
                       montageOptionState = _this.article.getArticleOptionState('OPT' + optionCodex);
                       if (!dontOverwriteOptions.includes(optionCodex)) {
-                        _context4.next = 10;
+                        _context4.next = 11;
                         break;
                       }
-                      return _context4.abrupt("continue", 20);
-                    case 10:
+                      return _context4.abrupt("continue", 26);
+                    case 11:
                       if (!inUseCell) {
-                        _context4.next = 17;
+                        _context4.next = 18;
                         break;
                       }
                       if (montageOptionState) montageOptionState.val = montageOptionState.visibleOptionValues['OPVMIT'];
-                      _context4.next = 14;
+                      _context4.next = 15;
                       return _this.updateAccessoireMontageOption('OPT' + optionCodex, 'OPVMIT', specificAccessoire);
-                    case 14:
+                    case 15:
                       dontOverwriteOptions.push(optionCodex);
-                      _context4.next = 20;
+                      _context4.next = 21;
                       break;
-                    case 17:
+                    case 18:
                       if (montageOptionState) montageOptionState.val = montageOptionState.visibleOptionValues['OPVOHNE'];
-                      _context4.next = 20;
-                      return _this.updateAccessoireMontageOption('OPT' + optionCodex, 'OPVOHNE');
-                    case 20:
+                      _context4.next = 21;
+                      return _this.updateAccessoireMontageOption('OPT' + optionCodex, 'OPVOHNE', []);
+                    case 21:
+                      if (!specificAccessoire.length) {
+                        _context4.next = 26;
+                        break;
+                      }
+                      rest = Object.values((_this$article$shelfAc = _this.article.shelfAccessoires) !== null && _this$article$shelfAc !== void 0 ? _this$article$shelfAc : {}).filter(function (a) {
+                        return !specificAccessoire.find(function (b) {
+                          return b.basketId == a.basketId;
+                        });
+                      });
+                      if (!rest.length) {
+                        _context4.next = 26;
+                        break;
+                      }
+                      _context4.next = 26;
+                      return _this.updateAccessoireMontageOption('OPT' + optionCodex, 'OPVOHNE', rest);
+                    case 26:
                       j++;
-                      _context4.next = 5;
+                      _context4.next = 6;
                       break;
-                    case 23:
+                    case 29:
                     case "end":
                       return _context4.stop();
                   }
@@ -43389,12 +43545,12 @@ var Grid = /*#__PURE__*/function () {
     key: "updateAccessoireMontageOption",
     value: function () {
       var _updateAccessoireMontageOption = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(optionCodex, optionValueCodex, accessoires) {
-        var _this$article$shelfAc;
+        var _this$article$shelfAc2;
         var i;
         return _regeneratorRuntime.wrap(function _callee5$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              if (!accessoires) accessoires = Object.values((_this$article$shelfAc = this.article.shelfAccessoires) !== null && _this$article$shelfAc !== void 0 ? _this$article$shelfAc : {});
+              if (!accessoires.length) accessoires = Object.values((_this$article$shelfAc2 = this.article.shelfAccessoires) !== null && _this$article$shelfAc2 !== void 0 ? _this$article$shelfAc2 : {});
               i = 0;
             case 2:
               if (!(i < accessoires.length)) {
@@ -43497,145 +43653,204 @@ var Grid = /*#__PURE__*/function () {
      */
   }, {
     key: "moveCell",
-    value: function moveCell(initialIndex, finalIndex) {
-      var _this2 = this;
-      var cellsMoving = {};
-      var cellsMovingFinalPosition = {};
-      var cellsAjusting = {};
-      var cellsAtStart = [];
-      var cellsAtEnd = [];
-      var startAndFinalSwitched = false;
-      if (initialIndex > finalIndex) {
-        var tmp = finalIndex;
-        finalIndex = initialIndex;
-        initialIndex = tmp;
-        startAndFinalSwitched = true;
-      }
-
-      //ajust finalIndex maybe at the place is already an element
-      if (!startAndFinalSwitched) {
-        while (this.cells[finalIndex] && this.cells[finalIndex].InUse != -1 && this.cells[finalIndex + 1] !== undefined) {
-          finalIndex++;
-        }
-      }
-      for (var i = 0; i < initialIndex; i++) {
-        cellsAtStart.push(this.cells[i]);
-      }
-      if (!startAndFinalSwitched) {
-        //moving up
-        for (var _i5 = 0; _i5 < this.cells.length; _i5++) {
-          if (this.cells[_i5].InUse == initialIndex || this.cells[_i5].OnBoard == initialIndex) {
-            cellsMoving[_i5] = this.cells[_i5];
-          }
-        }
-        var cellsMovingCount = Object.keys(cellsMoving).length;
-        for (var _i6 = initialIndex; _i6 <= finalIndex; _i6++) {
-          if (!cellsMoving[_i6]) {
-            cellsAjusting[_i6 - cellsMovingCount] = this.cells[_i6];
-          }
-        }
-        var cellsAjustingCount = Object.keys(cellsAjusting).length;
-        for (var key in cellsMoving) {
-          cellsMovingFinalPosition[Number(key) + cellsAjustingCount] = cellsMoving[key];
-        }
-        for (var _i7 = finalIndex + 1; _i7 < this.cells.length; _i7++) {
-          cellsAtEnd.push(this.cells[_i7]);
-        }
-      } else {
-        //moving down
-        for (var _i8 = 0; _i8 < this.cells.length; _i8++) {
-          if (this.cells[_i8].InUse == finalIndex || this.cells[_i8].OnBoard == finalIndex) {
-            cellsMoving[_i8] = this.cells[_i8];
-          }
-        }
-        var _cellsMovingCount = Object.keys(cellsMoving).length;
-        for (var _i9 = initialIndex; _i9 <= finalIndex; _i9++) {
-          if (!cellsMoving[_i9]) {
-            cellsAjusting[_i9 + _cellsMovingCount] = this.cells[_i9];
-          }
-        }
-        var _cellsAjustingCount = Object.keys(cellsAjusting).length;
-        for (var _key in cellsMoving) {
-          cellsMovingFinalPosition[Number(_key) - _cellsAjustingCount] = cellsMoving[_key];
-        }
-        for (var _i10 = finalIndex + _cellsMovingCount; _i10 < this.cells.length; _i10++) {
-          cellsAtEnd.push(this.cells[_i10]);
-        }
-      }
+    value: (function () {
+      var _moveCell = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(initialIndex, finalIndex) {
+        var _this2 = this;
+        var cellsMoving, cellsMovingFinalPosition, cellsAjusting, cellsAtStart, cellsAtEnd, startAndFinalSwitched, tmp, i, _i5, cellsMovingCount, _i6, cellsAjustingCount, key, _i7, _i8, _cellsMovingCount, _i9, _cellsAjustingCount, _key, _i10, _key2, oldCells, _key3, _key4, _key5, _key6, _i11, _i12, accessoriesMoved, _loop2, _i13, resetCells, _i14, result, _i15;
+        return _regeneratorRuntime.wrap(function _callee6$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              cellsMoving = {};
+              cellsMovingFinalPosition = {};
+              cellsAjusting = {};
+              cellsAtStart = [];
+              cellsAtEnd = [];
+              startAndFinalSwitched = false;
+              if (initialIndex > finalIndex) {
+                tmp = finalIndex;
+                finalIndex = initialIndex;
+                initialIndex = tmp;
+                startAndFinalSwitched = true;
+              }
+
+              //ajust finalIndex maybe at the place is already an element
+              if (!startAndFinalSwitched) {
+                while (this.cells[finalIndex] && this.cells[finalIndex].InUse != -1 && this.cells[finalIndex + 1] !== undefined) {
+                  finalIndex++;
+                }
+              }
+              for (i = 0; i < initialIndex; i++) {
+                cellsAtStart.push(this.cells[i]);
+              }
+              if (!startAndFinalSwitched) {
+                //moving up
+                for (_i5 = 0; _i5 < this.cells.length; _i5++) {
+                  if (this.cells[_i5].InUse == initialIndex || this.cells[_i5].OnBoard == initialIndex) {
+                    cellsMoving[_i5] = this.cells[_i5];
+                  }
+                }
+                cellsMovingCount = Object.keys(cellsMoving).length;
+                for (_i6 = initialIndex; _i6 <= finalIndex; _i6++) {
+                  if (!cellsMoving[_i6]) {
+                    cellsAjusting[_i6 - cellsMovingCount] = this.cells[_i6];
+                  }
+                }
+                cellsAjustingCount = Object.keys(cellsAjusting).length;
+                for (key in cellsMoving) {
+                  cellsMovingFinalPosition[Number(key) + cellsAjustingCount] = cellsMoving[key];
+                }
+                for (_i7 = finalIndex + 1; _i7 < this.cells.length; _i7++) {
+                  cellsAtEnd.push(this.cells[_i7]);
+                }
+              } else {
+                //moving down
+                for (_i8 = 0; _i8 < this.cells.length; _i8++) {
+                  if (this.cells[_i8].InUse == finalIndex || this.cells[_i8].OnBoard == finalIndex) {
+                    cellsMoving[_i8] = this.cells[_i8];
+                  }
+                }
+                _cellsMovingCount = Object.keys(cellsMoving).length;
+                for (_i9 = initialIndex; _i9 <= finalIndex; _i9++) {
+                  if (!cellsMoving[_i9]) {
+                    cellsAjusting[_i9 + _cellsMovingCount] = this.cells[_i9];
+                  }
+                }
+                _cellsAjustingCount = Object.keys(cellsAjusting).length;
+                for (_key in cellsMoving) {
+                  cellsMovingFinalPosition[Number(_key) - _cellsAjustingCount] = cellsMoving[_key];
+                }
+                for (_i10 = finalIndex + _cellsMovingCount; _i10 < this.cells.length; _i10++) {
+                  cellsAtEnd.push(this.cells[_i10]);
+                }
+              }
 
-      // if an element gets moved which shouldnt be moved dont fill the cells with the new order and just cancel
-      for (var _key2 in cellsAjusting) {
-        if (cellsAjusting[_key2].IsDisabled || cellsAjusting[_key2].NoMove) {
-          return;
-        }
-      }
-      var oldCells = this.cells;
-      // fill cells with new order
-      this.cells = [];
-      this.cells = cellsAtStart;
-      if (!startAndFinalSwitched) {
-        for (var _key3 in cellsAjusting) {
-          this.cells.push(cellsAjusting[_key3]);
-        }
-        for (var _key4 in cellsMovingFinalPosition) {
-          this.cells.push(cellsMovingFinalPosition[_key4]);
-        }
-      } else {
-        for (var _key5 in cellsMovingFinalPosition) {
-          this.cells.push(cellsMovingFinalPosition[_key5]);
-        }
-        for (var _key6 in cellsAjusting) {
-          this.cells.push(cellsAjusting[_key6]);
-        }
-      }
-      for (var _i11 = 0; _i11 < cellsAtEnd.length; _i11++) {
-        this.cells.push(cellsAtEnd[_i11]);
-      }
-      for (var _i12 = 0; _i12 < this.cells.length; _i12++) {
-        this.cells[_i12].moveCellToIndex(_i12);
-      }
+              // if an element gets moved which shouldnt be moved dont fill the cells with the new order and just cancel
+              _context8.t0 = _regeneratorRuntime.keys(cellsAjusting);
+            case 11:
+              if ((_context8.t1 = _context8.t0()).done) {
+                _context8.next = 17;
+                break;
+              }
+              _key2 = _context8.t1.value;
+              if (!(cellsAjusting[_key2].IsDisabled || cellsAjusting[_key2].NoMove)) {
+                _context8.next = 15;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 15:
+              _context8.next = 11;
+              break;
+            case 17:
+              oldCells = this.cells; // fill cells with new order
+              this.cells = [];
+              this.cells = cellsAtStart;
+              if (!startAndFinalSwitched) {
+                for (_key3 in cellsAjusting) {
+                  this.cells.push(cellsAjusting[_key3]);
+                }
+                for (_key4 in cellsMovingFinalPosition) {
+                  this.cells.push(cellsMovingFinalPosition[_key4]);
+                }
+              } else {
+                for (_key5 in cellsMovingFinalPosition) {
+                  this.cells.push(cellsMovingFinalPosition[_key5]);
+                }
+                for (_key6 in cellsAjusting) {
+                  this.cells.push(cellsAjusting[_key6]);
+                }
+              }
+              for (_i11 = 0; _i11 < cellsAtEnd.length; _i11++) {
+                this.cells.push(cellsAtEnd[_i11]);
+              }
+              for (_i12 = 0; _i12 < this.cells.length; _i12++) {
+                this.cells[_i12].moveCellToIndex(_i12);
+              }
 
-      //check for all the accessoires that moved during the process if they are allowed to be there
-      var accessoriesMoved = [];
-      var _loop2 = function _loop2() {
-        var cell = _this2.cells[_i13];
-        if (cell.Type == 'fitsOnParentRule' && cell.InUse > -1 && !accessoriesMoved.find(function (a) {
-          var _cell$Article2;
-          return ((_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId) == a.basketId;
-        })) {
-          var _cell$Article3;
-          accessoriesMoved.push({
-            article: cell.Article,
-            basketId: (_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.basketId,
-            index: cell.InUse
-          });
-        }
-      };
-      for (var _i13 = 0; _i13 < this.cells.length; _i13++) {
-        _loop2();
-      }
-      var resetCells = false;
-      for (var _i14 = 0; _i14 < accessoriesMoved.length; _i14++) {
-        var result = this.tryFitOnShelf(accessoriesMoved[_i14].article, accessoriesMoved[_i14].index, accessoriesMoved[_i14].article.shelfPlanner, true);
-        if (result && result.type === 'fitsOnParentRule' && result.index === accessoriesMoved[_i14].index) ; else {
-          resetCells = true;
-          break;
-        }
-      }
-      if (resetCells) {
-        this.cells = oldCells;
-        for (var _i15 = 0; _i15 < this.cells.length; _i15++) {
-          this.cells[_i15].moveCellToIndex(_i15);
-        }
+              //check for all the accessoires that moved during the process if they are allowed to be there
+              accessoriesMoved = [];
+              _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
+                var cell, _cell$Article3;
+                return _regeneratorRuntime.wrap(function _loop2$(_context7) {
+                  while (1) switch (_context7.prev = _context7.next) {
+                    case 0:
+                      cell = _this2.cells[_i13];
+                      if (cell.Type == 'fitsOnParentRule' && cell.InUse > -1 && !accessoriesMoved.find(function (a) {
+                        var _cell$Article2;
+                        return ((_cell$Article2 = cell.Article) === null || _cell$Article2 === void 0 ? void 0 : _cell$Article2.basketId) == a.basketId;
+                      })) {
+                        accessoriesMoved.push({
+                          article: cell.Article,
+                          basketId: (_cell$Article3 = cell.Article) === null || _cell$Article3 === void 0 ? void 0 : _cell$Article3.basketId,
+                          index: cell.InUse
+                        });
+                      }
+                    case 2:
+                    case "end":
+                      return _context7.stop();
+                  }
+                }, _loop2);
+              });
+              _i13 = 0;
+            case 26:
+              if (!(_i13 < this.cells.length)) {
+                _context8.next = 31;
+                break;
+              }
+              return _context8.delegateYield(_loop2(), "t2", 28);
+            case 28:
+              _i13++;
+              _context8.next = 26;
+              break;
+            case 31:
+              resetCells = false;
+              _i14 = 0;
+            case 33:
+              if (!(_i14 < accessoriesMoved.length)) {
+                _context8.next = 43;
+                break;
+              }
+              result = this.tryFitOnShelf(accessoriesMoved[_i14].article, accessoriesMoved[_i14].index, accessoriesMoved[_i14].article.shelfPlanner, true);
+              if (!(result && result.type === 'fitsOnParentRule' && result.index === accessoriesMoved[_i14].index)) {
+                _context8.next = 38;
+                break;
+              }
+              _context8.next = 40;
+              break;
+            case 38:
+              resetCells = true;
+              return _context8.abrupt("break", 43);
+            case 40:
+              _i14++;
+              _context8.next = 33;
+              break;
+            case 43:
+              if (resetCells) {
+                this.cells = oldCells;
+                for (_i15 = 0; _i15 < this.cells.length; _i15++) {
+                  this.cells[_i15].moveCellToIndex(_i15);
+                }
+              }
+              this.updateRequredCells();
+              _context8.next = 47;
+              return this.updateMontageOption();
+            case 47:
+              return _context8.abrupt("return", resetCells ? 'RESETTED_CELLS' : 'SUCCESS');
+            case 48:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee6, this);
+      }));
+      function moveCell(_x11, _x12) {
+        return _moveCell.apply(this, arguments);
       }
-      this.updateRequredCells();
-      return resetCells ? 'RESETTED_CELLS' : 'SUCCESS';
-    }
-
+      return moveCell;
+    }()
     /**
      *
      * @returns if one or more cells a still required return true
      */
+    )
   }, {
     key: "areCellsStillRequired",
     value: function areCellsStillRequired() {
@@ -43847,6 +44062,43 @@ var Grid = /*#__PURE__*/function () {
       }
       return true;
     }
+  }, {
+    key: "getCellCount",
+    value: function getCellCount(dp) {
+      var count = this.cells.length;
+      if (this.DisableCellsByMeasures) {
+        var lowestMeasure = undefined;
+        var options = this.DisableCellsByMeasures.options;
+        for (var i = 0; i < options.length; i++) {
+          if (options[i].dp && dp && dp == options[i].dp) continue;
+          var o = options[i].opt;
+          var ops = this.article.getArticleOptionState('OPT' + o);
+          if (!ops) continue;
+          if (!isNaN(Number(ops.freeText)) && (lowestMeasure === undefined || lowestMeasure > Number(ops.freeText))) lowestMeasure = Number(ops.freeText);
+        }
+        if (lowestMeasure) {
+          var ratio = this.DisableCellsByMeasures.maxMeasure / this.cells.length;
+          var rest = this.DisableCellsByMeasures.maxMeasure - lowestMeasure;
+          count = this.cells.length - Math.round(rest / ratio);
+        }
+      }
+      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 (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() {
@@ -43998,6 +44250,11 @@ var Grid = /*#__PURE__*/function () {
     set: function set(val) {
       this.disabledByRule = val;
     }
+  }, {
+    key: "DisableCellsByMeasures",
+    get: function get() {
+      return this.disableCellsByMeasures;
+    }
   }, {
     key: "ArticleRelationsForOtherGroups",
     get: function get() {