@crystaldesign/web-planner-logic 25.2.0-beta.8 → 25.2.0-rc.1

package/build/esm/{index-14b412d8.js → index-474fc67f.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-f47cd0f7.js');
+              return import('./ShelfPlanner-152084c3.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-c811330f.js');
+              return import('./DoorPlanner-43de473a.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,29 +33200,30 @@ var DivaSetHandler = /*#__PURE__*/function () {
   }, {
     key: "variantsEvaluator",
     value: (function () {
-      var _variantsEvaluator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee23(set, configItems, configStepKey, paletteType) {
-        var _set$ViewConfig,
+      var _variantsEvaluator = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee24(set, configItems, configStepKey, paletteType) {
+        var _configItems$0$option,
+          _set$ViewConfig,
           _set$api$ReturnToFrom,
           _set$CatalogData$show,
           _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].op);
+              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 = {
@@ -33134,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;
@@ -33149,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();
@@ -33177,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;
@@ -33215,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();
@@ -33264,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
               }));
@@ -33276,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();
@@ -33301,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;
@@ -33316,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;
@@ -33376,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 = [];
@@ -33392,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]);
@@ -33445,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
@@ -33481,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,
@@ -33507,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;
@@ -33572,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 = [];
@@ -33605,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++) {
@@ -33624,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;
@@ -33794,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;
@@ -33810,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') {
@@ -33857,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
@@ -33865,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;
@@ -33873,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))) {
@@ -33892,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;
@@ -33901,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;
@@ -33992,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');
@@ -34008,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');
@@ -34016,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;
@@ -34027,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:
@@ -34092,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;
@@ -34112,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,
@@ -34145,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;
@@ -34157,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;
@@ -34209,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;
@@ -34244,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;
@@ -34307,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;
@@ -35376,7 +35474,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-b7dd5d62.js');
+              return import('./PfisterWWSHandler-7f7996a7.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -35384,7 +35482,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-2f2c63a7.js');
+              return import('./LiviqueWWSHandler-e63f276f.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -35392,7 +35490,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-a0a3258f.js');
+              return import('./SeriousBasketHandler-1a4186bd.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -35400,7 +35498,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-8b675fe0.js');
+              return import('./StandardWWSHandler-a5d84eb8.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -36843,7 +36941,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-2bfc7356.js');
+              return import('./Host3DSignalR-b772e3b5.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -38408,7 +38506,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-fd494faa.js');
+              return import('./DivaStandardPlanner-50298918.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -38419,7 +38517,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-ecd0e7d9.js');
+              return import('./DivaBoxPlanner-ef50f3c1.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -39413,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);
@@ -39805,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();
@@ -39843,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);
       };
     }());
     /**
@@ -39859,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') {
@@ -39873,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);
       };
     }());
     /**
@@ -39897,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');
@@ -39918,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));
@@ -39946,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) {
@@ -39977,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();
@@ -39993,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);
       };
     }());
     /**
@@ -40015,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);
@@ -40045,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) {
@@ -40157,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);
@@ -40174,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()) {
@@ -40234,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({
@@ -40274,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);
@@ -40419,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
@@ -40449,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);
@@ -40476,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) {
@@ -40519,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;
@@ -40531,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;
@@ -40548,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 = [];
@@ -40583,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;
@@ -40620,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;
@@ -40790,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');
@@ -40811,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;
@@ -40835,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');
@@ -40859,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;
@@ -40895,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);
@@ -40929,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;
@@ -40956,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;
@@ -40993,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;
@@ -41043,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()) {
@@ -41060,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;
@@ -41150,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,
@@ -41159,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 = {
@@ -41168,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'));
@@ -41219,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) {
@@ -41242,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'),
@@ -41250,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;
@@ -41271,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;
@@ -41322,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);
@@ -41340,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',
@@ -41352,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) {
@@ -41377,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;
@@ -41560,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",
@@ -41630,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);
@@ -41656,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",
@@ -41672,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,
@@ -41683,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,
@@ -41691,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;
@@ -41763,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;
@@ -41808,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',
@@ -41823,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',
@@ -41837,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
@@ -42047,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) {
@@ -42057,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), {}, {
@@ -42085,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;
@@ -42108,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);
@@ -42132,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;
@@ -42178,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);
@@ -42202,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;
@@ -42254,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;
@@ -42547,6 +42679,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.initViewApiDependencies = undefined;
       this.setHQRenderScript = undefined;
       this.setCamInfo = undefined;
+      this.openContactForm = undefined;
     }
   }]);
 }();
@@ -42953,6 +43086,8 @@ var Grid = /*#__PURE__*/function () {
     _defineProperty(this, "articleRelationsForOtherGroups", 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
@@ -42978,6 +43113,7 @@ var Grid = /*#__PURE__*/function () {
     this.showAfterOPT = data.ShowAfterOPT;
     this.showOnRule = grid.ShowOnRule;
     this.montageOptions = grid.MontageOptions;
+    this.disableCellsByMeasures = grid.DisableCellsByMeasures;
     this.visitOption = grid.VisitOption;
     this.shelfId = 'SHELFARTICLE_' + article.basketId + '_' + index;
     this.heightGridCellCountOnRule = data.ShelfPlanner[index].HeightGridCellCountOnRule;
@@ -43313,7 +43449,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:
@@ -43321,42 +43457,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();
                   }
@@ -43388,12 +43543,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)) {
@@ -43496,145 +43651,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() {
@@ -43846,6 +44060,28 @@ 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: "ShelfId",
     get: function get() {
@@ -43997,6 +44233,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() {