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

package/build/esm/{index-0eb9d40c.js → index-b5904c45.js}

@@ -18593,6 +18593,20 @@ var ArticleOptionData = /*#__PURE__*/function () {
     get: function get() {
       return this.opt.catalogOPT.ignorePgrGroupPosition;
     }
+  }, {
+    key: "mergeIDMToOPG",
+    get: function get() {
+      return this.opt.catalogOPT.mergeIDMToOPG;
+    }
+  }, {
+    key: "mergesToOPG",
+    get: function get() {
+      var _this$opt$mergesToOPG;
+      return (_this$opt$mergesToOPG = this.opt.mergesToOPG) !== null && _this$opt$mergesToOPG !== void 0 ? _this$opt$mergesToOPG : false;
+    },
+    set: function set(value) {
+      this.opt.mergesToOPG = value;
+    }
   }]);
 }();
 
@@ -18837,6 +18851,13 @@ function loadArticleOptions(json, catalogArticleData, set) {
       //gibt es Initialisierungs Decisions, könnte man diese hier auch auswerten.
       //Alle Werte erstzen mit eindeutiger Nummer
     }
+    for (var key in catalogArticle.articleOptions) {
+      var optionsIsMerged = catalogArticle.articleOptions[key].mergeIDMToOPG;
+      if (optionsIsMerged) {
+        var opt = catalogArticle.articleOptions[(!set.CatalogData.isIDMFormat ? 'OPT' : '') + optionsIsMerged];
+        if (opt) opt.mergesToOPG = true;
+      }
+    }
   }
 
   // evtl die Option Dictionary nach myOptOrder sortieren. Wurde fürhe so gemacht als es noch ein array war
@@ -20834,6 +20855,11 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogProps.dontUseVCodexInBasket;
     }
+  }, {
+    key: "showAllItemsInPlanner",
+    get: function get() {
+      return this.catalogProps.showAllItemsInPlanner;
+    }
   }, {
     key: "api",
     get: function get() {
@@ -20976,7 +21002,9 @@ var DivaCatalogData = /*#__PURE__*/function () {
         showAccOnDpOnly: this.catalogProps.showAccOnDpOnly,
         dockAccOnAvoOnly: this.catalogProps.dockAccOnAvoOnly,
         hideAccessoriesInPlanner: this.catalogProps.accessorieStepAsPlanner,
-        hideAVButtons: this.catalogProps.hideAVButtons
+        hideAVButtons: this.catalogProps.hideAVButtons,
+        forceConstructionWarningForArticles: this.forceConstructionWarningForArticles,
+        doHideCompletenessWarning: this.doHideCompletenessWarning
       };
     }
   }, {
@@ -23147,10 +23175,10 @@ var DivaEngine = /*#__PURE__*/function () {
     key: "evalCombi",
     value: function evalCombi(myDoc) {
       var _myDoc$RefLevel;
-      var refLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number((_myDoc$RefLevel = myDoc.RefLevel) !== null && _myDoc$RefLevel !== void 0 ? _myDoc$RefLevel : 1);
+      var refLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number((_myDoc$RefLevel = myDoc.RefLevel) !== null && _myDoc$RefLevel !== void 0 ? _myDoc$RefLevel : 3);
       var article = this.article;
       //TODO mit philipp zu klären warum in diva daten reflevel 2 default gesetzt ist?!
-      if (refLevel > 1 && this.article.CatalogData.useDiomexConfigLogic) article = this.article.getRefLevelArticle(refLevel);
+      if (this.article.CatalogData.useDiomexConfigLogic) article = this.article.getRefLevelArticle(refLevel);
       return !myDoc.JsFormula || myDoc.JsFormula == '' || article.evalRule(myDoc.JsFormula);
     }
   }, {
@@ -23748,13 +23776,13 @@ var DivaEngine = /*#__PURE__*/function () {
                   LOG$g.log('partlistarticle loaded for haveing 0 decisions: ', myPartListPos.ItemRefArticles);
                   partlistArticlesToLoad = this.addPartilstToPartlistArticlesToLoad(myPartListPos, partlistArticlesToLoad, partlistGroup, newConfigValues);
                   LOG$g.debug('partlist ' + myPartListPos.$id + ' article ' + this.article.articleCodex + '  time ' + (Date.now() - startTime));
-                  break;
+                  continue;
                 }
                 if (!partlistAdded && this.article.CatalogData.useDecisionPosCountValue && myPartListPos.PosCountValue > 0) {
                   LOG$g.log('partlistarticle loaded for having default PosCountValue ', myPartListPos.ItemRefArticles);
                   partlistArticlesToLoad = this.addPartilstToPartlistArticlesToLoad(myPartListPos, partlistArticlesToLoad, partlistGroup, newConfigValues);
                   LOG$g.debug('partlist ' + myPartListPos.$id + ' article ' + this.article.articleCodex + '  time ' + (Date.now() - startTime));
-                  break;
+                  continue;
                 }
               }
             }
@@ -25239,7 +25267,7 @@ var IDMEngine = /*#__PURE__*/function () {
   }, {
     key: "evalCombi",
     value: function evalCombi(optionSetRefs) {
-      var refLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var refLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
       var article = this.article;
       if (refLevel > 1) article = this.article.getRefLevelArticle(refLevel);
       for (var i = 0; i < optionSetRefs.length; i++) {
@@ -26649,7 +26677,10 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "typeNr",
     get: function get() {
-      if (this.supplierOrderCodex) return this.supplierOrderCodex;
+      var diomexArticleCodex = this.diomexArticleCodex;
+      if (diomexArticleCodex) return diomexArticleCodex;
+      var supplierOrderCodex = this.supplierOrderCodex;
+      if (supplierOrderCodex) return supplierOrderCodex;
       var _iterator7 = _createForOfIteratorHelper$6(this.articleOptionStates.values()),
         _step7;
       try {
@@ -27190,6 +27221,34 @@ var DivaArticle = /*#__PURE__*/function () {
     set: function set(codex) {
       this.article.configArticleCodex = codex;
     }
+  }, {
+    key: "diomexArticleCodex",
+    get: function get() {
+      var _featuresWithValue$fi;
+      if (!this.CatalogData.useDiomexConfigLogic) return undefined;
+      var opss = _toConsumableArray(this.articleOptionStates.values());
+      var features = opss.sort(function (a, b) {
+        return Number(a.option.name.replace('ArtikelnummerStelle', '')) - Number(b.option.name.replace('ArtikelnummerStelle', ''));
+      }).filter(function (item) {
+        return item.option.name.startsWith('ArtikelnummerStelle');
+      });
+      var featuresWithValue = features.filter(function (item) {
+        var _item$valCodex;
+        return !((_item$valCodex = item.valCodex) !== null && _item$valCodex !== void 0 && _item$valCodex.endsWith('_NO_VALUE'));
+      });
+      var articleCodex = (_featuresWithValue$fi = featuresWithValue.find(function (f) {
+        return f.optionName == 'ArtikelnummerStelle0';
+      })) === null || _featuresWithValue$fi === void 0 || (_featuresWithValue$fi = _featuresWithValue$fi.val) === null || _featuresWithValue$fi === void 0 ? void 0 : _featuresWithValue$fi.name;
+      if (!articleCodex) return undefined;
+      for (var i = 0; i < featuresWithValue.length; i++) {
+        var _f$val;
+        var f = featuresWithValue[i];
+        var val = (_f$val = f.val) === null || _f$val === void 0 ? void 0 : _f$val.name;
+        if (f.optionName == 'ArtikelnummerStelle0' || !val) continue;
+        articleCodex = articleCodex.replace('X'.repeat(val.length), val);
+      }
+      return articleCodex;
+    }
   }, {
     key: "supplierOrderCodex",
     get: function get() {
@@ -28309,7 +28368,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-9e37b51c.js');
+              return import('./ShelfPlanner-4b4f397f.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -28366,14 +28425,26 @@ var DivaArticle = /*#__PURE__*/function () {
       }
       return updateShelfPlannerState;
     }()
+    /**
+     * 
+     * @param refLevel 1 = ROOT
+    2 = PARENT
+    3 = SELF default
+     * @returns 
+     */
   }, {
     key: "getRefLevelArticle",
     value: function getRefLevelArticle() {
-      var refLevel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-      if (refLevel > 1 && this.partListParentArticle) {
-        return this.partListParentArticle.getRefLevelArticle(refLevel - 1);
+      var _this$partListParentA12;
+      var refLevel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 3;
+      switch (refLevel) {
+        case 1:
+          return this.getBaseParent();
+        case 2:
+          return (_this$partListParentA12 = this.partListParentArticle) !== null && _this$partListParentA12 !== void 0 ? _this$partListParentA12 : this;
+        case 3:
+          return this;
       }
-      return this;
     }
   }, {
     key: "parentHasSameOption",
@@ -28950,7 +29021,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     key: "loadArticle",
     value: //Initialisiert eventuell Option Tree und Infos im CatalogArticle
     function () {
-      var _loadArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, articleCodex, initParams) {
+      var _loadArticle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, articleCodex, initParams, onInit) {
         var loadedObj, catalog, catalogArticle, newBasketId;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -28958,7 +29029,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               _context.next = 2;
               return this.preLoadArticles(set, [_objectSpread$d(_objectSpread$d({}, initParams), {}, {
                 articleCodex: articleCodex
-              })]);
+              })], onInit);
             case 2:
               loadedObj = _context.sent;
               catalog = Object.values(loadedObj)[0].catalog;
@@ -28984,7 +29055,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee, this);
       }));
-      function loadArticle(_x, _x2, _x3) {
+      function loadArticle(_x, _x2, _x3, _x4) {
         return _loadArticle.apply(this, arguments);
       }
       return loadArticle;
@@ -28992,7 +29063,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
   }, {
     key: "preLoadArticles",
     value: function () {
-      var _preLoadArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, initParams) {
+      var _preLoadArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, initParams, onInit) {
         var articlesToLoadGroupedByCatalogs, i, _initParam$catalogCod, initParam, catalog, catalogCodex, _set$getSetState$acti, _set$getSetState$acti2, _set$getSetState$acti3, _set$getSetState$acti4, _set$getSetState$acti5, _set$getSetState$acti6, _loop, key;
         return _regeneratorRuntime.wrap(function _callee2$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
@@ -29037,8 +29108,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               break;
             case 20:
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var _set$api$getViewConfi;
-                var articlesObj, catalog, articles, _set$actions, _set$actions$openModa, index, articleCodex, articlesToLoadMore;
+                var articlesObj, catalog, articles, _i, _set$actions, _set$actions$openModa, index, articleCodex, articlesToLoadMore;
                 return _regeneratorRuntime.wrap(function _loop$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
                     case 0:
@@ -29049,11 +29119,22 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                         return catalog.getCatalogArticleByArticleCodex(a.articleCodex, set.onlyRunLogic);
                       });
 
+                      //if accessoires are no longer available we remove them during init process
+                      if (onInit && articlesObj.loadedArticles.some(function (a) {
+                        return a === undefined;
+                      })) {
+                        for (_i = articlesObj.loadedArticles.length - 1; _i >= 0; _i--) {
+                          if (articlesObj.loadedArticles[_i] === undefined) {
+                            if (initParams[_i].relatedToBasketId) articlesObj.loadedArticles.splice(_i, 1);
+                          }
+                        }
+                      }
+
                       // show missing article in view only in supplier usecase
                       if (!(articlesObj.loadedArticles.findIndex(function (a) {
                         return a === undefined;
-                      }) !== -1 && set !== null && set !== void 0 && (_set$api$getViewConfi = set.api.getViewConfig()) !== null && _set$api$getViewConfi !== void 0 && _set$api$getViewConfi.showOptionCodexInOptionHeader)) {
-                        _context2.next = 9;
+                      }) !== -1)) {
+                        _context2.next = 10;
                         break;
                       }
                       index = articlesObj.loadedArticles.findIndex(function (a) {
@@ -29062,10 +29143,11 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                       articleCodex = articles[index].articleCodex;
                       (_set$actions = set.actions) === null || _set$actions === void 0 || (_set$actions$openModa = _set$actions.openModal) === null || _set$actions$openModa === void 0 || _set$actions$openModa.call(_set$actions, {
                         title: set.api.getI18n().t('configurator.article_not_found'),
-                        content: articleCodex
+                        content: articleCodex,
+                        accept: true
                       });
                       throw new Error('articleCodex ' + articleCodex + ' not found in article list. Could be due to exclusivity or a bug in the application!');
-                    case 9:
+                    case 10:
                       // hat catalogArticle Optionen welche noch nicht gealden wurden, erst laden!
                       //usecase der selbe Article wurde bereits verplant. nun kann die bereits geladene & verwendete Klasse catalogArticle wiederverwendet werden da wir dort nichts
                       //während der Konfiguration verändern!
@@ -29073,12 +29155,12 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                         return a.areOptionsToLoad;
                       });
                       if (!articlesToLoadMore.length) {
-                        _context2.next = 13;
+                        _context2.next = 14;
                         break;
                       }
-                      _context2.next = 13;
+                      _context2.next = 14;
                       return catalog.loadArticleData(articlesToLoadMore, set);
-                    case 13:
+                    case 14:
                     case "end":
                       return _context2.stop();
                   }
@@ -29103,7 +29185,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee2);
       }));
-      function preLoadArticles(_x4, _x5) {
+      function preLoadArticles(_x5, _x6, _x7) {
         return _preLoadArticles.apply(this, arguments);
       }
       return preLoadArticles;
@@ -29128,7 +29210,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function updateAccessoireQuantity(_x6, _x7) {
+      function updateAccessoireQuantity(_x8, _x9) {
         return _updateAccessoireQuantity.apply(this, arguments);
       }
       return updateAccessoireQuantity;
@@ -29169,7 +29251,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee4, this);
       }));
-      function toDoAfterArticleLoaded(_x8, _x9, _x10, _x11, _x12, _x13) {
+      function toDoAfterArticleLoaded(_x10, _x11, _x12, _x13, _x14, _x15) {
         return _toDoAfterArticleLoaded.apply(this, arguments);
       }
       return toDoAfterArticleLoaded;
@@ -29277,7 +29359,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee5, this);
       }));
-      function updateArticlesOptionStates(_x14, _x15, _x16, _x17, _x18) {
+      function updateArticlesOptionStates(_x16, _x17, _x18, _x19, _x20) {
         return _updateArticlesOptionStates.apply(this, arguments);
       }
       return updateArticlesOptionStates;
@@ -29322,7 +29404,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee6, this);
       }));
-      function triggerUpdateOnVisiblePartilstArticles(_x19, _x20) {
+      function triggerUpdateOnVisiblePartilstArticles(_x21, _x22) {
         return _triggerUpdateOnVisiblePartilstArticles.apply(this, arguments);
       }
       return triggerUpdateOnVisiblePartilstArticles;
@@ -29356,7 +29438,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               count++;
             case 10:
               if (Object.keys(article.afterInit()).find(function (key) {
-                return !emyptsOptionsToSet[key];
+                var _article$articleOptio;
+                return !emyptsOptionsToSet[key] || ((_article$articleOptio = article.articleOptionStates.get(key)) === null || _article$articleOptio === void 0 ? void 0 : _article$articleOptio.option.mergesToOPG);
               }) && count < 5) {
                 _context8.next = 3;
                 break;
@@ -29369,7 +29452,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee7, this);
       }));
-      function updateEmptyOption(_x21) {
+      function updateEmptyOption(_x23) {
         return _updateEmptyOption.apply(this, arguments);
       }
       return updateEmptyOption;
@@ -29401,7 +29484,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee8, this);
       }));
-      function updateAccessoriesFromGlobalOption(_x22, _x23) {
+      function updateAccessoriesFromGlobalOption(_x24, _x25) {
         return _updateAccessoriesFromGlobalOption.apply(this, arguments);
       }
       return updateAccessoriesFromGlobalOption;
@@ -29498,7 +29581,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
       var _initCfgValues = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(article, variantValues,
       // Werte aus einem Basiskonfigurat,
       variantItems) {
-        var myCatalogArticleOptions, i, _article$set$ViewConf, attr, foundItem, _foundItem$opt, freeText, opss, _i, ops, opv, _iterator3, _step3, _ops, value, optionValueCodex, _i2, variantItem, possibleValues, j, possibleValue, _i3, _variantItem, val;
+        var myCatalogArticleOptions, i, _article$set$ViewConf, attr, foundItem, _foundItem$opt, freeText, opss, _i2, ops, opv, _iterator3, _step3, _ops, value, optionValueCodex, _i3, variantItem, possibleValues, j, possibleValue, _i4, _variantItem, val;
         return _regeneratorRuntime.wrap(function _callee9$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -29534,8 +29617,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                     }
                   } else if (attr.startsWith('OPTA')) {
                     opss = article.getAllOptionsStatesofOption('OPT' + attr.replace(/(OPT)A\d+/, ''));
-                    for (_i = 0; _i < opss.length; _i++) {
-                      ops = opss[_i];
+                    for (_i2 = 0; _i2 < opss.length; _i2++) {
+                      ops = opss[_i2];
                       opv = ops.option.getOpvByOcd('OPV' + variantValues[attr].replace(/(OPV)A\d+/, ''));
                       if (opv) article.engine.setOP(ops.optionCodex, opv, undefined, true);
                     }
@@ -29562,8 +29645,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               value = undefined;
               optionValueCodex = Array.from(_ops.option.articleOptionValues.values())[0].codex;
               if (variantItems && _ops.isFreeText && _ops.measureUnit) {
-                for (_i2 = 0; _i2 < variantItems.length && value == undefined; _i2++) {
-                  variantItem = variantItems[_i2];
+                for (_i3 = 0; _i3 < variantItems.length && value == undefined; _i3++) {
+                  variantItem = variantItems[_i3];
                   if ((!article.CatalogData.isIDMFormat ? 'OPT' : '') + variantItem.OPT == _ops.optionCodex && variantItem.OPVName) {
                     if (variantItem.MeasureValue) {
                       //measureValue from new Bakset
@@ -29582,8 +29665,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                   }
                 }
               } else if (variantItems && _ops.isFreeText) {
-                for (_i3 = 0; _i3 < variantItems.length && value == undefined; _i3++) {
-                  _variantItem = variantItems[_i3];
+                for (_i4 = 0; _i4 < variantItems.length && value == undefined; _i4++) {
+                  _variantItem = variantItems[_i4];
                   if (_variantItem.isFreeText && _variantItem.FreeText && (!article.CatalogData.isIDMFormat ? 'OPT' : '') + _variantItem.OPT == _ops.optionCodex) {
                     value = _variantItem.FreeText;
                     optionValueCodex = (!article.CatalogData.isIDMFormat ? 'OPV' : '') + _variantItem.OPV;
@@ -29620,7 +29703,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee9, null, [[5, 20, 23, 26]]);
       }));
-      function initCfgValues(_x24, _x25, _x26) {
+      function initCfgValues(_x26, _x27, _x28) {
         return _initCfgValues.apply(this, arguments);
       }
       return initCfgValues;
@@ -29702,7 +29785,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee10, this);
       }));
-      function updateCfgValues(_x27, _x28, _x29, _x30, _x31, _x32, _x33) {
+      function updateCfgValues(_x29, _x30, _x31, _x32, _x33, _x34, _x35) {
         return _updateCfgValues.apply(this, arguments);
       }
       return updateCfgValues;
@@ -29759,7 +29842,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee11, this);
       }));
-      function updateLastElement(_x34) {
+      function updateLastElement(_x36) {
         return _updateLastElement.apply(this, arguments);
       }
       return updateLastElement;
@@ -29801,7 +29884,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee12);
       }));
-      function updateOption(_x35, _x36, _x37, _x38) {
+      function updateOption(_x37, _x38, _x39, _x40) {
         return _updateOption.apply(this, arguments);
       }
       return updateOption;
@@ -29847,7 +29930,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee13, this);
       }));
-      function evalAndLoadPartlistArticles(_x39, _x40, _x41) {
+      function evalAndLoadPartlistArticles(_x41, _x42, _x43) {
         return _evalAndLoadPartlistArticles.apply(this, arguments);
       }
       return evalAndLoadPartlistArticles;
@@ -29886,7 +29969,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee14, this);
       }));
-      function loadPartlistArticles(_x42, _x43, _x44) {
+      function loadPartlistArticles(_x44, _x45, _x46) {
         return _loadPartlistArticles.apply(this, arguments);
       }
       return loadPartlistArticles;
@@ -29919,7 +30002,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee15, this);
       }));
-      function loadPartlistArticle(_x45, _x46, _x47) {
+      function loadPartlistArticle(_x47, _x48, _x49) {
         return _loadPartlistArticle.apply(this, arguments);
       }
       return loadPartlistArticle;
@@ -29961,7 +30044,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
     value: (function () {
       var _evalOpvsOnOpvsConstructionRules = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16(article) {
         var _article$CatalogData$;
-        var somethingChanged, previousRules, _key, actRules, item, _iterator4, _step4, ops, myOPVs, _iterator5, _step5, _step5$value, key2, opv, opvGroupName, _article$catalogArtic, _article$catalogArtic2, disable, onOpv, onOpvArr, invaliOPVs, invalidOPVArr, j, opvRule, ops2, i, invalidOpv, ops3, key, constructionRule, notifications, _i4, _item;
+        var somethingChanged, previousRules, _key, actRules, item, _iterator4, _step4, ops, myOPVs, _iterator5, _step5, _step5$value, key2, opv, opvGroupName, _article$catalogArtic, _article$catalogArtic2, disable, onOpv, onOpvArr, invaliOPVs, invalidOPVArr, j, opvRule, ops2, i, invalidOpv, ops3, key, constructionRule, notifications, _i5, _item;
         return _regeneratorRuntime.wrap(function _callee16$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
             case 0:
@@ -30052,13 +30135,13 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 _context17.next = 20;
                 break;
               }
-              _i4 = 0;
+              _i5 = 0;
             case 11:
-              if (!(_i4 < notifications.length)) {
+              if (!(_i5 < notifications.length)) {
                 _context17.next = 19;
                 break;
               }
-              _item = notifications[_i4];
+              _item = notifications[_i5];
               if (_item.showAsWarning) {
                 _context17.next = 15;
                 break;
@@ -30070,7 +30153,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                 type: _item.type == 'error' ? 'DISABLE' : 'WARNING'
               }));
             case 16:
-              _i4++;
+              _i5++;
               _context17.next = 11;
               break;
             case 19:
@@ -30088,7 +30171,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee16, this);
       }));
-      function evalOpvsOnOpvsConstructionRules(_x48) {
+      function evalOpvsOnOpvsConstructionRules(_x50) {
         return _evalOpvsOnOpvsConstructionRules.apply(this, arguments);
       }
       return evalOpvsOnOpvsConstructionRules;
@@ -30249,8 +30332,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }
         if (dpType == 'AVR') {
-          for (var _i5 = 0; _i5 < article.plannerData.AVRFilter.length; _i5++) {
-            var _filter = article.plannerData.AVRFilter[_i5];
+          for (var _i6 = 0; _i6 < article.plannerData.AVRFilter.length; _i6++) {
+            var _filter = article.plannerData.AVRFilter[_i6];
             if (dockedToArticle.plannerData.AVLFilter.includes(_filter)) {
               var _ops2 = article.getArticleOptionState((!article.CatalogData.isIDMFormat ? 'OPT' : '') + '90');
               if (_ops2 !== null && _ops2 !== void 0 && _ops2.visibleOptionValues.get((!article.CatalogData.isIDMFormat ? 'OPV' : '') + _filter)) {
@@ -30291,7 +30374,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee17);
       }));
-      function triggerShelfplannerVisibility(_x49, _x50) {
+      function triggerShelfplannerVisibility(_x51, _x52) {
         return _triggerShelfplannerVisibility.apply(this, arguments);
       }
       return triggerShelfplannerVisibility;
@@ -30615,7 +30698,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
           }
         }, _callee18, this);
       }));
-      function correctPartlistArticlesByGlobalRules(_x51, _x52, _x53, _x54) {
+      function correctPartlistArticlesByGlobalRules(_x53, _x54, _x55, _x56) {
         return _correctPartlistArticlesByGlobalRules.apply(this, arguments);
       }
       return correctPartlistArticlesByGlobalRules;
@@ -30641,8 +30724,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
         _loop5(i);
       }
       //bundle Partlistarticles
-      for (var _i6 = 0; _i6 < bundleRules.length; _i6++) {
-        var bundleRule = bundleRules[_i6];
+      for (var _i7 = 0; _i7 < bundleRules.length; _i7++) {
+        var bundleRule = bundleRules[_i7];
         var noBundleFound = false;
         var bundleUsedCounter = 0;
         while (!noBundleFound && (bundleRule.maximalUsage === undefined || bundleRule.maximalUsage > bundleUsedCounter)) {
@@ -32816,7 +32899,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-38ed4f7f.js');
+              return import('./DoorPlanner-c4f9cd54.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -35031,44 +35114,44 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
     key: "getConifgItemsForView",
     value: function () {
       var _getConifgItemsForView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(set, configStepKey) {
-        var articles, step, retValues, optionCodex, configItems, selectedItems, optionState, _iterator5, _step5, _configItem$parent$oc, key, configItem, configItemsInOPG, retVal, _retVal, totalTime, configStepOPG, configStepOPV, targetArticle, opg, ops, selectedOpv, originalVariantValues, seomethingChanged, variantValues, _iterator6, _step6, _set$favorites$Varian, _set$favorites, _key, startTime, alreadyCalcedVisibleOPVs, _i, _ops$optionOcd2, _retVal2, clonedConfigItemsForView, i, timeDiff;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        var articles, step, retValues, optionCodex, configItems, selectedItems, optionState, _iterator5, _step5, _configItem$parent$oc, key, configItem, configItemsInOPG, retVal, _retVal, clonedSet, clonedArticles, totalTime, configStepOPG, configStepOPV, targetArticle, opg, ops, selectedOpv, originalVariantValues, variantValues, _iterator6, _step6, _clonedSet$favorites$, _clonedSet$favorites, _key, startTime, alreadyCalcedVisibleOPVs, _loop5, _i, _ops$optionOcd2, _retVal2, clonedConfigItemsForView, _loop4, i, timeDiff;
+        return _regeneratorRuntime.wrap(function _callee$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               articles = set.getDivaArticles(true);
               step = set.configTree.getAllByKey(configStepKey);
               retValues = this.getConfigItems(configStepKey, articles, set.configTree);
               optionCodex = undefined;
               if (!(retValues && step != null)) {
-                _context.next = 96;
+                _context3.next = 106;
                 break;
               }
               configItems = [];
               selectedItems = retValues.selectedVals;
               optionState = articles[retValues.targetArticles[0]].getArticleOptionState(retValues.optionCodex);
               if (optionState) {
-                _context.next = 10;
+                _context3.next = 10;
                 break;
               }
               throw new Error('myOptionState ' + retValues.optionCodex + ' is undefined');
             case 10:
               optionCodex = optionState.optionCodex;
               if (!retValues.isOPG) {
-                _context.next = 36;
+                _context3.next = 36;
                 break;
               }
               _iterator5 = _createForOfIteratorHelper$2(retValues.configItems.keys());
-              _context.prev = 13;
+              _context3.prev = 13;
               _iterator5.s();
             case 15:
               if ((_step5 = _iterator5.n()).done) {
-                _context.next = 26;
+                _context3.next = 26;
                 break;
               }
               key = _step5.value;
               configItem = retValues.configItems.get(key);
               if (configItem) {
-                _context.next = 20;
+                _context3.next = 20;
                 break;
               }
               throw new Error('configItem ' + key + ' not found in retValues.configItems');
@@ -35086,132 +35169,175 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 });
               }
             case 24:
-              _context.next = 15;
+              _context3.next = 15;
               break;
             case 26:
-              _context.next = 31;
+              _context3.next = 31;
               break;
             case 28:
-              _context.prev = 28;
-              _context.t0 = _context["catch"](13);
-              _iterator5.e(_context.t0);
+              _context3.prev = 28;
+              _context3.t0 = _context3["catch"](13);
+              _iterator5.e(_context3.t0);
             case 31:
-              _context.prev = 31;
+              _context3.prev = 31;
               _iterator5.f();
-              return _context.finish(31);
+              return _context3.finish(31);
             case 34:
-              _context.next = 93;
+              _context3.next = 103;
               break;
             case 36:
               if (!(step.optionStep.mergesToOPG == undefined)) {
-                _context.next = 41;
+                _context3.next = 41;
                 break;
               }
               _retVal = this.prepareConfigItemsForView(set, optionState, retValues.configItems, retValues.constructionRules, selectedItems, step.configStep.targetArticles, undefined, undefined, undefined, undefined, retValues.freeTextValue, retValues.freeTextLang);
               configItems = _retVal.myConfigItemsForView;
-              _context.next = 93;
+              _context3.next = 103;
               break;
             case 41:
               if (!(typeof step.optionStep.mergesToOPG == 'string' && step.tabGroup.options[step.optionStep.mergesToOPG])) {
-                _context.next = 93;
+                _context3.next = 103;
                 break;
               }
-              //IDM Bezugschritte werden zusammengefasst zu OPG und OPV
+              clonedSet = set.cloneSet();
+              clonedArticles = clonedSet.getDivaArticles(true); //IDM Bezugschritte werden zusammengefasst zu OPG und OPV
               totalTime = Date.now();
               configStepOPG = step.configStep, configStepOPV = set.configTree.getConfigStepBasketIdAndOptionCodex(configStepOPG.targetArticles[0], step.optionStep.mergesToOPG); //falls mehrere Artikel im Schritt sind werden trotzdem nur die Values des erster verwendet um die z.B. OPT2 und OPT3 zu vereinen
               if (!configStepOPV) {
-                _context.next = 93;
+                _context3.next = 103;
                 break;
               }
-              targetArticle = articles[configStepOPG.targetArticles[0]];
+              targetArticle = clonedArticles[configStepOPG.targetArticles[0]];
               opg = targetArticle.getArticleOptionState(configStepOPG.option);
               ops = targetArticle.getArticleOptionState(configStepOPV.option);
               if (opg) {
-                _context.next = 50;
+                _context3.next = 52;
                 break;
               }
               throw new Error('myOptionState ' + configStepOPG.option + ' is undefined');
-            case 50:
+            case 52:
               if (ops) {
-                _context.next = 52;
+                _context3.next = 54;
                 break;
               }
               throw new Error('myOptionState ' + configStepOPV.option + ' is undefined');
-            case 52:
-              selectedOpv = ops.val;
+            case 54:
+              selectedOpv = ops.valCodex;
               originalVariantValues = targetArticle.VariantValues;
-              seomethingChanged = false;
               variantValues = {};
               _iterator6 = _createForOfIteratorHelper$2(opg.visibleOptionValues.keys());
-              _context.prev = 57;
+              _context3.prev = 58;
               _iterator6.s();
-            case 59:
+            case 60:
               if ((_step6 = _iterator6.n()).done) {
-                _context.next = 79;
+                _context3.next = 86;
                 break;
               }
               _key = _step6.value;
               startTime = Date.now(); //die sichtbaren gruppen werden nun nacheinander beim Artikel gesetzt und die Validen bezüge jeder gruppe geholt -> visibleOptionValues;
               variantValues[opg.optionCodex] = opg.visibleOptionValues.get(_key).codex;
               alreadyCalcedVisibleOPVs = targetArticle.getMergesToOPG(opg.optionCodex + '_' + opg.visibleOptionValues.get(_key).codex, JSON.stringify(targetArticle.getVariantValuesTillOPT(opg.optionCodex)));
-              if (!(alreadyCalcedVisibleOPVs != undefined && Object.keys((_set$favorites$Varian = (_set$favorites = set.favorites) === null || _set$favorites === void 0 ? void 0 : _set$favorites.VariantValues) !== null && _set$favorites$Varian !== void 0 ? _set$favorites$Varian : {}).length == 0)) {
-                _context.next = 69;
+              if (!(alreadyCalcedVisibleOPVs != undefined && Object.keys((_clonedSet$favorites$ = (_clonedSet$favorites = clonedSet.favorites) === null || _clonedSet$favorites === void 0 ? void 0 : _clonedSet$favorites.VariantValues) !== null && _clonedSet$favorites$ !== void 0 ? _clonedSet$favorites$ : {}).length == 0)) {
+                _context3.next = 77;
+                break;
+              }
+              if (!((originalVariantValues === null || originalVariantValues === void 0 ? void 0 : originalVariantValues[opg.optionCodex]) == opg.visibleOptionValues.get(_key).codex)) {
+                _context3.next = 74;
                 break;
               }
-              //die merged OPG wurde bereist ausgerechnet und kann wiederverwendet werden. nur die Selected value muss repariert werden
-              if ((originalVariantValues === null || originalVariantValues === void 0 ? void 0 : originalVariantValues[opg.optionCodex]) == opg.visibleOptionValues.get(_key).codex) {
-                for (_i = 0; _i < alreadyCalcedVisibleOPVs.length; _i++) {
-                  if (alreadyCalcedVisibleOPVs[_i].codex == ops.valCodex) {
-                    alreadyCalcedVisibleOPVs[_i].sel = true;
+              _loop5 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop5() {
+                var _clonedArticles$confi;
+                var valCodex, sel;
+                return _regeneratorRuntime.wrap(function _loop5$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      valCodex = (_clonedArticles$confi = clonedArticles[configStepOPG.targetArticles[_i]].getArticleOptionState(configStepOPV.option)) === null || _clonedArticles$confi === void 0 ? void 0 : _clonedArticles$confi.valCodex;
+                      sel = alreadyCalcedVisibleOPVs.find(function (c) {
+                        return c.codex == valCodex;
+                      });
+                      if (sel) sel.sel = true;
+                    case 3:
+                    case "end":
+                      return _context.stop();
                   }
-                }
+                }, _loop5);
+              });
+              _i = 0;
+            case 69:
+              if (!(_i < configStepOPG.targetArticles.length)) {
+                _context3.next = 74;
+                break;
               }
+              return _context3.delegateYield(_loop5(), "t1", 71);
+            case 71:
+              _i++;
+              _context3.next = 69;
+              break;
+            case 74:
               configItems = configItems.concat(alreadyCalcedVisibleOPVs);
-              _context.next = 76;
+              _context3.next = 83;
               break;
-            case 69:
-              seomethingChanged = true;
-              _context.next = 72;
+            case 77:
+              _context3.next = 79;
               return articleHandlerInstance.updateCfgValues(targetArticle, variantValues, {}, true, true, true, true);
-            case 72:
-              _retVal2 = this.prepareConfigItemsForView(set, optionState, targetArticle.getArticleOptionState(ops.optionCodex).visibleOptionValues, retValues.constructionRules, [], step.configStep.targetArticles, (_ops$optionOcd2 = ops.optionOcd) !== null && _ops$optionOcd2 !== void 0 ? _ops$optionOcd2 : ops.optionCodex, opg.visibleOptionValues.get(_key).name, opg.visibleOptionValues.get(_key).codex, opg.optionCodex);
+            case 79:
+              _retVal2 = this.prepareConfigItemsForView(clonedSet, optionState, targetArticle.getArticleOptionState(ops.optionCodex).visibleOptionValues, retValues.constructionRules, [], step.configStep.targetArticles, (_ops$optionOcd2 = ops.optionOcd) !== null && _ops$optionOcd2 !== void 0 ? _ops$optionOcd2 : ops.optionCodex, opg.visibleOptionValues.get(_key).name, opg.visibleOptionValues.get(_key).codex, opg.optionCodex);
               configItems = configItems.concat(_retVal2.myConfigItemsForView);
               clonedConfigItemsForView = JSON.parse(JSON.stringify(_retVal2.myConfigItemsForView));
               targetArticle.addMergesToOPG(opg.optionCodex + '_' + opg.visibleOptionValues.get(_key).codex, JSON.stringify(targetArticle.getVariantValuesTillOPT(opg.optionCodex)), clonedConfigItemsForView);
-            case 76:
+            case 83:
               LOG$a.debug('calculating for merge to opg', _key, Date.now() - startTime + 'ms');
-            case 77:
-              _context.next = 59;
+            case 84:
+              _context3.next = 60;
               break;
-            case 79:
-              _context.next = 84;
+            case 86:
+              _context3.next = 91;
               break;
-            case 81:
-              _context.prev = 81;
-              _context.t1 = _context["catch"](57);
-              _iterator6.e(_context.t1);
-            case 84:
-              _context.prev = 84;
+            case 88:
+              _context3.prev = 88;
+              _context3.t2 = _context3["catch"](58);
+              _iterator6.e(_context3.t2);
+            case 91:
+              _context3.prev = 91;
               _iterator6.f();
-              return _context.finish(84);
-            case 87:
-              if (!seomethingChanged) {
-                _context.next = 90;
+              return _context3.finish(91);
+            case 94:
+              _loop4 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop4() {
+                var _clonedArticles$confi2;
+                var valCodex, sel;
+                return _regeneratorRuntime.wrap(function _loop4$(_context2) {
+                  while (1) switch (_context2.prev = _context2.next) {
+                    case 0:
+                      valCodex = i == 0 ? selectedOpv : (_clonedArticles$confi2 = clonedArticles[configStepOPG.targetArticles[i]].getArticleOptionState(configStepOPV.option)) === null || _clonedArticles$confi2 === void 0 ? void 0 : _clonedArticles$confi2.valCodex;
+                      sel = configItems.find(function (c) {
+                        return c.codex == valCodex;
+                      });
+                      if (sel) {
+                        sel.sel = true;
+                        if (!selectedItems.includes(sel.codex)) selectedItems.push(sel.codex);
+                      }
+                    case 3:
+                    case "end":
+                      return _context2.stop();
+                  }
+                }, _loop4);
+              });
+              i = 0;
+            case 96:
+              if (!(i < configStepOPG.targetArticles.length)) {
+                _context3.next = 101;
                 break;
               }
-              _context.next = 90;
-              return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, originalVariantValues, [targetArticle.basketId], true, 'calcVariant');
-            case 90:
-              for (i = 0; i < configItems.length; i++) {
-                if (configItems[i].codex == (selectedOpv === null || selectedOpv === void 0 ? void 0 : selectedOpv.codex)) {
-                  selectedItems = [selectedOpv.codex];
-                  configItems[i].sel = true;
-                }
-              }
+              return _context3.delegateYield(_loop4(), "t3", 98);
+            case 98:
+              i++;
+              _context3.next = 96;
+              break;
+            case 101:
               timeDiff = Date.now() - totalTime;
               LOG$a.debug('calculating for merge to opg', 'totalTime', timeDiff + 'ms');
-            case 93:
-              return _context.abrupt("return", {
+            case 103:
+              return _context3.abrupt("return", {
                 configItems: configItems,
                 option: optionCodex ? set.CatalogData.getOption(optionCodex) : undefined,
                 selectedItems: selectedItems.map(function (sel) {
@@ -35221,16 +35347,16 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }),
                 notTotallyMatichingOPVs: !set.CatalogData.articleConfigAll ? retValues.notTotallyMatichingOPVs : undefined
               });
-            case 96:
-              return _context.abrupt("return", {
+            case 106:
+              return _context3.abrupt("return", {
                 configItems: [],
                 selectedItems: []
               });
-            case 97:
+            case 107:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
-        }, _callee, this, [[13, 28, 31, 34], [57, 81, 84, 87]]);
+        }, _callee, this, [[13, 28, 31, 34], [58, 88, 91, 94]]);
       }));
       function getConifgItemsForView(_x, _x2) {
         return _getConifgItemsForView.apply(this, arguments);
@@ -35296,7 +35422,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         }
         if (visibleOptionValuesOfArticles.length > 0) {
           configItems = new Map(visibleOptionValuesOfArticles[0]);
-          var _loop4 = function _loop4(_i2) {
+          var _loop6 = function _loop6(_i2) {
             var _articles$configStep$;
             if ((_articles$configStep$ = articles[configStep.targetArticles[_i2]].getArticleOptionStateFlat(configStep.option)) !== null && _articles$configStep$ !== void 0 && _articles$configStep$.definedBySetFeatureFixed) return 1; // continue
             var keys = Array.from(configItems.keys());
@@ -35308,7 +35434,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
               return !keys.includes(x);
             });
             if (opvsOnlyInA.length && opvsOnlyInB.length) {
-              var _loop5 = function _loop5() {
+              var _loop7 = function _loop7() {
                 var opva = configItems.get(opvsOnlyInA[j]);
                 if (!opva) return 1; // continue
                 var sameOPVExists = opvsOnlyInB.find(function (opvb) {
@@ -35321,10 +35447,10 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var j = opvsOnlyInA.length - 1; j >= 0; j--) {
-                if (_loop5()) continue;
+                if (_loop7()) continue;
               }
             } else if (opvsOnlyInA.length) {
-              var _loop6 = function _loop6() {
+              var _loop8 = function _loop8() {
                 var opva = configItems.get(opvsOnlyInA[_j]);
                 if (!opva) return 1; // continue
                 var sameOPVExists = newKeys.find(function (opvb) {
@@ -35336,10 +35462,10 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var _j = opvsOnlyInA.length - 1; _j >= 0; _j--) {
-                if (_loop6()) continue;
+                if (_loop8()) continue;
               }
             } else if (opvsOnlyInB.length) {
-              var _loop7 = function _loop7() {
+              var _loop9 = function _loop9() {
                 var opva = configItems.get(opvsOnlyInB[_j2]);
                 if (!opva) return 1; // continue
                 var sameOPVExists = keys.find(function (opvb) {
@@ -35351,7 +35477,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               };
               for (var _j2 = opvsOnlyInB.length - 1; _j2 >= 0; _j2--) {
-                if (_loop7()) continue;
+                if (_loop9()) continue;
               }
             }
             var differentOPVs = opvsOnlyInA.concat(opvsOnlyInB);
@@ -35360,7 +35486,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             }
           };
           for (var _i2 = 1; _i2 < visibleOptionValuesOfArticles.length; _i2++) {
-            if (_loop4(_i2)) continue;
+            if (_loop6(_i2)) continue;
           }
         }
         return {
@@ -35422,7 +35548,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       var myConfigItemsForView = [];
       var objectKeys = Array.from(myConfigItems.keys());
       var groupContentItemIdObject = this.getGroupContentItemIdObject(Array.from(myConfigItems.values()), idmOpgGroupName);
-      var _loop8 = function _loop8() {
+      var _loop10 = function _loop10() {
         var _ops$optionOcd3, _item$images, _item$colorGroups, _item$pdfUrl, _item$url;
         var item = myConfigItems.get(objectKeys[i]);
         if (!item) throw new Error('item ' + objectKeys[i] + ' not found in myConfigItems');
@@ -35495,7 +35621,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         });
       };
       for (var i = 0; i < objectKeys.length; i++) {
-        if (_loop8()) continue;
+        if (_loop10()) continue;
       }
       return {
         myConfigItemsForView: myConfigItemsForView
@@ -35623,7 +35749,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: function () {
       var _initOrderLineArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(set, orderSet) {
         var _JSON$parse;
-        var catalogData, toLoadArticles, previousPartlistArticles, elements, _loop, i, _loop2, basketId, _i, toloadArtilce, newArticle, _i2, _newArticle, parentArticle, _newArticle$shelfPlan, _i3, cellsOfGrid, j, cell, gridIndex, accessoire, doesFit, _i4, _newArticle2$doorPlan, _newArticle2;
+        var catalogData, toLoadArticles, previousPartlistArticles, elements, _loop, i, _loop2, basketId, _i, toloadArticle, newArticle, _i2, _newArticle, parentArticle, _newArticle$shelfPlan, _i3, cellsOfGrid, j, cell, gridIndex, accessoire, doesFit, _i4, _newArticle2$doorPlan, _newArticle2;
         return _regeneratorRuntime.wrap(function _callee2$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -35741,9 +35867,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
                 _context4.next = 41;
                 break;
               }
-              toloadArtilce = toLoadArticles[_i];
+              toloadArticle = toLoadArticles[_i];
               _context4.next = 29;
-              return articleHandlerInstance.loadArticle(set, toloadArtilce.articleCodex, toloadArtilce);
+              return articleHandlerInstance.loadArticle(set, toloadArticle.articleCodex, toloadArticle, true);
             case 29:
               newArticle = _context4.sent;
               if (!newArticle) {
@@ -35752,7 +35878,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               set.addArticle(newArticle);
               _context4.next = 34;
-              return articleHandlerInstance.toDoAfterArticleLoaded(newArticle, {}, toloadArtilce.VariantValues, 'initializing', toloadArtilce.VariantItemData, true);
+              return articleHandlerInstance.toDoAfterArticleLoaded(newArticle, {}, toloadArticle.VariantValues, 'initializing', toloadArticle.VariantItemData, true);
             case 34:
               toLoadArticles[_i].basketId = newArticle.basketId;
               _context4.next = 38;
@@ -35761,7 +35887,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               LOG$9.error(new DivaError('articleCodex not found in article list. Could be due to exclusivity or a bug in the application!', {
                 code: 'WC_0011',
                 custom: {
-                  articleCodex: toloadArtilce.articleCodex
+                  articleCodex: toloadArticle.articleCodex
                 }
               }));
             case 38:
@@ -37184,7 +37310,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
       var plannedElements = [];
       for (var key in divaArticles) {
         var article = divaArticles[key];
-        if (article.plannerData && !article.relatedToBasketId) {
+        if (article.plannerData) {
           var _article$typeNr, _article$imageUrl, _article$catalogArtic, _article$catalogArtic2, _article$catalogArtic3, _article$actPlannerDa, _article$actPlannerDa2, _article$posNr;
           plannedElements.push({
             setId: set.getSetId(),
@@ -37205,6 +37331,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
             sizeInfo: DivaUtils.sizeFormatter(article.catalogArticle, set.i18n, true, ':'),
             longDescription: (_article$catalogArtic3 = article.catalogArticle) === null || _article$catalogArtic3 === void 0 ? void 0 : _article$catalogArtic3.longDescription,
             incomplete: article.incomplete,
+            isAccessoire: !!article.relatedToBasketId,
             avlFilter: (_article$actPlannerDa = article.actPlannerData) === null || _article$actPlannerDa === void 0 ? void 0 : _article$actPlannerDa.AVLFilter,
             avrFilter: (_article$actPlannerDa2 = article.actPlannerData) === null || _article$actPlannerDa2 === void 0 ? void 0 : _article$actPlannerDa2.AVRFilter,
             posNr: (_article$posNr = article.posNr) !== null && _article$posNr !== void 0 ? _article$posNr : 0
@@ -37465,9 +37592,9 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: function removeDockingInfluencableconfigItems(set, configItems, configStepKey) {
       var step = set.configTree.getAllByKey(configStepKey);
       if (!step || step.configStep.targetArticles[0] === 'ALL') return configItems;
-      var articles = set.getDivaArticles(true);
+      var articles = set.getDivaArticles(true, true);
       var article = articles[step.configStep.targetArticles[0]];
-      if (article.elementId === undefined) return configItems;
+      if (!article || article.elementId === undefined) return configItems;
       var ops = article.getArticleOptionState(step.optionStep.codex);
       var rules = ops === null || ops === void 0 ? void 0 : ops.onlyVisibleIfNotUndock;
       var dockedDPs = set.plannerHandler.getDockedDockingPointsByElementId(set.getSetId(), article.elementId, ['AVL', 'AVR']).map(function (item) {
@@ -37563,16 +37690,31 @@ var DivaSetHandler = /*#__PURE__*/function () {
             case 0:
               variantInfo = [];
               set = realSet.cloneSet();
-              articles = set.getDivaArticles(true);
+              articles = set.getDivaArticles(true, true);
               origPrice = set.getSetPrice();
               articleConfigs = {};
-              for (i = 0; i < targetArticles.length; i++) {
-                basketId = targetArticles[i];
-                articleConfigs[basketId] = {
-                  config: articles[basketId].VisibleVariantValues,
-                  articleCodex: articles[basketId].articleCodex
-                };
+              i = 0;
+            case 6:
+              if (!(i < targetArticles.length)) {
+                _context26.next = 14;
+                break;
+              }
+              basketId = targetArticles[i];
+              if (articles[basketId]) {
+                _context26.next = 10;
+                break;
               }
+              return _context26.abrupt("continue", 11);
+            case 10:
+              articleConfigs[basketId] = {
+                config: articles[basketId].VisibleVariantValues,
+                articleCodex: articles[basketId].articleCodex
+              };
+            case 11:
+              i++;
+              _context26.next = 6;
+              break;
+            case 14:
               totalConfig = {};
               for (key in articles) {
                 totalConfig[key] = {
@@ -37582,33 +37724,33 @@ var DivaSetHandler = /*#__PURE__*/function () {
               }
               parentNames = [];
               _i5 = 0;
-            case 10:
+            case 18:
               if (!(_i5 < configItems.length)) {
-                _context26.next = 23;
+                _context26.next = 31;
                 break;
               }
               configItem = configItems[_i5];
               if (!(configItem.isParentOPVG || configItem.idmOpgValCodex)) {
-                _context26.next = 19;
+                _context26.next = 27;
                 break;
               }
               if (!parentNames.includes((_ref = configItem.isParentOPVG ? configItem.parentName : configItem.idmOpgValCodex) !== null && _ref !== void 0 ? _ref : '')) {
-                _context26.next = 18;
+                _context26.next = 26;
                 break;
               }
               variantInfo.push(variantInfo[_i5 - 1]);
-              return _context26.abrupt("continue", 20);
-            case 18:
+              return _context26.abrupt("continue", 28);
+            case 26:
               parentNames.push((_ref2 = configItem.isParentOPVG ? configItem.parentName : configItem.idmOpgValCodex) !== null && _ref2 !== void 0 ? _ref2 : '');
-            case 19:
+            case 27:
               variantInfo.push(this.getVariant(set, configItem, articleConfigs, totalConfig, targetArticles, optionCodex, origPrice, _i5, variantInfo[_i5 - 1]));
-            case 20:
+            case 28:
               _i5++;
-              _context26.next = 10;
+              _context26.next = 18;
               break;
-            case 23:
+            case 31:
               return _context26.abrupt("return", variantInfo);
-            case 24:
+            case 32:
             case "end":
               return _context26.stop();
           }
@@ -39809,7 +39951,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-6ebe05df.js');
+              return import('./PfisterWWSHandler-30a59ecc.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39817,7 +39959,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-08395179.js');
+              return import('./LiviqueWWSHandler-cb712c71.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39825,7 +39967,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-835d1e59.js');
+              return import('./SeriousBasketHandler-5fc6e882.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39833,7 +39975,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-c5f8be7a.js');
+              return import('./StandardWWSHandler-4f9d6470.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -41262,7 +41404,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-4c7daa17.js');
+              return import('./Host3DSignalR-8afedc20.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -42820,7 +42962,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-763569d5.js');
+              return import('./DivaStandardPlanner-0b6d6d2f.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42831,7 +42973,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-04afed4e.js');
+              return import('./DivaBoxPlanner-eeb0e582.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43985,9 +44127,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       //Von diesem Katalog müssen wir die CatalogPlannerArticles laden.
       (_this$updateCatalogPl = _this.updateCatalogPlannerArticles) === null || _this$updateCatalogPl === void 0 || _this$updateCatalogPl.call(_this, setHandlerInstance.getPlannerPaletteViewInfo(_this.actSet(), type, selectedArticle), paletteeId, isUpdate, type, dockFilter, actStepName, stepKey);
     });
-    _defineProperty(this, "loadCatalogPlannerArticles2Dot0", function (isUpdate, onlySelectionChanged) {
+    _defineProperty(this, "loadCatalogPlannerArticles2Dot0", function (isUpdate, onlySelectionChanged, dp) {
       var _this$updateCatalogPl2;
-      (_this$updateCatalogPl2 = _this.updateCatalogPlanner2Dot0Articles) === null || _this$updateCatalogPl2 === void 0 || _this$updateCatalogPl2.call(_this, setHandlerInstance.getPlanner2Dot0PaletteViewInfo(_this.actSet()), isUpdate, onlySelectionChanged);
+      (_this$updateCatalogPl2 = _this.updateCatalogPlanner2Dot0Articles) === null || _this$updateCatalogPl2 === void 0 || _this$updateCatalogPl2.call(_this, setHandlerInstance.getPlanner2Dot0PaletteViewInfo(_this.actSet()), isUpdate, onlySelectionChanged, dp);
     });
     /**
      * this fuction loads the accessoires of a specific article -> could be more than one article in the future
@@ -44927,18 +45069,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "initView",
     value: (function () {
       var _initView = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
-        var set, plannerMode, _this$initConfigurato, _this$initPlannerView, _this$initConfigurato2, _this$updateViewPlann9;
+        var _this$initConfigurato;
+        var set, plannerMode, _this$initConfigurato2, _this$initPlannerView, _this$initConfigurato3, _this$updateViewButto, _this$updateViewPlann9, _this$onBasketInitial;
         return _regeneratorRuntime.wrap(function _callee16$(_context16) {
           while (1) switch (_context16.prev = _context16.next) {
             case 0:
               set = this.actSet();
               plannerMode = this.getPlannerMode();
-              this.initConfiguratorMode(plannerMode);
+              (_this$initConfigurato = this.initConfiguratorMode) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, plannerMode);
               if (!(plannerMode == 'ProductList')) {
                 _context16.next = 7;
                 break;
               }
-              (_this$initConfigurato = this.initConfiguratorStructure) === null || _this$initConfigurato === void 0 || _this$initConfigurato.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
+              (_this$initConfigurato2 = this.initConfiguratorStructure) === null || _this$initConfigurato2 === void 0 || _this$initConfigurato2.call(this, setHandlerInstance.loadConfigStructureForOnlyProductsList());
               _context16.next = 17;
               break;
             case 7:
@@ -44946,14 +45089,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return (_this$initPlannerView = this.initPlannerView) === null || _this$initPlannerView === void 0 ? void 0 : _this$initPlannerView.call(this);
             case 9:
               //first load the Configuratorstructure STARTCONFIG
-              (_this$initConfigurato2 = this.initConfiguratorStructure) === null || _this$initConfigurato2 === void 0 || _this$initConfigurato2.call(this, setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType(true)));
+              (_this$initConfigurato3 = this.initConfiguratorStructure) === null || _this$initConfigurato3 === void 0 || _this$initConfigurato3.call(this, setHandlerInstance.loadConfigStructureOfActSet(set, this.getCurPlannerType(true)));
               this.updatePriceInView();
-              this.updateViewButtonsDependigOnConfigStructure();
+              (_this$updateViewButto = this.updateViewButtonsDependigOnConfigStructure) === null || _this$updateViewButto === void 0 || _this$updateViewButto.call(this);
               this.updateWebConfiguratorTitle();
               //initialize planner view
               (_this$updateViewPlann9 = this.updateViewPlannerElements) === null || _this$updateViewPlann9 === void 0 || _this$updateViewPlann9.call(this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set), set.getSetId(), set.firstElementId);
               this.updatePlannerView('INIT_VIEW');
-              this.onBasketInitialized();
+              (_this$onBasketInitial = this.onBasketInitialized) === null || _this$onBasketInitial === void 0 || _this$onBasketInitial.call(this);
               this.checkMatchingProducts('onInit');
             case 17:
               _context16.next = 19;
@@ -44985,7 +45128,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function () {
       var _runInitMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee17(plannerMode) {
         var _this$plannerConfig$i, _this$state3;
-        var doDefault, _this$navigateToTabGr2, configStepKey, _this$actSet6, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
+        var doDefault, _this$navigateToTabGr2, _this$saveToBasketWra, configStepKey, _this$navigateToConfi, _this$actSet6, _this$navigateToTabGr3, _this$navigateToTabGr4, _this$navigateToTabGr5;
         return _regeneratorRuntime.wrap(function _callee17$(_context17) {
           while (1) switch (_context17.prev = _context17.next) {
             case 0:
@@ -44998,7 +45141,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               (_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
               _context17.next = 6;
-              return this.saveToBasketWrapper();
+              return (_this$saveToBasketWra = this.saveToBasketWrapper) === null || _this$saveToBasketWra === void 0 ? void 0 : _this$saveToBasketWra.call(this);
             case 6:
               doDefault = false;
               _context17.next = 10;
@@ -45007,7 +45150,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               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) {
                 configStepKey = this.plannerConfig.opt ? setHandlerInstance.getConfigStepKeyOfOption(this.actSet(), this.plannerConfig.opt) : setHandlerInstance.getFirstConfigStep(this.actSet());
                 if (configStepKey) {
-                  this.navigateToConfigStep(configStepKey, !this.plannerConfig.opt, true);
+                  (_this$navigateToConfi = this.navigateToConfigStep) === null || _this$navigateToConfi === void 0 || _this$navigateToConfi.call(this, configStepKey, !this.plannerConfig.opt, true);
                   doDefault = false;
                 } else {
                   LOG$1.warn('Option: ' + this.plannerConfig.opt + ' could not be found');
@@ -45181,7 +45324,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "updatePlannerView",
     value: function updatePlannerView(callingFrom, onDoConfigureValues, hybridInfo) {
-      var _this$getCurrentAlter, _set$getAlternateRend, _this$getDoShow3DDime2, _this$getDoShow3DDime3, _this$getDoShow3DDime4;
+      var _this$getCurrentAlter, _set$getAlternateRend, _this$getCurPlannerVi, _this$getDoShow3DDime2, _this$getDoShow3DDime3, _this$getDoShow3DDime4;
       var set = this.actSet();
       if (!set) return;
       var alternateRenderInfo = (_this$getCurrentAlter = this.getCurrentAlternativRendering) === null || _this$getCurrentAlter === void 0 || (_this$getCurrentAlter = _this$getCurrentAlter.call(this)) === null || _this$getCurrentAlter === void 0 ? void 0 : _this$getCurrentAlter[0];
@@ -45212,10 +45355,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           };
         }
       }
-      LOG$1.debug('updatePlannerView in mode: ' + this.getCurPlannerViewMode() + '; called from ' + callingFrom);
+      var curPlannerViewMode = (_this$getCurPlannerVi = this.getCurPlannerViewMode) === null || _this$getCurPlannerVi === void 0 ? void 0 : _this$getCurPlannerVi.call(this);
+      if (!curPlannerViewMode) return;
+      LOG$1.debug('updatePlannerView in mode: ' + curPlannerViewMode + '; called from ' + callingFrom);
       //delete me if you see this
-      LOG$1.debug('lvl 1: ', this.getCurPlannerViewMode());
-      switch (this.getCurPlannerViewMode()) {
+      LOG$1.debug('lvl 1: ', curPlannerViewMode);
+      switch (curPlannerViewMode) {
         case '3DCOMB':
           setHandlerInstance.update3DPlannerView(true, !hybridInfo || hybridInfo && hybridInfo.focus.adjustZoomInUnity, set, this.getPlannerRenderingSize(), this.getPlanner3DGridEnabled(), 'STREAM', (_this$getDoShow3DDime2 = this.getDoShow3DDimensionLines) === null || _this$getDoShow3DDime2 === void 0 ? void 0 : _this$getDoShow3DDime2.call(this), alternateRenderInfo, hybridInfo ? {
             focus: hybridInfo.focus,
@@ -46993,18 +47138,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         }
         for (var _i2 = 0, _Object$values2 = Object.values(set.getDivaArticles()); _i2 < _Object$values2.length; _i2++) {
           var article = _Object$values2[_i2];
+          var variantValues = article.AllVariantValues;
           if (!configuration) {
             configuration = [{
-              varientValues: article.VariantValues,
+              varientValues: variantValues,
               basketId: article.basketId,
-              opt: Object.keys(article.VariantValues).map(function (key) {
+              opt: Object.keys(variantValues).map(function (key) {
                 var _set$CatalogData$getO4;
                 return {
                   codex: key,
                   name: (_set$CatalogData$getO4 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO4 === void 0 ? void 0 : _set$CatalogData$getO4.name
                 };
               }),
-              opv: Object.values(article.VariantValues).map(function (value) {
+              opv: Object.values(variantValues).map(function (value) {
                 var _set$CatalogData$getO5;
                 return {
                   codex: value,
@@ -47014,16 +47160,16 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             }];
           } else {
             configuration.push({
-              varientValues: article.VariantValues,
+              varientValues: variantValues,
               basketId: article.basketId,
-              opt: Object.keys(article.VariantValues).map(function (key) {
+              opt: Object.keys(variantValues).map(function (key) {
                 var _set$CatalogData$getO6;
                 return {
                   codex: key,
                   name: (_set$CatalogData$getO6 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO6 === void 0 ? void 0 : _set$CatalogData$getO6.name
                 };
               }),
-              opv: Object.values(article.VariantValues).map(function (value) {
+              opv: Object.values(variantValues).map(function (value) {
                 var _set$CatalogData$getO7;
                 return {
                   codex: value,
@@ -47032,7 +47178,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               })
             });
           }
-          for (var _i3 = 0, _Object$entries = Object.entries(article.VariantValues); _i3 < _Object$entries.length; _i3++) {
+          for (var _i3 = 0, _Object$entries = Object.entries(variantValues); _i3 < _Object$entries.length; _i3++) {
             var _set$CatalogData$getO8, _set$CatalogData$getO9;
             var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
               opt = _Object$entries$_i[0],
@@ -48744,6 +48890,7 @@ var PlannerElementData = /*#__PURE__*/function () {
     _defineProperty(this, "plannerType", void 0);
     _defineProperty(this, "basketId", void 0);
     _defineProperty(this, "doSetWidthFromSVG", void 0);
+    _defineProperty(this, "doSetDepthFromSVG", void 0);
     this.basketId = basketId;
     this.planElement = {
       elementId: _elementId,
@@ -48753,7 +48900,7 @@ var PlannerElementData = /*#__PURE__*/function () {
       rotDeg: 0,
       posNr: -1,
       setPosNr: -1,
-      oltHeight: 0,
+      oltDepth: 0,
       oltWidth: 0,
       oltLeft: 0,
       oltTop: 0
@@ -48764,6 +48911,7 @@ var PlannerElementData = /*#__PURE__*/function () {
     this.plannerStateHash = '';
     this.plannerType = plannerType;
     this.doSetWidthFromSVG = false;
+    this.doSetDepthFromSVG = false;
   }
   return _createClass(PlannerElementData, [{
     key: "destroy",
@@ -48978,7 +49126,7 @@ var PlannerElementData = /*#__PURE__*/function () {
     key: "WorldPosCenterIgnoreOLF",
     get: function get() {
       var olfCorner = this.WorldPosCorner;
-      var centerDir = new Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltHeight / 2.0);
+      var centerDir = new Vector2(this.planElement.oltLeft + this.planElement.oltWidth / 2.0, this.planElement.oltTop + this.planElement.oltDepth / 2.0);
       centerDir = Vector2.rotateOrigin(centerDir, this.planElement.rotDeg);
       var worldPosCornerIgnoreOLF = new Vector3(olfCorner.x + centerDir.x, this.WorldPosCenter.y, olfCorner.z + centerDir.y);
       return worldPosCornerIgnoreOLF;
@@ -49103,6 +49251,11 @@ var PlannerElementData = /*#__PURE__*/function () {
       } else {
         this.doSetWidthFromSVG = false;
       }
+      if ((data === null || data === void 0 ? void 0 : data.depth) == undefined || data.depth == -1) {
+        this.doSetDepthFromSVG = true;
+      } else {
+        this.doSetDepthFromSVG = false;
+      }
       if (this.planElement.plannerData == null && data != null) {
         this.planElement.plannerData = data;
         this.plannerStateHash = md5(JSON.stringify(this.planElement.plannerData));
@@ -49135,12 +49288,23 @@ var PlannerElementData = /*#__PURE__*/function () {
     get: function get() {
       return this.doSetWidthFromSVG;
     }
+  }, {
+    key: "DoSetDepthFromSVG",
+    get: function get() {
+      return this.doSetDepthFromSVG;
+    }
   }, {
     key: "WidthFromSVG",
     set: function set(svgWidth) {
       if (this.planElement.plannerData) this.planElement.plannerData.width = svgWidth;
       this.doSetWidthFromSVG = false;
     }
+  }, {
+    key: "DepthFromSVG",
+    set: function set(svgDepth) {
+      if (this.planElement.plannerData) this.planElement.plannerData.depth = svgDepth;
+      this.doSetDepthFromSVG = false;
+    }
   }, {
     key: "ElementId",
     get: function get() {
@@ -49247,15 +49411,16 @@ var PlannerElementData = /*#__PURE__*/function () {
       this.planElement.oltWidth = width / DivaUtils.UnitRecalc;
     }
   }, {
-    key: "OLTHeight",
-    set: function set(height) {
-      this.planElement.oltHeight = height / DivaUtils.UnitRecalc;
+    key: "OLTDepth",
+    set: function set(depth) {
+      this.planElement.oltDepth = depth / DivaUtils.UnitRecalc;
     }
   }, {
     key: "setupOLF",
-    value: function setupOLF(polygon, olfWidth, olfHeight) {
+    value: function setupOLF(polygon, olfWidth, olfDepth) {
       this.planElement.olfPolygon = polygon;
       this.planElement.olfWidth = olfWidth;
+      this.planElement.olfDepth = olfDepth;
     }
   }, {
     key: "clearOLF",
@@ -49274,7 +49439,12 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "getGlobalDepth",
     value: function getGlobalDepth() {
-      return this.Depth;
+      var _this$Depth;
+      if (this.HasOLFPolygon) {
+        // 2D height represents 3D depth since perspective is top down
+        return this.planElement.olfDepth / DivaUtils.UnitRecalc;
+      }
+      return (_this$Depth = this.Depth) !== null && _this$Depth !== void 0 ? _this$Depth : 1;
     }
   }, {
     key: "HasOLTPolygon",