@crystaldesign/diva-web-planner-react 25.9.0-beta.36 → 25.9.0-beta.37

package/build/esm/{index-6841f22b.js → index-c865c45c.js}

@@ -376,7 +376,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
       var oldTabgroup = this.curTabGroup;
       var oldOption = this.curOption;
       this.callExitFunctions(newTabGroup);
-      if (this.curTabGroup.type == 'OPTION' || this.curTabGroup.type == 'ACC_PLANNER' || this.curTabGroup.type == 'ACC' || this.curTabGroup.type == 'SHELFPLANNER' || this.curTabGroup.type == 'SUMMARY') {
+      if (this.curTabGroup.type == 'OPTION' || this.curTabGroup.type == 'ACC_PLANNER' || this.curTabGroup.type == 'PLANNER_2.0' || this.curTabGroup.type == 'ACC' || this.curTabGroup.type == 'SHELFPLANNER' || this.curTabGroup.type == 'SUMMARY') {
         this.curTabGroup = newTabGroup;
         var newOption = newTabGroup.options[this.curConfigStep.option];
         if (newOption) {
@@ -458,7 +458,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     key: "callEnterFunctions",
     value: function callEnterFunctions(oldTabGroup, oldOption) {
       var _this$tabGroupState7;
-      if ((oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PLANNER' && this.curTabGroup.type == 'PLANNER' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PRODUCTS' && this.curTabGroup.type == 'PRODUCTS' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PROMOTED' && this.curTabGroup.type == 'PROMOTED' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'ACC_PLANNER' && this.curTabGroup.type == 'ACC_PLANNER') {
+      if ((oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PLANNER' && this.curTabGroup.type == 'PLANNER' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PRODUCTS' && this.curTabGroup.type == 'PRODUCTS' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PROMOTED' && this.curTabGroup.type == 'PROMOTED' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'ACC_PLANNER' && this.curTabGroup.type == 'ACC_PLANNER' || (oldTabGroup === null || oldTabGroup === void 0 ? void 0 : oldTabGroup.type) != 'PLANNER_2.0' && this.curTabGroup.type == 'PLANNER_2.0') {
         //Enter planner Step
         LOG$e.businessEvent('onEnterPlanner', 'Planner', 'Der Planner Schritt wurde betreten');
         this.onEnterPlannerMode();
@@ -481,7 +481,7 @@ var ConfiguratorStructureHandler = /*#__PURE__*/function () {
     key: "callExitFunctions",
     value: function callExitFunctions(newTabGroup) {
       if (this.curTabGroup === undefined) return;
-      if (this.curTabGroup.type == 'PLANNER' && newTabGroup.type != 'PLANNER' || this.curTabGroup.type == 'PRODUCTS' && newTabGroup.type != 'PRODUCTS' || this.curTabGroup.type == 'PROMOTED' && newTabGroup.type != 'PROMOTED' || this.curTabGroup.type == 'ACC_PLANNER' && newTabGroup.type != 'ACC_PLANNER') {
+      if (this.curTabGroup.type == 'PLANNER' && newTabGroup.type != 'PLANNER' || this.curTabGroup.type == 'PRODUCTS' && newTabGroup.type != 'PRODUCTS' || this.curTabGroup.type == 'PROMOTED' && newTabGroup.type != 'PROMOTED' || this.curTabGroup.type == 'ACC_PLANNER' && newTabGroup.type != 'ACC_PLANNER' || this.curTabGroup.type == 'PLANNER_2.0' && newTabGroup.type != 'PLANNER_2.0') {
         var _this$tabGroupState8;
         //Leave planner step
         (_this$tabGroupState8 = this.tabGroupState) === null || _this$tabGroupState8 === void 0 || _this$tabGroupState8.onExitPlannerMode();
@@ -951,6 +951,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
     _defineProperty(this, "uiState", void 0);
     _defineProperty(this, "dpIsSelected", false);
     _defineProperty(this, "elementIsSelected", false);
+    _defineProperty(this, "planner2Dot0Active", false);
     _defineProperty(this, "selectedElementOnInit", void 0);
     this.settingsState = settingsState;
     this.uiState = uiState;
@@ -990,7 +991,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
       var itemsArr = plannerStep.catalogPlannerArticles;
       for (var i = 0; i < itemsArr.length; i++) {
         var item = itemsArr[i];
-        item.sizeInfo = DivaUtils.sizeFormatter(item, this.uiState.i18nInstance);
+        item.sizeInfo = DivaUtils.sizeFormatter(item, this.uiState.i18nInstance, true, ':');
       }
       this.allCatalogPlannerArticleItems = itemsArr;
       this.settingsState.updatePlannerFilter(_objectSpread$h(_objectSpread$h({}, plannerFilter), {}, {
@@ -1070,7 +1071,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         searchText: searchText
       }));
       if (searchText != '') {
-        this.doShowAdditionalPlannerElements = false;
+        this.doShowAdditionalPlannerElements = this.planner2Dot0Active;
       }
     }
   }, {
@@ -1088,6 +1089,17 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         dockFilter: _objectSpread$h(_objectSpread$h({}, this.settingsState.plannerFilter.dockFilter), {}, _defineProperty({}, filter, newValue))
       }));
     }
+  }, {
+    key: "changeAllDockFilters",
+    value: function changeAllDockFilters(filter) {
+      var dockFilter = _objectSpread$h({}, this.settingsState.plannerFilter.dockFilter);
+      for (var key in dockFilter) {
+        dockFilter[key] = filter.includes(key);
+      }
+      this.settingsState.updatePlannerFilter(_objectSpread$h(_objectSpread$h({}, this.settingsState.plannerFilter), {}, {
+        dockFilter: dockFilter
+      }));
+    }
 
     /**
      * This function returns all articles in the list that are matching the plannerElemnts. This depends on the free docking Points and the DockingFilters
@@ -1103,7 +1115,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         this.selectedElementOnInit = undefined;
       }
       this.dpIsSelected = !!dp;
-      this.doShowAdditionalPlannerElements = false;
+      this.doShowAdditionalPlannerElements = this.planner2Dot0Active;
       if (!((_plannerElements = plannerElements) !== null && _plannerElements !== void 0 && _plannerElements.length) || this.allCatalogPlannerArticleItems.length == 0 || this.allCatalogPlannerArticleItems == undefined) {
         var _this$allCatalogPlann;
         if (!((_this$allCatalogPlann = this.allCatalogPlannerArticleItems) !== null && _this$allCatalogPlann !== void 0 && _this$allCatalogPlann.length) && plannerElements.length) this.selectedElementOnInit = plannerElements;
@@ -1127,7 +1139,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
             validArticleIdsBySelectedElement: undefined,
             validArticleToReplaceSelectedElement: articleIdsToReplace
           }));
-          this.doShowAdditionalPlannerElements = false;
+          this.doShowAdditionalPlannerElements = this.planner2Dot0Active;
           for (var _filterType in this.settingsState.plannerFilter.dockFilter) {
             this.setFilter(_filterType, this.startFilterType.includes(_filterType));
           }
@@ -1333,7 +1345,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
         artCodexArr = this.settingsState.plannerFilter.validArticleIdsBySelectedElement;
       }
       var siftIdFilters = [];
-      var continuePlanning = paletteId == 2 && !this.settingsState.plannerReplaceMode;
+      var continuePlanning = paletteId == 2 && !this.planner2Dot0Active && !this.settingsState.plannerReplaceMode;
       if (this.settingsState.plannerFilter.searchText != '') {
         siftFilter = this.searchFilter();
       } else if (continuePlanning) {
@@ -1416,7 +1428,7 @@ var PlannerPalette$1 = /*#__PURE__*/function () {
   }, {
     key: "searchFilter",
     value: function searchFilter() {
-      this.doShowAdditionalPlannerElements = false;
+      this.doShowAdditionalPlannerElements = this.planner2Dot0Active;
       var siftOrFilter = [];
       var contains = function contains(filterParam) {
         return ".*".concat(filterParam, ".*");
@@ -1765,6 +1777,7 @@ var VisitStepsHandler = /*#__PURE__*/function () {
           break;
         case 'PLANNER':
         case 'PRODUCTS':
+        case 'PLANNER_2.0':
         case 'PROMOTED':
         case 'STATICROOMLIST':
           this.configuratorStructureHandler.addTabGrousVisitedWithTargetArticlesAndOptions(curTabGroupKey, ['ALL'], [this.getState()]);
@@ -1935,6 +1948,24 @@ var ShelfItem = /*#__PURE__*/function () {
   }]);
 }();
 
+var Planner2Dot0Palette = /*#__PURE__*/function () {
+  function Planner2Dot0Palette() {
+    _classCallCheck(this, Planner2Dot0Palette);
+    _defineProperty(this, "allCatalogPlannerArticleItems", []);
+  }
+  return _createClass(Planner2Dot0Palette, [{
+    key: "setPlannedItems",
+    value: function setPlannedItems(catalogPlannerArticles) {
+      this.allCatalogPlannerArticleItems = catalogPlannerArticles;
+    }
+  }, {
+    key: "getAllItems",
+    value: function getAllItems() {
+      return this.allCatalogPlannerArticleItems;
+    }
+  }]);
+}();
+
 var SpecialItem = /*#__PURE__*/function () {
   function SpecialItem() {
     _classCallCheck(this, SpecialItem);
@@ -1960,7 +1991,7 @@ function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$c = getLogger('Planner', 'PaletteViewHandler');
 var PaletteViewHandler = /*#__PURE__*/function () {
-  function PaletteViewHandler(settingsState, productState, uiState, configuratorStructureHandler, getState, updateConfiguratorState, getSelectedElementsArr, getSelectedDockingPoint, updateElementSelectionPlanner, configSingleIsChanged, addPlannerElement, deletePlannerElement, switchPlannerElementLogic, copyPlannerElementLogic, deleteAccessoire, updateAccessoireQuantity, doConfigure, setCurConfigStepKey, setActSet, doAllowSetPlanner, handle3DVisualizationChanged, loadCatalogPlannerArticles, loadAccessoiresOfArticles, loadConfigItemsOfOptions, loadSummaryItems, loadStaticRoomList, loadShelfPlannerItemsLogic, loadDoorPlannerItemsLogic, selectShelfAccArticle, getFreePlacesOnGrids, addAccessorieOnShelfPlanner, moveShelfItem, moveDoors, deleteAccessorieOnShelfPlanner, getBasketIdsOfElementIdLogic, loadPaletteInfos, changeOnFavorites, defineOptions, onClickConfiguratorSettingsForth, getPlanningIsInCompleteOrEmpty, checkNotificationRules, checkBannerRules, actions) {
+  function PaletteViewHandler(settingsState, productState, uiState, configuratorStructureHandler, getState, updateConfiguratorState, getSelectedElementsArr, getSelectedDockingPoint, updateElementSelectionPlanner, getElementById, configSingleIsChanged, addPlannerElement, deletePlannerElement, switchPlannerElementLogic, copyPlannerElementLogic, deleteAccessoire, updateAccessoireQuantity, doConfigure, setCurConfigStepKey, setActSet, doAllowSetPlanner, handle3DVisualizationChanged, loadCatalogPlannerArticles, loadCatalogPlannerArticlesLogic2Dot0, loadAccessoiresOfArticles, loadConfigItemsOfOptions, loadSummaryItems, loadStaticRoomList, loadShelfPlannerItemsLogic, loadDoorPlannerItemsLogic, selectShelfAccArticle, getFreePlacesOnGrids, addAccessorieOnShelfPlanner, moveShelfItem, moveDoors, deleteAccessorieOnShelfPlanner, getBasketIdsOfElementIdLogic, loadPaletteInfos, changeOnFavorites, defineOptions, onClickConfiguratorSettingsForth, getPlanningIsInCompleteOrEmpty, checkNotificationRules, checkBannerRules, actions) {
     var _this = this;
     _classCallCheck(this, PaletteViewHandler);
     _defineProperty(this, "settingsState", void 0);
@@ -1968,6 +1999,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     _defineProperty(this, "uiState", void 0);
     _defineProperty(this, "configuratorStructureHandler", void 0);
     _defineProperty(this, "plannerItems", void 0);
+    _defineProperty(this, "planner2Dot0Items", void 0);
     _defineProperty(this, "shelfItem", void 0);
     _defineProperty(this, "specialItem", void 0);
     _defineProperty(this, "accItems", void 0);
@@ -1986,6 +2018,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     _defineProperty(this, "getSelectedElementsArr", void 0);
     _defineProperty(this, "getSelectedDockingPoint", void 0);
     _defineProperty(this, "updateElementSelectionPlanner", void 0);
+    _defineProperty(this, "getElementById", void 0);
     //function in Logic!
     _defineProperty(this, "configSingleIsChangedLogic", void 0);
     _defineProperty(this, "addPlannerElementLogic", void 0);
@@ -2001,6 +2034,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     _defineProperty(this, "doAllowSetPlanner", void 0);
     _defineProperty(this, "handle3DVisualizationChanged", void 0);
     _defineProperty(this, "loadCatalogPlannerArticlesLogic", void 0);
+    _defineProperty(this, "loadCatalogPlannerArticlesLogic2Dot0", void 0);
     _defineProperty(this, "loadAccessoiresOfArticlesLogic", void 0);
     _defineProperty(this, "loadConfigItemsOfOptionsLogic", void 0);
     _defineProperty(this, "loadSummaryItemsLogic", void 0);
@@ -2178,6 +2212,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     this.productState = productState;
     this.uiState = uiState;
     this.plannerItems = new PlannerPalette$1(this.settingsState, this.uiState);
+    this.planner2Dot0Items = new Planner2Dot0Palette();
     this.shelfItem = new ShelfItem();
     this.specialItem = new SpecialItem();
     this.accItems = new AccItems(this.uiState);
@@ -2196,6 +2231,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     this.getSelectedElementsArr = getSelectedElementsArr;
     this.getSelectedDockingPoint = getSelectedDockingPoint;
     this.updateElementSelectionPlanner = updateElementSelectionPlanner;
+    this.getElementById = getElementById;
     //logic Functions
     this.configSingleIsChangedLogic = configSingleIsChanged;
     this.addPlannerElementLogic = addPlannerElement;
@@ -2210,6 +2246,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     this.doAllowSetPlanner = doAllowSetPlanner;
     this.handle3DVisualizationChanged = handle3DVisualizationChanged;
     this.loadCatalogPlannerArticlesLogic = loadCatalogPlannerArticles;
+    this.loadCatalogPlannerArticlesLogic2Dot0 = loadCatalogPlannerArticlesLogic2Dot0;
     this.loadAccessoiresOfArticlesLogic = loadAccessoiresOfArticles;
     this.loadConfigItemsOfOptionsLogic = loadConfigItemsOfOptions;
     this.loadSummaryItemsLogic = loadSummaryItems;
@@ -2338,10 +2375,13 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               _context8.next = 2;
               return this.deletePlannerElementLogic(setId, elementId);
             case 2:
+              if (this.settingsState.addElementSelected) this.settingsState.setAddElementSelected(_objectSpread$f(_objectSpread$f({}, this.settingsState.addElementSelected), {}, {
+                mode: 'add'
+              }));
               this.checkPlanningReplaceModeAfterChange(false);
               this.updateCurPaletteData(false);
               this.settingsState.ConfigDidChange();
-            case 5:
+            case 6:
             case "end":
               return _context8.stop();
           }
@@ -2371,7 +2411,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               //the current selected Element gets switched out with a now one
               elementToDelete = this.getSelectedElementsArr(true);
               if (!elementToDelete.length) {
-                _context9.next = 18;
+                _context9.next = 17;
                 break;
               }
               element = elementToDelete[0];
@@ -2398,9 +2438,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                 posNr: element.getPosNr()
               });
             case 15:
-              this.onCalculating = false;
               this.updateCurPaletteData(false);
               this.settingsState.ConfigDidChange();
+            case 17:
+              this.onCalculating = false;
             case 18:
             case "end":
               return _context9.stop();
@@ -3333,6 +3374,16 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       }
       this.getUpdatePaletteinfos('ALL');
     }
+
+    //after Element in PLanner changed the Planner PLaette needs to be updated witf filder and possibly second alternative Planner palette
+  }, {
+    key: "updatePlanner2Dot0PaletteAfterElementSelectionChanged",
+    value: function updatePlanner2Dot0PaletteAfterElementSelectionChanged(plannerElements, dp) {
+      this.plannerItems.calcMatchingArticles(plannerElements, dp);
+      this.loadPlanner2Dot0Items(true, true);
+      this.calcFilterItemPalette(2);
+      this.getUpdatePaletteinfos('ALL');
+    }
   }, {
     key: "getSelectedElementForReplacement",
     value: function getSelectedElementForReplacement() {
@@ -3340,6 +3391,13 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       if (!this.settingsState.plannerReplaceMode) return undefined;
       return (_this$getSelectedElem = this.getSelectedElementsArr()[0]) === null || _this$getSelectedElem === void 0 ? void 0 : _this$getSelectedElem.getArticleCodex();
     }
+  }, {
+    key: "getSelectedElementBasketIdForReplacement",
+    value: function getSelectedElementBasketIdForReplacement() {
+      var _this$getSelectedElem2;
+      if (!this.settingsState.plannerReplaceMode) return undefined;
+      return (_this$getSelectedElem2 = this.getSelectedElementsArr()[0]) === null || _this$getSelectedElem2 === void 0 ? void 0 : _this$getSelectedElem2.getBasketId();
+    }
 
     /**********************************Update Palette without calling Logic (Filter the Palette)*****************************/
 
@@ -3460,53 +3518,56 @@ var PaletteViewHandler = /*#__PURE__*/function () {
               return this.setCurConfigStepKey(configStepKey);
             case 4:
               _context28.t0 = curState;
-              _context28.next = _context28.t0 === 'PLANNER' ? 7 : _context28.t0 === 'PRODUCTS' ? 9 : _context28.t0 === 'PROMOTED' ? 11 : _context28.t0 === 'ACC' ? 13 : _context28.t0 === 'ACC_PLANNER' ? 13 : _context28.t0 === 'OPTION' ? 17 : _context28.t0 === 'SUMMARY' ? 21 : _context28.t0 === 'STATICROOMLIST' ? 24 : _context28.t0 === 'SHELFPLANNER' ? 26 : _context28.t0 === 'DOORPLANNER' ? 30 : 32;
+              _context28.next = _context28.t0 === 'PLANNER' ? 7 : _context28.t0 === 'PLANNER_2.0' ? 9 : _context28.t0 === 'PRODUCTS' ? 11 : _context28.t0 === 'PROMOTED' ? 13 : _context28.t0 === 'ACC' ? 15 : _context28.t0 === 'ACC_PLANNER' ? 15 : _context28.t0 === 'OPTION' ? 19 : _context28.t0 === 'SUMMARY' ? 23 : _context28.t0 === 'STATICROOMLIST' ? 26 : _context28.t0 === 'SHELFPLANNER' ? 28 : _context28.t0 === 'DOORPLANNER' ? 32 : 34;
               break;
             case 7:
               this.loadPlannerItems(!wasNaviagtion);
-              return _context28.abrupt("break", 34);
+              return _context28.abrupt("break", 36);
             case 9:
-              this.loadProducts();
-              return _context28.abrupt("break", 34);
+              this.loadPlanner2Dot0Items(!wasNaviagtion);
+              return _context28.abrupt("break", 36);
             case 11:
-              this.loadPromoted();
-              return _context28.abrupt("break", 34);
+              this.loadProducts();
+              return _context28.abrupt("break", 36);
             case 13:
+              this.loadPromoted();
+              return _context28.abrupt("break", 36);
+            case 15:
               this.settingsState.setDoShowActElementInfo(true);
-              _context28.next = 16;
+              _context28.next = 18;
               return this.loadAccessoiresOfActArticles();
-            case 16:
-              return _context28.abrupt("break", 34);
-            case 17:
+            case 18:
+              return _context28.abrupt("break", 36);
+            case 19:
               this.settingsState.setDoShowActElementInfo(true);
-              _context28.next = 20;
+              _context28.next = 22;
               return this.loadConfigItemsOfTabGroup(configStepKey, wasNaviagtion ? 'byNavigation' : 'doConfigure');
-            case 20:
-              return _context28.abrupt("break", 34);
-            case 21:
+            case 22:
+              return _context28.abrupt("break", 36);
+            case 23:
               //Set in the plannerHandler all elements not selected
               if (!this.doAllowSetPlanner()) this.updateElementSelectionPlanner([], false);
               this.loadSummaryItems();
-              return _context28.abrupt("break", 34);
-            case 24:
-              this.loadStaticRoomListItems();
-              return _context28.abrupt("break", 34);
+              return _context28.abrupt("break", 36);
             case 26:
+              this.loadStaticRoomListItems();
+              return _context28.abrupt("break", 36);
+            case 28:
               this.settingsState.setDoShowActElementInfo(true);
               configSKey = configStepKey.startsWith('SHELFARTICLE_') ? configStepKey : (_this$shelfItem2 = this.shelfItem) === null || _this$shelfItem2 === void 0 || (_this$shelfItem2 = _this$shelfItem2.Grids) === null || _this$shelfItem2 === void 0 ? void 0 : _this$shelfItem2[0].gridGroup;
               this.loadShelfPlannerItems(1, configSKey);
-              return _context28.abrupt("break", 34);
-            case 30:
-              this.loadDoorPlannerItems(configStepKey);
-              return _context28.abrupt("break", 34);
+              return _context28.abrupt("break", 36);
             case 32:
+              this.loadDoorPlannerItems(configStepKey);
+              return _context28.abrupt("break", 36);
+            case 34:
               LOG$c.error(new DivaError('tabgroup Type: ' + curState + ' not implemented', {
                 code: 'WC_0011'
               }));
-              return _context28.abrupt("break", 34);
-            case 34:
+              return _context28.abrupt("break", 36);
+            case 36:
               if (wasNaviagtion) this.updateContentItemAfterNavigation();
-            case 35:
+            case 37:
             case "end":
               return _context28.stop();
           }
@@ -3563,8 +3624,8 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     value: function loadPlannerItems(isUpdate) {
       this.loadCatalogPlannerArticlesLogic(1, isUpdate, 'ART', 'DockFilter', 'Planen', 'PLANNER', this.getSelectedElementForReplacement());
       if (this.plannerItems.DoShowAdditionalPlannerElements) {
-        var _this$uiState$i18nIns11;
-        this.loadCatalogPlannerArticlesLogic(2, isUpdate, 'ART', '', (_this$uiState$i18nIns11 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns11 === void 0 ? void 0 : _this$uiState$i18nIns11.t('configurator.continue_planning'), 'PLANNER', this.getSelectedElementForReplacement());
+        var _this$uiState$ViewCon, _this$uiState$i18nIns11;
+        this.loadCatalogPlannerArticlesLogic(2, isUpdate, (_this$uiState$ViewCon = this.uiState.ViewConfig.plannerLayout) !== null && _this$uiState$ViewCon !== void 0 ? _this$uiState$ViewCon : 'ART', '', (_this$uiState$i18nIns11 = this.uiState.i18nInstance) === null || _this$uiState$i18nIns11 === void 0 ? void 0 : _this$uiState$i18nIns11.t('configurator.continue_planning'), 'PLANNER', this.getSelectedElementForReplacement());
       } else {
         var palette = this.settingsState.itemPalettes.get(2);
         if (palette) this.settingsState.updateItemPalette(2, _objectSpread$f(_objectSpread$f({}, palette), {}, {
@@ -3574,6 +3635,13 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       this.actGroupedConfigSteps = [];
       this.getUpdatePaletteinfos('ALL');
     }
+  }, {
+    key: "loadPlanner2Dot0Items",
+    value: function loadPlanner2Dot0Items(isUpdate, onlySelectionChanged) {
+      var _this$uiState$ViewCon2, _this$settingsState$a;
+      this.loadCatalogPlannerArticlesLogic2Dot0(isUpdate, onlySelectionChanged);
+      this.loadCatalogPlannerArticlesLogic(2, isUpdate, (_this$uiState$ViewCon2 = this.uiState.ViewConfig.plannerLayout) !== null && _this$uiState$ViewCon2 !== void 0 ? _this$uiState$ViewCon2 : 'ART', '', this.planner2Dot0Items.getAllItems().length == 1 ? '' : ((_this$settingsState$a = this.settingsState.addElementSelected) === null || _this$settingsState$a === void 0 ? void 0 : _this$settingsState$a.mode) == 'add' ? 'weiteres Element Hinzufügen' : 'Tauschbare Elemente für deine Auswahl:', 'PLANNER', this.getSelectedElementForReplacement());
+    }
   }, {
     key: "loadProducts",
     value: function loadProducts() {
@@ -3633,7 +3701,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     key: "loadConfigItemsOfTabGroup",
     value: (function () {
       var _loadConfigItemsOfTabGroup = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee30(curConfigStepKey, calledFrom) {
-        var newGroupedConfigSteps, configStepWasAlreadyLoaded, i, j, isVisited, itemPalette, stepsNotRenderdCount, _i2, configStep, _this$configuratorStr4, _this$getSelectedElem2, optionName, visible;
+        var newGroupedConfigSteps, configStepWasAlreadyLoaded, i, j, isVisited, itemPalette, stepsNotRenderdCount, _i2, configStep, _this$configuratorStr4, _this$getSelectedElem3, optionName, visible;
         return _regeneratorRuntime.wrap(function _callee30$(_context30) {
           while (1) switch (_context30.prev = _context30.next) {
             case 0:
@@ -3717,7 +3785,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
                 break;
               }
               optionName = (_this$configuratorStr4 = this.configuratorStructureHandler.getConfigStepByKey(configStep.key)) === null || _this$configuratorStr4 === void 0 ? void 0 : _this$configuratorStr4.optionStep.title;
-              this.loadCatalogPlannerArticlesLogic(_i2 + 1 - stepsNotRenderdCount, false, 'PLANNERSWITCH', '', optionName, 'PLANNER', (_this$getSelectedElem2 = this.getSelectedElementsArr()[0]) === null || _this$getSelectedElem2 === void 0 ? void 0 : _this$getSelectedElem2.getArticleCodex());
+              this.loadCatalogPlannerArticlesLogic(_i2 + 1 - stepsNotRenderdCount, false, 'PLANNERSWITCH', '', optionName, 'PLANNER', (_this$getSelectedElem3 = this.getSelectedElementsArr()[0]) === null || _this$getSelectedElem3 === void 0 ? void 0 : _this$getSelectedElem3.getArticleCodex());
               _context30.next = 43;
               break;
             case 39:
@@ -3911,6 +3979,79 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         this.calcFilterItemPalette(paletteId);
       }
     }
+  }, {
+    key: "updateCatalogPlanner2Dot0Articles",
+    value: function updateCatalogPlanner2Dot0Articles(catalogPlannerArticles, isUpdate, onlySelectionChanged) {
+      var _this$settingsState$a2, _this$settingsState$a3;
+      var incompleteElement = catalogPlannerArticles.find(function (c) {
+        var _c$incomplete, _c$incomplete2;
+        return ((_c$incomplete = c.incomplete) === null || _c$incomplete === void 0 ? void 0 : _c$incomplete.includes('AVL')) || ((_c$incomplete2 = c.incomplete) === null || _c$incomplete2 === void 0 ? void 0 : _c$incomplete2.includes('AVR'));
+      });
+      var selectedBasketId = this.getSelectedElementBasketIdForReplacement();
+      var selectedElement = catalogPlannerArticles.find(function (c) {
+        return c.basketId == selectedBasketId;
+      });
+      var mode = (_this$settingsState$a2 = (_this$settingsState$a3 = this.settingsState.addElementSelected) === null || _this$settingsState$a3 === void 0 ? void 0 : _this$settingsState$a3.mode) !== null && _this$settingsState$a2 !== void 0 ? _this$settingsState$a2 : 'add';
+      if (mode == 'add' && !incompleteElement && selectedElement && !onlySelectionChanged) {
+        mode = 'replace';
+      }
+      this.elementOverviewSelectionChanged(!!incompleteElement || !!selectedElement, incompleteElement, selectedElement, mode);
+      this.planner2Dot0Items.setPlannedItems(catalogPlannerArticles);
+      var title = catalogPlannerArticles.length == 1 ? 'Füge dein erstes Element hinzu:' : 'Deine Konfiguration besteht aus folgenden Elementen:';
+      this.calcFilterItemPalette(2);
+      this.settingsState.hideNotUsedPalettes(2);
+      this.updateItemPalette('PLANNER_2.0', 'None', title, 1, !!isUpdate, 'PLANNER_2.0', true);
+    }
+  }, {
+    key: "elementOverviewSelectionChanged",
+    value: function elementOverviewSelectionChanged(selected, incompleteElement, selectedElement, mode, scrollToSelected) {
+      var _incompleteElement$in,
+        _this7 = this;
+      if (!selected && mode != 'add') {
+        //if no element is selected, we clear the current selection
+        this.settingsState.setPlannerReplaceMode(false);
+        this.settingsState.setAddElementSelected();
+        return;
+      }
+      this.plannerItems.planner2Dot0Active = true;
+      var incompletePlannerElement = incompleteElement ? this.getElementById(incompleteElement.id) : undefined;
+      var selectedPlannerElement = selectedElement ? this.getElementById(selectedElement.id) : undefined;
+      var filterType = undefined;
+      this.settingsState.setPlannerReplaceMode(mode !== 'add');
+
+      //if there is an incomplete element or no Element at all and the mode is "add" then we Set the dock filter for a new Elementgroup.
+      var addNewElement = (incompleteElement === undefined || !(incompleteElement !== null && incompleteElement !== void 0 && (_incompleteElement$in = incompleteElement.incomplete) !== null && _incompleteElement$in !== void 0 && _incompleteElement$in.length)) && mode == 'add';
+      filterType = addNewElement ? ['DockNone', 'DockL'] : undefined;
+      if (mode == 'replace') {
+        this.plannerItems.calcMatchingArticles(selectedPlannerElement ? [selectedPlannerElement] : []);
+      } else {
+        this.plannerItems.calcMatchingArticles(incompletePlannerElement ? [incompletePlannerElement] : []);
+      }
+      this.settingsState.setAddElementSelected(_objectSpread$f({
+        mode: mode
+      }, incompleteElement ? {
+        elementId: incompleteElement.id,
+        articleCodex: incompleteElement.articleCodex,
+        basketId: incompleteElement.basketId
+      } : selectedElement ? {
+        elementId: selectedElement.id,
+        articleCodex: selectedElement.articleCodex,
+        basketId: selectedElement.basketId
+      } : {}));
+      if (filterType) this.plannerItems.changeAllDockFilters(filterType);
+      this.calcFilterItemPalette(2);
+      if (mode == 'add') {
+        var _this$settingsState$s;
+        (_this$settingsState$s = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s === void 0 || _this$settingsState$s.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      } else if (scrollToSelected && selectedElement) {
+        setTimeout(function () {
+          _this7.scrollToOPV(2, selectedElement.codex, _this7.settingsState.isScrollingDown ? -150 : -260);
+        }, 100);
+      }
+    }
 
     /**
      * Updates the Accessoire-List(on AccessoireStep)  with accessoires from the actArticle
@@ -4076,7 +4217,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "updateItemPalette",
     value: function updateItemPalette(paletteType, filterType, actStepName, paletteId, isUpdate, configStepKey, visible, stepInfo, price, quantity, isRenderedInAccessorieStep, isRenderedNotInSettingPalette, optionCodex, subTabGroup, pairWithOptionsToGroup, selectedElements, isMultiselect, groupsDefaultClosed, contentItemId) {
-      var _this7 = this,
+      var _this8 = this,
         _step$configStep$opti,
         _step$configStep$opti3;
       var existingItemPalette = this.settingsState.itemPalettes.get(paletteId);
@@ -4150,7 +4291,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
           curItems.IsRendered = true;
           if (this.checkIfAllItemsAreRendered()) {
             setTimeout(function () {
-              _this7.visitActVisibleSteps();
+              _this8.visitActVisibleSteps();
             }, 100);
           }
         }
@@ -4176,7 +4317,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       if (itemPalette.type == 'SHELFPLANNER') {
         itemPalette.searchVisible = true;
       }
-      if (this.uiState.ViewConfig.alwaysShowSearchBar && ['ACC', 'ART', 'GAL', 'GAL_BIG', 'GAL_GROUP_DROPDOWN', 'GAL_SMALL_GROUP_DROPDOWN', 'SMALL', 'VERY_SMALL'].includes(itemPalette.type)) {
+      if (this.uiState.ViewConfig.alwaysShowSearchBar && ['ACC', 'ART_2', 'GAL', 'GAL_BIG', 'GAL_GROUP_DROPDOWN', 'GAL_SMALL_GROUP_DROPDOWN', 'SMALL', 'VERY_SMALL'].includes(itemPalette.type)) {
         itemPalette.searchVisible = true;
       }
       var step = this.configuratorStructureHandler.getConfigStepByKey(configStepKey);
@@ -4210,11 +4351,11 @@ var PaletteViewHandler = /*#__PURE__*/function () {
             return g.key === groupNameKey;
           });
           if (!group) {
-            var _oldGroup$isFolded, _this7$uiState$i18nIn, _this7$uiState$i18nIn2;
+            var _oldGroup$isFolded, _this8$uiState$i18nIn, _this8$uiState$i18nIn2;
             groupsObj.push({
-              isFolded: (_oldGroup$isFolded = oldGroup === null || oldGroup === void 0 ? void 0 : oldGroup.isFolded) !== null && _oldGroup$isFolded !== void 0 ? _oldGroup$isFolded : groupsDefaultClosed || !!_this7.isGroupFolded(undefined, items.length, groupsObj),
+              isFolded: (_oldGroup$isFolded = oldGroup === null || oldGroup === void 0 ? void 0 : oldGroup.isFolded) !== null && _oldGroup$isFolded !== void 0 ? _oldGroup$isFolded : groupsDefaultClosed || !!_this8.isGroupFolded(undefined, items.length, groupsObj),
               items: [item],
-              name: (_this7$uiState$i18nIn = (_this7$uiState$i18nIn2 = _this7.uiState.i18nInstance) === null || _this7$uiState$i18nIn2 === void 0 ? void 0 : _this7$uiState$i18nIn2.t('configuration.group.' + groupName, groupName)) !== null && _this7$uiState$i18nIn !== void 0 ? _this7$uiState$i18nIn : groupName,
+              name: (_this8$uiState$i18nIn = (_this8$uiState$i18nIn2 = _this8.uiState.i18nInstance) === null || _this8$uiState$i18nIn2 === void 0 ? void 0 : _this8$uiState$i18nIn2.t('configuration.group.' + groupName, groupName)) !== null && _this8$uiState$i18nIn !== void 0 ? _this8$uiState$i18nIn : groupName,
               parentName: parentName,
               contentItemId: item.groupContentItemId,
               key: groupNameKey
@@ -4423,6 +4564,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
             if (filterType != 'RAL') paletteName = 'Header';
           case 'PRODUCTS':
           case 'PROMOTED':
+          case 'PLANNER_2.0':
           case 'PLANNER':
           case 'SUMMARY':
             if (!this.doAllowSetPlanner()) {
@@ -4493,7 +4635,10 @@ var PaletteViewHandler = /*#__PURE__*/function () {
         case 'PROMOTED':
           return undefined;
         case 'ART':
+        case 'ART_2':
           return this.plannerItems;
+        case 'PLANNER_2.0':
+          return this.planner2Dot0Items;
         case 'ACC':
         case 'ACC_CONFIG':
           if (paletteId != 1) return this.configSteps[paletteId - 1];
@@ -4541,7 +4686,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "scrollToTopInItemPalette",
     value: function scrollToTopInItemPalette(smooth) {
-      var _this$settingsState$s;
+      var _this$settingsState$s2;
       var props = {
         left: 0,
         top: 0
@@ -4549,7 +4694,7 @@ var PaletteViewHandler = /*#__PURE__*/function () {
       if (smooth) {
         props['behavior'] = 'smooth';
       }
-      (_this$settingsState$s = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s === void 0 || _this$settingsState$s.scrollTo(props);
+      (_this$settingsState$s2 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s2 === void 0 || _this$settingsState$s2.scrollTo(props);
     }
 
     /**
@@ -4624,9 +4769,9 @@ var PaletteViewHandler = /*#__PURE__*/function () {
     value: function scrollToConfigStep(step) {
       var paletteItem = this.settingsState.itemPalettes.get(step);
       if (paletteItem) {
-        var _paletteItem$htmlRef$, _paletteItem$htmlRef, _this$settingsState$s2, _this$settingsState$s3, _this$settingsState$s4, _this$settingsState$s5, _this$settingsState$s6;
-        var scrollTo = ((_paletteItem$htmlRef$ = (_paletteItem$htmlRef = paletteItem.htmlRef) === null || _paletteItem$htmlRef === void 0 ? void 0 : _paletteItem$htmlRef.getBoundingClientRect().top) !== null && _paletteItem$htmlRef$ !== void 0 ? _paletteItem$htmlRef$ : 0) - ((_this$settingsState$s2 = (_this$settingsState$s3 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s3 === void 0 ? void 0 : _this$settingsState$s3.getBoundingClientRect().top) !== null && _this$settingsState$s2 !== void 0 ? _this$settingsState$s2 : 0) + ((_this$settingsState$s4 = (_this$settingsState$s5 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s5 === void 0 ? void 0 : _this$settingsState$s5.scrollTop) !== null && _this$settingsState$s4 !== void 0 ? _this$settingsState$s4 : 0);
-        (_this$settingsState$s6 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s6 === void 0 || _this$settingsState$s6.scrollTo({
+        var _paletteItem$htmlRef$, _paletteItem$htmlRef, _this$settingsState$s3, _this$settingsState$s4, _this$settingsState$s5, _this$settingsState$s6, _this$settingsState$s7;
+        var scrollTo = ((_paletteItem$htmlRef$ = (_paletteItem$htmlRef = paletteItem.htmlRef) === null || _paletteItem$htmlRef === void 0 ? void 0 : _paletteItem$htmlRef.getBoundingClientRect().top) !== null && _paletteItem$htmlRef$ !== void 0 ? _paletteItem$htmlRef$ : 0) - ((_this$settingsState$s3 = (_this$settingsState$s4 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s4 === void 0 ? void 0 : _this$settingsState$s4.getBoundingClientRect().top) !== null && _this$settingsState$s3 !== void 0 ? _this$settingsState$s3 : 0) + ((_this$settingsState$s5 = (_this$settingsState$s6 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s6 === void 0 ? void 0 : _this$settingsState$s6.scrollTop) !== null && _this$settingsState$s5 !== void 0 ? _this$settingsState$s5 : 0);
+        (_this$settingsState$s7 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s7 === void 0 || _this$settingsState$s7.scrollTo({
           left: 0,
           top: scrollTo,
           behavior: 'smooth'
@@ -4663,13 +4808,14 @@ var PaletteViewHandler = /*#__PURE__*/function () {
   }, {
     key: "scrollToOPV",
     value: function scrollToOPV(paletteId, codex) {
-      var _element$getBoundingC, _this$settingsState$s7, _this$settingsState$s8, _this$settingsState$s9, _this$settingsState$s10, _this$settingsState$s11;
+      var _element$getBoundingC, _this$settingsState$s8, _this$settingsState$s9, _this$settingsState$s10, _this$settingsState$s11, _this$settingsState$s12;
+      var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       this.settingsState.openGroupWithCodex(paletteId, codex);
       var element = document.getElementById(codex);
-      var scrollTo = ((_element$getBoundingC = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().top) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : 0) - ((_this$settingsState$s7 = (_this$settingsState$s8 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s8 === void 0 ? void 0 : _this$settingsState$s8.getBoundingClientRect().top) !== null && _this$settingsState$s7 !== void 0 ? _this$settingsState$s7 : 0) + ((_this$settingsState$s9 = (_this$settingsState$s10 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s10 === void 0 ? void 0 : _this$settingsState$s10.scrollTop) !== null && _this$settingsState$s9 !== void 0 ? _this$settingsState$s9 : 0);
-      (_this$settingsState$s11 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s11 === void 0 || _this$settingsState$s11.scrollTo({
+      var scrollTo = ((_element$getBoundingC = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().top) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : 0) - ((_this$settingsState$s8 = (_this$settingsState$s9 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s9 === void 0 ? void 0 : _this$settingsState$s9.getBoundingClientRect().top) !== null && _this$settingsState$s8 !== void 0 ? _this$settingsState$s8 : 0) + ((_this$settingsState$s10 = (_this$settingsState$s11 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s11 === void 0 ? void 0 : _this$settingsState$s11.scrollTop) !== null && _this$settingsState$s10 !== void 0 ? _this$settingsState$s10 : 0);
+      (_this$settingsState$s12 = this.settingsState.settingsScrollerElement) === null || _this$settingsState$s12 === void 0 || _this$settingsState$s12.scrollTo({
         left: 0,
-        top: scrollTo,
+        top: scrollTo + offset,
         behavior: 'smooth'
       });
     }
@@ -5215,7 +5361,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
      * This function should be called if no element is selected
      */
     _defineProperty(this, "onClearElementSelection", function () {
-      if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER'].includes(_this.getConfiguratorState()) && _this.selectedElementsDict.size > 0) {
+      if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(_this.getConfiguratorState()) && _this.selectedElementsDict.size > 0) {
         //If in planner mode clear Element Selection
         _this.selectedElementsDict.clear();
         _this.setAllElementsSelectable = true;
@@ -5319,6 +5465,16 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
     _defineProperty(this, "getSelectedElements", function () {
       return _this.selectedElementsDict;
     });
+    _defineProperty(this, "getElementById", function (id) {
+      var setId = _this.selectedElementsDict.keys().next().value;
+      if (setId) {
+        var _this$allPlannedEleme;
+        return (_this$allPlannedEleme = _this.allPlannedElementsDict.get(setId)) === null || _this$allPlannedEleme === void 0 ? void 0 : _this$allPlannedEleme.find(function (c) {
+          return c.getElementId() == id;
+        });
+      }
+      return undefined;
+    });
     _defineProperty(this, "getSelectedElementsArr", function (forceSingleElement) {
       if (forceSingleElement) {
         var elements = [];
@@ -5647,12 +5803,12 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
               this.initPlannerMode = plannerMode;
               this.updatePlannerView = updatePlannerView;
               _context.next = 8;
-              return import('./Planner3DImage-14f47e40.js');
+              return import('./Planner3DImage-13b5ec34.js');
             case 8:
               _yield$import = _context.sent;
               Planner3DImage = _yield$import["default"];
               _context.next = 12;
-              return import('./Planner2DGrid-cee85a9c.js');
+              return import('./Planner2DGrid-0f3ee801.js');
             case 12:
               _yield$import2 = _context.sent;
               Planner2DGrid = _yield$import2["default"];
@@ -5752,7 +5908,7 @@ var ViewPlannerHandler = /*#__PURE__*/function () {
         this.PlannerUIHandler.clear3DGridUI();
       }
       this.curPlannerMode = mode;
-      if (this.getPlannerViewConfig().autoActivatePlanner3DMode && ['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER'].includes(this.getConfiguratorState())) {
+      if (this.getPlannerViewConfig().autoActivatePlanner3DMode && ['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(this.getConfiguratorState())) {
         //If we always have to activate the 3DGrid - forca activate it
         this.handlePlanner3DGridChanged(false, true);
       }
@@ -5827,21 +5983,24 @@ var ViewHelper = /*#__PURE__*/function () {
                 _this.settingsState.setPlannerReplaceModeAvailable(false);
               }
               _context.t0 = _this.getState();
-              _context.next = _context.t0 === 'PRODUCTS' ? 6 : _context.t0 === 'PROMOTED' ? 6 : _context.t0 === 'PLANNER' ? 8 : _context.t0 === 'ACC_PLANNER' ? 8 : _context.t0 === 'ACC' ? 10 : _context.t0 === 'SHELFPLANNER' ? 12 : _context.t0 === 'OPTION' ? 12 : 14;
+              _context.next = _context.t0 === 'PRODUCTS' ? 6 : _context.t0 === 'PROMOTED' ? 6 : _context.t0 === 'PLANNER' ? 8 : _context.t0 === 'ACC_PLANNER' ? 8 : _context.t0 === 'PLANNER_2.0' ? 10 : _context.t0 === 'ACC' ? 12 : _context.t0 === 'SHELFPLANNER' ? 14 : _context.t0 === 'OPTION' ? 14 : 16;
               break;
             case 6:
               if ((plannerElements === null || plannerElements === void 0 ? void 0 : plannerElements.length) > 0) _this.divaWebPlanner.loadPaletteInfos('PRODUCTS', [plannerElements[0].getBasketId()], [plannerElements[0].getBasketId()]);else _this.divaWebPlanner.loadPaletteInfos('PRODUCTS');
-              return _context.abrupt("break", 14);
+              return _context.abrupt("break", 16);
             case 8:
               _this.paletteViewHandler.updatePlannerPaletteAfterElementSelectionChanged(plannerElements, dp);
-              return _context.abrupt("break", 14);
+              return _context.abrupt("break", 16);
             case 10:
+              _this.paletteViewHandler.updatePlanner2Dot0PaletteAfterElementSelectionChanged(plannerElements, dp); //, plannerElements?.[0]?.getArticleCodex());
+              return _context.abrupt("break", 16);
+            case 12:
               //falls nur ein Arikel selektiert wurde zu dessen Konfiguratorschritt springen
               if ((plannerElements === null || plannerElements === void 0 ? void 0 : plannerElements.length) == 1 && !setSelectionChanged) {
                 _this.paletteViewHandler.articleInfoSelected(plannerElements[0].getPosNr());
               }
-              return _context.abrupt("break", 14);
-            case 12:
+              return _context.abrupt("break", 16);
+            case 14:
               //falls nur ein Arikel selektiert wurde zu dessen Konfiguratorschritt springen
               if ((plannerElements === null || plannerElements === void 0 ? void 0 : plannerElements.length) == 1 && !setSelectionChanged) {
                 if (plannerElements[0].getIsDockedAccessoire()) {
@@ -5853,8 +6012,8 @@ var ViewHelper = /*#__PURE__*/function () {
                   }
                 }
               }
-              return _context.abrupt("break", 14);
-            case 14:
+              return _context.abrupt("break", 16);
+            case 16:
             case "end":
               return _context.stop();
           }
@@ -6139,7 +6298,7 @@ var UIState = /*#__PURE__*/function () {
             templates['Settings/SettingsHeaderContainer/SettingsItemHeader/Header'] = templateConfig[key];
             break;
           case 'PaletteGroup':
-            templates['Settings/SettingsScroller/SettingsItem/PaletteGroup'] = templateConfig[key];
+            templates['Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup'] = templateConfig[key];
             break;
           case 'TabGroupVertical':
             templates['TabGroup/TabGroupVertical/ItemVariants'] = templateConfig[key];
@@ -6428,7 +6587,7 @@ var UIState = /*#__PURE__*/function () {
     value: function setUpSettingsScrollEvent(element) {
       var _this3 = this;
       //to cleanup
-      var onScroll = function onScroll() {
+      var onScroll = function onScroll(e) {
         // this.viewModel.golbalToolTip.hide();
         if (_this3.configPalettescrollEventCounter > 4) {
           _this3.configPalettescrollEventCounter = 0;
@@ -6437,14 +6596,33 @@ var UIState = /*#__PURE__*/function () {
         } else {
           _this3.configPalettescrollEventCounter++;
         }
+        _this3.detectScrollingDown(e);
       };
-
       //detects Scrolling on the ConfigBar
       element.addEventListener('scroll', onScroll);
       return function () {
         return element.removeEventListener('scroll', onScroll);
       };
     }
+  }, {
+    key: "detectScrollingDown",
+    value: function detectScrollingDown(e) {
+      var SCROLL_THRESHOLD = 50;
+      var element = e.target;
+      if (this.settingsState.isScrollingDown && element.scrollTop + SCROLL_THRESHOLD * 6 < this.settingsState.lastesScrollPositionDirectionChange || element.scrollTop == 0) {
+        this.settingsState.setIsScrollingDown(false);
+      } else if (!this.settingsState.isScrollingDown && element.scrollTop > this.settingsState.lastesScrollPositionDirectionChange + SCROLL_THRESHOLD) {
+        this.settingsState.setIsScrollingDown(true);
+      }
+      if (this.settingsState.isMicroScrollingDown && element.scrollTop < this.settingsState.lastesScrollPosition) {
+        this.settingsState.setLastesScrollPositionDirectionChange(element.scrollTop);
+        this.settingsState.setIsMicroScrollingDown(false);
+      } else if (!this.settingsState.isMicroScrollingDown && element.scrollTop > this.settingsState.lastesScrollPosition) {
+        this.settingsState.setLastesScrollPositionDirectionChange(element.scrollTop);
+        this.settingsState.setIsMicroScrollingDown(true);
+      }
+      this.settingsState.setLastesScrollPosition(element.scrollTop);
+    }
   }, {
     key: "setUpTabGropsScrollEvent",
     value: function setUpTabGropsScrollEvent(element) {
@@ -6821,7 +6999,7 @@ var ProductState = /*#__PURE__*/function () {
           });
           break;
         case 'Nav3DPlannerMode':
-          if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER'].includes(_this.getState())) {
+          if (['PLANNER', 'PRODUCTS', 'PROMOTED', 'ACC_PLANNER', 'PLANNER_2.0'].includes(_this.getState())) {
             var _this$divaWebPlanner14, _this$divaWebPlanner15;
             _this.handlePlanner3DGridChanged();
             (_this$divaWebPlanner14 = _this.divaWebPlanner) === null || _this$divaWebPlanner14 === void 0 || _this$divaWebPlanner14.handle3DVisualizationChanged('Nav3DPlannerMode', {});
@@ -7121,7 +7299,7 @@ var ProductState = /*#__PURE__*/function () {
     
      */
     function initConfiguratorMode(plannerMode) {
-      var _this$divaWebPlanner20, _this$divaWebPlanner21, _this$divaWebPlanner22, _this$divaWebPlanner27, _this$divaWebPlanner28, _this$divaWebPlanner29, _this$divaWebPlanner30, _this$divaWebPlanner31, _this$divaWebPlanner32, _this$divaWebPlanner33, _this$divaWebPlanner34, _this$divaWebPlanner35;
+      var _this$divaWebPlanner20, _this$divaWebPlanner21, _this$divaWebPlanner22, _this$divaWebPlanner28, _this$divaWebPlanner29, _this$divaWebPlanner30, _this$divaWebPlanner31, _this$divaWebPlanner32, _this$divaWebPlanner33, _this$divaWebPlanner34, _this$divaWebPlanner35, _this$divaWebPlanner36;
       this.plannerMode = plannerMode;
       this.isBoxPlanner = plannerMode === 'BoxPlanner';
       this.doEnableToShow3DDimensionLines = !!((_this$divaWebPlanner20 = this.divaWebPlanner) !== null && _this$divaWebPlanner20 !== void 0 && _this$divaWebPlanner20.doShow3DDimensionLines());
@@ -7129,20 +7307,21 @@ var ProductState = /*#__PURE__*/function () {
       this.hidePlannerUiIcons = !!((_this$divaWebPlanner22 = this.divaWebPlanner) !== null && _this$divaWebPlanner22 !== void 0 && _this$divaWebPlanner22.hidePlannerUiIcons());
       this.doShowARQRCode = false;
       if (this.settingsState) {
-        var _this$divaWebPlanner$, _this$divaWebPlanner23, _this$divaWebPlanner24, _this$divaWebPlanner25, _this$divaWebPlanner26;
+        var _this$divaWebPlanner$, _this$divaWebPlanner23, _this$divaWebPlanner24, _this$divaWebPlanner25, _this$divaWebPlanner26, _this$divaWebPlanner27;
         this.settingsState.autoOpenContentItems = (_this$divaWebPlanner$ = (_this$divaWebPlanner23 = this.divaWebPlanner) === null || _this$divaWebPlanner23 === void 0 ? void 0 : _this$divaWebPlanner23.autoOpenContentItem()) !== null && _this$divaWebPlanner$ !== void 0 ? _this$divaWebPlanner$ : !!((_this$divaWebPlanner24 = this.divaWebPlanner) !== null && _this$divaWebPlanner24 !== void 0 && (_this$divaWebPlanner24 = _this$divaWebPlanner24.getViewConfig()) !== null && _this$divaWebPlanner24 !== void 0 && _this$divaWebPlanner24.autoOpenContentItem);
         this.settingsState.doShowReplaceMode = !!((_this$divaWebPlanner25 = this.divaWebPlanner) !== null && _this$divaWebPlanner25 !== void 0 && _this$divaWebPlanner25.doShowPlannerReplaceMode());
         this.settingsState.plannerReplaceModeAutoSwitch = !!((_this$divaWebPlanner26 = this.divaWebPlanner) !== null && _this$divaWebPlanner26 !== void 0 && _this$divaWebPlanner26.doPlannerReplaceAutoSwitch());
-      }
-      this.pricePreview = (_this$divaWebPlanner27 = this.divaWebPlanner) === null || _this$divaWebPlanner27 === void 0 ? void 0 : _this$divaWebPlanner27.getPricePreview();
-      this.hide2DPlanner = (_this$divaWebPlanner28 = this.divaWebPlanner) === null || _this$divaWebPlanner28 === void 0 ? void 0 : _this$divaWebPlanner28.hide2DPlanner();
-      this.allowRTV = !!((_this$divaWebPlanner29 = this.divaWebPlanner) !== null && _this$divaWebPlanner29 !== void 0 && _this$divaWebPlanner29.getAllowRTV());
-      this.allow3DComb = !!((_this$divaWebPlanner30 = this.divaWebPlanner) !== null && _this$divaWebPlanner30 !== void 0 && _this$divaWebPlanner30.getEnableUnityRtvKombi());
-      this.allowQRCodeAR = !!((_this$divaWebPlanner31 = this.divaWebPlanner) !== null && _this$divaWebPlanner31 !== void 0 && _this$divaWebPlanner31.getAllowQRCodeAR());
-      this.shelfPlannerRTV = !!((_this$divaWebPlanner32 = this.divaWebPlanner) !== null && _this$divaWebPlanner32 !== void 0 && _this$divaWebPlanner32.getShelfPlannerRTV());
-      this.doShowNav3DPlannerMode = !((_this$divaWebPlanner33 = this.divaWebPlanner) !== null && _this$divaWebPlanner33 !== void 0 && _this$divaWebPlanner33.getHidePlanner()) && this.plannerMode != 'BoxPlanner';
-      if (this.shelfPlannerRTV || (_this$divaWebPlanner34 = this.divaWebPlanner) !== null && _this$divaWebPlanner34 !== void 0 && _this$divaWebPlanner34.getForceRTV()) this.plannerMode = 'RTViewer';
-      if ((_this$divaWebPlanner35 = this.divaWebPlanner) !== null && _this$divaWebPlanner35 !== void 0 && _this$divaWebPlanner35.getEnableUnityRtvKombi()) this.plannerMode = '3DCOMB';
+        this.settingsState.planner2Dot0Active = !!((_this$divaWebPlanner27 = this.divaWebPlanner) !== null && _this$divaWebPlanner27 !== void 0 && _this$divaWebPlanner27.getPlanner2Dot0Active());
+      }
+      this.pricePreview = (_this$divaWebPlanner28 = this.divaWebPlanner) === null || _this$divaWebPlanner28 === void 0 ? void 0 : _this$divaWebPlanner28.getPricePreview();
+      this.hide2DPlanner = (_this$divaWebPlanner29 = this.divaWebPlanner) === null || _this$divaWebPlanner29 === void 0 ? void 0 : _this$divaWebPlanner29.hide2DPlanner();
+      this.allowRTV = !!((_this$divaWebPlanner30 = this.divaWebPlanner) !== null && _this$divaWebPlanner30 !== void 0 && _this$divaWebPlanner30.getAllowRTV());
+      this.allow3DComb = !!((_this$divaWebPlanner31 = this.divaWebPlanner) !== null && _this$divaWebPlanner31 !== void 0 && _this$divaWebPlanner31.getEnableUnityRtvKombi());
+      this.allowQRCodeAR = !!((_this$divaWebPlanner32 = this.divaWebPlanner) !== null && _this$divaWebPlanner32 !== void 0 && _this$divaWebPlanner32.getAllowQRCodeAR());
+      this.shelfPlannerRTV = !!((_this$divaWebPlanner33 = this.divaWebPlanner) !== null && _this$divaWebPlanner33 !== void 0 && _this$divaWebPlanner33.getShelfPlannerRTV());
+      this.doShowNav3DPlannerMode = !((_this$divaWebPlanner34 = this.divaWebPlanner) !== null && _this$divaWebPlanner34 !== void 0 && _this$divaWebPlanner34.getHidePlanner()) && this.plannerMode != 'BoxPlanner';
+      if (this.shelfPlannerRTV || (_this$divaWebPlanner35 = this.divaWebPlanner) !== null && _this$divaWebPlanner35 !== void 0 && _this$divaWebPlanner35.getForceRTV()) this.plannerMode = 'RTViewer';
+      if ((_this$divaWebPlanner36 = this.divaWebPlanner) !== null && _this$divaWebPlanner36 !== void 0 && _this$divaWebPlanner36.getEnableUnityRtvKombi()) this.plannerMode = '3DCOMB';
       this.plannerRenderingIsStaticBG = this.plannerMode == '3DCOMB' ? false : this.plannerRenderingIsStaticBG;
       this.initPlannerViewMode(this.plannerMode);
       switch (this.plannerMode) {
@@ -7376,6 +7555,14 @@ var SettingsState = /*#__PURE__*/function () {
       _this.contentItemVisible = false;
     });
     _defineProperty(this, "partlistArticlesInOverview", {});
+    // planner2Dot0 state
+    _defineProperty(this, "planner2Dot0Active", false);
+    _defineProperty(this, "addElementSelected", undefined);
+    //scroll state
+    _defineProperty(this, "lastesScrollPosition", 0);
+    _defineProperty(this, "lastesScrollPositionDirectionChange", 0);
+    _defineProperty(this, "isScrollingDown", false);
+    _defineProperty(this, "isMicroScrollingDown", false);
     _defineProperty(this, "generalPlanningState", {});
     makeObservable(this, {
       configChanged: observable,
@@ -7450,6 +7637,14 @@ var SettingsState = /*#__PURE__*/function () {
       isContentItemVisible: computed,
       partlistArticlesInOverview: observable,
       setPartlistArticlesInOverview: action,
+      //planner2Dot0
+      planner2Dot0Active: observable,
+      setPlanner2Dot0Active: action,
+      addElementSelected: observable,
+      setAddElementSelected: action,
+      //scrolling down state
+      isScrollingDown: observable,
+      setIsScrollingDown: action,
       generalPlanningState: observable,
       setGeneralPlanningState: action
     });
@@ -7744,6 +7939,40 @@ var SettingsState = /*#__PURE__*/function () {
     value: function setPartlistArticlesInOverview(val) {
       this.partlistArticlesInOverview = val;
     }
+  }, {
+    key: "setPlanner2Dot0Active",
+    value: function setPlanner2Dot0Active(val) {
+      this.planner2Dot0Active = val;
+    }
+  }, {
+    key: "setAddElementSelected",
+    value: function setAddElementSelected(val) {
+      this.addElementSelected = val;
+    }
+  }, {
+    key: "setLastesScrollPosition",
+    value: function setLastesScrollPosition(val) {
+      this.lastesScrollPosition = val;
+    }
+  }, {
+    key: "setLastesScrollPositionDirectionChange",
+    value: function setLastesScrollPositionDirectionChange(val) {
+      this.lastesScrollPositionDirectionChange = val;
+    }
+  }, {
+    key: "setIsScrollingDown",
+    value:
+    //is scrolling down on settings scroller with threshold of 50 px
+    function setIsScrollingDown(val) {
+      this.isScrollingDown = val;
+    }
+  }, {
+    key: "setIsMicroScrollingDown",
+    value:
+    //is scrolling down on settings scroller with no threshold
+    function setIsMicroScrollingDown(val) {
+      this.isMicroScrollingDown = val;
+    }
   }, {
     key: "setGeneralPlanningState",
     value: function setGeneralPlanningState(setId, generalPlanningState) {
@@ -8587,10 +8816,14 @@ var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
   var values = _ref.values,
     _ref$state = _slicedToArray(_ref.state, 2),
     selected = _ref$state[0],
-    setSelected = _ref$state[1];
+    setSelected = _ref$state[1],
+    round = _ref.round;
   var widthPercentage = 100 / values.length;
   return /*#__PURE__*/jsx("div", {
     className: wrapper$1,
+    style: {
+      borderRadius: round ? '100px' : undefined
+    },
     children: /*#__PURE__*/jsxs("div", {
       className: toggleSwitch,
       children: [values.map(function (val, index) {
@@ -8610,7 +8843,8 @@ var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
         className: switchSelection,
         style: {
           left: selected / values.length * 100 + '%',
-          width: widthPercentage + '%'
+          width: widthPercentage + '%',
+          borderRadius: round ? '100px' : undefined
         }
       })]
     })
@@ -10716,7 +10950,7 @@ var DivaViewHandler = /*#__PURE__*/function () {
       }
       this.divaWebPlanner = new DivaWebPlanner(this.configState);
       this.tabGroupState.initFunctions(this.divaWebPlanner);
-      this.paletteViewHandler = new PaletteViewHandler(this.settingsState, this.productState, this.uiState, this.configuratorStructureHandler, this.getState, this.updateConfiguratorState, this.viewPlannerHandler.getSelectedElementsArr, this.viewPlannerHandler.getSelectedDockingPoint, this.viewPlannerHandler.updateElementSelectionPlanner, this.divaWebPlanner.configSingleIsChanged, this.divaWebPlanner.addPlannerElement, this.divaWebPlanner.deletePlannerElement.bind(this.divaWebPlanner), this.divaWebPlanner.switchPlannerElement, this.divaWebPlanner.copyPlannerElement.bind(this.divaWebPlanner), this.divaWebPlanner.deleteAccessoire, this.divaWebPlanner.updateAccessoireQuantity, this.divaWebPlanner.doConfigure, this.divaWebPlanner.setActSetCurConfigStepKey.bind(this.divaWebPlanner), this.divaWebPlanner.setActSet, this.divaWebPlanner.doAllowSetPlanner.bind(this.divaWebPlanner), this.divaWebPlanner.handle3DVisualizationChanged, this.divaWebPlanner.loadCatalogPlannerArticles, this.divaWebPlanner.loadAccessoiresOfArticles, this.divaWebPlanner.loadConfigItemsOfOptions, this.divaWebPlanner.loadSummaryItems, this.divaWebPlanner.loadStaticRoomList, this.divaWebPlanner.loadShelfPlannerItems, this.divaWebPlanner.loadDoorPlannerItems, this.divaWebPlanner.selectShelfAccArticle.bind(this.divaWebPlanner), this.divaWebPlanner.getFreePlacesOnGrids.bind(this.divaWebPlanner), this.divaWebPlanner.addAccessorieOnShelfPlanner, this.divaWebPlanner.moveShelfItem, this.divaWebPlanner.moveDoors, this.divaWebPlanner.deleteAccessorieOnShelfPlanner, this.divaWebPlanner.getBasketIdsOfElementIdLogic, this.divaWebPlanner.loadPaletteInfos, this.divaWebPlanner.changeOnFavorites.bind(this.divaWebPlanner), this.divaWebPlanner.defineArticlesOnOptions.bind(this.divaWebPlanner), this.actionButtonState.onClickConfiguratorSettingsForth.bind(this.actionButtonState), this.getPlanningIsInCompleteOrEmpty, this.divaWebPlanner.checkNotificationRules.bind(this.divaWebPlanner), this.divaWebPlanner.checkBannerRules.bind(this.divaWebPlanner), this.actions);
+      this.paletteViewHandler = new PaletteViewHandler(this.settingsState, this.productState, this.uiState, this.configuratorStructureHandler, this.getState, this.updateConfiguratorState, this.viewPlannerHandler.getSelectedElementsArr, this.viewPlannerHandler.getSelectedDockingPoint, this.viewPlannerHandler.updateElementSelectionPlanner, this.viewPlannerHandler.getElementById, this.divaWebPlanner.configSingleIsChanged, this.divaWebPlanner.addPlannerElement, this.divaWebPlanner.deletePlannerElement.bind(this.divaWebPlanner), this.divaWebPlanner.switchPlannerElement, this.divaWebPlanner.copyPlannerElement.bind(this.divaWebPlanner), this.divaWebPlanner.deleteAccessoire, this.divaWebPlanner.updateAccessoireQuantity, this.divaWebPlanner.doConfigure, this.divaWebPlanner.setActSetCurConfigStepKey.bind(this.divaWebPlanner), this.divaWebPlanner.setActSet, this.divaWebPlanner.doAllowSetPlanner.bind(this.divaWebPlanner), this.divaWebPlanner.handle3DVisualizationChanged, this.divaWebPlanner.loadCatalogPlannerArticles, this.divaWebPlanner.loadCatalogPlannerArticles2Dot0, this.divaWebPlanner.loadAccessoiresOfArticles, this.divaWebPlanner.loadConfigItemsOfOptions, this.divaWebPlanner.loadSummaryItems, this.divaWebPlanner.loadStaticRoomList, this.divaWebPlanner.loadShelfPlannerItems, this.divaWebPlanner.loadDoorPlannerItems, this.divaWebPlanner.selectShelfAccArticle.bind(this.divaWebPlanner), this.divaWebPlanner.getFreePlacesOnGrids.bind(this.divaWebPlanner), this.divaWebPlanner.addAccessorieOnShelfPlanner, this.divaWebPlanner.moveShelfItem, this.divaWebPlanner.moveDoors, this.divaWebPlanner.deleteAccessorieOnShelfPlanner, this.divaWebPlanner.getBasketIdsOfElementIdLogic, this.divaWebPlanner.loadPaletteInfos, this.divaWebPlanner.changeOnFavorites.bind(this.divaWebPlanner), this.divaWebPlanner.defineArticlesOnOptions.bind(this.divaWebPlanner), this.actionButtonState.onClickConfiguratorSettingsForth.bind(this.actionButtonState), this.getPlanningIsInCompleteOrEmpty, this.divaWebPlanner.checkNotificationRules.bind(this.divaWebPlanner), this.divaWebPlanner.checkBannerRules.bind(this.divaWebPlanner), this.actions);
       this.viewPlannerHandler.initFunctions(this.paletteViewHandler.deletePlannerElement.bind(this.paletteViewHandler), this.paletteViewHandler.copyPlannerElement.bind(this.paletteViewHandler));
       this.actionButtonState.initFunctions(this.divaWebPlanner, this.paletteViewHandler);
       this.uiState.initFunctions(this.divaWebPlanner.updatePlannerView.bind(this.divaWebPlanner), this.paletteViewHandler.visitActVisibleSteps.bind(this.paletteViewHandler), this.tabGroupState.updateCurTabGroupType.bind(this.tabGroupState), this.settingsState, this.divaWebPlanner.getReturnTo, this.configState.initProductFolded);
@@ -10841,6 +11075,7 @@ var DivaViewHandler = /*#__PURE__*/function () {
       } else {
         switch (this.getState()) {
           case 'PLANNER':
+          case 'PLANNER_2.0':
             if (this.uiState.ViewConfig.logGAEnabled) {
               this.divaWebPlanner.logGA('Planen');
             }
@@ -11134,6 +11369,11 @@ var DivaViewHandler = /*#__PURE__*/function () {
     function updateCatalogPlannerArticles(plannerItems, paletteId, isUpdate, type, dockFilter, actStepName, stepKey) {
       this.paletteViewHandler.updateCatalogPlannerArticles(plannerItems, paletteId, isUpdate, type, dockFilter, actStepName, stepKey);
     }
+  }, {
+    key: "updateCatalogPlanner2Dot0Articles",
+    value: function updateCatalogPlanner2Dot0Articles(catalogPlannerArticles, isUpdate, onlySelectionChanged) {
+      this.paletteViewHandler.updateCatalogPlanner2Dot0Articles(catalogPlannerArticles, isUpdate, onlySelectionChanged);
+    }
 
     /**
      * Updates the Accessoire-List(on AccessoireStep)  with accessoires from the actArticle
@@ -11235,6 +11475,7 @@ var DivaViewHandler = /*#__PURE__*/function () {
       this.divaWebPlanner.registerNavigateToTabGroup(this.navigateToTabGroup.bind(this));
       this.divaWebPlanner.registerNavigateToConfigStep(this.navigateToConfigStep.bind(this));
       this.divaWebPlanner.registerUpdateCatalogPlannerArticles(this.updateCatalogPlannerArticles.bind(this));
+      this.divaWebPlanner.registerUpdateCatalogPlanner2Dot0Articles(this.updateCatalogPlanner2Dot0Articles.bind(this));
       this.divaWebPlanner.registerUpdateAccessoiresPalette(this.updateAccessoiresPalette.bind(this));
       this.divaWebPlanner.registerSetWebConifguratorTitle(this.setWebConifguratorTitle.bind(this));
       this.divaWebPlanner.registerOnBasketInitialized(this.onBasketInitialized.bind(this));
@@ -11621,255 +11862,264 @@ var usePlannerUIHandler = function usePlannerUIHandler() {
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
     case '../components/Layout/index.tsx': return Promise.resolve().then(function () { return index$e; });
-    case '../components/Settings/index.tsx': return import('./index-ee6861ac.js');
-    case '../components/TabGroup/index.tsx': return import('./index-e4f0fa3e.js');
-    case '../components/Action/Basket/index.tsx': return import('./index-cddbbefc.js');
-    case '../components/Action/BasketMobile/index.tsx': return import('./index-39dcb6f8.js');
-    case '../components/Action/Navigation/index.tsx': return import('./index-1e9768b4.js');
+    case '../components/Settings/index.tsx': return import('./index-969609e1.js');
+    case '../components/TabGroup/index.tsx': return import('./index-03229325.js');
+    case '../components/Action/Basket/index.tsx': return import('./index-fab5ea6e.js');
+    case '../components/Action/BasketMobile/index.tsx': return import('./index-53d8742e.js');
+    case '../components/Action/Navigation/index.tsx': return import('./index-4598369e.js');
     case '../components/GlobalElements/Affiliate/index.tsx': return Promise.resolve().then(function () { return index; });
-    case '../components/GlobalElements/BarrierActions/index.tsx': return import('./index-2940812f.js');
+    case '../components/GlobalElements/BarrierActions/index.tsx': return import('./index-1fae49b8.js');
     case '../components/GlobalElements/Checkout/index.tsx': return Promise.resolve().then(function () { return index$3; });
     case '../components/GlobalElements/FrameworkPrice/index.tsx': return Promise.resolve().then(function () { return index$2; });
     case '../components/GlobalElements/Fullscreen/index.tsx': return Promise.resolve().then(function () { return index$1; });
-    case '../components/Layout/classification/index.tsx': return import('./index-1ea30bca.js');
-    case '../components/Layout/gold/index.tsx': return import('./index-633546c4.js');
-    case '../components/Layout/ralph/index.tsx': return import('./index-08e585ca.js');
-    case '../components/Layout/serious/index.tsx': return import('./index-af4626ec.js');
-    case '../components/Layout/seriousRight/index.tsx': return import('./index-3e619b60.js');
-    case '../components/Layout/standard/index.tsx': return import('./index-6f8f836a.js');
-    case '../components/Layout/wysiwyg/index.tsx': return import('./index-f994656b.js');
-    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-3fb0b7f7.js');
-    case '../components/Product/Product/index.tsx': return import('./index-eda17eda.js');
-    case '../components/Product/ProductCenter/index.tsx': return import('./index-3820b6da.js');
-    case '../components/Product/ProductFooter/index.tsx': return import('./index-ebcf2493.js');
-    case '../components/Product/ProductInfo/index.tsx': return import('./index-ccd18412.js');
-    case '../components/Product/ProductSettings/index.tsx': return import('./index-bd28dfcb.js');
-    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-4a42433b.js');
-    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-2ef3d030.js');
-    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-10f6a969.js');
-    case '../components/TabGroup/Search/index.tsx': return import('./index-40f08dc3.js');
-    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-5d716ecd.js');
-    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-26948783.js');
-    case '../components/Action/Basket/gold/index.tsx': return import('./index-3302eab3.js');
-    case '../components/Action/Basket/ralph/index.tsx': return import('./index-7737889b.js');
-    case '../components/Action/Basket/serious/index.tsx': return import('./index-e49b9bd3.js');
-    case '../components/Action/Basket/standard/index.tsx': return import('./index-733ff8cc.js');
-    case '../components/Action/Navigation/blue/index.tsx': return import('./index-864fe8af.js');
-    case '../components/Action/Navigation/gold/index.tsx': return import('./index-18d1c857.js');
-    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-109826cd.js');
-    case '../components/Action/Navigation/standard/index.tsx': return import('./index-a03ec2d3.js');
-    case '../components/GlobalElements/BarrierActions/blue/index.tsx': return import('./index-9177e208.js');
-    case '../components/GlobalElements/BarrierActions/jungle/index.tsx': return import('./index-10e2e2e4.js');
-    case '../components/GlobalElements/BarrierActions/standard/index.tsx': return import('./index-ba893e33.js');
+    case '../components/Layout/classification/index.tsx': return import('./index-a676d5ad.js');
+    case '../components/Layout/gold/index.tsx': return import('./index-20262c22.js');
+    case '../components/Layout/ralph/index.tsx': return import('./index-afd675b0.js');
+    case '../components/Layout/serious/index.tsx': return import('./index-49e6bcf2.js');
+    case '../components/Layout/seriousRight/index.tsx': return import('./index-48468559.js');
+    case '../components/Layout/standard/index.tsx': return import('./index-615e41dd.js');
+    case '../components/Layout/wysiwyg/index.tsx': return import('./index-3ebaa059.js');
+    case '../components/Product/ContentItemWrapper/index.tsx': return import('./index-79335bd4.js');
+    case '../components/Product/Product/index.tsx': return import('./index-7f9af290.js');
+    case '../components/Product/ProductCenter/index.tsx': return import('./index-b604e4be.js');
+    case '../components/Product/ProductFooter/index.tsx': return import('./index-10d71686.js');
+    case '../components/Product/ProductInfo/index.tsx': return import('./index-508062be.js');
+    case '../components/Product/ProductSettings/index.tsx': return import('./index-38a45f2c.js');
+    case '../components/Settings/SettingsHeaderContainer/index.tsx': return import('./index-8da1340b.js');
+    case '../components/Settings/SettingsScroller/index.tsx': return import('./index-1fd43a3f.js');
+    case '../components/TabGroup/ProgressBar/index.tsx': return import('./index-beb450d2.js');
+    case '../components/TabGroup/Search/index.tsx': return import('./index-1825c67a.js');
+    case '../components/TabGroup/TabGroupHorizontal/index.tsx': return import('./index-2a6a09c4.js');
+    case '../components/TabGroup/TabGroupVertical/index.tsx': return import('./index-886159dc.js');
+    case '../components/Action/Basket/gold/index.tsx': return import('./index-2f505818.js');
+    case '../components/Action/Basket/ralph/index.tsx': return import('./index-2a4c0fc6.js');
+    case '../components/Action/Basket/serious/index.tsx': return import('./index-bd17f4f0.js');
+    case '../components/Action/Basket/standard/index.tsx': return import('./index-559395f6.js');
+    case '../components/Action/Navigation/blue/index.tsx': return import('./index-96083369.js');
+    case '../components/Action/Navigation/gold/index.tsx': return import('./index-a3b4957a.js');
+    case '../components/Action/Navigation/ralph/index.tsx': return import('./index-2f2848a4.js');
+    case '../components/Action/Navigation/standard/index.tsx': return import('./index-836e24ff.js');
+    case '../components/GlobalElements/BarrierActions/blue/index.tsx': return import('./index-64fbf5ec.js');
+    case '../components/GlobalElements/BarrierActions/jungle/index.tsx': return import('./index-bd255983.js');
+    case '../components/GlobalElements/BarrierActions/standard/index.tsx': return import('./index-924bc91c.js');
     case '../components/GlobalElements/Checkout/AGB/index.tsx': return Promise.resolve().then(function () { return index$d; });
     case '../components/GlobalElements/Checkout/CreateAppointment/index.tsx': return Promise.resolve().then(function () { return index$c; });
     case '../components/GlobalElements/Checkout/Header/index.tsx': return Promise.resolve().then(function () { return index$5; });
     case '../components/GlobalElements/Checkout/IconComponent/index.tsx': return Promise.resolve().then(function () { return index$4; });
     case '../components/GlobalElements/Checkout/Save/index.tsx': return Promise.resolve().then(function () { return index$6; });
     case '../components/GlobalElements/Checkout/Share/index.tsx': return Promise.resolve().then(function () { return index$7; });
-    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-17b75f05.js');
-    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-73b49949.js');
-    case '../components/Product/ContentItemWrapper/dontReopenAutomatically/index.tsx': return import('./index-6cfe2073.js');
-    case '../components/Product/Product/catalog/index.tsx': return import('./index-0e5e02b7.js');
-    case '../components/Product/Product/serious/index.tsx': return import('./index-0f1f4fb2.js');
-    case '../components/Product/Product/standard/index.tsx': return import('./index-00d1ba22.js');
-    case '../components/Product/ProductCenter/MobileNavIcons/index.tsx': return import('./index-76bfe8d1.js');
-    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-1906c0cc.js');
-    case '../components/Product/ProductCenter/Planner3D/index.tsx': return import('./index-1947e95a.js');
-    case '../components/Product/ProductCenter/Planner3DGrid/index.tsx': return import('./index-bb8c48f7.js');
-    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-176c7b0d.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-e7cd9420.js');
-    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-cb7bdb45.js');
-    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-142eda9b.js');
-    case '../components/Product/ProductCenter/PromotedOpvs/index.tsx': return import('./index-e593d4a7.js');
-    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-3e041860.js');
-    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-892ef730.js');
-    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-280876df.js');
-    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-ea8455a6.js');
-    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-b7864cc2.js');
-    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-8987193d.js');
-    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-002af025.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-0e7ad425.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-b7ca89ee.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-8ca7eed1.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-50773b2f.js');
-    case '../components/Action/Basket/ralph/PriceSumm/index.tsx': return import('./index-d4ed29bd.js');
+    case '../components/GlobalElements/PopupWindows/Inputbox/index.tsx': return import('./index-b6d2b504.js');
+    case '../components/Layout/wysiwyg/Toolbar/index.tsx': return import('./index-5c302a58.js');
+    case '../components/Product/ContentItemWrapper/dontReopenAutomatically/index.tsx': return import('./index-9082836c.js');
+    case '../components/Product/Product/catalog/index.tsx': return import('./index-0ec849e8.js');
+    case '../components/Product/Product/serious/index.tsx': return import('./index-5145a118.js');
+    case '../components/Product/Product/standard/index.tsx': return import('./index-9c0923c9.js');
+    case '../components/Product/ProductCenter/MobileNavIcons/index.tsx': return import('./index-e07e6993.js');
+    case '../components/Product/ProductCenter/Planner2DGird/index.tsx': return import('./index-5e93bc5f.js');
+    case '../components/Product/ProductCenter/Planner3D/index.tsx': return import('./index-a71e5133.js');
+    case '../components/Product/ProductCenter/Planner3DGrid/index.tsx': return import('./index-1916995b.js');
+    case '../components/Product/ProductCenter/Planner3DImage/index.tsx': return import('./index-e1b65252.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/index.tsx': return import('./index-c81147e6.js');
+    case '../components/Product/ProductCenter/PlannerRTV/index.tsx': return import('./index-3277128d.js');
+    case '../components/Product/ProductCenter/PlannerUI/index.tsx': return import('./index-bb214283.js');
+    case '../components/Product/ProductCenter/PromotedOpvs/index.tsx': return import('./index-b9052a89.js');
+    case '../components/Product/ProductCenter/RoomListSelection/index.tsx': return import('./index-59825408.js');
+    case '../components/Product/ProductCenter/RotateInfo/index.tsx': return import('./index-39b1006b.js');
+    case '../components/Product/ProductFooter/gold/index.tsx': return import('./index-3001ce5c.js');
+    case '../components/Product/ProductFooter/ralph/index.tsx': return import('./index-b246ac6d.js');
+    case '../components/Product/ProductFooter/standard/index.tsx': return import('./index-bf3f89d4.js');
+    case '../components/Product/ProductHeader/Functions/index.tsx': return import('./index-f3d3bf2e.js');
+    case '../components/Product/ProductHeader/ProductHeader/index.tsx': return import('./index-89dbdb19.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/index.tsx': return import('./index-68f5a678.js').then(function (n) { return n.d; });
+    case '../components/Settings/SettingsScroller/SubTabGroup/index.tsx': return import('./index-ca4bea7f.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/index.tsx': return import('./index-0d2c5b12.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/index.tsx': return import('./index-64a6fd63.js');
+    case '../components/Action/Basket/ralph/PriceSumm/index.tsx': return import('./index-b9066dec.js');
     case '../components/GlobalElements/Checkout/Share/MultiToggleSwitch/index.tsx': return Promise.resolve().then(function () { return index$b; });
     case '../components/GlobalElements/Checkout/Share/ShareViaEmail/index.tsx': return Promise.resolve().then(function () { return index$8; });
     case '../components/GlobalElements/Checkout/Share/ShareViaSocialMedias/index.tsx': return Promise.resolve().then(function () { return index$9; });
     case '../components/GlobalElements/Checkout/Share/ShareViaUrl/index.tsx': return Promise.resolve().then(function () { return index$a; });
-    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-6b432c2c.js');
-    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-56436cb9.js');
-    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-c8a735f7.js');
-    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-9dbccc8c.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-f69e1ddd.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-824596b5.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/index.tsx': return import('./index-f366963e.js');
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-29f47254.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-67572ead.js');
-    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-00c154f5.js');
-    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-7fb0d904.js');
-    case '../components/Product/ProductHeader/Functions/gold/index.tsx': return import('./index-18e7c65c.js');
-    case '../components/Product/ProductHeader/Functions/ralph/index.tsx': return import('./index-1fa03e62.js');
-    case '../components/Product/ProductHeader/Functions/standard/index.tsx': return import('./index-b39c8c3f.js');
-    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-9484dca6.js');
-    case '../components/Product/ProductHeader/ProductHeader/gold/index.tsx': return import('./index-d5206576.js');
-    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-e0e8f7b7.js');
-    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-9385f473.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-2788d555.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-49db189e.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-476fc243.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/index.tsx': return import('./index-16b5491f.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-b65ce0f8.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-d8635afd.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-c565b5de.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-2e2b7194.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/index.tsx': return import('./index-d568c40d.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroupDropdown/index.tsx': return import('./index-994bb529.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-bd8192c3.js');
-    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-4af615a8.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-76850d6b.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-8e26419c.js');
-    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-1b61e66c.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-046f8713.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-6ee36148.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-28dcc2e3.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-a5a75620.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-af6e7d6b.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/index.tsx': return import('./index-37ec4175.js');
-    case '../components/Product/Product/catalog/Components/ArticleSelector/index.tsx': return import('./index-5f79be11.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/index.tsx': return import('./index-6532adf3.js');
-    case '../components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.tsx': return import('./DecisionVizualizer-ec891197.js').then(function (n) { return n.a; });
-    case '../components/Product/Product/catalog/Components/DecisionAnalyzer/index.tsx': return import('./index-60f4e5b5.js');
-    case '../components/Product/Product/catalog/Components/EkTextViewer/index.tsx': return import('./index-6e086aab.js');
-    case '../components/Product/Product/catalog/Components/GridOverview/index.tsx': return import('./index-522710ac.js');
-    case '../components/Product/Product/catalog/Components/J3DEditor/index.tsx': return import('./index-9e459bbd.js');
-    case '../components/Product/Product/catalog/Components/JsonAnalyser/index.tsx': return import('./index-ebd8ae97.js');
-    case '../components/Product/Product/catalog/Components/MaskEditor/index.tsx': return import('./index-17eedf48.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/index.tsx': return import('./index-c0fb3f1f.js');
-    case '../components/Product/Product/catalog/Components/PartList/index.tsx': return import('./index-3ffbd2af.js');
-    case '../components/Product/Product/catalog/Components/PriceAnalyzer/index.tsx': return import('./index-fcb64cf1.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/index.tsx': return import('./index-706a982e.js');
-    case '../components/Product/Product/catalog/Components/RTVAnalyzer/index.tsx': return import('./index-c2cb7bf7.js');
-    case '../components/Product/Product/catalog/Components/SVGAnalyser/index.tsx': return import('./index-9ebb7ca4.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-96c97820.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-8fa9b257.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-2b433a01.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-ff94904d.js');
-    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-695b3378.js');
-    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/PlannerMsgItem/index.tsx': return import('./index-8c6872ba.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Move3DGrid/index.tsx': return import('./index-8f1fc0d1.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-e2f4195f.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-0df1c9d2.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-a765d03d.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-6e8747e6.js');
-    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-ad25df6b.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-527d7423.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-d8e2c67d.js');
-    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-115b7d82.js');
-    case '../components/Product/ProductHeader/Functions/standard/share/index.tsx': return import('./index-08abd599.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-4d82d57b.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-1e8ccdc0.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-08a033d0.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-d1e6d098.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-71d66ebe.js').then(function (n) { return n.i; });
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNrToolTip/index.tsx': return import('./index-0fbc1c32.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-a43ecf8c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-eba58b0e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-9d304ae4.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-e956454d.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-abc01b18.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/index.tsx': return import('./index-c4b0d085.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/index.tsx': return import('./index-675dbd9b.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-c73a9356.js');
-    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-a6e391f2.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonEditor/index.tsx': return import('./index-02a574da.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonViewer/index.tsx': return import('./index-388fae99.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/index.tsx': return import('./index-51812287.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/LayoutSelection/index.tsx': return import('./index-e50e180e.js');
-    case '../components/Product/Product/catalog/Components/CatalogMakeup/OptionSelector/index.tsx': return import('./index-e8262f65.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/Price/index.tsx': return import('./index-a8570fee.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/ProduktDetails/index.tsx': return import('./index-06e152be.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/index.tsx': return import('./index-1e374bbf.js');
-    case '../components/Product/Product/catalog/Components/PartList/PartListTable/index.tsx': return import('./index-a6a4403a.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/ArticleProperties.tsx': return import('./ArticleProperties-e967bca0.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx': return import('./CatalogProperties-981aaa1e.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx': return import('./OptionProperties-d3b9573a.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionValueProperties.tsx': return import('./OptionValueProperties-99df53a0.js');
-    case '../components/Product/Product/catalog/Components/PropertiesEditor/Table/index.tsx': return import('./index-7ca2ed84.js').then(function (n) { return n.i; });
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-59a1de15.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-963c5f67.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-390414e1.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-34038781.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-a57681a2.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-e594554b.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-f70f1e24.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/Rotation3DGrid/index.tsx': return import('./index-cc3c7634.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-f9865934.js');
-    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-6ca02a83.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-6b2f23e9.js');
-    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-5a4cb59f.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-26b8a919.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-e65352bc.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-496b1fad.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-ae2b2848.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-b67db79f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-0b4183cf.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-6658bf31.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-42e65178.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-807d74ab.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-48ddfe28.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/InfoIcon/index.tsx': return import('./index-5c8012e3.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-28da97c8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.tsx': return import('./index-c2a7570b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx': return import('./index-dee7a6b0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-2830c31f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-c451eea1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-4ba1973b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-1cadfd6e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-79f7c9a0.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-01b6afd5.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-a35862b5.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-61197975.js').then(function (n) { return n.j; });
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-a1cf0884.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-30d04d4c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-872bf46e.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-d5164f7b.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/PartList/index.tsx': return import('./index-8e14b0cc.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-0256a488.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-9822dcf8.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleElement/index.tsx': return import('./index-bcce267f.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-dadf5d73.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-8cc17bdc.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-bc18940a.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/jungle/group/index.tsx': return import('./index-bd20ee63.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/PaletteGroup/standard/Group/index.tsx': return import('./index-4a4ade86.js');
-    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGSourceViewer/index.tsx': return import('./index-d66a88dc.js');
-    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/Options/index.tsx': return import('./index-2f58e485.js');
-    case '../components/Product/Product/catalog/Components/PartList/PartListTable/AsyncRender/index.tsx': return import('./index-5bb1d28c.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-819607eb.js');
-    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-ae4579e3.js');
-    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-a7163d17.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-85d42e24.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-32a1bb84.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-1ed5a5da.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-43db59d4.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-e6e5ae0d.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/serious/index.tsx': return import('./index-474bbd40.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/standard/index.tsx': return import('./index-9b9a1804.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-ea2dd822.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-09387e91.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-d4f66024.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-67720251.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-894a7de1.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-88932564.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/serious/index.tsx': return import('./index-85e678b9.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-817e2560.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-5e833378.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-e8964725.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-28b24182.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-6662794c.js');
-    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-b6373625.js');
+    case '../components/Layout/wysiwyg/Toolbar/ToolContainer/index.tsx': return import('./index-c624bade.js');
+    case '../components/Product/Product/catalog/Sidebar/index.tsx': return import('./index-6d0f5537.js');
+    case '../components/Product/Product/serious/CheckoutForm/index.tsx': return import('./index-4360b0fa.js');
+    case '../components/Product/ProductCenter/Planner3DImage/Logo/index.tsx': return import('./index-74148e96.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/index.tsx': return import('./index-aec1670c.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/index.tsx': return import('./index-15d10ce1.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/index.tsx': return import('./index-b5f3c484.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/index.tsx': return import('./index-5b34554e.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/index.tsx': return import('./index-ca74bd76.js');
+    case '../components/Product/ProductCenter/RoomListSelection/serious/index.tsx': return import('./index-4cc2ea29.js');
+    case '../components/Product/ProductCenter/RoomListSelection/standard/index.tsx': return import('./index-5304e292.js');
+    case '../components/Product/ProductHeader/Functions/gold/index.tsx': return import('./index-ee5d2cc8.js');
+    case '../components/Product/ProductHeader/Functions/ralph/index.tsx': return import('./index-a70e4ae9.js');
+    case '../components/Product/ProductHeader/Functions/standard/index.tsx': return import('./index-3b1c6fde.js');
+    case '../components/Product/ProductHeader/ProductHeader/blue/index.tsx': return import('./index-d836e30c.js');
+    case '../components/Product/ProductHeader/ProductHeader/gold/index.tsx': return import('./index-ef2f7282.js');
+    case '../components/Product/ProductHeader/ProductHeader/ralph/index.tsx': return import('./index-965d847b.js');
+    case '../components/Product/ProductHeader/ProductHeader/standard/index.tsx': return import('./index-73576c82.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/DockFilter/index.tsx': return import('./index-02f17e02.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/index.tsx': return import('./index-411da277.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/Searchbar/index.tsx': return import('./index-9d9ba399.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/index.tsx': return import('./index-01d56e61.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsConfigSingle/index.tsx': return import('./index-315a2822.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/index.tsx': return import('./index-e8534c93.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ComponentMap/index.tsx': return import('./index-b41e4384.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemWrapper/index.tsx': return import('./index-68f5a678.js').then(function (n) { return n.b; });
+    case '../components/Settings/SettingsScroller/SettingsItem/StepInfo/index.tsx': return import('./index-2ecb7d0e.js');
+    case '../components/Settings/SettingsScroller/SubTabGroup/SubTabGroupHeader/index.tsx': return import('./index-77ad44c9.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/gold/index.tsx': return import('./index-b8df6520.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/ralph/index.tsx': return import('./index-b0812731.js');
+    case '../components/TabGroup/TabGroupHorizontal/item/standard/index.tsx': return import('./index-1c832a70.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/index.tsx': return import('./index-118c5cf8.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/free/index.tsx': return import('./index-debdf69c.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/mountain/index.tsx': return import('./index-36438818.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/serious/index.tsx': return import('./index-53f48395.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/standard/index.tsx': return import('./index-aa08afca.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/index.tsx': return import('./index-f6c95ee9.js');
+    case '../components/Product/Product/catalog/Components/ArticleSelector/index.tsx': return import('./index-3ebde858.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/index.tsx': return import('./index-7b260cac.js');
+    case '../components/Product/Product/catalog/Components/DecisionAnalyzer/DecisionVizualizer.tsx': return import('./DecisionVizualizer-79d06f19.js').then(function (n) { return n.a; });
+    case '../components/Product/Product/catalog/Components/DecisionAnalyzer/index.tsx': return import('./index-0e81d28f.js');
+    case '../components/Product/Product/catalog/Components/EkTextViewer/index.tsx': return import('./index-0e927cad.js');
+    case '../components/Product/Product/catalog/Components/GridOverview/index.tsx': return import('./index-7fde6c3a.js');
+    case '../components/Product/Product/catalog/Components/J3DEditor/index.tsx': return import('./index-7af87f20.js');
+    case '../components/Product/Product/catalog/Components/JsonAnalyser/index.tsx': return import('./index-96e806ca.js');
+    case '../components/Product/Product/catalog/Components/MaskEditor/index.tsx': return import('./index-bf0119d7.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/index.tsx': return import('./index-cdcaec4c.js');
+    case '../components/Product/Product/catalog/Components/PartList/index.tsx': return import('./index-da16233a.js');
+    case '../components/Product/Product/catalog/Components/PriceAnalyzer/index.tsx': return import('./index-2079e68d.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/index.tsx': return import('./index-268118cb.js');
+    case '../components/Product/Product/catalog/Components/RTVAnalyzer/index.tsx': return import('./index-3b8a474e.js');
+    case '../components/Product/Product/catalog/Components/SVGAnalyser/index.tsx': return import('./index-371f794a.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/gold/index.tsx': return import('./index-89196e33.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/serious/index.tsx': return import('./index-4dd897c6.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/index.tsx': return import('./index-098d1f9e.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/serious/index.tsx': return import('./index-101bf688.js');
+    case '../components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx': return import('./index-e3f044fe.js');
+    case '../components/Product/ProductCenter/PlannerMsgContainer/standard/PlannerMsgItem/index.tsx': return import('./index-eb9732ce.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Move3DGrid/index.tsx': return import('./index-03f6ab6a.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline/index.tsx': return import('./index-9473d18d.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Outline3D/index.tsx': return import('./index-8e77f1f7.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/PosNr/index.tsx': return import('./index-115ab8ac.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Trash/index.tsx': return import('./index-caef96fb.js');
+    case '../components/Product/ProductCenter/PlannerUI/ItemsContainer/ItemsDPAccContainer/index.tsx': return import('./index-4874dc64.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/gold/index.tsx': return import('./index-db5ffa40.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/hidden/index.tsx': return import('./index-ac53df09.js');
+    case '../components/Product/ProductCenter/PlannerUI/PlannerUIVariants/standard/index.tsx': return import('./index-a6659cd9.js');
+    case '../components/Product/ProductHeader/Functions/standard/share/index.tsx': return import('./index-16526ddc.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/index.tsx': return import('./index-aea14c06.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/index.tsx': return import('./index-a4b9d298.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/serious/index.tsx': return import('./index-ae7905d8.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/index.tsx': return import('./index-b651b295.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNr/index.tsx': return import('./index-ee4f4e8b.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/SettingsPosNrContainer/SettingsPosNrToolTip/index.tsx': return import('./index-e19b9fae.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/HorizontalGroup/index.tsx': return import('./index-68f5a678.js').then(function (n) { return n.i; });
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/index.tsx': return import('./index-fa721d4c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroupDropdown/index.tsx': return import('./index-0ab00373.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/index.tsx': return import('./index-47b4d332.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.tsx': return import('./index-b6fb7313.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/index.tsx': return import('./index-748fe80f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Promoted/index.tsx': return import('./index-ac753687.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.tsx': return import('./index-d68e24c5.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/Header/index.tsx': return import('./index-946c02b6.js');
+    case '../components/TabGroup/TabGroupVertical/ItemVariants/classification/configstep/index.tsx': return import('./index-5d1adc69.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonEditor/index.tsx': return import('./index-3843c5cc.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/JsonViewer/index.tsx': return import('./index-5f45eaf1.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/index.tsx': return import('./index-d55865cd.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/LayoutSelection/index.tsx': return import('./index-8743be03.js');
+    case '../components/Product/Product/catalog/Components/CatalogMakeup/OptionSelector/index.tsx': return import('./index-58defc7a.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/Price/index.tsx': return import('./index-8897b1f0.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/ProduktDetails/index.tsx': return import('./index-284c8e0e.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/index.tsx': return import('./index-b8836964.js');
+    case '../components/Product/Product/catalog/Components/PartList/PartListTable/index.tsx': return import('./index-11b411f2.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/ArticleProperties.tsx': return import('./ArticleProperties-2884d168.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/CatalogProperties.tsx': return import('./CatalogProperties-6c62c540.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionProperties.tsx': return import('./OptionProperties-00082065.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionValueProperties.tsx': return import('./OptionValueProperties-29e42aeb.js');
+    case '../components/Product/Product/catalog/Components/PropertiesEditor/Table/index.tsx': return import('./index-bb8fcd73.js').then(function (n) { return n.i; });
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/index.tsx': return import('./index-cdd0dae1.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/BoxCopy/index.tsx': return import('./index-6b991bf8.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Copy/ElementCopy/index.tsx': return import('./index-97192e4b.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Dimension/DistanceToGround/index.tsx': return import('./index-f427cd3b.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVL/index.tsx': return import('./index-6af77ca9.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/AVR/index.tsx': return import('./index-d4fb067a.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/DockingPoint/DPACC/index.tsx': return import('./index-92c8712b.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/Rotation3DGrid/index.tsx': return import('./index-66fbe10f.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationClockwise/index.tsx': return import('./index-e4555d7e.js');
+    case '../components/Product/ProductCenter/PlannerUI/Items/Rotation/RotationCounterClockwise/index.tsx': return import('./index-f303a360.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/DropdownFilter/Arrow/index.tsx': return import('./index-e0464388.js');
+    case '../components/Settings/SettingsHeaderContainer/Filter/RALFilter/SlideFilter/FilterItem/index.tsx': return import('./index-a0abf287.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/InfoButton/index.tsx': return import('./index-ac908a9f.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/NumberInput/index.tsx': return import('./index-3629f103.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/PDFButton/index.tsx': return import('./index-5d1e20f7.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/index.tsx': return import('./index-f0ed4f76.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SummaryVariantButton/index.tsx': return import('./index-02cb24ea.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/index.tsx': return import('./index-a6ca59d8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/index.tsx': return import('./index-fb26d8ed.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/serious/index.tsx': return import('./index-ade8df2f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Accessoires/standard/index.tsx': return import('./index-8fcb4d3f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ArticleOverviewWrapper/index.tsx': return import('./index-68f5a678.js').then(function (n) { return n.a; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Default/index.tsx': return import('./index-1d95eb5d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/Facelift/index.tsx': return import('./index-e25b4d48.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/index.tsx': return import('./index-45f3830e.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerSwitch/index.tsx': return import('./index-0261c43b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/ReplaceSwitch/index.tsx': return import('./index-f942bdcc.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/InfoIcon/index.tsx': return import('./index-9aa789de.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/MetaData/index.tsx': return import('./index-8199846d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.tsx': return import('./index-9b04aa68.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/Tooltip/index.tsx': return import('./index-7e2d1d67.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx': return import('./index-6a301432.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx': return import('./index-f6ab8256.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/index.tsx': return import('./index-d39569c0.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText/index.tsx': return import('./index-47e2528f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/GalleryText2/index.tsx': return import('./index-f66fd8d3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/index.tsx': return import('./index-e58bcb7d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ProductList/Search/index.tsx': return import('./index-26ff5119.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/index.tsx': return import('./index-0c0d983c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/SelectedAcc/index.tsx': return import('./index-aab2b0f6.js').then(function (n) { return n.j; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.tsx': return import('./index-86037d19.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoiresOld/index.tsx': return import('./index-d53192f3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Articles/index.tsx': return import('./index-e3b77516.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/index.tsx': return import('./index-9fd682f4.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/PartList/index.tsx': return import('./index-43a7d281.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/TotalPrice/index.tsx': return import('./index-de8d11a9.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/Variants/index.tsx': return import('./index-710af8bc.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleElement/index.tsx': return import('./index-2f696b58.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleHeader/index.tsx': return import('./index-9b0d35a6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleName/index.tsx': return import('./index-69c1892b.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Toggle/ToggleOption/index.tsx': return import('./index-ca8976ce.js');
+    case '../components/Product/Product/catalog/Components/ArticleOverview/SVGViewer/SVGSourceViewer/index.tsx': return import('./index-a602df9e.js');
+    case '../components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/Options/index.tsx': return import('./index-ed37cfe6.js');
+    case '../components/Product/Product/catalog/Components/PartList/PartListTable/AsyncRender/index.tsx': return import('./index-879ae5f6.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/FullscreenAr/index.tsx': return import('./index-5280465e.js');
+    case '../components/Product/ProductCenter/Planner3DImage/NavBar/standard/ArQrCodeIcon/Tooltip/index.tsx': return import('./index-7e6275a1.js');
+    case '../components/Settings/SettingsHeaderContainer/SettingsItemHeader/Header/standard/SelectedOpv/Item/index.tsx': return import('./index-52322b19.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/jungle/group/index.tsx': return import('./index-d901afeb.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup/standard/Group/index.tsx': return import('./index-0c0305d0.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Article/PlannerOverview/addElement/index.tsx': return import('./index-b41a0d70.js').then(function (n) { return n.h; });
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx': return import('./index-915254fd.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx': return import('./index-29722e92.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/index.tsx': return import('./index-ed2ede45.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/index.tsx': return import('./index-9ae5aade.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/NumberBox/index.tsx': return import('./index-60d12706.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Range/index.tsx': return import('./index-deafba57.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Slider/index.tsx': return import('./index-9d995758.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/serious/index.tsx': return import('./index-46c08e0a.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery/standard/index.tsx': return import('./index-a1b073f6.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive/standard/index.tsx': return import('./index-4f06e818.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/Grid/DeleteButton/index.tsx': return import('./index-4e7ead7f.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/serious/index.tsx': return import('./index-394d9478.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree/standard/index.tsx': return import('./index-6deaf770.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/MobileDropdown/index.tsx': return import('./index-a6301d1d.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/jungle/index.tsx': return import('./index-209f8db3.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/serious/index.tsx': return import('./index-83a5f859.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Default/standard/index.tsx': return import('./index-807257f8.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/MultiToggleSwitch/index.tsx': return import('./index-b7330036.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/index.tsx': return import('./index-ed126b5c.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/ViewPoint/index.tsx': return import('./index-72bb0098.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/round/index.tsx': return import('./index-b6c0bf29.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/serious/index.tsx': return import('./index-ae66da16.js');
+    case '../components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/Room/RoomItem/standard/index.tsx': return import('./index-f1e34732.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))