@crystaldesign/web-planner-logic 25.9.0-beta.9 → 25.9.0-rc.1

package/build/esm/{index-58c290c0.js → index-51b98cbc.js}

@@ -17490,7 +17490,7 @@ function initCatalogOptionValues(catalogData, jsonOptions) {
   return optionValues;
 }
 function getCatalogOptionValueDataType(codex, jsonOPV, catalogData) {
-  var _catalogData$catalogM5, _catalogData$catalogM6, _catalogData$catalogM7, _optionvalues$codex, _mask$name$catalogDat, _mask$name, _mask$name2, _mask$groupname$catal, _mask$groupname, _mask$groupname2, _jsonOPV$MeasureStep, _jsonOPV$Metadatas, _mask$properties;
+  var _catalogData$catalogM5, _catalogData$catalogM6, _catalogData$catalogM7, _optionvalues$codex, _mask$name$catalogDat, _mask$name, _mask$name2, _mask$groupname$catal, _mask$groupname, _mask$groupname2, _jsonOPV$MeasureStep, _jsonOPV$Value, _jsonOPV$Metadatas, _mask$properties;
   var optionvalues = (_catalogData$catalogM5 = (_catalogData$catalogM6 = catalogData.catalogMask) === null || _catalogData$catalogM6 === void 0 ? void 0 : _catalogData$catalogM6.optionvalues) !== null && _catalogData$catalogM5 !== void 0 ? _catalogData$catalogM5 : (_catalogData$catalogM7 = catalogData.catalogMask) === null || _catalogData$catalogM7 === void 0 ? void 0 : _catalogData$catalogM7.optionValues;
   var mask = (_optionvalues$codex = optionvalues === null || optionvalues === void 0 ? void 0 : optionvalues[codex]) !== null && _optionvalues$codex !== void 0 ? _optionvalues$codex : codex.startsWith('OPV') ? optionvalues === null || optionvalues === void 0 ? void 0 : optionvalues[codex.substring(3)] : undefined;
   var opv = {
@@ -17519,7 +17519,7 @@ function getCatalogOptionValueDataType(codex, jsonOPV, catalogData) {
     measureStep: (_jsonOPV$MeasureStep = jsonOPV.MeasureStep) === null || _jsonOPV$MeasureStep === void 0 ? void 0 : _jsonOPV$MeasureStep.replace(',', '.'),
     showOnlyWhenHasPrice: jsonOPV.ShowOnlyWhenHasPrice && jsonOPV.ShowOnlyWhenHasPrice == 'True' ? true : false,
     priceUnit: jsonOPV.PriceUnit,
-    value: jsonOPV.Value,
+    value: (_jsonOPV$Value = jsonOPV.Value) !== null && _jsonOPV$Value !== void 0 ? _jsonOPV$Value : jsonOPV.Name.endsWith(' cm') && !isNaN(Number(jsonOPV.Name.replace(' cm', ''))) ? Number(jsonOPV.Name.replace(' cm', '')) : undefined,
     property: [].concat(_toConsumableArray((_jsonOPV$Metadatas = jsonOPV.Metadatas) !== null && _jsonOPV$Metadatas !== void 0 ? _jsonOPV$Metadatas : []), _toConsumableArray((_mask$properties = mask === null || mask === void 0 ? void 0 : mask.properties) !== null && _mask$properties !== void 0 ? _mask$properties : [])),
     textbausteine: jsonOPV.Textbausteine
   };
@@ -17596,15 +17596,15 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
   if (catPlanArticle.hideInPlannerStep) return;
   if (catPlanArticle.partListExclusive) return;
   if (catalogProps.has3dModels && !catPlanArticle.modelName3D) return;
-  var imgSrc = '';
+  var image = '';
   if (catPlanArticle.hasImage) {
     if (catPlanArticle.getImage().substring(0, 5) == 'data:') {
-      imgSrc = catPlanArticle.getImage();
+      image = catPlanArticle.getImage();
     } else {
-      imgSrc = getCatImageURL(catPlanArticle.getImage(), '_low', mediaUrl);
+      image = getCatImageURL(catPlanArticle.getImage(), '_low', mediaUrl);
     }
   } else if (catPlanArticle.hasTopSvg) {
-    imgSrc = getCatImageURL(catPlanArticle.topSvg, '', mediaUrl);
+    image = getCatImageURL(catPlanArticle.topSvg, '', mediaUrl);
   }
   var catalogArticle = catalogData.allCatalogArticles[catPlanArticle.codex];
   var elementName = catPlanArticle.name;
@@ -17648,13 +17648,13 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
         //Artikelbild mit svg üerschreiben, wenn es mehr als 1 Eintrag mit IsAccessoire == false gibt
         if (nDoShowSVGsinElementlist > 1) {
           if (topSvg.Image) {
-            imgSrc = getCatImageURL(topSvg.Image, '_low', mediaUrl);
+            image = getCatImageURL(topSvg.Image, '_low', mediaUrl);
           } else {
-            imgSrc = getSVGUrl(topSvg.SVG, mediaUrl);
+            image = getSVGUrl(topSvg.SVG, mediaUrl);
           }
         }
         if (catalogProps.diva3dPlanerShowArticleAsSvg && topSvg.SVG) {
-          imgSrc = getSVGUrl(topSvg.SVG, mediaUrl);
+          image = getSVGUrl(topSvg.SVG, mediaUrl);
         }
         if (topSvg.HasAVL && catPlanArticle.avlFilter.length == 0) {
           catPlanArticle.avlFilter = ['ALWAYS_DOCKABLE'];
@@ -17691,7 +17691,7 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
           depthTo: catPlanArticle.articleSizeYTo,
           typeNr: catPlanArticle.typeNr ? catPlanArticle.typeNr : catPlanArticle.codex,
           //die Berkäuferbezeichnung des Artikels
-          imgSrc: imgSrc,
+          image: image,
           svgSrc: topSvg.SVG,
           avlFilter: topSvg.HasAVL && catPlanArticle.avlFilter.length > 0 ? catPlanArticle.avlFilter : [],
           avrFilter: topSvg.HasAVR && catPlanArticle.avrFilter.length > 0 ? catPlanArticle.avrFilter : [],
@@ -17722,7 +17722,7 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
     catPlanArticle.filterType = _filterType;
     //Artikelbild ist abh�ngig von DIVA3DPlanerShowArticleAsSvg das SVG des Elements
     if (catalogProps.diva3dPlanerShowArticleAsSvg && (catPlanArticle.hasTopSvg || catPlanArticle.hasTopSvgsWithFormula)) {
-      catPlanArticle.hasTopSvg ? imgSrc = getSVGUrl(catPlanArticle.topSvg, mediaUrl) : imgSrc = getSVGUrl(catPlanArticle.topSvgsWithFormula[0].SVG, mediaUrl);
+      catPlanArticle.hasTopSvg ? image = getSVGUrl(catPlanArticle.topSvg, mediaUrl) : image = getSVGUrl(catPlanArticle.topSvgsWithFormula[0].SVG, mediaUrl);
     }
     if (!catPlanArticle.hasTopSvgsWithFormula && catPlanArticle.topHasAVL && !catPlanArticle.avlFilter) {
       //hat eine Element kein AVL Filter hinterlegt aber doch den Dockingpoint dann werden die StandartFilter 99 hinzugef�gt
@@ -17752,7 +17752,8 @@ function initCatalogPlannerArticleView$1(catalogData, catPlanArticle, catalogPro
       depthTo: catPlanArticle.articleSizeYTo,
       typeNr: catPlanArticle.typeNr ? catPlanArticle.typeNr : catPlanArticle.codex,
       //die Berkäuferbezeichnung des Artikels
-      imgSrc: imgSrc,
+
+      image: image,
       svgSrc: catPlanArticle.topSvg,
       avlFilter: catPlanArticle.topHasAVL && catPlanArticle.avlFilter ? catPlanArticle.avlFilter : [],
       avrFilter: catPlanArticle.topHasAVR && catPlanArticle.avrFilter ? catPlanArticle.avrFilter : [],
@@ -19440,12 +19441,13 @@ function initOption(feature, articleFeature, catalogArticle, set) {
   catalogArticle.articleOptions[articleFeature.codex];
 }
 function getCatalogOptionType(option, set) {
-  var _option$detailInfos, _option$detailInfos2;
+  var _option$detailInfos, _option$detailInfos2, _option$measureValue;
   var catalogData = set.CatalogData;
+  var name = DivaUtils.getLocals(option.optionText, set.api.getLanguageLowercase());
   var opiton = {
     codex: option.optionKey,
-    name: DivaUtils.getLocals(option.optionText, set.api.getLanguageLowercase()),
-    origName: DivaUtils.getLocals(option.optionText, set.api.getLanguageLowercase()),
+    name: name,
+    origName: name,
     name_locales: option.optionText,
     image: (_option$detailInfos = option.detailInfos) === null || _option$detailInfos === void 0 || (_option$detailInfos = _option$detailInfos.find(function (d) {
       return d.functionType == 'OPV';
@@ -19489,7 +19491,7 @@ function getCatalogOptionType(option, set) {
 
     priceUnit: undefined,
     // TODO IDM Pricelogic,
-    value: option.measureValue,
+    value: (_option$measureValue = option.measureValue) !== null && _option$measureValue !== void 0 ? _option$measureValue : name.endsWith(' cm') && !isNaN(Number(name.replace(' cm', ''))) ? Number(name.replace(' cm', '')) : undefined,
     measureUnit: option.measureUnit,
     property: convertProperties(option.properties, catalogData.api.getLanguageLowercase())
   };
@@ -19803,7 +19805,7 @@ function initCatalogPlannerArticleView(catalogData, catPlanArticle, catalogProps
     id: catPlanArticle.id,
     hasAVS: !!catPlanArticle.topAVS,
     hasAVU: !!catPlanArticle.topAVU,
-    imgSrc: catPlanArticle.getImage(),
+    image: catPlanArticle.getImage(),
     is3DModell: false,
     layer: catPlanArticle.topLayer,
     price: catPlanArticle.basePrice,
@@ -19888,6 +19890,8 @@ 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,
+      //                                          the planner is a planner 2.0
       dontSaveAlternativeRenderings: false,
       //                        alternative Rendering dont get saved and added to basket and pdf
       replaceModeActive: true,
@@ -20561,6 +20565,11 @@ var DivaCatalogData = /*#__PURE__*/function () {
     get: function get() {
       return this.catalogProps.accessorieStepAsPlanner;
     }
+  }, {
+    key: "planner2Dot0",
+    get: function get() {
+      return this.catalogProps.planner2Dot0;
+    }
   }, {
     key: "dontShowBasePrice",
     get: function get() {
@@ -20983,6 +20992,9 @@ var DivaCatalogData = /*#__PURE__*/function () {
           case 'ACCESSOIRE_STEP_AS_PLANNER':
             _this5.catalogProps.accessorieStepAsPlanner = item.Value == '1';
             break;
+          case 'PLANNER_2DOT0':
+            _this5.catalogProps.planner2Dot0 = item.Value == '1';
+            break;
           case 'DONT_SAVE_ALTERNATIVERENDERINGS':
             _this5.catalogProps.dontSaveAlternativeRenderings = item.Value == '1';
             break;
@@ -26867,6 +26879,10 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "calcWidth",
     get: function get() {
+      var pla = this.partlistArticlesReqursive.find(function (p) {
+        return p.catalogArticle.overwriteParentWidth;
+      });
+      if (pla !== null && pla !== void 0 && pla.width && pla.width != -1) return pla.width;
       return this.article.calcWidth;
     },
     set: function set(newWidth) {
@@ -26887,6 +26903,10 @@ var DivaArticle = /*#__PURE__*/function () {
   }, {
     key: "calcDepth",
     get: function get() {
+      var pla = this.partlistArticlesReqursive.find(function (p) {
+        return p.catalogArticle.overwriteParentDepth;
+      });
+      if (pla !== null && pla !== void 0 && pla.depth && pla.depth != -1) return pla.depth;
       return this.article.calcDepth;
     },
     set: function set(newDepth) {
@@ -26904,9 +26924,22 @@ var DivaArticle = /*#__PURE__*/function () {
       if (pla) return pla.height;
       return this.calcHeight != -1 ? this.calcHeight : this.article.catalogArticle.height;
     }
+  }, {
+    key: "incomplete",
+    get: function get() {
+      var _this$actPlannerData, _this$actPlannerData2;
+      var incomplete = [];
+      if ((_this$actPlannerData = this.actPlannerData) !== null && _this$actPlannerData !== void 0 && _this$actPlannerData.hasAVL && this.dockedOnAV('L') == undefined) incomplete.push('AVL');
+      if ((_this$actPlannerData2 = this.actPlannerData) !== null && _this$actPlannerData2 !== void 0 && _this$actPlannerData2.hasAVR && this.dockedOnAV('R') == undefined) incomplete.push('AVR');
+      return incomplete !== null && incomplete !== void 0 && incomplete.length ? incomplete : undefined;
+    }
   }, {
     key: "calcHeight",
     get: function get() {
+      var pla = this.partlistArticlesReqursive.find(function (p) {
+        return p.catalogArticle.overwriteParentHeight;
+      });
+      if (pla !== null && pla !== void 0 && pla.height && pla.height != -1) return pla.height;
       return this.article.calcHeight;
     },
     set: function set(newHeight) {
@@ -27988,7 +28021,7 @@ var DivaArticle = /*#__PURE__*/function () {
                 break;
               }
               _context.next = 4;
-              return import('./ShelfPlanner-e2b62508.js');
+              return import('./ShelfPlanner-9f2c145d.js');
             case 4:
               _yield$import = _context.sent;
               ShelfPlanner = _yield$import["default"];
@@ -28638,7 +28671,7 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                   articleCodex: articleCodex
                 }
               }));
-              throw new Error('articleCodex not found in article list. Could be due to exclusivity or a bug in the application!');
+              throw new Error('articleCodex ' + articleCodex + ' not found in article list. Could be due to exclusivity or a bug in the application!');
             case 12:
             case "end":
               return _context.stop();
@@ -28698,7 +28731,8 @@ var DivaArticleHandler = /*#__PURE__*/function () {
               break;
             case 20:
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var articlesObj, catalog, articles, articlesToLoadMore;
+                var _set$api$getViewConfi;
+                var articlesObj, catalog, articles, _set$actions, _set$actions$openModa, index, articleCodex, articlesToLoadMore;
                 return _regeneratorRuntime.wrap(function _loop$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
                     case 0:
@@ -28708,6 +28742,24 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                       articlesObj.loadedArticles = articles.map(function (a) {
                         return catalog.getCatalogArticleByArticleCodex(a.articleCodex, set.onlyRunLogic);
                       });
+
+                      // show missing article in view only in supplier usecase
+                      if (!(articlesObj.loadedArticles.findIndex(function (a) {
+                        return a === undefined;
+                      }) !== -1 && set !== null && set !== void 0 && (_set$api$getViewConfi = set.api.getViewConfig()) !== null && _set$api$getViewConfi !== void 0 && _set$api$getViewConfi.showOptionCodexInOptionHeader)) {
+                        _context2.next = 9;
+                        break;
+                      }
+                      index = articlesObj.loadedArticles.findIndex(function (a) {
+                        return a === undefined;
+                      });
+                      articleCodex = articles[index].articleCodex;
+                      (_set$actions = set.actions) === null || _set$actions === void 0 || (_set$actions$openModa = _set$actions.openModal) === null || _set$actions$openModa === void 0 || _set$actions$openModa.call(_set$actions, {
+                        title: set.api.getI18n().t('configurator.article_not_found'),
+                        content: articleCodex
+                      });
+                      throw new Error('articleCodex ' + articleCodex + ' not found in article list. Could be due to exclusivity or a bug in the application!');
+                    case 9:
                       // hat catalogArticle Optionen welche noch nicht gealden wurden, erst laden!
                       //usecase der selbe Article wurde bereits verplant. nun kann die bereits geladene & verwendete Klasse catalogArticle wiederverwendet werden da wir dort nichts
                       //während der Konfiguration verändern!
@@ -28715,12 +28767,12 @@ var DivaArticleHandler = /*#__PURE__*/function () {
                         return a.areOptionsToLoad;
                       });
                       if (!articlesToLoadMore.length) {
-                        _context2.next = 8;
+                        _context2.next = 13;
                         break;
                       }
-                      _context2.next = 8;
+                      _context2.next = 13;
                       return catalog.loadArticleData(articlesToLoadMore, set);
-                    case 8:
+                    case 13:
                     case "end":
                       return _context2.stop();
                   }
@@ -30409,11 +30461,11 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
   }
   return _createClass(DivaConfigTreeData, [{
     key: "addPlannerTab",
-    value: function addPlannerTab() {
+    value: function addPlannerTab(catalogData) {
       this.tabGroupsData['Planner'] = {
         key: 'Planner',
         title: 'Planen',
-        type: 'PLANNER',
+        type: catalogData.planner2Dot0 ? 'PLANNER_2.0' : 'PLANNER',
         posNr: this.tabGroupCount,
         singleOPVOnly: false,
         alternateRenderings: [],
@@ -30816,14 +30868,13 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
   }, {
     key: "getCurPaletteType",
     value: function getCurPaletteType(set, configStepKey) {
-      var _set$api$ReturnToFrom;
+      var _set$getDivaArticles, _configStep$targetArt, _configStep$targetArt2, _configStep$option, _set$api$getViewConfi, _set$api$getViewConfi2, _set$api$ReturnToFrom;
       var step = this.getAllByKey(configStepKey);
       var configStep = step === null || step === void 0 ? void 0 : step.configStep;
       var optionStep = step === null || step === void 0 ? void 0 : step.optionStep;
-      var paletteType = 'SMALL';
+      var optionState = (_set$getDivaArticles = set.getDivaArticles()[(_configStep$targetArt = configStep === null || configStep === void 0 || (_configStep$targetArt2 = configStep.targetArticles) === null || _configStep$targetArt2 === void 0 ? void 0 : _configStep$targetArt2[0]) !== null && _configStep$targetArt !== void 0 ? _configStep$targetArt : '']) === null || _set$getDivaArticles === void 0 ? void 0 : _set$getDivaArticles.getArticleOptionState((_configStep$option = configStep === null || configStep === void 0 ? void 0 : configStep.option) !== null && _configStep$option !== void 0 ? _configStep$option : '');
+      var paletteType = (_set$api$getViewConfi = (_set$api$getViewConfi2 = set.api.getViewConfig()) === null || _set$api$getViewConfi2 === void 0 ? void 0 : _set$api$getViewConfi2.defaultOptionType) !== null && _set$api$getViewConfi !== void 0 ? _set$api$getViewConfi : 'SMALL';
       if (configStep && optionStep) {
-        var _set$getDivaArticles$;
-        var optionState = (_set$getDivaArticles$ = set.getDivaArticles()[configStep.targetArticles[0]]) === null || _set$getDivaArticles$ === void 0 ? void 0 : _set$getDivaArticles$.getArticleOptionState(configStep.option);
         if (configStep.option == 'OPTVINYL' || configStep.option == 'OPTVINYL_1' || configStep.option == 'OPTFABRIC' || configStep.option == 'OPTBE' || configStep.option == 'OPTBE_AUSSEN' || configStep.option == 'OPTBE_INNEN' || configStep.option == 'OPTBE_PANEELE' || configStep.option == 'OPTMATRATZE_BE' || configStep.option == 'OPTBE_UG' || configStep.option == 'OPTBEZUG' || configStep.option == 'OPTKO' || configStep.option == 'OPTFR' || configStep.option == 'OPTNI' || configStep.option == 'OPTUF_FA' || configStep.option == 'OPTBE_NETZ' || configStep.option == 'OPTBE_AL' || configStep.option == 'OPTKISSEN_BE' || configStep.option == 'OPTKP_BE' || configStep.option == 'OPTARM_BE' || configStep.option == 'OPTBE_KT' || configStep.option == 'OPT3' || configStep.option == 'OPT5' || configStep.option == 'OPTBE_KNOEPFE' || configStep.option == 'OPTSK_FARBE' || configStep.option == 'OPTBANDFARBE' || configStep.option == 'OPTBE_BOX' || configStep.option == 'OPTMA_AF_BE' || configStep.option == 'OPTTOPPER_BE' || optionState !== null && optionState !== void 0 && optionState.option.hasOPG && optionState.hasImages || optionStep.mergesToOPG) {
           paletteType = 'GAL_TEXT';
         }
@@ -31127,7 +31178,7 @@ var DivaConfigTreeData = /*#__PURE__*/function () {
     key: "getFirstConfigStepKey",
     value: function getFirstConfigStepKey() {
       for (var key in this.tabGroups) {
-        if (['ACC', 'OPTION', 'ACC_PLANNER'].includes(this.tabGroups[key].type)) {
+        if (['ACC', 'OPTION', 'ACC_PLANNER', 'PLANNER_2.0'].includes(this.tabGroups[key].type)) {
           var firstOptionKey = Object.keys(this.tabGroups[key].options)[0];
           return this.tabGroups[key].options[firstOptionKey].configSteps[Object.keys(this.tabGroups[key].options[firstOptionKey].configSteps)[0]].key;
         }
@@ -31230,7 +31281,7 @@ var DivaSet = /*#__PURE__*/function () {
         updateConfig = article1.CatalogData.reconfigAfterArticleDocked;
         if (article1.relatedToBasketId && article1.isDockable) {
           var _article = _this.getDivaArticles()[article1.relatedToBasketId];
-          if (_article && _this.configTree.getHasTabgroupType('ACC_PLANNER')) {
+          if (_article && _this.configTree.getHasTabgroupType('ACC_PLANNER') || _this.configTree.getHasTabgroupType('PLANNER_2.0')) {
             if (article1.plannerData) article1.plannerData.isNotDockedAccessoire = true;
             _this.addRelationsToArticles(article1, _article);
           } else {
@@ -31521,7 +31572,7 @@ var DivaSet = /*#__PURE__*/function () {
         if (Object.entries(this.divaArticles).length == 0) {
           plannerMode = '3DImage';
         }
-        if (this.catalogData.divaArReady && this.catalogData.useShelfPlannerRTV) {
+        if (this.catalogData.divaForceRTV) {
           //TODO Matthias sauber initialisieren ob in RTV oder IMAGE3D gestartet wird.
           plannerMode = 'RTViewer';
         }
@@ -32469,7 +32520,7 @@ var DivaSet = /*#__PURE__*/function () {
                 break;
               }
               _context5.next = 3;
-              return import('./DoorPlanner-89fc6a04.js');
+              return import('./DoorPlanner-27fa5a55.js');
             case 3:
               _yield$import = _context5.sent;
               DoorPlanner = _yield$import["default"];
@@ -34336,7 +34387,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
 
       //plannerstep hinzufügen
       if (curPlannerType.includes('PLANNER')) {
-        configTree.addPlannerTab();
+        configTree.addPlannerTab(catalog);
       }
       if (curPlannerType.includes('PROMOTED')) {
         configTree.addPromotedTab();
@@ -35058,6 +35109,7 @@ var DivaConfigTreeHandler = /*#__PURE__*/function () {
           optionOcd: ops.optionOcd,
           parentOptionCodex: ops.option.parentOptionCodex,
           codex: item.codex,
+          value: item.value,
           ocd: item.ocd,
           vCodex: item.vCodex,
           layout: item.isTexture ? 'TEXTURE' : item.image || (_item$images = item.images) !== null && _item$images !== void 0 && _item$images.length ? 'IMAGE' : 'TEXT',
@@ -36630,6 +36682,12 @@ var DivaSetHandler = /*#__PURE__*/function () {
     value: function getPlannerInteractionInformation(set) {
       return set.plannerHandler.getPlannerInteractionInformation(set.getSetId());
     }
+  }, {
+    key: "getGeneralPlanningState",
+    value: function getGeneralPlanningState(set, selectedElementId) {
+      if (set.getPlannerMode() == 'BoxPlanner') return set.plannerHandler.getGeneralPlanningState(set.getSetId(), selectedElementId);
+      return undefined;
+    }
   }, {
     key: "getLastElementInGroup",
     value: function getLastElementInGroup(article) {
@@ -36771,6 +36829,56 @@ var DivaSetHandler = /*#__PURE__*/function () {
         catalogPlannerArticles: cleanedCaltaogPlannerArticles
       });
     }
+  }, {
+    key: "getPlanner2Dot0PaletteViewInfo",
+    value: function getPlanner2Dot0PaletteViewInfo(set) {
+      var divaArticles = set.getDivaArticles();
+      var plannedElements = [];
+      for (var key in divaArticles) {
+        var article = divaArticles[key];
+        if (article.plannerData && !article.relatedToBasketId) {
+          var _article$typeNr, _article$imageUrl, _article$catalogArtic, _article$catalogArtic2, _article$catalogArtic3, _article$actPlannerDa, _article$actPlannerDa2, _article$posNr;
+          plannedElements.push({
+            setId: set.getSetId(),
+            basketId: article.basketId,
+            id: article.elementId,
+            codex: article.articleCodex,
+            articleCodex: article.articleCodex,
+            catalogCodex: article.catalogCodex,
+            title: article.name,
+            typeNr: (_article$typeNr = article.typeNr) !== null && _article$typeNr !== void 0 ? _article$typeNr : '',
+            image: (_article$imageUrl = article.imageUrl) !== null && _article$imageUrl !== void 0 ? _article$imageUrl : '',
+            price: article.price,
+            contentItemId: (_article$catalogArtic = article.catalogArticle) === null || _article$catalogArtic === void 0 ? void 0 : _article$catalogArtic.contentItemId,
+            groupContentItemId: (_article$catalogArtic2 = article.catalogArticle) === null || _article$catalogArtic2 === void 0 ? void 0 : _article$catalogArtic2.groupContentItemId,
+            depth: article.depth,
+            width: article.width,
+            height: article.height,
+            sizeInfo: DivaUtils.sizeFormatter(article.catalogArticle, set.i18n, true, ':'),
+            longDescription: (_article$catalogArtic3 = article.catalogArticle) === null || _article$catalogArtic3 === void 0 ? void 0 : _article$catalogArtic3.longDescription,
+            incomplete: article.incomplete,
+            avlFilter: (_article$actPlannerDa = article.actPlannerData) === null || _article$actPlannerDa === void 0 ? void 0 : _article$actPlannerDa.AVLFilter,
+            avrFilter: (_article$actPlannerDa2 = article.actPlannerData) === null || _article$actPlannerDa2 === void 0 ? void 0 : _article$actPlannerDa2.AVRFilter,
+            posNr: (_article$posNr = article.posNr) !== null && _article$posNr !== void 0 ? _article$posNr : 0
+          });
+        }
+      }
+      plannedElements = plannedElements.sort(function (a, b) {
+        return a.posNr - b.posNr;
+      });
+      plannedElements.push({
+        setId: set.getSetId(),
+        basketId: 'add',
+        id: -1,
+        codex: 'add',
+        articleCodex: 'add',
+        catalogCodex: set.CatalogData.catalogCodex,
+        title: 'add',
+        image: '',
+        posNr: 0
+      });
+      return plannedElements;
+    }
   }, {
     key: "setActSet",
     value: function setActSet(sets, setId) {
@@ -39338,7 +39446,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               break;
             case 3:
               _context12.next = 5;
-              return import('./PfisterWWSHandler-d9700837.js');
+              return import('./PfisterWWSHandler-39c3f3e2.js');
             case 5:
               _yield$import = _context12.sent;
               PfisterWWSHandler = _yield$import["default"];
@@ -39346,7 +39454,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 9:
               _context12.next = 11;
-              return import('./LiviqueWWSHandler-1aa314d6.js');
+              return import('./LiviqueWWSHandler-494ad9a9.js');
             case 11:
               _yield$import2 = _context12.sent;
               LiviqueWWSHandler = _yield$import2["default"];
@@ -39354,7 +39462,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 15:
               _context12.next = 17;
-              return import('./SeriousBasketHandler-9dcb8252.js');
+              return import('./SeriousBasketHandler-51aa34db.js');
             case 17:
               _yield$import3 = _context12.sent;
               SeriousWWSHandler = _yield$import3["default"];
@@ -39362,7 +39470,7 @@ var DivaBasketHandler = /*#__PURE__*/function () {
               return _context12.abrupt("break", 27);
             case 21:
               _context12.next = 23;
-              return import('./StandardWWSHandler-79914298.js');
+              return import('./StandardWWSHandler-6d93ce48.js');
             case 23:
               _yield$import4 = _context12.sent;
               StandardWWSHandler = _yield$import4["default"];
@@ -40179,6 +40287,7 @@ var Rendering = /*#__PURE__*/function () {
       if (this.uiInfo[setId] == undefined && this.uiInfo['S1'] != undefined) {
         boxPlan = this.uiInfo['S1']['E' + elemId]['BoxPlan'];
       } else if (this.uiInfo[setId]) boxPlan = this.uiInfo[setId]['E' + elemId]['BoxPlan'];else boxPlan = this.uiInfo['E' + elemId]['BoxPlan'];
+      if (!boxPlan) return;
       for (var i = 0; i < boxPlan.length; i++) {
         if (!boxPlan[i].N || !boxPlan[i].x || !boxPlan[i].y) continue;
         switch (corner) {
@@ -40790,7 +40899,7 @@ var PlannerHandler3D = /*#__PURE__*/function () {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _context3.next = 2;
-              return import('./Host3DSignalR-3663de55.js');
+              return import('./Host3DSignalR-e85d1c87.js');
             case 2:
               _yield$import = _context3.sent;
               Host3DSignalR = _yield$import["default"];
@@ -41644,8 +41753,8 @@ var PlannerHandler3D = /*#__PURE__*/function () {
                             _this2.liveArSocket.auth = _objectSpread$6(_objectSpread$6({}, _this2.liveArSocket.auth), {}, {
                               connectionId: data.connectionId
                             });
-                            var apllyConfiguratorSessionId = DivaUtils.ConfigurationId ? '&configurationId=' + DivaUtils.ConfigurationId : '';
-                            resolve(_this2.liveArViewerUrl + '?liveArConnectionId=' + data.connectionId + '&organizationId=' + _this2.renderSettings.OrganizationId + '&divaSessionId=' + DivaUtils.SessionId + apllyConfiguratorSessionId);
+                            var applyConfiguratorSessionId = DivaUtils.ConfigurationId ? '&configurationId=' + DivaUtils.ConfigurationId : '';
+                            resolve(_this2.liveArViewerUrl + '?liveArConnectionId=' + data.connectionId + '&organizationId=' + _this2.renderSettings.OrganizationId + '&divaSessionId=' + DivaUtils.SessionId + applyConfiguratorSessionId);
                           });
                           _this2.liveArSocket.on('connect_error', function (err) {
                             return reject(err);
@@ -42348,7 +42457,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               break;
             case 8:
               _context4.next = 10;
-              return import('./DivaStandardPlanner-f922ae56.js');
+              return import('./DivaStandardPlanner-5221526b.js');
             case 10:
               _yield$import = _context4.sent;
               DivaStandardPlanner = _yield$import["default"];
@@ -42359,7 +42468,7 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
               return _context4.abrupt("break", 21);
             case 15:
               _context4.next = 17;
-              return import('./DivaBoxPlanner-08ebde1b.js');
+              return import('./DivaBoxPlanner-fcf19f4c.js');
             case 17:
               _yield$import2 = _context4.sent;
               DivaBoxPlanner = _yield$import2["default"];
@@ -43106,6 +43215,14 @@ var DivaPlannerHandler = /*#__PURE__*/function () {
       }
       return undefined;
     }
+  }, {
+    key: "getGeneralPlanningState",
+    value: function getGeneralPlanningState(setId, selectedElementId) {
+      if (this.plannerList.has(setId)) {
+        return this.plannerList.get(setId).getGeneralPlanningState(selectedElementId);
+      }
+      return undefined;
+    }
   }, {
     key: "handle3DVisualizationChanged",
     value: function handle3DVisualizationChanged(mode, params, doShow3DDimensionLines, alternateRenderingsExist) {
@@ -43377,6 +43494,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     _defineProperty(this, "getPlannerRenderingSize", void 0);
     _defineProperty(this, "getPlanner3DGridEnabled", void 0);
     _defineProperty(this, "updateCatalogPlannerArticles", void 0);
+    _defineProperty(this, "updateCatalogPlanner2Dot0Articles", void 0);
     _defineProperty(this, "updateAccessoiresPalette", void 0);
     _defineProperty(this, "updatePaletteInfos", void 0);
     _defineProperty(this, "updateElementSelectionConfig", void 0);
@@ -43506,6 +43624,10 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       //Von diesem Katalog müssen wir die CatalogPlannerArticles laden.
       (_this$updateCatalogPl = _this.updateCatalogPlannerArticles) === null || _this$updateCatalogPl === void 0 || _this$updateCatalogPl.call(_this, setHandlerInstance.getPlannerPaletteViewInfo(_this.actSet(), type, selectedArticle), paletteeId, isUpdate, type, dockFilter, actStepName, stepKey);
     });
+    _defineProperty(this, "loadCatalogPlannerArticles2Dot0", function (isUpdate, onlySelectionChanged) {
+      var _this$updateCatalogPl2;
+      (_this$updateCatalogPl2 = _this.updateCatalogPlanner2Dot0Articles) === null || _this$updateCatalogPl2 === void 0 || _this$updateCatalogPl2.call(_this, setHandlerInstance.getPlanner2Dot0PaletteViewInfo(_this.actSet()), isUpdate, onlySelectionChanged);
+    });
     /**
      * this fuction loads the accessoires of a specific article -> could be more than one article in the future
      * @param targetArticles the article of which we load the accessoires
@@ -44278,11 +44400,13 @@ var DivaWebPlanner = /*#__PURE__*/function () {
                 originalProductId: oldProductId,
                 maskId: (_catalogData$catalogM = catalogData === null || catalogData === void 0 || (_catalogData$catalogM2 = catalogData.catalogMask) === null || _catalogData$catalogM2 === void 0 ? void 0 : _catalogData$catalogM2.packageId) !== null && _catalogData$catalogM !== void 0 ? _catalogData$catalogM : undefined
               }, false);
-              _context15.next = 38;
+              this.configuratorChangeLog('onInitOptions', undefined, true);
+              this.plannerChangeLog('onInitPlanner', true);
+              _context15.next = 40;
               return this.fillBaksetforOnWebPlanerConfigChange(undefined, true);
-            case 38:
+            case 40:
               return _context15.abrupt("return", true);
-            case 39:
+            case 41:
             case "end":
               return _context15.stop();
           }
@@ -45012,6 +45136,20 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       }
       return moveShelfItemToGrid;
     }()
+  }, {
+    key: "getPlannerInteractionInformation",
+    value: function getPlannerInteractionInformation() {
+      var set = this.actSet();
+      if (!set) return;
+      return setHandlerInstance.getPlannerInteractionInformation(set);
+    }
+  }, {
+    key: "getGeneralPlanningState",
+    value: function getGeneralPlanningState(setId, selectedElementId) {
+      var set = this.sets[setId];
+      if (!set) return;
+      return setHandlerInstance.getGeneralPlanningState(set, selectedElementId);
+    }
   }, {
     key: "resetArticle",
     value: function () {
@@ -45172,7 +45310,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "saveToBasketWrapper",
     value: function () {
-      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, returnToParam) {
+      var _saveToBasketWrapper = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee26(event, repairOnly, returnToParam, hideLoading) {
         var _this$actions29,
           _this$actions29$toggl,
           _this$actions30,
@@ -45226,12 +45364,12 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             case 20:
               returnTo = finalEvent.event == 'onAddToBasket' ? 'OPEN_PDF' : returnTo;
             case 21:
-              (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || (_this$actions29$toggl = _this$actions29.toggleLoading) === null || _this$actions29$toggl === void 0 || _this$actions29$toggl.call(_this$actions29, 'Planner_Saving', false, true);
+              if (!hideLoading) (_this$actions29 = this.actions) === null || _this$actions29 === void 0 || (_this$actions29$toggl = _this$actions29.toggleLoading) === null || _this$actions29$toggl === void 0 || _this$actions29$toggl.call(_this$actions29, 'Planner_Saving', false, true);
               _context26.next = 24;
               return this.saveToBasket(returnTo, finalEvent.event, repairOnly);
             case 24:
               result = _context26.sent;
-              (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || (_this$actions30$toggl = _this$actions30.toggleLoading) === null || _this$actions30$toggl === void 0 || _this$actions30$toggl.call(_this$actions30, 'Planner_Saving', false, false);
+              if (!hideLoading) (_this$actions30 = this.actions) === null || _this$actions30 === void 0 || (_this$actions30$toggl = _this$actions30.toggleLoading) === null || _this$actions30$toggl === void 0 || _this$actions30$toggl.call(_this$actions30, 'Planner_Saving', false, false);
               if (!(result === 'canceled')) {
                 _context26.next = 30;
                 break;
@@ -45285,7 +45423,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee26, this);
       }));
-      function saveToBasketWrapper(_x73, _x74, _x75) {
+      function saveToBasketWrapper(_x73, _x74, _x75, _x76) {
         return _saveToBasketWrapper.apply(this, arguments);
       }
       return saveToBasketWrapper;
@@ -45427,7 +45565,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee27, this);
       }));
-      function saveToBasket(_x76, _x77, _x78) {
+      function saveToBasket(_x77, _x78, _x79) {
         return _saveToBasket.apply(this, arguments);
       }
       return saveToBasket;
@@ -45603,36 +45741,48 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       var _this$actSet22;
       return (_this$actSet22 = this.actSet()) === null || _this$actSet22 === void 0 || (_this$actSet22 = _this$actSet22.CatalogData) === null || _this$actSet22 === void 0 ? void 0 : _this$actSet22.hidePlannerUiIcons;
     }
+  }, {
+    key: "getPlanner2Dot0Active",
+    value: function getPlanner2Dot0Active() {
+      var _this$actSet23;
+      return (_this$actSet23 = this.actSet()) === null || _this$actSet23 === void 0 || (_this$actSet23 = _this$actSet23.CatalogData) === null || _this$actSet23 === void 0 ? void 0 : _this$actSet23.planner2Dot0;
+    }
   }, {
     key: "doShowPlannerReplaceMode",
     value: function doShowPlannerReplaceMode() {
-      var _this$actSet23, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
-      var catalogData = (_this$actSet23 = this.actSet()) === null || _this$actSet23 === void 0 ? void 0 : _this$actSet23.CatalogData;
+      var _this$actSet24, _this$api$getViewConf2, _catalogData$PlannerP, _catalogData$PlannerP2;
+      var catalogData = (_this$actSet24 = this.actSet()) === null || _this$actSet24 === void 0 ? void 0 : _this$actSet24.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.replaceModeActive) && ((_this$api$getViewConf2 = this.api.getViewConfig()) === null || _this$api$getViewConf2 === void 0 ? void 0 : _this$api$getViewConf2.showReplaceFunctionInPlanner) && Object.entries(catalogData.allCatalogPlannerArticles).length > 1 && Object.entries((_catalogData$PlannerP = (_catalogData$PlannerP2 = catalogData.PlannerPaletteViewInfo) === null || _catalogData$PlannerP2 === void 0 ? void 0 : _catalogData$PlannerP2.catalogPlannerArticles) !== null && _catalogData$PlannerP !== void 0 ? _catalogData$PlannerP : {}).length > 1;
     }
   }, {
     key: "doPlannerReplaceAutoSwitch",
     value: function doPlannerReplaceAutoSwitch() {
-      var _this$actSet24, _this$api$getViewConf3;
-      var catalogData = (_this$actSet24 = this.actSet()) === null || _this$actSet24 === void 0 ? void 0 : _this$actSet24.CatalogData;
+      var _this$actSet25, _this$api$getViewConf3;
+      var catalogData = (_this$actSet25 = this.actSet()) === null || _this$actSet25 === void 0 ? void 0 : _this$actSet25.CatalogData;
       return (catalogData === null || catalogData === void 0 ? void 0 : catalogData.catalogPlannsCompletely) && this.doShowPlannerReplaceMode() && ((_this$api$getViewConf3 = this.api.getViewConfig()) === null || _this$api$getViewConf3 === void 0 ? void 0 : _this$api$getViewConf3.allowAutoSwitchInReplaceFunctionInPlanner);
     }
   }, {
     key: "getHidePlanner",
     value: function getHidePlanner() {
-      var _this$actSet25;
-      return this.api.getHidePlanner() || !!((_this$actSet25 = this.actSet()) !== null && _this$actSet25 !== void 0 && _this$actSet25.CatalogData.useBoxPlanner);
+      var _this$actSet26;
+      return this.api.getHidePlanner() || !!((_this$actSet26 = this.actSet()) !== null && _this$actSet26 !== void 0 && _this$actSet26.CatalogData.useBoxPlanner);
     }
   }, {
     key: "getAllowRTV",
     value: function getAllowRTV() {
-      var _this$state5, _this$actSet26, _this$state6, _this$actSet27;
+      var _this$state5, _this$actSet27, _this$state6, _this$actSet28;
       if (this.getEnableUnityRtvKombi()) return false;
       if ((_this$state5 = this.state) !== null && _this$state5 !== void 0 && _this$state5.organization.settings.forceRTV) return true;
-      if ((_this$actSet26 = this.actSet()) !== null && _this$actSet26 !== void 0 && _this$actSet26.CatalogData.divaForceRTV) return true;
-      if ((_this$state6 = this.state) !== null && _this$state6 !== void 0 && _this$state6.organization.settings.enableRTV && (_this$actSet27 = this.actSet()) !== null && _this$actSet27 !== void 0 && _this$actSet27.CatalogData.divaArReady) return true;
+      if ((_this$actSet27 = this.actSet()) !== null && _this$actSet27 !== void 0 && _this$actSet27.CatalogData.divaForceRTV) return true;
+      if ((_this$state6 = this.state) !== null && _this$state6 !== void 0 && _this$state6.organization.settings.enableRTV && (_this$actSet28 = this.actSet()) !== null && _this$actSet28 !== void 0 && _this$actSet28.CatalogData.divaArReady) return true;
       return false;
     }
+  }, {
+    key: "getForceRTV",
+    value: function getForceRTV() {
+      var _this$actSet29;
+      return !!((_this$actSet29 = this.actSet()) !== null && _this$actSet29 !== void 0 && _this$actSet29.CatalogData.divaForceRTV);
+    }
   }, {
     key: "getPricePreview",
     value: function getPricePreview() {
@@ -45641,29 +45791,29 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "hide2DPlanner",
     value: function hide2DPlanner() {
-      var _this$actSet28;
-      return (_this$actSet28 = this.actSet()) === null || _this$actSet28 === void 0 ? void 0 : _this$actSet28.CatalogData.hide2DPlanner;
+      var _this$actSet30;
+      return (_this$actSet30 = this.actSet()) === null || _this$actSet30 === void 0 ? void 0 : _this$actSet30.CatalogData.hide2DPlanner;
     }
   }, {
     key: "getAllowQRCodeAR",
     value: function getAllowQRCodeAR() {
-      var _this$actSet29;
-      if (this.api.enableAR && (_this$actSet29 = this.actSet()) !== null && _this$actSet29 !== void 0 && _this$actSet29.CatalogData.divaArReady) return true;
+      var _this$actSet31;
+      if (this.api.enableAR && (_this$actSet31 = this.actSet()) !== null && _this$actSet31 !== void 0 && _this$actSet31.CatalogData.divaArReady) return true;
       return false;
     }
   }, {
     key: "getEnableUnityRtvKombi",
     value: function getEnableUnityRtvKombi() {
-      var _this$actSet30, _this$actSet31;
+      var _this$actSet32, _this$actSet33;
       // if force rtv disable unity kombi - biohort
-      if ((_this$actSet30 = this.actSet()) !== null && _this$actSet30 !== void 0 && _this$actSet30.CatalogData.divaForceRTV) return false;
-      return ((_this$actSet31 = this.actSet()) === null || _this$actSet31 === void 0 ? void 0 : _this$actSet31.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
+      if ((_this$actSet32 = this.actSet()) !== null && _this$actSet32 !== void 0 && _this$actSet32.CatalogData.divaForceRTV) return false;
+      return ((_this$actSet33 = this.actSet()) === null || _this$actSet33 === void 0 ? void 0 : _this$actSet33.CatalogData.divaArReady) == true && this.api.getEnableRTVUnityKombi();
     }
   }, {
     key: "getShelfPlannerRTV",
     value: function getShelfPlannerRTV() {
-      var _this$actSet32;
-      return (_this$actSet32 = this.actSet()) === null || _this$actSet32 === void 0 ? void 0 : _this$actSet32.CatalogData.useShelfPlannerRTV;
+      var _this$actSet34;
+      return (_this$actSet34 = this.actSet()) === null || _this$actSet34 === void 0 ? void 0 : _this$actSet34.CatalogData.useShelfPlannerRTV;
     }
   }, {
     key: "getBasketData",
@@ -45704,8 +45854,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCatalogData",
     value: function getCatalogData() {
-      var _this$actSet33;
-      return (_this$actSet33 = this.actSet()) === null || _this$actSet33 === void 0 ? void 0 : _this$actSet33.CatalogData;
+      var _this$actSet35;
+      return (_this$actSet35 = this.actSet()) === null || _this$actSet35 === void 0 ? void 0 : _this$actSet35.CatalogData;
     }
   }, {
     key: "ReturnTo",
@@ -45855,7 +46005,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee29, this);
       }));
-      function addToBasket(_x79) {
+      function addToBasket(_x80) {
         return _addToBasket.apply(this, arguments);
       }
       return addToBasket;
@@ -45910,19 +46060,19 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "getCurrentBasket",
     value: function () {
-      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(event, force, returnTo, dontGoToSummary) {
-        var _this$actSet34, _this$divaBasketHandl5, _this$onClickAddToBas3;
+      var _getCurrentBasket = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(event, force, returnTo, dontGoToSummary, hideLoading) {
+        var _this$actSet36, _this$divaBasketHandl5, _this$onClickAddToBas3;
         return _regeneratorRuntime.wrap(function _callee30$(_context30) {
           while (1) switch (_context30.prev = _context30.next) {
             case 0:
-              if (!(this.divaBasketHandler.basketWasSavedWithCurrentDocVersion && ((_this$actSet34 = this.actSet()) === null || _this$actSet34 === void 0 ? void 0 : _this$actSet34.setHash) === ((_this$divaBasketHandl5 = this.divaBasketHandler.actBasket) === null || _this$divaBasketHandl5 === void 0 || (_this$divaBasketHandl5 = _this$divaBasketHandl5.OrderSets) === null || _this$divaBasketHandl5 === void 0 ? void 0 : _this$divaBasketHandl5[0].SetHash) && !(returnTo !== null && returnTo !== void 0 && returnTo.includes('OPEN')))) {
+              if (!(this.divaBasketHandler.basketWasSavedWithCurrentDocVersion && ((_this$actSet36 = this.actSet()) === null || _this$actSet36 === void 0 ? void 0 : _this$actSet36.setHash) === ((_this$divaBasketHandl5 = this.divaBasketHandler.actBasket) === null || _this$divaBasketHandl5 === void 0 || (_this$divaBasketHandl5 = _this$divaBasketHandl5.OrderSets) === null || _this$divaBasketHandl5 === void 0 ? void 0 : _this$divaBasketHandl5[0].SetHash) && !(returnTo !== null && returnTo !== void 0 && returnTo.includes('OPEN')))) {
                 _context30.next = 2;
                 break;
               }
-              return _context30.abrupt("return", true);
+              return _context30.abrupt("return", 'BASKET_ALREADY_SAVED');
             case 2:
               _context30.next = 4;
-              return (_this$onClickAddToBas3 = this.onClickAddToBasket) === null || _this$onClickAddToBas3 === void 0 ? void 0 : _this$onClickAddToBas3.call(this, undefined, event, force, returnTo, dontGoToSummary);
+              return (_this$onClickAddToBas3 = this.onClickAddToBasket) === null || _this$onClickAddToBas3 === void 0 ? void 0 : _this$onClickAddToBas3.call(this, undefined, event, force, returnTo, dontGoToSummary, hideLoading);
             case 4:
               return _context30.abrupt("return", !!_context30.sent);
             case 5:
@@ -45931,7 +46081,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee30, this);
       }));
-      function getCurrentBasket(_x80, _x81, _x82, _x83) {
+      function getCurrentBasket(_x81, _x82, _x83, _x84, _x85) {
         return _getCurrentBasket.apply(this, arguments);
       }
       return getCurrentBasket;
@@ -46060,6 +46210,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     value: function registerUpdateCatalogPlannerArticles(updateCatalogPlannerArticles) {
       this.updateCatalogPlannerArticles = updateCatalogPlannerArticles;
     }
+  }, {
+    key: "registerUpdateCatalogPlanner2Dot0Articles",
+    value: function registerUpdateCatalogPlanner2Dot0Articles(updateCatalogPlanner2Dot0Articles) {
+      this.updateCatalogPlanner2Dot0Articles = updateCatalogPlanner2Dot0Articles;
+    }
   }, {
     key: "registerUpdateAccessoiresPalette",
     value: function registerUpdateAccessoiresPalette(updateAccessoiresPalette) {
@@ -46183,7 +46338,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee31, this);
       }));
-      function initApiForLogicOnly(_x84, _x85, _x86, _x87, _x88, _x89, _x90) {
+      function initApiForLogicOnly(_x86, _x87, _x88, _x89, _x90, _x91, _x92) {
         return _initApiForLogicOnly.apply(this, arguments);
       }
       return initApiForLogicOnly;
@@ -46252,7 +46407,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee33, this);
       }));
-      function initBasket(_x91, _x92) {
+      function initBasket(_x93, _x94) {
         return _initBasket.apply(this, arguments);
       }
       return initBasket;
@@ -46329,7 +46484,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee35, this);
       }));
-      function handleFavorites(_x93) {
+      function handleFavorites(_x95) {
         return _handleFavorites.apply(this, arguments);
       }
       return handleFavorites;
@@ -46383,7 +46538,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
           }
         }, _callee36, this);
       }));
-      function initSapOrderLinesFromBasket(_x94, _x95, _x96) {
+      function initSapOrderLinesFromBasket(_x96, _x97, _x98) {
         return _initSapOrderLinesFromBasket.apply(this, arguments);
       }
       return initSapOrderLinesFromBasket;
@@ -46413,6 +46568,11 @@ var DivaWebPlanner = /*#__PURE__*/function () {
     get: function get() {
       return Object.values(this.sets);
     }
+  }, {
+    key: "getPlannerType",
+    value: function getPlannerType() {
+      return this.api.getPlannerType();
+    }
 
     /**
      * This function returns the planner mode.
@@ -46446,6 +46606,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
   }, {
     key: "plannerChangeLog",
     value: function plannerChangeLog(action) {
+      var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var set = this.actSet();
       var articleCodex = [];
       var accesoriesCodex = [];
@@ -46491,23 +46652,26 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         }
       });
       LOG$1.businessEvent('onActualBasketValue', 'Planner', 'Aktueller Basket Value:' + actualBasketvalue, {
-        basketValue: actualBasketvalue
+        basketValue: actualBasketvalue,
+        isInit: isInit
       });
     }
   }, {
     key: "configuratorChangeLog",
     value: function configuratorChangeLog(action, myValues) {
+      var isInit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var set = this.actSet();
       var configuration = [];
       var allOpt = [];
       var allOpv = [];
       var latestOpv = {};
       var latestOpt = {};
+      var latestColor = [];
       var actualBasketvalue = 0;
       if (set) {
         actualBasketvalue = set === null || set === void 0 ? void 0 : set.getSetPrice();
         if (myValues) {
-          var _set$CatalogData$getO, _set$CatalogData$getO2;
+          var _set$CatalogData$getO, _set$CatalogData$getO2, _set$CatalogData$getO3;
           latestOpt = {
             codex: Object.keys(myValues)[0],
             name: (_set$CatalogData$getO = set.CatalogData.getOption(Object.keys(myValues)[0])) === null || _set$CatalogData$getO === void 0 ? void 0 : _set$CatalogData$getO.name
@@ -46516,6 +46680,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
             codex: Object.values(myValues)[0],
             name: (_set$CatalogData$getO2 = set.CatalogData.getOptionValue(Object.values(myValues)[0])) === null || _set$CatalogData$getO2 === void 0 ? void 0 : _set$CatalogData$getO2.name
           };
+          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 _i2 = 0, _Object$values2 = Object.values(set.getDivaArticles()); _i2 < _Object$values2.length; _i2++) {
           var article = _Object$values2[_i2];
@@ -46524,17 +46689,17 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               varientValues: article.VariantValues,
               basketId: article.basketId,
               opt: Object.keys(article.VariantValues).map(function (key) {
-                var _set$CatalogData$getO3;
+                var _set$CatalogData$getO4;
                 return {
                   codex: key,
-                  name: (_set$CatalogData$getO3 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO3 === void 0 ? void 0 : _set$CatalogData$getO3.name
+                  name: (_set$CatalogData$getO4 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO4 === void 0 ? void 0 : _set$CatalogData$getO4.name
                 };
               }),
               opv: Object.values(article.VariantValues).map(function (value) {
-                var _set$CatalogData$getO4;
+                var _set$CatalogData$getO5;
                 return {
                   codex: value,
-                  name: (_set$CatalogData$getO4 = set.CatalogData.getOption(value)) === null || _set$CatalogData$getO4 === void 0 ? void 0 : _set$CatalogData$getO4.name
+                  name: (_set$CatalogData$getO5 = set.CatalogData.getOption(value)) === null || _set$CatalogData$getO5 === void 0 ? void 0 : _set$CatalogData$getO5.name
                 };
               })
             }];
@@ -46543,33 +46708,33 @@ var DivaWebPlanner = /*#__PURE__*/function () {
               varientValues: article.VariantValues,
               basketId: article.basketId,
               opt: Object.keys(article.VariantValues).map(function (key) {
-                var _set$CatalogData$getO5;
+                var _set$CatalogData$getO6;
                 return {
                   codex: key,
-                  name: (_set$CatalogData$getO5 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO5 === void 0 ? void 0 : _set$CatalogData$getO5.name
+                  name: (_set$CatalogData$getO6 = set.CatalogData.getOption(key)) === null || _set$CatalogData$getO6 === void 0 ? void 0 : _set$CatalogData$getO6.name
                 };
               }),
               opv: Object.values(article.VariantValues).map(function (value) {
-                var _set$CatalogData$getO6;
+                var _set$CatalogData$getO7;
                 return {
                   codex: value,
-                  name: (_set$CatalogData$getO6 = set.CatalogData.getOptionValue(value)) === null || _set$CatalogData$getO6 === void 0 ? void 0 : _set$CatalogData$getO6.name
+                  name: (_set$CatalogData$getO7 = set.CatalogData.getOptionValue(value)) === null || _set$CatalogData$getO7 === void 0 ? void 0 : _set$CatalogData$getO7.name
                 };
               })
             });
           }
           for (var _i3 = 0, _Object$entries = Object.entries(article.VariantValues); _i3 < _Object$entries.length; _i3++) {
-            var _set$CatalogData$getO7, _set$CatalogData$getO8;
+            var _set$CatalogData$getO8, _set$CatalogData$getO9;
             var _Object$entries$_i = _slicedToArray(_Object$entries[_i3], 2),
               opt = _Object$entries$_i[0],
               opv = _Object$entries$_i[1];
             allOpt.push({
               codex: opt,
-              name: (_set$CatalogData$getO7 = set.CatalogData.getOption(opt)) === null || _set$CatalogData$getO7 === void 0 ? void 0 : _set$CatalogData$getO7.name
+              name: (_set$CatalogData$getO8 = set.CatalogData.getOption(opt)) === null || _set$CatalogData$getO8 === void 0 ? void 0 : _set$CatalogData$getO8.name
             });
             allOpv.push({
               codex: opv,
-              name: (_set$CatalogData$getO8 = set.CatalogData.getOptionValue(opv)) === null || _set$CatalogData$getO8 === void 0 ? void 0 : _set$CatalogData$getO8.name
+              name: (_set$CatalogData$getO9 = set.CatalogData.getOptionValue(opv)) === null || _set$CatalogData$getO9 === void 0 ? void 0 : _set$CatalogData$getO9.name
             });
           }
         }
@@ -46578,7 +46743,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         configuration: {
           latest: {
             opv: latestOpv,
-            opt: latestOpt
+            opt: latestOpt,
+            color: latestColor
           },
           opt: allOpt,
           opv: allOpv,
@@ -46586,7 +46752,8 @@ var DivaWebPlanner = /*#__PURE__*/function () {
         }
       });
       LOG$1.businessEvent('onActualBasketValue', 'Planner', 'Aktueller Basket Value:' + actualBasketvalue, {
-        basketValue: actualBasketvalue
+        basketValue: actualBasketvalue,
+        isInit: isInit
       });
     }
   }, {
@@ -46602,6 +46769,7 @@ var DivaWebPlanner = /*#__PURE__*/function () {
       this.navigateToTabGroup = undefined;
       this.navigateToConfigStep = undefined;
       this.updateCatalogPlannerArticles = undefined;
+      this.updateCatalogPlanner2Dot0Articles = undefined;
       this.updateAccessoiresPalette = undefined;
       this.setWebConifguratorTitle = undefined;
       this.onBasketInitialized = undefined;