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

package/build/esm/{index-9836bc0f.js → index-f0630368.js}

@@ -1918,6 +1918,12 @@ var OptionCatalogData = /*#__PURE__*/function () {
         case 'INFO_URL':
           this.opt.url = prop.Value;
           break;
+        case 'IGNORE_GROUPS':
+          this.opt.ignoreGroups = prop.Value == '1';
+          break;
+        case 'IGNORE_PGR_GROUP_POSITION':
+          this.opt.ignorePgrGroupPosition = prop.Value == '1';
+          break;
         case 'SHOW_SEARCHBAR':
           this.opt.showSearchbar = prop.Value == '1';
           break;
@@ -2235,6 +2241,16 @@ var OptionCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.opt.sequenceNo;
     }
+  }, {
+    key: "ignoreGroups",
+    get: function get() {
+      return this.opt.ignoreGroups;
+    }
+  }, {
+    key: "ignorePgrGroupPosition",
+    get: function get() {
+      return this.opt.ignorePgrGroupPosition;
+    }
   }]);
 }();
 
@@ -17662,6 +17678,7 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
         isAccessoireWasUndefined = true;
       }
       if (topSvg.IsAccessoire == false) {
+        var _catalogArticle$artic;
         nSVG++;
         //Artikelbild mit svg üerschreiben, wenn es mehr als 1 Eintrag mit IsAccessoire == false gibt
         if (nDoShowSVGsinElementlist > 1) {
@@ -17729,13 +17746,17 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
           metaData: catalogArticle.metaDataView,
           contentItemId: catalogArticle.contentItemId,
           groupContentItemId: catalogArticle.groupContentItemId,
-          partlistcodexes: catalogArticle.possiblePartlistCodexes
+          partlistcodexes: catalogArticle.possiblePartlistCodexes,
+          accessoires: (_catalogArticle$artic = catalogArticle.articleRelations) === null || _catalogArticle$artic === void 0 ? void 0 : _catalogArticle$artic.map(function (relation) {
+            return relation.articleCodex;
+          })
         };
         plannerPaletteViewInfo.catalogPlannerArticles.push(catPlanArtView);
       }
     }
   }
   if (!catPlanArticle.hasTopSvgsWithFormula || catPlanArticle.topSvgsWithFormula.length == 1) {
+    var _catalogArticle$artic2;
     var _filterType = getFilterType(catPlanArticle.isArticleRelation, catPlanArticle.topHasAVL ? catPlanArticle.avlFilter : [], catPlanArticle.topHasAVR ? catPlanArticle.avrFilter : [], catalogProps);
     catPlanArticle.filterType = _filterType;
     //Artikelbild ist abh�ngig von DIVA3DPlanerShowArticleAsSvg das SVG des Elements
@@ -17790,7 +17811,10 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
       metaData: catalogArticle.metaDataView,
       contentItemId: catalogArticle.contentItemId,
       groupContentItemId: catalogArticle.groupContentItemId,
-      partlistcodexes: catalogArticle.possiblePartlistCodexes
+      partlistcodexes: catalogArticle.possiblePartlistCodexes,
+      accessoires: (_catalogArticle$artic2 = catalogArticle.articleRelations) === null || _catalogArticle$artic2 === void 0 ? void 0 : _catalogArticle$artic2.map(function (relation) {
+        return relation.articleCodex;
+      })
     };
     //nicht ausmultiplizierte Elemente
     plannerPaletteViewInfo.catalogPlannerArticles.push(_catPlanArtView);
@@ -18349,13 +18373,19 @@ var ArticleOptionData = /*#__PURE__*/function () {
   }, {
     key: "hasImages",
     get: function get() {
-      var _this$opt$articleOpti, _this$opt$articleOpti2;
-      return ((_this$opt$articleOpti = (_this$opt$articleOpti2 = this.opt.articleOptionValues) === null || _this$opt$articleOpti2 === void 0 ? void 0 : _this$opt$articleOpti2.values()) !== null && _this$opt$articleOpti !== void 0 ? _this$opt$articleOpti : []).some(function (v) {
-        var _v$articleOptionValue;
-        return (_v$articleOptionValue = v.articleOptionValues) === null || _v$articleOptionValue === void 0 ? void 0 : _v$articleOptionValue.values().some(function (v2) {
-          return v2.image || v2.hexColor;
-        });
-      });
+      if (this.opt.hasImages === undefined) {
+        var _this$opt$articleOpti, _this$opt$articleOpti2;
+        var opvs = Array.from((_this$opt$articleOpti = (_this$opt$articleOpti2 = this.opt.articleOptionValues) === null || _this$opt$articleOpti2 === void 0 ? void 0 : _this$opt$articleOpti2.values()) !== null && _this$opt$articleOpti !== void 0 ? _this$opt$articleOpti : []);
+        if (opvs.length > 0) {
+          this.opt.hasImages = opvs.some(function (v) {
+            var _v$articleOptionValue;
+            return v.image || v.hexColor || ((_v$articleOptionValue = v.articleOptionValues) === null || _v$articleOptionValue === void 0 ? void 0 : _v$articleOptionValue.values().some(function (v2) {
+              return v2.image || v2.hexColor;
+            }));
+          });
+        }
+      }
+      return this.opt.hasImages;
     }
   }, {
     key: "parentOptionCodex",
@@ -18539,6 +18569,16 @@ var ArticleOptionData = /*#__PURE__*/function () {
     get: function get() {
       return this.opt.catalogOPT.measureKey;
     }
+  }, {
+    key: "ignoreGroups",
+    get: function get() {
+      return this.opt.catalogOPT.ignoreGroups;
+    }
+  }, {
+    key: "ignorePgrGroupPosition",
+    get: function get() {
+      return this.opt.catalogOPT.ignorePgrGroupPosition;
+    }
   }]);
 }();
 
@@ -18897,7 +18937,6 @@ function getArticleOptionType(myOPT, set) {
     sendToSAP: myOPT.SendToSAP && myOPT.SendToSAP != '-1' ? myOPT.SendToSAP : undefined,
     articlePlaceholder: myOPT.ArticlePlaceholder,
     hasOPG: optHasOpg,
-    hasImages: false,
     invisible: (_optionMask$hidden = optionMask === null || optionMask === void 0 ? void 0 : optionMask.hidden) !== null && _optionMask$hidden !== void 0 ? _optionMask$hidden : myOPT.Invisible == 'True' ? true : myOPT.Invisible == 'False' ? false : undefined,
     parentOptionCodex: myOPT.ParentOptionCodex
   };
@@ -19912,7 +19951,7 @@ var DivaCatalogData = /*#__PURE__*/function () {
       //                                     Start article that is loaded after starting the planner. used for boxplanner
       accessorieStepAsPlanner: false,
       //                              the accessorie step has all the planner capabilities
-      planner2Dot0: false,
+      planner2Dot0: true,
       //                                          the planner is a planner 2.0
       dontSaveAlternativeRenderings: false,
       //                        alternative Rendering dont get saved and added to basket and pdf
@@ -28256,7 +28295,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-d3568028.js');
+              return import('./ShelfPlanner-ecbad409.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -32757,7 +32796,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-54471e77.js');
+              return import('./DoorPlanner-fd15242e.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -32971,178 +33010,172 @@ var SummaryHandler = /*#__PURE__*/function () {
   return _createClass(SummaryHandler, [{
     key: "buildSummaryItems",
     value: function buildSummaryItems(articlesPosNrs, set) {
-      var articles = set.getDivaArticles(true);
+      var articles = Object.values(set.getDivaArticles(true)).filter(function (a) {
+        return !a.relatedToBasketId || a.isPartListArticle;
+      });
+      var baseArticlesCount = Object.values(set.getDivaArticles()).filter(function (a) {
+        return !a.relatedToBasketId;
+      }).length;
       var summaryTabItems = {};
-      var catalog = set.CatalogData;
-      if (!set.showAccessioreOnLastTab) {
-        this.addAccessoires(articles, summaryTabItems, set, articlesPosNrs);
+      var _iterator = _createForOfIteratorHelper$3(articles),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var article = _step.value;
+          this.getSummaryItemsofArticle(article, set, summaryTabItems, baseArticlesCount);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
-      for (var basketId in articles) {
-        //add config Steps
-        var article = articles[basketId];
-        var _iterator = _createForOfIteratorHelper$3(article.articleOptionStates.values()),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var ops = _step.value;
-            if (ops.visibleInSummary(article)) {
-              var tabGroupCodex = void 0;
-              var tabGroupTitel = void 0;
-              if (ops.optionTabGroup) {
-                tabGroupCodex = ops === null || ops === void 0 ? void 0 : ops.optionTabGroup;
-              } else {
-                tabGroupCodex = ops.optionName;
-              }
-              tabGroupTitel = tabGroupCodex;
-              tabGroupCodex = tabGroupCodex.replace(/[^\w\s]/gi, '');
-              if (!summaryTabItems[tabGroupCodex]) {
-                summaryTabItems[tabGroupCodex] = this.newTabGroupSummaryItem(tabGroupTitel, set.getSetId());
-              }
-              var configStep = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, ops.optionCodex);
-              var itemsInTabGroup = summaryTabItems[tabGroupCodex].summaryItems;
-              var itemImage = ops.val.image ? catalog.getCatImageURL(ops.val.image, '') : undefined;
-              if (configStep && itemsInTabGroup) {
-                var _ops$val, _this$getAdditionalPr;
-                var sameOPVAndOPTDoAlreadyExist = false;
-                var configStepKeyToUse = configStep.key + ((_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.codex);
-                var posNr = configStep === null || configStep === void 0 ? void 0 : configStep.posNr;
-                if (configStep !== null && configStep !== void 0 && configStep.accessoireArticleCodex && article.relatedToBasketId) {
-                  var _set$configTree$getCo;
-                  posNr = (_set$configTree$getCo = set.configTree.getConfigStepBasketIdAndOptionCodex(article.relatedToBasketId, 'ACC')) === null || _set$configTree$getCo === void 0 ? void 0 : _set$configTree$getCo.posNr;
-                }
-                //inhalt könnte der selbe sein aber getrennt konfiguriert worden in diesem Fall trotzdem zusammenfassen
-                if (!itemsInTabGroup[configStep.key]) {
-                  for (var _key in itemsInTabGroup) {
-                    if (itemsInTabGroup[_key].description == ops.name && itemsInTabGroup[_key].image == itemImage && itemsInTabGroup[_key].title == ops.option.name) {
-                      sameOPVAndOPTDoAlreadyExist = true;
-                      configStepKeyToUse = _key;
-                    }
+      this.addAccessoires(articles, summaryTabItems, set, articlesPosNrs, baseArticlesCount);
+      return summaryTabItems;
+    }
+  }, {
+    key: "getSummaryItemsofArticle",
+    value: function getSummaryItemsofArticle(article, set, summaryTabItems, baseArticlesCount) {
+      var _iterator2 = _createForOfIteratorHelper$3(article.articleOptionStates.values()),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var ops = _step2.value;
+          if (ops.visibleInSummary(article)) {
+            var tabGroupCodex = void 0;
+            var tabGroupTitel = void 0;
+            if (ops.optionTabGroup) {
+              tabGroupCodex = ops === null || ops === void 0 ? void 0 : ops.optionTabGroup;
+            } else {
+              tabGroupCodex = ops.optionName;
+            }
+            tabGroupTitel = tabGroupCodex;
+            tabGroupCodex = tabGroupCodex.replace(/[^\w\s]/gi, '');
+            if (!summaryTabItems[tabGroupCodex]) {
+              summaryTabItems[tabGroupCodex] = this.newTabGroupSummaryItem(tabGroupTitel, set.getSetId());
+            }
+            var configStep = set.configTree.getConfigStepBasketIdAndOptionCodex(article.basketId, ops.optionCodex);
+            var itemsInTabGroup = summaryTabItems[tabGroupCodex].summaryItems;
+            var itemImage = ops.val.image ? set.CatalogData.getCatImageURL(ops.val.image, '') : undefined;
+            if (configStep && itemsInTabGroup) {
+              var _ops$val, _this$getAdditionalPr;
+              var sameOPVAndOPTDoAlreadyExist = false;
+              var configStepKeyToUse = configStep.key + ((_ops$val = ops.val) === null || _ops$val === void 0 ? void 0 : _ops$val.codex);
+              var posNr = configStep === null || configStep === void 0 ? void 0 : configStep.posNr;
+              if (configStep !== null && configStep !== void 0 && configStep.accessoireArticleCodex && article.relatedToBasketId) {
+                var _set$configTree$getCo;
+                posNr = (_set$configTree$getCo = set.configTree.getConfigStepBasketIdAndOptionCodex(article.relatedToBasketId, 'ACC')) === null || _set$configTree$getCo === void 0 ? void 0 : _set$configTree$getCo.posNr;
+              }
+              //inhalt könnte der selbe sein aber getrennt konfiguriert worden in diesem Fall trotzdem zusammenfassen
+              if (!itemsInTabGroup[configStep.key]) {
+                for (var _key in itemsInTabGroup) {
+                  if (itemsInTabGroup[_key].description == ops.name && itemsInTabGroup[_key].image == itemImage && itemsInTabGroup[_key].title == ops.option.name) {
+                    sameOPVAndOPTDoAlreadyExist = true;
+                    configStepKeyToUse = _key;
                   }
-                } else {
-                  sameOPVAndOPTDoAlreadyExist = true;
                 }
-                var bruttoPrice = (ops.price !== 0 ? ops.price : (_this$getAdditionalPr = this.getAdditionalPriceOfOption(article, ops.optionCodex)) !== null && _this$getAdditionalPr !== void 0 ? _this$getAdditionalPr : 0) * ops.quantity;
-                var rabatt = set.getCurrentDisountPercentage();
-                var price = rabatt ? DivaUtils.roundPrice(bruttoPrice * ((100 - rabatt) / 100), 1, 2) : bruttoPrice;
-                if (!sameOPVAndOPTDoAlreadyExist) {
-                  itemsInTabGroup[configStepKeyToUse] = {
-                    title: ops.optionName,
-                    title_locales: ops.optionName_locales,
-                    tabgroupName: tabGroupTitel,
-                    description: ops.name,
-                    description_locales: ops.valName_locales,
-                    posNr: posNr,
-                    price: price,
-                    targetArticlePosNrs: [articlesPosNrs[basketId]],
-                    targetBasketIds: [basketId],
-                    image: itemImage,
-                    isDefined: ops.isDefined,
-                    setId: set.getSetId()
-                  };
+              } else {
+                sameOPVAndOPTDoAlreadyExist = true;
+              }
+              var bruttoPrice = (ops.price !== 0 ? ops.price : (_this$getAdditionalPr = this.getAdditionalPriceOfOption(article, ops.optionCodex)) !== null && _this$getAdditionalPr !== void 0 ? _this$getAdditionalPr : 0) * ops.quantity;
+              var rabatt = set.getCurrentDisountPercentage();
+              var price = rabatt ? DivaUtils.roundPrice(bruttoPrice * ((100 - rabatt) / 100), 1, 2) : bruttoPrice;
+              if (!sameOPVAndOPTDoAlreadyExist) {
+                var _ops$val$contentItemI, _ops$val2, _ops$val3;
+                itemsInTabGroup[configStepKeyToUse] = {
+                  title: ops.optionName,
+                  title_locales: ops.optionName_locales,
+                  tabgroupName: tabGroupTitel,
+                  description: ops.name,
+                  description_locales: ops.valName_locales,
+                  posNr: posNr,
+                  price: price,
+                  targetArticlePosNrs: [article.posNr],
+                  targetBasketIds: [article.basketId],
+                  image: itemImage,
+                  isDefined: ops.isDefined,
+                  setId: set.getSetId(),
+                  contentItemId: (_ops$val$contentItemI = (_ops$val2 = ops.val) === null || _ops$val2 === void 0 ? void 0 : _ops$val2.contentItemId) !== null && _ops$val$contentItemI !== void 0 ? _ops$val$contentItemI : (_ops$val3 = ops.val) === null || _ops$val3 === void 0 ? void 0 : _ops$val3.groupContentItemId,
+                  optionContentItemId: ops.option.contentItemId,
+                  includesAllPosNrs: baseArticlesCount <= 1
+                };
+              } else {
+                var _summaryItem$targetAr, _summaryItem$targetAr2, _summaryItem$targetAr3;
+                var summaryItem = itemsInTabGroup[configStepKeyToUse];
+                if (summaryItem.price == undefined) {
+                  summaryItem.price = price;
                 } else {
-                  var _summaryItem$targetAr;
-                  var summaryItem = itemsInTabGroup[configStepKeyToUse];
-                  if (summaryItem.price == undefined) {
-                    summaryItem.price = price;
-                  } else {
-                    summaryItem.price = summaryItem.price + price * ops.quantity;
-                  }
-                  (_summaryItem$targetAr = summaryItem.targetArticlePosNrs) === null || _summaryItem$targetAr === void 0 || _summaryItem$targetAr.push(articlesPosNrs[basketId]);
-                  summaryItem.targetBasketIds.push(basketId);
+                  summaryItem.price = summaryItem.price + price * ops.quantity;
+                }
+                (_summaryItem$targetAr = summaryItem.targetArticlePosNrs) === null || _summaryItem$targetAr === void 0 || _summaryItem$targetAr.push(article.posNr);
+                if (((_summaryItem$targetAr2 = (_summaryItem$targetAr3 = summaryItem.targetArticlePosNrs) === null || _summaryItem$targetAr3 === void 0 ? void 0 : _summaryItem$targetAr3.length) !== null && _summaryItem$targetAr2 !== void 0 ? _summaryItem$targetAr2 : 0) >= baseArticlesCount) {
+                  summaryItem.includesAllPosNrs = true;
                 }
+                summaryItem.targetBasketIds.push(article.basketId);
               }
             }
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
       }
-      if (set.showAccessioreOnLastTab) {
-        this.addAccessoires(articles, summaryTabItems, set, articlesPosNrs);
-      }
-      return summaryTabItems;
     }
   }, {
     key: "addAccessoires",
-    value: function addAccessoires(articles, summaryTabItems, set, articlesPosNrs) {
-      for (var basketId in articles) {
-        //add accessoires
-        var article = articles[basketId];
-        article.accessoires;
-        for (var _key2 in article.accessoires) {
-          var _ref, _ref2, _set$configTree$getCo2, _set$configTree$getCo3, _set$configTree$getCo4, _set$configTree$getCo5, _accessoire$accessoir, _accessoire$accessoir2, _accessoire$relatedTo, _set$configTree$getCo6;
-          var accessoire = article.accessoires[_key2];
-          var entryKey = basketId + accessoire.articleCodex;
-          if (!summaryTabItems['ZUSATZARTIKEL']) {
-            var _set$i18n$t, _set$i18n;
-            summaryTabItems['ZUSATZARTIKEL'] = this.newTabGroupSummaryItem((_set$i18n$t = (_set$i18n = set.i18n) === null || _set$i18n === void 0 ? void 0 : _set$i18n.t('configurator.ZUSATZARTIKEL', 'ZUSATZARTIKEL')) !== null && _set$i18n$t !== void 0 ? _set$i18n$t : 'ZUSATZARTIKEL', set.getSetId());
-          }
-          var tabGroup = summaryTabItems['ZUSATZARTIKEL'];
-          var posNr = (_ref = (_ref2 = (_set$configTree$getCo2 = (_set$configTree$getCo3 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'ACC')) === null || _set$configTree$getCo3 === void 0 ? void 0 : _set$configTree$getCo3.posNr) !== null && _set$configTree$getCo2 !== void 0 ? _set$configTree$getCo2 : (_set$configTree$getCo4 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'SHELFARTICLE_' + basketId + '_' + accessoire.relatedToShelfGrid)) === null || _set$configTree$getCo4 === void 0 ? void 0 : _set$configTree$getCo4.posNr) !== null && _ref2 !== void 0 ? _ref2 : (_set$configTree$getCo5 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, (_accessoire$accessoir = (_accessoire$accessoir2 = accessoire.accessoireParentArticle) === null || _accessoire$accessoir2 === void 0 || (_accessoire$accessoir2 = _accessoire$accessoir2.shelfPlanner) === null || _accessoire$accessoir2 === void 0 || (_accessoire$accessoir2 = _accessoire$accessoir2.getGridByIndex((_accessoire$relatedTo = accessoire.relatedToShelfGrid) !== null && _accessoire$relatedTo !== void 0 ? _accessoire$relatedTo : -1)) === null || _accessoire$accessoir2 === void 0 ? void 0 : _accessoire$accessoir2.gridGroup) !== null && _accessoire$accessoir !== void 0 ? _accessoire$accessoir : '')) === null || _set$configTree$getCo5 === void 0 ? void 0 : _set$configTree$getCo5.posNr) !== null && _ref !== void 0 ? _ref : (_set$configTree$getCo6 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'PLANNER')) === null || _set$configTree$getCo6 === void 0 ? void 0 : _set$configTree$getCo6.posNr;
-          if (tabGroup.summaryItems && posNr) {
-            if (tabGroup.summaryItems[entryKey]) {
-              tabGroup.summaryItems[entryKey].quantity += article.quantity;
-              tabGroup.summaryItems[entryKey].price += accessoire.calcPrice();
-            } else {
-              var _set$i18n$t2, _set$i18n2;
-              tabGroup.summaryItems[entryKey] = {
-                title: accessoire.name,
-                tabgroupName: (_set$i18n$t2 = (_set$i18n2 = set.i18n) === null || _set$i18n2 === void 0 ? void 0 : _set$i18n2.t('configurator.ZUSATZARTIKEL', 'ZUSATZARTIKEL')) !== null && _set$i18n$t2 !== void 0 ? _set$i18n$t2 : 'ZUSATZARTIKEL',
-                description: accessoire.actSizeText,
-                posNr: posNr,
-                price: accessoire.calcPrice(),
-                quantity: accessoire.quantity,
-                targetArticlePosNrs: [articlesPosNrs[basketId]],
-                targetBasketIds: [basketId],
-                image: accessoire.imageUrl ? accessoire.CatalogData.getCatImageURL(accessoire.imageUrl, '') : undefined,
-                isDefined: true,
-                setId: set.getSetId()
-              };
+    value: function addAccessoires(articles, summaryTabItems, set, articlesPosNrs, baseArticlesCount) {
+      var _iterator3 = _createForOfIteratorHelper$3(articles),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var article = _step3.value;
+          var basketId = article.basketId;
+          //add accessoires
+          for (var _key2 in article.accessoires) {
+            var _ref, _ref2, _set$configTree$getCo2, _set$configTree$getCo3, _set$configTree$getCo4, _set$configTree$getCo5, _accessoire$accessoir, _accessoire$accessoir2, _accessoire$relatedTo, _set$configTree$getCo6;
+            var accessoire = article.accessoires[_key2];
+            var entryKey = basketId + accessoire.articleCodex + accessoire.articleHash;
+            if (!summaryTabItems['ZUSATZARTIKEL']) {
+              var _set$i18n$t, _set$i18n;
+              summaryTabItems['ZUSATZARTIKEL'] = this.newTabGroupSummaryItem((_set$i18n$t = (_set$i18n = set.i18n) === null || _set$i18n === void 0 ? void 0 : _set$i18n.t('configurator.ZUSATZARTIKEL', 'ZUSATZARTIKEL')) !== null && _set$i18n$t !== void 0 ? _set$i18n$t : 'ZUSATZARTIKEL', set.getSetId());
+            }
+            var tabGroup = summaryTabItems['ZUSATZARTIKEL'];
+            var posNr = (_ref = (_ref2 = (_set$configTree$getCo2 = (_set$configTree$getCo3 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'ACC')) === null || _set$configTree$getCo3 === void 0 ? void 0 : _set$configTree$getCo3.posNr) !== null && _set$configTree$getCo2 !== void 0 ? _set$configTree$getCo2 : (_set$configTree$getCo4 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'SHELFARTICLE_' + basketId + '_' + accessoire.relatedToShelfGrid)) === null || _set$configTree$getCo4 === void 0 ? void 0 : _set$configTree$getCo4.posNr) !== null && _ref2 !== void 0 ? _ref2 : (_set$configTree$getCo5 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, (_accessoire$accessoir = (_accessoire$accessoir2 = accessoire.accessoireParentArticle) === null || _accessoire$accessoir2 === void 0 || (_accessoire$accessoir2 = _accessoire$accessoir2.shelfPlanner) === null || _accessoire$accessoir2 === void 0 || (_accessoire$accessoir2 = _accessoire$accessoir2.getGridByIndex((_accessoire$relatedTo = accessoire.relatedToShelfGrid) !== null && _accessoire$relatedTo !== void 0 ? _accessoire$relatedTo : -1)) === null || _accessoire$accessoir2 === void 0 ? void 0 : _accessoire$accessoir2.gridGroup) !== null && _accessoire$accessoir !== void 0 ? _accessoire$accessoir : '')) === null || _set$configTree$getCo5 === void 0 ? void 0 : _set$configTree$getCo5.posNr) !== null && _ref !== void 0 ? _ref : (_set$configTree$getCo6 = set.configTree.getConfigStepBasketIdAndOptionCodex(basketId, 'PLANNER')) === null || _set$configTree$getCo6 === void 0 ? void 0 : _set$configTree$getCo6.posNr;
+            if (tabGroup.summaryItems && posNr) {
+              if (tabGroup.summaryItems[entryKey]) {
+                tabGroup.summaryItems[entryKey].quantity += article.quantity;
+                tabGroup.summaryItems[entryKey].price += accessoire.calcPrice();
+              } else {
+                var _set$i18n$t2, _set$i18n2, _accessoire$catalogAr, _accessoire$catalogAr2, _accessoire$catalogAr3;
+                var summaryItems = {};
+                this.getSummaryItemsofArticle(accessoire, set, summaryItems, 0);
+                this.addAccessoires([accessoire], summaryItems, set, articlesPosNrs, baseArticlesCount);
+                tabGroup.summaryItems[entryKey] = {
+                  title: accessoire.name,
+                  tabgroupName: (_set$i18n$t2 = (_set$i18n2 = set.i18n) === null || _set$i18n2 === void 0 ? void 0 : _set$i18n2.t('configurator.ZUSATZARTIKEL', 'ZUSATZARTIKEL')) !== null && _set$i18n$t2 !== void 0 ? _set$i18n$t2 : 'ZUSATZARTIKEL',
+                  description: accessoire.actSizeText,
+                  posNr: posNr,
+                  price: accessoire.calcPrice(),
+                  quantity: accessoire.quantity,
+                  targetArticlePosNrs: [articlesPosNrs[basketId]],
+                  targetBasketIds: [basketId],
+                  image: accessoire.imageUrl ? accessoire.CatalogData.getCatImageURL(accessoire.imageUrl, '') : undefined,
+                  isDefined: true,
+                  setId: set.getSetId(),
+                  contentItemId: (_accessoire$catalogAr = (_accessoire$catalogAr2 = accessoire.catalogArticle) === null || _accessoire$catalogAr2 === void 0 ? void 0 : _accessoire$catalogAr2.contentItemId) !== null && _accessoire$catalogAr !== void 0 ? _accessoire$catalogAr : (_accessoire$catalogAr3 = accessoire.catalogArticle) === null || _accessoire$catalogAr3 === void 0 ? void 0 : _accessoire$catalogAr3.groupContentItemId,
+                  includesAllPosNrs: baseArticlesCount == 1,
+                  summaryItems: summaryItems
+                };
+              }
             }
           }
         }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
       }
     }
-  }, {
-    key: "buildSummaryItemsOfPartlist",
-    value: function buildSummaryItemsOfPartlist(set) {
-      var partlistArticles = set.getPartlistArticlesOfSet();
-      var catalogData = set.CatalogData;
-      var ret = {};
-      for (var _key3 in partlistArticles) {
-        var article = partlistArticles[_key3];
-        var foundBasketId = undefined;
-        for (var jKey in ret) {
-          if (ret[jKey].description == article.articleCodex) {
-            foundBasketId = jKey;
-            break;
-          }
-        }
-        if (!foundBasketId) {
-          ret[article.basketId] = {
-            title: article.name,
-            description: article.articleCodex,
-            targetArticlePosNrs: [article.quantity],
-            targetBasketIds: [article.basketId],
-            price: article.calcPrice(),
-            image: article.image ? catalogData.getCatImageURL(article.image, '') : undefined,
-            posNr: article.quantity,
-            quantity: article.quantity,
-            isDefined: true,
-            setId: set.getSetId()
-          };
-        } else {
-          var _ret$foundBasketId$qu, _ret$foundBasketId$pr;
-          ret[foundBasketId].quantity = ((_ret$foundBasketId$qu = ret[foundBasketId].quantity) !== null && _ret$foundBasketId$qu !== void 0 ? _ret$foundBasketId$qu : 0) + article.quantity;
-          ret[foundBasketId].price = ((_ret$foundBasketId$pr = ret[foundBasketId].price) !== null && _ret$foundBasketId$pr !== void 0 ? _ret$foundBasketId$pr : 0) + article.price;
-          ret[foundBasketId].posNr = ret[foundBasketId].posNr + article.quantity;
-          ret[foundBasketId].targetArticlePosNrs[0] = ret[foundBasketId].targetArticlePosNrs[0] + article.quantity;
-        }
-      }
-      return ret;
-    }
 
     /**Lück specific summary */
   }, {
@@ -33281,8 +33314,8 @@ var SummaryHandler = /*#__PURE__*/function () {
             delete summaryTabItems[p];
           }
         }
-        for (var _key4 in summaryTabItems) {
-          summaryTabItemsSorted[_key4] = summaryTabItems[_key4];
+        for (var _key3 in summaryTabItems) {
+          summaryTabItemsSorted[_key3] = summaryTabItems[_key3];
         }
       } else {
         summaryTabItemsSorted = summaryTabItems;
@@ -33310,7 +33343,7 @@ var SummaryHandler = /*#__PURE__*/function () {
     key: "getSummaryItems",
     value: function () {
       var _getSummaryItems = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(sets, doConfigure) {
-        var ret, _key5, set, items, type;
+        var ret, _key4, set, type;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -33318,46 +33351,35 @@ var SummaryHandler = /*#__PURE__*/function () {
               _context.t0 = _regeneratorRuntime.keys(sets);
             case 2:
               if ((_context.t1 = _context.t0()).done) {
-                _context.next = 25;
+                _context.next = 21;
                 break;
               }
-              _key5 = _context.t1.value;
-              set = sets[_key5];
-              items = void 0;
+              _key4 = _context.t1.value;
+              set = sets[_key4];
               type = this.getSummaryType(set);
               _context.t2 = type;
-              _context.next = _context.t2 === 'SUMMARY_PARTLIST' ? 10 : _context.t2 === 'SUMMARY_OPTIONTREE' ? 13 : _context.t2 === 'VARIANTS' ? 15 : _context.t2 === 'PARTLIST_AND_SPECIALOPTIONS' ? 21 : 23;
+              _context.next = _context.t2 === 'SUMMARY_OPTIONTREE' ? 9 : _context.t2 === 'VARIANTS' ? 11 : _context.t2 === 'PARTLIST_AND_SPECIALOPTIONS' ? 17 : 19;
               break;
-            case 10:
-              items = this.buildSummaryItemsOfPartlist(set);
-              ret.push({
-                items: items,
-                type: type,
-                name: set.CatalogData.catalogName,
-                price: set.getSetPrice(),
-                quantity: 1
-              });
-              return _context.abrupt("break", 23);
-            case 13:
+            case 9:
               ret = ret.concat(this.getOptionTreeSummary(set));
-              return _context.abrupt("break", 23);
-            case 15:
+              return _context.abrupt("break", 19);
+            case 11:
               _context.t3 = ret;
-              _context.next = 18;
+              _context.next = 14;
               return this.getVariantsSummary(doConfigure, set);
-            case 18:
+            case 14:
               _context.t4 = _context.sent;
               _context.t3.push.call(_context.t3, _context.t4);
-              return _context.abrupt("break", 23);
-            case 21:
+              return _context.abrupt("break", 19);
+            case 17:
               ret.push(this.buildSummaryItemsOfPartlistWithSpecialOptions(set));
-              return _context.abrupt("break", 23);
-            case 23:
+              return _context.abrupt("break", 19);
+            case 19:
               _context.next = 2;
               break;
-            case 25:
+            case 21:
               return _context.abrupt("return", ret);
-            case 26:
+            case 22:
             case "end":
               return _context.stop();
           }
@@ -33376,17 +33398,17 @@ var SummaryHandler = /*#__PURE__*/function () {
         if (Object.keys((_summaryItems$0$items = (_summaryItems$ = summaryItems[0]) === null || _summaryItems$ === void 0 ? void 0 : _summaryItems$.items) !== null && _summaryItems$0$items !== void 0 ? _summaryItems$0$items : {}).length === 0) {
           var articles = Object.values(set.getDivaArticles());
           var ret = [];
-          var _loop = function _loop(_key6) {
+          var _loop = function _loop(_key5) {
             var _articles$find;
             var ops = (_articles$find = articles.find(function (a) {
-              return a.getArticleOptionState(_key6);
-            })) === null || _articles$find === void 0 ? void 0 : _articles$find.getArticleOptionState(_key6);
+              return a.getArticleOptionState(_key5);
+            })) === null || _articles$find === void 0 ? void 0 : _articles$find.getArticleOptionState(_key5);
             if (ops && !(ops !== null && ops !== void 0 && ops.isDoShow)) {
               ret.push(ops.name);
             }
           };
-          for (var _key6 in set.favorites.VariantValues) {
-            _loop(_key6);
+          for (var _key5 in set.favorites.VariantValues) {
+            _loop(_key5);
           }
           return ret.length ? ret.join('<br/>') : 'ERROR';
         }
@@ -33400,8 +33422,8 @@ var SummaryHandler = /*#__PURE__*/function () {
       var summaryObject = (_this$getOptionTreeSu = this.getOptionTreeSummary(set)[0]) === null || _this$getOptionTreeSu === void 0 ? void 0 : _this$getOptionTreeSu.items;
       var SummaryInfo = [];
       var counter = 0;
-      for (var _key7 in summaryObject) {
-        var mySummaryObejct = summaryObject[_key7];
+      for (var _key6 in summaryObject) {
+        var mySummaryObejct = summaryObject[_key6];
         if (mySummaryObejct.isTabGroup) {
           var GroupDataInitParams = {
             SetID: set.getSetId(),
@@ -33427,12 +33449,10 @@ var SummaryHandler = /*#__PURE__*/function () {
     value: function getSummaryType(set) {
       var _set$ViewConfig;
       var summaryType = 'SUMMARY_OPTIONTREE';
-      var plannerType = set.getPlannerEdition();
+      set.getPlannerEdition();
       var viewConfigSummaryType = (_set$ViewConfig = set.ViewConfig) === null || _set$ViewConfig === void 0 ? void 0 : _set$ViewConfig.LoadSummaryType;
       if (favoritesHandlerInstance.FavoritesDefined(set)) {
         summaryType = 'VARIANTS';
-      } else if (plannerType === 'BOX') {
-        summaryType = 'SUMMARY_PARTLIST';
       } else if (set.doAllowSetPlanner) {
         summaryType = 'SUMMARY_ARTICLES';
       } else if (viewConfigSummaryType) {
@@ -33455,8 +33475,8 @@ var SummaryHandler = /*#__PURE__*/function () {
           }
         };
       }
-      for (var _key8 in elementGroups) {
-        var group = elementGroups[_key8];
+      for (var _key7 in elementGroups) {
+        var group = elementGroups[_key7];
         ret.push({
           items: this.buildSummaryItems(this.getArticlesPosNr(group.articles), set),
           price: this.getArticlesPrice(group.articles),
@@ -33471,11 +33491,11 @@ var SummaryHandler = /*#__PURE__*/function () {
     key: "getSummaryItemsOfAllSets",
     value: function getSummaryItemsOfAllSets(sets, set) {
       var summaryItemsOfAllSets = {};
-      for (var _key9 in sets) {
-        var _set = sets[_key9];
+      for (var _key8 in sets) {
+        var _set = sets[_key8];
         var articlePosNrs = this.getArticlesPosNr(_set.getDivaArticles(true));
         var summaryItems = this.buildSummaryItems(articlePosNrs, _set);
-        summaryItemsOfAllSets[_key9] = {
+        summaryItemsOfAllSets[_key8] = {
           setName: _set.CatalogData.catalogName,
           setPrice: _set.getSetPrice(),
           summaryItems: summaryItems
@@ -33489,10 +33509,10 @@ var SummaryHandler = /*#__PURE__*/function () {
       var groupedArticles = setHandlerInstance.getDockedGroupedArticles(set);
       var retGroups = {};
       var articlesCodexesOnIndex = {};
-      for (var _key10 in groupedArticles) {
-        var basketId = groupedArticles[_key10][Object.keys(groupedArticles[_key10])[0]].basketId;
+      for (var _key9 in groupedArticles) {
+        var basketId = groupedArticles[_key9][Object.keys(groupedArticles[_key9])[0]].basketId;
         retGroups[basketId] = {
-          articles: groupedArticles[_key10],
+          articles: groupedArticles[_key9],
           quantity: 1
         };
       }
@@ -33507,12 +33527,12 @@ var SummaryHandler = /*#__PURE__*/function () {
           articlesCodexesOnIndex[articleCodex].push(i);
         }
       }
-      for (var _key11 in articlesCodexesOnIndex) {
-        if (articlesCodexesOnIndex[_key11].length > 1) {
+      for (var _key10 in articlesCodexesOnIndex) {
+        if (articlesCodexesOnIndex[_key10].length > 1) {
           //group the single groups by the aricleCodex
           var articles = [];
-          for (var _i4 = 0; _i4 < articlesCodexesOnIndex[_key11].length; _i4++) {
-            var _group = groupedArticles[articlesCodexesOnIndex[_key11][_i4]];
+          for (var _i4 = 0; _i4 < articlesCodexesOnIndex[_key10].length; _i4++) {
+            var _group = groupedArticles[articlesCodexesOnIndex[_key10][_i4]];
             articles.push({
               article: _group[Object.keys(_group)[0]]
             });
@@ -33557,11 +33577,11 @@ var SummaryHandler = /*#__PURE__*/function () {
       var isIDM = article.CatalogData.isIDMFormat;
       var tabGroups = [];
       for (var basketId in article.partlistArticles) {
-        var _ops$val2;
+        var _ops$val4;
         var partlistArticle = article.partlistArticles[basketId];
         if (!partlistArticle.tabGroup) continue;
         var ops = article.getArticleOptionState((!isIDM ? 'OPT' : '') + partlistArticle.tabGroup);
-        if (ops && !ops.isInvisible && (ops.selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && article.set.api.showSelectionModeZero()) && ops.isDoShow && !((_ops$val2 = ops.val) !== null && _ops$val2 !== void 0 && _ops$val2.isNotRelevant) && ops !== null && ops !== void 0 && ops.optionTabGroup) {
+        if (ops && !ops.isInvisible && (ops.selectionmode != 0 || (ops.visibleCount > 1 || ops.isFreeText) && article.set.api.showSelectionModeZero()) && ops.isDoShow && !((_ops$val4 = ops.val) !== null && _ops$val4 !== void 0 && _ops$val4.isNotRelevant) && ops !== null && ops !== void 0 && ops.optionTabGroup) {
           tabGroups.push({
             optionCodex: ops.optionCodex,
             tabGroup: ops.optionTabGroup
@@ -33785,8 +33805,8 @@ var SummaryHandler = /*#__PURE__*/function () {
     key: "getArticlesPrice",
     value: function getArticlesPrice(articles) {
       var price = 0;
-      for (var _key12 in articles) {
-        price = price + articles[_key12].price * articles[_key12].quantity;
+      for (var _key11 in articles) {
+        price = price + articles[_key11].price * articles[_key11].quantity;
       }
       return price;
     }
@@ -34696,6 +34716,12 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
+      this.checkForMergableSelectionModes(set.configTree);
+    }
+  }, {
+    key: "checkForMergableSelectionModes",
+    value: function checkForMergableSelectionModes(configTree) {
+      return;
     }
   }, {
     key: "addOptionsStateToConfigTree",
@@ -34985,7 +35011,7 @@ 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, _iterator2, _step2, _configItem$parent$oc, key, configItem, configItemsInOPG, retVal, _retVal, totalTime, configStepOPG, configStepOPV, targetArticle, opg, ops, selectedOpv, originalVariantValues, seomethingChanged, variantValues, _iterator3, _step3, _set$favorites$Varian, _set$favorites, _key, startTime, alreadyCalcedVisibleOPVs, _i, _ops$optionOcd2, _retVal2, clonedConfigItemsForView, i, timeDiff;
+        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) {
             case 0:
@@ -34994,7 +35020,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
               retValues = this.getConfigItems(configStepKey, articles, set.configTree);
               optionCodex = undefined;
               if (!(retValues && step != null)) {
-                _context.next = 95;
+                _context.next = 96;
                 break;
               }
               configItems = [];
@@ -35008,18 +35034,18 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             case 10:
               optionCodex = optionState.optionCodex;
               if (!retValues.isOPG) {
-                _context.next = 35;
+                _context.next = 36;
                 break;
               }
-              _iterator2 = _createForOfIteratorHelper$2(retValues.configItems.keys());
+              _iterator5 = _createForOfIteratorHelper$2(retValues.configItems.keys());
               _context.prev = 13;
-              _iterator2.s();
+              _iterator5.s();
             case 15:
-              if ((_step2 = _iterator2.n()).done) {
-                _context.next = 25;
+              if ((_step5 = _iterator5.n()).done) {
+                _context.next = 26;
                 break;
               }
-              key = _step2.value;
+              key = _step5.value;
               configItem = retValues.configItems.get(key);
               if (configItem) {
                 _context.next = 20;
@@ -35033,77 +35059,83 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 retVal = this.prepareConfigItemsForView(set, optionState, configItemsInOPG, retValues.constructionRules, selectedItems, step.configStep.targetArticles, optionCodex);
                 configItems = configItems.concat(retVal.myConfigItemsForView);
               }
-            case 23:
+              if (optionState.option.ignorePgrGroupPosition) {
+                configItems = configItems.sort(function (a, b) {
+                  var _a$groupName$localeCo, _a$groupName, _b$groupName;
+                  return (_a$groupName$localeCo = (_a$groupName = a.groupName) === null || _a$groupName === void 0 ? void 0 : _a$groupName.localeCompare((_b$groupName = b.groupName) !== null && _b$groupName !== void 0 ? _b$groupName : '')) !== null && _a$groupName$localeCo !== void 0 ? _a$groupName$localeCo : 0;
+                });
+              }
+            case 24:
               _context.next = 15;
               break;
-            case 25:
-              _context.next = 30;
+            case 26:
+              _context.next = 31;
               break;
-            case 27:
-              _context.prev = 27;
+            case 28:
+              _context.prev = 28;
               _context.t0 = _context["catch"](13);
-              _iterator2.e(_context.t0);
-            case 30:
-              _context.prev = 30;
-              _iterator2.f();
-              return _context.finish(30);
-            case 33:
-              _context.next = 92;
+              _iterator5.e(_context.t0);
+            case 31:
+              _context.prev = 31;
+              _iterator5.f();
+              return _context.finish(31);
+            case 34:
+              _context.next = 93;
               break;
-            case 35:
+            case 36:
               if (!(step.optionStep.mergesToOPG == undefined)) {
-                _context.next = 40;
+                _context.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 = 92;
+              _context.next = 93;
               break;
-            case 40:
+            case 41:
               if (!(typeof step.optionStep.mergesToOPG == 'string' && step.tabGroup.options[step.optionStep.mergesToOPG])) {
-                _context.next = 92;
+                _context.next = 93;
                 break;
               }
               //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 = 92;
+                _context.next = 93;
                 break;
               }
               targetArticle = articles[configStepOPG.targetArticles[0]];
               opg = targetArticle.getArticleOptionState(configStepOPG.option);
               ops = targetArticle.getArticleOptionState(configStepOPV.option);
               if (opg) {
-                _context.next = 49;
+                _context.next = 50;
                 break;
               }
               throw new Error('myOptionState ' + configStepOPG.option + ' is undefined');
-            case 49:
+            case 50:
               if (ops) {
-                _context.next = 51;
+                _context.next = 52;
                 break;
               }
               throw new Error('myOptionState ' + configStepOPV.option + ' is undefined');
-            case 51:
+            case 52:
               selectedOpv = ops.val;
               originalVariantValues = targetArticle.VariantValues;
               seomethingChanged = false;
               variantValues = {};
-              _iterator3 = _createForOfIteratorHelper$2(opg.visibleOptionValues.keys());
-              _context.prev = 56;
-              _iterator3.s();
-            case 58:
-              if ((_step3 = _iterator3.n()).done) {
-                _context.next = 78;
+              _iterator6 = _createForOfIteratorHelper$2(opg.visibleOptionValues.keys());
+              _context.prev = 57;
+              _iterator6.s();
+            case 59:
+              if ((_step6 = _iterator6.n()).done) {
+                _context.next = 79;
                 break;
               }
-              _key = _step3.value;
+              _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 = 68;
+                _context.next = 69;
                 break;
               }
               //die merged OPG wurde bereist ausgerechnet und kann wiederverwendet werden. nur die Selected value muss repariert werden
@@ -35115,41 +35147,41 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }
               }
               configItems = configItems.concat(alreadyCalcedVisibleOPVs);
-              _context.next = 75;
+              _context.next = 76;
               break;
-            case 68:
+            case 69:
               seomethingChanged = true;
-              _context.next = 71;
+              _context.next = 72;
               return articleHandlerInstance.updateCfgValues(targetArticle, variantValues, {}, true, true, true, true);
-            case 71:
+            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);
               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 75:
-              LOG$a.debug('calculating for merge to opg', _key, Date.now() - startTime + 'ms');
             case 76:
-              _context.next = 58;
+              LOG$a.debug('calculating for merge to opg', _key, Date.now() - startTime + 'ms');
+            case 77:
+              _context.next = 59;
               break;
-            case 78:
-              _context.next = 83;
+            case 79:
+              _context.next = 84;
               break;
-            case 80:
-              _context.prev = 80;
-              _context.t1 = _context["catch"](56);
-              _iterator3.e(_context.t1);
-            case 83:
-              _context.prev = 83;
-              _iterator3.f();
-              return _context.finish(83);
-            case 86:
+            case 81:
+              _context.prev = 81;
+              _context.t1 = _context["catch"](57);
+              _iterator6.e(_context.t1);
+            case 84:
+              _context.prev = 84;
+              _iterator6.f();
+              return _context.finish(84);
+            case 87:
               if (!seomethingChanged) {
-                _context.next = 89;
+                _context.next = 90;
                 break;
               }
-              _context.next = 89;
+              _context.next = 90;
               return setHandlerInstance.updateArticlesOptionStatesOfActSet(set, originalVariantValues, [targetArticle.basketId], true, 'calcVariant');
-            case 89:
+            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];
@@ -35158,7 +35190,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
               }
               timeDiff = Date.now() - totalTime;
               LOG$a.debug('calculating for merge to opg', 'totalTime', timeDiff + 'ms');
-            case 92:
+            case 93:
               return _context.abrupt("return", {
                 configItems: configItems,
                 option: optionCodex ? set.CatalogData.getOption(optionCodex) : undefined,
@@ -35169,16 +35201,16 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
                 }),
                 notTotallyMatichingOPVs: !set.CatalogData.articleConfigAll ? retValues.notTotallyMatichingOPVs : undefined
               });
-            case 95:
+            case 96:
               return _context.abrupt("return", {
                 configItems: [],
                 selectedItems: []
               });
-            case 96:
+            case 97:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[13, 27, 30, 33], [56, 80, 83, 86]]);
+        }, _callee, this, [[13, 28, 31, 34], [57, 81, 84, 87]]);
       }));
       function getConifgItemsForView(_x, _x2) {
         return _getConifgItemsForView.apply(this, arguments);
@@ -35220,19 +35252,19 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
               constructionRules = myOptionState.constructionRules;
               configItems = new Map(myOptionState.visibleOptionValues);
             } else {
-              var _iterator4 = _createForOfIteratorHelper$2(configItems.keys()),
-                _step4;
+              var _iterator7 = _createForOfIteratorHelper$2(configItems.keys()),
+                _step7;
               try {
-                for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-                  var _key2 = _step4.value;
+                for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+                  var _key2 = _step7.value;
                   if (!myOptionState.visibleOptionValues.get(_key2)) {
                     configItems["delete"](_key2);
                   }
                 }
               } catch (err) {
-                _iterator4.e(err);
+                _iterator7.e(err);
               } finally {
-                _iterator4.f();
+                _iterator7.f();
               }
             }
           } else if (i == 0 && configStep.targetArticles.length == 1) {
@@ -35337,11 +35369,11 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         ret = false;
       var articles = set.getDivaArticles();
       for (var basketId in articles) {
-        var _iterator5 = _createForOfIteratorHelper$2(articles[basketId].articleOptionStates.values()),
-          _step5;
+        var _iterator8 = _createForOfIteratorHelper$2(articles[basketId].articleOptionStates.values()),
+          _step8;
         try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            var ops = _step5.value;
+          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+            var ops = _step8.value;
             if (ops.headerPosVariationType == 'K') {
               if (optionValues[ops.optionCodex] == undefined) {
                 optionValues[ops.optionCodex] = ops.valCodex ? ops.valCodex : null;
@@ -35354,9 +35386,9 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             }
           }
         } catch (err) {
-          _iterator5.e(err);
+          _iterator8.e(err);
         } finally {
-          _iterator5.f();
+          _iterator8.f();
         }
         if (ret == true) break;
       }
@@ -35375,7 +35407,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
         var item = myConfigItems.get(objectKeys[i]);
         if (!item) throw new Error('item ' + objectKeys[i] + ' not found in myConfigItems');
         var key = objectKeys[i];
-        var groupName = item.groupName ? item.groupName : idmOpgGroupName;
+        var groupName = !ops.option.ignoreGroups ? item.groupName ? item.groupName : idmOpgGroupName : undefined;
         if (!selectedVals.find(function (opv) {
           var _myConfigItems$get, _myConfigItems$get2;
           return opv == item.codex || ((_myConfigItems$get = myConfigItems.get(opv)) === null || _myConfigItems$get === void 0 ? void 0 : _myConfigItems$get.ocd) && ((_myConfigItems$get2 = myConfigItems.get(opv)) === null || _myConfigItems$get2 === void 0 ? void 0 : _myConfigItems$get2.ocd) === item.codex;
@@ -35477,12 +35509,12 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
       for (var iKey in optionStatesOfArticles) {
         //hier evtl. die Article mit einer gewissen reihenfolge durchlaufen!
         var optionsStates = optionStatesOfArticles[iKey];
-        var _iterator6 = _createForOfIteratorHelper$2(optionsStates.values()),
-          _step6;
+        var _iterator9 = _createForOfIteratorHelper$2(optionsStates.values()),
+          _step9;
         try {
-          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
             var _ops$addToMeasure2;
-            var ops = _step6.value;
+            var ops = _step9.value;
             var selectionmode = ops.selectionmode;
             if (set.CatalogData.forceConfigSingle && (selectionmode == 1 || selectionmode == 2)) selectionmode = 3;
             if (ops.isInvisible || selectionmode == 0 || !ops.isDoShow || ops.visibleCount == 0 || !!((_ops$addToMeasure2 = ops.addToMeasure) !== null && _ops$addToMeasure2 !== void 0 && _ops$addToMeasure2.length)) {
@@ -35490,9 +35522,9 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
             }
           }
         } catch (err) {
-          _iterator6.e(err);
+          _iterator9.e(err);
         } finally {
-          _iterator6.f();
+          _iterator9.f();
         }
       }
       return configTree;
@@ -37360,7 +37392,8 @@ var DivaSetHandler = /*#__PURE__*/function () {
         articleInfos: articleInfos,
         doShowConfigSingle: doShowConfigSingle && groupedArticles.length > 1,
         isConfigSingle: isConfigSingle,
-        articleName: ''
+        articleName: '',
+        bbox: this.getBBoxObject(set)
       };
     }
   }, {
@@ -37740,7 +37773,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: (function () {
       var _updateArticlesOptionStatesOfActSet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(set, myValues, targetArticlesWithNewValues, ignorePlanner, from, partlistDiff) {
         var _resultPlannerUpdate;
-        var elementsToDeleteById, targetArticlesToUpdateOnly, retValues, diff, resultPlannerUpdate, targetElementIds, i, articleToDel, index, result, articleCopyRelation, newArticle;
+        var elementsToDeleteById, targetArticlesToUpdateOnly, retValues, diff, resultPlannerUpdate, targetElementIds, i, articleToDel, index, result, articleCopyRelation, newArticle, rpu, copyIndex;
         return _regeneratorRuntime.wrap(function _callee27$(_context29) {
           while (1) switch (_context29.prev = _context29.next) {
             case 0:
@@ -37790,7 +37823,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
 
               //Update Planner - check if planner data changed
               if (!(!ignorePlanner && from != 'calcVariant')) {
-                _context29.next = 55;
+                _context29.next = 58;
                 break;
               }
               targetElementIds = this.getElementIdsOfArticles(set, targetArticlesWithNewValues);
@@ -37835,7 +37868,7 @@ var DivaSetHandler = /*#__PURE__*/function () {
               break;
             case 41:
               if (!(resultPlannerUpdate.elementIdToCopy && resultPlannerUpdate.elementIdToCopy.length > 0)) {
-                _context29.next = 54;
+                _context29.next = 57;
                 break;
               }
               //Todo copy these elements
@@ -37856,22 +37889,32 @@ var DivaSetHandler = /*#__PURE__*/function () {
               _context29.next = 44;
               break;
             case 52:
-              _context29.next = 54;
+              rpu = resultPlannerUpdate;
+              copyIndex = {
+                x: rpu.copyDPType == 'AVL' ? -1 : rpu.copyDPType == 'AVR' ? 1 : 0,
+                y: 0,
+                z: rpu.copyType == 'BoxPlanner_backside' ? -1 : 0
+              };
+              if (!(resultPlannerUpdate.copyType == 'BoxPlanner_backside')) {
+                _context29.next = 57;
+                break;
+              }
+              _context29.next = 57;
               return set.plannerHandler.copyPlannerElements(set.getSetId(), articleCopyRelation, {
-                dpType: resultPlannerUpdate.copyDPType ? resultPlannerUpdate.copyDPType : 'NO',
+                copyIndex: copyIndex,
                 copyType: resultPlannerUpdate.copyType,
                 changedOPT: resultPlannerUpdate.changedOPT,
                 targetElements: resultPlannerUpdate.targetElements
               });
-            case 54:
+            case 57:
               this.updatePosNrOfAccessoiresOfTargetArticles(set, targetArticlesWithNewValues);
-            case 55:
+            case 58:
               return _context29.abrupt("return", {
                 articleCountChanged: elementsToDeleteById.length > 0,
                 elementIdsToUpdateSelection: (_resultPlannerUpdate = resultPlannerUpdate) === null || _resultPlannerUpdate === void 0 ? void 0 : _resultPlannerUpdate.elementIdsToUpdateSelection,
                 setId: set.getSetId()
               });
-            case 56:
+            case 59:
             case "end":
               return _context29.stop();
           }
@@ -39745,7 +39788,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-a5542a05.js');
+              return import('./PfisterWWSHandler-55f4ec64.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39753,7 +39796,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-53a5195d.js');
+              return import('./LiviqueWWSHandler-e04621da.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39761,7 +39804,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-fed815e3.js');
+              return import('./SeriousBasketHandler-aad3b760.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39769,7 +39812,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-38258f9c.js');
+              return import('./StandardWWSHandler-dc2603b4.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -41198,7 +41241,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-79df2488.js');
+              return import('./Host3DSignalR-e075d73c.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -42756,7 +42799,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-90620c78.js');
+              return import('./DivaStandardPlanner-2977514b.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42767,7 +42810,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-28a692cd.js');
+              return import('./DivaBoxPlanner-d1fe2f39.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43411,7 +43454,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
         return _regeneratorRuntime.wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              if (this.plannerList.has(setId)) {
+              if (!(!this.plannerList.has(setId) || !copyInfo)) {
                 _context15.next = 2;
                 break;
               }
@@ -44340,7 +44383,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var retValues = setHandlerInstance.loadPaletteInfos(set, configStepKey, activeArticles, targetArticles);
       if (!retValues.articleInfos) return;
       //this.setWebConifguratorTitle({ articleName: retValues.articleName });
-      _this.updatePaletteInfos(retValues.articleInfos, retValues.doShowConfigSingle, retValues.isConfigSingle);
+      _this.updatePaletteInfos(retValues.articleInfos, retValues.doShowConfigSingle, retValues.isConfigSingle, retValues.bbox);
       (_this$updateViewPlann7 = _this.updateViewPlannerElements) === null || _this$updateViewPlann7 === void 0 || _this$updateViewPlann7.call(_this, setHandlerInstance.getAllViewPlannerElements(set), setHandlerInstance.getAllVisualiedNotPlannedElements(set));
       _this.updateElementSelectionConfig(retValues.articleInfos, _this.doAllowSetPlanner());
     });
@@ -45281,7 +45324,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "copyPlannerElement",
     value: (function () {
       var _copyPlannerElement = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee21(setId, elementId, curConfigKey, copyInfo) {
-        var newConfigStepKey, copyDps, eId, _i, _copyDps, _this$updateViewPlann12, copyDp, set, newSelectedArticle, _this$updateElementSe7, baseArticle;
+        var _this$updateViewPlann12;
+        var set, newSelectedArticle, newConfigStepKey, _this$updateElementSe7, baseArticle;
         return _regeneratorRuntime.wrap(function _callee21$(_context21) {
           while (1) switch (_context21.prev = _context21.next) {
             case 0:
@@ -45291,46 +45335,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               return _context21.abrupt("return");
             case 2:
-              newConfigStepKey = '';
-              copyDps = [];
-              eId = elementId;
-              if (copyInfo.copyIndex.x > 0) copyDps.push('AVR');else copyDps.push('AVL');
-              if (copyInfo.copyIndex.y > 0) copyDps.push('AVO');
-              _i = 0, _copyDps = copyDps;
-            case 8:
-              if (!(_i < _copyDps.length)) {
-                _context21.next = 26;
-                break;
-              }
-              copyDp = _copyDps[_i];
               set = this.sets[setId];
-              _context21.next = 13;
-              return setHandlerInstance.copyPlannerElement(set, eId, {
-                copyType: copyInfo.copyType,
-                dpType: copyDp
-              });
-            case 13:
+              _context21.next = 5;
+              return setHandlerInstance.copyPlannerElement(set, elementId, copyInfo);
+            case 5:
               newSelectedArticle = _context21.sent;
-              if (newSelectedArticle !== null && newSelectedArticle !== void 0 && newSelectedArticle.elementId) eId = newSelectedArticle.elementId;
               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');
               this.updatePriceInView();
               this.updateViewButtonsDependigOnConfigStructure();
+              newConfigStepKey = undefined;
               if (newSelectedArticle != undefined) {
-                set.configTree.getNewConfigStepKeyByBasketId(curConfigKey, newSelectedArticle.basketId);
+                newConfigStepKey = set.configTree.getNewConfigStepKeyByBasketId(curConfigKey, newSelectedArticle.basketId);
                 this.loadPaletteInfos(curConfigKey, [newSelectedArticle.basketId], Object.keys(set.getDivaArticles()));
                 baseArticle = setHandlerInstance.getBaseParentArticleOfAccessoire(set, newSelectedArticle.basketId);
                 (_this$updateElementSe7 = this.updateElementSelectionPlanner) === null || _this$updateElementSe7 === void 0 || _this$updateElementSe7.call(this, [baseArticle.setId], [baseArticle.elementId], true);
               }
               this.checkMatchingProducts('onCopy');
-            case 23:
-              _i++;
-              _context21.next = 8;
-              break;
-            case 26:
               return _context21.abrupt("return", newConfigStepKey);
-            case 27:
+            case 15:
             case "end":
               return _context21.stop();
           }
@@ -45570,7 +45594,6 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "updatePriceInView",
     value: function updatePriceInView() {
       var _this$updatePrice, _this$actSet9;
-      setHandlerInstance.getActSetPriceFormat(this.actSet());
       (_this$updatePrice = this.updatePrice) === null || _this$updatePrice === void 0 || _this$updatePrice.call(this, setHandlerInstance.getTotalViewPrice(this.sets), this.actSet().getViewSetPrice(), setHandlerInstance.getTotalViewBruttoPrice(this.sets), undefined, (_this$actSet9 = this.actSet()) === null || _this$actSet9 === void 0 ? void 0 : _this$actSet9.getCustomDimensionsOfActSet());
     }
 
@@ -45756,7 +45779,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "saveToBasket",
     value: function () {
       var _saveToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee27(returnTo, event, repairOnly) {
-        var _returnTo, _returnTo2, _returnTo3, _this$actions35, _this$actions36, _this$actions37, _this$divaBasketHandl2;
+        var _returnTo, _returnTo2, _returnTo3, _this$actions35, _this$actions36, _this$divaBasketHandl2;
         var set, actBasket, oldReturnTo, result, newDivaNr, _this$actSet11, arReady, _result2, product;
         return _regeneratorRuntime.wrap(function _callee27$(_context27) {
           while (1) switch (_context27.prev = _context27.next) {
@@ -45805,15 +45828,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               this.divaBasketHandler.fillOrigConfigurations();
               actBasket.Updated = Date.now();
               if (!returnTo) {
-                _context27.next = 53;
+                _context27.next = 52;
                 break;
               }
               _context27.t3 = returnTo;
-              _context27.next = _context27.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 27 : _context27.t3 === 'OPEN_SELLER_BASKET' ? 30 : _context27.t3 === 'OPEN_PDF' ? 33 : _context27.t3 === 'SAVE_BASKET_WITH_MODAL' ? 33 : _context27.t3 === 'SAVE_BASKET' ? 33 : _context27.t3 === 'SAVE_BASKET_SYNC' ? 33 : _context27.t3 === 'OPEN_LEAFLET_BARRIER' ? 33 : 53;
+              _context27.next = _context27.t3 === 'OPEN_SELLER_PRODUCTCREATOR' ? 27 : _context27.t3 === 'OPEN_SELLER_BASKET' ? 29 : _context27.t3 === 'OPEN_PDF' ? 32 : _context27.t3 === 'SAVE_BASKET_WITH_MODAL' ? 32 : _context27.t3 === 'SAVE_BASKET' ? 32 : _context27.t3 === 'SAVE_BASKET_SYNC' ? 32 : _context27.t3 === 'OPEN_LEAFLET_BARRIER' ? 32 : 52;
               break;
             case 27:
-              (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.toggleLoading('buildScene', false, false);
-              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.openComponent({
+              (_this$actions35 = this.actions) === null || _this$actions35 === void 0 || _this$actions35.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'PCreator',
@@ -45823,12 +45845,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context27.abrupt("break", 53);
-            case 30:
+              return _context27.abrupt("break", 52);
+            case 29:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
                 actBasket.setDocumentVersion(actBasket.getDocumentVersion() + 1);
               }
-              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.openComponent({
+              (_this$actions36 = this.actions) === null || _this$actions36 === void 0 || _this$actions36.openComponent({
                 type: 'SELLER',
                 parameters: {
                   module: 'Basket',
@@ -45838,25 +45860,25 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   basketData: actBasket
                 }
               });
-              return _context27.abrupt("break", 53);
-            case 33:
+              return _context27.abrupt("break", 52);
+            case 32:
               if (!(event == 'onSaveProduct')) {
-                _context27.next = 43;
+                _context27.next = 42;
                 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)));
-              _context27.next = 37;
+              _context27.next = 36;
               return DivaUtils.updateBasketOrgInfo(actBasket, this.plannerConfig.currentOrganization, this.plannerConfig.currentUser);
-            case 37:
-              _context27.next = 39;
+            case 36:
+              _context27.next = 38;
               return this.api.getDataWithoutCache(this.api.getUniqueNewDivaNr(), undefined, 'basket');
-            case 39:
+            case 38:
               newDivaNr = _context27.sent;
               actBasket.convertToBaseConfiguration(newDivaNr.divaNr);
-              _context27.next = 52;
+              _context27.next = 51;
               break;
-            case 43:
+            case 42:
               if (this.divaBasketHandler.basketWasSavedWithCurrentDocVersion) {
                 this.divaBasketHandler.basketWasSavedWithCurrentDocVersion = undefined;
                 actBasket.setDocumentVersion(actBasket.getDocumentVersion() + 1);
@@ -45864,26 +45886,26 @@ 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);
               arReady = !!((_this$actSet11 = this.actSet()) !== null && _this$actSet11 !== void 0 && _this$actSet11.CatalogData.divaArReady);
-              _context27.next = 49;
+              _context27.next = 48;
               return this.divaBasketHandler.saveToBasket(this.api, actBasket, returnTo, arReady);
-            case 49:
+            case 48:
               _result2 = _context27.sent;
               if (!(_result2 === 'ERROR_NO_BASKET_SAVED' || _result2 === 'ERROR_BASKET_AFTER_SAVE')) {
-                _context27.next = 52;
+                _context27.next = 51;
                 break;
               }
               return _context27.abrupt("return", 'canceled');
+            case 51:
+              return _context27.abrupt("break", 52);
             case 52:
-              return _context27.abrupt("break", 53);
-            case 53:
               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
-              _context27.next = 57;
+              _context27.next = 56;
               return this.addToBasket(actBasket, event);
-            case 57:
+            case 56:
               product = _context27.sent;
               return _context27.abrupt("return", product !== null && product !== void 0 ? product : 'saved');
-            case 59:
+            case 58:
             case "end":
               return _context27.stop();
           }
@@ -46195,18 +46217,18 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     key: "addToBasket",
     value: function () {
       var _addToBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee29(actBasket) {
-        var _this$actions38,
+        var _this$actions37,
+          _this$actions38,
           _this$actions39,
           _this$actions40,
           _this$actions41,
-          _this$actions42,
           _this$divaBasketHandl4,
           _this4 = this,
+          _this$actions42,
           _this$actions43,
           _this$actions44,
           _this$actions45,
-          _this$actions46,
-          _this$actions47;
+          _this$actions46;
         var event,
           emailConfig,
           _emailConfig$to$split,
@@ -46223,31 +46245,31 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               _context29.next = _context29.t0 === 'onWebPlanerPrint' ? 4 : _context29.t0 === 'onWebPlanerSave' ? 6 : _context29.t0 === 'onWebPlanerShare' ? 8 : _context29.t0 === 'onRequestConsulation' ? 10 : _context29.t0 === 'onSave' ? 12 : _context29.t0 === 'onSendEmail' ? 14 : _context29.t0 === 'onSaveProduct' ? 19 : _context29.t0 === 'dontSaveBasket' ? 26 : _context29.t0 === 'onAddToBasket' ? 26 : _context29.t0 === 'onSendContactForm' ? 28 : 31;
               break;
             case 4:
-              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
+              (_this$actions37 = this.actions) === null || _this$actions37 === void 0 || _this$actions37.onEvent({
                 type: 'onWebPlanerPrint',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 33);
             case 6:
-              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
+              (_this$actions38 = this.actions) === null || _this$actions38 === void 0 || _this$actions38.onEvent({
                 type: 'onWebPlanerSave',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 33);
             case 8:
-              (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
+              (_this$actions39 = this.actions) === null || _this$actions39 === void 0 || _this$actions39.onEvent({
                 type: 'onWebPlanerShare',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 33);
             case 10:
-              (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.onEvent({
+              (_this$actions40 = this.actions) === null || _this$actions40 === void 0 || _this$actions40.onEvent({
                 type: 'onRequestConsulation',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 33);
             case 12:
-              (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
+              (_this$actions41 = this.actions) === null || _this$actions41 === void 0 || _this$actions41.onEvent({
                 type: 'onSave',
                 data: actBasket.getAsJson()
               });
@@ -46282,7 +46304,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                   });
                 });
               }
-              (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
+              (_this$actions42 = this.actions) === null || _this$actions42 === void 0 || _this$actions42.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
@@ -46293,7 +46315,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               return this.api.saveAsProduct(this.sets, actBasket);
             case 22:
               products = _context29.sent;
-              (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
+              (_this$actions43 = this.actions) === null || _this$actions43 === void 0 || _this$actions43.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
@@ -46303,20 +46325,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               }
               return _context29.abrupt("return", products[0]);
             case 26:
-              (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.onEvent({
+              (_this$actions44 = this.actions) === null || _this$actions44 === void 0 || _this$actions44.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               return _context29.abrupt("break", 33);
             case 28:
-              (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.onEvent({
+              (_this$actions45 = this.actions) === null || _this$actions45 === void 0 || _this$actions45.onEvent({
                 type: 'onAddToBasket',
                 data: actBasket.getAsJson()
               });
               this.openContactForm(this.divaBasketHandler);
               return _context29.abrupt("break", 33);
             case 31:
-              (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.onEvent({
+              (_this$actions46 = this.actions) === null || _this$actions46 === void 0 || _this$actions46.onEvent({
                 type: event,
                 data: actBasket.getAsJson()
               });
@@ -46337,8 +46359,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "openPDFpostAsEvent",
     value: function openPDFpostAsEvent(mongoDBId) {
-      var _this$actions48, _this$actions49, _this$actions50;
-      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.updateBreadcrumbs({
+      var _this$actions47, _this$actions48, _this$actions49;
+      (_this$actions47 = this.actions) === null || _this$actions47 === void 0 || _this$actions47.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -46352,7 +46374,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.updateBreadcrumbs({
+      (_this$actions48 = this.actions) === null || _this$actions48 === void 0 || _this$actions48.updateBreadcrumbs({
         type: 'update',
         param: {
           groupId: 'SHOWROOM',
@@ -46366,7 +46388,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }
       });
-      (_this$actions50 = this.actions) === null || _this$actions50 === void 0 || _this$actions50.openComponent({
+      (_this$actions49 = this.actions) === null || _this$actions49 === void 0 || _this$actions49.openComponent({
         type: 'REPORT',
         parameters: {
           id: mongoDBId
@@ -46624,14 +46646,14 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "subscribeToWebPlannerEvents",
     value: function subscribeToWebPlannerEvents() {
-      var _this$actions51;
-      (_this$actions51 = this.actions) === null || _this$actions51 === void 0 || _this$actions51.subscribeEvents(this.addToBasketEventFunction);
+      var _this$actions50;
+      (_this$actions50 = this.actions) === null || _this$actions50 === void 0 || _this$actions50.subscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "unsubscribeFromWebPlannerEvents",
     value: function unsubscribeFromWebPlannerEvents() {
-      var _this$actions52;
-      (_this$actions52 = this.actions) === null || _this$actions52 === void 0 || _this$actions52.unSubscribeEvents(this.addToBasketEventFunction);
+      var _this$actions51;
+      (_this$actions51 = this.actions) === null || _this$actions51 === void 0 || _this$actions51.unSubscribeEvents(this.addToBasketEventFunction);
     }
   }, {
     key: "initApiForLogicOnly",
@@ -46938,8 +46960,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var actualBasketvalue = 0;
       if (set) {
         actualBasketvalue = set === null || set === void 0 ? void 0 : set.getSetPrice();
-        for (var _i2 = 0, _Object$values = Object.values(set.getDivaArticles()); _i2 < _Object$values.length; _i2++) {
-          var article = _Object$values[_i2];
+        for (var _i = 0, _Object$values = Object.values(set.getDivaArticles()); _i < _Object$values.length; _i++) {
+          var article = _Object$values[_i];
           if (article.relatedToBasketId) {
             var toAdd = {
               codex: article.configArticleCodex,
@@ -47006,8 +47028,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           };
           latestColor = ((_set$CatalogData$getO3 = set.CatalogData.getOptionValue(Object.values(myValues)[0])) === null || _set$CatalogData$getO3 === void 0 ? void 0 : _set$CatalogData$getO3.colorGroups) || [];
         }
-        for (var _i3 = 0, _Object$values2 = Object.values(set.getDivaArticles()); _i3 < _Object$values2.length; _i3++) {
-          var article = _Object$values2[_i3];
+        for (var _i2 = 0, _Object$values2 = Object.values(set.getDivaArticles()); _i2 < _Object$values2.length; _i2++) {
+          var article = _Object$values2[_i2];
           if (!configuration) {
             configuration = [{
               varientValues: article.VariantValues,
@@ -47047,9 +47069,9 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               })
             });
           }
-          for (var _i4 = 0, _Object$entries = Object.entries(article.VariantValues); _i4 < _Object$entries.length; _i4++) {
+          for (var _i3 = 0, _Object$entries = Object.entries(article.VariantValues); _i3 < _Object$entries.length; _i3++) {
             var _set$CatalogData$getO8, _set$CatalogData$getO9;
-            var _Object$entries$_i = _slicedToArray(_Object$entries[_i4], 2),
+            var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
               opt = _Object$entries$_i[0],
               opv = _Object$entries$_i[1];
             allOpt.push({
@@ -48946,6 +48968,12 @@ var PlannerElementData = /*#__PURE__*/function () {
       var _this$planElement$pla3, _this$planElement$pla4;
       return ((_this$planElement$pla3 = this.planElement.plannerData) === null || _this$planElement$pla3 === void 0 ? void 0 : _this$planElement$pla3.filterType) == 'Accessoire' || ((_this$planElement$pla4 = this.planElement.plannerData) === null || _this$planElement$pla4 === void 0 ? void 0 : _this$planElement$pla4.isAccessoire);
     }
+  }, {
+    key: "FilterType",
+    get: function get() {
+      var _this$planElement$pla5;
+      return (_this$planElement$pla5 = this.planElement.plannerData) === null || _this$planElement$pla5 === void 0 ? void 0 : _this$planElement$pla5.filterType;
+    }
   }, {
     key: "FilterAVL",
     get: function get() {
@@ -49160,38 +49188,38 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "SvgFileName",
     get: function get() {
-      var _this$planElement$pla5;
-      return (_this$planElement$pla5 = this.planElement.plannerData) === null || _this$planElement$pla5 === void 0 ? void 0 : _this$planElement$pla5.curSVG;
+      var _this$planElement$pla6;
+      return (_this$planElement$pla6 = this.planElement.plannerData) === null || _this$planElement$pla6 === void 0 ? void 0 : _this$planElement$pla6.curSVG;
     }
   }, {
     key: "Width",
     get: function get() {
-      var _this$planElement$pla6;
-      return (_this$planElement$pla6 = this.planElement.plannerData) === null || _this$planElement$pla6 === void 0 ? void 0 : _this$planElement$pla6.width;
+      var _this$planElement$pla7;
+      return (_this$planElement$pla7 = this.planElement.plannerData) === null || _this$planElement$pla7 === void 0 ? void 0 : _this$planElement$pla7.width;
     }
   }, {
     key: "Height",
     get: function get() {
-      var _this$planElement$pla7;
-      return (_this$planElement$pla7 = this.planElement.plannerData) === null || _this$planElement$pla7 === void 0 ? void 0 : _this$planElement$pla7.height;
+      var _this$planElement$pla8;
+      return (_this$planElement$pla8 = this.planElement.plannerData) === null || _this$planElement$pla8 === void 0 ? void 0 : _this$planElement$pla8.height;
     }
   }, {
     key: "Depth",
     get: function get() {
-      var _this$planElement$pla8;
-      return (_this$planElement$pla8 = this.planElement.plannerData) === null || _this$planElement$pla8 === void 0 ? void 0 : _this$planElement$pla8.depth;
+      var _this$planElement$pla9;
+      return (_this$planElement$pla9 = this.planElement.plannerData) === null || _this$planElement$pla9 === void 0 ? void 0 : _this$planElement$pla9.depth;
     }
   }, {
     key: "HasAVL",
     get: function get() {
-      var _this$planElement$pla9;
-      return (_this$planElement$pla9 = this.planElement.plannerData) === null || _this$planElement$pla9 === void 0 ? void 0 : _this$planElement$pla9.hasAVL;
+      var _this$planElement$pla10;
+      return (_this$planElement$pla10 = this.planElement.plannerData) === null || _this$planElement$pla10 === void 0 ? void 0 : _this$planElement$pla10.hasAVL;
     }
   }, {
     key: "HasAVR",
     get: function get() {
-      var _this$planElement$pla10;
-      return (_this$planElement$pla10 = this.planElement.plannerData) === null || _this$planElement$pla10 === void 0 ? void 0 : _this$planElement$pla10.hasAVR;
+      var _this$planElement$pla11;
+      return (_this$planElement$pla11 = this.planElement.plannerData) === null || _this$planElement$pla11 === void 0 ? void 0 : _this$planElement$pla11.hasAVR;
     }
   }, {
     key: "HasAVO",
@@ -49300,8 +49328,8 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "svgBefore",
     get: function get() {
-      var _this$planElement$pla11;
-      return (_this$planElement$pla11 = this.planElement.plannerData) === null || _this$planElement$pla11 === void 0 ? void 0 : _this$planElement$pla11.svgBefore;
+      var _this$planElement$pla12;
+      return (_this$planElement$pla12 = this.planElement.plannerData) === null || _this$planElement$pla12 === void 0 ? void 0 : _this$planElement$pla12.svgBefore;
     },
     set: function set(svg) {
       if (this.planElement.plannerData) this.planElement.plannerData.svgBefore = svg;
@@ -49309,8 +49337,8 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "svgAfter",
     get: function get() {
-      var _this$planElement$pla12;
-      return (_this$planElement$pla12 = this.planElement.plannerData) === null || _this$planElement$pla12 === void 0 ? void 0 : _this$planElement$pla12.svgAfter;
+      var _this$planElement$pla13;
+      return (_this$planElement$pla13 = this.planElement.plannerData) === null || _this$planElement$pla13 === void 0 ? void 0 : _this$planElement$pla13.svgAfter;
     },
     set: function set(svg) {
       if (this.planElement.plannerData) this.planElement.plannerData.svgAfter = svg;
@@ -49390,14 +49418,14 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "getIsNotDockedAccessoire",
     value: function getIsNotDockedAccessoire() {
-      var _this$planElement$pla13;
-      return !!((_this$planElement$pla13 = this.planElement.plannerData) !== null && _this$planElement$pla13 !== void 0 && _this$planElement$pla13.isNotDockedAccessoire);
+      var _this$planElement$pla14;
+      return !!((_this$planElement$pla14 = this.planElement.plannerData) !== null && _this$planElement$pla14 !== void 0 && _this$planElement$pla14.isNotDockedAccessoire);
     }
   }, {
     key: "getParentElementId",
     value: function getParentElementId() {
-      var _this$planElement$pla14;
-      return (_this$planElement$pla14 = this.planElement.plannerData) === null || _this$planElement$pla14 === void 0 ? void 0 : _this$planElement$pla14.parentElementId;
+      var _this$planElement$pla15;
+      return (_this$planElement$pla15 = this.planElement.plannerData) === null || _this$planElement$pla15 === void 0 ? void 0 : _this$planElement$pla15.parentElementId;
     }
   }, {
     key: "getElementId",
@@ -49476,8 +49504,8 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "getFilterAVL",
     value: function getFilterAVL() {
-      var _this$planElement$pla15;
-      return this.planElement.plannerData ? (_this$planElement$pla15 = this.planElement.plannerData) === null || _this$planElement$pla15 === void 0 ? void 0 : _this$planElement$pla15.AVLFilter : [];
+      var _this$planElement$pla16;
+      return this.planElement.plannerData ? (_this$planElement$pla16 = this.planElement.plannerData) === null || _this$planElement$pla16 === void 0 ? void 0 : _this$planElement$pla16.AVLFilter : [];
     }
   }, {
     key: "getFilterAVR",
@@ -49561,26 +49589,26 @@ var PlannerElementData = /*#__PURE__*/function () {
   }, {
     key: "getAccessoires",
     value: function getAccessoires() {
-      var _this$planElement$pla16;
-      return this.planElement.plannerData ? (_this$planElement$pla16 = this.planElement.plannerData) === null || _this$planElement$pla16 === void 0 ? void 0 : _this$planElement$pla16.accessoireList : [];
+      var _this$planElement$pla17;
+      return this.planElement.plannerData ? (_this$planElement$pla17 = this.planElement.plannerData) === null || _this$planElement$pla17 === void 0 ? void 0 : _this$planElement$pla17.accessoireList : [];
     }
   }, {
     key: "getSVGsWithFormula",
     value: function getSVGsWithFormula() {
-      var _this$planElement$pla17;
-      return (_this$planElement$pla17 = this.planElement.plannerData) === null || _this$planElement$pla17 === void 0 ? void 0 : _this$planElement$pla17.svgsWithFormula;
+      var _this$planElement$pla18;
+      return (_this$planElement$pla18 = this.planElement.plannerData) === null || _this$planElement$pla18 === void 0 ? void 0 : _this$planElement$pla18.svgsWithFormula;
     }
   }, {
     key: "getVaraintValuesInfluencingAVLAVRFilter",
     value: function getVaraintValuesInfluencingAVLAVRFilter() {
-      var _this$planElement$pla18;
-      return (_this$planElement$pla18 = this.planElement.plannerData) === null || _this$planElement$pla18 === void 0 ? void 0 : _this$planElement$pla18.varaintValuesInfluencingAVLAVRFilter;
+      var _this$planElement$pla19;
+      return (_this$planElement$pla19 = this.planElement.plannerData) === null || _this$planElement$pla19 === void 0 ? void 0 : _this$planElement$pla19.varaintValuesInfluencingAVLAVRFilter;
     }
   }, {
     key: "getCurrentAccessorires",
     value: function getCurrentAccessorires() {
-      var _this$planElement$pla19;
-      return this.planElement.plannerData ? (_this$planElement$pla19 = this.planElement.plannerData) === null || _this$planElement$pla19 === void 0 ? void 0 : _this$planElement$pla19.currentAccessorires : [];
+      var _this$planElement$pla20;
+      return this.planElement.plannerData ? (_this$planElement$pla20 = this.planElement.plannerData) === null || _this$planElement$pla20 === void 0 ? void 0 : _this$planElement$pla20.currentAccessorires : [];
     }
   }]);
 }();